:root{--void: #080606;--linen: #f3eee4;--ash: #8e8878;--red: #f4384f;--op: #2dd4bf;--faint: #3a3630;--card-bg: rgba(20, 17, 14, .88);--card-border: rgba(150, 138, 118, .26);--paper-face: #f3eee4;--dot: rgba(243, 238, 228, .09);--line-soft: rgba(150, 138, 118, .35);--dust: rgba(243, 238, 228, .7);--ink-dim: rgba(243, 238, 228, .68);--ink-strong: rgba(243, 238, 228, .75);--halo: rgba(4, 3, 3, .9);--vig: 4, 3, 3;--paper: #f3eee4;--paper-ink: #2a211b}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--void: #f5f0e6;--linen: #241d15;--ash: #6f6757;--op: #0f9488;--faint: #cbc2b0;--card-bg: rgba(255, 253, 249, .95);--card-border: rgba(110, 96, 74, .22);--paper-face: #ffffff;--dot: rgba(36, 29, 21, .13);--line-soft: rgba(80, 70, 54, .35);--dust: rgba(36, 29, 21, .55);--ink-dim: rgba(36, 29, 21, .78);--ink-strong: rgba(36, 29, 21, .8);--halo: rgba(246, 241, 231, .9);--vig: 235, 228, 214}}:root[data-theme=light]{--void: #f5f0e6;--linen: #241d15;--ash: #6f6757;--op: #0f9488;--faint: #cbc2b0;--card-bg: rgba(255, 253, 249, .95);--card-border: rgba(110, 96, 74, .22);--paper-face: #ffffff;--dot: rgba(36, 29, 21, .13);--line-soft: rgba(80, 70, 54, .35);--dust: rgba(36, 29, 21, .55);--ink-dim: rgba(36, 29, 21, .78);--ink-strong: rgba(36, 29, 21, .8);--halo: rgba(246, 241, 231, .9);--vig: 235, 228, 214}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--void);color:var(--linen);font-family:Geist,system-ui,sans-serif;overflow-x:hidden}::selection{background:var(--red);color:#fff}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity .9s ease-out}#stage.in{opacity:1}@media(prefers-reduced-motion:reduce){#stage{transition:none}}.dotbg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:42px 42px}#connectors{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}#connectors path{fill:none;stroke:color-mix(in srgb,var(--op) 78%,transparent);stroke-width:1.6}#connectors circle{fill:var(--op)}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 55%,rgba(var(--vig),.72) 100%),linear-gradient(to bottom,rgba(var(--vig),.35),transparent 18%,transparent 84%,rgba(var(--vig),.5))}.runway{height:1000vh}.scene-visual{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .5s ease}.scene-visual.active{opacity:1}.node-card{position:absolute;width:15rem;padding:14px 18px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:border-color .6s ease;clip-path:inset(-2% -2% 102% -2%)}.scene-visual.active .node-card{animation:printIn .56s steps(12,end) both}.scene-visual.active .node-card:nth-of-type(2){animation-delay:.14s}.scene-visual.active .node-card:nth-of-type(3){animation-delay:.28s}.scene-visual.active .node-card:nth-of-type(4){animation-delay:.42s}.scene-visual.active .node-card:nth-of-type(5){animation-delay:.56s}.scene-visual.active .node-card:nth-of-type(6){animation-delay:.7s}.node-card.node-mini{width:9.5rem;padding:10px 14px}.node-card.node-mini h3{margin:0;padding:0;border-bottom:none;color:var(--ink-strong)}@keyframes printIn{0%{clip-path:inset(-2% -2% 102% -2%)}to{clip-path:inset(-2% -2% -2% -2%)}}.node-card.receipt{background:var(--paper-face);border:none;border-radius:2px 2px 0 0;-webkit-backdrop-filter:none;backdrop-filter:none;padding-bottom:24px;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 7px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 14px 7px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 7px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 14px 7px repeat-x}.node-card.receipt h3{color:var(--paper-ink);border-bottom-color:#2a211b40}.node-card.receipt .row{color:#2a211bb8}.node-card.receipt .row.hot{color:var(--red);border-top:1px dashed rgba(42,33,27,.3);margin-top:7px;padding-top:7px}.node-card h3{margin:0 0 10px;padding-bottom:9px;border-bottom:1px solid var(--card-border);font-family:Geist Mono,monospace;font-size:14px;font-weight:500;color:var(--linen)}.node-card .row{font-family:Geist Mono,monospace;font-size:12.5px;letter-spacing:.01em;color:var(--ink-dim);line-height:1.85}.node-card .row.hot{color:var(--red);font-weight:500}.timeline{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:0;will-change:transform,opacity}.timeline .step{display:flex;align-items:center;gap:11px}.timeline .step .dot{width:8px;height:8px;border-radius:999px;background:var(--red);flex-shrink:0}.timeline .step .label{font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);white-space:nowrap}.timeline .line{width:clamp(30px,4.5vw,72px);height:1px;background:var(--line-soft);margin:0 22px}.timeline-caption{position:absolute;left:50%;top:54%;transform:translate(-50%);font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red);white-space:nowrap;opacity:0;pointer-events:none;will-change:opacity}.star{position:absolute;left:0;top:0;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:999px;background:var(--dust);will-change:transform,opacity}.star-core{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--red);box-shadow:0 0 12px color-mix(in srgb,var(--red) 45%,transparent)}.star-label{position:absolute;left:0;top:0;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);white-space:nowrap;opacity:0;pointer-events:none;will-change:transform,opacity;margin-left:-.5px;text-shadow:0 1px 8px var(--halo)}.star-module{width:6px;height:6px;margin:-3px 0 0 -3px;background:color-mix(in srgb,var(--op) 85%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--op) 35%,transparent)}.spark-label{position:absolute;left:0;top:0;font-family:Geist Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.12em;color:var(--op);white-space:nowrap;opacity:0;pointer-events:none;will-change:transform,opacity;text-shadow:0 1px 8px var(--halo)}.spark-trail{stroke:color-mix(in srgb,var(--op) 55%,transparent);stroke-width:1.4;stroke-linecap:round;opacity:0}.spark{position:absolute;left:0;top:0;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:999px;background:var(--op);box-shadow:0 0 8px color-mix(in srgb,var(--op) 70%,transparent);opacity:0;will-change:transform,opacity;pointer-events:none}.chrome{position:fixed;z-index:20;inset:0 0 auto 0;display:flex;justify-content:space-between;align-items:baseline;padding:22px 28px;pointer-events:none}.chrome a{pointer-events:auto}.wordmark{font-family:Gilda Display,serif;font-size:1.55rem;color:var(--red);text-decoration:none;letter-spacing:.01em}.chrome-right{display:flex;align-items:baseline;gap:26px;pointer-events:auto}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;cursor:pointer;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);transition:color .3s}.theme-toggle:hover,.theme-toggle:focus-visible{color:var(--linen)}.talk{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);text-decoration:none;transition:color .3s}.talk:hover,.talk:focus-visible{color:var(--linen)}.chrome-bottom{inset:auto 0 0 0;align-items:flex-end}.direction{margin:0;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}.direction #clock{color:var(--linen);font-variant-numeric:tabular-nums}.dir-sep{margin:0 .7em;color:var(--faint)}.hint{margin:0;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);animation:hintPulse 2.6s ease-in-out infinite;transition:opacity .6s}@keyframes hintPulse{0%,to{opacity:.45}50%{opacity:1}}.slideno{margin:0;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.14em;color:var(--ash);font-variant-numeric:tabular-nums}.slideno #slidenow{color:var(--linen)}#rail{position:fixed;left:50%;transform:translate(-50%);bottom:58px;z-index:15;display:flex;align-items:center}.rail-seg{width:clamp(22px,3.4vw,54px);height:1px;background:var(--line-soft)}.rail-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;margin:0;padding:12px 7px;cursor:pointer;position:relative;display:flex;align-items:center}.rail-step .rdot{width:7px;height:7px;border-radius:999px;background:var(--faint);transition:background .45s ease,box-shadow .45s ease}.rail-step.done .rdot{background:var(--red);opacity:.45}.rail-step.now .rdot{background:var(--red);box-shadow:0 0 12px #f4384f8c}.rail-step .rlabel{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);white-space:nowrap;opacity:0;transition:opacity .25s;pointer-events:none}.rail-step:hover .rlabel,.rail-step:focus-visible .rlabel{opacity:1}#cards{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.card{position:absolute;max-width:34rem;opacity:0;transform:translateY(18px);will-change:opacity,transform;padding:20px 26px}.card:before{content:"";position:absolute;top:-64px;right:-88px;bottom:-64px;left:-88px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,var(--halo) 32%,transparent 72%);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);-webkit-mask-image:radial-gradient(ellipse at center,#000 36%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 36%,transparent 72%)}.card-center{left:50%;top:50%;transform:translate(-50%,calc(-50% + 18px));text-align:center}.card-left{left:clamp(28px,7vw,110px);top:36%}.card-narrow{max-width:30rem}.card-right{right:clamp(28px,7vw,110px);top:36%;text-align:right}.eyebrow{margin:0 0 14px;font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--red)}.display{margin:0;font-family:Gilda Display,serif;font-weight:400;font-size:clamp(2.3rem,5vw,4.1rem);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.display.xl{font-size:clamp(2.5rem,5.2vw,4.6rem)}.card-center[data-scene="0"]{top:23%;max-width:48rem}.body{margin:18px 0 0;font-family:Geist,system-ui,sans-serif;font-weight:300;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.6;color:color-mix(in srgb,var(--linen) 72%,transparent);max-width:30em}.card-center .body{margin-inline:auto}.body-wide{max-width:none}.card-right .body{margin-left:auto}.factura{display:grid;grid-template-columns:auto auto;gap:7px 26px;justify-content:start;margin-top:26px;font-family:Geist Mono,monospace;font-size:12px;letter-spacing:.06em;color:var(--ash)}.factura span:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-strong)}.factura .ok{color:var(--op);border-top:1px solid var(--card-border);padding-top:8px;margin-top:3px}.dyes{display:flex;justify-content:center;gap:10px;margin-top:30px;pointer-events:auto;flex-wrap:wrap}.dyes button{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;background:var(--card-bg);border:1px solid var(--card-border);color:var(--ash);font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .3s,color .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dyes button:before{content:"";width:11px;height:11px;background:var(--dye);border-radius:999px}.dyes button:hover,.dyes button:focus-visible,.dyes button[aria-pressed=true]{border-color:var(--dye);color:var(--linen)}.cta{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:32px;pointer-events:auto}.cta-main{font-family:Gilda Display,serif;font-size:1.35rem;color:#fff;background:var(--red);text-decoration:none;padding:13px 26px;transition:transform .3s}.cta-main:hover,.cta-main:focus-visible{transform:translateY(-2px)}.cta-alt{font-family:Geist Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);text-decoration:none;border-bottom:1px solid var(--card-border);padding-bottom:3px;transition:color .3s,border-color .3s}.cta-alt:hover,.cta-alt:focus-visible{color:var(--linen);border-color:var(--ash)}.made{margin:30px 0 0;font-family:Geist Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ash)}a:focus-visible,button:focus-visible{outline:2px solid var(--linen);outline-offset:3px}@media(max-width:720px){.chrome{padding:16px 18px}.card{max-width:min(88vw,30rem);padding:16px 20px}.card-left,.card-right{left:18px;right:18px;text-align:left;top:auto;bottom:16vh}.card-right .body,.factura{margin-left:0;margin-right:auto}.hint,#rail,.slideno,.scene-visual[data-scene="10"]{display:none}.scene-visual{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;padding-top:68px}.scene-visual[data-scene="0"]{padding-top:0;justify-content:flex-end;padding-bottom:14vh}.node-card{position:static!important;top:auto!important;right:auto!important;left:auto!important;transform:none!important;width:min(78vw,250px);padding:11px 14px 13px}.timeline{position:static;transform:none;width:100%;max-width:22rem;flex-wrap:wrap;justify-content:center;row-gap:10px;margin-top:46px}.timeline .line{width:clamp(12px,3vw,24px);margin:0 8px}.timeline .step .label{font-size:10px}}@media(prefers-reduced-motion:reduce){.hint{animation:none}.card,.scene-visual{transition:none!important}.node-card,.scene-visual.active .node-card{clip-path:none;animation:none!important}}