.twin-stage{isolation:isolate;background:var(--color-ground);min-height:calc(100svh - 4.25rem);color:var(--color-ink-1);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.twin-field{z-index:-1;pointer-events:none;position:absolute;inset:0}.twin-grid{background-image:radial-gradient(circle at 1px 1px, var(--color-rule) 1px, transparent 1.6px);opacity:.55;background-size:28px 28px;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(80% 70% at 60% 45%,#000 30%,#0000 85%);mask-image:radial-gradient(80% 70% at 60% 45%,#000 30%,#0000 85%)}.twin-grid-lit{background-image:radial-gradient(circle at 1px 1px, var(--color-accent) 1.1px, transparent 1.8px);opacity:.5;animation:twin-sweep 22s var(--ease-house) infinite alternate;-webkit-mask-image:radial-gradient(22rem,#000,#0000 75%);mask-image:radial-gradient(22rem,#000,#0000 75%)}.twin-glow{filter:blur(80px);opacity:.35;border-radius:9999px;position:absolute}.twin-glow-warm{background:radial-gradient(circle, var(--color-accent-plate), transparent 65%);width:38rem;height:38rem;animation:18s ease-in-out infinite alternate twin-drift;top:-10rem;right:-8rem}.twin-glow-cool{background:radial-gradient(circle, var(--color-night-glow), transparent 65%);opacity:.45;width:44rem;height:44rem;animation:24s ease-in-out infinite alternate-reverse twin-drift;bottom:-18rem;left:-14rem}@keyframes twin-sweep{0%{transform:translate(-28%,-18%)}to{transform:translate(26%,20%)}}@keyframes twin-drift{0%{transform:translate(0)scale(1)}to{transform:translate(-4rem,3rem)scale(1.08)}}.twin-inner{align-items:center;gap:3rem;padding-block:2.5rem 1.5rem;display:grid}@media (min-width:1024px){.twin-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;padding-block:1.25rem .5rem}}.twin-rise{animation:twin-rise var(--dur-scene) var(--ease-house) both;animation-delay:calc(var(--i,0) * 90ms + 80ms);display:inline-block}p.twin-rise,ol.twin-rise,div.twin-rise{display:block}.twin-eyebrow.twin-rise{display:flex}@keyframes twin-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.twin-copy{max-width:36rem}.twin-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-2);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.twin-node{border:1.5px solid var(--color-ink);border-radius:9999px;width:.7rem;height:.7rem;position:relative}.twin-node:after{content:"";background:var(--color-accent);border-radius:9999px;animation:2.8s ease-in-out infinite twin-pulse;position:absolute;inset:2px}@keyframes twin-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.7)}}.twin-stage-word{white-space:nowrap;border:1px solid color-mix(in oklch, var(--color-accent) 55%, transparent);color:var(--color-accent);letter-spacing:.06em;border-radius:9999px;margin-left:.25rem;padding:.15rem .55rem}.twin-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-ink);margin-top:1.1rem;font-size:clamp(2.6rem,1.1rem + 3.9vw,4.9rem);font-weight:650;line-height:.98}.twin-run{background:linear-gradient(100deg, var(--color-accent) 0%, var(--color-accent-plate) 45%, var(--color-ink) 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.twin-lede{font-size:var(--text-lg);color:var(--color-ink-1);margin-top:1.1rem;line-height:1.55}.twin-kicker{font-size:var(--text-sm);color:var(--color-ink-3);margin-top:.9rem;line-height:1.6}.twin-stages{border-top:1px solid var(--color-rule-faint);gap:.15rem;margin-top:1.2rem;display:grid}.twin-stage-row{border-bottom:1px solid var(--color-rule-faint);font-size:var(--text-sm);grid-template-columns:8.5rem minmax(0,1fr);align-items:baseline;gap:.9rem;padding:.42rem 0;line-height:1.45;display:grid}.twin-stage-chip{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.twin-stage-chip:before{content:"";border:1.5px solid var(--color-accent);border-radius:9999px;flex:none;width:.6rem;height:.6rem}.twin-stage-row[data-stage=Live] .twin-stage-chip:before{background:var(--color-accent)}.twin-stage-row[data-stage=In\ development] .twin-stage-chip:before{background:linear-gradient(90deg, var(--color-accent) 50%, transparent 50%)}.twin-stage-row[data-stage=Aspirational] .twin-stage-chip:before{border-style:dashed;border-color:var(--color-ink-3)}.twin-stage-row[data-stage=Planned] .twin-stage-chip:before{border-color:var(--color-ink-2)}.twin-stage-text{color:var(--color-ink-2)}.twin-cta-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-ink);margin-top:1.2rem;font-weight:600}.twin-notify{margin-top:.7rem}.twin-notify-form{flex-wrap:wrap;gap:.6rem;display:flex}.twin-notify-input{border:1px solid var(--color-rule);background:color-mix(in oklch, var(--color-ground-2) 80%, transparent);min-width:0;color:var(--color-ink);font-size:var(--text-sm);transition:border-color var(--dur-quick) var(--ease-house), background-color var(--dur-quick) var(--ease-house);border-radius:.6rem;flex:14rem;padding:.7rem .9rem}.twin-notify-input::placeholder{color:var(--color-ink-4)}.twin-notify-input:focus{border-color:var(--color-accent);background-color:var(--color-ground-3);outline:none}.twin-notify-button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-night-ground);font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;box-shadow:0 0 0 0 color-mix(in oklch, var(--color-accent) 50%, transparent);transition:background-color var(--dur-quick) var(--ease-house), color var(--dur-quick) var(--ease-house), transform var(--dur-quick) var(--ease-house);border-radius:.6rem;padding:.7rem 1.15rem;font-weight:600;animation:3.6s ease-out 2.4s infinite twin-beckon;position:relative}.twin-notify-button:hover{color:var(--color-accent);background-color:#0000}.twin-notify-button:active{transform:translateY(1px)}.twin-notify-button:disabled{opacity:.7;cursor:progress;animation:none}.twin-notify-button:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}@keyframes twin-beckon{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--color-accent) 45%, transparent)}60%,to{box-shadow:0 0 0 14px color-mix(in oklch, var(--color-accent) 0%, transparent)}}.twin-notify-done{border:1px solid color-mix(in oklch, var(--color-accent) 50%, transparent);color:var(--color-ink);font-size:var(--text-sm);animation:twin-rise var(--dur-settle) var(--ease-house) both;border-radius:.6rem;align-items:center;gap:.7rem;padding:.75rem .9rem;display:flex}.twin-notify-tick{background:var(--color-accent);-webkit-mask-composite:xor;border-radius:9999px;flex:none;width:1.1rem;height:1.1rem;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(#000,#000);-webkit-mask-position:50%,0 0;-webkit-mask-size:70%,auto;-webkit-mask-repeat:no-repeat,repeat;-webkit-mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.twin-notify-note{font-size:var(--text-xs);color:var(--color-ink-3);margin-top:.55rem}.twin-org{font-size:var(--text-xs);color:var(--color-ink-3);margin-top:1rem}.twin-figure-wrap{perspective:1600px;animation:twin-rise var(--dur-scene) var(--ease-house) .36s both}.twin-window{border:1px solid var(--color-rule);background:linear-gradient(180deg, color-mix(in oklch, var(--color-ground-2) 92%, transparent), color-mix(in oklch, var(--color-ground-1) 88%, transparent));box-shadow:0 1px 0 0 color-mix(in oklch, var(--color-ink) 8%, transparent) inset, 0 40px 80px -30px #000000a6, 0 0 0 1px #0003;transform-origin:30%;transition:transform var(--dur-settle) var(--ease-house);border-radius:1rem;margin:0;position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg)}@supports (color:lab(0% 0 0)){.twin-window{box-shadow:0 1px 0 0 color-mix(in oklch, var(--color-ink) 8%, transparent) inset, 0 40px 80px -30px lab(0% 0 0/.65), 0 0 0 1px lab(0% 0 0/.2)}}.twin-window:hover{transform:rotateY(0)rotateX(0)}.twin-window:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-accent) 70%, transparent), transparent);height:1px;position:absolute;inset:0 0 auto}.twin-window-bar{border-bottom:1px solid var(--color-rule-faint);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.twin-window-tab{color:var(--color-ink-1)}.twin-window-flag{color:var(--color-ink-3)}.twin-sheet,.twin-chart{width:100%;height:auto;display:block}.twin-sheet{padding:.75rem .75rem 0}.twin-chart{border-top:1px solid var(--color-rule-faint);padding:.25rem .75rem .5rem}.tw-block{animation:twin-rise var(--dur-settle) var(--ease-house) both;animation-delay:calc(var(--i,0) * .11s + .52s)}.tw-block rect{fill:var(--color-ground-3);stroke:var(--color-ink-1);stroke-width:1.5px}.tw-block rect.tw-feed{stroke:var(--color-accent)}.tw-block rect.tw-central{stroke:var(--color-ink);stroke-width:2px}.tw-block rect.tw-known{fill:#0000;stroke:var(--color-ink-3);stroke-dasharray:2 4;stroke-linecap:round}.tw-glow{opacity:.55;transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite twin-pulse}.tw-name{fill:var(--color-ink);font-family:var(--font-display);font-size:14px;font-weight:650}.tw-name.tw-small{font-size:12px}.tw-value{fill:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:17px}.tw-unit{fill:var(--color-ink-3);font-size:11px}.tw-sub{fill:var(--color-ink-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10.5px}.tw-tag{fill:var(--color-ink-3);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.tw-stream{fill:none;stroke:var(--color-accent);stroke-width:2px;stroke-linecap:round;opacity:.85;animation:twin-fade var(--dur-settle) var(--ease-house) both;animation-delay:calc(var(--i,0) * .11s + .62s)}.tw-stream-known{stroke:var(--color-ink-3);stroke-dasharray:2 4;opacity:.8}@keyframes twin-fade{0%{opacity:0}}.tw-particle{fill:var(--color-accent);filter:drop-shadow(0 0 4px var(--color-accent))}.tw-grid{stroke:var(--color-rule-faint);stroke-width:1px}.tw-axis{fill:var(--color-ink-3);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:9.5px}.tw-axis-title{text-transform:uppercase;letter-spacing:.06em}.tw-clock{fill:var(--color-accent)}.tw-line{fill:none;stroke:var(--color-accent);stroke-width:2.25px;stroke-linejoin:round;stroke-linecap:round}.tw-cursor-line{stroke:var(--color-ink-3);stroke-width:1px;stroke-dasharray:1 3}.tw-cursor-dot{fill:var(--color-accent);stroke:var(--color-ground-2);stroke-width:2px}.twin-source{border-top:1px solid var(--color-rule-faint);background:color-mix(in oklch, var(--color-ground) 55%, transparent);min-height:6.4rem;padding:.8rem 1rem .85rem;position:relative}.twin-source-eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3)}.twin-source-row{animation:twin-rise var(--dur-settle) var(--ease-house) both;margin-top:.35rem}.twin-source-param{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.twin-source-quote{font-size:var(--text-xs);color:var(--color-ink-2);margin-top:.2rem;line-height:1.5}.twin-source-dots{gap:.25rem;display:flex;position:absolute;top:.8rem;right:1rem}.twin-source-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:1.5rem;height:1.5rem;display:grid}.twin-source-dot:before{content:"";border:1px solid var(--color-ink-3);width:.45rem;height:.45rem;transition:background-color var(--dur-quick) var(--ease-house), border-color var(--dur-quick) var(--ease-house);border-radius:9999px}.twin-source-dot[aria-pressed=true]:before{background:var(--color-accent);border-color:var(--color-accent)}.twin-source-dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;border-radius:9999px}.twin-caption{border-top:1px solid var(--color-rule-faint);font-size:var(--text-2xs);color:var(--color-ink-3);padding:.6rem 1rem .8rem;line-height:1.55}.twin-principles{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3);animation:twin-fade var(--dur-scene) var(--ease-house) 1.1s both;flex-wrap:wrap;gap:.5rem 2rem;padding-block:.5rem 1.25rem;display:flex}.twin-principles li{align-items:center;gap:.6rem;display:flex}.twin-principles li:before{content:"";background:var(--color-accent);border-radius:9999px;width:.4rem;height:.4rem}@media (min-width:1024px) and (max-height:860px){.twin-copy .twin-kicker,.twin-copy .twin-cta-title{display:none}.twin-inner{padding-block:.5rem 0}.twin-title{margin-top:.7rem;font-size:clamp(2.3rem,.9rem + 3vw,3.6rem)}.twin-lede{font-size:var(--text-base);margin-top:.7rem;line-height:1.5}.twin-stage-row{font-size:var(--text-xs)}.twin-notify{margin-top:1rem}.twin-stages{margin-top:.9rem}.twin-stage-row{padding:.32rem 0}.twin-org{margin-top:.6rem}.twin-figure-wrap{justify-self:end;width:100%;max-width:36rem}.twin-source{min-height:5.6rem}}@media (max-width:1023px){.twin-stage{justify-content:flex-start}.twin-window{transform:none}}@media (max-width:520px){.twin-stage-row{grid-template-columns:1fr;gap:.2rem}}@media (prefers-reduced-motion:reduce){.twin-rise,.twin-figure-wrap,.tw-block,.tw-stream,.twin-principles,.twin-source-row,.twin-notify-done,.twin-grid-lit,.twin-glow,.twin-node:after,.tw-glow,.twin-notify-button{animation:none}.tw-particles{display:none}.twin-window,.twin-window:hover{transition:none;transform:none}}
