.vision{background:var(--color-bg);width:100%;color:var(--color-fg);--edge:clamp(1.25rem, 5vw, 5rem);--hud:clamp(1rem, 3vw, 2.25rem);position:relative;overflow:clip}.vision__hud{inset:var(--hud);z-index:30;pointer-events:none;position:fixed}.vision__hudTick{border:1px solid color-mix(in oklab, var(--color-fg) 28%, transparent);width:14px;height:14px;position:absolute}.vision__hudTick--tl{border-bottom:0;border-right:0;top:0;left:0}.vision__hudTick--tr{border-bottom:0;border-left:0;top:0;right:0}.vision__hudTick--bl{border-top:0;border-right:0;bottom:0;left:0}.vision__hudTick--br{border-top:0;border-left:0;bottom:0;right:0}.vision__hudLabel{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;align-items:center;gap:.5rem;font-size:.66rem;display:inline-flex;position:absolute}.vision__hudLabel em{color:var(--color-primary);font-style:normal}.vision__hudLabel--tl{top:-.15rem;left:calc(4.75rem - var(--hud))}.vision__hudLabel--tr{top:-.15rem;right:1.5rem}.vision__hudDot{background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 8px color-mix(in oklab, var(--color-primary) 80%, transparent);border-radius:50%;animation:2s ease-in-out infinite vision-pulse}@keyframes vision-pulse{0%,to{opacity:1}50%{opacity:.25}}.vision__act{min-height:100svh;padding:clamp(6rem,14vh,11rem) var(--edge);isolation:isolate;align-items:center;display:flex;position:relative}.vision__voice{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--color-primary);font-size:.72rem}.vision__h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:600;line-height:1.05}.vision__sub{max-width:46ch;color:var(--color-muted);margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.5}.vision__hero{text-align:center;overflow:clip}.vision__heroCanvas{z-index:-2;width:100%;height:100%;display:block;position:absolute;inset:0}.vision__heroVignette{z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 45%, transparent, var(--color-bg) 86%),radial-gradient(120% 90% at 50% 50%, transparent 40%, color-mix(in oklab, var(--color-primary) 6%, transparent));position:absolute;inset:0}.vision__heroInner{flex-direction:column;align-items:center;gap:clamp(1.25rem,3.5vh,2.25rem);width:100%;max-width:64rem;margin-inline:auto;display:flex}.vision__heroTitles{flex-direction:column;margin:0;display:flex}.vision__heroTitle{font-family:var(--font-display);letter-spacing:-.04em;filter:drop-shadow(0 10px 60px color-mix(in oklab, var(--color-primary) 26%, transparent));font-size:clamp(2.6rem,11vw,8rem);font-weight:600;line-height:.98}.vision__heroTitle .char{will-change:transform;display:inline-block}.vision__heroTitle:last-child{color:var(--color-primary)}.vision__heroLead{max-width:50ch;color:color-mix(in oklab, var(--color-fg) 80%, var(--color-bg));margin:0;font-size:clamp(1.02rem,2.2vw,1.35rem);line-height:1.5}.vision__heroCue{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--color-muted);flex-direction:column;align-items:center;gap:.6rem;font-size:.66rem;display:inline-flex}.vision__heroCueArrow{background:linear-gradient(to bottom, transparent, var(--color-primary));width:1px;height:1.6rem;animation:1.8s ease-in-out infinite vision-cue;position:relative}.vision__heroCueArrow:after{content:"";border-right:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);width:6px;height:6px;position:absolute;bottom:0;left:50%;transform:translate(-50%,2px)rotate(45deg)}@keyframes vision-cue{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.vision__stackInner{flex-direction:column;gap:clamp(1.5rem,4vh,2.75rem);width:100%;max-width:60rem;margin-inline:auto;display:flex}.vision__stackHead{flex-direction:column;gap:.9rem;display:flex}.vision__flow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;margin:.4rem 0 0;padding:0;font-size:clamp(.58rem,1.3vw,.72rem);list-style:none;display:flex}.vision__flowStep{align-items:center;gap:.6rem;display:inline-flex}.vision__flowArrow{color:var(--color-primary)}.vision__umbrella{border:1px solid color-mix(in oklab, var(--color-primary) 36%, transparent);background:linear-gradient(120% 120% at 0% 0%, color-mix(in oklab, var(--color-primary) 12%, transparent), transparent 60%);border-radius:.9rem;grid-template-columns:auto 1fr;align-items:baseline;gap:.4rem 1rem;padding:clamp(1.1rem,2.5vw,1.6rem) clamp(1.2rem,3vw,2rem);display:grid}.vision__umbrellaName{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:700}.vision__umbrellaRole{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);font-size:.7rem}.vision__umbrellaNote{color:var(--color-muted);grid-column:1/-1;font-size:.92rem}.vision__stackBody{--spine-x:clamp(.5rem, 1.5vw, .85rem);--stack-pad:clamp(1.75rem, 4vw, 2.75rem);padding-left:var(--stack-pad);position:relative}.vision__spineLine,.vision__spineFill{top:0;bottom:0;left:var(--spine-x);border-radius:2px;width:2px;position:absolute}.vision__spineLine{background:color-mix(in oklab, var(--color-fg) 12%, transparent)}.vision__spineFill{background:linear-gradient(to bottom, var(--color-primary), color-mix(in oklab, var(--color-primary) 40%, transparent));box-shadow:0 0 14px color-mix(in oklab, var(--color-primary) 55%, transparent);transform-origin:top;transform:scaleY(0)}.vision__spineDot{left:calc(var(--spine-x) + 1px);background:color-mix(in oklab, var(--color-primary), var(--color-fg) 45%);width:11px;height:11px;box-shadow:0 0 14px color-mix(in oklab, var(--color-primary) 90%, transparent);opacity:0;border-radius:50%;position:absolute;top:0;transform:translate(-50%,-50%)}.vision__layers{flex-direction:column;gap:clamp(.75rem,2vh,1.25rem);margin:0;padding:0;list-style:none;display:flex}.vision__layer{border:1px solid color-mix(in oklab, var(--color-fg) 12%, transparent);background:color-mix(in oklab, var(--color-fg) 2%, var(--color-bg));border-radius:.85rem;transition:border-color .35s,transform .35s cubic-bezier(.22,1,.36,1);position:relative}.vision__layer:before{content:"";top:1.65rem;left:calc(var(--spine-x) + 1px - var(--stack-pad));background:var(--color-bg);border:1.5px solid color-mix(in oklab, var(--color-primary) 60%, transparent);border-radius:50%;width:9px;height:9px;transition:background .35s,box-shadow .35s;position:absolute;transform:translate(-50%)}.vision__layer.is-open,.vision__layer:hover{border-color:color-mix(in oklab, var(--color-primary) 45%, transparent)}.vision__layer.is-open:before,.vision__layer:hover:before{background:var(--color-primary);box-shadow:0 0 12px color-mix(in oklab, var(--color-primary) 80%, transparent)}@media (hover:hover){.vision__layer:hover{transform:translate(4px)}}.vision__layerHead{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem 1rem;padding:clamp(1rem,2.5vw,1.5rem) clamp(1.1rem,3vw,1.75rem);display:grid}.vision__layerIndex{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-primary);font-size:.8rem}.vision__layerMeta{flex-direction:column;gap:.15rem;display:flex}.vision__layerName{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.25rem,3vw,1.85rem);font-weight:600;line-height:1.05}.vision__layerRole{color:var(--color-muted);font-size:.92rem}.vision__layerLayer{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);text-align:right;justify-self:end;font-size:.62rem}.vision__layerStatus{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;opacity:.9;border:1px solid;border-radius:999px;grid-column:3;justify-self:end;padding:.25rem .55rem;font-size:.58rem}.vision__layerStatus[data-status=core]{color:var(--color-primary)}.vision__layerStatus[data-status=building]{color:color-mix(in oklab, #f0b46a, var(--color-fg) 28%)}.vision__layerStatus[data-status=early]{color:color-mix(in oklab, #9ab0d8, var(--color-fg) 28%)}.vision__layerStatus[data-status=concept]{color:var(--color-muted)}.vision__layerBody{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1);display:grid}.vision__layer.is-open .vision__layerBody{grid-template-rows:1fr}@media (hover:hover){.vision__layer:hover .vision__layerBody{grid-template-rows:1fr}}.vision__layerBodyInner{min-height:0;overflow:hidden}.vision__layerMeaning{max-width:60ch;color:color-mix(in oklab, var(--color-fg) 70%, var(--color-bg));margin:0;padding:0 clamp(1.1rem,3vw,1.75rem);font-style:italic}.vision__layerCaps{flex-wrap:wrap;gap:.5rem;margin:.9rem 0 0;padding:0 clamp(1.1rem,3vw,1.75rem) clamp(1.1rem,3vw,1.5rem);list-style:none;display:flex}.vision__cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);border:1px solid color-mix(in oklab, var(--color-fg) 12%, transparent);border-radius:.4rem;padding:.3rem .65rem;font-size:.66rem}.vision__pivot{background:radial-gradient(120% 80% at 50% 0%, hsl(var(--background-deep)), var(--color-bg))}.vision__pivotInner{text-align:center;flex-direction:column;align-items:center;gap:clamp(1.5rem,4vh,2.5rem);width:100%;max-width:60rem;margin-inline:auto;display:flex}.vision__pivotHead{flex-direction:column;align-items:center;gap:.9rem;display:flex}.vision__scope{border:1px solid color-mix(in oklab, var(--color-fg) 12%, transparent);background:linear-gradient(color-mix(in oklab, var(--color-fg) 4%, transparent) 1px, transparent 1px),linear-gradient(90deg, color-mix(in oklab, var(--color-fg) 4%, transparent) 1px, transparent 1px),color-mix(in oklab, var(--color-fg) 2%, var(--color-bg));background-size:2.5rem 2.5rem,2.5rem 2.5rem,auto;border-radius:1rem;flex-direction:column;gap:1rem;width:100%;padding:clamp(1.1rem,3vw,1.75rem);display:flex}.vision__scopeReadout{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.vision__scopeName{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.3rem,3.5vw,2rem);font-weight:600}.vision__scopeMetric{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);font-size:.78rem}.vision__scopeCanvas{cursor:ew-resize;touch-action:pan-y;width:100%;height:clamp(11rem,30vh,18rem);display:block}.vision__scopeLine{color:color-mix(in oklab, var(--color-fg) 84%, var(--color-bg));align-items:center;gap:.6rem;margin:0;font-size:clamp(.98rem,2.2vw,1.25rem);display:inline-flex}.vision__scopeBullet{background:var(--color-primary);width:7px;height:7px;box-shadow:0 0 8px color-mix(in oklab, var(--color-primary) 80%, transparent);border-radius:50%;flex:none}.vision__tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.vision__tab{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid color-mix(in oklab, var(--color-fg) 16%, transparent);color:var(--color-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .95rem;font-size:.66rem;transition:color .3s,background .3s,border-color .3s}.vision__tab:hover{color:var(--color-fg);border-color:color-mix(in oklab, var(--color-fg) 32%, transparent)}.vision__tab.is-active{color:var(--color-on-primary);background:var(--color-primary);border-color:#0000}.vision__scopeHint{font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--color-muted);font-size:.6rem}.vision__loop{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem .7rem;font-size:clamp(.6rem,1.4vw,.74rem);display:flex}.vision__loopStep{align-items:center;gap:.7rem;display:inline-flex}.vision__loopArrow{color:var(--color-primary)}.vision__pivotCaption{max-width:46ch;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,3vw,1.9rem);font-weight:500;line-height:1.3}.vision__close{text-align:center;overflow:hidden}.vision__closeGlow{z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 100%, color-mix(in oklab, var(--color-primary) 30%, transparent), transparent 72%);position:absolute;inset:0}.vision__closeHorizon{z-index:-1;background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:1px;box-shadow:0 0 32px color-mix(in oklab, var(--color-primary) 60%, transparent);transform-origin:50%;position:absolute;bottom:36%;left:0;right:0}.vision__closeInner{flex-direction:column;gap:clamp(2rem,5vh,3.5rem);width:100%;max-width:58rem;margin-inline:auto;display:flex}.vision__closePoem{flex-direction:column;gap:.6rem;display:flex}.vision__closeLine{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,4.2vw,3rem);font-weight:600;line-height:1.12}.vision__closeLine .line{display:block;overflow:hidden}.vision__closeLine .line>span{will-change:transform;display:block}.vision__closeLine:not(:first-child){color:color-mix(in oklab, var(--color-fg) 72%, var(--color-bg));font-size:clamp(1.05rem,2.8vw,1.85rem);font-weight:400}.vision__closeCtas{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.vision__closeCta{border:1px solid color-mix(in oklab, var(--color-fg) 16%, transparent);color:var(--color-fg);border-radius:999px;align-items:center;gap:.6rem;padding:.9rem 1.6rem;font-weight:500;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,color .3s,border-color .3s;display:inline-flex}.vision__closeCta--primary{background:var(--color-fg);color:var(--color-bg);border-color:#0000}.vision__closeCta:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000;transform:translateY(-2px)}.vision__closeStandby{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--color-muted);font-size:.7rem}@media (max-width:768px){.vision__hudLabel{letter-spacing:.2em;font-size:.58rem}.vision__layerHead{grid-template-columns:auto 1fr}.vision__layerLayer{display:none}.vision__layerStatus{grid-column:2}.vision__scopeReadout{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (prefers-reduced-motion:reduce){.vision__hudDot,.vision__heroCueArrow{animation:none}}
