@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');
:root{--pine:#112b25;--pine-deep:#0a1e19;--pine-soft:#1b3d33;--terracotta:#bd6941;--terracotta-hover:#a95531;--cream:#f5f4ee;--white:#fff;--text:#1a332c;--muted:#65736d;--border:#dedfd7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font:400 17px/1.75 Heebo,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #eaa779;outline-offset:4px}img{max-width:100%;display:block}.shell{width:min(100% - 64px,1240px);margin-inline:auto}.skip{position:absolute;top:-100px;right:16px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}.site-header{background:var(--pine-deep);color:white;position:relative;z-index:3;border-bottom:1px solid #ffffff18}.header-inner{min-height:88px;display:flex;align-items:center;gap:36px}.logo{display:flex;align-items:center;gap:13px;font-size:20px;line-height:1.1;font-weight:800;white-space:nowrap}.logo small{display:block;font-size:12px;line-height:1.4;font-weight:500;color:#c8d5ce;margin-top:6px}.logo-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #b96b49;color:#e1a47f;font-size:37px;font-weight:400;line-height:1}.site-header nav{display:flex;gap:28px;margin-inline:auto;font-size:14px;font-weight:600}.site-header nav a:hover,.header-phone:hover{color:#f4ad82}.header-phone{color:#f1d1bb;font-weight:700;white-space:nowrap;font-size:16px}.hero{background:var(--pine-deep);color:#fff}.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:640px}.hero-content{padding:94px 0 55px 50px;display:flex;flex-direction:column;justify-content:center}.overline,.eyebrow{font-size:14px;font-weight:800;letter-spacing:.03em;color:var(--terracotta);margin:0 0 19px}.overline{display:flex;align-items:center;gap:12px;color:#e1a47f}.short-rule{display:inline-block;width:29px;height:2px;background:#e1a47f}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(52px,5.6vw,86px);font-weight:900;letter-spacing:-.055em;line-height:1.13;margin-bottom:27px}h1 em{font-style:normal;color:#e0a079}.hero-lead{font-size:19px;color:#d1ddd5;line-height:1.9;max-width:490px;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 25px;min-height:54px;font-size:16px;font-weight:800;border-radius:3px;line-height:1.4}.btn-primary{background:var(--terracotta);color:#fff}.btn-primary:hover{background:var(--terracotta-hover)}.btn span,.hero-secondary span{font-size:20px}.hero-secondary{font-size:15px;font-weight:700;border-bottom:1px solid #d49b79;padding-bottom:5px}.hero-secondary:hover{color:#edac82}.hero-foot{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#a9bdb1;font-size:13px;margin-top:85px}.hero-foot i{width:3px;height:3px;border-radius:50%;background:#c9815e}.hero-visual{position:relative;margin:0;overflow:hidden;background:#27433a;min-height:500px}.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,#0a1e19 0%,transparent 25%),linear-gradient(0deg,#0a1e1955,transparent 45%)}.hero-visual figcaption{position:absolute;z-index:1;bottom:22px;left:23px;font-size:12px;background:#0a1e19bb;padding:5px 10px;color:white}.intro{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:32px;padding-block:35px;border-bottom:1px solid var(--border)}.intro-label{font-weight:800;color:#ad613e;font-size:15px}.intro p{font-size:19px;font-weight:600;margin:0;line-height:1.55}.intro a{font-size:14px;font-weight:800;white-space:nowrap;border-bottom:1px solid var(--terracotta)}.section{padding-block:108px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:42px}.section-head h2,.signal h2,.faq h2,.contact h2{font-size:clamp(38px,4.4vw,60px);font-weight:800;line-height:1.25;letter-spacing:-.04em;margin:0}.section-head h2 span,.faq h2 span{color:#a45b38}.section-head>p{max-width:390px;color:var(--muted);font-size:17px;line-height:1.85;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:white;padding:35px 32px 32px;border:1px solid #e7e8e0;min-height:344px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.service-card:hover{transform:translateY(-4px);border-color:#d4b19c}.service-no{font-size:13px;font-weight:800;color:#b86440}.service-icon{font-size:38px;line-height:1;color:#ae613e;margin:32px 0 18px}.service-card h3{font-size:25px;line-height:1.25;margin-bottom:10px}.service-card p{color:var(--muted);line-height:1.8;margin-bottom:23px}.service-card a{margin-top:auto;color:#a25635;font-weight:800;font-size:14px}.service-card a:hover{text-decoration:underline}.signal{background:var(--pine-soft);color:white;padding-block:85px}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 90px}.eyebrow.light{color:#e3a17b}.signal ul{list-style:none;margin:0;padding:0}.signal li{padding:18px 0;border-bottom:1px solid #ffffff35;display:flex;align-items:baseline;gap:22px;font-weight:600;font-size:19px}.signal li:first-child{border-top:1px solid #ffffff35}.signal li span{font-size:13px;color:#e3a17b;font-weight:800}.signal-note{grid-column:2;color:#b8c9c1;font-size:14px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step{border-top:2px solid var(--pine);padding-top:20px}.step span{color:#b86542;font-weight:800;font-size:15px}.step h3{font-size:23px;margin:32px 0 8px}.step p{color:var(--muted);margin:0}.faq{background:#e9eae2}.faq-grid{display:grid;grid-template-columns:40% 1fr;gap:60px}.faq-list{border-top:1px solid #cbd0c6}.faq details{border-bottom:1px solid #cbd0c6}.faq summary{cursor:pointer;list-style:none;font-size:19px;font-weight:700;padding:21px 40px 21px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+";position:absolute;left:2px;top:14px;font-size:28px;font-weight:400;color:#b76441}.faq details[open] summary:before{content:"−"}.faq details p{color:#53675d;margin:0 0 24px;max-width:550px}.contact{background:var(--pine-deep);color:white;padding-block:92px}.contact-grid{display:grid;grid-template-columns:1fr 410px;align-items:center;gap:70px}.contact h2 span{color:#d99068}.contact p:not(.eyebrow){color:#c2d2c9;font-size:18px;max-width:470px;margin:22px 0 0}.contact-panel{border:1px solid #ffffff3c;padding:30px;background:#ffffff08}.contact-panel .btn{width:100%;margin-bottom:24px}.contact-line{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ffffff2b;padding:15px 0;font-size:14px;color:#bacdc1}.contact-line strong{font-size:16px;color:white;font-weight:600}.contact-line:hover strong{color:#e5a17b}.site-footer{background:#071a15;color:#b9c9bf;padding-block:33px}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-grid>div:first-child{display:flex;flex-direction:column}.footer-grid strong{color:#fff;font-size:17px}.footer-grid span,.footer-grid small{font-size:13px}.footer-grid>div:nth-child(2){display:flex;gap:25px;font-size:14px}.site-footer a:hover{color:white}.floating-wa{position:fixed;bottom:22px;left:22px;background:#bd6941;color:#fff;z-index:8;padding:10px 18px;border-radius:30px;font-size:14px;font-weight:800;box-shadow:0 7px 24px #0005}.floating-wa:hover{background:#a95531}
@media(max-width:1000px){.site-header nav{display:none}.header-phone{margin-right:auto}.hero-grid{grid-template-columns:52% 48%}.intro{grid-template-columns:1fr auto}.intro-label{grid-column:1/-1}.contact-grid{grid-template-columns:1fr 360px;gap:35px}}
@media(max-width:720px){.shell{width:min(100% - 36px,1240px)}.header-inner{min-height:75px}.logo{font-size:15px;white-space:normal}.logo small{font-size:10px}.logo-mark{width:36px;height:36px;flex:none;font-size:30px}.header-phone{font-size:13px}.hero-grid{display:flex;flex-direction:column}.hero-content{padding:57px 0 42px}.hero-visual{min-height:295px;height:44vh}.hero-visual:after{background:linear-gradient(0deg,#0a1e1955,transparent 45%)}h1{font-size:clamp(46px,12vw,68px)}.hero-lead{font-size:17px}.hero-foot{margin-top:48px}.intro{display:block;padding-block:29px}.intro p{font-size:17px;margin:12px 0}.section{padding-block:70px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:20px}.service-grid,.steps,.signal-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.service-card{min-height:290px}.signal{padding-block:68px}.signal-grid{gap:25px}.signal-note{grid-column:1}.steps{gap:32px}.step h3{margin-top:20px}.faq-grid{gap:30px}.contact{padding-block:70px}.contact-panel{padding:20px}.footer-grid{align-items:flex-start;flex-direction:column}.floating-wa{bottom:16px;left:16px}}
@media(max-width:380px){.header-phone{display:none}.hero-actions{gap:15px}.btn{width:100%}.contact-line{flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card{transition:none}}
/* Language controls and direction-aware refinements */
.language-switch{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center}.language-switch a{border:1px solid #ffffff35;border-radius:3px;color:#d7e2db;padding:5px 8px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}.language-switch a:hover,.language-switch a[aria-current="page"]{background:#e3a17b;color:#10251f;border-color:#e3a17b}
html[lang="ar"] body{font-family:Arial,Tahoma,sans-serif}html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{letter-spacing:0;line-height:1.3}
html[dir="ltr"] .hero-content{padding:94px 50px 55px 0}html[dir="ltr"] .hero-visual:after{background:linear-gradient(90deg,#0a1e19 0%,transparent 25%),linear-gradient(0deg,#0a1e1955,transparent 45%)}html[dir="ltr"] .faq summary{padding:21px 0 21px 40px}html[dir="ltr"] .faq summary:before{left:auto;right:2px}
@media(max-width:1150px){.site-header nav{gap:15px}.header-inner{gap:18px}.header-phone{display:none}}
@media(max-width:720px){.header-inner{gap:10px;justify-content:space-between}.language-switch{gap:2px}.language-switch a{padding:5px;font-size:11px}.logo{flex:1;min-width:0}.logo-mark{display:none}html[dir="ltr"] .hero-content{padding:57px 0 42px}html[dir="ltr"] .hero-visual:after{background:linear-gradient(0deg,#0a1e1955,transparent 45%)}}
@media(max-width:390px){.logo small{display:none}.logo{font-size:13px}.language-switch a{font-size:10px}}