/* SCAVA site — vision alignment and immersive layer (2026-09-28).
 * Fonts are self-hosted (SIL OFL, licences in assets/fonts/) so no visitor data reaches a font CDN.
 */
@font-face{font-family:"Cormorant Garamond";src:url("/assets/fonts/cormorant-garamond-latin.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/assets/fonts/cormorant-garamond-latin-italic-400.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/inter-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Kufi Arabic";src:url("/assets/fonts/noto-kufi-arabic-400-700.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
/* Metric-matched local fallbacks: text laid out before the web fonts arrive keeps its size, so the swap does not move the page. */
@font-face{font-family:"Cormorant Fallback";src:local("Times New Roman"),local("TimesNewRomanPSMT"),local("Liberation Serif"),local("Tinos");font-style:normal;size-adjust:97.05%;ascent-override:95.21%;descent-override:29.57%;line-gap-override:0%}
@font-face{font-family:"Cormorant Fallback";src:local("Times New Roman Italic"),local("TimesNewRomanPS-ItalicMT"),local("Liberation Serif Italic"),local("Tinos Italic");font-style:italic;size-adjust:86.72%;ascent-override:106.56%;descent-override:33.10%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Arimo");size-adjust:106.75%;ascent-override:90.75%;descent-override:22.60%;line-gap-override:0%}

:root{
  --ink:#090807;--surface:#12100d;--surface-2:#1a1612;--text:#f5eee3;--muted:#bdb1a2;--faint:#8c8174;
  --copper:#b86f3f;--gold:#e0b66f;--accent-text:#e0b66f;--line:rgba(224,182,111,.22);--line-strong:rgba(224,182,111,.45);
  --shadow:0 24px 70px rgba(0,0,0,.4);--radius:22px;--glass:color-mix(in srgb,var(--surface) 78%,transparent);
  --scrim:color-mix(in srgb,var(--ink) 84%,transparent);--tint:var(--gold);
  --serif:"Cormorant Garamond","Cormorant Fallback",Georgia,"Times New Roman",serif;--sans:Inter,"Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.7,.25,1);color-scheme:dark
}
html[data-theme="light"]{
  --ink:#f4eee4;--surface:#fffaf2;--surface-2:#efe4d3;--text:#211a14;--muted:#5f5145;--faint:#7c6d60;
  --accent-text:#8a4f25;--line:rgba(101,67,42,.2);--line-strong:rgba(138,79,37,.45);--shadow:0 24px 70px rgba(63,40,22,.14);
  --glass:color-mix(in srgb,var(--surface) 82%,transparent);--scrim:color-mix(in srgb,var(--ink) 86%,transparent);color-scheme:light
}
[lang="ar"]{--serif:"Noto Kufi Arabic","Cormorant Garamond","Cormorant Fallback",Georgia,serif;--sans:"Noto Kufi Arabic",Inter,"Inter Fallback",system-ui,sans-serif}
body[data-tint="recover"]{--tint:#e39a58}body[data-tint="connect"]{--tint:#d9b56a}body[data-tint="govern"]{--tint:#c98f6b}body[data-tint="growth"]{--tint:#f0c77e}

/* Base */
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}
img{max-width:100%}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:fixed;inset-inline-start:1rem;top:-5rem;z-index:99;background:var(--gold);color:#18100b;padding:.8rem 1rem;border-radius:10px}.skip:focus{top:1rem}
.shell{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.eyebrow{color:var(--accent-text);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:650}
[lang="ar"] .eyebrow{letter-spacing:.02em;font-size:.8rem}
h1,h2,h3{font-family:var(--serif);font-weight:500;text-wrap:balance}
[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3{font-weight:600;letter-spacing:0!important;line-height:1.35!important}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border:1px solid var(--gold);border-radius:99px;padding:.72rem 1.35rem;text-decoration:none;background:var(--gold);color:#17100b;font-weight:650;font-size:.92rem;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s}
.button:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(224,182,111,.25)}
.button.ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.button.ghost:hover{border-color:var(--gold)}
.text-action{display:inline-flex;align-items:center;min-height:44px;color:var(--accent-text);font-weight:600;font-size:.85rem;text-decoration:none}
.text-action:hover{text-decoration:underline;text-underline-offset:4px}

/* Readiness badge: the ring fills with maturity; "scoped with the client" is dashed. */
.badge{--p:.15;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;padding:.28rem .62rem .28rem .45rem;border:1px solid var(--line);border-radius:99px;font-size:.7rem;font-weight:600;color:var(--muted);background:color-mix(in srgb,var(--surface) 70%,transparent)}
.badge:before{content:"";width:.78rem;height:.78rem;border-radius:50%;flex:none;background:conic-gradient(var(--gold) calc(var(--p)*360deg),color-mix(in srgb,var(--gold) 18%,transparent) 0);-webkit-mask:radial-gradient(circle,transparent 42%,#000 44%);mask:radial-gradient(circle,transparent 42%,#000 44%)}
.badge[data-ready="spec"]{--p:.35}.badge[data-ready="prestaging"]{--p:.6}.badge[data-ready="synthetic"]{--p:.8;color:var(--text)}.badge[data-ready="client"]{--p:1;color:var(--text)}
.badge[data-ready="gated"]:before{background:none;border:1.5px dashed var(--gold);-webkit-mask:none;mask:none}
.pillar-tag{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
[lang="ar"] .pillar-tag{letter-spacing:0}

/* Atlas: one fixed map behind the whole page; each chapter moves the camera. */
.atlas{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.atlas-map{position:absolute;inset:-14%;background:url("/assets/immersive/signal-atlas-hero-v3.webp") center/cover no-repeat;background-image:image-set(url("/assets/immersive/signal-atlas-hero-v3-1672.avif") type("image/avif"),url("/assets/immersive/signal-atlas-hero-v3.webp") type("image/webp"));opacity:.34;transform:translate3d(var(--ax,0),var(--ay,0),0) scale(var(--as,1.08));transition:transform 1.8s var(--ease),opacity 1.4s ease,filter 1.4s ease;will-change:transform}
.atlas:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--sx,70%) var(--sy,40%),color-mix(in srgb,var(--tint) 30%,transparent),transparent 34%);opacity:0;transition:opacity .8s ease,background-position .8s}
.atlas:after{content:"";position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}
body[data-atlas="hero"] .atlas-map{--ax:0;--ay:0;--as:1.06;opacity:.8}
body[data-atlas="method"] .atlas-map{--ax:-7%;--ay:-5%;--as:1.3;opacity:.3}
body[data-atlas="pathways"] .atlas-map{--ax:6%;--ay:-8%;--as:1.42;opacity:.34}
body[data-atlas="pillars"] .atlas-map{--ax:-3%;--ay:6%;--as:1.18;opacity:.42}
body[data-atlas="ecosystem"] .atlas-map{--ax:8%;--ay:4%;--as:1.5;opacity:.26}
body[data-atlas="offers"] .atlas-map{--ax:-8%;--ay:8%;--as:1.34;opacity:.24}
body[data-atlas="trust"] .atlas-map{--ax:2%;--ay:-2%;--as:1.6;opacity:.2;filter:saturate(.6)}
body[data-atlas="diagnostic"] .atlas-map{--ax:0;--ay:9%;--as:1.2;opacity:.34}
body[data-tint] .atlas:before{opacity:.9}
body[data-tint="recover"] .atlas{--sx:78%;--sy:62%}body[data-tint="connect"] .atlas{--sx:24%;--sy:40%}body[data-tint="govern"] .atlas{--sx:30%;--sy:24%}body[data-tint="growth"] .atlas{--sx:66%;--sy:78%}
body[data-territory] .atlas:before{opacity:1}
body[data-territory="core"] .atlas{--sx:62%;--sy:28%}body[data-territory="care"] .atlas{--sx:88%;--sy:38%}body[data-territory="scale"] .atlas{--sx:76%;--sy:82%}
html[data-theme="light"] .atlas-map{opacity:.2;filter:sepia(.25) brightness(1.5) contrast(.8)}
html[data-theme="light"] body[data-atlas="hero"] .atlas-map{opacity:.5}

/* Header */
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 82%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav{height:72px;display:flex;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;min-height:44px;flex:none}
.brand img{display:block;width:auto;height:36px}
.navlinks{display:flex;align-items:center;gap:20px;margin-inline-start:auto}
.navlinks>a{text-decoration:none;font-size:.84rem;color:var(--muted);position:relative;padding:.4rem 0}
.navlinks>a:hover,.navlinks>a[aria-current]{color:var(--text)}
.navlinks>a[aria-current]:after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:1px;background:var(--gold)}
.client{border:1px solid var(--line-strong);border-radius:99px;padding:.6rem 1rem!important;color:var(--text)!important}
.controls{display:flex;gap:4px;align-items:center;padding:3px;border:1px solid var(--line);border-radius:99px}
.controls button,.menu{min-width:44px;min-height:44px;border:0;background:transparent;border-radius:99px;cursor:pointer;display:grid;place-items:center;font-size:.8rem}
.controls button[aria-pressed="true"][data-lang]{background:var(--gold);color:#17100b;font-weight:650}
#theme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
#theme .icon-moon{fill:currentColor;stroke:none}
#theme .icon-sun{display:none}html[data-theme="dark"] #theme .icon-moon{display:none}html[data-theme="dark"] #theme .icon-sun{display:block}
.menu{display:none;border:1px solid var(--line);gap:4px;align-content:center}
.menu span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .25s,opacity .25s}
.menu[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.menu[aria-expanded="true"] span:nth-child(2){opacity:0}.menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.reading-progress{position:absolute;inset-inline:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--copper),var(--gold));transform-origin:left;transform:scaleX(0)}
[dir="rtl"] .reading-progress{transform-origin:right}
.back-top{position:fixed;inset-inline-end:20px;bottom:20px;z-index:40;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;text-decoration:none;border:1px solid var(--line-strong);background:var(--glass);backdrop-filter:blur(10px)}
.back-top[hidden]{display:none}

/* Hero */
.hero{position:relative;min-height:calc(100svh - 72px);display:grid;align-items:center;padding:70px 0 90px;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 80%,transparent) 34%,color-mix(in srgb,var(--ink) 18%,transparent) 72%,transparent 100%)}
[dir="rtl"] .hero:before{background:linear-gradient(270deg,var(--ink) 0%,color-mix(in srgb,var(--ink) 80%,transparent) 34%,color-mix(in srgb,var(--ink) 18%,transparent) 72%,transparent 100%)}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:4vw;align-items:center}
.hero h1{font-size:clamp(2.7rem,4.6vw,5.1rem);line-height:1;letter-spacing:-.03em;margin:.3em 0 .35em}
.hero h1 em{color:var(--accent-text);font-weight:400}
.lead{max-width:600px;color:var(--muted);font-size:clamp(1rem,1.25vw,1.15rem)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-trail{position:absolute;bottom:26px;inset-inline-start:max(20px,calc((100% - 1200px)/2));display:inline-flex;gap:.7rem;align-items:center;min-height:44px;color:var(--faint);font-size:.78rem;text-decoration:none}
.hero-trail span:first-child{animation:trail 2.4s ease-in-out infinite}
@keyframes trail{50%{transform:translateY(5px)}}

/* Territories map */
.territories{position:relative;aspect-ratio:1;width:min(100%,560px);margin-inline:auto;--light-x:50%;--light-y:50%}
.territories:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at var(--light-x) var(--light-y),color-mix(in srgb,var(--gold) 22%,transparent),transparent 58%);transition:background .3s}
.territory-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.territory-lines ellipse{fill:none;stroke:var(--line);stroke-width:.25;vector-effect:non-scaling-stroke}
.territory-lines .link{fill:none;stroke:var(--line-strong);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke;transition:stroke .4s,stroke-width .4s}
.territories[data-active="core"] .link-core,.territories[data-active="care"] .link-care,.territories[data-active="scale"] .link-scale{stroke:var(--gold);stroke-width:1.6;stroke-dasharray:none}
.territory-core-logo{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:#0b0907;border:1px solid var(--line-strong);box-shadow:0 0 0 10px color-mix(in srgb,var(--gold) 6%,transparent),0 0 80px rgba(184,111,63,.35);display:grid;place-items:center;align-content:center;justify-content:center}
.territory-core-logo img{width:84%;max-width:84%;height:auto;object-fit:contain;transform:translate(1.17%,-2.14%)}
@media (min-width:600px){.territory-core-logo{grid-template-columns:100%}.territory-core-logo img{width:74%;max-width:74%}}
@media (min-width:900px) and (max-width:1100px){.territory-core-logo img{width:72%;max-width:72%}}
.territory-nav{position:absolute;inset:0}
.territory{position:absolute;display:grid;gap:2px;min-height:44px;max-width:200px;padding:.7rem .95rem .7rem 2rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .35s var(--ease),border-color .3s,background .3s}
[dir="rtl"] .territory{padding:.7rem 2rem .7rem .95rem}
.territory b{font:600 .88rem var(--sans);letter-spacing:.01em}
.territory small{color:var(--muted);font-size:.72rem;line-height:1.35}
.territory-dot{position:absolute;inset-inline-start:.85rem;top:1.05rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(224,182,111,.55);animation:pulse 3.2s ease-out infinite}
.territory:hover,.territory:focus-visible,.territories[data-active] .territory:is(:hover,:focus-visible){transform:translateY(-3px);border-color:var(--gold);background:color-mix(in srgb,var(--surface) 88%,var(--copper))}
.territory-core{left:0;top:6%}.territory-care{right:0;top:24%}.territory-scale{left:36%;bottom:2%}
.territory-caption{position:absolute;left:0;right:0;bottom:-44px;text-align:center;color:var(--faint);font-size:.76rem;margin:0}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(224,182,111,.5)}70%,100%{box-shadow:0 0 0 12px rgba(224,182,111,0)}}

