/* pop.css: slight site-wide shrink + accent-spectrum touches on every page. No background changes, no copy. */
/* ---- shrink ---- */
@media (min-width:1024px) and (max-width:1279px){html{zoom:.94}}
/* 2026-10-27: desktop full screen ~10% smaller (was .94 / 1.12 / 1.3) */
@media (min-width:1280px) and (max-width:1599px){html{zoom:.85}}
/* 2026-10-27: Dominick found 67% browser zoom ideal at full screen; bake that in as the default (matches the >=2400 layout at 67%) */
@media (min-width:1600px){html{zoom:.67}:root{--container:2200px;--gutter:72px}}
@media (min-width:2400px){html{zoom:.78}:root{--container:2420px;--gutter:72px}}
main h1{zoom:.9}
main h2{zoom:.86}
.section-space{padding-top:clamp(64px,6.2vw,104px)!important;padding-bottom:clamp(64px,6.2vw,104px)!important}
.pg-card{padding:clamp(16px,1.3vw,26px)}
.rs-screen-graphic svg,.rs-review-result svg{max-width:94%;margin-inline:auto;display:block}
.page-hero-layout{padding-bottom:48px}

/* ---- ambient hero glows (decorative, behind content) ---- */
.page-hero{position:relative;isolation:isolate}
.page-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(520px 300px at 88% 18%,color-mix(in srgb,var(--ac-violet) 16%,transparent),transparent 70%),
 radial-gradient(460px 260px at 8% 92%,color-mix(in srgb,var(--ac-teal) 12%,transparent),transparent 70%),
 radial-gradient(380px 220px at 55% 0%,color-mix(in srgb,var(--ac-pink) 9%,transparent),transparent 70%)}
html[data-theme=light] .page-hero::after{opacity:.55}
.page-hero .section-rule,.section-topline .section-rule{background:linear-gradient(90deg,var(--ac-violet),var(--ac-teal) 40%,transparent)!important;height:1px;opacity:.7}
.page-hero .eyebrow{color:var(--ac-orange)!important}
html[data-theme=light] .page-hero .eyebrow{color:var(--ac-orange)!important}

/* ---- cards everywhere: distinct hue top border + number ---- */
.pg-cards>.pg-card:nth-child(6n+1){--c:var(--ac-blue)}.pg-cards>.pg-card:nth-child(6n+2){--c:var(--ac-violet)}.pg-cards>.pg-card:nth-child(6n+3){--c:var(--ac-teal)}
.pg-cards>.pg-card:nth-child(6n+4){--c:var(--ac-orange)}.pg-cards>.pg-card:nth-child(6n+5){--c:var(--ac-pink)}.pg-cards>.pg-card:nth-child(6n+6){--c:var(--ac-green)}
.pg-cards>.pg-card{box-shadow:inset 0 3px 0 var(--c)!important}
.pg-cards>.pg-card .pg-num{color:var(--c)!important}
.pg-steps li:nth-child(3n+1) b{color:var(--ac-teal)}.pg-steps li:nth-child(3n+2) b{color:var(--ac-violet)}.pg-steps li:nth-child(3n+3) b{color:var(--ac-orange)}
.pg-steps li{border-left:2px solid currentColor}
.pg-steps li:nth-child(3n+1){border-left-color:var(--ac-teal)}.pg-steps li:nth-child(3n+2){border-left-color:var(--ac-violet)}.pg-steps li:nth-child(3n+3){border-left-color:var(--ac-orange)}
.pg-steps li{padding-left:12px}
.pg-timeline li::before{background:var(--c)!important;border-color:var(--c)!important}

/* ---- What we'll publish / focus layouts: balance ---- */
.focus-layout:has(.pg-cards[data-n="4"]){grid-template-columns:.55fr 1.45fr;gap:5%;align-items:start}
.focus-layout>h2{position:relative;padding-top:18px}
.focus-layout>h2::before{content:"";position:absolute;top:0;left:0;width:56px;height:2px;background:linear-gradient(90deg,var(--ac-orange),var(--ac-pink),var(--ac-violet))}
@media (max-width:900px){.focus-layout:has(.pg-cards[data-n="4"]){grid-template-columns:1fr}}

/* ---- forms ---- */
.pg-waitlist input:focus-visible,.pg-waitlist textarea:focus-visible,.pg-waitlist select:focus-visible,form input:focus-visible,form textarea:focus-visible{outline:2px solid var(--ac-teal)!important;outline-offset:2px;border-color:var(--ac-teal)!important}
.form-feedback{color:var(--accent-info)}

