*{box-sizing:border-box;margin:0;padding:0}body{color:#171717;direction:rtl;background:#fff;font-family:Tahoma,sans-serif}header{direction:ltr;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:72px;padding:0 8%;display:flex}header h2{letter-spacing:5px;font-size:24px;font-weight:600}nav{direction:rtl;gap:28px;display:flex}nav a{color:#333;font-size:14px;text-decoration:none}button{color:#fff;cursor:pointer;background:#1f3d35;border:none;padding:13px 24px;font-family:Tahoma,sans-serif;font-size:13px}.hero{box-sizing:border-box;background:#f7f7f5;flex-direction:column;justify-content:center;align-items:flex-start;min-height:620px;padding:110px 10%;display:flex}.hero p:first-child{color:#888;letter-spacing:1px;margin-bottom:28px;font-size:15px}.hero h1{color:#111;max-width:850px;margin-bottom:28px;font-size:64px;font-weight:500;line-height:1.3}.hero p{color:#666;font-size:17px;line-height:2}.hero button{margin-top:30px;padding:15px 30px}.services{background:#fff;padding:100px 10%}.services h2{margin-bottom:50px;font-size:38px;font-weight:500}.service-list{border-top:1px solid #222;grid-template-columns:1fr 1fr;display:grid}.service-list div{border-bottom:1px solid #ddd;padding:35px 20px;font-size:17px;transition:all .3s}.service-list div:hover{padding-right:30px}.projects{background:#afc2aa;padding:100px 10%}.projects h2{margin-bottom:50px;font-size:38px;font-weight:500}.project-list{border-top:1px solid #222}.project-list p{border-bottom:1px solid #ddd;gap:25px;padding:25px 5px;font-size:18px;display:flex}.project-list span{color:#999;direction:ltr;font-size:13px}.about{background:#fff;padding:100px 10%}.about-content{max-width:750px}.about-label{color:#888;margin-bottom:25px;font-size:14px}.about h2{margin-bottom:30px;font-size:48px;font-weight:500;line-height:1.5}.about-text{color:#666;margin-bottom:35px;font-size:17px;line-height:2.2}.contact{color:#fff;background:#171717;width:100%;padding:70px 10%}.contact p{color:#aaa;margin-bottom:20px;font-size:14px}.contact h2{color:#fff;margin-bottom:30px;font-size:44px;font-weight:400;line-height:1.5}.contact button{color:#171717;background:#fff;padding:14px 28px}footer{color:#fff;background:#111;justify-content:space-between;align-items:center;padding:40px 10%;display:flex}footer h3{letter-spacing:4px;margin-bottom:10px;font-size:22px}footer p{color:#999;font-size:13px;line-height:2}@media (width<=768px){header{padding:0 5%}header button,nav{display:none}.hero{min-height:550px;padding:70px 7%}.hero h1{font-size:40px}.services,.projects,.about{padding:60px 7%}.services h2,.projects h2{font-size:28px}.service-list{grid-template-columns:1fr}.about h2{font-size:36px}.contact{padding:70px 7%}.contact h2{font-size:34px}footer{flex-direction:column;align-items:flex-start;gap:25px;padding:35px 7%}}header button,.hero button{color:#fff!important;background:#1f3d35!important}.hero{min-height:560px;padding:90px 10%}.hero h1{margin-bottom:22px;font-size:58px;line-height:1.4}.hero-description{font-size:16px;line-height:2}.services,.projects,.about{padding-top:85px;padding-bottom:85px}.services h2,.projects h2{margin-bottom:40px;font-size:34px}.about h2{font-size:42px;line-height:1.5}.contact{padding-top:65px;padding-bottom:65px}.contact h2{font-size:40px}.gallery{background:#fff;min-height:600px;padding:100px 10%}.gallery-grid div{color:#999;background:#f3f3f1;justify-content:center;align-items:center;height:260px;font-size:14px;display:flex}@media (width<=768px){.gallery{padding:70px 7%}.gallery-grid{grid-template-columns:1fr}.gallery-grid div{height:220px}}.gallery{padding:80px 10%}.gallery h1{margin-bottom:50px;font-size:40px;font-weight:500}.gallery-item{color:#999;background:#f3f3f1;justify-content:center;align-items:center;height:300px;font-size:14px;display:flex}@media (width<=768px){.gallery-grid{grid-template-columns:1fr}}.projects-page{background:#fff;min-height:100vh;padding:80px 10%}.projects-page>h1{margin:0 0 15px;font-size:46px;font-weight:500}.projects-intro{color:#777;margin-bottom:55px;font-size:16px}.projects-page-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{border:1px solid #e5e5e5;gap:25px;padding:25px;transition:all .2s;display:flex}.project-card:hover{transform:translateY(-3px)}.project-number{color:#aaa;min-width:25px;font-size:14px}.project-card h2{margin:0 0 9px;font-size:18px;font-weight:500}.project-card p{color:#777;margin:0;font-size:14px}@media (width<=768px){.projects-page{padding:60px 7%}.projects-page-list{grid-template-columns:1fr}}.hero{box-sizing:border-box;background:#f7f7f5;align-items:center;min-height:620px;padding:70px 8%;display:flex}.hero-content{grid-template-columns:1fr 1.15fr;align-items:center;gap:70px;width:100%;display:grid}.hero-text{text-align:right}.hero-text p:first-child{color:#888;letter-spacing:1px;margin-bottom:28px;font-size:15px}.hero-text h1{color:#111;margin-bottom:28px;font-size:58px;font-weight:500;line-height:1.35}.hero-text p{color:#666;max-width:650px;margin-bottom:30px;font-size:17px;line-height:2}.hero-text button{color:#fff;cursor:pointer;background:#1f3d35;border:none;padding:14px 32px;font-size:15px;transition:all .3s}.hero-text button:hover{background:#162d27}.hero-image{border-radius:2px;width:100%;height:520px;overflow:hidden}.hero-image img{object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}@media (width<=768px){.hero{min-height:auto;padding:60px 7%}.hero-content{grid-template-columns:1fr;gap:30px}.hero-text{text-align:right}.hero-text h1{font-size:34px;line-height:1.45}.hero-image{height:300px}}.intro{background:#fff;padding:110px 10%}.intro-label{color:#888;margin-bottom:45px;font-size:14px}.intro-content{border-top:1px solid #ddd;grid-template-columns:1.3fr 1fr .5fr;align-items:start;gap:70px;padding-top:45px;display:grid}.intro-content h2{color:#171717;font-size:30px;font-weight:500;line-height:1.6}.intro-text{color:#666;font-size:16px;line-height:2.2}.intro-text p{margin-bottom:22px}.intro-number{text-align:left;direction:ltr}.intro-number strong{color:#1f3d35;font-size:58px;font-weight:500;display:block}.intro-number span{color:#888;font-size:14px}@media (width<=768px){.intro{padding:60px 7%}.intro-content{grid-template-columns:1fr;gap:35px}.intro-content h2{font-size:34px}.intro-number{text-align:right}}header{z-index:10;direction:ltr;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:78px;padding:0 8%;display:flex;position:relative}header h2{letter-spacing:5px;color:#171717;font-size:23px;font-weight:600}nav{direction:rtl;align-items:center;gap:32px;display:flex}nav a{color:#333;font-size:14px;text-decoration:none;transition:color .25s}nav a:hover{color:#1f3d35}header button{padding:12px 25px;font-size:13px;color:#fff!important;background:#1f3d35!important}header button:hover{background:#162d27!important}.contact{color:#fff;background:#171717;padding:100px 10%}.contact-content{grid-template-columns:1fr 1fr;align-items:start;gap:70px;display:grid}.contact-title p{color:#999;margin-bottom:25px;font-size:14px}.contact-title h2{font-size:42px;font-weight:400;line-height:1.6}.contact-info{grid-template-columns:1fr 1fr;gap:35px 50px;display:grid}.contact-info div{border-top:1px solid #444;padding-top:18px}.contact-info span{color:#888;margin-bottom:10px;font-size:13px;display:block}.contact-info a,.contact-info p{color:#fff;font-size:16px;line-height:1.8;text-decoration:none}.contact-content>a{grid-column:1/-1}.contact-content button{color:#171717;background:#fff;padding:14px 30px}@media (width<=768px){.contact{padding:70px 7%}.contact-content{grid-template-columns:1fr;gap:45px}.contact-title h2{font-size:34px}.contact-info{grid-template-columns:1fr;gap:25px}.contact-content>a{grid-column:auto}}footer{color:#fff;background:#111;grid-template-columns:1.2fr 1.5fr 1fr auto;align-items:start;gap:50px;padding:55px 8%;display:grid}.footer-brand h3{letter-spacing:4px;margin-bottom:12px;font-size:22px}.footer-brand p,.footer-contact p,.footer-phone p,.footer-copy p{color:#999;margin:0;font-size:13px;line-height:2}.footer-phone,.footer-copy{text-align:right;direction:ltr}@media (width<=768px){footer{grid-template-columns:1fr;gap:30px;padding:45px 7%}.footer-phone,.footer-copy{text-align:right}}.mobile-menu-button,.mobile-menu{display:none}@media (width<=768px){header{direction:rtl;height:70px;padding:0 5%;position:relative}.mobile-menu-button{order:1;padding:5px;font-size:30px;line-height:1;display:block;color:#1f3d35!important;background:0 0!important}header h2{letter-spacing:3px;order:2;font-size:20px}.mobile-menu{z-index:100;background:#fff;border-bottom:1px solid #eee;flex-direction:column;gap:0;padding:10px 7%;display:flex;position:absolute;top:70px;left:0;right:0}.mobile-menu a{color:#333;border-bottom:1px solid #eee;padding:14px 0;font-size:15px;text-decoration:none}header{direction:rtl!important;justify-content:space-between!important;align-items:center!important;height:70px!important;padding:0 20px!important;display:flex!important}header nav,header>a{display:none!important}header h2{letter-spacing:3px!important;order:2!important;font-size:20px!important;display:block!important}.mobile-menu-button{color:#1f3d35!important;background:0 0!important;border:none!important;order:1!important;padding:5px!important;font-size:30px!important;line-height:1!important;display:block!important}.mobile-menu{z-index:999!important;background:#fff!important;flex-direction:column!important;width:100%!important;padding:10px 20px!important;display:flex!important;position:absolute!important;top:70px!important;left:0!important;right:0!important}.mobile-menu a{color:#333!important;border-bottom:1px solid #eee!important;padding:14px 0!important;font-size:15px!important;text-decoration:none!important;display:block!important}header nav,header>a{display:none!important}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.packages-page{color:#1d1d1b;background:#f7f7f5;min-height:100vh}.packages-hero{text-align:center;color:#fff;background-image:linear-gradient(#0003,#0003),url(/image/header.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:360px;padding:60px 20px;display:flex;position:relative}.packages-hero p:first-child{letter-spacing:2px;margin-bottom:20px;font-size:18px;font-weight:500;color:#fff!important}.packages-hero h1{margin:0 0 22px;font-size:60px;font-weight:700;line-height:1.2;color:#fff!important}.packages-hero p:last-child{margin-top:5px;font-size:18px;font-weight:400;line-height:1.8;color:#fff!important}.packages-section{padding:20px 40px 100px}.packages-container{grid-template-columns:repeat(3,1fr);gap:25px;max-width:1200px;margin:0 auto;display:grid}.package-card{background:#fff;border:1px solid #e3e3e3;flex-direction:column;min-height:390px;padding:45px 35px;display:flex}.package-card.featured{border:2px solid #1d1d1b}.package-number{color:#777;margin-bottom:35px;font-size:13px}.package-card h2{margin:0 0 10px;font-size:32px}.package-subtitle{color:#777;font-size:15px}.package-line{background:#1d1d1b;width:45px;height:2px;margin:25px 0}.package-card>p:not(.package-subtitle){color:#555;flex:1;line-height:1.9}.package-card button{color:#fff;cursor:pointer;background:#1d1d1b;border:none;width:100%;padding:14px;font-size:15px}.package-card button:hover{opacity:.85}@media (width<=800px){.packages-container{grid-template-columns:1fr}.packages-hero h1{color:#fff;font-size:40px}.packages-section{padding:20px}}.page-header{text-align:center;color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:360px;padding:60px 20px;display:flex;background-image:url(/image/header.jpg)!important}.page-header-content{text-align:center}.page-header-label{letter-spacing:2px;margin-bottom:20px;font-size:18px;font-weight:500;color:#fff!important}.page-header h1{margin:0 0 22px;font-size:60px;font-weight:700;line-height:1.2;color:#fff!important}.page-header-subtitle{margin-top:5px;font-size:18px;font-weight:400;line-height:1.8;color:#fff!important}body{background:#c9d8c5}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.gallery-item{cursor:pointer;background:#f3f3f1;height:300px;transition:transform .3s;overflow:hidden}.gallery-item:hover{transform:translateY(-4px)}.gallery-item img{object-fit:cover;width:100%;height:100%;display:block}