/* Chapters */
.chapter{position:relative;padding:120px 0;border-top:1px solid var(--line);background:var(--scrim)}
.chapter h2{font-size:clamp(2.6rem,5.2vw,5.4rem);line-height:.98;letter-spacing:-.03em;margin:.15em 0 .3em;max-width:900px}
.chapter-head{display:grid;grid-template-columns:.32fr 1fr;gap:5vw;align-items:start;margin-bottom:56px}
.chapter-head p{color:var(--muted);max-width:640px;margin:0}

/* 01 · Prove */
.prove-layout{display:grid;grid-template-columns:minmax(300px,.9fr) 1.1fr;gap:5vw;align-items:start}
.evidence{position:sticky;top:104px;padding:26px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 92%,var(--copper)),var(--surface));box-shadow:var(--shadow)}
.evidence-head{display:grid;gap:4px;margin-bottom:16px}
.evidence-tag{justify-self:start;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#17100b;background:var(--gold);padding:.25rem .55rem;border-radius:99px;font-weight:700}
[lang="ar"] .evidence-tag{letter-spacing:0}
.evidence-head strong{font:500 1.9rem/1.1 var(--serif);margin-top:8px}
.evidence-company{color:var(--muted);font-size:.82rem}
.evidence-meter{height:3px;border-radius:3px;background:var(--line);overflow:hidden;margin-bottom:10px}
.evidence-meter span{display:block;height:100%;width:calc(var(--progress,1)*100%);background:linear-gradient(90deg,var(--copper),var(--gold));transition:width .6s var(--ease)}
.evidence-rows{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.evidence-rows li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--line);transition:opacity .5s ease,filter .5s ease,transform .5s var(--ease)}
[dir="rtl"] .evidence-rows li{padding:12px 34px 12px 0}
.evidence-rows li:before{content:"0" attr(data-row);position:absolute;inset-inline-start:0;top:13px;color:var(--accent-text);font:500 .95rem var(--serif)}
.evidence-rows b{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}
[lang="ar"] .evidence-rows b{letter-spacing:0}
.evidence-rows p{margin:.15rem 0 0;font-size:.9rem}
.evidence-rows li.is-pending{opacity:.2;filter:blur(1.5px);transform:translateY(4px)}
.evidence-rows li.is-current p{color:var(--text)}
.evidence-rows li.is-current:after{content:"";position:absolute;inset-inline-start:-27px;top:0;bottom:0;width:2px;background:var(--gold)}
.evidence-foot{margin:16px 0 0;color:var(--faint);font-size:.75rem}
.prove-steps{list-style:none;margin:0;padding:0}
.prove-step{display:grid;grid-template-columns:64px 1fr;gap:16px;min-height:42vh;padding:26px 0;border-top:1px solid var(--line);transition:opacity .4s}
.prove-step>span{font:500 2.6rem/1 var(--serif);color:var(--faint);transition:color .4s}
.prove-step h3{font-size:clamp(1.7rem,2.6vw,2.4rem);margin:0 0 .3rem;line-height:1.05}
.prove-step p{color:var(--muted);max-width:44ch;margin:0}
.js .prove-step:not(.is-active){opacity:.45}
.prove-step.is-active>span{color:var(--gold)}

