:root{
 --bg:#fbf9f5;--surface:#fff;--tint:#f3efe6;--ink:#0d1b2e;--muted:#56637a;--line:#e7e1d4;
 --navy:#0b1f3a;--navy-2:#13335c;--gold:#d6a54a;--gold-2:#b98a2f;--gold-soft:#f8eed9;--wa:#1f9d55;
 --r:18px;--shadow:0 1px 2px rgba(11,31,58,.05),0 12px 32px -8px rgba(11,31,58,.12);
 --font:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
[dir=rtl]{--font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --bg:#0a1424;--surface:#101d33;--tint:#0d192c;--ink:#e9eef6;--muted:#9fadc2;--line:#1f3150;--gold-soft:#2b2412;--navy-2:#1e4a80;
 --shadow:0 1px 2px rgba(0,0,0,.3)}}
:root[data-theme="dark"]{--bg:#0a1424;--surface:#101d33;--tint:#0d192c;--ink:#e9eef6;--muted:#9fadc2;--line:#1f3150;--gold-soft:#2b2412;--navy-2:#1e4a80;--shadow:0 1px 2px rgba(0,0,0,.3)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
[dir=rtl] body{line-height:1.8}
a{color:inherit}img{display:block;max-width:100%}svg{display:block}
h1,h2,h3{line-height:1.2;margin:0;letter-spacing:-.02em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.4}
.wrap{max-width:1220px;margin:0 auto;padding-inline:24px}.narrow{max-width:860px}
.ic{width:22px;height:22px;flex:none}[dir=rtl] .flip{transform:scaleX(-1)}
bdi{unicode-bidi:isolate}
.skip{position:absolute;inset-inline-start:-9999px;z-index:200}.skip:focus{inset-inline-start:12px;top:12px;background:#fff;color:#000;padding:10px 14px;border-radius:10px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* notice + topbar */
.notice{background:var(--gold-soft);color:var(--ink);font-size:14px;border-bottom:1px solid var(--line)}
.notice .wrap{display:flex;gap:10px;align-items:center;padding-block:9px}.notice .ic{color:var(--gold-2);width:18px;height:18px}
.topbar{background:var(--navy);color:#b9c6da;font-size:13.5px}
.topbar .wrap{display:flex;gap:26px;justify-content:flex-end;align-items:center;height:38px}
.topbar span,.topbar a{display:flex;gap:7px;align-items:center;text-decoration:none}.topbar a{white-space:nowrap;flex:none}.topbar a:hover{color:#fff}
.topbar span{margin-inline-end:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .ic{width:16px;height:16px;color:var(--gold)}

/* header */
.hdr{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
.hdr.scrolled{box-shadow:0 8px 30px -12px rgba(11,31,58,.25)}
.bar{display:flex;align-items:center;gap:20px;height:76px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.logo{width:44px;height:44px}
.brand b{display:block;font-size:20px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
[dir=rtl] .brand b{letter-spacing:0;font-weight:700}
.brand small{display:block;color:var(--muted);font-size:12.5px;font-weight:500}
.nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav>a,.dd-btn{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--ink);font:600 15px var(--font);padding:10px 14px;border-radius:10px;background:none;border:0;cursor:pointer}
.nav>a:hover,.dd-btn:hover{background:var(--tint)}
.dd-btn .ic{width:16px;height:16px;transition:transform .2s}
.dd{position:relative}
.mega{position:absolute;top:calc(100% + 10px);inset-inline-start:-20px;width:min(640px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 24px 60px -16px rgba(11,31,58,.35);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.dd:hover .mega,.dd.open .mega{opacity:1;visibility:visible;transform:none}
.dd:hover .dd-btn .ic,.dd.open .dd-btn .ic{transform:rotate(180deg)}
.mega a{display:flex;gap:14px;padding:14px;border-radius:12px;text-decoration:none}
.mega a:hover{background:var(--tint)}
.mega .ic{width:40px;height:40px;padding:9px;border-radius:11px;background:var(--gold-soft);color:var(--gold-2)}
.mega b{display:block;font-size:15px}.mega small{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:2px}
.lang{border:1px solid var(--line)}.lang .ic{width:18px;height:18px}
.nav-cta{margin-inline-start:6px}
.nav>.nav-cta{background:linear-gradient(180deg,#e2b45a,var(--gold));color:#1d1504}
.burger{display:none;margin-inline-start:auto;background:var(--tint);border:0;border-radius:12px;padding:10px;color:var(--ink);cursor:pointer}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font:700 15px var(--font);border-radius:12px;padding:12px 20px;border:1px solid transparent;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}.btn .ic{width:19px;height:19px}
.btn-lg{padding:15px 26px;font-size:16px;border-radius:14px}
.btn-gold{background:linear-gradient(180deg,#e2b45a,var(--gold));color:#1d1504;box-shadow:0 8px 24px -8px rgba(214,165,74,.7)}
.btn-gold:hover{box-shadow:0 12px 30px -8px rgba(214,165,74,.85)}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3);backdrop-filter:blur(6px)}.btn-glass:hover{background:rgba(255,255,255,.18)}
.btn-navy{background:var(--navy);color:#fff}[data-theme=dark] .btn-navy{background:var(--navy-2)}
.btn-wa{background:var(--wa);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* type helpers */
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.kicker::before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
[dir=rtl] .kicker{letter-spacing:0;font-size:14.5px;font-weight:700}
.kicker-lt{color:var(--gold)}
.lead{font-size:19px;line-height:1.6}

/* hero */
.hero{position:relative;isolation:isolate;color:#fff;overflow:hidden;min-height:min(820px,92vh);display:flex;align-items:center}
.hero-bg,.ph-bg,.cert-bg,.cta-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,20,40,.94) 0%,rgba(7,20,40,.82) 42%,rgba(7,20,40,.35) 100%)}
[dir=rtl] .hero::after{background:linear-gradient(-100deg,rgba(7,20,40,.94) 0%,rgba(7,20,40,.82) 42%,rgba(7,20,40,.35) 100%)}
.hero-bg{animation:kb 30s ease-out both}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
.hero-in{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center;padding-block:90px;width:100%}
.hero h1{font-size:clamp(36px,5.4vw,66px);font-weight:800;margin:18px 0 22px;letter-spacing:-.035em;line-height:1.05}
[dir=rtl] .hero h1{letter-spacing:0;line-height:1.3;font-weight:700}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#f3cf86,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{color:#c8d3e3;max-width:620px;margin:0 0 34px}
.planner{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:24px;padding:26px;display:grid;gap:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.planner h2{display:flex;gap:10px;align-items:center;font-size:20px;margin-bottom:6px}.planner h2 .ic{color:var(--gold)}
.planner label{display:grid;gap:6px}.planner label span{font-size:13px;color:#b9c6da;font-weight:600}
.planner select{font:500 15px var(--font);color:#fff;background:rgba(7,20,40,.55);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 14px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d6a54a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 12px center}
[dir=rtl] .planner select{background-position:left 12px center}
.planner select option{color:#000}
.pl-line{display:flex;align-items:center;gap:8px;color:var(--gold);padding:0 6px}
.pl-line i{flex:1;height:2px;background:repeating-linear-gradient(90deg,rgba(214,165,74,.8) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:dash 1.2s linear infinite}
[dir=rtl] .pl-line i{animation-direction:reverse}
@keyframes dash{to{background-position:24px 0}}
.pl-line .ic{width:18px;height:18px}
.planner .btn{margin-top:8px;width:100%}

/* stats */
.stats{position:relative;z-index:2;margin-top:-56px}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.stat{padding:28px 26px;display:flex;gap:16px;align-items:center}
.stat+.stat{border-inline-start:1px solid var(--line)}
.stat b{font-size:52px;font-weight:800;line-height:1;color:var(--gold-2);font-variant-numeric:tabular-nums;min-width:.7em}
.stat span{color:var(--muted);font-size:14.5px;line-height:1.45}
.stats-flat{margin:0 0 20px}

/* sections */
.sec{padding:110px 0}
.sec-tint{background:var(--tint)}
.sec-navy{background:var(--navy);color:#fff}
.sec-navy .sh p{color:#b9c6da}.sec-navy .kicker{color:var(--gold)}
.sh{max-width:720px;margin-bottom:52px}.sh-c{margin-inline:auto;text-align:center}.sh-c .kicker::before{display:none}
.sh h2{font-size:clamp(30px,3.6vw,46px);font-weight:800;margin:14px 0 14px}
[dir=rtl] .sh h2{font-weight:700}
.sh p{color:var(--muted);font-size:18px;margin:0}

/* service bento */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:20px}
.svc-wide{grid-column:span 2}
.svc-full{grid-column:1/-1}
.svc-grid-rel{grid-auto-rows:300px}
.svc{position:relative;isolation:isolate;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;display:flex;align-items:flex-end}
.svc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.svc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,20,40,.05) 20%,rgba(7,20,40,.92) 100%);transition:background .3s}
.svc:hover .svc-img{transform:scale(1.07)}
.svc-body{padding:28px;display:grid;gap:8px}
.svc-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:var(--gold);margin-bottom:6px}
.svc b{font-size:23px;font-weight:800}[dir=rtl] .svc b{font-weight:700}
.svc-body>span:not(.svc-ic):not(.more){color:#d3dceb;font-size:15px;max-width:460px}
.more{display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:14.5px;color:var(--gold);margin-top:4px}
.more .ic{width:18px;height:18px;transition:transform .2s}.svc:hover .more .ic{transform:translateX(4px)}
[dir=rtl] .svc:hover .more .ic{transform:scaleX(-1) translateX(4px)}

/* modes tabs */
.modes{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:12px;box-shadow:var(--shadow)}
.mtabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.mtabs button{display:flex;gap:14px;align-items:center;text-align:start;font:inherit;color:var(--ink);background:var(--tint);border:2px solid transparent;border-radius:16px;padding:16px 18px;cursor:pointer;transition:.2s}
.mtabs button .ic{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--surface);color:var(--navy-2)}
.mtabs button b{display:block;font-size:17px}.mtabs button small{color:var(--muted);font-size:13.5px}
.mtabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.mtabs button[aria-selected=true] small{color:#b9c6da}.mtabs button[aria-selected=true] .ic{background:var(--gold);color:var(--navy)}
.mpanel{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;animation:fade .45s ease}
.mpanel[hidden]{display:none}
@keyframes fade{from{opacity:0;transform:translateY(8px)}}
.mp-img{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/11}
.mp-img img{width:100%;height:100%;object-fit:cover}
.mp-time{position:absolute;inset-inline-start:16px;bottom:16px;display:flex;gap:8px;align-items:center;background:rgba(7,20,40,.8);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:14px;padding:10px 14px;border-radius:12px}
.mp-time .ic{color:var(--gold);width:18px;height:18px}
.mp-txt{padding:20px 20px 20px 0}[dir=rtl] .mp-txt{padding:20px 0 20px 20px}
.mp-txt h3{font-size:30px;margin-bottom:18px}
.ticks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px}
.ticks .ic{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--gold-soft);color:var(--gold-2);margin-top:1px}
.ticks-2{grid-template-columns:1fr 1fr}

/* origins */
.origins{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.origin{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 20px;transition:transform .25s,box-shadow .25s,border-color .25s}
.origin:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}
.cc{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--navy);color:var(--gold);font-weight:800;font-size:15px;letter-spacing:.04em;margin-bottom:14px;direction:ltr}
.origin b{display:block;font-size:18px;margin-bottom:4px}.origin small{color:var(--muted);font-size:13.5px;line-height:1.5;display:block}

/* steps */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.steps li{position:relative;padding:30px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s}
.steps li:hover{background:rgba(255,255,255,.07);border-color:rgba(214,165,74,.5)}
.sn{display:block;font-size:44px;font-weight:800;line-height:1;margin-bottom:18px;background:linear-gradient(180deg,var(--gold),rgba(214,165,74,.25));-webkit-background-clip:text;background-clip:text;color:transparent}
.steps h3{font-size:20px;margin-bottom:8px}.steps p{margin:0;color:#b9c6da}

/* certification */
.cert-sec{position:relative;isolation:isolate;color:#fff;overflow:hidden}
.cert-sec::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,20,40,.9),rgba(7,20,40,.8))}
.cert-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}
.cert-head h2{font-size:clamp(30px,3.6vw,46px);margin:14px 0}.cert-head p{color:#c8d3e3;font-size:18px;margin:0 0 26px}
.certs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cert{display:grid;gap:4px;padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.cert .ic{color:var(--gold-2);width:28px;height:28px;margin-bottom:8px}
.cert b{font-size:17px}.cert span{color:var(--muted);font-size:14.5px}
.certs-dark .cert{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.certs-dark .cert span{color:#b9c6da}.certs-dark .cert .ic{color:var(--gold)}

/* coverage */
.cov{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}
.cov-col{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px}
.cov-col h3{display:flex;gap:10px;align-items:center;font-size:19px;margin-bottom:18px}.cov-col h3 .ic{color:var(--gold-2)}
.cov-col h3.mt{margin-top:30px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;gap:7px;align-items:center;text-decoration:none;font-size:14.5px;font-weight:600;padding:9px 14px;border-radius:999px;background:var(--tint);border:1px solid var(--line);transition:.2s}
.chip:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.chip .ic{width:16px;height:16px;color:var(--gold-2)}.chip:hover .ic{color:var(--gold)}
.chip-hl{background:var(--gold-soft);border-color:var(--gold)}

/* why */
.whys{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.why{padding:30px;border-radius:20px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}
.why-n{position:absolute;inset-inline-end:18px;top:8px;font-size:64px;font-weight:800;color:var(--gold-soft);line-height:1}
.why h3{font-size:19px;margin-bottom:10px;position:relative}.why p{margin:0;color:var(--muted);position:relative}

/* faq */
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--gold);box-shadow:var(--shadow)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px 26px;font-weight:700;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{width:22px;height:22px;color:var(--gold-2);transition:transform .25s}
.faq details[open] summary .ic{transform:rotate(180deg)}
.faq details p{margin:0;padding:0 26px 22px;color:var(--muted);font-size:16px}

/* cta band */
.cta-band{padding:0 0 110px}
.cta-band .wrap{position:relative;isolation:isolate;border-radius:30px;overflow:hidden;padding:0}
.cta-band .wrap::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(11,31,58,.97) 30%,rgba(11,31,58,.6))}
.cta-bg{border-radius:30px}
.cta-in{padding:70px 64px;color:#fff;max-width:760px}
.cta-in h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:14px}.cta-in p{color:#c8d3e3;font-size:18px;margin:0 0 30px}

/* page hero (inner pages) */
.ph{position:relative;isolation:isolate;color:#fff;overflow:hidden}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,20,40,.95) 10%,rgba(7,20,40,.7) 60%,rgba(7,20,40,.45))}
[dir=rtl] .ph::after{background:linear-gradient(-100deg,rgba(7,20,40,.95) 10%,rgba(7,20,40,.7) 60%,rgba(7,20,40,.45))}
.ph-in{padding-block:80px 90px}
.ph h1{font-size:clamp(32px,4.6vw,56px);font-weight:800;max-width:860px;margin:14px 0 18px;letter-spacing:-.03em}
[dir=rtl] .ph h1{letter-spacing:0;font-weight:700}
.ph .lead{color:#c8d3e3;max-width:760px;margin:0 0 32px}
.ph-short .ph-in{padding-block:64px 130px}
.ph-404{min-height:70vh;display:grid;align-items:center}.ph-404 h1{font-size:120px;max-width:none}
.bc{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 18px;font-size:14px;color:#b9c6da}
.bc li+li::before{content:"/";margin-inline-end:6px;opacity:.5}.bc a{text-decoration:none}.bc a:hover{color:#fff}
.ph-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:40px;max-width:1100px}
.ph-facts>div{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.ph-facts .ic{color:var(--gold);width:26px;height:26px;margin-top:2px}
.ph-facts small{display:block;color:#b9c6da;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
[dir=rtl] .ph-facts small{letter-spacing:0;text-transform:none;font-size:13px}
.ph-facts b{display:block;font-size:15px;line-height:1.45}

/* service page blocks */
.blk{margin-bottom:64px}.blk>h2,.split h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:24px}
.fcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.fcard{padding:28px;border-radius:20px;background:var(--surface);border:1px solid var(--line);transition:.25s}
.fcard:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-3px)}
.fc-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--navy);color:var(--gold);font-weight:800;font-size:14px;margin-bottom:16px}
.fcard h3{font-size:18px;margin-bottom:8px}.fcard p{margin:0;color:var(--muted)}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:560px}
th,td{padding:16px 20px;text-align:start;border-bottom:1px solid var(--line)}
th{background:var(--navy);color:#fff;font-size:14px;font-weight:700}
tr:last-child td{border-bottom:0}td:last-child{font-weight:700;color:var(--gold-2);white-space:nowrap}
tbody tr:hover{background:var(--tint)}
.note{display:flex;gap:14px;align-items:flex-start;padding:22px 24px;border-radius:18px;background:var(--gold-soft);border:1px solid var(--gold)}
.note .ic{color:var(--gold-2);width:26px;height:26px}.note p{margin:0;font-weight:500}
.svc-grid-rel{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

/* route pages */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.mini-modes{display:grid;gap:12px}
.mini-modes a{display:flex;gap:16px;align-items:center;padding:20px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:.2s}
.mini-modes a:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.mini-modes .ic{width:48px;height:48px;padding:11px;border-radius:14px;background:var(--navy);color:var(--gold)}
.mini-modes b{display:block;font-size:17px}.mini-modes small{color:var(--muted);font-size:14px}

/* about */
.prose p{font-size:18px;color:var(--muted);margin:0 0 18px}.prose h1{font-size:40px;margin-bottom:16px}
.about-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:var(--shadow)}.about-img img{width:100%;height:100%;object-fit:cover}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.office{display:flex;gap:14px;align-items:flex-start;padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.office .ic{color:var(--gold-2);width:26px;height:26px}.office b{display:block;font-size:17px;margin-bottom:2px}.office span{color:var(--muted)}
.office b{color:var(--ink)}
.credits{padding-inline-start:20px}.credits li{margin-bottom:10px;color:var(--muted)}

/* contact */
.sec-pull{padding-top:0;margin-top:-90px;position:relative;z-index:2}
.contact-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:start}
.card-xl{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}
.qform{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.qform label{display:grid;gap:7px;font-weight:700;font-size:14px}
.qform .full{grid-column:1/-1}
input,select,textarea{font:500 15.5px var(--font);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;width:100%;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent)}
textarea{min-height:130px;resize:vertical}
.form-alt{margin:0;color:var(--muted);font-size:14px;text-align:center}
.contact-side{display:grid;gap:14px;padding-top:110px}
.contact-side h2{font-size:28px}.contact-side>p{margin:0 0 8px;color:var(--muted)}
.cline{display:flex;gap:14px;align-items:center;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:.2s}
.cline:hover{border-color:var(--gold)}
.cl-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--navy);color:var(--gold)}.cl-wa{background:var(--wa);color:#fff}
.cline small{display:block;color:var(--muted);font-size:13px}.cline b{font-size:16.5px}

/* footer */
.ftr{background:var(--navy);color:#b9c6da;padding:80px 0 30px;font-size:15px}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.ftr .brand b{color:#fff}.ftr .brand small{color:#8fa0bb}
.ftr-about p{margin:18px 0 22px;max-width:360px}
.ftr h3{color:#fff;font-size:15px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em}
[dir=rtl] .ftr h3{letter-spacing:0;text-transform:none;font-size:16px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ftr a{text-decoration:none}.ftr a:hover{color:var(--gold)}
.ftr-contact li{line-height:1.55}.ftr-contact b{color:#fff;font-weight:600}
.ftr-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:56px;padding-top:24px;font-size:14px}
.fab{position:fixed;inset-inline-end:20px;bottom:20px;z-index:90;width:60px;height:60px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px -6px rgba(31,157,85,.6)}
.fab .ic{width:30px;height:30px}
.fab::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:ping 2.4s ease-out infinite}
@keyframes ping{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}

/* reveal */
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}html{scroll-behavior:auto}}

/* responsive */
@media (max-width:1100px){
 .hdr{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}
 .nav{position:fixed;inset:0;top:0;flex-direction:column;align-items:stretch;gap:2px;background:var(--surface);padding:96px 22px 30px;overflow-y:auto;transform:translateX(100%);transition:transform .3s;margin:0}
 [dir=rtl] .nav{transform:translateX(-100%)}
 .nav.open{transform:none}
 .nav>a,.dd-btn{font-size:18px;padding:14px;width:100%;justify-content:space-between}
 .mega{position:static;width:auto;grid-template-columns:1fr;box-shadow:none;border:0;padding:0 0 0 8px;display:none;opacity:1;visibility:visible;transform:none}
 .dd.open .mega{display:grid}.dd:hover .mega{display:none}.dd.open:hover .mega{display:grid}
 .nav-cta{margin:14px 0 0;justify-content:center!important}.lang{justify-content:flex-start!important;gap:10px!important}
 .burger{display:block;position:relative;z-index:110}
 .hero-in{grid-template-columns:1fr;gap:40px;padding-block:70px 110px}
 .svc-grid{grid-template-columns:1fr 1fr}.svc-full{grid-column:auto}.origins{grid-template-columns:repeat(3,1fr)}
 .whys{grid-template-columns:1fr 1fr}.cert-in{grid-template-columns:1fr}
 .ftr-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
 .stats-in{grid-template-columns:1fr 1fr}.stat:nth-child(3){border-inline-start:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}
 .mpanel,.split,.contact-grid,.cov{grid-template-columns:1fr}.mp-txt{padding:4px 12px 16px!important}
 .steps{grid-template-columns:1fr 1fr}.contact-side{padding-top:0}
 .sec{padding:80px 0}
}
@media (max-width:640px){
 .wrap{padding-inline:16px}
 .topbar a:first-of-type{display:none}.topbar .wrap{gap:14px}
 .bar{height:66px}.logo{width:40px;height:40px}.brand b{font-size:18px}.brand small{display:none}
 .hero{min-height:0}.hero .lead{font-size:17px}.btns .btn{flex:1 1 100%}
 .stats{margin-top:-40px}.stats-in{grid-template-columns:1fr}.stat{padding:20px}.stat+.stat{border-inline-start:0;border-top:1px solid var(--line)}.stat b{font-size:40px}
 .svc-grid{grid-template-columns:1fr;grid-auto-rows:300px}.svc-wide,.svc-full{grid-column:auto}
 .mtabs{grid-template-columns:1fr}.mtabs button{padding:12px 14px}
 .origins{grid-template-columns:1fr 1fr}.origin{padding:18px 16px}
 .steps,.whys,.certs,.offices,.ticks-2,.qform{grid-template-columns:1fr}
 .ftr-grid{grid-template-columns:1fr}.cta-in{padding:44px 24px}.card-xl{padding:22px}
 .lead{font-size:17px}.ph-in{padding-block:56px 64px}
 .sec{padding:64px 0}.cta-band{padding-bottom:64px}.sh{margin-bottom:36px}
 .fab{width:54px;height:54px;bottom:16px;inset-inline-end:16px}
}

/* routes hub, route pages, guides */
.mt2{margin-top:36px}
.prose h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 14px;color:var(--ink)}
.chips-lg .chip{font-size:15px;padding:11px 16px}
.hub-h{font-size:clamp(24px,2.6vw,32px);margin:56px 0 20px}.hub-h:first-child{margin-top:0}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.area{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px}
.area h3{font-size:17px;margin-bottom:14px}
.guide{display:grid;grid-template-columns:1fr 330px;gap:56px;align-items:start}
.article h2{margin-top:44px;scroll-margin-top:110px}.article h2:first-child{margin-top:0}
.article p{color:var(--ink);opacity:.86;font-size:17.5px}
.article .ticks{margin:6px 0 18px}
.article .faq{margin-top:10px}
.guide-side{position:sticky;top:110px;display:grid;gap:14px}
.toc{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}
.toc b{display:block;margin-bottom:10px}.toc ol{margin:0;padding-inline-start:20px;display:grid;gap:8px;font-size:14.5px}
.toc a{text-decoration:none;color:var(--muted)}.toc a:hover{color:var(--gold-2)}
.side-cta{background:var(--navy);color:#fff;border-radius:18px;padding:22px;display:grid;gap:10px}
.side-cta b{font-size:17px;margin-bottom:4px}
@media (max-width:900px){.guide{grid-template-columns:1fr}.guide-side{position:static}}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.gcard{display:flex;gap:14px;align-items:center;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:.2s}
.gcard:hover{border-color:var(--gold);box-shadow:var(--shadow);transform:translateY(-2px)}
.gc-ic{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--gold-soft);color:var(--gold-2)}
.gcard>span:nth-child(2){flex:1;min-width:0}.gcard b{display:block;font-size:16px}.gcard small{display:block;color:var(--muted);font-size:13.5px;line-height:1.45;margin-top:2px}
.gc-arr{color:var(--gold-2);width:18px;height:18px}
.gmore{margin:22px 0 0;font-weight:700}.gmore a{color:var(--gold-2);text-decoration:none}
.ftr-guides{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;line-height:2}
.ftr-guides b{color:#fff;margin-inline-end:6px}
.numlist{padding-inline-start:22px;display:grid;gap:10px;margin:0 0 10px}.numlist li{font-size:17px;color:var(--muted)}.numlist b{color:var(--ink)}