.hero{--frame-h:calc(100svh - 168px);--frame-w:min(35vw, calc(var(--frame-h) * .8));height:340svh;position:relative}.hero-marker{pointer-events:none;width:1px;height:80svh;position:absolute;left:0}.hero-marker[data-step="0"]{top:0}.hero-marker[data-step="1"]{top:80svh}.hero-marker[data-step="2"]{top:160svh}.hero-marker[data-step="3"]{top:240svh}.hero-stage{height:100svh;position:sticky;top:0;overflow:clip}.hero-nav{z-index:3;padding:16px var(--margin);justify-content:space-between;align-items:center;gap:24px;font-size:15px;display:flex;position:absolute;inset:0 0 auto}.wordmark{align-items:center;gap:10px;font-weight:500;text-decoration:none;display:inline-flex}.hero-nav nav{align-items:center;gap:24px;display:flex}.hero-nav nav a:not(.btn){text-decoration:none}.hero-nav .btn{min-height:40px;font-size:15px}.hero-title{pointer-events:none;font-size:var(--step-head);letter-spacing:-.05em;margin:0;line-height:.95;position:absolute;inset:0}.half{max-width:calc((100vw - var(--frame-w)) / 2 - var(--margin) - 32px);position:absolute;top:50%;translate:0 -50%}.half.left{left:var(--margin)}.half.right{right:var(--margin);text-align:right}.reel-window{width:var(--frame-w);height:var(--frame-h);position:absolute;top:50%;left:50%;translate:-50% -50%}.reel{transform:translateY(calc(var(--step) * -1 * (var(--frame-h) + 24px)));transition:transform .9s var(--ease-expo);gap:24px;display:grid}.frame{height:var(--frame-h);border-radius:var(--radius);background:var(--surface);align-content:center;place-items:center;gap:20px;padding:24px;display:grid;overflow:hidden}.frame-dark{background:var(--field)}.live-controls{gap:12px;width:100%;max-width:400px;display:grid}.frame-live .wallet{max-width:400px}.kinds{flex-wrap:wrap;gap:6px;display:flex}.chip{min-height:32px;font-size:var(--step-small);background:var(--bg);color:var(--ink);border-color:#0000;border-radius:999px;padding:4px 10px}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg)}.live-row{align-items:center;gap:8px;display:flex}.live-go{white-space:nowrap;flex:1}@media (hover:hover) and (pointer:fine){.chip:hover{background:var(--active);color:var(--ink);border-color:#0000}.chip[aria-pressed=true]:hover{background:var(--ink);color:var(--bg)}}.hero-captions{left:var(--margin);width:min(30rem, calc((100vw - var(--frame-w)) / 2 - var(--margin) - 32px));display:grid;position:absolute;bottom:32px}.hero-caption{font-size:var(--step-body);grid-area:1/1;line-height:1.45;transition:opacity .4s}.hero-caption:not([data-active=true]){opacity:0}.stand{color:#181715;text-align:center;background:#fff;border-radius:12px;justify-items:center;gap:12px;width:min(100%,300px);padding:24px;display:grid}.stand b{font-size:var(--step-lead);letter-spacing:-.02em;font-weight:500}.stand svg:not(.stand-nfc svg){width:180px;height:180px}.stand>span:first-of-type svg{width:180px;height:180px;display:block}.stand p{font-size:14px}.stand-nfc{font-size:var(--step-small);background:var(--rule);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.scan-frag{color:#181715;letter-spacing:0;background:#fff;border:1px solid #e2e2dc;border-radius:12px;gap:8px;width:min(100%,320px);padding:20px;font-size:15px;display:grid}.scan-who{font-size:var(--step-body);font-weight:500}.scan-count{letter-spacing:-.02em;font-size:28px;font-weight:500}.scan-ok{background:var(--pill-positive-bg);color:var(--pill-positive-ink);border-radius:6px;padding:10px 12px;font-size:14px}.scan-btn{color:#fff;background:#181715;border-radius:6px;place-items:center;min-height:44px;font-size:14px;font-weight:500;display:grid}.lock{color:#f2f2ee;justify-items:center;gap:4px;width:min(100%,340px);padding:8px 0;display:grid}.lock-date{font-size:14px}.lock-time{font-size:var(--step-head);letter-spacing:-.03em;margin-bottom:20px;font-weight:500;line-height:1}.lines .line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.lines [data-line]{display:block}@media (prefers-reduced-motion:no-preference){.js .lines [data-line]{animation:line-up .9s var(--ease-expo) forwards;animation-delay:calc(.15s + var(--i) * .11s);transform:translateY(105%)}.js .reel-window{clip-path:inset(0 0 100%);animation:open 1s var(--ease-in-out) .15s forwards}.js [data-load]{opacity:0;animation:rise .5s var(--ease-out) forwards;animation-delay:var(--d);transform:translateY(12px)}}@keyframes line-up{to{transform:none}}@keyframes open{to{clip-path:inset(-100vh -10vw)}}@keyframes rise{to{opacity:1;transform:none}}.how{max-width:600px;padding:200px var(--margin) 200px;gap:72px;margin:0 auto;display:grid}.how h2{font-size:var(--step-head);max-width:14ch}.how-stage{gap:20px;display:grid}.how-stage p{font-size:var(--step-body);color:var(--muted);line-height:1.6}.how-stage p b{color:var(--ink)}.frames3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini{border-radius:8px;grid-template-rows:1fr auto;height:96px;margin:0;display:grid;overflow:hidden}.mini img{object-fit:contain;width:100%;height:100%;min-height:0}.mini figcaption{font-size:var(--step-small);letter-spacing:0;padding:0 10px 8px}.frames3.photos img{object-fit:cover;width:100%;height:96px;display:block}.photo{gap:10px;margin:0;display:grid}.photo-frame{display:block;overflow:clip}.photo img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.photo figcaption{font-size:var(--step-small);color:var(--muted)}.evidence-ui{background:var(--surface);border-radius:var(--radius);place-items:center;padding:32px;display:grid}@media (min-width:901px){.how{gap:96px;max-width:1200px}.how-stage{grid-template-columns:5fr 7fr;align-items:start;gap:48px}.how-stage p{max-width:40ch;padding-top:8px}.mini{height:140px}.frames3.photos img{height:180px}.evidence-ui{padding:48px 32px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.drift img{animation:linear both drift;animation-timeline:view();animation-range:entry exit;scale:1.1}@keyframes drift{0%{translate:0 -4%}to{translate:0 4%}}}}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease-out), transform .9s var(--ease-expo);transition-delay:var(--d,0s);transform:translateY(24px)}.js [data-reveal].is-in{opacity:1;transform:none}}.showcase{grid-template-columns:1fr 1fr;min-height:90svh;display:grid;position:relative}.field-dark{background:var(--field);color:var(--field-ink);align-content:start;gap:12px;padding:28svh 16.6667% 160px;display:grid}.promo-label{font-size:var(--step-small);color:var(--field-muted);font-weight:400}.promo-input{color:var(--field-ink);resize:none;max-width:34ch;min-height:5.5em;caret-color:var(--accent);background:0 0;border:0;border-radius:0;padding:0;font-size:clamp(1.25rem,.9rem + .9vw,1.5rem);line-height:1.35}.promo-input:hover{border:0}.promo-input:focus-visible{outline:2px solid var(--field-ink);outline-offset:8px}.promo-count{font-size:var(--step-small);color:var(--field-muted)}.field-light{background:var(--bg);padding:28svh var(--margin) 160px;align-content:start;justify-items:center;gap:24px;display:grid}.field-light .lock{background:var(--field);border-radius:var(--radius);width:min(100%,440px);padding:32px 24px 40px}.promo-note{max-width:44ch;font-size:var(--step-small);color:var(--muted)}.split-title{font-size:var(--step-head);pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:auto 0 32px}.split-left{color:var(--field-ink);padding-left:8.33333vw}.split-right{text-align:right;padding-right:var(--margin)}.faq{padding:200px var(--margin);grid-template-columns:repeat(12,1fr);gap:0 24px;display:grid}.faq h2{font-size:var(--step-head);grid-column:1/5;align-self:start;position:sticky;top:96px}.faq-list{grid-column:5/13;gap:8px;display:grid}.faq details{background:var(--surface);border-radius:var(--radius);transition:background-color var(--t-hover) ease}.faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:20px 24px;font-size:1.25rem;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq details p{max-width:52ch;padding:0 24px 24px;font-size:1.0625rem;line-height:1.55}.faq details[open]{background:var(--accent);color:var(--accent-ink)}.plus{flex:none;width:16px;height:16px;position:relative}.plus i{width:16px;height:3px;transition:rotate var(--t-ui) var(--ease-out);background:currentColor;position:absolute;top:6.5px;left:0}.plus i:last-child{rotate:90deg}.faq details[open] .plus i:last-child{rotate:0deg}@media (hover:hover) and (pointer:fine){.faq details:not([open]):hover{background:#d3d3cc}}.cta{padding:160px var(--margin) 200px;gap:24px;display:grid}.cta-line{font-size:var(--step-head);letter-spacing:-.04em;line-height:1.15}.cta-line input,.cta-line button{font:inherit;letter-spacing:inherit;vertical-align:-.12em;border-radius:var(--radius);border:0;height:1.15em;min-height:0}.cta-line input{background:var(--surface);width:7em;color:var(--ink);padding:0 .25em}.cta-line input::placeholder{color:var(--placeholder)}.cta-line button{padding:0 .3em}.cta-note{color:var(--muted);font-size:var(--step-body)}.foot{grid-template-columns:repeat(12,1fr);gap:8px;padding:8px;display:grid}.tile{background:var(--surface);border-radius:var(--radius);min-height:220px;padding:24px;text-decoration:none}.tile-statement{grid-column:1/5;align-content:space-between;gap:24px;display:grid}.tile-statement p{letter-spacing:-.02em;max-width:22ch;font-size:1.5rem;line-height:1.2}.tile-statement small{font-size:var(--step-small);color:var(--muted)}.tile-nav{grid-column:5/8;align-content:start;gap:8px;display:grid}.tile-nav a{width:fit-content;text-decoration:none}.tile-credits{font-size:var(--step-small);color:var(--muted);grid-column:8/11}.tile-credits p{color:var(--ink);margin-bottom:8px}.tile-credits ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tile-login{grid-column:11/13;align-items:flex-end;font-size:1.25rem;display:flex}.tile-word{background:var(--field);min-height:320px;color:var(--field-ink);font-size:var(--step-display);letter-spacing:-.05em;white-space:nowrap;grid-column:1/9;justify-content:center;align-items:center;gap:.25em;font-weight:500;line-height:1;display:flex;overflow:hidden}.tile-word svg{flex:none;width:.6em;height:.6em}.tile-go{background:var(--accent);min-height:320px;color:var(--accent-ink);font-size:var(--step-lead);letter-spacing:-.02em;transition:background-color var(--t-hover) ease;flex-direction:column;grid-column:9/13;justify-content:space-between;display:flex}.tile-go svg{transition:transform var(--t-ui) var(--ease-out);align-self:flex-end}@media (hover:hover) and (pointer:fine){.tile-nav a:hover,.tile-credits a:hover,.tile-login:hover{text-decoration:underline}.tile-go:hover{background:var(--accent-hover)}.tile-go:hover svg{transform:translate(4px,-4px)}}@media (max-width:900px){.hero{height:auto}.hero-stage{height:auto;padding:88px var(--margin) 56px;gap:16px;display:grid;position:static;overflow:visible}.hero-nav nav a:not(.btn):not([href=\/login]){display:none}.hero-nav nav{gap:16px}.hero-title{gap:16px;font-size:9vw;line-height:1;display:grid;position:static}.half{max-width:none;position:static;translate:none}.reel-window{width:auto;height:auto;position:static;translate:none}.reel{transform:none}.frame{height:auto;padding:24px 16px}.frame:not(.frame-live){display:none}.hero-captions{gap:16px;width:auto;position:static}.hero-caption:not(:first-child){display:none}.hero-caption{opacity:1!important}.how{gap:56px;padding:120px 20px}.how-stage p{font-size:1.0625rem}.frames3{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:70%;grid-auto-flow:column;overflow-x:auto}.frames3>*{scroll-snap-align:start}.mini,.frames3.photos img{height:88px}.showcase{grid-template-columns:1fr}.field-dark{min-height:50svh;padding:64px 20px 24px}.field-light{min-height:50svh;padding:24px 16px 64px}.field-dark{order:1;padding-bottom:24px}.split-title{order:2;grid-template-columns:1fr;font-size:11vw;position:static}.field-light{order:3;padding-top:24px}.split-left{background:var(--field);padding:0 20px 24px}.split-right{background:var(--bg);padding:24px 16px 0}.faq{grid-template-columns:1fr;gap:24px;padding:120px 20px}.faq h2{grid-column:1;font-size:9vw;position:static}.faq-list{grid-column:1;gap:6px}.faq summary{font-size:var(--step-body);min-height:64px;padding:16px 20px}.faq details p{font-size:var(--step-body);padding:0 20px 20px}.cta{padding:120px 20px}.cta-line{font-size:10vw}.cta-line input{width:100%;height:1.2em;margin:.1em 0;display:block}.foot{grid-template-columns:1fr 1fr;gap:6px;padding:6px}.tile{min-height:0;padding:20px}.tile-word{order:-2;grid-column:1/-1;min-height:160px;font-size:12vw}.tile-go{order:-1;grid-column:1/-1;min-height:160px}.tile-nav,.tile-login{grid-column:span 1}.tile-credits,.tile-statement{grid-column:1/-1}}