/* 02 · Leaks */
.leak-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.leak{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 90%,transparent),color-mix(in srgb,var(--surface) 74%,transparent));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transition:border-color .35s,opacity .35s,box-shadow .35s;view-transition-name:var(--vt)}
.leak[data-leak="recover"]{--vt:leak-recover}.leak[data-leak="connect"]{--vt:leak-connect}.leak[data-leak="govern"]{--vt:leak-govern}.leak[data-leak="growth"]{--vt:leak-growth}
.leak-head{display:grid;gap:10px;padding:28px 28px 8px}
.leak-head span{color:var(--accent-text);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:650}
[lang="ar"] .leak-head span{letter-spacing:0}
.leak-head h3{margin:0;font-size:clamp(1.6rem,2.3vw,2.3rem);line-height:1.08;max-width:20ch}
.leak-body{flex:1;padding:0 28px 26px;display:grid;gap:14px;grid-template-rows:auto 1fr auto}
.leak-body>p{color:var(--muted);margin:0;max-width:52ch;font-size:.92rem}
.leak:hover{border-color:var(--line-strong)}
.leak.is-active{border-color:var(--tint);box-shadow:0 0 0 1px color-mix(in srgb,var(--tint) 40%,transparent),0 30px 80px color-mix(in srgb,var(--tint) 18%,transparent)}
.leak-products{margin:0;color:var(--text);font-size:.9rem;opacity:.86}
.leak-product{unicode-bidi:isolate}
a.leak-product{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}a.leak-product:hover{color:var(--accent-text);border-bottom-color:currentColor}
.leak-cta{justify-self:start;align-self:end;display:inline-flex;align-items:center;min-height:48px;padding:.65rem 1.3rem;border:1px solid var(--line-strong);border-radius:99px;color:var(--accent-text);font-weight:600;font-size:.88rem;text-decoration:none;transition:border-color .25s,background .25s}
.leak-cta:hover{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.leak-cta:focus-visible,a.leak-product:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.solution-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.solution-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--ink) 30%,transparent)}
.solution-list li>:first-child{flex:1 1 150px;font-weight:600;font-size:.9rem}
.solution-list a{text-decoration:none}.solution-list a:hover{color:var(--accent-text)}
.solution-list a:after{content:" ↗";color:var(--accent-text);font-size:.8em}
.solution-list.compact li{display:grid;gap:6px;justify-items:start;padding:10px 12px;background:color-mix(in srgb,var(--ink) 45%,transparent)}
.pick{min-height:36px;padding:.35rem .8rem;border:1px solid var(--line-strong);border-radius:99px;background:transparent;font-size:.74rem;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.pick[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#17100b}
.pick[aria-pressed="true"]:before{content:"✓ "}
.selection{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(10px)}
.selection span{color:var(--muted);font-size:.9rem}
::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.25,1)}