/* ---- privacy ---- */
.prose-container h3{border-left:2px solid var(--c);padding-left:12px}
.prose-container h3:nth-of-type(6n+1){--c:var(--ac-blue)}.prose-container h3:nth-of-type(6n+2){--c:var(--ac-teal)}.prose-container h3:nth-of-type(6n+3){--c:var(--ac-violet)}
.prose-container h3:nth-of-type(6n+4){--c:var(--ac-orange)}.prose-container h3:nth-of-type(6n+5){--c:var(--ac-pink)}.prose-container h3:nth-of-type(6n+6){--c:var(--ac-green)}
.prose-container h3::first-letter{color:var(--c)}
.prose-date{color:var(--ac-teal)!important}

/* ---- company ---- */
.page-hero-layout:has(.company-art){align-items:center}
.company-art{box-shadow:0 0 0 1px color-mix(in srgb,var(--ac-teal) 45%,transparent),0 0 70px -12px color-mix(in srgb,var(--ac-teal) 45%,transparent),0 0 120px -30px color-mix(in srgb,var(--ac-violet) 50%,transparent)!important}
.company-art .art-caption{display:inline-block!important;background:transparent!important;border:1px solid var(--ac-teal)!important;color:var(--ac-teal)!important;border-radius:999px;padding:2px 9px;font:600 10px/1.5 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;box-shadow:none!important;-webkit-box-decoration-break:clone}
html[data-theme=light] .company-art .art-caption{border-color:#3fd0c9!important;color:#3fd0c9!important}
.company-art .art-overline{color:var(--ac-amber)!important}

/* ---- research: workbench selector ---- */
.rs-experiment>span{color:var(--c)!important}
.rs-experiment:nth-child(1){--c:var(--ac-blue)}.rs-experiment:nth-child(2){--c:var(--ac-violet)}.rs-experiment:nth-child(3){--c:var(--ac-teal)}
.rs-experiment{border-left:3px solid var(--c)!important}
.rs-experiment[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--c),0 0 24px -8px var(--c)!important}
.rs-screen-bar #rs-live-code{color:var(--ac-teal)}
/* diagram nodes, each its own hue */
.rsv-diagram .rsv-node:nth-of-type(1){--c:var(--ac-orange)}.rsv-diagram .rsv-node:nth-of-type(2){--c:var(--ac-blue)}
.rsv-diagram .rsv-node:nth-of-type(3){--c:var(--ac-violet)}.rsv-diagram .rsv-node:nth-of-type(4){--c:var(--ac-pink)}
.rsv-diagram .rsv-node:nth-of-type(5){--c:var(--ac-blue)}.rsv-diagram .rsv-node:nth-of-type(6){--c:var(--ac-teal)}
.rsv-diagram .rsv-node:last-of-type{--c:var(--ac-green)}
.rsv-diagram .rsv-node rect{stroke:var(--c)!important;stroke-width:1.6;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c) 40%,transparent))}
.rsv-diagram .rsv-node text:not(.rsv-sub){fill:var(--c)!important}
.rsv-diagram g[fill=none] path,.rs-review-result svg g[fill=none] path{stroke:var(--ac-teal)!important;stroke-dasharray:6 5}
@media (prefers-reduced-motion:no-preference){
 .rsv-diagram g[fill=none] path,.rs-review-result svg g[fill=none] path{animation:rsflow 1.1s linear infinite}
 @keyframes rsflow{from{stroke-dashoffset:0}to{stroke-dashoffset:-22}}}
