:root{--bg: #07100e;--bg-2: #0a1613;--panel: #0f1c19;--teal: #0d9488;--teal-bright: #2dd4bf;--text: #eaf3f1;--muted: #93aaa4;--border: rgba(255, 255, 255, .08);--shadow: 0 50px 90px -40px rgba(0, 0, 0, .85);--maxw: 1180px}*{box-sizing:border-box}html{scroll-snap-type:y proximity;scroll-behavior:smooth;scroll-padding-top:0;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:inherit;text-decoration:none}img{-webkit-user-select:none;user-select:none}.nav{position:fixed;inset:0 0 auto 0;z-index:50;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,40px);background:#07100e99;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.nav-logo{display:block;width:30px;height:30px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:clamp(14px,3vw,28px);font-size:.95rem}.nav-links a{color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{color:#04211d!important;background:linear-gradient(150deg,var(--teal),var(--teal-bright));padding:9px 16px;border-radius:999px;font-weight:700}.section{position:relative;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding:88px clamp(20px,5vw,48px) 56px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--teal-bright);margin-bottom:18px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.in .reveal,.reveal-group.in .reveal{opacity:1;transform:none}.eyebrow.reveal{transition-delay:.05s}.feature-title.reveal,.hero-title.reveal{transition-delay:.12s}.feature-desc.reveal,.hero-sub.reveal{transition-delay:.2s}.chips.reveal,.hero-actions.reveal{transition-delay:.28s}.theme-toggle.reveal{transition-delay:.36s}.feature-phone.reveal,.hero-phone .reveal{transition-delay:.1s}.hero{overflow:hidden}.hero-glow{position:absolute;width:70vw;height:70vw;max-width:760px;max-height:760px;right:-10%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(13,148,136,.32),transparent 62%);filter:blur(20px);pointer-events:none}.hero-inner,.feature-inner{width:100%;max-width:var(--maxw);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,72px)}.hero-title{font-size:clamp(2.3rem,6vw,4.3rem);line-height:1.04;font-weight:800;letter-spacing:-.02em;margin:0 0 20px}.hero-sub{color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65;max-width:50ch;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:999px;font-weight:700;font-size:1rem;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn-primary{color:#04211d;background:linear-gradient(150deg,var(--teal),var(--teal-bright));box-shadow:0 16px 40px -16px #2dd4bf99}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:#ffffff0d}.theme-toggle{display:inline-flex;gap:4px;padding:5px;background:#ffffff0d;border:1px solid var(--border);border-radius:999px}.theme-toggle button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.9rem;transition:background .3s,color .3s}.theme-toggle button.active{background:var(--teal);color:#04211d}.hero-phone{display:flex;justify-content:center}.feature-copy{max-width:30rem}.feature-flipped .feature-inner{direction:rtl}.feature-flipped .feature-copy,.feature-flipped .feature-phone{direction:ltr}.feature-title{font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;margin:0 0 18px}.title-line{display:block}.feature-desc{color:var(--muted);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.7;max-width:44ch;margin:0 0 22px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{font-size:.82rem;font-weight:600;color:var(--teal-bright);padding:7px 14px;border-radius:999px;background:#2dd4bf1a;border:1px solid rgba(45,212,191,.22)}.feature-phone{display:flex;justify-content:center}.quickadd{position:relative;height:300svh}.quickadd-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;padding:88px clamp(20px,5vw,48px) 56px;overflow:hidden}.quickadd-inner{width:100%;max-width:var(--maxw);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,72px)}.qa-steps{display:flex;gap:22px;margin-bottom:16px;flex-wrap:wrap}.qa-step{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;opacity:.36;transition:opacity .4s ease}.qa-step.active{opacity:1}.qa-step.done{opacity:.66}.qa-step-n{font-weight:800;font-size:.8rem;color:var(--teal-bright);border:1px solid rgba(45,212,191,.4);border-radius:8px;padding:3px 7px}.qa-step.active .qa-step-n{background:var(--teal);color:#04211d;border-color:var(--teal)}.qa-step-label{font-size:.92rem;font-weight:600;color:var(--text)}.qa-progress{height:3px;border-radius:999px;max-width:320px;margin-bottom:24px;background:#ffffff1a;overflow:hidden}.qa-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-bright));transition:width .15s linear}.qa-text{animation:qaIn .55s cubic-bezier(.2,.7,.2,1) both}@keyframes qaIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.quickadd-phone{display:flex;justify-content:center}.qa-img{transition:opacity .6s ease}.priv-welcome{z-index:2}.priv-tap{position:absolute;left:50%;top:73%;width:64px;height:64px;border-radius:50%;border:3px solid var(--teal-bright);background:#2dd4bf2e;transform:translate(-50%,-50%) scale(.3);opacity:0;z-index:3;pointer-events:none}.priv.in .priv-welcome{animation:privWelcome 5s ease-in-out infinite}.priv.in .priv-tap{animation:privTap 5s ease-in-out infinite}@keyframes privWelcome{0%,36%{opacity:1;transform:translateY(0)}46%,86%{opacity:0;transform:translateY(-2.5%)}96%,to{opacity:1;transform:translateY(0)}}@keyframes privTap{0%,26%{opacity:0;transform:translate(-50%,-50%) scale(.3)}31%{opacity:.95;transform:translate(-50%,-50%) scale(.85)}40%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.feature-swap .swap-top{opacity:0}.feature-swap.in .swap-top{animation:swapFade 7s ease-in-out infinite}@keyframes swapFade{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}.wallets-sheet{z-index:2;transform:translateY(100%)}.wallets.in .wallets-sheet{animation:walletSheet 6s ease-in-out infinite}@keyframes walletSheet{0%,26%{transform:translateY(100%)}40%,82%{transform:translateY(0)}96%,to{transform:translateY(100%)}}.wallets-tap{position:absolute;left:77%;top:11%;width:54px;height:54px;border-radius:50%;border:3px solid var(--teal-bright);background:#2dd4bf2e;transform:translate(-50%,-50%) scale(.3);opacity:0;z-index:3;pointer-events:none}.wallets.in .wallets-tap{animation:walletTap 6s ease-in-out infinite}@keyframes walletTap{0%,16%{opacity:0;transform:translate(-50%,-50%) scale(.3)}21%{opacity:.95;transform:translate(-50%,-50%) scale(.85)}30%{opacity:0;transform:translate(-50%,-50%) scale(1.9)}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.feat-highlight{position:absolute;width:var(--d, 14%);aspect-ratio:1;transform:translate(-50%,-50%) scale(.7);border-radius:50%;border:2.5px solid var(--teal-bright);box-shadow:0 0 0 3px #2dd4bf38,0 0 18px 3px #2dd4bf80;opacity:0;z-index:3;pointer-events:none}.feature.in .feat-highlight{animation:featPulse 3.4s ease-in-out infinite}@keyframes featPulse{0%,70%,to{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}40%{opacity:.85;transform:translate(-50%,-50%) scale(1)}58%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.phone{position:relative;width:clamp(230px,27vw,320px);aspect-ratio:1240 / 2772;padding:10px;border-radius:30px;background:linear-gradient(155deg,#16211e,#090f0d);box-shadow:var(--shadow),inset 0 0 0 1px #ffffff0f}.phone-screen{position:relative;height:100%;border-radius:22px;overflow:hidden;background:#000}.phone-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.phone-img-top{will-change:clip-path}.phone-img-top.wipe-in{animation:phoneWipeIn .85s cubic-bezier(.65,0,.35,1) forwards}.phone-img-top.wipe-out{animation:phoneWipeOut .85s cubic-bezier(.65,0,.35,1) forwards}@keyframes phoneWipeIn{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes phoneWipeOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}.phone-hero{width:clamp(250px,30vw,360px);animation:float 6.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translate(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.25);border-radius:999px;display:grid;justify-items:center;padding-top:8px}.scroll-cue span{width:4px;height:8px;border-radius:4px;background:var(--teal-bright);animation:cue 1.6s ease-in-out infinite}@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}80%{opacity:0;transform:translateY(12px)}to{opacity:0}}.footer{scroll-snap-align:start;background:var(--bg-2);border-top:1px solid var(--border);padding:64px 24px;display:flex;justify-content:center}.footer-inner{text-align:center;max-width:560px}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem}.footer-tag{color:var(--muted);margin:14px 0 22px;line-height:1.6}.footer-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:22px}.footer-links a{color:var(--teal-bright)}.footer-copy{color:var(--muted);font-size:.85rem}@media (max-width: 859px){html{scroll-snap-type:y proximity}.nav{padding:0 16px}.nav-brand{font-size:.98rem}.nav-links a:not(.nav-cta){display:none}.nav-cta{white-space:nowrap;padding:8px 14px;font-size:.9rem}.hero-inner,.feature-inner{grid-template-columns:1fr;text-align:center;gap:18px}.feature-flipped .feature-inner{direction:ltr;display:flex;flex-direction:column}.hero-inner{display:flex;flex-direction:column}.hero-phone{order:2}.hero-copy{order:1}.feature-copy{order:2;max-width:100%}.feature-phone{order:1}.hero-sub,.feature-desc{margin-left:auto;margin-right:auto}.hero-actions,.chips,.theme-toggle{justify-content:center}.section{padding:72px 18px 26px}.phone,.phone-hero{width:auto;height:clamp(280px,44svh,460px);animation:none}.eyebrow{margin-bottom:10px}.hero-title{font-size:clamp(1.85rem,8.5vw,2.6rem);margin-bottom:12px}.hero-sub{font-size:.97rem;line-height:1.5;margin-bottom:16px}.hero-actions{gap:10px;margin-bottom:14px}.btn{padding:11px 20px;font-size:.95rem}.theme-toggle{display:none}.hero .phone-hero{height:clamp(280px,44svh,400px)}.hero-glow{opacity:.7}.phone{border-radius:22px}.phone-screen{border-radius:15px}.quickadd{height:320svh}.quickadd-sticky{padding:72px 18px 26px}.quickadd-inner{display:flex;flex-direction:column;text-align:center;gap:16px}.quickadd-phone{order:1}.quickadd-copy{order:2}.quickadd .phone{width:auto;height:clamp(250px,38svh,360px)}.qa-steps{justify-content:center;gap:14px}.qa-progress{margin-left:auto;margin-right:auto}}@media (max-width: 380px){.feature .phone{height:40svh}.hero .phone-hero{height:38svh}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.phone-hero,.scroll-cue span{animation:none}.phone-img-top{animation:none;clip-path:none}.priv.in .priv-welcome,.priv.in .priv-tap{animation:none}.priv-welcome{opacity:1}.priv-tap{opacity:0}.feature-swap.in .swap-top{animation:none}.swap-top{opacity:0}.wallets.in .wallets-sheet,.wallets.in .wallets-tap{animation:none}.wallets-sheet{transform:translateY(100%)}.wallets-tap{opacity:0}.feature.in .feat-highlight{animation:none}.feat-highlight{opacity:.9;transform:translate(-50%,-50%) scale(1)}}