/* 03 · Pillars */
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pillar{position:relative;display:flex;flex-direction:column;gap:12px;min-height:560px;padding:30px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;isolation:isolate;scroll-margin-top:100px}
.pillar:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform 1.2s var(--ease)}
.pillar:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 30%,transparent) 0%,color-mix(in srgb,var(--ink) 70%,transparent) 42%,var(--ink) 78%)}
.pillar-core:before{background-image:url("/assets/immersive/pillar-sovereign-core-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-sovereign-core-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-sovereign-core-v3-800.webp") type("image/webp"))}.pillar-care:before{background-image:url("/assets/immersive/pillar-tech-care-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-tech-care-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-tech-care-v3-800.webp") type("image/webp"))}.pillar-scale:before{background-image:url("/assets/immersive/pillar-scale-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-scale-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-scale-v3-800.webp") type("image/webp"))}
.pillar:hover:before{transform:scale(1.05)}
.pillar:target,.pillar:hover{border-color:var(--line-strong)}
.pillar h3{font-size:clamp(1.8rem,2.4vw,2.35rem);line-height:1.05;margin:auto 0 0;padding-top:120px}
.pillar>p{color:var(--muted);margin:0;font-size:.92rem}

/* 04 · Portfolio */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.filter button{min-height:44px;padding:.5rem 1.05rem;border:1px solid var(--line);border-radius:99px;background:var(--glass);cursor:pointer;font-size:.84rem}
.filter button[aria-pressed="true"]{border-color:var(--gold);color:var(--accent-text);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:280px;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),border-color .3s}
.card:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center right;opacity:.5;transition:opacity .4s,transform 1s var(--ease)}
.card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,var(--surface) 38%,color-mix(in srgb,var(--surface) 30%,transparent))}
[dir="rtl"] .card:after{background:linear-gradient(260deg,var(--surface) 38%,color-mix(in srgb,var(--surface) 30%,transparent))}
.card[data-pillar="scale"]:before{background-image:url("/assets/immersive/pillar-scale-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-scale-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-scale-v3-800.webp") type("image/webp"))}.card[data-pillar="core"]:before{background-image:url("/assets/immersive/pillar-sovereign-core-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-sovereign-core-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-sovereign-core-v3-800.webp") type("image/webp"))}.card[data-pillar="care"]:before{background-image:url("/assets/immersive/pillar-tech-care-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-tech-care-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-tech-care-v3-800.webp") type("image/webp"))}
.card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.card:hover:before{opacity:.75;transform:scale(1.04)}
.card .num{color:var(--accent-text);font:500 2rem/1 var(--serif)}
.card h3{font-size:1.8rem;line-height:1.05;margin:auto 0 0}
.card p{color:var(--muted);font-size:.88rem;margin:0;max-width:34ch}
.card-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.card-affordance{color:var(--accent-text);font-size:.8rem;font-weight:600}
.card>a{position:absolute;inset:0;font-size:0;border-radius:inherit}
.card>a:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}
.card[hidden],.direction-list li[hidden]{display:none}
.directions{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(10px)}
.directions summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:22px 26px;cursor:pointer;list-style:none;min-height:44px}
.directions summary::-webkit-details-marker{display:none}
.directions summary:after{content:"+";margin-inline-start:auto;color:var(--accent-text);font-size:1.4rem;line-height:1;transition:transform .3s}
.directions[open] summary:after{transform:rotate(45deg)}
.directions summary span{font:500 1.6rem var(--serif)}.directions summary small{color:var(--muted);font-size:.82rem}
.direction-list{list-style:none;margin:0;padding:0 26px 18px;display:grid}
.direction-list li{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px 18px;padding:14px 0;border-top:1px solid var(--line)}
.direction-list b{font-size:.95rem}.direction-list p{margin:.1rem 0 0;color:var(--muted);font-size:.84rem}

