/* Cyphaira — shared chrome and reading pages (extends scrollcraft.css + cyphaira.css tokens) */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem var(--sc-gutter,1.5rem);background:color-mix(in oklab,var(--sc-canvas) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--sc-hairline)}
.nav__brand img{display:block;height:16px;width:auto}
.nav__menu{display:flex;gap:1.6rem;align-items:center}
.nav__menu a{font-size:var(--sc-t-sm);color:var(--sc-ink-soft);text-decoration:none;letter-spacing:.01em}
.nav__menu a:hover{color:var(--sc-ink)}
.nav__menu .nav__cta{color:var(--sc-ink);border:1px solid var(--sc-hairline-strong);padding:.45rem .9rem;border-radius:999px}
.nav__menu .nav__cta:hover{background:var(--cy-blue);border-color:var(--cy-blue)}
.nav__toggle{display:none;background:none;border:0;width:40px;height:40px;position:relative;cursor:pointer}
.nav__toggle span{position:absolute;left:10px;right:10px;height:2px;background:var(--sc-ink);top:15px;transition:transform .2s}
.nav__toggle span+span{top:23px}
@media (max-width:860px){
  .nav__toggle{display:block}
  .nav__menu{display:none;position:fixed;inset:60px 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;background:var(--sc-canvas);border-bottom:1px solid var(--sc-hairline);padding:.5rem 0 1rem}
  .nav__menu.is-open{display:flex}
  .nav__menu a{padding:.8rem var(--sc-gutter,1.5rem);width:100%;font-size:var(--sc-t-base)}
  .nav__menu .nav__cta{border:0;border-radius:0}
}
.eyebrow{font-size:var(--sc-t-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--sc-accent);margin:0 0 .8rem}
.tag{display:inline-block;font-size:.68em;letter-spacing:.08em;text-transform:uppercase;padding:.15em .5em;border:1px solid var(--sc-hairline-strong);border-radius:4px;color:var(--sc-ink-soft);vertical-align:middle;margin-right:.35em}
.steps,.stats,.suites,.panels,.people{display:grid;gap:1rem;width:100%}
.steps>div,.suites>div,.stats>div{padding:1.1rem 1.2rem;border:1px solid var(--sc-hairline);border-radius:10px;background:color-mix(in oklab,var(--sc-surface) 60%,transparent);font-size:var(--sc-t-sm);color:var(--sc-ink-soft);line-height:1.55}
.steps>div b,.suites>div b{display:block;color:var(--sc-ink);font-weight:600;margin-bottom:.3rem;font-size:var(--sc-t-base)}
.stats>div b{display:block;color:var(--sc-ink);font-weight:500;font-size:var(--sc-t-2xl);letter-spacing:-.02em;line-height:1.1;margin-bottom:.25rem}
.stats>div b+b{display:inline;font-size:var(--sc-t-2xl)}
.basis{font-size:var(--sc-t-xs);color:var(--sc-ink-soft);margin-top:1rem}
.side--info .steps,.side--info .stats{text-align:left}
.cta-secondary{margin-left:1.2rem}
/* reading pages */
.page{padding-top:64px;background:var(--sc-canvas);color:var(--sc-ink);min-height:100svh}
.page-hero{padding:clamp(4rem,10vw,8rem) var(--sc-gutter,1.5rem) clamp(2rem,5vw,4rem);max-width:64rem;margin:0 auto}
.page-hero h1{max-width:18ch;margin:0}
.lede{font-size:var(--sc-t-lg);color:var(--sc-ink);max-width:60ch;line-height:1.5}
.prose{max-width:64rem;margin:0 auto;padding:0 var(--sc-gutter,1.5rem) clamp(4rem,10vw,8rem);font-size:var(--sc-t-base);color:var(--sc-ink-soft)}
.prose p{max-width:66ch}
.prose h2{font-family:var(--sc-font-display);font-weight:500;letter-spacing:-.02em;font-size:var(--sc-t-xl);color:var(--sc-ink);margin:2.6rem 0 .8rem}
.prose a{color:var(--sc-ink);text-decoration-color:var(--sc-hairline-strong)}
.prose blockquote{border-left:2px solid var(--sc-accent);margin:1.5rem 0;padding:.2rem 0 .2rem 1.2rem;color:var(--sc-ink);font-size:var(--sc-t-lg);line-height:1.4;max-width:60ch}
.pull{font-family:var(--sc-font-display);font-size:var(--sc-t-2xl);color:var(--sc-ink);letter-spacing:-.02em;line-height:1.15;margin:2rem 0}
.steps--page,.suites{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1.5rem 0}
.stats--page{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:1.5rem 0}
.panels{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:1.5rem 0}
.panels a{display:block;padding:1.2rem 1.3rem;border:1px solid var(--sc-hairline);border-radius:10px;text-decoration:none;color:var(--sc-ink-soft);font-size:var(--sc-t-sm);background:color-mix(in oklab,var(--sc-surface) 60%,transparent)}
.panels a b{display:block;color:var(--sc-ink);font-weight:600;margin-bottom:.3rem;font-size:var(--sc-t-base)}
.panels a:hover{border-color:var(--sc-accent)}
.ticker{margin:1.5rem 0;padding:1rem 1.2rem;border:1px solid var(--sc-hairline);border-radius:10px;color:var(--sc-ink)}
.ticker .note{display:block;font-size:var(--sc-t-xs);color:var(--sc-ink-soft);margin-top:.3rem}
.commit{padding-left:1.2rem}.commit li{margin:.5rem 0;max-width:66ch}
.people{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin:1rem 0 2rem}
.person{padding:1.3rem;border:1px solid var(--sc-hairline);border-radius:10px}
.person h2{margin:0 0 .2rem;font-size:var(--sc-t-lg)}.person .role{color:var(--sc-accent);font-size:var(--sc-t-xs);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .8rem}
.person p{font-size:var(--sc-t-sm)}
.faq{border-top:1px solid var(--sc-hairline)}.faq:last-child{border-bottom:1px solid var(--sc-hairline)}
.faq__q{width:100%;text-align:left;background:none;border:0;color:var(--sc-ink);font:inherit;font-family:var(--sc-font-display);font-weight:500;font-size:var(--sc-t-lg);padding:1.2rem 2.5rem 1.2rem 0;cursor:pointer;position:relative}
.faq__q::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);color:var(--sc-accent);font-weight:400}
.faq__q[aria-expanded="true"]::after{content:"–"}
.faq__a{padding:0 0 1.4rem;max-width:66ch}
.form{display:grid;gap:1rem;max-width:34rem;margin:1rem 0 2rem}
.form label{display:grid;gap:.35rem;font-size:var(--sc-t-sm);color:var(--sc-ink-soft)}
.form input,.form textarea{font:inherit;color:var(--sc-ink);background:var(--sc-surface);border:1px solid var(--sc-hairline-strong);border-radius:8px;padding:.7rem .8rem}
.form input:focus,.form textarea:focus{outline:2px solid var(--sc-accent);outline-offset:1px}
.form .cta{justify-self:start}
.form select{font:inherit;color:var(--sc-ink);background:var(--sc-surface);border:1px solid var(--sc-hairline-strong);border-radius:8px;padding:.7rem .8rem}
.form select:focus{outline:2px solid var(--sc-accent);outline-offset:1px}
.form .help{font-size:var(--sc-t-xs);color:var(--sc-ink-soft);opacity:.85;line-height:1.45}
.form .opt{font-size:var(--sc-t-xs);opacity:.7;margin-left:.35em}
.form .checks{border:1px solid var(--sc-hairline);border-radius:8px;padding:.8rem 1rem;display:grid;gap:.5rem;margin:0}
.form .checks legend{font-size:var(--sc-t-sm);color:var(--sc-ink-soft);padding:0 .3rem}
.form .checks label{display:flex;gap:.6rem;align-items:center;color:var(--sc-ink);min-height:44px;padding:.15rem 0;cursor:pointer}
.form .checks input{accent-color:var(--cy-blue);width:1.05rem;height:1.05rem}
.form .form__note{margin:0;max-width:34rem}
.form .form__err{margin:0;color:#ff8a8a}
.cta-row--tight{margin-top:1rem}
.close-cta{margin-top:3rem;padding:1.6rem 1.5rem;border:1px solid var(--sc-hairline);border-radius:12px;background:color-mix(in oklab,var(--sc-surface) 60%,transparent)}
.close-cta h2{margin-top:0}.close-cta p{margin:.5rem 0 0}
.tablewrap{overflow-x:auto;margin:1rem 0 2rem}
.cmp{width:100%;border-collapse:collapse;font-size:var(--sc-t-sm);line-height:1.5}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:.8rem .9rem;border-top:1px solid var(--sc-hairline)}
.cmp th{color:var(--sc-ink-soft);font-weight:500;font-size:var(--sc-t-xs);letter-spacing:.08em;text-transform:uppercase}
.cmp td{color:var(--sc-ink-soft)}.cmp td b{color:var(--sc-ink);font-weight:500}
.cmp td:first-child{min-width:11rem}.cmp td:nth-child(2){min-width:14rem}
@media (max-width:760px){.cmp{min-width:44rem}}
.muted{font-size:var(--sc-t-sm);color:var(--sc-ink-soft)}
.cta-row{margin-top:2.5rem}
.list{margin:1rem 0}
/* home: keep the divider chrome clear of the fixed nav */
body.is-home .divider__label{top:calc(1.4rem + 44px + var(--bar-h,0px))}
body.is-home .divider__mark{top:calc(1.4rem + 44px + var(--bar-h,0px) + 1.5rem + var(--cy-page,0) * (100vh - 6rem - 44px - var(--bar-h,0px)))}
body.is-home .nav__brand{visibility:hidden}
/* home auto-play control */
.story-play{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));z-index:60;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:999px;border:1px solid var(--sc-hairline-strong);background:color-mix(in oklab,var(--sc-canvas) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--sc-ink);font:inherit;font-size:var(--sc-t-sm);letter-spacing:.01em;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.story-play:hover{border-color:#00C2FF}
.story-play:focus-visible{outline:2px solid #00C2FF;outline-offset:2px}
.story-play .ic-pause{display:none}
.story-play.is-playing .ic-play{display:none}
.story-play.is-playing .ic-pause{display:block}
@media (prefers-reduced-motion:reduce){.story-play{display:none}}

/* brand fly-in (home) */
.brand-fly{position:fixed;z-index:61;display:none;align-items:center;gap:.75rem;pointer-events:none;transform:translateY(-50%);will-change:left,top}
.brand-fly img{display:block;width:auto}
.nav__brand{display:flex;align-items:center;gap:.5rem}
.nav__brand img{display:block;height:22px;width:auto}
.nav__brand img+img{height:9px}

body.is-home .peak .copy--intel{top:calc(clamp(2.5rem,8vh,6rem) + 44px)}
@media (max-width:860px){ body.is-home .divider{top:57px} body.is-home .divider__label{top:.95rem} body.is-home .peak .copy--intel{top:calc(3.6rem + 57px)} body.is-home .peak .copy--close{top:calc(11.5rem + 57px)} body.is-home .hero .side--info .side__in{padding-top:calc(var(--sc-section) + 48px)} }
/* footer */
table.ls th[scope=row]{font-weight:600;text-align:left;width:50%;text-transform:none;letter-spacing:0;font-size:var(--sc-t-sm);color:var(--sc-ink)}table.ls th[scope=row] .muted{display:block;font-weight:400;font-size:var(--sc-t-xs);margin-top:.3rem;text-transform:none;letter-spacing:0;line-height:1.45}table.ls td{vertical-align:top}.ls-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem .28rem .55rem;border-radius:999px;font-size:var(--sc-t-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.ls-pill svg{flex:none}.ls-pill--met{color:#0A0F1C;background:#00D4B8;border-color:#00D4B8}.ls-pill--progress{color:#FFC466;background:rgba(255,196,102,.12);border-color:rgba(255,196,102,.45)}.ls-pill--pending{color:var(--sc-ink-soft);background:rgba(136,151,166,.10);border-color:rgba(136,151,166,.35)}.ls-note{display:block;margin-top:.45rem;font-size:var(--sc-t-sm);line-height:1.45}.ls-basis{display:block;margin-top:.2rem;font-size:var(--sc-t-xs);color:var(--sc-ink-soft)}tr.ls-met th[scope=row]{border-left:3px solid #00D4B8;padding-left:.75rem}.ls-tally{font-size:var(--sc-t-sm);color:var(--sc-ink-soft);margin:-.25rem 0 .75rem}.ls-tally b{color:var(--sc-ink);font-weight:600}
.form--mini{max-width:34rem}.checklist{list-style:none;counter-reset:ck;padding:0;margin:1.5rem 0 2.5rem}.checklist li{counter-increment:ck;position:relative;padding:1.1rem 0 1.1rem 3.2rem;border-top:1px solid var(--sc-hairline)}.checklist li:last-child{border-bottom:1px solid var(--sc-hairline)}.checklist li::before{content:counter(ck,decimal-leading-zero);position:absolute;left:0;top:1.15rem;font-size:var(--sc-t-xs);letter-spacing:.12em;color:#00C2FF;font-weight:600}.checklist b{display:block;color:var(--sc-ink);font-weight:600}.checklist span{display:block;color:var(--sc-ink-soft);font-size:var(--sc-t-sm);margin:.25rem 0 .4rem}.checklist a{font-size:var(--sc-t-sm);color:#00C2FF;text-decoration:none}.checklist a:hover{text-decoration:underline}
.bar[hidden]{display:none}.bar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:1rem;padding:.55rem var(--sc-gutter,1.5rem);background:#0E1B2D;color:var(--sc-ink);border-bottom:1px solid rgba(0,194,255,.35);font-size:var(--sc-t-sm);line-height:1.4}.bar p{margin:0;flex:1;text-align:center}.bar a{color:#00C2FF;text-decoration:none;font-weight:500;white-space:nowrap}.bar a:hover{text-decoration:underline}.bar__close{flex:none;background:none;border:0;color:var(--sc-ink-soft);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .25rem}.bar__close:hover{color:var(--sc-ink)}.nav{top:var(--bar-h,0px)}.page{padding-top:calc(64px + var(--bar-h,0px))}.bar__short{display:none}@media (max-width:640px){.bar{font-size:var(--sc-t-xs)}.bar p{text-align:left}.bar__long{display:none}.bar__short{display:inline}}
.site-foot{background:var(--sc-surface);color:var(--sc-ink-soft);border-top:1px solid var(--sc-hairline);padding:3rem var(--sc-gutter,1.5rem) 2rem;font-size:var(--sc-t-sm)}
.site-foot__row{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;max-width:72rem;margin:0 auto}
.site-foot__id img{height:19px;width:auto;margin-bottom:1rem}
.site-foot__id p{margin:.2rem 0;max-width:40ch}.site-foot__tag{color:var(--sc-ink)}
.site-foot__nav{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.site-foot__nav b{display:block;color:var(--sc-ink);font-weight:600;margin-bottom:.5rem}
.site-foot__nav a{display:block;color:var(--sc-ink-soft);text-decoration:none;padding:.15rem 0}.site-foot__nav a:hover{color:var(--sc-ink)}
.site-foot__legal{max-width:72rem;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--sc-hairline);font-size:var(--sc-t-xs)}
.site-foot__legal p{margin:.5rem 0;max-width:90ch}.site-foot__legal a{color:inherit}
@media (max-width:860px){.site-foot__row{grid-template-columns:1fr}}
/* the home peak footer sits above the site footer; hide site footer link duplication on home is fine */