/* 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}
.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)}
body.is-home .divider__mark{top:calc(1.4rem + 44px + 1.5rem + var(--cy-page,0) * (100vh - 6rem - 44px))}
body.is-home .nav__brand{visibility:hidden}
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 */
.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 */