/* 05 · Offers */
.ladder{list-style:none;margin:0 0 70px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}
.ladder:before{content:"";position:absolute;top:36px;inset-inline:6%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.ladder li{position:relative;padding:22px 26px 26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(10px)}
.ladder-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#17100b;font-size:.72rem;font-weight:700;position:relative}
.ladder h3{font-size:2rem;margin:.6rem 0 .3rem}.ladder p{color:var(--muted);margin:0 0 .8rem}.ladder small{color:var(--faint);font-size:.76rem}
.scope-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 30px;margin-bottom:18px}
.scope-head h3{font-size:1.9rem;margin:0}.scope-head p{color:var(--muted);margin:0}
.offer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.offer{display:flex;flex-direction:column;gap:8px;padding:22px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.offer.featured{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(184,111,63,.2),var(--surface))}
.offer small{color:var(--accent-text)}.offer h3{font-size:1.65rem;margin:0}.offer strong{font-size:.86rem}
.offer p{color:var(--muted);font-size:.8rem;margin:0}.offer p b{display:block;color:var(--accent-text);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
[lang="ar"] .offer p b{letter-spacing:0}
.offer button{margin-top:auto;min-height:44px;border:0;border-top:1px solid var(--line);background:none;text-align:start;font-weight:600;font-size:.8rem;cursor:pointer;padding:.8rem 0 0}
.offer button[aria-pressed="true"]{color:var(--accent-text)}.offer button[aria-pressed="true"]:before{content:"✓ "}
.offer-tools{display:none;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted);font-size:.84rem}
.offer-tools div{display:flex;gap:8px}.offer-tools button{width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;background:transparent;cursor:pointer}.offer-tools button:disabled{opacity:.35}
[dir="rtl"] .offer-tools button{transform:scaleX(-1)}

