/*! Canela Light/Light Italic by Commercial Type. Licence 2610-IJIMIE.
    Font binaries stay on the approved AgenticInvestor host, placed by a person.
    No licensed font binaries are copied or bundled by this website build. */
@font-face{font-family:"Canela Web";src:url("/fonts/canela/Canela-Light-Web.woff2") format("woff2");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:"Canela Web";src:url("/fonts/canela/Canela-LightItalic-Web.woff2") format("woff2");font-weight:300 400;font-style:italic;font-display:swap}
@font-face{font-family:"Paper Geist";src:url("paper/geist-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
/* Newsreader (OFL, @fontsource/newsreader 5.3.0, v10/Newsreader-OFL.txt) is the fallback
   when Canela is unavailable, as in the design prototype. Browsers only download it then. */
@font-face{font-family:"Newsreader";src:url("v10/newsreader-latin-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("v10/newsreader-latin-300-italic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Newsreader";src:url("v10/newsreader-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("v10/newsreader-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"AI Geist Mono";src:url("v10/geist-mono.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}

/* Agentic Investor · public website · Paper+ v10 (October 2026). Tokens match the member app. */
:root{
  --paper:#F3F1EC;--paper2:#EEEBE3;--card:#fff;--navy:#0D1633;--ink:#0D1633;--text:#30364F;--muted:#676B7E;--line:#E2DED4;
  --indigo:#3026B0;--itint:#EEECF9;--lilac:#B4ABEF;--gold:#D4B26A;--goldl:#E8D29E;--gain:#0E7A4B;--gaint:#E3F2EA;--loss:#B42D25;--losst:#FBEAE8;
  --serif:"Canela Web",Canela,Newsreader,Georgia,"Times New Roman",serif;
  --sans:"Paper Geist",Geist,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"AI Geist Mono","Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --max:1180px;--gut:clamp(16px,4vw,48px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
html,body{margin:0}
body{background:var(--paper);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;border-radius:6px}
svg.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
h1,h2,h3{font-family:var(--serif);font-weight:400;color:var(--ink);margin:0;letter-spacing:-.015em;text-wrap:balance}
h1 em,h2 em,h3 em,.stmt em{font-style:italic;color:var(--indigo)}
h2{font-size:clamp(32px,3.8vw,52px);line-height:1.05}
h3{font-size:clamp(24px,2.2vw,30px);line-height:1.12}
p{margin:0}
.k{font:500 11.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.k.gold{color:#80621C}
.lead{font-size:clamp(17px,1.4vw,19px);color:var(--muted);max-width:56ch}
.sec{padding-block:clamp(72px,9vw,128px)}
.sec.white{background:#fff}
.sec.rule{border-top:1px solid var(--line)}
.sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,5vw,72px);align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.sh h2{margin-top:12px}
.sh .lead{justify-self:end}
@media (max-width:900px){.sh{grid-template-columns:1fr}.sh .lead{justify-self:start}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font:500 15px/1 var(--sans);border:0;white-space:nowrap;transition:background .15s,box-shadow .15s}
.btn svg{width:15px;height:15px}
.btn.dark{background:var(--navy);color:#fff}
.btn.dark:hover{background:#1C2650}
.btn.soft{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn.soft:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.btn.light{background:#fff;color:var(--navy)}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.btn.sm{height:38px;padding:0 16px;font-size:14px}
.lnk{display:inline-flex;align-items:center;gap:6px;color:var(--indigo);font-weight:500}
.lnk svg{width:15px;height:15px}
.lnk:hover{text-decoration:underline;text-underline-offset:3px}
.pillnote{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 14px;line-height:1.35;text-align:left;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--text)}
.pillnote .dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.pillnote b{font-weight:600;color:var(--ink)}

/* logo: black tile, gold strokes */
.logo{display:inline-flex;align-items:center;gap:10px;font:600 17px var(--sans);color:var(--ink);letter-spacing:-.01em}
.logo svg{width:30px;height:30px;--logo-bg:#111;--logo-fg:#D4B26A}

/* ---------- utility bar + nav ---------- */
.ubar{background:var(--navy);color:rgba(244,243,239,.72);font-size:13px}
.ubar .wrap{display:flex;align-items:center;justify-content:center;gap:12px;height:38px;white-space:nowrap;overflow:hidden}
.ubar .k{color:var(--goldl);font-size:10.5px}
.ubar b{color:#F4F3EF;font-weight:500}
.ubar a{color:var(--lilac);display:inline-flex;align-items:center;gap:6px}
.ubar a:hover{color:#fff}
.nav{position:sticky;top:0;z-index:60;background:rgba(243,241,236,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.nav.scrolled{border-bottom-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:30px;height:66px}
.nav .links{display:flex;gap:24px;font-size:14.5px;color:#3A3F55}
.nav .links a{padding:6px 0;border-bottom:1.5px solid transparent}
.nav .links a:hover,.nav .links a[aria-current=page]{color:var(--ink);border-bottom-color:var(--gold)}
.nav .r{margin-left:auto;display:flex;gap:8px;align-items:center}
.menu{display:none;width:42px;height:42px;border-radius:50%;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);place-items:center}
.menu svg{width:18px;height:18px}
.sheet{display:none;position:fixed;inset:104px 0 0;z-index:59;background:var(--paper);padding:20px var(--gut) 40px;overflow:auto}

.sheet a{display:block;font:400 28px/1.2 var(--serif);color:var(--ink);padding:14px 0;border-bottom:1px solid var(--line)}
.sheet .btn{margin-top:24px;width:100%}
@media (max-width:960px){.nav .links{display:none}.menu{display:grid}.nav .r .soft{display:none}}
@media (max-width:420px){.nav .r .dark{padding:0 14px;font-size:13.5px}}

/* ---------- hero (home) ---------- */
.hero{text-align:center;padding-block:clamp(36px,5vw,68px) 0}
.hero h1{font-weight:300;font-size:clamp(44px,6.2vw,88px);line-height:1.02;letter-spacing:-.025em;max-width:16ch;margin:22px auto 0}
.hero .lead{margin:20px auto 0;max-width:50ch;text-align:center}
.ctas{display:flex;gap:10px;flex-wrap:wrap}
.hero .ctas{justify-content:center;margin-top:28px}
.hero .note{margin-top:14px;font-size:13.5px;color:var(--muted)}
.stage{position:relative;max-width:1084px;margin:clamp(32px,4vw,48px) auto 0}
.filmbox{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#1B1766;box-shadow:0 50px 100px -50px rgba(13,22,51,.6),0 0 0 1px rgba(13,22,51,.06)}
.filmbox iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.filmbox .gd{position:absolute;left:28px;top:22px;width:32px;height:2px;background:var(--gold);z-index:2;pointer-events:none}
.cap{display:flex;justify-content:center;align-items:center;gap:14px 22px;flex-wrap:wrap;margin-top:18px;font:500 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.watch{display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 16px 0 6px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:500 14px var(--sans);color:var(--ink);letter-spacing:0;text-transform:none}
.watch:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.watch i{width:26px;height:26px;border-radius:50%;background:var(--navy);display:grid;place-items:center}
.watch i svg{width:10px;height:10px;fill:#fff;stroke:none;margin-left:2px}

/* ---------- plugin section (home) ---------- */
.plug{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(32px,5vw,72px);align-items:start}
.plug h2{margin-top:14px}
.plug .lead{margin-top:18px}
.steps3{list-style:none;margin:30px 0 30px;padding:0;border-top:1px solid var(--line)}
.steps3 li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 14px;padding:18px 0;border-bottom:1px solid var(--line)}
.steps3 .n{font:400 28px/1 var(--serif);color:var(--ink)}
.steps3 b{font-weight:500;color:var(--ink);font-size:16.5px}
.steps3 p{grid-column:2;color:var(--muted);font-size:15px}
.plug .side{position:relative}
.plug .tag{position:absolute;top:-14px;left:22px;z-index:2}
.nextp{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px 28px;align-items:center;padding:22px 26px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:16px}
.nextp .k{white-space:nowrap}
.nextp h3{font-size:24px}
.nextp p{color:var(--muted);font-size:15px;margin-top:2px}
.soonpill{display:inline-block;border-radius:999px;padding:5px 14px;font:500 12.5px var(--sans);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);white-space:nowrap}
@media (max-width:900px){.plug{grid-template-columns:1fr}.nextp{grid-template-columns:1fr}}

/* ---------- sample plugin card (static, Paper+ for ChatGPT) ---------- */
.chat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 30px 60px -40px rgba(13,22,51,.45)}
.chat .u{display:flex;justify-content:flex-end;margin-bottom:14px}
.chat .u span{background:#F1F1F1;border-radius:16px;padding:8px 14px;font-size:14px;color:#0D0D0D}
.pc{background:#F3F1EC;color:var(--text);border:1px solid var(--line);border-radius:18px;overflow:hidden;font-family:var(--sans);text-align:left}
.pc-h{display:flex;align-items:center;gap:9px;padding:14px 18px 0;font-size:12.5px;color:var(--muted);white-space:nowrap;flex-wrap:wrap}
.pc-h svg.lg{width:22px;height:22px;--logo-bg:#111;--logo-fg:#D4B26A}
.pc-h .r{margin-left:auto}
.pc-b{padding:10px 18px 16px;display:flex;flex-direction:column;gap:12px}
.pc-t{margin:0;font:600 21px/1.25 var(--sans);color:var(--ink);letter-spacing:-.005em}
.verdict{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap}
.rec{display:inline-block;border-radius:999px;padding:5px 15px;font-size:14px;font-weight:600}
.rec.watch{box-shadow:inset 0 0 0 1.6px var(--indigo);color:var(--indigo);background:#fff}
.rec.cont{background:var(--indigo);color:#fff}
.rec.pass{background:#E7E4DC;color:#4A4F63}
.rec.na{box-shadow:inset 0 0 0 1.3px #A9ABB8;color:var(--muted);background:repeating-linear-gradient(90deg,transparent 0 0)}
.rec.na{outline:1.3px dashed #A9ABB8;outline-offset:-1.3px;box-shadow:none}
.conf{font-size:13.5px;color:var(--muted)}.conf b{color:var(--ink);font-weight:600}
.pj{font-size:11.5px;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 8px}
.gl{height:1.5px;background:var(--gold)}
.judg{font-size:15px;line-height:1.5;color:var(--ink)}
.iss{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.iss li{position:relative;font-size:14px;line-height:1.5;padding:4px 0 4px 22px}
.iss li .n{position:absolute;left:0;top:5px;font:600 12px var(--mono);color:var(--muted)}
.iss li b{color:var(--ink);font-weight:600}
.cm{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;background:var(--itint);color:var(--indigo);font:600 11px var(--mono);vertical-align:1px;margin-left:3px}
.cm.flag{background:var(--losst);color:var(--loss)}
.prov{font-size:12.5px;color:var(--muted)}.prov b{color:var(--gain)}
.nudge{font-size:13.5px;border-left:2px solid var(--gold);padding:2px 0 2px 12px}
.nudge b{color:var(--ink)}.nudge span{color:var(--indigo);font-weight:600}
.pc-f{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px 15px;border-top:1px solid var(--line)}
.b1{border:0;border-radius:999px;background:var(--indigo);color:#fff;padding:9px 18px;font-size:14px;font-weight:600}
.split{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}
.split span{padding:8px 14px 8px 16px;font-size:14px;font-weight:500;color:var(--ink);border-right:1px solid var(--line)}
.split i{display:grid;place-items:center;padding:0 11px;color:var(--ink)}
.split i svg{width:16px;height:16px}
.tip{font-size:12px;color:var(--muted)}

/* ---------- statement band ---------- */
.stmt{position:relative;overflow:hidden;color:#F4F3EF;text-align:center;padding-block:clamp(72px,8vw,112px);background:#221C7A url("v10/silk-ink.jpg") center/cover}
.stmt:before{content:"";position:absolute;inset:0;background:radial-gradient(90% 90% at 50% 50%,rgba(10,8,48,0) 40%,rgba(10,8,48,.45))}
.stmt .in{position:relative}
.stmt .rule{display:block;width:44px;height:1.5px;background:var(--gold);margin:0 auto 36px}
.stmt p.q{font:300 clamp(32px,4vw,56px)/1.06 var(--serif);letter-spacing:-.02em;max-width:18ch;margin:0 auto;text-wrap:balance}
.stmt p.q em{color:var(--goldl)}
.stmt .by{margin-top:34px;display:inline-flex;align-items:center;gap:12px;font-size:14px;color:rgba(244,243,239,.75)}
.stmt .by img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.stmt .by b{color:#F4F3EF;font-weight:500}

/* ---------- learn ---------- */
.aimmrow{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(28px,4vw,44px);background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:20px}
.aimmrow h3{margin-top:12px}
.aimmrow p{margin-top:14px;color:var(--muted)}
.aimmrow .ctas{margin-top:24px}
.stair{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:end}
.stair div{border-radius:12px 12px 4px 4px;padding:12px 9px;display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--h)}
.stair b{display:block;font:500 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.stair span{display:block;font:400 clamp(13px,1.15vw,16.5px)/1.1 var(--serif);margin-top:6px}
.stair b{white-space:nowrap}
.stair div:nth-child(1){--h:120px;background:#EEECF9;color:var(--ink);box-shadow:inset 0 2px 0 var(--indigo)}
.stair div:nth-child(2){--h:150px;background:#E1DEF6;color:var(--ink);box-shadow:inset 0 2px 0 var(--indigo)}
.stair div:nth-child(3){--h:180px;background:#CEC8F0;color:var(--ink);box-shadow:inset 0 2px 0 var(--indigo)}
.stair div:nth-child(4){--h:210px;background:#4F45C8;color:#fff}
.stair div:nth-child(5){--h:240px;background:#2A219E;color:#fff;box-shadow:inset 0 2px 0 var(--gold)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;min-height:250px}
.tcard h3{font-size:25px}
.tcard p{color:var(--muted);font-size:15px}
.tcard .lnk{margin-top:auto}
.tcard .stats{display:flex;gap:18px;margin-top:4px}
.tcard .stats b{display:block;font:400 32px/1 var(--serif);color:var(--ink)}
.tcard .stats span{font-size:12.5px;color:var(--muted)}
.tcard.ink{background:#221C7A url("v10/silk-ink.jpg") center/cover;color:#fff;border:0}
.tcard.ink h3{color:#fff}.tcard.ink p{color:#DAD7F2}.tcard.ink .k{color:var(--goldl)}.tcard.ink .lnk{color:#fff}
@media (max-width:900px){.aimmrow{grid-template-columns:1fr}.trio{grid-template-columns:1fr}}

/* ---------- look inside ---------- */
.tabs{display:inline-flex;gap:4px;background:#fff;border-radius:999px;padding:4px;box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto;max-width:100%}
.tabs button{border:0;background:none;border-radius:999px;padding:9px 16px;font:500 14px var(--sans);color:var(--muted);white-space:nowrap}
.tabs button[aria-selected=true]{background:var(--navy);color:#fff}
.lookcap{margin:14px 0 22px;color:var(--muted);font-size:15px;min-height:24px}
.frame{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 50px 100px -50px rgba(13,22,51,.5),0 0 0 1px rgba(13,22,51,.08)}
.frame .bar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#E9E6DE;border-bottom:1px solid #DCD8CD;position:relative}
.frame .bar i{width:10px;height:10px;border-radius:50%;background:#D2CEC3}
.frame .bar .url{position:absolute;left:50%;transform:translateX(-50%);height:24px;border-radius:7px;background:rgba(255,255,255,.8);padding:0 16px;font:500 12px/24px var(--sans);color:var(--muted);white-space:nowrap}
.vp{position:relative;aspect-ratio:1280/760;overflow:hidden;background:var(--paper)}
.view{position:absolute;left:0;top:0;width:1280px;height:760px;transform-origin:0 0;display:flex;opacity:0;transition:opacity .45s;pointer-events:none}
.view.on{opacity:1;pointer-events:auto}

/* app chrome inside look-inside */
.asb{width:212px;flex:none;background:var(--navy);color:#C5C8D8;padding:16px 12px;display:flex;flex-direction:column;font:500 13px var(--sans)}
.asb .br{display:flex;align-items:center;gap:9px;color:#fff;font-weight:600;font-size:14.5px;padding:2px 4px 14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}
.asb .br svg{width:26px;height:26px;--logo-bg:#3026B0;--logo-fg:#fff}
.asb a{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:7px}
.asb a.cur{background:rgba(255,255,255,.08);color:#fff}
.asb .tl{margin:18px 6px 6px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.asb .tool{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px;color:#fff}
.asb .tool.cur{background:rgba(255,255,255,.08);box-shadow:inset 2px 0 0 var(--gold)}
.asb .tool em{margin-left:auto;font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.07em;background:var(--goldl);color:var(--navy);border-radius:4px;padding:2px 5px}
.asb .us{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px 4px 0;border-top:1px solid rgba(255,255,255,.08)}
.asb .us i{width:30px;height:30px;border-radius:50%;background:#2A3358;color:#fff;font:600 11px/30px var(--sans);text-align:center;font-style:normal}
.asb .us b{display:block;color:#fff;font-weight:500;font-size:12.5px}.asb .us small{font-size:11px;color:#9EA3BB}
.am{flex:1;min-width:0;background:var(--paper);overflow:hidden}
.am .top{height:50px;display:flex;align-items:center;padding:0 26px;border-bottom:1px solid var(--line)}
.am .srch{width:210px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#9A9CA8;font-size:12.5px;display:flex;align-items:center;gap:8px;padding:0 10px}
.am .dn{margin-left:auto;display:flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px;font-size:12px}
.am .dn span{padding:2px 10px;border-radius:999px;color:var(--muted)}.am .dn span:first-child{background:#EEEBE3;color:var(--navy)}
.ac{padding:22px 48px}
.ac .crumb{font:500 12px var(--sans);color:var(--muted);margin-bottom:14px}
.ac h4{font:400 34px/1.05 var(--serif);color:var(--ink);margin:0;letter-spacing:-.02em}
.ac h4 em{color:var(--indigo)}
.wk{margin-top:16px;border-radius:14px;padding:18px 24px 20px;color:#fff;background:#221C7A url("v10/silk-ink.jpg") center/cover}
.wk .d{width:26px;height:2px;background:var(--gold);margin-bottom:14px}
.wk .t{display:flex;justify-content:space-between;font:500 11px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.wk h5{font:400 26px/1.15 var(--serif);margin:8px 0 12px}
.wk .b{display:inline-block;background:#fff;color:var(--navy);border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:500}
.sdc{margin-top:16px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:14px;padding:20px 22px;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:center}
.sdc .e{font:500 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sdc h6{font:400 26px/1.05 var(--serif);color:var(--ink);margin:10px 0 10px}
.sdc h6 em{color:var(--indigo)}
.sdc p{font-size:12.5px;line-height:1.55}
.sdc .bt{display:inline-flex;margin-top:12px;background:var(--navy);color:#fff;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:500;gap:6px;align-items:center}
.sdc img{border-radius:10px;width:100%;aspect-ratio:16/9;object-fit:cover}
.stg{display:flex;align-items:flex-start;margin:18px 0 18px}
.stg div{flex:1;position:relative;font-size:12px;color:var(--muted)}
.stg div:before{content:"";position:absolute;left:30px;right:0;top:15px;height:1.5px;background:var(--gold);opacity:.7}
.stg div:last-child:before{display:none}
.stg i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--gold);background:var(--paper);font:400 15px var(--serif);font-style:normal;color:var(--ink);position:relative}
.stg div.on i{background:var(--navy);color:#fff;box-shadow:none}
.stg b{display:block;color:var(--ink);font-weight:600;margin-top:8px;font-size:12.5px}
.stbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.stbox .h{display:flex;align-items:baseline;gap:10px;font:400 22px var(--serif);color:var(--ink)}
.stbox .h small{font:500 10.5px var(--sans);letter-spacing:.1em;color:var(--muted)}
.stbox p{font-size:12.5px;color:var(--muted);margin-top:4px}
.stbox .row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:13px;color:var(--ink)}
.plp{margin-top:12px;border-radius:12px;padding:16px 20px;color:#fff;background:#221C7A url("v10/silk-ink.jpg") center/cover}
.plp .d{width:22px;height:2px;background:var(--gold);margin-bottom:10px}
.plp small{font:500 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#DAD7F2}
.plp h5{font:400 24px var(--serif);margin:6px 0 4px}
.plp p{font-size:12.5px;color:#DAD7F2}
.plp .b{display:inline-block;margin-top:10px;background:#fff;color:var(--navy);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:500}
.tbl{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 22px 8px}
.tbl .th,.tbl .tr{display:grid;grid-template-columns:2.1fr 1.3fr 1fr .6fr 1.6fr 20px;align-items:center}
.tbl .th{font:500 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:15px 0 11px;border-bottom:1.5px solid var(--navy)}
.tbl .tr{height:64px;border-bottom:1px solid #EEEBE3;font-size:13.5px}
.tbl .tr:last-child{border-bottom:0}
.tbl .tr.new{background:linear-gradient(90deg,rgba(232,210,158,.45),rgba(232,210,158,0) 75%);box-shadow:inset 3px 0 0 var(--gold);margin:0 -22px;padding:0 22px}
.tbl b{display:block;color:var(--ink);font-weight:500;font-size:14.5px}
.tbl small{display:block;color:var(--muted);font-size:12px}
.pl{display:inline-block;border-radius:999px;padding:3px 11px;font:500 12px var(--sans)}
.pl.w{box-shadow:inset 0 0 0 1.5px var(--indigo);color:var(--indigo)}
.pl.p{background:#E7E4DC;color:#4A4F63}
.pl.c{background:var(--indigo);color:#fff}
.rp{display:grid;grid-template-columns:1fr 240px;gap:18px;margin-top:4px}
.rhd{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:flex-start}
.rhd h4{font-size:30px}
.rhd small{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.rhd .ex{display:flex;gap:6px}
.rhd .ex span{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11.5px;color:var(--ink)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.tiles div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.tiles small{font:500 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tiles b{display:block;font:400 28px/1.1 var(--serif);color:var(--ink);margin-top:4px}
.fr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-top:10px}
.fr h5{font:400 21px/1.2 var(--serif);color:var(--ink);margin:4px 0 8px}
.fr p{font-size:12.5px;line-height:1.6}
.toc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:12.5px;color:var(--indigo);display:flex;flex-direction:column;gap:7px}
.toc small{font:500 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ---------- data / who / faq ---------- */
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1.5px solid var(--ink)}
.trust>div{padding:26px 26px 6px 0}
.trust>div+div{border-left:1px solid var(--line);padding-left:26px}
.trust .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--itint);color:var(--indigo)}
.trust .ic svg{width:18px;height:18px}
.trust h3{font-size:23px;margin-top:16px}
.trust p{margin-top:8px;color:var(--muted);font-size:15px}
.who{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.who>div{border-top:1px solid var(--line);padding-top:20px}
.who h3{font-size:25px}
.who p{margin-top:10px;color:var(--muted);font-size:15px}
@media (max-width:900px){.trust{grid-template-columns:1fr}.trust>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line)}.who{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.who{grid-template-columns:1fr}}
.faqg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px)}
.faqg h2{margin-top:12px}
.faqg .lead{margin-top:16px}
details{border-top:1px solid var(--line);padding:20px 0}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font:500 17.5px/1.4 var(--sans);color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--indigo);font-weight:300;font-size:24px;line-height:1}
details[open] summary:after{content:"–"}
details p{margin-top:10px;color:var(--muted);max-width:62ch}
@media (max-width:900px){.faqg{grid-template-columns:1fr}}

/* ---------- join / founder ---------- */
.join{text-align:center}
.join h2{font-weight:300;font-size:clamp(40px,5vw,68px)}
.join .lead{margin:20px auto 0;text-align:center;max-width:52ch}
.join .ctas{justify-content:center;margin-top:30px}
.founder{display:inline-flex;align-items:center;gap:18px;margin-top:48px;text-align:left}
.founder img{width:68px;height:68px;border-radius:50%;object-fit:cover}
.founder b{display:block;color:var(--ink);font-weight:600;font-size:16px;margin-top:2px}
.founder span{display:block;color:var(--muted);font-size:13.5px}
.founder a{display:inline-flex;gap:6px;align-items:center;margin-top:4px;font-size:13.5px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* ---------- footer ---------- */
.foot{background:var(--navy);color:rgba(244,243,239,.66);font-size:14px;padding-top:56px;overflow:hidden}
.foot .g{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px}
.foot .logo{color:#F4F3EF}.foot .logo svg{--logo-bg:#3026B0;--logo-fg:#fff}
.foot p{margin-top:14px;max-width:34ch}
.foot h4,.foot .fh{margin:0 0 12px;font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--goldl)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot a:hover{color:#fff}
.foot .legal a{color:inherit;text-decoration:underline;text-decoration-color:rgba(244,243,239,.35);text-underline-offset:3px}.foot .legal a:hover{color:#fff}
.foot .legal{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:12.5px}
.foot .wm{font:300 clamp(48px,8.5vw,124px)/.85 var(--serif);color:rgba(244,243,239,.07);letter-spacing:-.03em;margin-top:28px;white-space:nowrap;user-select:none}
@media (max-width:900px){.foot .g{grid-template-columns:1fr 1fr}}

/* ======================= PLUGIN PAGE ======================= */
.phero{padding-block:clamp(40px,6vw,80px) 0}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs a:hover{color:var(--ink)}
.phg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:start;margin-top:clamp(24px,3vw,36px)}
.chipline{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;color:var(--text)}
.chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gain)}
.phero h1{font-weight:300;font-size:clamp(46px,6.4vw,92px);line-height:1;letter-spacing:-.025em;margin-top:18px;max-width:none}
.phero h1 em{display:block}
.phero .lead{margin-top:0}
.phero .ctas{margin-top:30px}
.facts{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.facts li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.facts li b{color:var(--ink);font-weight:500;text-align:right}
@media (max-width:900px){.phg{grid-template-columns:1fr}}
.access{margin-top:clamp(28px,4vw,40px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:center;background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:16px;padding:22px 26px}
.access h2,.access h3{font-size:24px}
.access p{color:var(--muted);font-size:15px;margin-top:4px}
.access ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.access li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);background:var(--paper);border-radius:999px;padding:6px 14px 6px 6px}
.access li i{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font:600 12px/24px var(--mono);font-style:normal;text-align:center}
@media (max-width:900px){.access{grid-template-columns:1fr}}
.howg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.howg li{border-top:1.5px solid var(--ink);padding-top:18px}
.howg .n{font:400 32px/1 var(--serif);color:var(--ink)}
.howg h3{font-size:22px;margin-top:14px}
.howg p{margin-top:10px;color:var(--muted);font-size:14.5px}
@media (max-width:1000px){.howg{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.howg{grid-template-columns:1fr}}
/* Phones: the five steps as a compact numbered list. */
@media (max-width:700px){
  .howg{grid-template-columns:1fr;gap:0}
  .howg li{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;border-top:1px solid var(--line);padding:14px 0}
  .howg li:first-child{border-top:1.5px solid var(--ink)}
  .howg .n{grid-row:1/3;font-size:24px}
  .howg h3{font-size:19px;margin-top:0}
  .howg p{margin-top:4px;font-size:14px}
}
.getg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:start}
.ann{list-style:none;margin:0;padding:0;counter-reset:a}
.ann li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.ann li:last-child{border-bottom:1px solid var(--line)}
.ann .no{width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--navy);font:600 13px/28px var(--mono);text-align:center}
.ann b{display:block;color:var(--ink);font-weight:500;font-size:16px}
.ann p{color:var(--muted);font-size:14.5px;margin-top:3px}
.mk{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--navy);font:600 12px/24px var(--mono);text-align:center;box-shadow:0 0 0 4px rgba(212,178,106,.28);z-index:3}
.sample{position:relative}
@media (max-width:900px){.getg{grid-template-columns:1fr}.mk{display:none}}
.fgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:clamp(36px,4vw,52px)}
.fc{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.fc .t{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--ink)}
.fc .ti{width:30px;height:30px;border-radius:9px;background:var(--paper);display:grid;place-items:center;color:var(--ink);flex:none}
.fc .ti svg{width:16px;height:16px}
.fc p{margin-top:10px;font-size:13px;line-height:1.5;color:var(--text)}
.rt{display:inline-block;margin-top:10px;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px}
.r-strong{box-shadow:inset 0 0 0 1.3px var(--gain);color:var(--gain)}
.r-mixed{background:#EEEBE3;color:#4A4F63}
.r-weak{box-shadow:inset 0 0 0 1.3px var(--loss);color:var(--loss)}
.r-unknown{outline:1.3px dashed #A9ABB8;outline-offset:-1.3px;color:var(--muted)}
@media (max-width:1000px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Phones: three key factors first, the other seven a tap away. */
.fmorew{display:none}
@media (max-width:700px){
  .fgrid{grid-template-columns:1fr}
  .fgrid.fold .fc:not(.key){display:none}
  .fmorew{display:block;margin-top:12px}
  .fmore{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:11px 18px;font:500 14px var(--sans);cursor:pointer}
  .fmore[hidden]{display:none}
  .fmore[aria-expanded="true"] .i{transform:rotate(-90deg)}
}
.vocab{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.vocab>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.vocab .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.vocab p{color:var(--muted);font-size:14px;margin-top:12px}
@media (max-width:760px){.vocab{grid-template-columns:1fr}}
.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.skill{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.skill .k{color:var(--indigo)}
.skill h3{margin-top:22px;font-size:27px}
.skill p{margin-top:10px;color:var(--muted);font-size:15px}
@media (max-width:900px){.skills{grid-template-columns:1fr}}
.guards{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:start}
.guards ul{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.guards li{display:flex;gap:14px;align-items:flex-start;padding:17px 0;border-bottom:1px solid var(--line);font-size:16.5px;color:var(--ink)}
.guards li svg{width:20px;height:20px;color:var(--gain);margin-top:3px}
@media (max-width:900px){.guards{grid-template-columns:1fr}}
.nextg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.nextg>div{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:18px;padding:26px}
.nextg h3{margin-top:14px;font-size:27px}
.nextg p{margin-top:10px;color:var(--muted);font-size:15px}
.nextg .crit{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.nextg .crit span{font-size:12.5px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:4px 9px;color:var(--text)}
@media (max-width:760px){.nextg{grid-template-columns:1fr}}
.closing{text-align:center}
.closing h2{font-weight:300;font-size:clamp(40px,5vw,68px)}
.closing .ctas{justify-content:center;margin-top:28px}
.closing p{margin-top:16px;color:var(--muted)}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;z-index:90;background:rgba(8,10,30,.78);display:none;align-items:center;justify-content:center;padding:24px}
.modal:not([hidden]){display:flex}
.modal .box{position:relative;width:min(1180px,100%)}
.modal .filmbox{border-radius:16px}
.modal .x{position:absolute;right:0;top:-48px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font-size:20px;line-height:1}

/* ======================= v10: six heroes + Learn, Look inside, About ======================= */
/* hero 1: copy left, film right, fits above the fold at 1366x768 */
.hero1{padding-block:clamp(28px,4vw,52px) clamp(56px,7vw,96px)}
.h1g{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(28px,4vw,60px);align-items:center}
.h1t h1{font-weight:300;font-size:clamp(42px,4.5vw,68px);line-height:1.03;letter-spacing:-.025em;margin-top:20px;max-width:13ch}
.h1t .lead{margin-top:18px}
.h1t .ctas{margin-top:26px}
.h1t .note{margin-top:12px;font-size:13.5px;color:var(--muted)}
.stage.h1s{margin:0;max-width:none}
.stage.h1s .filmbox{border-radius:20px}
.stage.h1s .cap{justify-content:space-between;margin-top:14px}
@media (max-width:960px){.h1g{grid-template-columns:1fr}.h1t h1{max-width:16ch}.stage.h1s .cap{justify-content:center}}
/* heroes 2-5 */
.hz{padding-block:clamp(64px,8vw,112px)}
.hz.white{background:#fff}
.hsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
.hsplit h2{margin-top:14px}
.hsplit .lead{margin-top:18px}
.more{margin-top:28px}
.ctas.center{justify-content:center}
.flow{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.flow li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);background:var(--paper);border-radius:999px;padding:6px 14px 6px 6px}
.flow li i{width:24px;height:24px;border-radius:50%;background:var(--navy);color:#fff;font:600 12px/24px var(--mono);font-style:normal;text-align:center}
.nextline{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.nextline .k{margin-right:8px}
.mq{margin:16px 0 0;padding:18px 20px;border:1.5px dashed #C9C4B6;border-radius:16px;background:var(--paper);position:relative}
.mq blockquote{margin:0;font:400 19px/1.4 var(--serif);color:var(--ink)}
.mq figcaption{margin-top:8px;font-size:13px;color:var(--muted)}.mq figcaption b{color:var(--ink);font-weight:500}
.slotnote{display:inline-block;margin-top:10px;font:500 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#80621C;background:#F6EEDC;border-radius:4px;padding:3px 7px}
.stair.big div:nth-child(1){--h:150px}.stair.big div:nth-child(2){--h:190px}.stair.big div:nth-child(3){--h:230px}.stair.big div:nth-child(4){--h:270px}.stair.big div:nth-child(5){--h:310px}
@media (max-width:900px){.hsplit{grid-template-columns:1fr}}
/* hero 6 */
.close6 .by span{text-align:left}
.close6 .sub6{margin-top:30px;color:rgba(244,243,239,.78);font-size:16px}
.close6 .ctas{justify-content:center;margin-top:20px}
/* page heroes */
.pghero{padding-block:clamp(36px,5vw,72px) clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.pghero h1{font-weight:300;font-size:clamp(44px,5.6vw,82px);line-height:1.02;letter-spacing:-.025em;margin-top:18px;max-width:17ch}
.pghero .lead{margin-top:20px}
.pghero .ctas{margin-top:28px}
.jump{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.jump a{font-size:13.5px;color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:7px 14px}
.jump a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.sec.tight{padding-block:clamp(48px,6vw,88px)}
/* learn */
.wkf{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:0;border-radius:22px;color:#fff;background:#221C7A url("v10/silk-ink.jpg") center/cover}
.wkf>div{padding:clamp(28px,4vw,48px)}
.wkf .rule{display:block;width:34px;height:2px;background:var(--gold);margin-bottom:22px}
.wkf .k{color:var(--goldl)}
.wkf h2{color:#fff;margin-top:12px}
.wkf p{color:#DAD7F2;margin-top:14px;max-width:52ch}
.wkf .ctas{margin-top:26px}
.wkin{background:rgba(255,255,255,.07);border-left:1px solid rgba(255,255,255,.14)}
.wkin ul{list-style:none;margin:14px 0 0;padding:0}
.wkin li{padding:10px 0 10px 18px;border-bottom:1px solid rgba(255,255,255,.14);font-size:15px;color:#fff;position:relative}
.wkin li:before{content:"";position:absolute;left:0;top:19px;width:8px;height:1.5px;background:var(--gold)}
.wkin p{font-size:13.5px}
@media (max-width:900px){.wkf{grid-template-columns:1fr}.wkin{border-left:0;border-top:1px solid rgba(255,255,255,.14)}}
.libg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.libg>div{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px}
.libg b{display:block;font:400 44px/1 var(--serif);color:var(--ink);margin-top:14px}
.libg b small{font:500 13px var(--sans);color:var(--muted);letter-spacing:0}
.libg p{margin-top:12px;color:var(--muted);font-size:14.5px}
@media (max-width:900px){.libg{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.libg{grid-template-columns:1fr}}
.bpline{margin-top:14px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:16px;padding:22px 24px}
.bpline .hd{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}
.bpline h3{font-size:26px}
.bpline .m{margin-left:auto;font-size:13.5px;color:var(--muted)}
.bps{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.bps li{position:relative;font-size:14.5px;font-weight:500;color:var(--ink);padding-top:44px}
.bps li i{position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--gold);display:grid;place-items:center;font:400 16px var(--serif);font-style:normal;background:#fff}
.bps li:before{content:"";position:absolute;left:38px;right:6px;top:16px;height:1.5px;background:var(--gold);opacity:.6}
.bps li:last-child:before{display:none}
.bps li.pl i{background:var(--navy);color:#fff;box-shadow:none}
.bps small{display:block;font-weight:400;font-size:12.5px;color:var(--indigo);margin-top:3px}
@media (max-width:760px){.bps{grid-template-columns:1fr}.bps li{padding:6px 0 6px 44px;min-height:40px}.bps li:before{display:none}.bpline .m{margin-left:0}}
.evg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px}
.evn{background:#fff;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:18px;padding:28px}
.evn h3{margin-top:12px}
.evn .d{margin-top:12px;color:var(--ink);font-weight:500}
.evn p{color:var(--muted)}
.evn .ctas{margin-top:22px}
.evp{border-top:1.5px solid var(--ink);padding-top:16px}
.evp ul{list-style:none;margin:6px 0 0;padding:0}
.evp li{padding:14px 0;border-bottom:1px solid var(--line)}
.evp li b{display:block;font:400 20px/1.25 var(--serif);color:var(--ink)}
.evp li span{font-size:13.5px;color:var(--muted)}
@media (max-width:900px){.evg{grid-template-columns:1fr}}
.openg{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.openg a{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px;transition:border-color .15s}
.openg a:hover{border-color:var(--ink)}
.openg h3{font-size:28px}
.openg p{color:var(--muted)}
.openg .lnk{margin-top:6px}
@media (max-width:760px){.openg{grid-template-columns:1fr}}
/* look inside page */
.lkh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start;margin-bottom:28px}
.lkn{font:300 56px/1 var(--serif);color:#A8853A}
.lkh h2{margin-top:10px;font-size:clamp(30px,3.2vw,44px)}
.lkh .lead{margin-top:12px}
.lkg{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(20px,3vw,40px);align-items:start}
.lkg .ann{position:sticky;top:96px}
@media (max-width:1060px){.lkg{grid-template-columns:1fr}.lkg .ann{position:static}}
.vp{aspect-ratio:auto}
.vp[data-min]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.vp .sz{height:1px}
.swipe{display:none;margin:10px 0 0;font:500 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}
@media (max-width:700px){.swipe{display:block}}
.vmk{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--navy);font:600 15px/32px var(--mono);text-align:center;box-shadow:0 0 0 6px rgba(212,178,106,.3);z-index:5;pointer-events:none}
/* about */
.howg.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.howg.three{grid-template-columns:1fr}}
.teamg{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.teamg>div{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}
.fnd{display:flex;gap:20px;align-items:flex-start}
.fnd img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none}
.teamg h3{margin-top:10px;font-size:27px}
.teamg p{margin-top:8px;color:var(--muted);font-size:15px}
.fnd .lnk{margin-top:12px;font-size:14px}
@media (max-width:960px){.teamg{grid-template-columns:1fr}}
@media (max-width:640px){.lkn{font-size:40px}.lkh{gap:14px}.hz .stair.big div{min-height:0}}

/* ---------- AIMM page (rebuilt from the live /aimm/ page; document-suite accents from the AIMM documents) ---------- */
.ahero{border-bottom:0}
.ahg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,5vw,72px);align-items:end;margin-top:22px}
.ahg h1{margin-top:12px;max-width:12ch}
.ahr .lead{margin-top:0}
.ahr .ctas{margin-top:24px}
.ahr .note{margin-top:14px;font-size:13px;color:var(--muted)}
.klayer{background:#fff;border:1px solid var(--line);border-radius:12px;margin-top:18px;padding:14px 18px;text-align:center;font-size:13.5px;color:var(--muted)}
.klayer b{color:var(--ink);font-weight:500;margin-right:8px}
.lvlnote{text-align:center;margin-top:16px;font-size:13.5px;color:var(--muted)}
.astats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:16px}
.astats>div{padding:22px 24px}.astats>div+div{border-left:1px solid var(--line)}
.astats b{display:block;font:400 46px/1 var(--serif);color:var(--indigo)}
.astats span{display:block;margin-top:8px;font:500 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media (max-width:760px){.astats{grid-template-columns:1fr 1fr}.astats>div:nth-child(3){border-left:0}.astats>div:nth-child(n+3){border-top:1px solid var(--line)}}
.why .lead+.lead{margin-top:14px}
.why .crit,.crit{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}
.why .crit span{font-size:13px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--indigo)}
.ttab{border-top:2px solid var(--navy)}
.ttab .tr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.2fr);gap:20px;padding:16px 4px;border-bottom:1px solid var(--line);align-items:center}
.ttab .th{font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:12px 4px}
.ttab .tr>span:first-child{display:flex;align-items:center;gap:12px;font:400 22px var(--serif);color:var(--ink)}
.ttab .th>span:first-child{font:500 11px var(--sans);letter-spacing:.12em;color:var(--muted)}
.ttab .q{font:400 italic 19px/1.35 var(--serif);color:var(--indigo)}
.lb{display:inline-grid;place-items:center;width:34px;height:24px;border-radius:6px;font:600 11.5px var(--mono);font-style:normal;color:#fff}
.lb.l1{background:#6B6F82}.lb.l2{background:#5F56D0}.lb.l3{background:#4F45C8}.lb.l4{background:#1B1766}.lb.l5{background:#8F6D27}
@media (max-width:760px){.ttab .tr{grid-template-columns:1fr;gap:6px}.ttab .th{display:none}}
.calib{margin-top:26px;background:#FBF6EA;border-left:3px solid var(--gold);border-radius:4px 14px 14px 4px;padding:20px 24px}
.calib .k{color:#80621C}
.calib p{margin-top:10px;font:400 18px/1.55 var(--serif);color:var(--ink)}
.calib small{display:block;margin-top:10px;font-size:12.5px;color:var(--muted)}
.disc{margin-top:22px;font-size:13px;color:var(--muted);max-width:80ch}
.dims{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.dims li{border-top:1px solid var(--line);padding-top:18px}
.dims span{font:500 12px var(--mono);color:var(--indigo)}
.dims h3{font-size:24px;margin-top:14px}
.dims p{margin-top:10px;font-size:14.5px;color:var(--muted)}
@media (max-width:1000px){.dims{grid-template-columns:1fr 1fr}}@media (max-width:560px){.dims{grid-template-columns:1fr}}
.ways{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ways>div{position:relative;overflow:hidden;background:#F7F5F0 url("v10/silk-pearl.webp") center/cover;border:1px solid rgba(212,178,106,.75);border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 24px 48px -36px rgba(13,22,51,.35)}
.ways>div::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.62));pointer-events:none}
.ways>div>*{position:relative}
.ways .k{color:var(--indigo)}
.ways h3{font-size:clamp(30px,3vw,40px);margin-top:16px}
.ways .s{font:400 23px var(--serif);color:var(--ink);margin-top:8px}
.ways p{color:var(--muted);margin-top:12px}
.ways .btn,.ways .lnk{margin-top:22px}
@media (max-width:760px){.ways{grid-template-columns:1fr}}
.oaa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.oaa>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px}
.oaa .k{color:var(--indigo);text-transform:none;letter-spacing:.02em;font-size:13px}
.oaa h3{margin-top:14px;font-size:26px}
.oaa p{margin-top:10px;color:var(--muted);font-size:15px}
@media (max-width:900px){.oaa{grid-template-columns:1fr}}
.suite{margin-top:clamp(32px,4vw,48px)}
.suite .sh2{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}
.suite .m{font-size:13px;color:var(--muted)}
.covers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:18px}
.cov{aspect-ratio:3/4;border-radius:6px 12px 12px 6px;background:#0B1433;color:#fff;padding:16px 14px;display:flex;flex-direction:column;box-shadow:0 18px 30px -22px rgba(13,22,51,.7),inset 3px 0 0 rgba(255,255,255,.08);position:relative;overflow:hidden}

.cov .ct{display:flex;align-items:center;gap:7px;font:600 8.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#C9CCDA}
.cov .ct i{width:12px;height:12px;border-radius:3px;background:#E3A23A}
.cov small{margin-top:auto;padding-top:12px;border-top:1px solid rgba(212,178,106,.45);font:600 8.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#E3A23A}
.cov b{font:400 19px/1.1 var(--serif);margin-top:8px}
.cov em{font-style:normal;font-size:11px;color:#9EA3BB;margin-top:10px}
.cov.deck{background:#F3F1EC;color:var(--ink);box-shadow:0 18px 30px -22px rgba(13,22,51,.5),inset 0 0 0 1px var(--line)}
.cov.deck .ct{color:var(--muted)}.cov.deck em{color:var(--muted)}.cov.deck small{color:#B07A1E;border-top-color:var(--line)}
@media (max-width:1000px){.covers{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.covers{grid-template-columns:1fr 1fr}}
.aclose .k{display:block}
.aclose .sub6{margin:24px auto 0;color:rgba(244,243,239,.78);font-size:16px;max-width:52ch}
.aclose .ctas{justify-content:center;margin-top:22px}
/* about: partner logos */
.org .plogo{height:44px;display:flex;align-items:center;margin-top:16px}
.org .plogo img{height:34px;width:auto}
.org .plogo img.wide{height:24px}
.org .lslot{height:44px;margin-top:16px;display:flex;align-items:center;justify-content:center;border:1.5px dashed #C9C4B6;border-radius:10px;font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#80621C;background:#F6EEDC;padding:0 10px;text-align:center}
.org h3.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- prototype switcher (remove in production) ---------- */
/* ---------- phone ---------- */
@media (max-width:640px){
  .ubar .k,.ubar>.wrap>span{display:none}
  .stair{grid-template-columns:1fr;gap:6px}
  .stair div{min-height:0;flex-direction:row;justify-content:space-between;align-items:center;padding:11px 14px;border-radius:10px}
  .stair div:nth-child(1){width:60%}.stair div:nth-child(2){width:70%}.stair div:nth-child(3){width:80%}.stair div:nth-child(4){width:90%}.stair div:nth-child(5){width:100%}
  .stair span{margin:0;font-size:17px}
    .cap{font-size:10.5px}
}
@media (max-width:480px){.nav .r .dark{display:none}}


/* Learn row: pearl silk on Library and Events (Option A, 20 Oct) */
.trio .tcard:not(.ink){position:relative;overflow:hidden;background:#F7F5F0 url("v10/silk-pearl.webp") center/cover}
.trio .tcard:not(.ink)::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.62));pointer-events:none}
.trio .tcard:not(.ink)>*{position:relative}
.trio .tcard .stats b{color:var(--indigo)}
.tcard .dt{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:62px;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(13,22,51,.1),inset 0 0 0 1px var(--line);align-self:flex-start}
.tcard .dt small{font:600 10.5px/1 var(--sans);letter-spacing:.12em;color:var(--loss,#B42D25);text-transform:uppercase}
.tcard .dt b{font:400 28px/1 var(--serif);color:var(--ink);margin-top:4px}
.pcn{margin-top:12px;font-size:13.5px;color:var(--muted)}.pcn a{color:var(--indigo);font-weight:500}
.evg.solo{grid-template-columns:minmax(0,1fr)}

/* What's inside row on the home first screen (20 Oct) */
.hero1{padding-bottom:clamp(40px,5vw,64px)}
.inside{display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));gap:8px 18px;align-items:center;margin-top:clamp(18px,2.2vw,32px);padding-top:14px;border-top:1px solid var(--line)}
.inside>.k{color:var(--goldd,#80621C);padding-right:6px}
.inside a{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;padding:6px 8px 6px 0;border-radius:12px}
.inside a .i{width:36px;height:36px;padding:8px;border-radius:10px;background:#fff;color:var(--indigo);box-shadow:inset 0 0 0 1px var(--line);flex:none;stroke-width:1.6}
.inside a b{display:block;font:500 14.5px/1.25 var(--sans)}
.inside a small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.inside a:hover b{color:var(--indigo)}
.inside a:focus-visible{outline:2px solid var(--indigo);outline-offset:3px}
@media (max-width:1100px){.inside{grid-template-columns:repeat(2,minmax(0,1fr))}.inside>.k{grid-column:1/-1}}
@media (max-width:620px){.inside{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Full screen for the films (20 Oct) */
.watch.fsb i{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.watch.fsb i svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin:0}
.filmbox>[data-film]{position:absolute;inset:0}
.fsx{display:none;position:absolute;right:18px;top:18px;z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);cursor:pointer;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.fsx svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.filmbox:fullscreen,.filmbox.fsfix{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh;max-width:none;background:#0D1633;box-shadow:none}
.filmbox:-webkit-full-screen{border-radius:0;width:100vw;height:100vh;background:#0D1633}
.filmbox.fsfix{position:fixed;inset:0;z-index:200;height:100dvh}
.filmbox:fullscreen .fsx,.filmbox:-webkit-full-screen .fsx,.filmbox.fsfix .fsx{display:grid}
.filmbox:fullscreen .gd,.filmbox.fsfix .gd{display:none}
@media (prefers-reduced-motion:reduce){.fsx{transition:none}}

/* AIMM staircase, joined (Option A, 20 Oct) */
.stw{min-width:0}
.st2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;filter:drop-shadow(0 30px 40px rgba(13,22,51,.14))}
.st2 .s{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:14px 11px;min-height:var(--h);border-radius:14px 14px 0 0;overflow:hidden;transform-origin:bottom}
.st2 .s+.s{margin-left:-1px}
.st2 .s::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--rule)}
.st2 em{font:300 34px/1 var(--serif);font-style:normal;letter-spacing:-.02em;opacity:.9}
.st2 b{display:block;font:400 17px/1.1 var(--serif);font-weight:400}
.st2 i{display:block;font:400 12.5px/1.35 var(--sans);font-style:normal;margin-top:6px;opacity:.82}
.st2 .s1,.st2 .s2,.st2 .s3{background-image:linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,.35)),url("v10/silk-pearl.webp");background-size:cover;background-blend-mode:normal,luminosity;color:var(--ink)}
.st2 .s1{--h:170px;--rule:var(--indigo);background-color:#F1EFF9}
.st2 .s2{--h:215px;--rule:var(--indigo);background-color:#E4E1F6}
.st2 .s3{--h:260px;--rule:var(--indigo);background-color:#CFC9F0}
.st2 .s4{--h:305px;--rule:#7C74DC;background:linear-gradient(rgba(79,69,200,.74),rgba(79,69,200,.74)),#4F45C8 url("v10/silk-ink.jpg") center/cover;color:#fff}
.st2 .s5{--h:350px;--rule:var(--gold);background:#221C7A url("v10/silk-ink.jpg") center/cover;color:#fff}
.st2 .s5::before{content:"";position:absolute;inset:0;background:rgba(13,16,51,.25)}
.st2 .s5>*{position:relative}
.st2g{display:grid;grid-template-columns:2fr 2fr 1fr;gap:0 10px;margin-top:10px}
.st2g span{border-top:1px solid var(--ink);padding-top:8px;font:500 10.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.st2g span:last-child{border-color:var(--gold);color:var(--goldd,#80621C)}
.stw.sm .s1{--h:140px}.stw.sm .s2{--h:175px}.stw.sm .s3{--h:210px}.stw.sm .s4{--h:245px}.stw.sm .s5{--h:280px}
.stw.sm em{font-size:28px}.stw.sm b{font-size:15.5px}.stw.sm i{font-size:12px}
.st2.anim .s{transform:scaleY(.04);opacity:0;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s}
.st2.anim .s2{transition-delay:.08s}.st2.anim .s3{transition-delay:.16s}.st2.anim .s4{transition-delay:.24s}.st2.anim .s5{transition-delay:.32s}
.st2.anim.in .s{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){.st2.anim .s{transform:none;opacity:1;transition:none}}
@media (max-width:640px){
  .st2{grid-template-columns:1fr;gap:6px;filter:none}
  .st2 .s{min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:12px 14px;border-radius:12px;margin-left:0!important}
  .st2 .s1{width:64%}.st2 .s2{width:73%}.st2 .s3{width:82%}.st2 .s4{width:91%}.st2 .s5{width:100%}
  .st2 em{font-size:26px;min-width:34px}.st2 i{margin-top:3px}
  .st2g{display:none}
}

/* Learn panel: Option A (20 Oct) — Weekly band, library feature, events */
.lgrid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.lgrid .band{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:minmax(0,1.4fr) auto;column-gap:40px;align-items:end;padding:30px 34px}
.lgrid .band .k{grid-column:1/-1}.lgrid .band h3{font-size:34px;grid-column:1}.lgrid .band p{grid-column:1;max-width:62ch}
.lgrid .band .lnk{grid-column:2;grid-row:2/4;align-self:end;margin:0;background:#fff;color:var(--ink);padding:12px 18px;border-radius:999px}
/* With the edition's headlines: copy and button left, three headlines right. */
.lgrid .band:has(.wsb){grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:56px;align-items:start}
.lgrid .band:has(.wsb) .lnk{grid-column:1;grid-row:4;justify-self:start;margin-top:24px}
.lgrid .band .wsb{grid-column:2;grid-row:2/5;align-self:center;border-left:1px solid rgba(255,255,255,.16);padding-left:32px}
.wsk{display:block;font:600 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#C9C5EE}
.wst{list-style:none;margin:10px 0 0;padding:0}
.wst li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14);font:400 19px/1.3 var(--serif);color:#fff}
.wst li:last-child{border-bottom:0}
.wst i{font:600 11px/1 var(--sans);font-style:normal;letter-spacing:.08em;color:var(--goldl)}
.wkin .wst li{font-size:16.5px;padding:9px 0}
.lgrid .band .lnk .i{color:var(--ink)}
.lgrid .lib h3{font-size:30px}
.lgrid .chips{display:flex;flex-wrap:wrap;gap:8px}
.lgrid .chips span{font-size:13px;color:var(--ink);background:rgba(255,255,255,.82);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:6px 12px}
.trio .tcard.evc{background:#fff;border-top:3px solid var(--gold)}.trio .tcard.evc::before{display:none}
@media (max-width:900px){.lgrid{grid-template-columns:1fr}.lgrid .band{grid-template-columns:1fr}.lgrid .band .lnk{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}}
@media (max-width:900px){.lgrid .band:has(.wsb){grid-template-columns:1fr}.lgrid .band .wsb{grid-column:1;grid-row:auto;border-left:0;padding-left:0;margin-top:20px;border-top:1px solid rgba(255,255,255,.16);padding-top:16px}.lgrid .band:has(.wsb) .lnk{grid-row:auto}}

/* ---------- production additions: accessibility, consent, menu, film hosts ---------- */
.skip-link{position:absolute;left:12px;top:-60px;z-index:300;background:var(--navy);color:#fff;padding:10px 16px;border-radius:10px;font:500 14px var(--sans);transition:top .15s}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--indigo,#3026B0);outline-offset:3px}
[hidden]{display:none!important}
.logo img{width:30px;height:30px;display:block}
html.film-open{overflow:hidden}
.film-host{position:absolute;inset:0;background:#1B1766}
.film-host>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.film-host.mounted>img{display:none}
.modal .filmbox>[data-film-full]{position:absolute;inset:0}
.modal .x{cursor:pointer}
/* mobile menu: a native disclosure, so it works without JavaScript */
.mnav{display:contents}
.mnav>summary{list-style:none;cursor:pointer;gap:0;font-size:0;justify-content:center}
.mnav>summary:after,.mnav[open]>summary:after{content:none}
.mnav>summary::-webkit-details-marker{display:none}
.mnav .sheet{position:absolute;left:0;right:0;top:100%;height:calc(100dvh - 66px);border-top:1px solid var(--line)}
@media (max-width:960px){.mnav[open] .sheet{display:block}}
.mnav[open]>summary{box-shadow:inset 0 0 0 1px var(--ink)}
.mnav .sheet .btn{font:500 15px var(--sans);color:#fff;border:0;padding:0}
.foot .setting{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.foot .setting:hover{color:#fff}
/* analytics consent (analytics.js shows and hides it) */
.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:120;max-width:760px;margin:0 auto;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 20px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 30px 60px -30px rgba(13,22,51,.45),0 0 0 1px var(--line);font-size:13.5px;line-height:1.5}
.consent-banner>div:first-child{flex:1 1 360px}
.consent-banner strong{display:block;font-weight:600;margin-bottom:4px}
.consent-banner p{margin:0 0 6px;color:var(--muted)}
.consent-banner a{color:var(--indigo,#3026B0);text-decoration:underline;text-underline-offset:3px}
.consent-banner>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
@media print{.ubar,.nav,.consent-banner,.foot .wm{display:none}}
.cap .acts{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center;letter-spacing:0}
.nav .r .sheet .btn.dark{display:flex;height:46px;margin-top:24px;width:100%;font-size:15px}
.skills.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.skills.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.skills.five{grid-template-columns:1fr}}
.support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.support>div{background:var(--paper);border-radius:18px;padding:24px}
.support h3{font-size:22px;margin-bottom:10px}
.support p{color:var(--muted);font-size:15px;line-height:1.6}
.support a{color:var(--indigo);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media (max-width:900px){.support{grid-template-columns:1fr}}
/* AIMM page hero: the same silk staircase at full width, rising on load */
.stw.lg{margin-top:clamp(36px,5vw,56px)}
@media (max-width:900px){.ahg{grid-template-columns:1fr}.klayer{border-top:1px solid var(--line);border-radius:12px;margin-top:8px}}
@media (min-width:641px){
  .stw.lg .s{padding:18px 16px;gap:18px}
  .stw.lg .s1{--h:210px}.stw.lg .s2{--h:255px}.stw.lg .s3{--h:300px}.stw.lg .s4{--h:345px}.stw.lg .s5{--h:390px}
  .stw.lg em{font-size:42px}
  .stw.lg b{font-size:22px}
  .stw.lg i{font-size:13.5px;line-height:1.45;margin-top:8px}
}
@keyframes st2rise{from{transform:scaleY(.04);opacity:0}to{transform:none;opacity:1}}
.st2.rise .s{animation:st2rise .7s cubic-bezier(.2,.7,.2,1) .15s both}
.st2.rise .s2{animation-delay:.23s}
.st2.rise .s3{animation-delay:.31s}
.st2.rise .s4{animation-delay:.39s}
.st2.rise .s5{animation-delay:.47s}
@media (prefers-reduced-motion:reduce){.st2.rise .s{animation:none}}
/* AIMM: each step opens its level below the staircase. Without JavaScript all five show. */
.st2 .s .sbtn{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;border-radius:inherit}
.st2 .s .sbtn:focus-visible{outline:3px solid var(--gold);outline-offset:-6px}
.st2.pick .s{transition:filter .2s}
.st2.pick .s:hover{filter:brightness(1.05)}
.st2.pick .s.on{box-shadow:inset 0 0 0 2px var(--indigo)}
.st2.pick .s4.on,.st2.pick .s5.on{box-shadow:inset 0 0 0 2px var(--goldl)}
.st2.pick .s.on::after{height:4px}
.lvp{margin-top:18px;display:grid;gap:12px}
.lvhint{display:none;margin:0;font-size:13.5px;color:var(--muted);text-align:center}
.lvp.js .lvhint{display:block}
.lvp.js .lvd[hidden]{display:none}
.lvd{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.95fr);gap:clamp(20px,3vw,40px);background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,3vw,32px);overflow:hidden}
.lvd::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--indigo)}
.lvd.l4::before{background:#7C74DC}.lvd.l5::before{background:var(--gold)}
.lvd .k{color:var(--muted)}
.lvd h3{font:400 30px/1.1 var(--serif);margin:10px 0 0;color:var(--ink)}
.lvd .lvh p{margin-top:12px;color:var(--muted);font-size:15px}
.lvt{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,40px)}
.lvt p{margin-top:12px;font:400 italic 21px/1.38 var(--serif);color:var(--indigo)}
.lvg ul{list-style:none;margin:12px 0 0;padding:0}
.lvg li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink)}
.lvg li:last-child{border-bottom:0}
.lvg li::before{content:"";position:absolute;left:0;top:16px;width:10px;height:6px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}
.lvp.js .lvd{animation:lvin .35s ease both}
@keyframes lvin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lvp.js .lvd{animation:none}}
@media (max-width:900px){.lvd{grid-template-columns:1fr}.lvt{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:18px}}
.ahero+.sec.tight{padding-top:0}
.org .plogo a{display:inline-flex;border-radius:6px;transition:opacity .15s}.org .plogo a:hover{opacity:.7}
/* plugin page: guardrails inside the skills section, support inside your data */
.gin{margin-top:clamp(40px,5vw,64px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--line)}
.gin h3{font-size:clamp(28px,3vw,40px);margin-top:12px}
.supp{margin-top:clamp(40px,5vw,64px)}
.supp .sh2{display:grid;gap:8px;margin-bottom:22px;max-width:62ch}
.supp .sh2 h3{font-size:clamp(26px,2.6vw,34px)}
.supp .sh2 p{color:var(--muted)}
a.pillnote{transition:box-shadow .15s}
a.pillnote:hover{box-shadow:inset 0 0 0 1px var(--ink)}
/* Learn: named tasks from the Deal Pipeline blueprint */
.bptasks{margin-top:18px}
.bptasks ul{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bptasks li{background:var(--paper);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.bptasks b{font-weight:500;color:var(--ink);font-size:15px}
.bptasks small{font-size:12.5px;color:var(--muted)}
@media (max-width:760px){.bptasks ul{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.bptasks ul{grid-template-columns:1fr}}
/* AIMM: an example Pulse Check result */
.pres{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1.15fr);gap:clamp(20px,3vw,40px);align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 24px 48px -36px rgba(13,22,51,.35)}
.pres .k{color:var(--indigo)}
.pres .lvl{display:flex;align-items:baseline;gap:10px;margin-top:14px}
.pres .lvl b{font:300 64px/1 var(--serif);color:var(--indigo)}
.pres .lvl span{font-size:13px;color:var(--muted)}
.pres h3{font-size:30px;margin-top:4px}
.pres-l p{color:var(--muted);margin-top:8px;font-size:15px}
.pres-st{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:5px;height:120px}
.pres-st li{flex:1;border-radius:6px 6px 0 0;background:#E4E1F6}
.pres-st li:nth-child(1){height:30%}.pres-st li:nth-child(2){height:45%}.pres-st li:nth-child(3){height:60%}.pres-st li:nth-child(4){height:78%}.pres-st li:nth-child(5){height:100%}
.pres-st li.on{background:linear-gradient(rgba(79,69,200,.74),rgba(79,69,200,.74)),#4F45C8 url("v10/silk-ink.jpg") center/cover;box-shadow:inset 0 2px 0 var(--gold)}
.pres-r{display:grid;gap:16px}
.pres-r b{display:block;margin-top:6px;font-weight:500;color:var(--ink);font-size:16px;line-height:1.45}
.pres-r .note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
@media (max-width:900px){.pres{grid-template-columns:1fr}.pres-st{height:80px;max-width:220px}}
@media (min-width:1101px){.who.five{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:561px) and (max-width:1100px){.who.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* About: founder note */
.fnote{margin:0 0 22px;padding:clamp(24px,3vw,36px) clamp(24px,3vw,40px);border-radius:18px;position:relative;overflow:hidden;background:#F7F5F0 url("v10/silk-pearl.webp") center/cover;border:1px solid rgba(212,178,106,.75)}
.fnote::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.62));pointer-events:none}
.fnote>*{position:relative}
.fnote blockquote{margin:0}
.fnote blockquote p{font:300 clamp(22px,2.2vw,30px)/1.3 var(--serif);color:var(--ink);max-width:46ch;text-wrap:pretty}
.fnote figcaption{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:var(--muted)}
.fnote figcaption img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.fnote figcaption b{color:var(--ink);font-weight:500}
/* Look inside on phones: screenshots at a readable size, scrolled sideways */
@media (max-width:700px){
  .lkg .frame.shot{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .lkg .frame.shot img{width:760px;max-width:none}
}
.pillnote b{white-space:nowrap}
/* Look inside: a slow tour of each screenshot, one numbered marker at a time. */
.frame.shot.tour{position:relative}
.tour .tz{position:relative;transform-origin:var(--x,50%) var(--y,50%);transition:transform 1.2s cubic-bezier(.25,.7,.2,1),transform-origin 1.2s cubic-bezier(.25,.7,.2,1)}
.tour.zoom .tz{transform:scale(1.28)}
.tour .tspot{position:absolute;left:var(--x,50%);top:var(--y,50%);width:4.4%;aspect-ratio:1;margin:-2.2% 0 0 -2.2%;border-radius:50%;pointer-events:none;opacity:0;box-shadow:0 0 0 2px rgba(212,178,106,.95),0 0 0 200vmax rgba(13,22,51,.1);transition:opacity .5s,left 1.2s cubic-bezier(.25,.7,.2,1),top 1.2s cubic-bezier(.25,.7,.2,1)}
.tour.zoom .tspot{opacity:1}
.tourb{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.94);color:var(--ink);border-radius:999px;padding:8px 14px;font:500 13px var(--sans);cursor:pointer;box-shadow:0 8px 20px -10px rgba(13,22,51,.35)}
.tourb[hidden]{display:none}
.tourb:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.tourb svg{width:12px;height:12px;fill:currentColor}
.ann li.tl{display:block;padding:0;transition:background .3s}
.ann .annb{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;width:100%;padding:16px 0;margin:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.ann .annb:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.ann li.tl:hover b{color:var(--indigo)}
.ann li.tl.on{background:linear-gradient(90deg,rgba(212,178,106,.16),rgba(212,178,106,0))}
.ann li.tl.on .no{box-shadow:0 0 0 5px rgba(212,178,106,.3)}
@media (prefers-reduced-motion:reduce){.tour .tz,.tour .tspot{transition:none}}
@media (max-width:700px){.tour .tz{width:max-content}.tour.zoom .tz{transform:none}.tour .tspot{display:none}}
.phero .chipline{margin-top:20px}