/* ACADEMY by Titans — built on the SPACE design system of titans.global.
   Tokens mirror the --rd-* system (light default, dark via [data-theme=dark]). */

@font-face{font-family:Birzia;src:url(fonts/Birzia-Light.otf) format("opentype");font-weight:300;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F}
@font-face{font-family:Birzia;src:url(fonts/Birzia-Medium.otf) format("opentype");font-weight:400 500;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F}
@font-face{font-family:Birzia;src:url(fonts/Birzia-Bold.otf) format("opentype");font-weight:600 800;font-display:swap;unicode-range:U+0590-05FF,U+FB1D-FB4F}

:root{
  color-scheme:light;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  --canvas:#fff;
  --surface:#fff;
  --raised:#fff;
  --tint:#f6f6f6;
  --text:#1f1f1f;
  --tone:#757575;
  --muted:#646464;
  --border:#d9d9d9;
  --line:rgba(0,0,0,.12);
  --metal:linear-gradient(118deg,#1a1a1a 0%,#363636 28%,#575757 44%,#676767 48%,#494949 49%,#2c2c2c 69%,#4c4c4c 100%);
  --on-metal:#fff;
  --shadow-section:2px 4px 12px rgb(0 0 0 / .08);
  --shadow-soft:2px 4px 12px rgb(0 0 0 / .08);
  --shadow-lift:2px 4px 16px rgb(0 0 0 / .16);
  --glass:rgb(255 255 255 / .72);
  --glass-edge:rgb(31 31 31 / .08);
  --point:#EC6532;            /* SPACE signature point — the organization's colour */
  --flow:#E3A400;             /* amber path, as in the SPACE scenes */
  --flow-soft:rgb(227 164 0 / .14);
  --ok:#2f7a57;
  --radius-card:28px;
  --radius-panel:18px;
  --inset:clamp(12px,2vw,32px);
  --pad:clamp(24px,4.4vw,88px);
  --header-h:88px;
  --ease:cubic-bezier(.22,1,.36,1);
}
:root[data-theme=dark]{
  color-scheme:dark;
  --canvas:#0f0f0f;
  --surface:#050505;
  --raised:#0f0f0f;
  --tint:#0c0c0c;
  --text:#f8f8f8;
  --tone:#8a8a8a;
  --muted:#bdbdbd;
  --border:#303030;
  --line:rgba(255,255,255,.16);
  --metal:linear-gradient(118deg,#e5e5e5 0%,#b8b8b8 28%,#ededed 44%,#fff 48%,#bdbdbd 49%,#d0d0d0 69%,#f4f4f4 100%);
  --on-metal:#1f1f1f;
  --shadow-section:0 0 24px -4px rgb(255 255 255 / .085);
  --shadow-soft:2px 4px 12px rgb(255 255 255 / .045);
  --shadow-lift:2px 4px 16px rgb(255 255 255 / .07);
  --glass:rgb(7 7 7 / .7);
  --glass-edge:rgb(221 221 221 / .09);
  --flow:#FFC533;
  --flow-soft:rgb(255 197 51 / .14);
  --ok:#6fcf9f;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);scroll-padding-bottom:110px;background:var(--canvas);-webkit-text-size-adjust:100%}
html[lang|=he]{--font:Birzia,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.75;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:6px}
::selection{background:var(--text);color:var(--surface)}
.skip{position:absolute;inset-inline-start:16px;top:-80px;z-index:100;padding:10px 16px;border-radius:100px;background:var(--text);color:var(--surface);font-size:13px}
.skip:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Type ---------- */
h1,h2,h3,h4{font-weight:500;text-wrap:balance}
.eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;font-size:12px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.eyebrow b{font-weight:500;color:var(--text)}
.display{font-size:clamp(38px,4.6vw,72px);line-height:1.04;letter-spacing:-.05em}
.display span{display:block;color:var(--tone)}
.lead{font-size:clamp(16px,1.3vw,19px);line-height:1.75;color:var(--muted);max-width:60ch}
.note{font-size:12px;line-height:1.6;color:var(--muted)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:0}
.arrow{display:inline-block;transition:transform .3s var(--ease)}
a:hover>.arrow,button:hover>.arrow{transform:translate(2px,-2px)}
[dir=rtl] .arrow{transform:scaleX(-1)}
[dir=rtl] a:hover>.arrow,[dir=rtl] button:hover>.arrow{transform:scaleX(-1) translate(2px,-2px)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:12px 22px;border-radius:100px;font-size:14px;font-weight:500;line-height:1.2;background:var(--metal);color:var(--on-metal);box-shadow:var(--shadow-soft);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.btn:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--text)}
.link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;padding-block:6px;border-bottom:1px solid var(--border);transition:border-color .3s}
.link:hover{border-color:var(--text)}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:5px 14px;border-radius:100px;border:1px solid var(--border);font-size:13px;line-height:1.3;color:var(--text);background:transparent;transition:background .25s,color .25s,border-color .25s}
button.chip:hover{border-color:var(--text)}
.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--metal);color:var(--on-metal);border-color:transparent}
.chip.quiet{color:var(--muted)}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;gap:clamp(16px,3vw,48px);padding:16px clamp(20px,3vw,56px);transition:background-color .3s,box-shadow .3s,backdrop-filter .3s}
.header.scrolled{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 1px 0 var(--glass-edge)}
.brand{display:flex;align-items:center;flex:none;direction:ltr}
.brand img{height:26px;width:auto}
:root[data-theme=dark] .brand img{filter:brightness(0) invert(.96)}
.nav{display:flex;gap:clamp(14px,2vw,30px);margin-inline:auto;font-size:13px;font-weight:500}
.nav a{padding:8px 2px;color:var(--muted);transition:color .25s}
.nav a:hover,.nav a[aria-current=true]{color:var(--text)}
.tools{display:flex;align-items:center;gap:8px;flex:none}
.tool{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);transition:border-color .25s}
.tool:hover{border-color:var(--text)}
.tool svg{width:16px;height:16px}
.lang{position:relative;display:flex;align-items:center}
.lang select{appearance:none;-webkit-appearance:none;height:38px;padding:0 30px 0 14px;border-radius:100px;border:1px solid var(--border);background:transparent;font-size:12px;font-weight:500;letter-spacing:.06em;cursor:pointer;max-width:76px}
[dir=rtl] .lang select{padding:0 14px 0 30px}
.lang svg{position:absolute;inset-inline-end:11px;width:12px;height:12px;pointer-events:none}

/* ---------- Page & surfaces ---------- */
.page{max-width:1920px;margin-inline:auto;padding:8px var(--inset) 150px;display:grid;gap:32px}
.surface{position:relative;background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-section);padding:clamp(48px,6vw,100px) var(--pad);overflow:hidden;min-width:0}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px clamp(32px,5vw,96px);align-items:end;margin-bottom:clamp(36px,4.5vw,64px)}
.section-head .eyebrow{grid-column:1/-1;margin-bottom:4px}
.section-head.center{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.section-head.center .eyebrow{justify-content:center}
.rule{border:0;border-top:1px solid var(--border);margin:clamp(36px,4.5vw,64px) 0}
.sub-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px clamp(32px,5vw,96px);align-items:start;margin-bottom:28px}
.sub-head h3{font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.035em}
.sub-head p{color:var(--muted);max-width:62ch}
.sub-head .eyebrow{grid-column:1/-1}

/* ---------- Hero ---------- */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,56px);align-items:center;padding-block:clamp(40px,5vw,72px) clamp(32px,3.4vw,48px);min-height:min(860px,calc(100svh - var(--header-h) - 20px))}
.crumb{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;letter-spacing:.06em;color:var(--muted);margin-bottom:clamp(28px,3vw,44px)}
.crumb a{border-bottom:1px solid transparent;transition:border-color .25s,color .25s}
.crumb a:hover{color:var(--text);border-color:var(--text)}
.crumb [aria-current]{color:var(--text)}
.hero-brand{display:flex;align-items:center;gap:18px;margin-bottom:clamp(24px,2.6vw,40px);direction:ltr}
.hero-brand svg{height:clamp(24px,2.2vw,32px);width:auto;--accent:var(--point)}
.hero-brand span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.hero h1{font-size:clamp(42px,4.7vw,80px);line-height:1.03;letter-spacing:-.055em}
.hero h1 span{display:block}
.hero h1 span+span{color:var(--tone)}
.hero .lead{margin-top:26px;max-width:46ch}
.domain-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:clamp(28px,3vw,44px);max-width:560px}
.domain-links a{display:flex;align-items:baseline;gap:12px;padding:15px 0;border-top:1px solid var(--border);font-size:15px;font-weight:500;transition:padding .3s var(--ease)}
.domain-links a:hover{padding-inline-start:8px}
.domain-links small{font-size:10px;color:var(--muted);letter-spacing:.06em}
.domain-links i{margin-inline-start:auto;font-style:normal;color:var(--muted)}
.hero-visual{position:relative;min-width:0}
.hero-copy{position:relative;z-index:1;min-width:0}
.hero-visual img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;transform:scale(1.3);transform-origin:82% 50%}
.hero-visual figcaption{position:absolute;inset-inline-end:0;bottom:-6%;font-size:11px;letter-spacing:.06em;color:var(--muted)}
.only-dark{display:none!important}
:root[data-theme=dark] .only-dark{display:block!important}
:root[data-theme=dark] .only-light{display:none!important}
.hero-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:22px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}
.hero-facts li{display:flex;gap:14px;align-items:baseline}
.hero-facts span{font-size:10px;letter-spacing:.08em}