/* 06 · Trust */
.trust-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.trust-block{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(10px)}
.trust-block h3{font-size:1.9rem;margin:0 0 14px}
.claims{margin:0;display:grid}.claims div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.claims dt{font-weight:650;color:var(--accent-text);font-size:.88rem}.claims dd{margin:0;color:var(--muted);font-size:.88rem}
.legend{list-style:none;margin:0;padding:0;display:grid}.legend li{display:grid;grid-template-columns:210px 1fr;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.legend li .badge{justify-self:start}.legend p{margin:0;color:var(--muted);font-size:.86rem}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.principles article{padding-top:20px;border-top:1px solid var(--gold)}.principles h3{font-size:1.7rem;margin:0 0 .4rem}.principles p{color:var(--muted);margin:0}

/* 07 · Diagnostic */
.diagnostic{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.diagnostic h2{font-size:clamp(2.6rem,4.6vw,4.8rem)}
.brief{margin-top:28px;padding:22px;border:1px dashed var(--line-strong);border-radius:18px;background:var(--glass);transition:border-color .3s,background .3s}
.brief.is-filled{border-style:solid;background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 90%,var(--copper)),var(--surface))}
.brief strong{font:500 1.5rem var(--serif)}.brief p{margin:.5rem 0 0;color:var(--muted);font-size:.88rem}.brief p b{color:var(--text);margin-inline-end:.35rem}
.brief-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.brief-chips span{display:inline-flex;flex-direction:column;padding:.4rem .7rem;border:1px solid var(--line);border-radius:12px;font-size:.8rem;font-weight:600}
.brief-chips small{color:var(--faint);font-weight:500;font-size:.68rem}
.context-reset{margin-top:14px;min-height:44px;padding:0;border:0;background:none;color:var(--accent-text);font-weight:600;font-size:.82rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
#formStatus{margin:0 0 14px;color:var(--accent-text);font-size:.88rem}#formStatus:empty{display:none}
.form{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 80%,transparent));backdrop-filter:blur(12px);box-shadow:var(--shadow)}
.form-progress{display:none;list-style:none;margin:0 0 22px;padding:0;gap:6px;counter-reset:fstep}
.form.is-stepped .form-progress{display:grid;grid-template-columns:repeat(3,1fr)}
.form-progress li{counter-increment:fstep;padding-top:10px;border-top:2px solid var(--line);color:var(--faint);font-size:.76rem;transition:border-color .3s,color .3s}
.form-progress li:before{content:counter(fstep,decimal-leading-zero) " · "}
.form-progress li.is-current{border-color:var(--gold);color:var(--text)}.form-progress li.is-done{border-color:var(--copper);color:var(--muted)}
.form-step{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-step+.form-step{margin-top:26px}.form.is-stepped .form-step+.form-step{margin-top:0}
.form-step[hidden]{display:none}
.form-step legend{font:500 1.7rem var(--serif);padding:0;margin-bottom:14px}
.field{display:grid;gap:7px;align-content:start}.field.full{grid-column:1/-1}
.field label{font-size:.8rem;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ink) 55%,transparent);color:var(--text);padding:.8rem .9rem;transition:border-color .25s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent)}
.field textarea{min-height:130px;resize:vertical}
.field small{color:var(--faint);font-size:.76rem}
.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#e07a5f}
.consent{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.8rem}
.consent input{width:20px;height:20px;min-height:0;margin-top:2px;accent-color:var(--gold);flex:none}
.consent a{color:var(--accent-text)}
.step-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.form:not(.is-stepped) [data-step-next],.form:not(.is-stepped) [data-step-back]{display:none}
.submit-row{gap:10px}
.submit-row small{color:var(--faint);font-size:.76rem}

/* Footer */
.footer{padding:50px 0;border-top:1px solid var(--line);color:var(--muted);background:var(--ink)}
.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:start}
.brand-wordmark{font:600 1.5rem var(--serif);letter-spacing:.2em;text-decoration:none;color:var(--text)}
.footer p{margin:.4rem 0 0;font-size:.84rem}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.84rem}
.footer-links p{flex-basis:100%}