.rs-flow-bound{border-color:var(--ac-orange)!important;color:var(--ac-orange)!important}
.rs-flow-middle>div:nth-child(1){border-color:var(--ac-blue)!important}.rs-flow-middle>div:nth-child(2){border-color:var(--ac-violet)!important}.rs-flow-middle>div:nth-child(3){border-color:var(--ac-pink)!important}
.rs-flow-check{border-color:var(--ac-green)!important}
.rs-readout-grid>div{border-top:2px solid var(--c)}
.rs-readout-grid>div:nth-child(1){--c:var(--ac-blue)}.rs-readout-grid>div:nth-child(2){--c:var(--ac-violet)}.rs-readout-grid>div:nth-child(3){--c:var(--ac-teal)}
.rs-readout-grid>div>b{color:var(--c)!important}
.rs-falsifier>b{color:var(--accent-danger)!important}
.rs-signal i{background:var(--ac-green)!important}
/* review / independence */
.rs-chain rect:nth-of-type(1){stroke:var(--ac-orange)!important}.rs-chain rect:nth-of-type(2){stroke:var(--ac-violet)!important}.rs-chain rect:nth-of-type(3){stroke:var(--ac-green)!important}
.rs-chain rect{stroke-width:1.6}
.rs-chain text:nth-of-type(1){fill:var(--ac-orange)!important}.rs-chain text:nth-of-type(3){fill:var(--ac-violet)!important}.rs-chain text:nth-of-type(5){fill:var(--ac-green)!important}
.rs-review-options button:nth-child(1){--c:var(--ac-red)}.rs-review-options button:nth-child(2){--c:var(--ac-orange)}
.rs-review-options button:nth-child(3){--c:var(--ac-amber)}.rs-review-options button:nth-child(4){--c:var(--ac-green)}
.rs-review-options button{border-left:3px solid var(--c)!important}
.rs-review-options button span{color:var(--c)!important}
#rs-review-state{border:1px solid currentColor;border-radius:999px;padding:2px 10px}
.rs-review-lab:has([data-review=self][aria-pressed=true]) #rs-review-state,.rs-review-lab:has([data-review=lab][aria-pressed=true]) #rs-review-state{color:var(--accent-danger)!important}
.rs-review-lab:has([data-review=unknown][aria-pressed=true]) #rs-review-state{color:var(--accent-warning)!important}
.rs-review-lab:has([data-review=eligible][aria-pressed=true]) #rs-review-state{color:var(--accent-success)!important}
.rs-review-result{border-top:2px solid var(--ac-violet)}
/* dark-surface widgets inside Midnight paper sections keep the bright spectrum */
html:not([data-theme]) .paper-section :is(.rs-experiment,.rs-screen-bar,.rs-review-result,.rs-review-result-top,.rs-chain,.rs-readout-grid,.rs-falsifier,.rs-screen,.rs-flow){--ac-red:#ff7b7b;--ac-orange:#ffa463;--ac-amber:#f5c04a;--ac-green:#5fd38d;--ac-teal:#3fd0c9;--ac-blue:#6aa8ff;--ac-violet:#c592ff;--accent-danger:var(--ac-red)}
html[data-theme=light] .company-art .art-overline{color:#f5c04a!important}
html:not([data-theme]) .rs-review-options button:nth-child(1),html[data-theme=light] .rs-review-options button:nth-child(1){--c:#a82222}
/* 2026-10-27 sharper NASA-data Earth: blend the black backdrop into the card so no rectangle shows */
.company-art img{mix-blend-mode:screen;opacity:.95;width:88%;margin:-2% 0 -80px 18%}

/* 2026-10-27 research workbench: cap the diagram so the workbench + readout fit one screen */
.rs-screen-graphic svg,.rs-review-result svg{max-width:94%;max-height:min(410px,44vh);width:auto;height:auto}
.rs-screen-graphic svg.rsv-diagram{width:100%}
.rs-review-result svg{max-height:200px}
.rsv-diagram g[fill=none] path{stroke-linecap:butt;stroke-linejoin:miter}
[data-diagram=learning] .rsv-diagram .rsv-node:nth-of-type(4){--c:var(--ac-green)}

/* fb7: investors wedge right column */
.inv-wedge>div{position:relative;padding:clamp(20px,1.8vw,34px);border-radius:14px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,currentColor 3%,transparent);overflow:hidden}
.inv-wedge>div::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ac-blue),var(--ac-violet),var(--ac-teal),var(--ac-green))}
.inv-wedge .pg-lead{font-size:clamp(19px,1.35vw,26px)!important;font-weight:500;letter-spacing:-.01em;margin:0 0 18px;padding-left:14px;border-left:3px solid var(--ac-violet);line-height:1.35}
.inv-wedge .pg-card{border-top:3px solid var(--c);border-radius:10px;box-shadow:0 1px 0 color-mix(in srgb,currentColor 6%,transparent)}
.inv-wedge .pg-card .pg-num{color:var(--c)!important;letter-spacing:.12em}
.inv-notes{margin-top:18px;padding-top:14px;border-top:1px dashed color-mix(in srgb,currentColor 18%,transparent);display:grid;gap:6px}
.inv-notes p{margin:0!important;font-size:clamp(12px,.72vw,14px)!important;line-height:1.55;opacity:.86}
.inv-notes .mv-mm{color:inherit!important;opacity:1}
.inv-notes .pg-small{padding-left:10px;border-left:2px solid var(--ac-teal)}
.inv-notes .pg-tm{padding-left:10px;border-left:2px solid color-mix(in srgb,currentColor 20%,transparent)}
.inv-disclaimer{padding:22px 0;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent)}
.inv-disclaimer p{margin:0 auto;max-width:900px;text-align:center;font-size:12.5px;line-height:1.6;opacity:.65}

/* fb7: contact early access, heading and form as one centered unit */
@media (min-width:901px){.ea-layout{grid-template-columns:minmax(260px,400px) minmax(0,680px)!important;justify-content:center;gap:clamp(40px,5vw,96px)!important;align-items:start}}

