.l3d{background:var(--bg);position:relative}.stage{z-index:0;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.stage-canvas{opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.stage[data-ready] .stage-canvas{opacity:1}.stage.no-webgl{background:radial-gradient(circle at 68% 50%, #ffb54729, transparent 28%), var(--bg)}.stage.no-webgl .stage-labels{display:none}.stage-scrim{background:linear-gradient(90deg,#0a0f1ce6 0%,#0a0f1c9e 30%,#0a0f1c00 54%);transition:opacity .5s;position:absolute;inset:0}.stage-labels{position:absolute;inset:0}.anchor{will-change:transform;position:absolute;top:0;left:0}.anchor[data-off]{visibility:hidden}.src-label>span{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text-2);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:500;display:block;transform:translate(-50%,-100%)}.mem-chip>span{--dx:18px;border:1px solid var(--line-strong);border-left:3px solid var(--tone);border-radius:var(--r-md);background:var(--surface-2);width:max-content;max-width:220px;box-shadow:var(--shadow);color:var(--text);opacity:0;transform:translate(var(--dx), -50%) scale(.96);transform-origin:0;gap:2px;padding:8px 11px;font-size:12.5px;line-height:1.35;transition:opacity .35s,transform .35s;display:grid}.mem-chip b{color:var(--tone);font-size:12px;font-weight:600}.mem-chip[data-flip]>span,.reminder-chip>span{--dx:calc(-100% - 18px);transform-origin:100%}.reminder-chip>span{max-width:240px}.stage-labels[data-step="0"] [data-show~="0"]>span,.stage-labels[data-step="1"] [data-show~="1"]>span,.stage-labels[data-step="2"] [data-show~="2"]>span,.stage-labels[data-step="3"] [data-show~="3"]>span{opacity:1;transform:translate(var(--dx), -50%)}.l-nav{z-index:10;padding:env(safe-area-inset-top,0px) 24px 0;border-bottom:1px solid var(--line);background:#0a0f1cf7;position:fixed;top:0;left:0;right:0}.l-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1160px;height:64px;margin:0 auto;display:flex}.l-nav nav{align-items:center;gap:24px;display:flex}.l-nav nav a:not(.btn){color:var(--text-2);font-size:14px;font-weight:500;text-decoration:none}.l-nav nav a:not(.btn):hover{color:var(--text)}.story{z-index:1;align-items:center;min-height:100svh;padding:96px 24px 64px;display:flex;position:relative}.story-inner{width:100%;max-width:1160px;margin:0 auto}.hero .story-inner{justify-items:start;gap:24px;display:grid}.hero h1{font:600 clamp(40px, 4.6vw, 58px)/1.04 var(--font-display);letter-spacing:-.02em;margin:0}.hero h1 span{display:block}.l-lead{max-width:46ch;color:var(--text-2);margin:0;font-size:18px;line-height:1.6}.hero .actions{gap:12px}.scroll-hint{color:var(--text-3);align-items:center;gap:10px;margin:28px 0 0;font-size:13px;display:flex}.scroll-hint i{background:linear-gradient(var(--amber), transparent);width:1px;height:28px}.story-card{border:1px solid var(--line);border-radius:var(--r-lg);max-width:440px;box-shadow:var(--shadow);background:#0f1626f2;justify-items:start;gap:14px;padding:28px;display:grid}.story-card h2{font:600 clamp(28px, 3vw, 36px)/1.1 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0}.story-card p{color:var(--text-2);margin:0;line-height:1.6}.type-list{grid-template-columns:1fr 1fr;gap:10px 20px;margin:4px 0 0;padding:0;font-size:14px;font-weight:500;list-style:none;display:grid}.type-list li{align-items:center;gap:9px;display:flex}.type-list i{background:var(--tone);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--tone) 22%, transparent);border-radius:50%}.mini-reminder{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-3);gap:10px;width:100%;padding:14px;display:grid}.mini-reminder .who{color:var(--amber);font-size:12.5px;font-weight:500}.mini-reminder p{color:var(--text);font-size:14.5px;line-height:1.5}.mini-reminder .actions{pointer-events:none}.l-solid{z-index:1;background:var(--bg);border-top:1px solid var(--line);padding:96px 24px 40px;position:relative}.l-solid>*{max-width:1160px;margin-left:auto;margin-right:auto}.l-section+.l-section{margin-top:88px}.l-h2{font:600 clamp(28px, 3.4vw, 40px)/1.1 var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0 0 28px}.l-try-intro p{max-width:62ch;color:var(--text-2);margin:-12px 0 24px;line-height:1.6}.l-try-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.l-try-input{align-content:start;gap:10px;padding:18px;display:grid}.l-try-input label{color:var(--text-2);font-size:13px;font-weight:500}.l-try-input textarea{resize:vertical;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--bg);width:100%;min-height:268px;color:var(--text);font:14px/1.6 var(--font-mono);padding:12px 14px}.l-try-input textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft);outline:none}.l-try-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.l-try-count{color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.l-try-note{color:var(--text-3);margin:0;font-size:12.5px}.l-try-output{align-content:start;gap:12px;min-height:280px;padding:18px;display:grid}.l-try-empty{text-align:center;max-width:34ch;color:var(--text-3);margin:auto;line-height:1.6}.l-try-found{color:var(--text-2);margin:0;font-size:13px;font-weight:500}.l-try-items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.l-try-items li{border:1px solid var(--line);border-left:3px solid var(--tone);border-radius:var(--r-md);background:var(--surface-2);gap:3px;padding:10px 12px;display:grid}.l-try-items b{color:var(--tone);font-size:12px;font-weight:600}.l-try-items span{line-height:1.45}.l-try-items small{color:var(--text-3);font-size:12.5px}.l-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.l-steps li{border-top:2px solid var(--line-strong);align-content:start;gap:10px;padding-top:20px;display:grid}.l-steps li:first-child{border-top-color:var(--amber)}.l-step{font:500 13px/1 var(--font-mono);color:var(--amber)}.l-steps h3{font:600 20px/1.25 var(--font-display);margin:0}.l-steps p{color:var(--text-2);margin:0;line-height:1.6}.l-trust{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:48px;display:grid}.l-trust .l-h2{margin-bottom:14px}.l-trust ul{margin:0;padding:0;list-style:none;display:grid}.l-trust li{border-top:1px solid var(--line);color:var(--text-2);padding:16px 0 16px 28px;line-height:1.55;position:relative}.l-trust li:last-child{border-bottom:1px solid var(--line)}.l-trust li:before{content:"";border-left:2px solid var(--green);border-bottom:2px solid var(--green);width:10px;height:6px;position:absolute;top:24px;left:4px;transform:rotate(-45deg)}.l-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;padding:36px 40px;display:flex}.l-cta>div{gap:10px;display:grid}.l-cta h2{font:600 32px/1.1 var(--font-display);margin:0}.l-cta p{max-width:56ch;color:var(--text-2);margin:0}.l-footer{border-top:1px solid var(--line);color:var(--text-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:72px;padding-top:20px;font-size:13px;display:flex}.l-footer nav{flex-wrap:wrap;gap:20px;display:flex}.l-footer a{color:var(--text-2);text-decoration:none}.l-footer a:hover{color:var(--text)}@media (prefers-reduced-motion:reduce){.stage-canvas,.mem-chip>span{transition:none}}@media (max-width:980px){.stage-scrim{background:linear-gradient(#0a0f1cf0 0%,#0a0f1cbf 45%,#0a0f1c00 68%)}.stage:not([data-step="0"]) .stage-scrim{opacity:0}.hero{align-items:flex-start;padding-top:112px}.story:not(.hero){align-items:flex-end;padding-bottom:28px}.story-card{max-width:520px}.l-steps{grid-template-columns:minmax(0,1fr);gap:24px}.l-trust{grid-template-columns:minmax(0,1fr);gap:20px}.l-try-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.l-nav{padding-left:16px;padding-right:16px}.l-nav nav a:not(.btn){display:none}.story{padding-left:16px;padding-right:16px}.story-card{gap:12px;padding:22px}.story-card h2{font-size:26px}.hero{padding-top:96px}.hero .story-inner{gap:18px}.hero h1{font-size:clamp(34px,9.4vw,40px)}.hero h1 span{display:inline}.l-lead{font-size:16px}.scroll-hint,.stage-labels[data-step="0"] .src-label,.mem-chip:not(.t-decision){display:none}.mem-chip>span{max-width:170px;font-size:12px}.l-solid{padding:64px 16px 32px}.l-cta{padding:28px 22px}}