/* Product pages */
.product-hero{position:relative;padding:90px 0 70px;isolation:isolate;overflow:hidden}
.product-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center right;opacity:.55}
.product-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ink) 30%,color-mix(in srgb,var(--ink) 55%,transparent) 70%,color-mix(in srgb,var(--ink) 20%,transparent))}
[dir="rtl"] .product-hero:after{background:linear-gradient(270deg,var(--ink) 30%,color-mix(in srgb,var(--ink) 55%,transparent) 70%,color-mix(in srgb,var(--ink) 20%,transparent))}
main[data-pillar="core"] .product-hero:before{background-image:url("/assets/immersive/pillar-sovereign-core-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-sovereign-core-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-sovereign-core-v3-800.webp") type("image/webp"))}
main[data-pillar="care"] .product-hero:before{background-image:url("/assets/immersive/pillar-tech-care-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-tech-care-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-tech-care-v3-800.webp") type("image/webp"))}
main[data-pillar="scale"] .product-hero:before{background-image:url("/assets/immersive/pillar-scale-v3-800.webp");background-image:image-set(url("/assets/immersive/pillar-scale-v3-800.avif") type("image/avif"),url("/assets/immersive/pillar-scale-v3-800.webp") type("image/webp"))}
.product-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center}
.product-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none;font-size:.85rem}
.product-hero h1{font-size:clamp(3.4rem,7.5vw,7.4rem);line-height:.92;letter-spacing:-.035em;margin:.15em 0 .2em}
.product-outcome{font:400 clamp(1.3rem,2vw,1.9rem)/1.3 var(--serif);max-width:32ch}
.product-status{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:24px 0 0;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(10px);max-width:560px}
.product-status small{color:var(--muted);font-size:.8rem}.product-status a{color:var(--accent-text);font-size:.8rem}
.mini-map{position:relative;aspect-ratio:1;width:min(100%,380px);margin-inline:auto}
.mini-map svg{width:100%;height:100%;overflow:visible}
.mini-map circle.zone{fill:color-mix(in srgb,var(--surface) 70%,transparent);stroke:var(--line-strong);stroke-width:.6}
.mini-map .zone.is-here{fill:color-mix(in srgb,var(--gold) 22%,var(--surface));stroke:var(--gold);stroke-width:1.2}
.mini-map text{font:600 3.4px var(--sans);fill:var(--muted);text-anchor:middle;dominant-baseline:middle}.mini-map .is-here+text{fill:var(--text)}
.mini-map line{stroke:var(--line-strong);stroke-width:.5;stroke-dasharray:2 2}
.mini-map figcaption{text-align:center;color:var(--faint);font-size:.76rem;margin-top:8px}
.product-proof-section{padding:100px 0;border-top:1px solid var(--line);background:var(--scrim)}
.product-section-head{margin-bottom:40px}.product-section-head h2,.proof-layout h2,.related-layout h2,.product-cta h2,.delivery h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1;margin:.2em 0}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.workflow-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass)}
.workflow-card span{color:var(--accent-text);font:500 1.8rem var(--serif)}.workflow-card h3{font-size:1.6rem;margin:.6rem 0 .3rem}.workflow-card p{color:var(--muted);margin:0}
.delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.delivery-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--glass)}
.delivery-card.proof{border-color:var(--line-strong)}
.delivery-card h3{font-size:1.8rem;margin:.4rem 0 .6rem}.delivery-card ul{margin:0;padding-inline-start:1.1rem;color:var(--muted)}.delivery-card li{margin:.35rem 0}
.proof-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.proof-visual{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}
.proof-visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.proof-caption{position:absolute;inset:auto 0 0;padding:18px;background:linear-gradient(transparent,rgba(9,8,7,.9));color:#f5eee3}
.proof-caption span{font-size:.68rem;letter-spacing:.14em;color:var(--gold)}.proof-caption strong{display:block;font:500 1.4rem var(--serif)}.proof-caption p{margin:.2rem 0 0;font-size:.85rem;color:#d8cbbb}
.recording-slot{margin-top:14px;padding:18px;border:1px dashed var(--line-strong);border-radius:16px}.recording-slot strong{font-size:.76rem;letter-spacing:.12em;color:var(--accent-text)}.recording-slot p{margin:.3rem 0 0;color:var(--muted);font-size:.86rem}
.readiness-row{padding:14px 0;border-top:1px solid var(--line)}.readiness-row p{margin:.2rem 0 0;color:var(--muted)}
.related-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.related-layout p{color:var(--muted)}
.related-grid{display:grid;gap:10px}
.related-grid a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--glass)}
.related-grid a:hover{border-color:var(--gold)}.related-grid a b{color:var(--accent-text)}
.territory-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
.territory-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line);font-size:.9rem}
.product-pager{display:flex;justify-content:space-between;gap:12px;margin-top:30px}
.product-pager a{display:inline-flex;flex-direction:column;min-height:56px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:var(--glass)}
.product-pager a small{color:var(--faint);font-size:.72rem}.product-pager a:last-child{text-align:end}
.product-cta{padding:110px 0;text-align:center;border-top:1px solid var(--line);background:var(--scrim)}
.product-cta p{color:var(--muted);max-width:560px;margin:0 auto 28px}

/* Reveal: opt-in once scripts start; content is visible without JavaScript. */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s var(--ease)}
.js .reveal.visible{opacity:1;transform:none}

/* RTL */
[dir="rtl"] .territory-core{left:auto;right:0}[dir="rtl"] .territory-care{right:auto;left:0}[dir="rtl"] .territory-scale{left:auto;right:36%}
[dir="rtl"] .solution-list a:after{content:" ↖"}
[dir="rtl"] .ladder:before{background:linear-gradient(270deg,transparent,var(--gold),transparent)}

