@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--navy:#062d31;--navy2:#0b4145;--gold:#dcaf60;--gold2:#f3d498;--ink:#112f32;--muted:#586f71;--paper:#f4f7f6;--line:#dbe4e1;--radius:12px;--max:1200px}
body{font-family:'DM Sans',sans-serif;font-size:16px}h1,h2,h3,.brand{font-family:'Manrope',sans-serif}h1,h2,h3,p,a{overflow-wrap:break-word}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ad7926;outline-offset:5px}section[id]{scroll-margin-top:100px}.container>*{min-width:0}.topbar{background:#052528}.topbar .container{font-size:12px;align-items:center;gap:24px}.topbar a{direction:ltr;unicode-bidi:isolate}.language-picker select{background:transparent;color:white;border:1px solid #6c8784;min-height:34px}.language-picker option{color:var(--ink);background:white}.nav{background:rgba(255,255,255,.97)}.nav-inner{height:92px;gap:20px}.brand{min-width:0;flex-shrink:0}.brand-logo{width:190px;height:65px;object-fit:contain}.nav-links{gap:20px;font-size:14px}.nav-cta{background:var(--navy);color:#fff!important;border-radius:6px}.menu{min-width:44px;min-height:44px}.hero{background:radial-gradient(ellipse at 85% 60%,#125259 0,transparent 60%),#062d31}.hero:before{border-radius:50% 50% 0 0;inset-inline-end:-120px;width:660px;height:900px;top:-100px;transform:rotate(23deg);border-color:#dcb06130}.hero:after{display:none}.hero .container{grid-template-columns:1.05fr .95fr;min-height:730px;gap:70px;padding:76px 0 88px}.hero .eyebrow{font-size:12px;font-weight:600;letter-spacing:.18em;display:flex;align-items:center;gap:12px}.hero .eyebrow:before{content:'';width:28px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(40px,4.5vw,64px);font-weight:500;line-height:1.15;letter-spacing:-.045em}.hero h1 em{font-weight:500}.hero .lead{font-size:18px;line-height:1.8;color:#c8dcd9;max-width:470px}.btn{border-radius:6px;min-height:48px;font-size:14px;font-weight:700;padding:14px 22px}.hero .btn.secondary{background:transparent;border:1px solid #7f9995;color:#fff}.trust{font-size:12px;gap:14px}.hero-visual{padding:0 0 30px 18px}.hero-image-wrap{border-radius:220px 220px 12px 12px;padding:8px;transform:none;border:1px solid #b48f5366;background:#ffffff06;box-shadow:none}.hero-image-wrap img{border-radius:215px 215px 7px 7px;aspect-ratio:.86;object-fit:cover;object-position:center}.floating-card{inset-inline-start:-20px;left:auto;bottom:0;background:#f4f7f3;padding:22px 26px;border-radius:8px;box-shadow:0 18px 45px #00171c33;border-inline-start:3px solid var(--gold)}.floating-card b{letter-spacing:.14em;color:#826020;margin-bottom:5px}.floating-card span{font-size:14px}.stats{background:#eef3f1}.stat{padding:28px 26px;border-right:0;border-inline-end:1px solid #d1ded9}.stat:last-child{border-inline-end:0}.stat strong{font-size:20px;font-weight:600}.stat span{font-size:13px}.section{padding:100px 0}.section h2{font-size:clamp(30px,3.5vw,45px);font-weight:500;line-height:1.25;max-width:720px;letter-spacing:-.035em}.eyebrow{font-size:12px;color:#8f671f;letter-spacing:.15em}.grid{gap:24px}.card{border:0;border-top:1px solid #c9d8d2;box-shadow:none;background:transparent;border-radius:0;padding:26px 4px 20px}.card:hover{transform:none;box-shadow:none;border-color:#8b692d}.card h3{font-size:20px;font-weight:600}.card p{font-size:15px;line-height:1.8}.icon{background:#e6efea;border:1px solid #d5e2da;border-radius:50%;font-size:22px;width:48px;height:48px}.price{border-radius:10px;padding:34px;box-shadow:none}.price.featured{border:1px solid #9ebbb1;background:#eaf1ed;box-shadow:none;transform:none}.price h3{font-size:45px;letter-spacing:-.04em;font-weight:600;margin:23px 0 12px;direction:ltr;unicode-bidi:isolate;text-align:start}.price li{font-size:15px;line-height:1.6;display:flex;gap:9px}.price li:before{margin:0!important;flex-shrink:0}.badge{background:var(--navy);color:#fff;border-radius:4px;padding:7px 14px;font-size:11px;letter-spacing:.07em}.price .tier{color:#426259}.fine{font-size:13px;line-height:1.7}.portfolio-grid{gap:30px}.project{border:0;background:transparent;border-radius:8px;box-shadow:none}.project:hover{box-shadow:none;transform:none}.project img{height:310px;border-radius:8px;transition:filter .25s;object-fit:cover}.project:hover img{filter:brightness(1.08)}.project-body{padding:22px 0 8px;border-bottom:1px solid #c8d8cf}.project h3{font-size:22px;font-weight:500}.project p{font-size:15px}.dark{background:#062d31}.maintenance-card{background:#ffffff08;color:#fff;border:1px solid #55736c;border-radius:10px;padding:36px}.maintenance-card.featured{border:1px solid #b39964;background:#ffffff0d}.maintenance-card h3{font-size:36px;font-weight:500}.maintenance-card h3 small{font-size:16px}.maintenance-card p{font-size:13px;letter-spacing:.1em;color:var(--gold2)}.maintenance-card ul{color:#ccdbd7;padding-inline-start:20px}.maintenance-card .btn.dark{border:1px solid #8ba59e;background:transparent}.process{background:#edf2ef}.step{background:transparent;border:0;border-radius:0;padding:0 20px 0 0}.step b{background:transparent;color:#8c682a;border:1px solid #b9cbbf;font-weight:500;width:52px;height:52px}.step p{font-size:15px}.contact-grid{gap:70px}.contact-form{border-radius:10px;padding:32px;background:#f5f7f5}.field label{font-size:14px}.field input,.field textarea{border-radius:6px;min-width:0;font-size:16px}.contact-info a,.footer a[href^="mailto:"]{overflow-wrap:anywhere}.contact-info a{font-size:16px;direction:ltr;unicode-bidi:isolate;text-align:start}.footer{background:#042528}.footer .brand-logo{border-radius:5px}.copyright{font-size:12px}.hp-field{position:fixed!important;inset:0 auto auto 0!important;clip-path:inset(50%)!important;overflow:hidden!important;pointer-events:none!important}.success-card h3{line-height:1.3}.success-card{padding:30px}
html[dir="rtl"] body{font-family:'Noto Sans Arabic',sans-serif;text-align:start}html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:'Noto Sans Arabic',sans-serif;letter-spacing:0;line-height:1.55}html[dir="rtl"] .eyebrow,html[dir="rtl"] .tier,html[dir="rtl"] .badge{letter-spacing:0}html[dir="rtl"] .hero h1{font-size:clamp(36px,4vw,54px);line-height:1.6}html[dir="rtl"] .hero-visual{padding:0 18px 30px 0}html[dir="rtl"] .trust span:before{margin-inline-end:6px;margin-inline-start:0}html[dir="rtl"] .price h3{text-align:right;font-family:'Manrope',sans-serif;line-height:1.2}html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"]{direction:ltr;text-align:right}html[dir="rtl"] .step{padding:0 0 0 20px}.stat,.price,.project,.step,.footer-grid>*,.nav-links{min-width:0}.stat{text-align:start}.trust span{display:inline-block}.language-picker{flex-shrink:0}
@media(max-width:1100px){.nav-links{gap:12px;font-size:13px}.brand-logo{width:165px}.hero .container{gap:34px}.nav-inner{gap:12px}}
@media(max-width:900px){.nav-inner{height:78px}.nav-links{top:78px;gap:4px;font-size:16px;max-height:calc(100dvh - 78px);overflow:auto}.hero .container{grid-template-columns:1fr 1fr;gap:24px;min-height:590px;padding:55px 0}.hero h1{font-size:40px}.hero-visual{order:initial}.hero .lead{font-size:16px}.hero .actions{gap:10px}.hero .btn{padding:12px 16px}.floating-card{inset-inline-start:0;padding:16px}.section{padding:75px 0}.prices{grid-template-columns:1fr}.price{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.price ul{grid-column:2;grid-row:1 / 5;margin:0 0 20px}.price .btn{align-self:end}.price>span,.price h3{grid-column:1}.portfolio-grid{grid-template-columns:1fr 1fr}.project img{height:245px}}
@media(max-width:600px){.container,.nav-inner{width:calc(100% - 36px)}.topbar .container{justify-content:space-between;gap:8px;padding:8px 0;flex-wrap:wrap}.topbar .container>span,.topbar a[href^="mailto:"]{display:none}.topbar a{font-size:12px}.language-picker{order:0}.nav-inner{height:72px}.nav-links{top:72px}.brand-logo{width:168px;height:54px}.hero .container{grid-template-columns:minmax(0,1fr);padding:42px 0 48px;gap:35px;min-height:0}.hero h1{font-size:42px;line-height:1.18;letter-spacing:-.045em}.hero .lead{font-size:16px}.hero .eyebrow{font-size:11px}.hero-visual,html[dir="rtl"] .hero-visual{padding:0 12px 22px;max-width:390px;width:100%;margin-inline:auto}.hero-image-wrap img{aspect-ratio:1.15;object-position:center 52%}.hero-image-wrap{border-radius:170px 170px 12px 12px}.hero-image-wrap img{border-radius:165px 165px 7px 7px}.floating-card{padding:14px 18px;inset-inline-start:0}.hero .actions{margin:25px 0 22px}.hero .actions .btn{width:auto;flex:1 1 140px}.trust{gap:8px 14px}.stats .container{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:20px 12px;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--line)}.stat:nth-child(even){border-inline-end:0}.stat strong{font-size:18px}.stat span{font-size:12px}.cards,.portfolio-grid,.steps,.footer-grid{grid-template-columns:minmax(0,1fr)}.section{padding:62px 0}.section h2{font-size:31px;margin-bottom:25px}.section-intro p{margin-bottom:30px;font-size:16px}.price{display:flex;padding:28px}.price ul{margin:24px 0}.prices{gap:30px}.project img{height:240px}.project h3{font-size:21px}.project p{font-size:14px}.steps{gap:30px}.step{padding:0!important}.step b{margin-bottom:14px}.contact-grid{gap:25px}.contact-form{padding:22px}.maintenance-card{padding:26px}.footer-grid{gap:24px}.footer-grid h4{margin-bottom:10px}.footer .brand-logo{width:180px}html[dir="rtl"] .hero h1{font-size:35px;line-height:1.65}html[dir="rtl"] .section h2{font-size:29px}html[dir="rtl"] .hero .eyebrow{font-size:12px;letter-spacing:0}.hero-copy{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:901px) and (max-width:1100px){.menu{display:block}.nav-links{position:absolute;top:92px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:stretch;padding:14px 20px;font-size:16px;max-height:calc(100dvh - 92px);overflow:auto}.nav-links.open{display:flex}.nav-links a{padding:10px}}