/* ---------- Domain chapters ---------- */
.chapter-top{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(20px,3vw,56px);align-items:center}
.chapter-copy{position:relative;z-index:1;min-width:0}
.chapter h2{font-size:clamp(56px,5.8vw,108px);line-height:1;letter-spacing:-.055em;margin-top:16px;direction:ltr;text-align:start}
.chapter h3.tagline{font-size:clamp(24px,2.3vw,36px);line-height:1.15;letter-spacing:-.035em;margin-top:22px;max-width:23ch}
.chapter .lead{margin-top:22px;max-width:50ch}
.scene{position:relative;margin-inline-end:calc(var(--pad) * -1);aspect-ratio:16/9;min-width:0}
.scene img{width:100%;height:100%;object-fit:cover;object-position:70% center;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);
  mask-composite:intersect}
[dir=rtl] .scene img{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(to left,transparent 0,#000 18%),linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}
.scene figcaption{position:absolute;bottom:10px;inset-inline-end:var(--pad);font-size:10px;color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:clamp(36px,4vw,56px)}
.features.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.features>li,.features>article{padding-top:22px;border-top:1px solid var(--border)}
.features .n{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:14px}
.features h4{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin-bottom:10px}
.features p{font-size:14px;line-height:1.65;color:var(--muted)}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(32px,3.6vw,48px);padding-top:26px;border-top:1px solid var(--border)}
.flow li{position:relative;padding-inline-end:30px}
.flow span{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.flow p{margin-top:12px;font-size:15px;line-height:1.5}
.flow p b{font-weight:500;color:var(--muted);font-size:11px;letter-spacing:.1em;display:block;margin-bottom:2px}
.flow li::after{content:"→";position:absolute;inset-inline-end:4px;top:30px;color:var(--muted)}
.flow li:last-child::after{display:none}
[dir=rtl] .flow li::after{content:"←"}

/* ---------- Example windows ---------- */
.example{margin-top:clamp(36px,4vw,56px)}
.example-head{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;margin-bottom:16px}
.win{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised);box-shadow:var(--shadow-soft);overflow:hidden}
.win-bar{display:flex;align-items:center;gap:14px;padding:13px 20px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.win-bar .mark{width:16px;height:16px;flex:none;color:var(--text)}
.win-bar b{font-weight:500;color:var(--text);letter-spacing:.14em;font-size:11px}
.win-bar .end{margin-inline-start:auto;font-size:11px}
.win-body{padding:clamp(18px,2.2vw,30px)}
.win-foot{display:flex;justify-content:space-between;gap:16px;padding:11px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}
.dot.point{background:var(--point)}
.dot.amber{background:var(--flow);box-shadow:0 0 0 4px var(--flow-soft)}
.dot.ok{background:var(--ok)}

/* Foundry */
.fx{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(18px,2.2vw,30px)}
.fx h4{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.03em;line-height:1.2;margin:6px 0 20px}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kpi{padding:16px;border:1px solid var(--border);border-radius:14px}
.kpi b{display:block;font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1;letter-spacing:-.04em}
.kpi span{display:block;margin-top:8px;font-size:12px;color:var(--muted);line-height:1.4}
.spark{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:14px}
.spark-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}
.spark svg{width:100%;height:84px;overflow:visible}
.spark polyline{fill:none;stroke:var(--text);stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.spark .area{fill:var(--tint);stroke:none}
.spark circle{fill:var(--flow)}
.rows{width:100%;border-collapse:collapse;font-size:13px}
.rows th{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:start;padding:0 0 10px}
.rows td{padding:12px 0;border-top:1px solid var(--border);vertical-align:top}
.rows td:first-child{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;padding-inline-end:14px}
.rows td:last-child{color:var(--muted)}
.insight{margin-top:16px;padding:16px;border-radius:14px;background:var(--tint);border-inline-start:2px solid var(--flow)}
.insight p{font-size:14px;line-height:1.6}
.insight .note{display:block;margin-bottom:6px;letter-spacing:.1em;text-transform:uppercase;font-size:10px}

/* Command */
.cx{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(18px,2.2vw,30px);align-items:stretch}
.schem{position:relative;border:1px solid var(--border);border-radius:14px;min-height:320px;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;overflow:hidden}
.schem svg{position:absolute;inset:0;width:100%;height:100%}
.schem line{stroke:var(--border);stroke-width:1.2;vector-effect:non-scaling-stroke}
.schem line.hot{stroke:var(--flow);stroke-dasharray:5 5;animation:dash 1.4s linear infinite}
@keyframes dash{to{stroke-dashoffset:-20}}
.asset{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:6px;padding:10px 14px;border-radius:14px;border:1px solid var(--border);background:var(--raised);font-size:12px;line-height:1.3;min-width:118px;transition:border-color .25s,box-shadow .25s}
.asset code{font-family:var(--mono);font-size:11px;color:var(--muted)}
.asset:hover{border-color:var(--text)}
.asset[aria-pressed=true]{border-color:var(--text);box-shadow:var(--shadow-lift)}
.asset[data-tone=attention] .dot{background:var(--point);box-shadow:0 0 0 4px color-mix(in srgb,var(--point) 18%,transparent)}
.asset-panel{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid var(--border);border-radius:14px}
.asset-panel h4{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.03em;line-height:1.2}
.asset-panel dl{display:grid;gap:14px;margin-top:auto}
.asset-panel dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.asset-panel dd{font-size:14px;line-height:1.5}
.state{display:inline-flex;align-items:center;gap:8px;font-size:13px}

/* AI */
.ax{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(18px,2.2vw,30px)}
.ax-tasks{display:grid;gap:8px;align-content:start}
.ax-tasks button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;font-size:14px;text-align:start;transition:border-color .25s,background .25s}
.ax-tasks button:hover{border-color:var(--text)}
.ax-tasks button[aria-pressed=true]{border-color:var(--text);background:var(--tint)}
.ax-main{display:grid;gap:12px;align-content:start}
.prompt{padding:16px 18px;border:1px solid var(--border);border-radius:14px;font-size:clamp(16px,1.4vw,20px);letter-spacing:-.02em;line-height:1.4}
.ax-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cell{padding:14px 16px;border:1px solid var(--border);border-radius:14px}
.cell .note{display:block;letter-spacing:.1em;text-transform:uppercase;font-size:10px;margin-bottom:6px}
.cell p{font-size:14px;line-height:1.5}
.cell.result{grid-column:1/-1;background:var(--tint);border-color:transparent;border-inline-start:2px solid var(--flow);display:flex;gap:12px;align-items:baseline}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.tier{padding:22px;border:1px solid var(--border);border-radius:var(--radius-panel);display:flex;flex-direction:column;gap:12px}
.tier .chip{align-self:start;min-height:26px;font-size:11px;letter-spacing:.06em}
.tier h4{font-size:19px;line-height:1.3;letter-spacing:-.02em}
.tier p{font-size:14px;line-height:1.65;color:var(--muted)}
.tier .note{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}
.gov-teaser{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:clamp(32px,3.6vw,48px);padding:18px 22px;border-radius:var(--radius-panel);background:var(--tint)}
.gov-teaser p{display:flex;align-items:center;gap:12px;font-size:15px}

/* Code */
.kx{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(18px,2.2vw,30px)}
.code{margin:0;padding:20px 22px;border-radius:14px;background:#0b0b0b;color:#e9e9e9;font-family:var(--mono);font-size:13px;line-height:1.9;overflow-x:auto;direction:ltr;text-align:left;border:1px solid #262626}
.code .ln{display:block;padding-inline:8px;border-radius:6px;transition:background .3s,color .3s;white-space:pre}
.code .c{color:#7d7d7d}
.code .k{color:#bdbdbd}
.code .ln.on{background:rgb(255 197 51 / .13);color:#ffd668}
.kx-side{display:flex;flex-direction:column;gap:12px}
.steps{display:grid;gap:0;border:1px solid var(--border);border-radius:14px;padding:6px 16px}
.steps li{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:14px;color:var(--muted);border-top:1px solid var(--border);transition:color .3s}
.steps li:first-child{border-top:0}
.steps li i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);font-style:normal;font-size:10px;flex:none;transition:all .3s}
.steps li.done{color:var(--text)}
.steps li.done i{background:var(--flow);border-color:var(--flow);color:#1f1f1f}
.preview{padding:16px;border:1px dashed var(--border);border-radius:14px;display:flex;gap:14px;align-items:center;transition:border-color .4s,background .4s}
.preview.ready{border-style:solid;border-color:var(--text);background:var(--tint)}
.preview b{display:block;font-weight:500;font-size:14px}
.preview span{font-size:12px;color:var(--muted)}
.preview .glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);flex:none}

/* ---------- Governance · Aidome ---------- */
.gov-brand{display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.gov-brand svg{height:15px;width:auto;color:var(--text);--accent:var(--point)}
.gov-brand i{font-style:normal;color:var(--muted)}
.gov-brand b{font-weight:600;color:var(--text);letter-spacing:.1em}
.diagram{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1.25fr) 56px minmax(0,1fr);align-items:stretch;gap:0;margin-top:8px}
.dg-col{border:1px solid var(--border);border-radius:var(--radius-panel);padding:20px;display:flex;flex-direction:column;gap:10px;background:var(--raised);min-width:0}
.dg-col>.note{letter-spacing:.12em;text-transform:uppercase;font-size:10px;margin-bottom:6px;display:flex;justify-content:space-between;gap:10px}
.dg-node{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;line-height:1.3;transition:border-color .35s,background .35s,box-shadow .35s,color .35s}
.dg-node small{display:block;font-size:11px;color:var(--muted);transition:color .35s}
.dg-node .dot{transition:background .35s,box-shadow .35s}
.dg-node.on{border-color:var(--flow);background:var(--flow-soft);box-shadow:0 0 0 3px var(--flow-soft)}
.dg-node.on .dot{background:var(--flow)}
.dg-core{background:var(--metal);color:var(--on-metal);border-color:transparent;box-shadow:var(--shadow-lift)}
.dg-core>.note{color:inherit;opacity:.75}
.dg-core .dg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1}
.dg-core .dg-node{border-color:color-mix(in srgb,var(--on-metal) 24%,transparent);background:color-mix(in srgb,var(--on-metal) 7%,transparent);align-items:flex-start;flex-direction:column;gap:4px}
.dg-core .dg-node small{color:inherit;opacity:.7}
.dg-core .dg-node.on{border-color:var(--flow);background:color-mix(in srgb,var(--flow) 26%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--flow) 22%,transparent)}
.dg-core .dg-node.wide{grid-column:1/-1}
.dg-link{position:relative;display:grid;place-items:center}
.dg-link::before{content:"";position:absolute;inset-inline:6px;top:50%;border-top:1px dashed var(--muted);opacity:.6}
.dg-link i{position:relative;width:9px;height:9px;border-radius:50%;background:var(--flow);box-shadow:0 0 0 5px var(--flow-soft);animation:travel 2.4s var(--ease) infinite}
@keyframes travel{0%{transform:translateX(-20px);opacity:0}25%,75%{opacity:1}100%{transform:translateX(20px);opacity:0}}
[dir=rtl] .dg-link i{animation-direction:reverse}
.journey{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2.6vw,40px);margin-top:20px;padding:clamp(18px,2.2vw,28px);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised)}
.journey-steps{display:grid;gap:6px;align-content:start}
.journey-steps button{display:flex;align-items:center;gap:14px;width:100%;padding:11px 14px;border-radius:12px;font-size:14px;text-align:start;color:var(--muted);transition:background .25s,color .25s}
.journey-steps button span{font-size:10px;letter-spacing:.08em;width:18px;flex:none}
.journey-steps button:hover{color:var(--text)}
.journey-steps button[aria-selected=true]{background:var(--tint);color:var(--text)}
.journey-steps button[aria-selected=true] span{color:var(--flow)}
.journey-detail{display:flex;flex-direction:column;gap:14px;min-height:190px}
.journey-detail h4{font-size:clamp(20px,1.9vw,27px);line-height:1.2;letter-spacing:-.03em}
.journey-detail p{color:var(--muted);font-size:15px;line-height:1.65;max-width:58ch}
.log{margin-top:auto;padding:12px 16px;border-radius:12px;background:#0b0b0b;color:#e9e9e9;font-family:var(--mono);font-size:12px;line-height:1.7;direction:ltr;text-align:left;overflow-x:auto;white-space:nowrap;border:1px solid #262626}
.log em{font-style:normal;color:#ffd668}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.benefit{padding:24px 0 30px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}
.benefit .n{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.benefit h4{font-size:21px;line-height:1.25;letter-spacing:-.025em}
.benefit p{font-size:14px;line-height:1.65;color:var(--muted)}
.benefit .in-space{margin-top:auto;padding-top:12px;display:flex;gap:10px;align-items:baseline;font-size:13px;line-height:1.5;color:var(--text)}
.benefit .in-space .dot{transform:translateY(-1px)}
.meet{display:grid;gap:0;border-top:1px solid var(--border)}
.meet li{display:grid;grid-template-columns:minmax(120px,.5fr) minmax(0,1fr) minmax(0,1.2fr);gap:10px 28px;padding:20px 0;border-bottom:1px solid var(--border);align-items:baseline}
.meet b{font-size:clamp(22px,2vw,30px);font-weight:500;letter-spacing:-.035em;line-height:1.1}
.meet span{font-size:15px;line-height:1.5}
.meet p{font-size:14px;line-height:1.65;color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stat{padding:24px;border:1px solid var(--border);border-radius:var(--radius-panel)}
.stat b{display:block;font-size:clamp(40px,4.4vw,68px);font-weight:500;line-height:1;letter-spacing:-.05em}
.stat span{display:block;margin-top:14px;font-size:14px;line-height:1.55;color:var(--muted)}
.gov-foot{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;margin-top:clamp(32px,3.6vw,48px)}

/* ---------- Platform tour ---------- */
.tour{max-width:1180px;margin-inline:auto}
.tour-tabs{display:flex;gap:6px;padding:14px 20px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.tour-tabs::-webkit-scrollbar{display:none}
.tour-tabs .chip{flex:none;border-color:transparent;color:var(--muted)}
.tour-tabs .chip[aria-selected=true]{color:var(--on-metal)}
.tour-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;padding:clamp(22px,3vw,44px)}
.tour-body h3{font-size:clamp(26px,2.8vw,42px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 16px}
.tour-body p{color:var(--muted);max-width:52ch}
.tour-points{display:grid;gap:10px;margin-top:22px}
.tour-points li{display:flex;align-items:center;gap:12px;font-size:14px}
.iso{width:100%;height:auto;max-height:340px}
.iso .plate{fill:var(--surface);stroke:var(--text);stroke-width:1;vector-effect:non-scaling-stroke}
.iso .under{fill:var(--tint);stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke}
.iso .grid{stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke;fill:none}
.iso .node{fill:var(--muted);transition:fill .4s,r .4s}
.iso .node.on{fill:var(--flow)}
.iso .halo{fill:var(--flow-soft);opacity:0;transition:opacity .4s}
.iso .halo.on{opacity:1}
.iso .path{fill:none;stroke:var(--flow);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:4 5;animation:dash 1.4s linear infinite}

/* ---------- Tailored ---------- */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{padding:26px;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised);box-shadow:var(--shadow-soft);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.card svg{width:26px;height:26px;margin-bottom:22px}
.card h4{font-size:20px;letter-spacing:-.02em;line-height:1.3;margin-bottom:8px}
.card p{font-size:14px;line-height:1.65;color:var(--muted)}
.statement{margin-top:28px;text-align:center;font-size:15px;font-weight:500}

/* ---------- Integrations ---------- */
.brands{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden;margin-top:18px;background:var(--border);gap:1px}
.brands li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 10px 16px;background:var(--raised);text-align:center;min-height:128px;transition:opacity .35s}
.brands li[hidden]{display:none}
.brands .logo{height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.brands img{max-width:96px;max-height:30px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.82;transition:filter .3s,opacity .3s}
:root[data-theme=dark] .brands img{filter:grayscale(1) invert(1) brightness(1.5);opacity:.9}
.brands li:hover img{filter:none;opacity:1}
:root[data-theme=dark] .brands li:hover img{filter:grayscale(1) invert(1) brightness(1.8)}
.brands span{font-size:13px;font-weight:500;line-height:1.3}
.brands small{font-size:9px;letter-spacing:.1em;color:var(--muted)}
.brands-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:12px;font-size:11px;letter-spacing:.06em;color:var(--muted)}
.ctx{margin-top:8px;padding:clamp(20px,3vw,40px);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px}
.ctx-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ctx-row.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.ctx-row div{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 10px;border:1px solid var(--border);border-radius:12px;background:var(--raised);font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.ctx-mid{position:relative;display:grid;place-items:center;padding:34px 0}
.ctx-mid::before{content:"";position:absolute;inset-block:0;inset-inline-start:50%;border-inline-start:1px dashed var(--flow)}
.ctx-mid b{position:relative;padding:12px 26px;border-radius:100px;background:var(--metal);color:var(--on-metal);font-size:12px;font-weight:500;letter-spacing:.14em;box-shadow:var(--shadow-lift);text-align:center}
.ctx-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-bottom:22px;font-size:13px}

/* ---------- Deploy ---------- */
.deploy li{display:grid;grid-template-columns:44px minmax(0,.9fr) minmax(0,1.4fr) auto;gap:8px 24px;align-items:baseline;padding:22px 0;border-top:1px solid var(--border)}
.deploy li:last-child{border-bottom:1px solid var(--border)}
.deploy .n{font-size:11px;letter-spacing:.08em;color:var(--muted)}
.deploy h4{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.03em;line-height:1.25}
.deploy h4 span{color:var(--tone)}
.deploy p{font-size:15px;line-height:1.65;color:var(--muted)}

/* ---------- Use cases ---------- */
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}
.use{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(20px,3vw,56px);align-items:center;padding:clamp(24px,3.4vw,52px);border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised);box-shadow:var(--shadow-soft);max-width:1180px;margin-inline:auto}
.use h3{font-size:clamp(26px,2.8vw,42px);line-height:1.1;letter-spacing:-.04em;margin:10px 0 14px}
.use p{color:var(--muted);max-width:56ch}
.use .chips{margin-top:22px}
.use-art{display:flex;align-items:center;justify-content:center;gap:0}
.use-art span{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;border:1px solid var(--border);background:var(--raised)}
.use-art span.mid{width:84px;height:84px;border-radius:24px;border-color:var(--text);box-shadow:var(--shadow-lift)}
.use-art svg{width:24px;height:24px}
.use-art span.mid svg{width:34px;height:34px}
.use-art i{width:34px;border-top:1px dashed var(--flow)}

/* ---------- Brand ---------- */
.identity{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden;background:var(--raised)}
.identity>div{display:grid;place-items:center;align-content:center;gap:22px;padding:clamp(32px,5vw,72px) 24px;min-height:300px}
.identity>div+div{border-inline-start:1px solid var(--border);border-bottom:3px solid var(--point);transition:border-color .4s}
.identity .symbol{width:clamp(88px,9vw,130px);height:auto}
.identity{--t-fill:var(--point)}
.identity.reveal{--t-op:1}
.identity .logo{width:min(360px,70%);height:auto;--accent:var(--point)}
.identity p{font-size:13px;color:var(--muted);text-align:center}
.swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.swatches button{width:24px;height:24px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px var(--line);transition:transform .25s}
.swatches button:hover{transform:scale(1.12)}
.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--text)}
.swatches code{font-family:var(--mono);font-size:12px;color:var(--muted);margin-inline-start:6px}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:clamp(18px,1.7vw,24px);font-weight:500;letter-spacing:-.025em;line-height:1.3;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:300;font-size:24px;color:var(--muted);transition:transform .3s var(--ease);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 26px;max-width:76ch;color:var(--muted)}