/* fb7: company timeline (data-driven list, see comment in company.html) */
.tl-wrap{max-width:1240px;margin:0 auto}
.tl-title{text-align:center;margin:0 auto clamp(36px,4vw,64px)}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(18px,2vw,36px);position:relative;counter-reset:tl}
.tl::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--ac-orange),var(--ac-teal),var(--ac-violet),var(--ac-blue));opacity:.75}
.tl-item{position:relative;padding-top:38px;counter-increment:tl}
.tl-item:nth-child(6n+1){--c:var(--ac-orange)}.tl-item:nth-child(6n+2){--c:var(--ac-teal)}.tl-item:nth-child(6n+3){--c:var(--ac-violet)}.tl-item:nth-child(6n+4){--c:var(--ac-blue)}.tl-item:nth-child(6n+5){--c:var(--ac-pink)}.tl-item:nth-child(6n+6){--c:var(--ac-green)}
.tl-item::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent)}
.tl-item[data-status=next]::before{background:transparent;border:2px solid var(--c);box-sizing:border-box}
.tl-item[data-status=current]::before{box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 30%,transparent),0 0 22px var(--c)}
.tl-item[data-status=current]::after{content:"Now";position:absolute;left:30px;top:-1px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:99px;color:var(--c);border:1px solid var(--c)}
.tl-item b{display:block;font-weight:500;font-size:clamp(19px,1.3vw,24px);margin-bottom:8px}
.tl-item b::before{content:counter(tl,decimal-leading-zero);display:block;font:500 11px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--c);margin-bottom:8px}
.tl-item span{display:block;line-height:1.6;opacity:.82;font-size:clamp(14.5px,.9vw,17px)}
.tl-item[data-status=next]{opacity:.85}
@media (prefers-reduced-motion:no-preference){.tl-item[data-status=current]::before{animation:tlpulse 2.4s ease-in-out infinite}}
@keyframes tlpulse{50%{box-shadow:0 0 0 9px color-mix(in srgb,var(--c) 12%,transparent),0 0 26px var(--c)}}
@media (max-width:760px){
 .tl{grid-auto-flow:row;gap:28px;padding-left:34px}
 .tl::before{left:9px;right:auto;top:6px;bottom:6px;width:2px;height:auto;background:linear-gradient(180deg,var(--ac-orange),var(--ac-teal),var(--ac-violet),var(--ac-blue))}
 .tl-item{padding-top:0}
 .tl-item::before{left:-34px;top:2px}
 .tl-item[data-status=current]::after{position:static;display:inline-block;margin-bottom:8px}
 .tl-title{text-align:left}
}
.tl-title i{font-style:normal;color:var(--t-fg-vcoral,var(--coral))}
.tl-wrap{max-width:none}
.tl::before{right:calc((100% - 3*clamp(18px,2vw,36px))/4 * .55)}
.tl-item[data-status=current]::after{background:var(--t-bg-page,inherit);background:color-mix(in srgb,var(--c) 14%,#000327)}
html[data-theme=dark] .tl-item[data-status=current]::after{background:color-mix(in srgb,var(--c) 14%,#000)}
html[data-theme=light] .tl-item[data-status=current]::after{background:color-mix(in srgb,var(--c) 10%,#f8f7f4)}
.inv-wedge>div{padding:clamp(22px,1.9vw,36px)!important}
.inv-wedge .pg-lead{margin-top:6px!important}

/* 2026-10-27 transitions: one consistent dark-to-paper blend. The band lives entirely in the
   extra top padding (content starts below it), uses an eased multi-stop mix in oklab so there's
   no grey mid band, and collapses naturally in Light/Dark where both ends are the same tone. */
.page-home #demo~.paper-section#problem,#mission-flow+.paper-section{
 --blend:150px;--b-top:var(--t-bg-060a1d,#060a1d);--b-bot:var(--t-bg-vpaper,var(--paper));
 background:linear-gradient(180deg,
  var(--b-top) 0,
  color-mix(in oklab,var(--b-top) 94%,var(--b-bot)) calc(var(--blend)*.15),
  color-mix(in oklab,var(--b-top) 75%,var(--b-bot)) calc(var(--blend)*.32),
  color-mix(in oklab,var(--b-top) 48%,var(--b-bot)) calc(var(--blend)*.5),
  color-mix(in oklab,var(--b-top) 22%,var(--b-bot)) calc(var(--blend)*.68),
  color-mix(in oklab,var(--b-top) 6%,var(--b-bot)) calc(var(--blend)*.85),
  var(--b-bot) var(--blend)) !important;
 padding-top:calc(var(--blend) + clamp(56px,5vw,96px)) !important}
@media (max-width:760px){.page-home #demo~.paper-section#problem,#mission-flow+.paper-section{--blend:90px;padding-top:calc(var(--blend) + 48px)!important}}
/* Light and Dark: both ends share one tone, so no band and no extra gap */
html:is([data-theme=light],[data-theme=dark]) :is(.page-home #demo~.paper-section#problem,#mission-flow+.paper-section){--blend:16px}
.tl-roadmap{margin-top:clamp(28px,3vw,48px)}
