:root{--font-sans:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--bg:#0f0e0c;--bg-soft:#171611;--surface:#211f19;--surface-raised:#2a271f;--surface-hover:#343025;--border:#5c5548;--border-strong:#6d6454;--text:#faf6ec;--text-secondary:#ddd5c5;--text-muted:#aea695;--text-faint:#857c6d;--accent:#d99a2b;--accent-hover:#efb347;--accent-soft:#d99a2b24;--accent-ring:#d99a2b52;--success:#76c893;--warning:#f1c15f;--danger:#ff7d73;--radius-s:8px;--radius-m:12px;--radius-l:16px;--ease:cubic-bezier(.22, 1, .36, 1);--shadow:0 24px 64px #00000073;--focus:0 0 0 3px var(--accent-ring);--chrome-h:56px;--deck-pad:clamp(1rem, 3vw, 2rem)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);height:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{min-width:320px;min-height:100%;font-family:var(--font-sans);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -10%, #d99a2b14, transparent 55%), linear-gradient(165deg, #14120e 0%, var(--bg) 42%, #0c0b09 100%);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}::selection{background:#d99a2b59}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{box-shadow:var(--focus);outline:none}img{max-width:100%;display:block}#app{min-height:100dvh}.btn{border-radius:var(--radius-s);min-height:44px;font-family:var(--font-sans);cursor:pointer;transition:transform .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;padding:.7rem 1.35rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn--fill{background:var(--accent);color:#1a1208}.btn--fill:hover{background:var(--accent-hover)}.btn--line{border-color:var(--border);color:var(--text);background:0 0}.btn--line:hover{border-color:var(--accent);color:var(--accent)}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--text);background:var(--accent-soft)}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.modal{max-width:min(92vw,440px);color:var(--text);background:0 0;border:none;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080706c7}.modal__sheet{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--shadow);margin:0;padding:1.75rem}.modal__title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.modal__intro,.modal__note{color:var(--text-muted);margin:0 0 1rem;font-size:.94rem}.modal__steps{color:var(--text-secondary);margin:0 0 1rem;padding-left:1.2rem}.modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.deck{min-height:100dvh}.deck__chrome{z-index:50;height:var(--chrome-h);padding:0 var(--deck-pad);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0e0cb8;border-bottom:1px solid #5c554859;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;inset:0 0 auto}.deck__brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.65rem;min-width:0;font-weight:600;text-decoration:none;display:inline-flex}.deck__brand img{flex-shrink:0;width:28px;height:28px}.deck__brand span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.deck__tools{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.deck__lang{border:1px solid var(--border);border-radius:var(--radius-s);min-height:36px;color:var(--text-muted);font:inherit;background:0 0;align-items:center;padding:0 .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.deck__lang:hover{color:var(--text);border-color:var(--border-strong)}.deck__dl{min-height:36px;padding:0 .9rem;font-size:.8125rem}.flow{max-width:720px;padding:3.5rem var(--deck-pad) 2rem;margin-inline:auto}.faq{border-top:1px solid #5c554866;padding-top:1.25rem}.faq__title{color:var(--text-secondary);margin:0 0 .75rem;font-size:1rem;font-weight:600}.faq details{border-bottom:1px solid #5c554859;padding:.65rem 0}.faq summary{cursor:pointer;color:var(--text);font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq p{color:var(--text-muted);margin:.55rem 0 0;font-size:.9rem}.donate{border-radius:var(--radius-m);background:var(--bg-soft);border:1px solid #5c554873;margin-top:1.25rem;padding:1rem 1.1rem}.donate p{color:var(--text-muted);margin:0 0 .65rem;font-size:.9rem}.donate strong{color:var(--text-secondary)}.deck__footer{padding:1rem var(--deck-pad) 1.25rem;background:#0f0e0cd9;border-top:1px solid #5c554859;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.deck__links{flex-wrap:wrap;gap:.75rem 1rem;font-size:.8125rem;display:flex}.deck__links a{color:var(--text-faint);text-decoration:none}.deck__links a:hover{color:var(--accent)}.deck__ver{color:var(--text-faint);font-family:var(--font-mono);font-size:.75rem}@media (width<=899.98px){.deck__brand span{display:none}.deck__chrome{background:#0f0e0ceb}}.mock{--success-soft:#76c8931f;--warning-soft:#f1c15f21;border:1px solid var(--border);border-radius:var(--radius-l);background:var(--bg);min-height:clamp(320px,52vh,480px);box-shadow:var(--shadow);color:var(--text);grid-template-columns:44px minmax(0,1fr);font-size:11px;line-height:1.45;display:grid;overflow:hidden}.mock__icon{flex-shrink:0}.mock__rail{border-right:1px solid var(--border-strong);background:var(--bg-soft);flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex}.mock__rail-nav{flex-direction:column;flex:1;gap:6px;display:flex}.mock__rail-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;display:grid}.mock__rail-btn:hover{border-color:var(--border-strong);background:var(--surface);color:var(--text-secondary)}.mock__rail-btn[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-hover);box-shadow:0 0 0 1px var(--accent-ring)}.mock__rail-btn:disabled{pointer-events:none;opacity:.35}.mock__main{min-width:0;min-height:0;padding:10px;overflow:auto}.mock__library,.mock__editor{flex-direction:column;gap:8px;display:flex}.mock__badge{border:1px solid var(--border-strong);white-space:nowrap;border-radius:6px;align-items:center;gap:3px;padding:1px 6px;font-size:8.5px;font-weight:500;line-height:1.5;display:inline-flex}.mock__badge--neutral{background:var(--surface);color:var(--text-secondary)}.mock__badge--accent{background:var(--accent-soft);color:var(--accent-hover);border-color:#d99a2ba6}.mock__badge--success{background:var(--success-soft);color:var(--success);border-color:#76c89399}.mock__badge--warning{background:var(--warning-soft);color:var(--warning);border-color:#f1c15fa6}.mock__badge--info{background:var(--surface-raised);color:var(--text-secondary)}.mock__btn{white-space:nowrap;cursor:pointer;min-height:24px;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:2px 9px;font-family:inherit;font-size:9.5px;font-weight:600;display:inline-flex}.mock__btn--primary{background:var(--accent);color:#17130b}.mock__btn--primary:hover{background:var(--accent-hover)}.mock__btn--secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.mock__btn--secondary:hover{border-color:var(--accent);color:var(--accent-hover)}.mock__btn--ghost{color:var(--text-muted);background:0 0}.mock__btn--ghost:hover{background:var(--surface-hover);color:var(--text)}.mock__segment{border:1px solid var(--border-strong);background:var(--bg-soft);border-radius:8px;max-width:100%;padding:2px;display:inline-flex}.mock__segment-btn{min-height:22px;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px 9px;font-family:inherit;font-size:9.5px;font-weight:600;display:inline-flex}.mock__segment-btn:hover{background:var(--surface-hover);color:var(--text-secondary)}.mock__segment-btn.is-active{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px #d99a2b8c}.mock__segment-btn:disabled{cursor:not-allowed;opacity:.45}.mock__lib-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px;display:flex}.mock__lib-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0;font-size:7.5px;font-weight:600}.mock__lib-title{letter-spacing:-.01em;margin:2px 0 0;font-size:15px;font-weight:600}.mock__lib-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:9px}.mock__lib-badges{flex-wrap:wrap;gap:4px;display:flex}.mock__toolbar{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;align-items:center;gap:5px;padding:5px;display:flex}.mock__search{border:1px solid var(--border);background:var(--bg-soft);min-width:0;height:24px;color:var(--text-faint);border-radius:7px;flex:140px;align-items:center;gap:5px;padding:0 7px;display:flex}.mock__search input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;flex:1;font-size:9px}.mock__search input::placeholder{color:var(--text-faint)}.mock__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.mock__card{border:1px solid var(--border);background:var(--surface);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);border-radius:10px;overflow:hidden}.mock__card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-ring)}.mock__cover{aspect-ratio:460/215;background:linear-gradient(150deg, hsl(var(--hue,38) 45% 26%) 0%, hsl(var(--hue,38) 35% 12%) 100%);justify-content:center;align-items:center;display:flex;position:relative}.mock__cover:after{content:"";background:linear-gradient(#0000,#00000080);height:50%;position:absolute;inset:auto 0 0}.mock__cover-letter{color:hsl(var(--hue,38) 70% 78%);text-shadow:0 2px 10px #00000073;font-size:19px;font-weight:700}.mock__cover-fav{z-index:1;width:18px;height:18px;color:var(--accent-hover);background:#0f0e0c8c;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.mock__card-body{padding:6px 8px 0}.mock__card-name{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9.5px;font-weight:600;overflow:hidden}.mock__card-meta{flex-wrap:wrap;gap:3px;margin:4px 0 0;display:flex}.mock__card-path{font-family:var(--font-mono);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:7.5px;overflow:hidden}.mock__card-actions{border-top:1px solid var(--border);gap:4px;margin-top:6px;padding:5px 6px;display:flex}.mock__card-actions .mock__btn{min-height:20px;padding:1px 7px;font-size:8.5px}.mock__ctx{border:1px solid var(--border);background:var(--bg-soft);border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.mock__ctx-cover{border:1px solid var(--border);background:linear-gradient(150deg, hsl(var(--hue,38) 45% 26%) 0%, hsl(var(--hue,38) 35% 12%) 100%);width:34px;height:34px;color:hsl(var(--hue,38) 70% 78%);border-radius:7px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.mock__ctx-info{flex:1;min-width:0}.mock__ctx-name-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mock__ctx-name{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.mock__ctx-path{align-items:baseline;gap:6px;min-width:0;margin-top:3px;display:flex}.mock__ctx-path-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);flex-shrink:0;font-size:7.5px}.mock__ctx-path code{font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mock__ctx-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.mock__modebar{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:7px 8px}.mock__modebar-hint{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:5px;margin-top:6px;display:flex}.mock__modebar-hint-text{color:var(--text);font-size:9px;font-weight:500}.mock__modebar-note{border-radius:7px;align-items:center;gap:4px;padding:2px 7px;font-size:8.5px;display:inline-flex}.mock__modebar-note--safe{background:var(--success-soft);color:var(--text-secondary);border:1px solid #76c89340}.mock__modebar-note--warn{background:var(--warning-soft);color:var(--warning);border:1px solid #f1c15f59}.mock__stats{flex-wrap:wrap;gap:4px;display:flex}.mock__params{border-top:1px solid var(--border)}.mock__row{border-bottom:1px solid var(--border);background:var(--bg-soft);transition:background .3s var(--ease), box-shadow .3s var(--ease);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.mock__row:hover{background:var(--surface)}.mock__row.is-lit,.mock__row.is-changed{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.mock__row-dot{background:var(--border-strong);border-radius:50%;width:5px;height:5px;margin:0 auto}.mock__row--engine{grid-template-columns:auto minmax(0,1fr) auto}.mock__row-toggle .mock__btn{white-space:normal;text-align:center;max-width:64px;min-height:20px;padding:1px 5px;font-size:8px;line-height:1.2}.mock__row-label{min-width:0}.mock__row-title-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mock__row-title{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.mock__row-key{color:var(--text-muted);flex-wrap:wrap;gap:3px 6px;margin-top:2px;font-size:8px;display:flex}.mock__row-key code{font-family:var(--font-mono);color:var(--accent-hover);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock__control{justify-self:end}.mock__select{border:1px solid var(--border);background:var(--bg-soft);max-width:108px;height:22px;color:var(--text);font-family:var(--font-mono);border-radius:7px;padding:0 4px;font-size:9px}.mock__range{align-items:center;gap:6px;display:flex}.mock__slider{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;width:84px;height:5px}.mock__slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);background:var(--bg);border-radius:50%;width:12px;height:12px}.mock__slider::-moz-range-thumb{border:2px solid var(--accent);background:var(--bg);border-radius:50%;width:10px;height:10px}.mock__range-num{border:1px solid var(--border);background:var(--bg-soft);width:42px;height:22px;color:var(--text);font-family:var(--font-mono);border-radius:7px;padding:0 4px;font-size:9px}.mock__toggle{border:1px solid var(--border-strong);background:var(--bg-soft);cursor:pointer;width:30px;height:17px;transition:background .2s var(--ease), border-color .2s var(--ease);border-radius:999px;padding:0;position:relative}.mock__toggle[aria-checked=true]{border-color:var(--accent);background:var(--accent)}.mock__toggle-knob{background:var(--text);width:12px;height:12px;transition:left .2s var(--ease), background .2s var(--ease);border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.mock__toggle[aria-checked=true] .mock__toggle-knob{background:#17130b;left:15px}.mock__switch-value{align-items:center;gap:5px;display:flex}.mock__switch-num{width:22px;font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.mock__cvar{border:1px solid var(--border);background:var(--bg-soft);max-width:90px;font-family:var(--font-mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:2px 6px;font-size:9px;display:block;overflow:hidden}.mock__applybar{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex;box-shadow:0 10px 30px #0000003d}.mock__changes{font-size:9.5px;font-weight:600}.mock__applybar-actions{flex-wrap:wrap;gap:4px;display:flex}.mock__editor-body{grid-template-columns:minmax(0,1fr) 150px;align-items:start;gap:8px;display:grid}.mock__params-col{min-width:0}.mock__params-col .mock__applybar{margin-top:8px}.mock__detail{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px}.mock__detail-title{font-size:9px;font-weight:600}.mock__detail-key{font-family:var(--font-mono);color:var(--accent-hover);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8.5px;display:block;overflow:hidden}.mock__detail-rows{grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;margin:6px 0 0;display:grid}.mock__detail-rows dt{color:var(--text-muted);font-size:8px}.mock__detail-rows dd{font-family:var(--font-mono);text-align:right;margin:0;font-size:8.5px}.mock__detail-tier{margin-top:6px}.mock__detail-desc{color:var(--text-secondary);margin:6px 0 0;font-size:8.5px}.mock__detail-compat{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:6px;margin-top:6px;padding-top:6px;font-size:8px;display:flex}.mock__detail-compat b{font-family:var(--font-mono);color:var(--success)}.mock__backups{flex-direction:column;gap:8px;display:flex}.mock__alert{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-secondary);border-radius:10px;gap:6px;padding:6px 8px;display:flex}.mock__alert .mock__icon{color:var(--accent-hover);margin-top:1px}.mock__alert-title{color:var(--text);font-size:9px;font-weight:600}.mock__alert-body{color:var(--text-muted);margin-top:1px;font-size:8.5px}.mock__section-title{font-size:10.5px;font-weight:600}.mock__section-desc{color:var(--text-muted);margin-top:1px;font-size:8.5px}.mock__list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.mock__backup{border:1px solid var(--border);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;display:flex}.mock__backup-info{min-width:0}.mock__backup-top{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.mock__backup-label{font-size:9.5px;font-weight:500}.mock__backup-id{font-family:var(--font-mono);color:var(--text-muted);font-size:7.5px}.mock__backup-files{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.mock__backup--new{border-color:var(--accent);box-shadow:0 0 calc(var(--glow,0) * 24px) #d99a2b59}@media (width<=899.98px){.mock{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;min-height:300px}.mock__rail{border-right:none;border-bottom:1px solid var(--border-strong);flex-direction:row;padding:6px 8px}.mock__rail-nav{flex-direction:row}.mock__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mock__editor-body{grid-template-columns:1fr}.mock__detail{display:none}}@media (width<=520px){.mock__grid{grid-template-columns:1fr}.mock__ctx-actions .mock__badge{display:none}}.story__scenes,.scene{position:relative}.scene__pin{width:100%;max-width:1220px;min-height:100dvh;padding:calc(var(--chrome-h) + 1.5rem) var(--deck-pad) 2.5rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);margin-inline:auto;display:grid;position:relative}.scene--center .scene__pin{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:1.75rem}.scene__copy{justify-items:start;gap:.9rem;min-width:0;display:grid}.scene--center .scene__copy{justify-items:center}.scene__kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem}.scene__title{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,3.8vw,2.9rem);font-weight:700;line-height:1.12}.scene__text{max-width:34rem;color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.4vw,1.125rem)}.scene__stage{width:100%;min-width:0;position:relative}.scene__hint{font-family:var(--font-mono);color:var(--text-faint);margin:0;font-size:.75rem;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.scene__hint.is-animated{animation:2.2s ease-in-out infinite hint-bob}.hero__cta{margin-top:.35rem}.scene--hero .mock{height:clamp(340px,56vh,520px);min-height:0;animation:hero-rise .7s var(--ease) .1s both}.scan{position:relative}.scan__icon{border:1px solid var(--border-strong);border-radius:var(--radius-m);z-index:2;background:#0f0e0cc7;justify-items:center;gap:.5rem;width:max-content;height:max-content;margin:auto;padding:.9rem 1.1rem;display:grid;position:absolute;inset:0}.scan__icon img{width:56px;height:56px}.scan__icon span{white-space:nowrap;font-size:.75rem;font-weight:600}.scan__win{border-radius:var(--radius-l);box-shadow:0 0 calc(var(--glow,0) * 46px) #d99a2b47, var(--shadow);position:relative}.scan__beam{mix-blend-mode:screen;pointer-events:none;z-index:3;background:linear-gradient(#0000,#d99a2b47 42%,#efb347d9 50%,#d99a2b47 58%,#0000);height:72px;position:absolute;top:0;left:-2%;right:-2%}.scan__counter{z-index:4;font-family:var(--font-mono);color:var(--accent);border:1px solid var(--accent-ring);background:#0f0e0cd9;border-radius:999px;margin:0;padding:.3rem .6rem;font-size:.72rem;position:absolute;top:.6rem;right:.75rem}.scan__status{z-index:4;font-family:var(--font-mono);color:var(--text-muted);margin:0;font-size:.72rem;position:absolute;bottom:.6rem;left:.75rem}.backup,.backup__win{position:relative}.backup__fly{z-index:5;font-family:var(--font-mono);color:var(--text);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-s);white-space:nowrap;padding:.45rem .7rem .45rem 1.9rem;font-size:.75rem;position:absolute;top:9%;right:7%;box-shadow:0 10px 28px #00000073}.backup__fly:before{content:"";border:1px solid var(--border);background:var(--bg);border-radius:2px;width:11px;height:13px;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.mock__backup--new{position:relative}.backup__badge{font-family:var(--font-mono);color:#10240f;background:var(--success);border-radius:999px;padding:.15rem .45rem;font-size:.625rem;font-weight:700;position:absolute;top:-.6rem;right:.6rem}.backup__shield{width:30px;height:30px;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.backup__shield-body{fill:#76c89326;stroke:var(--success);stroke-width:2.5px}.backup__shield-check{fill:none;stroke:var(--success);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.modes,.modes__win{position:relative}.modes__fps,.modes__ue{z-index:4;font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);background:#0f0e0cd9;border-radius:999px;margin:0;padding:.3rem .6rem;font-size:.72rem;position:absolute;top:.6rem;transform:translateY(-6px)}.modes__fps{right:.75rem}.modes__fps b{color:var(--success)}.modes__ue{color:var(--accent);border-color:var(--accent-ring);right:6.5rem}.modes__fps.is-on,.modes__ue.is-on{opacity:1;transform:none}.modes__tip{z-index:4;max-width:240px;color:var(--text);background:var(--surface-raised);border:1px solid var(--accent-ring);border-radius:var(--radius-s);box-shadow:var(--shadow);opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);margin:0;padding:.5rem .7rem;font-size:.75rem;position:absolute;bottom:3.4rem;right:1rem;transform:translateY(6px)}.modes__tip.is-on{opacity:1;transform:none}.final{justify-items:center;gap:1.1rem;width:100%;display:grid}.final__monitor{perspective:900px;width:min(560px,100%)}.final__screen{background:var(--bg-soft);border:8px solid #211f19;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px #0000008c,0 0 60px #d99a2b1f}.final__screen .mock{height:280px;min-height:0;box-shadow:none;border:none;border-radius:8px}.final__stand{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);background:linear-gradient(#2a271f,#171611);width:130px;height:34px;margin:0 auto;position:relative}.final__stand:after{content:"";background:#2a271f;border-radius:3px;height:6px;position:absolute;bottom:-6px;left:-24px;right:-24px}.final__badges{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.final__badges li{border:1px solid var(--accent-ring);font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:.3rem .7rem;font-size:.72rem}.final__tagline{color:var(--text-secondary);margin:0;font-size:1.05rem;font-weight:600}@media (width>=900px) and (prefers-reduced-motion:no-preference){.scene__stage .mock{pointer-events:none}.scene__stage .mock__main{overflow:hidden}}.final__screen .mock{pointer-events:none}.final__screen .mock__main{overflow:hidden}.story--fallback [data-reveal]{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);transform:translateY(18px)}.story--fallback [data-reveal].is-visible{opacity:1;transform:none}.story--fallback .scene__hint,.story--fallback .scan__icon,.story--fallback .scan__beam,.story--fallback .scan__status,.story--fallback .scan__counter,.story--fallback .backup__fly,.story--fallback .modes__fps,.story--fallback .modes__ue,.story--fallback .modes__tip{display:none}@media (width<=899.98px){.scene__pin{min-height:0;padding-top:calc(var(--chrome-h) + 2.25rem);grid-template-columns:1fr;align-content:start;gap:1.25rem;padding-bottom:2rem}.scene__copy{order:1}.scene__stage{order:2}.final__screen .mock{height:240px}}@keyframes hint-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes screen-in-r{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes screen-in-l{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:translate(0)}}@keyframes cta-pulse{0%,to{box-shadow:0 0 #d99a2b73,0 0 24px #d99a2b40}50%{box-shadow:0 0 0 10px #d99a2b00,0 0 44px #d99a2b73}}.modes__screen--in-r{animation:screen-in-r .38s var(--ease) both}.modes__screen--in-l{animation:screen-in-l .38s var(--ease) both}.final__cta .btn--fill.is-animated{animation:2.4s ease-in-out infinite cta-pulse}@media (prefers-reduced-motion:reduce){.scene__hint,.scene--hero .mock,.modes__screen--in-r,.modes__screen--in-l,.final__cta .btn--fill{animation:none}}