/* ---------- Closing & footer ---------- */
.closing{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,72px);align-items:center}
.closing .orbit{justify-self:center;width:min(280px,70%);height:auto}
.closing .orbit ellipse{fill:none;stroke:var(--border);vector-effect:non-scaling-stroke}
.closing .lead{margin-top:20px}
.footer{padding:clamp(36px,4vw,56px) var(--pad) 40px}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));gap:32px}
.footer h5{margin:0 0 14px;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.footer li{margin-bottom:8px;font-size:14px}
.footer li a{border-bottom:1px solid transparent;transition:border-color .25s}
.footer li a:hover{border-color:var(--text)}
.footer .brand img{height:24px}
.footer-line{margin-top:16px;font-size:13px;color:var(--muted)}
.footer-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:36px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}

/* ---------- Dock ---------- */
.dock{position:fixed;z-index:50;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,0);display:flex;align-items:center;gap:6px;max-width:calc(100vw - 24px);padding:7px;border-radius:100px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 10px 40px rgb(0 0 0 / .16);transition:transform .5s var(--ease),opacity .4s}
.dock[data-hidden=true]{transform:translate(-50%,140%);opacity:0;pointer-events:none}
.dock-scroll{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-radius:100px}
.dock-scroll::-webkit-scrollbar{display:none}
.dock a{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:8px 15px;border-radius:100px;font-size:13px;font-weight:500;white-space:nowrap;color:var(--text);transition:background .25s,color .25s}
.dock a:hover{background:var(--tint)}
.dock a[aria-current=true]{background:var(--metal);color:var(--on-metal)}
.dock .sep{width:1px;height:22px;background:var(--border);flex:none}
.dock .up{width:38px;padding:0;justify-content:center;color:var(--muted)}
.dock .cta{background:var(--metal);color:var(--on-metal)}

