/* Atlasia — modern editorial design, shared across all pages. */
:root{--bg:#f7f8f5;--bg-2:#edf1ed;--surface:#fff;--surface-2:#f0f3ef;--border:rgba(22,43,36,.11);--border-strong:rgba(22,43,36,.22);--text:#142c25;--muted:#52665e;--dim:#5b7066;--teal:#087b5e;--teal-soft:rgba(8,123,94,.06);--teal-line:rgba(8,123,94,.26);--teal-glow:rgba(8,123,94,.12);--lime:#087b5e;--r-sm:8px;--r-md:16px;--r-lg:20px;--nav-h:88px}
body{letter-spacing:-.015em}
section{padding:7.5rem 0}
.wrap{width:min(1280px,90%)}
.nav,.nav.scrolled{background:rgba(247,248,245,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.nav.scrolled{height:72px}
.nav-inner{width:min(1360px,94%);gap:1.2rem}
.logo{letter-spacing:-.045em;font-size:1.18rem}
.logo-mark{border:0;border-radius:8px}
.nav-links{gap:1.15rem}
.nav-links a{font-size:.8rem}
.nav-actions{gap:.6rem}
.btn{padding:.95rem 1.35rem;font-size:.84rem;border-radius:8px;justify-content:center;min-height:46px}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 3px 0 rgba(0,0,0,.06)}
.btn-primary:hover{background:#075e49;box-shadow:0 8px 20px rgba(8,123,94,.15)}
.nav-cta{padding:.7rem 1rem;min-height:42px;font-size:.78rem}
.btn-ghost{background:rgba(255,255,255,.55)}
.mobile-menu{background:#f7f8f5}
.mobile-cta{color:#fff!important}
.lang-menu{background:#fff;box-shadow:0 12px 36px rgba(20,44,37,.12)}
.hero{min-height:0;padding:calc(var(--nav-h) + 5rem) 0 0;background:#f7f8f5;overflow:hidden}
.hero-inner{padding-bottom:5rem;min-height:540px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-bg{inset:calc(var(--nav-h) + 2rem) 3% auto auto;width:43%;height:570px;border-radius:24px;box-shadow:0 24px 55px -35px #142c25}
.hero-bg img{object-position:60% center;filter:saturate(.7)}
.hero-bg::after{background:linear-gradient(180deg,transparent 45%,rgba(7,26,22,.5))}
.hero-fade,#heroCanvas{display:none}
.hero .tag{border:0;background:none;padding:0;max-width:47%;font-size:.61rem;letter-spacing:.08em;border-radius:0;line-height:1.8}
.tag::before{box-shadow:none;flex:none}
.hero h1{font-size:clamp(2.7rem,4.25vw,4.25rem);max-width:13.5ch;font-weight:600;letter-spacing:-.06em;line-height:1.05;margin:1.8rem 0 1.5rem}
.hero h1 em{color:var(--teal);background:none;-webkit-text-fill-color:currentColor}
.hero-sub{max-width:45%;font-size:.96rem;line-height:1.8}
.hero-ctas{gap:.75rem;margin-top:2rem}
.hero-stats{width:min(1280px,90%);margin:2rem auto 0;border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding-bottom:1rem}
.hero-stats-head{padding:1.2rem 0 .4rem;letter-spacing:.08em;font-size:.62rem}
.stat{padding:1.3rem 1.5rem 1.5rem}
.stat:nth-child(2){padding-inline-start:0}
.stat-val{font-size:1.7rem;letter-spacing:-.07em;font-weight:500}
.stat-label{font-size:.65rem;letter-spacing:.06em}
.certs{background:#142c25;border:0;padding:1.2rem 0}
.cert{color:#d1ded6;font-size:.66rem;letter-spacing:.11em}
.cert i{color:#98d1ae}
.sec-head{max-width:730px;margin-bottom:3rem}
.sec-kicker{letter-spacing:.13em;font-size:.65rem;margin-bottom:1.3rem}
.sec-kicker::before{width:32px;background:var(--teal)}
.sec-title{font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.13;font-weight:500;letter-spacing:-.05em}
.sec-sub{max-width:62ch;line-height:1.8;font-size:.97rem}
.page-head{padding:calc(var(--nav-h) + 4rem) 0 0;background:radial-gradient(ellipse at 100% 0%,#e1ece4,transparent 65%)}
.page-head .sec-title{max-width:24ch}
.crumb{font-size:.62rem;letter-spacing:.08em;margin-bottom:2rem}
.pill-grid,.ind-grid,.prod-grid,.proof-grid{gap:1rem}
.pill-card{padding:2rem 1.6rem;min-height:300px}
.pill-card,.ind-card,.sol-card,.prod-card,.part-card,.why-card,.proof-card,.step,.ret-plan{box-shadow:0 3px 12px -8px rgba(20,44,37,.12)}
.pill-card:hover,.ind-card:hover,.prod-card:hover,.proof-card:hover,.ret-plan:hover{box-shadow:0 20px 36px -24px rgba(20,44,37,.25)}
.pill-card h3,.sol-card h3,.ind-card h3,.why-card h3{font-weight:600;letter-spacing:-.035em}
.ind-icon{background:#edf4ee;border:0;border-radius:12px;width:48px;height:48px}
.ind-photo{aspect-ratio:16/9}
.ind-photo img{filter:saturate(.7);transition:transform .6s}
.ind-card:hover .ind-photo img{transform:scale(1.04)}
.ind-photo::after{background:linear-gradient(180deg,transparent,rgba(20,44,37,.08))}
.prod-visual{height:230px;background:#edf1ec;border-color:var(--border)}
.prod-visual img{max-width:88%;max-height:165px;filter:drop-shadow(0 12px 12px rgba(20,44,37,.12))}
.prod-visual img[src*="phx-n1000"],.prod-visual img[src*="ironguard"],.prod-visual img[src*="ems12d2"]{mix-blend-mode:multiply;opacity:1}
.prod-badge{color:#245b46;background:rgba(255,255,255,.92);border:1px solid rgba(22,43,36,.14);letter-spacing:.08em;font-size:.58rem}
.prod-body{padding:1.5rem}
.prod-body h3{line-height:1.5;font-weight:600}
.filter-btn{font-family:var(--sans);text-transform:none;letter-spacing:0;background:#fff;padding:.7rem 1.25rem}
.filter-btn.active{background:var(--text);border-color:var(--text);color:#fff}
.proof{background:#eaf0e9;border:0}
.proof-card{background:transparent;border:0;border-top:1px solid #b8cbbd;border-radius:0;padding:1.6rem 1rem 1rem 0}
.proof-card::before{display:none}
.proof-card:hover{box-shadow:none}
.proof-num{margin-bottom:1.7rem}
.part-card{padding:2.5rem}
.part-logo{filter:none;opacity:1}
.part-card:hover .part-logo{filter:none}
.why-banner{aspect-ratio:21/8;border-radius:24px}
.next-cta{background:#142c25;--text:#f0f5ed;--muted:#c1cfc5;--dim:#c1cfc5;--teal:#9ed9b8;--border:rgba(255,255,255,.16);--teal-line:rgba(158,217,184,.5);color:var(--text);padding:5.5rem 0}
.next-link{font-weight:500;letter-spacing:-.04em}
.form{padding:2.5rem;box-shadow:0 14px 50px -35px rgba(20,44,37,.3)}
.field input,.field select,.field textarea{background:#f7f8f5}
.ret-badge{background:#fff}
.fab-contact{background:#087b5e;color:#fff;box-shadow:0 6px 26px rgba(8,70,49,.22);border-radius:999px}
.cmodal{background:rgba(15,35,27,.5)}
.cmodal-box{background:#fff;box-shadow:0 24px 80px rgba(15,35,27,.2)}
footer{background:#edf1ed;padding:3.5rem 0}
.foot-logo{border:0;mix-blend-mode:multiply;border-radius:0;max-width:190px}
.foot-links{gap:.6rem 1.2rem}
html[dir="rtl"] .hero-bg{inset-inline-end:3%;inset-inline-start:auto}
html[lang="ar"] .hero h1{font-size:clamp(2.5rem,3.8vw,3.8rem);max-width:15ch}
@media(min-width:1100px){.pill-card:nth-child(even){background:#edf2ec}.proof .sec-head{max-width:800px}}
@media(max-width:1180px){.nav-links{gap:.7rem}.nav-cta{display:none}.nav-inner{gap:1rem}.hero-bg{width:44%;height:600px}.hero h1{font-size:3.4rem}.hero .tag{max-width:46%}}
@media(max-width:900px){.nav-links{display:none}.burger{display:flex}.hero-bg{width:42%;height:590px}.hero h1{font-size:3rem}.hero-sub{max-width:50%}.hero .tag{max-width:50%}.hero-ctas{max-width:50%;flex-wrap:wrap}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats .stat:nth-child(4){padding-inline-start:0}.hero-stats .stat:nth-child(3){border-inline-end:0}.hero-stats .stat:nth-child(2){border-inline-end:1px solid var(--border)}}
@media(max-width:680px){:root{--nav-h:76px}.wrap{width:89%}section{padding:4.5rem 0}.hero{padding:calc(var(--nav-h) + 2.5rem) 0 0;display:flex}.hero-inner{min-height:0;padding-bottom:2rem}.hero .tag{max-width:100%;font-size:.57rem}.hero h1{font-size:clamp(2.7rem,10vw,3.7rem);max-width:16ch;margin-top:1.4rem}.hero-sub{max-width:100%;font-size:.9rem}.hero-ctas{max-width:100%;width:100%;gap:.6rem}.hero-bg,html[dir="rtl"] .hero-bg{position:relative;inset:auto;order:2;width:89%;height:260px;margin:0 auto;border-radius:16px;box-shadow:none}.hero-inner{order:1}.hero-stats{order:3;margin-top:2rem}.hero-stats-head{font-size:.55rem;letter-spacing:.05em}.stat{padding:1rem .7rem}.stat-val{font-size:1.3rem}.stat-label{font-size:.57rem}.sec-title{font-size:2.1rem}.pill-card{min-height:260px}.part-card,.form{padding:1.5rem}.next-cta{padding:4rem 0}.page-head{padding-top:calc(var(--nav-h) + 2.5rem)}.foot{gap:1.6rem}.fab-contact{width:52px;height:52px;padding:0}.why-banner{aspect-ratio:16/10}html[lang="ar"] .hero h1{max-width:100%;font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.ind-photo img{transition:none}}
@media print{.hero-bg{display:none}.hero-inner{min-height:0}.next-cta{--text:#142c25;--teal:#087b5e}}