/* Responsive */
@media (max-width:1100px){
  .navlinks{gap:14px}.navlinks>a{font-size:.8rem}
  .offer-grid{grid-template-columns:repeat(3,1fr)}
  .legend li{grid-template-columns:1fr}
}
@media (max-width:900px){
  .menu{display:grid;margin-inline-start:auto}
  .navlinks{position:absolute;top:72px;inset-inline:16px;display:none;flex-direction:column;align-items:stretch;gap:4px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);max-height:calc(100svh - 90px);overflow:auto}
  .navlinks.open{display:flex}.navlinks>a{min-height:44px;display:flex;align-items:center;font-size:.95rem}
  .controls{align-self:flex-start;margin-top:8px}
  body.nav-open{overflow:hidden}
  .hero-grid,.chapter-head,.prove-layout,.diagnostic,.product-hero-grid,.proof-layout,.related-layout,.trust-layout{grid-template-columns:1fr}
  .hero{padding:50px 0 110px}.territories{width:min(100%,460px);margin-top:10px}
  .chapter{padding:90px 0}.chapter-head{gap:10px;margin-bottom:36px}
  .evidence{top:84px;z-index:5;padding:18px}
  .evidence-rows li{padding-top:8px;padding-bottom:8px}
  .js .evidence .evidence-rows li{display:none}
  .js .evidence .evidence-rows li.is-current{display:block;border-bottom:0}
  .evidence-head{margin-bottom:10px}.evidence-head strong{font-size:1.5rem;margin-top:4px}
  .evidence-foot{display:none}
  .solution-list li>:first-child{flex-basis:100%}
  .prove-step{min-height:auto;padding:28px 0}
  .pillar-grid,.grid,.workflow-grid,.principles,.ladder{grid-template-columns:1fr}
  .ladder:before{display:none}
  .pillar{min-height:420px}.pillar h3{padding-top:80px}
  .grid{grid-template-columns:repeat(2,1fr)}
  .leak-grid{grid-template-columns:1fr}
  .direction-list li{grid-template-columns:1fr auto;}
  .direction-list li>div{grid-column:1/-1}
  .delivery-grid{grid-template-columns:1fr}
  .mini-map{width:min(70%,300px)}
}
@media (max-width:620px){
  .offer-tools{display:flex}
  .offer-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;scrollbar-width:none}
  .offer-grid::-webkit-scrollbar{display:none}
  .offer{flex:0 0 82%;scroll-snap-align:start}
}
@media (max-width:560px){
  .shell{width:min(100% - 32px,1200px)}
  .brand img{height:32px}
  .hero h1{font-size:clamp(2.3rem,10.5vw,3.2rem)}
  .chapter h2{font-size:clamp(2.2rem,10vw,3rem)}
  .grid{grid-template-columns:1fr}
  .card{min-height:230px}
  .form{padding:20px}.form-step{grid-template-columns:1fr}.field.full{grid-column:auto}
  .selection,.footer-row{align-items:flex-start;flex-direction:column}
  .territory{max-width:150px;padding:.55rem .7rem .55rem 1.7rem}.territory small{display:none}
  [dir="rtl"] .territory{padding:.55rem 1.7rem .55rem .7rem}
  .territory-dot{inset-inline-start:.7rem;top:1rem}
  .territory-scale{left:30%}[dir="rtl"] .territory-scale{right:30%}
  .claims div{grid-template-columns:1fr;gap:4px}
  .leak-head{padding:22px 22px 6px}.leak-body{padding:0 22px 22px}
  .product-hero{padding-top:60px}
  .product-pager{flex-direction:column}
}

/* Motion preferences: everything stays usable, nothing moves on its own. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal,.js .reveal{opacity:1;transform:none}
  .atlas-map{will-change:auto}
}

/* Image budget: 1x screens get the 480 px art and a 960 px atlas; pillar and card art below the fold loads only when near the viewport (site.js adds .art-in; no-JS keeps it). */
@media (max-resolution:1.5dppx){.pillar-core:before{background-image:url("/assets/immersive/pillar-sovereign-core-v3-480.webp");background-image:image-set(url("/assets/immersive/pillar-sovereign-core-v3-480.avif") type("image/avif"),url("/assets/immersive/pillar-sovereign-core-v3-480.webp") type("image/webp"))}.pillar-care:before{background-image:url("/assets/immersive/pillar-tech-care-v3-480.webp");background-image:image-set(url("/assets/immersive/pillar-tech-care-v3-480.avif") type("image/avif"),url("/assets/immersive/pillar-tech-care-v3-480.webp") type("image/webp"))}.pillar-scale:before{background-image:url("/assets/immersive/pillar-scale-v3-480.webp");background-image:image-set(url("/assets/immersive/pillar-scale-v3-480.avif") type("image/avif"),url("/assets/immersive/pillar-scale-v3-480.webp") type("image/webp"))}.card[data-pillar="scale"]:before{background-image:url("/assets/immersive/pillar-scale-v3-480.webp");background-image:image-set(url("/assets/immersive/pillar-scale-v3-480.avif") type("image/avif"),url("/assets/immersive/pillar-scale-v3-480.webp") type("image/webp"))}.card[data-pillar="core"]:before{background-image:url("/assets/immersive/pillar-sovereign-core-v3-480.webp");background-image:image-set(url("/assets/immersive/pillar-sovereign-core-v3-480.avif") type("image/avif"),url("/assets/immersive/pillar-sovereign-core-v3-480.webp") type("image/webp"))}.card[data-pillar="care"]:before{background-image:url("/assets/immersive/pillar-tech-care-v3-480.webp");background-image:image-set(url("/assets/immersive/pillar-tech-care-v3-480.avif") type("image/avif"),url("/assets/immersive/pillar-tech-care-v3-480.webp") type("image/webp"))}}
@media (max-width:900px){.atlas-map{background-image:url("/assets/immersive/signal-atlas-hero-v3-960.webp");background-image:image-set(url("/assets/immersive/signal-atlas-hero-v3-960.avif") type("image/avif"),url("/assets/immersive/signal-atlas-hero-v3-960.webp") type("image/webp"))}}
.js .art-lazy:not(.art-in) .pillar:before,.js .art-lazy:not(.art-in) .card:before{background-image:none}
.brand picture,.territory-core-logo picture{display:contents}
/* Shared chrome on the proof and journey pages: brand plus language switch, no hamburger. */
.shared-header .page-nav{display:flex;align-items:center;gap:14px;margin-inline-start:auto}
.shared-footer{margin-top:64px}