/* ---------- Motion ---------- */
.js .reveal-up{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal-up.in{opacity:1;transform:none}
.swap{animation:swap .45s var(--ease)}
@keyframes swap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal-up{opacity:1;transform:none}
}

/* ---------- RTL & Hebrew ---------- */
html[lang|=he] .eyebrow,html[lang|=he] .note,html[lang|=he] .crumb,html[lang|=he] .footer h5,html[lang|=he] .rows th,html[lang|=he] .asset-panel dt,html[lang|=he] .ctx-row div,html[lang|=he] .ctx-mid b,html[lang|=he] .features .n{letter-spacing:.03em}
html[lang|=he] .hero h1,html[lang|=he] .display{letter-spacing:-.03em;line-height:1.1}
html[lang|=he] .chapter h3.tagline,html[lang|=he] .sub-head h3,html[lang|=he] .tour-body h3,html[lang|=he] .use h3,html[lang|=he] .journey-detail h4,html[lang|=he] .faq summary,html[lang|=he] .benefit h4,html[lang|=he] .meet b{letter-spacing:-.015em}
html[lang|=he] .stat b,html[lang|=he] .kpi b{letter-spacing:-.02em}
[dir=rtl] .hero-brand,[dir=rtl] .footer .brand{justify-content:flex-end}
[dir=rtl] .chapter h2{text-align:right}
[dir=rtl] .hero-visual img{transform-origin:18% 50%}
[dir=rtl] .scene img{object-position:30% center}
[dir=rtl] .gov-brand svg,[dir=rtl] .win-bar b{direction:ltr}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .nav{display:none}
  .tools{margin-inline-start:auto}
  .features.four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brands{grid-template-columns:repeat(4,minmax(0,1fr))}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagram{grid-template-columns:minmax(0,1fr);gap:0}
  .dg-link{height:44px}
  .dg-link::before{inset-inline:auto;inset-block:6px;top:6px;left:50%;border-top:0;border-left:1px dashed var(--muted)}
  .dg-link i,[dir=rtl] .dg-link i{animation-name:travel-y;animation-direction:normal}
  @keyframes travel-y{0%{transform:translateY(-14px);opacity:0}25%,75%{opacity:1}100%{transform:translateY(14px);opacity:0}}
  .deploy li{grid-template-columns:44px minmax(0,1fr)}
  .deploy li>:nth-child(n+3){grid-column:2}
}
@media (max-width:860px){
  :root{--header-h:72px;--radius-card:22px}
  .page{gap:16px;padding-top:4px}
  .hero,.chapter-top,.section-head,.sub-head,.fx,.cx,.ax,.kx,.journey,.tour-body,.use,.closing,.identity{grid-template-columns:minmax(0,1fr)}
  .hero{min-height:0}
  .hero-visual{margin-inline:calc(var(--pad) * -.5);order:2}
  .hero-visual figcaption{inset-inline-end:calc(var(--pad) * .5)}
  .hero-facts{grid-template-columns:minmax(0,1fr);gap:8px;order:3}
  .scene{margin-inline:calc(var(--pad) * -1);order:-1}
  .scene img,[dir=rtl] .scene img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%)}
  .features,.features.four,.tiers,.cards,.stats{grid-template-columns:minmax(0,1fr);gap:0}
  .tiers,.cards,.stats{gap:12px}
  .features>li{padding-bottom:22px}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .flow li:nth-child(2)::after{display:none}
  .benefits{grid-template-columns:minmax(0,1fr)}
  .meet li{grid-template-columns:minmax(0,1fr);gap:6px}
  .brands{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ctx-row,.ctx-row.five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .identity>div+div{border-inline-start:0;border-top:1px solid var(--border)}
  .closing .orbit{width:160px;justify-self:start}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid>:first-child{grid-column:1/-1}
  .use-art{justify-content:flex-start}
  .tour-body .iso{max-height:220px}
  .schem{min-height:300px}
  .dock{left:12px;right:12px;transform:none;max-width:none}
  .dock[data-hidden=true]{transform:translateY(140%)}
  .dock-scroll{flex:1}
}
@media (max-width:520px){
  .header{padding-inline:16px}
  .brand img{height:22px}
  .domain-links{grid-template-columns:minmax(0,1fr)}
  .kpis{grid-template-columns:minmax(0,1fr)}
  .kpi{display:flex;align-items:baseline;gap:12px}
  .kpi span{margin-top:0}
  .ax-grid{grid-template-columns:minmax(0,1fr)}
  .brands{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dg-core .dg-grid{grid-template-columns:minmax(0,1fr)}
  .asset{min-width:0;max-width:108px;padding:8px 9px;font-size:11px}
  .win-bar{padding-inline:16px;gap:10px}
  .win-bar .end{display:none}
  .win-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .chapter h2{font-size:clamp(52px,16vw,84px)}
}

/* =====================================================================
   ACADEMY — additions on top of the shared SPACE system
   ===================================================================== */
:root{
  --pl-top:#f7f7f7;--pl-side-l:#e4e4e4;--pl-side-r:#eeeeee;--pl-line:#8c8c8c;--pl-grid:#dadada;--pl-ink:#2b2b2b;
  --pl-shadow:rgb(0 0 0 / .1);--ln:#bdbdbd;
}
:root[data-theme=dark]{
  --pl-top:#131313;--pl-side-l:#090909;--pl-side-r:#0e0e0e;--pl-line:#7c7c7c;--pl-grid:#2b2b2b;--pl-ink:#ededed;
  --pl-shadow:rgb(255 255 255 / .06);--ln:#3d3d3d;
}

/* ---------- Isometric primitives ---------- */
.iso-svg{width:100%;height:auto;overflow:visible;font-family:var(--font)}
.pl-top{fill:var(--pl-top);stroke:var(--pl-line);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pl-side{stroke:var(--pl-line);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pl-side.l{fill:var(--pl-side-l)}
.pl-side.r{fill:var(--pl-side-r)}
.pl-grid{fill:none;stroke:var(--pl-grid);stroke-width:1;vector-effect:non-scaling-stroke}
.pl-shadow{fill:var(--pl-shadow);filter:blur(10px)}
.pl-stem{stroke:var(--pl-line);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
.pl-foot{fill:var(--pl-line)}
.pl-icon path{fill:none;stroke:var(--pl-ink);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.pl-icon-bg{fill:var(--surface);opacity:.001}
.pl-label{font-size:11.5px;fill:var(--muted);letter-spacing:.04em}
.pl-label.wide{font-size:17px;letter-spacing:.34em;fill:var(--text);font-weight:500}
.pl-sub{font-size:10px;fill:var(--tone);letter-spacing:.04em}
.pl.core .pl-top{stroke:var(--text)}
.pl.hot .pl-top{stroke:var(--flow)}
.pl.hot .pl-icon path{stroke:var(--text)}
.bx-t{fill:var(--pl-top);stroke:var(--pl-line);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bx-l{fill:var(--pl-side-l);stroke:var(--pl-line);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bx-r{fill:var(--pl-side-r);stroke:var(--pl-line);stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.bx-win{fill:none;stroke:var(--pl-grid);stroke-width:1;vector-effect:non-scaling-stroke}
.ln{stroke:var(--ln);stroke-width:1;vector-effect:non-scaling-stroke}
.ln.dash{stroke-dasharray:3 4}
.ln.hot{stroke:var(--flow)}
.pu{opacity:0;pointer-events:none}
.pu-dot{fill:var(--flow)}
.pu-halo{fill:var(--flow);opacity:.22}
.pu.on{animation:pu var(--d,2.6s) linear var(--w,0s) infinite both}
@keyframes pu{0%{transform:translate(var(--x1),var(--y1));opacity:0}10%{opacity:1}88%{opacity:1}100%{transform:translate(var(--x2),var(--y2));opacity:0}}

/* ---------- Hero film ---------- */
.film{position:relative;display:grid;gap:6px;min-width:0;margin:0}
.film-cap{display:grid;gap:6px;min-height:118px;align-content:start;max-width:440px;margin-inline-start:auto;padding-inline-start:8px}
.film-idx{font-size:10px;letter-spacing:.14em;color:var(--muted)}
.film-title{font-size:clamp(18px,1.5vw,22px);font-weight:500;letter-spacing:-.02em;line-height:1.25}
.film-text{font-size:14px;line-height:1.6;color:var(--muted)}
.film-svg [data-ch]{opacity:0;transition:opacity .8s var(--ease)}
.film-svg [data-ch].on{opacity:1}
.film-svg .pu[data-ch]{transition:none}
.film-svg .pu[data-ch].on{opacity:1}
.film-graph .g-plane{fill:color-mix(in srgb,var(--surface) 70%,transparent);stroke:var(--pl-line);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
.film-graph .g-edge{stroke:var(--pl-line);stroke-width:1;vector-effect:non-scaling-stroke}
.film-graph .g-node{fill:var(--text)}
.film-graph .g-node.hot{fill:var(--flow)}
.film-graph .g-halo{fill:var(--flow);opacity:.22}
.film-ring{fill:none;stroke:var(--flow);stroke-width:1.4;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;animation:dash 1.4s linear infinite}
.film-token circle{fill:var(--surface);stroke:var(--flow);stroke-width:1.4;vector-effect:non-scaling-stroke}
.film-token path{fill:var(--flow)}
.film-ctl{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.film-play{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);flex:none;transition:border-color .25s}
.film-play:hover{border-color:var(--text)}
.film-play svg{width:12px;height:12px}
.film[data-playing=true] .i-play,.film[data-playing=false] .i-pause{display:none}
.film-bars{display:flex;gap:6px;flex:1;max-width:300px}
.film-bars button{position:relative;flex:1;height:22px}
.film-bars button::before{content:"";position:absolute;inset-inline:0;top:10px;height:2px;border-radius:2px;background:var(--border)}
.film-bars button i{position:absolute;inset-inline-start:0;top:10px;height:2px;border-radius:2px;background:var(--text);width:0}
.film-bars button.done i{width:100%}
.film[data-playing=true] .film-bars button.now i{animation:bar var(--film-ms,5200ms) linear forwards}
.film[data-playing=false] .film-bars button.now i{width:100%;background:var(--flow)}
@keyframes bar{from{width:0}to{width:100%}}
.film-note{margin-inline-end:auto;font-size:11px;letter-spacing:.06em;color:var(--muted)}
.film-svg .pl-label{font-size:12px}

/* ---------- Header additions ---------- */
.tool.wide{display:inline-flex;align-items:center;width:auto;gap:8px;padding:0 15px 0 12px;border-radius:100px;font-size:12px;font-weight:500;letter-spacing:.05em}
.tool.wide svg{width:11px;height:11px}

/* ---------- Chapter scenes (live isometric) ---------- */
.scene-iso{position:relative;margin:0;min-width:0}
.scene-iso svg{display:block;width:100%;height:auto}
.scene-iso .pl-label{font-size:12px}
.sc-tag{font-size:11.500px;fill:var(--muted);letter-spacing:.04em}
.sc-tag.strong{fill:var(--text);font-weight:500}
.sc-lead{stroke:var(--pl-line);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
.sc-thread{fill:none;stroke:var(--flow);stroke-width:1.500;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;animation:dash 1.400s linear infinite}
.sc-node{fill:var(--pl-line)}
.sc-node.hot{fill:var(--flow)}
.sc-halo{fill:var(--flow);opacity:.2}
.sc-ui rect,.sc-ui path{fill:none;stroke:var(--pl-line);stroke-width:1;vector-effect:non-scaling-stroke}
.sc-ui .fillable{fill:var(--pl-grid);stroke:none}
.bx.hot .bx-t,.bx.hot .bx-l,.bx.hot .bx-r{stroke:var(--flow)}
.bx.hot .bx-t{fill:color-mix(in srgb,var(--flow) 26%,var(--pl-top))}
.bx.hot .bx-win{stroke:var(--flow);opacity:.7}
.bx.idle .bx-t,.bx.idle .bx-l,.bx.idle .bx-r{stroke-dasharray:3 3}
.powered{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.powered svg{height:13px;width:auto;color:var(--text);--accent:var(--point)}
.powered b{font-weight:500;color:var(--text);letter-spacing:.16em;font-size:11px}
.powered .zenix{font-size:15px;letter-spacing:0;text-transform:none}

/* ---------- The academic estate ---------- */
.estate{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised);box-shadow:var(--shadow-soft);overflow:hidden}
.estate-bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border)}
.estate-bar .eyebrow span{text-transform:none;letter-spacing:.01em;font-size:13px}
.estate-stage{position:relative;height:clamp(380px,37vw,480px);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;overflow:hidden}
.estate-lines{position:absolute;inset:0;width:100%;height:100%;transition:opacity .28s}
.estate-lines.fade{opacity:0}
.estate-lines line{stroke:var(--tone);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 4}
.estate[data-mode=after] .estate-lines line{stroke:var(--flow);stroke-dasharray:5 5;animation:dash 1.400s linear infinite}
.estate-tile{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid var(--border);border-radius:12px;background:var(--raised);box-shadow:var(--shadow-soft);font-size:13px;line-height:1.3;white-space:nowrap;transition:left .95s var(--ease),top .95s var(--ease),border-color .5s}
.estate-tile .dot{transition:background .5s,box-shadow .5s}
.estate[data-mode=after] .estate-tile .dot{background:var(--flow);box-shadow:0 0 0 4px var(--flow-soft)}
.estate-note{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);padding:2px 9px;border-radius:100px;border:1px dashed var(--border);background:var(--tint);font-size:10px;letter-spacing:.05em;color:var(--muted);white-space:nowrap;transition:opacity .3s}
.estate[data-mode=after] .estate-note,.estate-note.fade{opacity:0}
.estate-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;display:grid;justify-items:center;gap:9px;padding:20px 24px 16px;border-radius:24px;background:var(--metal);color:var(--on-metal);box-shadow:var(--shadow-lift);font-size:10px;letter-spacing:.24em;transition:opacity .5s,transform .7s var(--ease);direction:ltr}
.estate-hub .mark{width:32px;height:32px}
.estate-hub b{font-weight:500}
.estate[data-mode=after] .estate-hub{opacity:1;transform:translate(-50%,-50%) scale(1);transition-delay:.35s}
.stat small{display:block;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:11px;line-height:1.5;letter-spacing:.03em;color:var(--tone)}

/* ---------- Core: footprint ---------- */
.footprint{margin-top:clamp(40px,4.500vw,64px);padding-top:clamp(36px,4.500vw,64px);border-top:1px solid var(--border)}
.fp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden}
.fp-grid li{display:flex;flex-direction:column;gap:6px;padding:18px 16px 20px;background:var(--raised);min-height:132px;transition:background .3s}
.fp-grid li:hover{background:var(--tint)}
.fp-grid .n{font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}
.fp-grid b{font-size:14.500px;font-weight:500;line-height:1.3;letter-spacing:-.012em}
.fp-grid small{font-size:12px;line-height:1.5;color:var(--muted)}

/* ---------- Step tracks (journey, transition) ---------- */
.jx-track,.px-phases{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(84px,1fr);padding:18px 14px 14px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.jx-track::-webkit-scrollbar,.px-phases::-webkit-scrollbar{display:none}
.jx-track button,.px-phases button{position:relative;display:grid;justify-items:center;align-content:start;gap:8px;padding:0 4px;font-size:12px;line-height:1.3;color:var(--muted);text-align:center;transition:color .3s}
.jx-track button::before,.px-phases button::before{content:"";position:absolute;top:13px;inset-inline:0;height:1px;background:var(--border)}
.jx-track button:first-child::before,.px-phases button:first-child::before{inset-inline-start:50%}
.jx-track button:last-child::before,.px-phases button:last-child::before{inset-inline-end:50%}
.jx-track button.done::before,.px-phases button.done::before{background:var(--flow)}
.jx-track button[aria-selected=true]::before,.px-phases button[aria-selected=true]::before{background:linear-gradient(to right,var(--flow) 50%,var(--border) 50%)}
[dir=rtl] .jx-track button[aria-selected=true]::before,[dir=rtl] .px-phases button[aria-selected=true]::before{background:linear-gradient(to left,var(--flow) 50%,var(--border) 50%)}
.jx-track button:first-child[aria-selected=true]::before,.px-phases button:first-child[aria-selected=true]::before{background:var(--border)}
.jx-track i,.px-phases i{position:relative;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid var(--border);background:var(--raised);font-style:normal;font-size:10px;letter-spacing:.02em;transition:background .35s,border-color .35s,box-shadow .35s,color .35s}
.jx-track button:hover,.px-phases button:hover{color:var(--text)}
.jx-track button.done i,.px-phases button.done i{border-color:var(--flow);color:var(--text)}
.jx-track button[aria-selected=true],.px-phases button[aria-selected=true]{color:var(--text)}
.jx-track button[aria-selected=true] i,.px-phases button[aria-selected=true] i{background:var(--flow);border-color:var(--flow);color:#1f1f1f;box-shadow:0 0 0 5px var(--flow-soft)}

/* ---------- Follow a student ---------- */
.jx-win{max-width:1320px;margin-inline:auto}
.jx-play{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;padding:5px 13px;border:1px solid var(--border);border-radius:100px;font-size:11px;color:var(--text);transition:border-color .25s}
.jx-play:hover{border-color:var(--text)}
.jx-play::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--flow);box-shadow:0 0 0 4px var(--flow-soft)}
.jx-play[aria-pressed=true]::before{background:var(--muted);box-shadow:none}
.jx-body{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:clamp(18px,2.600vw,40px);align-items:center;padding:clamp(18px,2.400vw,34px)}
.jx-map{min-width:0}
.jx-sys{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px}
.jx-sys .chip{min-height:26px;padding:3px 11px;font-size:11px;transition:background .4s,border-color .4s,color .4s}
.jx-sys .chip.on{background:var(--flow-soft);border-color:var(--flow);color:var(--text)}
.jx-detail{display:flex;flex-direction:column;gap:14px;min-height:340px;min-width:0}
.jx-detail h4{font-size:clamp(22px,2.100vw,31px);line-height:1.15;letter-spacing:-.035em}
.jx-detail>p:not(.note){font-size:15px;line-height:1.65;color:var(--muted)}
.jx-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}
.jx-meta>div{padding:12px 14px;border:1px solid var(--border);border-radius:12px}
.jx-meta dt{margin-bottom:6px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.jx-meta dd{display:flex;align-items:baseline;gap:10px;font-size:14px;line-height:1.4}
.jx-meta .dot{transform:translateY(-1px)}
.jx-meta .dot.off{background:var(--border)}
.jx-detail .log{margin-top:0}
#jx-svg .jx-path{fill:none;stroke:var(--ln);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
#jx-svg .jx-done{fill:none;stroke:var(--flow);stroke-width:1.600;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1s var(--ease)}
#jx-svg .pl{transition:opacity .5s}
#jx-svg .pl .pl-top{transition:stroke .5s,fill .5s}
#jx-svg .pl.past .pl-top{stroke:var(--flow)}
#jx-svg .pl.now .pl-top{stroke:var(--flow);fill:color-mix(in srgb,var(--flow) 22%,var(--pl-top))}
#jx-svg .pl.now .pl-label{fill:var(--text);font-weight:500}
#jx-svg .pl.next{opacity:.62}
.jx-token{transition:transform 1s var(--ease)}
.jx-token .t-halo{fill:var(--flow);opacity:.25;animation:breathe 2.200s ease-in-out infinite}
.jx-token .t-dot{fill:var(--flow);stroke:var(--surface);stroke-width:2}
@keyframes breathe{0%,100%{r:9px;opacity:.28}50%{r:15px;opacity:.1}}

/* ---------- Agents roster ---------- */
.rx{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(18px,2.200vw,30px)}
.rx-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start}
.rx-list button{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:14px;font-size:13.500px;line-height:1.3;text-align:start;transition:border-color .25s,background .25s}
.rx-list button svg{width:20px;height:20px;flex:none;color:var(--muted);transition:color .25s}
.rx-list button:hover{border-color:var(--text)}
.rx-list button[aria-pressed=true]{border-color:var(--text);background:var(--tint)}
.rx-list button[aria-pressed=true] svg{color:var(--text)}
.rx-main{display:grid;gap:12px;align-content:start;min-width:0}
.rx-main h4{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.03em}
.rx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rx-grid .cell.result{border-inline-start-color:var(--point)}
.rx-grid .cell.result p{display:grid;gap:2px}
.rx-grid .cell.result .note{margin-bottom:2px}
.rx-sys{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:4px}
.rx-sys .note,.standards .note,.shared .note{font-size:10px;letter-spacing:.1em;text-transform:uppercase}

/* ---------- Studio: faculties ---------- */
#fac-tabs{margin-bottom:16px}
.fac-cards .card .n{display:block;margin-bottom:20px;font-size:10px;letter-spacing:.08em;color:var(--muted)}
.shared{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;padding:14px 20px;border-radius:var(--radius-panel);background:var(--tint)}
.shared .chip{background:var(--raised)}

/* ---------- Compute: GPU pool ---------- */
.gx{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.2fr) minmax(0,.9fr);gap:clamp(16px,2vw,28px);align-items:stretch}
.gx-pool{display:grid;gap:12px;align-content:start;min-width:0}
.gx-top{display:flex;justify-content:space-between;gap:12px}
.gx-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:14px;border:1px solid var(--border);border-radius:14px;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px}
.gx-grid i{aspect-ratio:1;border-radius:7px;border:1px solid var(--border);background:var(--raised);transition:background .45s,border-color .45s,box-shadow .45s,opacity .45s}
.gx-grid i.other{background:var(--tone);border-color:var(--tone);opacity:.5}
.gx-grid i.mine{background:var(--flow);border-color:var(--flow);box-shadow:0 0 0 3px var(--flow-soft)}
.gx-grid i.idle{background:repeating-linear-gradient(135deg,var(--tone) 0 2px,transparent 2px 6px);border:1px dashed var(--tone)}
.gx-grid i.freed{animation:freed .8s var(--ease)}
@keyframes freed{0%{transform:scale(.55);box-shadow:0 0 0 0 var(--flow)}55%{box-shadow:0 0 0 7px var(--flow-soft)}100%{transform:none;box-shadow:0 0 0 0 transparent}}
.gx-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:var(--muted)}
.gx-legend li{display:flex;align-items:center;gap:7px}
.gx-legend i{width:11px;height:11px;border-radius:3px;border:1px solid var(--border);flex:none}
.gx-legend .k0{background:var(--flow);border-color:var(--flow)}
.gx-legend .k1{background:var(--tone);border-color:var(--tone);opacity:.5}
.gx-legend .k2{background:repeating-linear-gradient(135deg,var(--tone) 0 2px,transparent 2px 5px);border:1px dashed var(--tone)}
.gx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gx-stats .kpi{padding:12px 14px}
.gx-stats .kpi b{font-size:clamp(22px,2vw,30px)}
#gx-reclaim{justify-self:start;transition:opacity .3s,border-color .3s}
#gx-reclaim[disabled]{opacity:.55;cursor:default;border-color:transparent}
.scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(36px,4vw,56px)}
.scenario{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--raised);box-shadow:var(--shadow-soft);overflow:hidden}
.scenario figure{aspect-ratio:16/8.500;overflow:hidden}
.scenario img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03);transition:filter .7s var(--ease),transform 1.200s var(--ease)}
.scenario:hover img{filter:none;transform:scale(1.02)}
.scenario>div{display:grid;gap:12px;padding:22px 24px 26px}
.scenario h4{font-size:clamp(20px,1.800vw,26px);line-height:1.2;letter-spacing:-.03em}
.scenario dl{display:grid;gap:12px}
.scenario dt{margin-bottom:2px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.scenario dd{font-size:14px;line-height:1.6;color:var(--muted)}

/* ---------- Cockpit & BI ---------- */
.bx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(18px,2.600vw,40px)}
.bx-funnel{display:grid;gap:14px;align-content:start;min-width:0}
.funnel{display:grid;gap:10px}
.funnel li{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 16px;border:1px solid var(--border);border-radius:12px;font-size:13px;overflow:hidden}
.funnel li i{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:var(--tint);border-inline-end:2px solid var(--flow);transition:width 1.100s var(--ease)}
.js .reveal-up:not(.in) .funnel li i{width:0}
.funnel li span,.funnel li b{position:relative;z-index:1}
.funnel li b{font-size:21px;font-weight:500;letter-spacing:-.03em}
.bx-tools{display:grid;gap:10px;padding-top:4px}
.tools-row{display:flex;flex-wrap:wrap;gap:8px}
.tools-row li{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid var(--border);border-radius:100px;font-size:12px}
.tools-row img,.tools-row svg{width:14px;height:14px;flex:none}
:root[data-theme=dark] .tools-row img{filter:invert(1)}
.bx-ask{display:grid;gap:12px;align-content:start;min-width:0}
.bx-answer{align-items:flex-start}
.bx-answer>div{display:grid;gap:4px;min-width:0}
.bx-answer p{font-size:15px;line-height:1.6}
.bx-answer .chips{align-items:center;margin-top:10px}
.bx-answer .chips .note{margin:0;margin-inline-end:4px}
.bx-answer .chip{min-height:26px;font-size:11px;background:var(--raised)}

/* ---------- Integrations additions ---------- */
.brands img{width:28px;height:28px;max-width:none;max-height:none;filter:none;opacity:.8}
.brands img.wordmark{width:auto;height:auto;max-width:108px;max-height:26px;filter:grayscale(1)}
:root[data-theme=dark] .brands img{filter:invert(1);opacity:.88}
:root[data-theme=dark] .brands img.wordmark{filter:grayscale(1) invert(1) brightness(1.500)}
.brands li:hover img{filter:none;opacity:1}
:root[data-theme=dark] .brands li:hover img{filter:invert(1);opacity:1}
:root[data-theme=dark] .brands li:hover img.wordmark{filter:grayscale(1) invert(1) brightness(1.800)}
.brands .logo.text b{font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--muted);transition:color .3s}
.brands li:hover .logo.text b{color:var(--text)}
.brands .logo.text+span{display:none}
.standards{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:22px}

/* ---------- Transition path ---------- */
.px-phases{grid-auto-columns:minmax(96px,1fr)}
.px{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr);gap:clamp(18px,2.600vw,44px);align-items:start}
.px-copy{display:flex;flex-direction:column;gap:14px;min-height:250px}
.px-copy h4{font-size:clamp(22px,2.100vw,31px);line-height:1.15;letter-spacing:-.035em}
.px-copy>p:not(.note){font-size:15px;line-height:1.65;color:var(--muted)}
.px-copy .gx-legend{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}
.px-board{min-width:0}
.px-head,.px-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.500fr) minmax(74px,auto);gap:14px;align-items:center}
.px-head{padding-bottom:10px;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.px-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
.px-row{padding:8px 0;border-top:1px solid var(--border);font-size:14px;line-height:1.3;transition:opacity .5s}
.px-row[data-s=N]{opacity:.34}
.px-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.px-new{display:none;padding:1px 7px;border:1px solid var(--flow);border-radius:100px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.px-row.isnew:not([data-s=N]) .px-new{display:inline-block}
.px-rail{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:28px;border:1px solid var(--border);border-radius:100px;background:var(--tint)}
.px-rail i{place-self:center;width:4px;height:4px;border-radius:50%;background:var(--border)}
.px-pill{position:absolute;top:3px;bottom:3px;inset-inline-start:3px;width:calc(33.333% - 6px);border-radius:100px;background:var(--tone);opacity:.55;transition:inset-inline-start .75s var(--ease),background .5s,opacity .5s,box-shadow .5s}
.px-row[data-s=P] .px-pill{inset-inline-start:calc(33.333% + 3px);opacity:1;background:repeating-linear-gradient(135deg,var(--flow) 0 3px,transparent 3px 7px);box-shadow:inset 0 0 0 1px var(--flow)}
.px-row[data-s=A] .px-pill{inset-inline-start:calc(66.666% + 3px);opacity:1;background:var(--flow);box-shadow:0 0 0 3px var(--flow-soft)}
.px-row[data-s=N] .px-pill{opacity:0}
.px-link{display:flex;align-items:center;justify-content:flex-end;gap:7px;font-size:11px;color:var(--muted);opacity:0;transition:opacity .5s}
.px-row.linked .px-link{opacity:1}
.px-row.linked .px-link .dot{background:var(--ok)}

/* ---------- Dock & presentation mode ---------- */
.dock-present{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:38px;padding:8px 14px;border-radius:100px;font-size:13px;font-weight:500;white-space:nowrap;color:var(--text);transition:background .25s}
.dock-present:hover{background:var(--tint)}
.dock-present svg{width:10px;height:10px}
.hud[hidden]{display:none}
.hud-bar{position:fixed;z-index:61;top:0;inset-inline:0;height:3px}
.hud-bar i{display:block;height:100%;width:0;background:var(--flow);transition:width .6s var(--ease)}
.hud-ctl{position:fixed;z-index:61;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:calc(100vw - 24px);padding:7px;border-radius:100px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(22px) saturate(1.300);backdrop-filter:blur(22px) saturate(1.300);box-shadow:0 10px 40px rgb(0 0 0 / .16)}
.hud-ctl button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:38px;min-height:38px;padding:8px 13px;border-radius:100px;font-size:13px;font-weight:500;white-space:nowrap;transition:background .25s}
.hud-ctl button:hover{background:var(--tint)}
.hud-ctl button[disabled]{opacity:.35;cursor:default}
.hud-ctl p{display:flex;align-items:baseline;gap:12px;min-width:0;padding:0 10px;font-size:13px;white-space:nowrap}
.hud-ctl p span{font-size:11px;letter-spacing:.08em;color:var(--muted)}
.hud-ctl p b{max-width:min(40vw,380px);overflow:hidden;text-overflow:ellipsis;font-weight:500}
.hud-ctl .sep{width:1px;height:22px;background:var(--border);flex:none}
[dir=rtl] #hud-prev span,[dir=rtl] #hud-next span{display:inline-block;transform:scaleX(-1)}
.hud-hint{position:fixed;z-index:61;bottom:calc(78px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:4px 13px;border-radius:100px;background:var(--glass);font-size:11px;letter-spacing:.05em;color:var(--muted);white-space:nowrap;transition:opacity .8s}
.hud-hint.gone{opacity:0}
html.presenting{scroll-padding-top:20px}
html.presenting .header,html.presenting .dock{display:none}
html.presenting .page{padding-top:16px}
html.presenting .surface{transition:opacity .6s}
html.presenting .js .reveal-up,html.presenting .reveal-up{opacity:1;transform:none}

/* ---------- Scripts & languages ---------- */
html[lang|=ar]{--font:"SF Arabic","Geeza Pro","Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[lang|=ja]{--font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,"Noto Sans JP",sans-serif}
html[lang|=ko]{--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
html[lang|=zh]{--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
html[lang|=ar] :not(.ltr-keep):not([dir=ltr]):not([dir=ltr] *){letter-spacing:0!important}
html[lang|=ar] :is(.hero h1,.display){line-height:1.28}
html[lang|=ar] :is(.chapter h3.tagline,.sub-head h3,.tour-body h3,.use h3,.jx-detail h4,.px-copy h4,.journey-detail h4){line-height:1.35}
html:is([lang|=ja],[lang|=ko],[lang|=zh]) :is(h1,h2,h3,h4,.display,.stat b,.kpi b):not([dir=ltr]){letter-spacing:-.012em}
html:is([lang|=ja],[lang|=ko],[lang|=zh]) :is(.hero h1,.display){line-height:1.18}
html:is([lang|=ja],[lang|=ko],[lang|=zh]) :is(.eyebrow,.note,.jx-meta dt,.scenario dt,.px-head){letter-spacing:.04em}
html[lang|=ko] body{word-break:keep-all}
html[lang|=ja] body{line-break:strict}
html:is([lang|=ru],[lang|=de]) :is(.hero h1,.display){letter-spacing:-.045em;hyphens:auto}
html[lang|=he] :is(.jx-meta dt,.scenario dt,.px-head,.fp-grid .n,.film-idx,.rx-sys .note,.standards .note,.shared .note,.stat small,.powered){letter-spacing:.03em}
html[lang|=he] :is(.jx-detail h4,.px-copy h4,.rx-main h4,.scenario h4,.film-title,.fp-grid b,.funnel li b){letter-spacing:-.015em}
[dir=rtl] .hero-brand svg,[dir=rtl] .powered svg{direction:ltr}
[dir=rtl] .code,[dir=rtl] .log{direction:ltr;text-align:left}

/* ---------- Responsive additions ---------- */
@media (max-width:1100px){
  .fp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gx{grid-template-columns:minmax(0,1fr) minmax(0,1.300fr)}
  .gx .ax-tasks{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
  .tool.wide span{display:none}
  .tool.wide{width:38px;padding:0;justify-content:center}
}
@media (max-width:860px){
  .film-cap{min-height:104px;max-width:none;margin:0;padding:0}
  .film{order:2}
  .scene-iso{order:-1;margin-inline:calc(var(--pad) * -.3)}
  .jx-body,.rx,.gx,.bx,.px,.scenarios{grid-template-columns:minmax(0,1fr)}
  .gx .ax-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jx-detail{min-height:0}
  .px-copy{min-height:0}
  .estate-stage{height:580px}
  .estate-tile{font-size:12px;padding:8px 11px}
  .estate-note{display:none}
  .estate-hub{top:51%}
  .dock-present,.dock .sep{display:none}
  .hud-ctl p b{max-width:34vw}
  .hud-hint{display:none}
}
@media (max-width:520px){
  .fp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rx-list{grid-template-columns:minmax(0,1fr)}
  .rx-grid,.jx-meta{grid-template-columns:minmax(0,1fr)}
  .gx-stats .kpi{display:block}
  .px-head{display:none}
  .px-row{grid-template-columns:minmax(0,1fr) minmax(0,1.200fr)}
  .px-link{display:none}
  .px-row{font-size:13px}
  .film-bars{max-width:none}
  .film-note{display:none}
  .hud-ctl #hud-exit span{display:none}
}

/* ---------- Hero brand line ---------- */
.hero-brand{flex-wrap:wrap;gap:12px 18px}
.hero-brand .built{padding:4px 11px;border:1px solid var(--border);border-radius:100px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:border-color .25s,color .25s}
.hero-brand .built:hover{border-color:var(--text);color:var(--text)}
html[lang|=he] .hero-brand span,html[lang|=he] .hero-brand .built{font-size:11px;letter-spacing:.04em}
html:is([lang|=ja],[lang|=ko],[lang|=zh],[lang|=ar]) .hero-brand span,html:is([lang|=ja],[lang|=ko],[lang|=zh],[lang|=ar]) .hero-brand .built{font-size:11px;letter-spacing:.04em}
/* SVG labels keep physical anchoring in right-to-left pages */
.iso-svg text{direction:ltr}
html[lang|=ja] :is(h1,h2,h3,h4,.display,.lead){word-break:auto-phrase}

/* ---------- Year-cycle footprint ---------- */
.fp-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-panel);overflow:hidden}
.fp-stages>li{display:flex;flex-direction:column;gap:10px;padding:24px 22px 26px;background:var(--raised);transition:background .3s}
.fp-stages>li:hover{background:var(--tint)}
.fp-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.fp-top .n{font-size:10px;letter-spacing:.08em;color:var(--muted)}
.fp-top small{font-size:10.500px;letter-spacing:.08em;text-transform:uppercase;color:var(--tone);text-align:end}
.fp-stages h4{font-size:20px;line-height:1.25;letter-spacing:-.022em}
.fp-stages ul{display:grid;gap:7px;margin-top:8px}
.fp-stages ul li{position:relative;padding-inline-start:17px;font-size:13px;line-height:1.5;color:var(--muted)}
.fp-stages ul li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:7px;height:1px;background:var(--flow)}
html[lang|=he] .fp-top small,html[lang|=ar] .fp-top small{letter-spacing:.02em;font-size:11.500px}
html:is([lang|=ja],[lang|=ko],[lang|=zh]) .fp-top small{letter-spacing:.04em}

/* ---------- Live demo: a floating frame with a blurred aura ---------- */
.nav a.nav-live{display:inline-flex;align-items:center;gap:8px;color:var(--text)}
.nav a.nav-live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--flow);box-shadow:0 0 0 0 var(--flow);animation:live-ping 1.9s infinite}
@keyframes live-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--flow) 55%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}
.demo .eyebrow span{color:var(--muted)}
.demo .section-head .actions{margin-top:26px}
.demo-stage{position:relative;padding:clamp(6px,1.6vw,22px) 0 0}
.demo-aura{position:absolute;inset:-7% -4% -11%;z-index:0;pointer-events:none;filter:blur(64px);opacity:.95;background:
  radial-gradient(38% 46% at 18% 26%,color-mix(in srgb,var(--flow) 78%,transparent),transparent 70%),
  radial-gradient(34% 44% at 84% 72%,color-mix(in srgb,var(--point) 66%,transparent),transparent 70%),
  radial-gradient(30% 36% at 78% 12%,color-mix(in srgb,var(--flow) 34%,transparent),transparent 72%),
  radial-gradient(44% 54% at 52% 50%,color-mix(in srgb,var(--text) 14%,transparent),transparent 74%);
  animation:demo-aura 16s ease-in-out infinite alternate}
@keyframes demo-aura{to{transform:translate3d(2.500%,-3%,0) scale(1.07)}}
.demo-frame{position:relative;z-index:1;margin-inline:auto;max-width:1300px;padding:9px;border-radius:26px;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(28px) saturate(1.4);backdrop-filter:blur(28px) saturate(1.4);box-shadow:0 44px 120px -30px rgb(0 0 0 / .5),0 12px 34px -14px rgb(0 0 0 / .28)}
:root[data-theme=dark] .demo-frame{box-shadow:0 44px 130px -30px rgb(0 0 0 / .9),0 0 90px -12px color-mix(in srgb,var(--flow) 34%,transparent)}
.demo-stage .demo-frame{animation:demo-float 10s ease-in-out infinite}
@keyframes demo-float{50%{transform:translateY(-8px)}}
.demo-frame::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(140deg,color-mix(in srgb,var(--flow) 75%,transparent),transparent 24%,transparent 72%,color-mix(in srgb,var(--point) 50%,transparent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.8}
.demo-bar{display:flex;align-items:center;gap:12px;height:40px;padding:0 6px 0 12px;font-size:11.500px;color:var(--muted)}
[dir=rtl] .demo-bar{padding:0 12px 0 6px}
.demo-bar .dots{display:flex;gap:6px;flex:none}
.demo-bar .dots i{width:9px;height:9px;border-radius:50%;background:var(--border)}
.demo-bar .url{margin-inline:auto;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 16px;border-radius:100px;background:var(--tint);border:1px solid var(--border);font:500 11px var(--mono);color:var(--muted)}
.demo-bar .live{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.demo-bar .live i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--flow);animation:live-ping 1.9s infinite}
.demo-max,.demo-close{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;color:var(--muted);transition:background .25s,color .25s}
.demo-max:hover,.demo-close:hover{background:var(--tint);color:var(--text)}
.demo-max svg,.demo-close svg{width:14px;height:14px}
.demo-view{position:relative;overflow:hidden;border-radius:17px;background:var(--canvas);border:1px solid var(--border);height:calc(var(--dh,800px) * var(--s,1))}
.demo-view iframe{position:absolute;top:0;left:0;width:var(--dw,1280px);height:var(--dh,800px);border:0;transform:scale(var(--s,1));transform-origin:0 0;background:transparent;color-scheme:normal}
.demo-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--muted);background:var(--canvas);transition:opacity .6s var(--ease)}
.demo-frame[data-state=ready] .demo-loading{opacity:0;pointer-events:none}
.demo-spin{width:16px;height:16px;border-radius:50%;border:1.500px solid var(--border);border-top-color:var(--flow);animation:demo-spin .9s linear infinite}
@keyframes demo-spin{to{transform:rotate(1turn)}}
.demo-tap{position:absolute;inset:0;z-index:2;display:none}
.demo-hint{position:relative;z-index:1;margin-top:20px;text-align:center;font-size:12.500px;color:var(--muted)}
.demo-hint span{display:block;margin-top:4px;color:var(--tone)}
.demo .features{position:relative;z-index:1}
.demo-modal{position:fixed;inset:0;z-index:140;display:grid;padding:clamp(10px,2.200vw,30px);padding-bottom:calc(clamp(10px,2.200vw,30px) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--canvas) 52%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);animation:demo-fade .35s var(--ease)}
.demo-modal[hidden]{display:none}
.demo-modal .demo-aura{inset:6% 8%;opacity:.55}
.demo-modal .demo-frame{display:flex;flex-direction:column;width:100%;max-width:1760px;height:100%;min-height:0;animation:demo-pop .5s var(--ease)}
.demo-modal .demo-view{flex:1;height:auto;min-height:0}
.demo-modal .demo-view iframe{position:absolute;inset:0;width:100%;height:100%;transform:none}
@keyframes demo-fade{from{opacity:0}}
@keyframes demo-pop{from{opacity:0;transform:translateY(22px) scale(.975)}}
html.demo-open{overflow:hidden}
html.presenting .demo-stage .demo-frame{animation:none}
@media (max-width:1100px){
  .fp-stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fp-stages>li:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:860px){
  .demo-tap{display:block}
  .demo-bar .live{display:none}
  .demo-bar .url{max-width:none}
  .demo-frame{border-radius:18px;padding:5px}
  .demo-view{border-radius:13px}
  .demo-modal .demo-bar .live{display:none}
}
@media (max-width:680px){
  .fp-stages{grid-template-columns:minmax(0,1fr)}
  .fp-stages>li{padding:20px 18px 22px}
}
@media (prefers-reduced-motion:reduce){.demo-aura,.demo-stage .demo-frame,.nav a.nav-live::before,.demo-bar .live i{animation:none}}
.nav a{white-space:nowrap}
@media (max-width:1180px){.nav{display:none}}