:root{color-scheme:dark;--bg: #0a1011;--stage: #0d1516;--surface: #121b1c;--surface-2: #182325;--surface-3: #1f2d2f;--line: rgba(214, 255, 236, .075);--line-2: rgba(214, 255, 236, .14);--ink: #eef6f2;--ink-2: #b9c7c1;--muted: #80928c;--accent: #12a770;--accent-hi: #1cc485;--accent-deep: #0a7a51;--accent-ink: #03221a;--accent-text: #4ee3a5;--glow: #3df0a6;--mint: #c8dfc3;--warn: #f6b34c;--danger: #ff6b6b;--radius: 22px;--shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 18px 40px -24px rgba(0, 0, 0, .7);--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}.tone-1{--tone: #ff9f80;--tone-hi: #ffc6b3;--tone-lo: #c9654a}.tone-2{--tone: #7cc6ff;--tone-hi: #b9e2ff;--tone-lo: #3f86c4}.tone-3{--tone: #ffd166;--tone-hi: #ffe6a8;--tone-lo: #c99419}.tone-4{--tone: #c4a8ff;--tone-hi: #e2d4ff;--tone-lo: #8562cf}.tone-5{--tone: #7fe0c0;--tone-hi: #bff1df;--tone-lo: #2e9e7b}.tone-6{--tone: #ff9ac8;--tone-hi: #ffcae2;--tone-lo: #c95a8e}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(1100px 520px at 50% -180px,rgba(18,167,112,.16),transparent 70%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}[hidden]{display:none!important}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}p{margin:0}::selection{background:#3df0a64d}:focus-visible{outline:2.5px solid var(--glow);outline-offset:2px}.screen{width:100%;max-width:560px;margin:0 auto;padding:18px 16px 120px;display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.center{text-align:center}.topbar{position:sticky;top:0;z-index:20;background:#0a1011c7;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.topbar-in{max-width:560px;margin:0 auto;min-height:62px;padding:10px 16px;display:flex;align-items:center;gap:10px}.topbar.wide .topbar-in{max-width:1240px}.logo{display:flex;align-items:center;gap:9px;flex-shrink:0;font:800 21px/1 var(--font-display);letter-spacing:-.035em}.logo img{width:32px;height:32px;border-radius:9px;display:block;box-shadow:0 0 0 1px var(--line-2)}.logo .wm em{font-style:normal;color:var(--accent-text)}.tripname{font-weight:600;font-size:14px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 420px){.logo.compact .wm{display:none}}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.03em;line-height:1.05}h1{font-size:32px;font-weight:800}h2{font-size:21px;font-weight:750}h3{font-size:17px;font-weight:700;letter-spacing:-.02em}.muted{color:var(--muted);font-size:14px}.eyebrow{font:600 11.5px/1.2 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text)}.screen-head{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px}.screen-head .muted{font-size:15px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px}.count{font:600 12px/1 var(--font-mono);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:5px 9px}.amt-big{font:800 34px/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border:none;border-radius:999px;padding:15px 22px;font:700 16px/1.15 var(--font-body);text-decoration:none;white-space:nowrap;color:var(--accent-ink);background:var(--accent);box-shadow:inset 0 -3px #00000038,0 10px 24px -12px #3df0a68c;transition:transform .08s ease,background .15s ease,box-shadow .15s ease}.btn:hover{background:var(--accent-hi)}.btn:active{transform:translateY(1.5px) scale(.99)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.secondary{background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2),inset 0 -3px #00000040}.btn.secondary:hover{background:var(--surface-3)}.btn.ghost{background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}.btn.ghost:hover{background:#ffffff0a;color:var(--ink)}.btn.danger{background:var(--danger);color:#2a0606}.btn.white{background:#fff;color:#0b1412;box-shadow:0 12px 30px -12px #3df0a680;padding:7px 7px 7px 26px;gap:16px}.btn.white:hover{background:#effff7}.btn.white .go{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}.btn.dashed{background:transparent;color:var(--accent-text);box-shadow:none;border:1.5px dashed rgba(78,227,165,.35)}.btn.dashed:hover{background:#3df0a60f}.btn.small{width:auto;padding:9px 15px;font-size:14px;gap:6px}.btnrow{display:flex;gap:10px}.btnrow .btn{flex:1}.icon-btn{width:38px;height:38px;flex-shrink:0;border-radius:50%;border:none;display:grid;place-items:center;background:transparent;color:var(--muted)}.icon-btn:hover{background:#ffffff0f;color:var(--ink)}.icon-btn:disabled{opacity:.4;cursor:default}.linkbtn{background:none;border:none;padding:8px 2px;color:var(--ink);font-weight:650;display:inline-flex;align-items:center;gap:6px}.linkbtn:hover{color:var(--accent-text)}input[type=text],input[type=number],select,textarea{width:100%;min-width:0;border:none;border-radius:14px;padding:13px 14px;background:var(--surface-2);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);font:500 16px/1.3 var(--font-body);transition:box-shadow .15s ease,background .15s ease}input::placeholder{color:#5f706b}input:focus,select:focus,textarea:focus{outline:none;background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--glow),0 0 0 4px #3df0a61f}input:disabled{opacity:.55}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2380928c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}label.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2)}.money{display:flex;align-items:center;gap:6px;padding:4px 16px;background:var(--surface-2);border-radius:18px;box-shadow:inset 0 0 0 1px var(--line-2)}.money>span{font:700 26px var(--font-display);color:var(--muted)}.money input{background:transparent;box-shadow:none;padding:10px 0;font:800 32px/1.1 var(--font-display);letter-spacing:-.03em}.money input:focus{background:transparent;box-shadow:none}.money input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.money input::-webkit-inner-spin-button,.money input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.money:focus-within{box-shadow:inset 0 0 0 1.5px var(--glow),0 0 0 4px #3df0a61f}.seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.seg button{flex:1;border:none;background:transparent;border-radius:999px;padding:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:650;color:var(--muted)}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--surface-3);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2),0 6px 14px -8px #000c}.seg button.on .ic{color:var(--accent-text)}input.qty{width:58px;padding:8px 10px;text-align:center;border-radius:10px}.chiprow{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:650;background:var(--surface-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .15s ease,color .15s ease,transform .08s ease}.chip:active{transform:scale(.96)}.chip.on{background:var(--accent);color:var(--accent-ink);box-shadow:none}.chip.person{padding:5px 14px 5px 5px}.chip.person .dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--tone);color:#1b1612;font-size:12px;font-weight:800}.chip.person.on{background:color-mix(in srgb,var(--tone) 22%,var(--surface-2));color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--tone)}.avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:var(--tone, var(--accent));color:#1b1612;font:800 16px/1 var(--font-display);box-shadow:inset 0 -3px #00000024,inset 0 2px #ffffff59}.avatar.small{width:26px;height:26px;font-size:12px;box-shadow:inset 0 -2px #00000024}.avatar-stack{display:flex}.avatar-stack .avatar{width:34px;height:34px;font-size:14px;margin-left:-9px;box-shadow:0 0 0 3px var(--stage)}.avatar-stack .avatar:first-child{margin-left:0}.avatar-stack .more{background:var(--surface-3);color:var(--ink-2);font-size:12px}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600}.pill-x{width:26px;height:26px;border-radius:50%;border:none;padding:0;display:grid;place-items:center;background:transparent;color:var(--muted)}.pill-x:hover{background:#ffffff14;color:var(--ink)}.pill-x:disabled{opacity:.4;cursor:default}.card{background:var(--surface);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line),var(--shadow);padding:16px 18px;display:flex;flex-direction:column;gap:12px}.card.glow{box-shadow:inset 0 0 0 1px #3df0a659,0 0 0 4px #3df0a60f,var(--shadow)}.card.list{padding:6px 8px;gap:0}.tile{width:44px;height:44px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;color:var(--accent-text);background:#3df0a61a;box-shadow:inset 0 0 0 1px #3df0a62e}.stage{position:relative;isolation:isolate;overflow:hidden;background:var(--stage);border-radius:28px;box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -30px #000000e6}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(214,255,236,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(214,255,236,.05) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 25%,transparent 80%)}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 340px at 62% 58%,rgba(61,240,166,.11),transparent 70%)}.trip-hero{padding:20px 20px 18px;display:flex;flex-direction:column;gap:16px}.trip-hero h1{font-size:34px;overflow-wrap:anywhere}.trip-hero .stats{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.trip-hero .stats small{display:block;color:var(--muted);font:600 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.trip-hero .nudge{display:flex;align-items:center;gap:10px;padding:10px 8px 10px 14px;border-radius:18px;background:#3df0a614;box-shadow:inset 0 0 0 1px #3df0a633}.trip-hero .nudge b{display:block;font-size:15px}.trip-hero .nudge span{color:var(--ink-2);font-size:13.5px}.howto-steps{display:flex;flex-wrap:wrap;gap:6px}.howto-steps span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--surface-2);font-size:13.5px;font-weight:600}.howto-steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font:800 12px/1 var(--font-display)}.ex-row{display:flex;align-items:center;gap:12px;padding:12px 10px}.ex-row+.ex-row{border-top:1px solid var(--line)}.ex-row b{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-row .muted{font-size:13px}.ex-amt{font:800 19px/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.tile.receipt{color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 30%,transparent)}.empty{align-items:center;text-align:center;padding:8px 18px 20px}.empty .art{max-width:260px}.dock{position:fixed;z-index:30;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:536px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:7px;border-radius:26px;background:#141e1fdb;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 1px var(--line-2),0 24px 50px -16px #000000e6}.dock button{border:none;background:transparent;color:var(--ink-2);border-radius:20px;padding:9px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12.5px;font-weight:650}.dock button:hover{background:#ffffff0d;color:var(--ink)}.dock button.on{color:#fff;background:#3df0a61a;box-shadow:inset 0 0 0 1px #3df0a64d}.dock button.on .ic{color:var(--accent-text)}.dock button.primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 -3px #0003,0 0 24px -4px #3df0a680}.dock button.primary.on{box-shadow:inset 0 -3px #0003,0 0 0 2px var(--glow),0 0 26px -2px #3df0a6b3}.dock button.primary.on .ic{color:inherit}.err{background:#ff6b6b1a;box-shadow:inset 0 0 0 1px #ff6b6b66;color:#ffc9c9;border-radius:14px;padding:12px 14px;font-size:14px}.warn{background:#f6b34c1a;box-shadow:inset 0 0 0 1px #f6b34c66;color:#ffe1b3;border-radius:14px;padding:12px 14px;font-size:14px}.ok{background:#3df0a617;box-shadow:inset 0 0 0 1px #3df0a64d;color:var(--mint);border-radius:14px;padding:12px 14px;font-size:14px}.info{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);font-size:14px}.info .ic{color:var(--accent-text);flex-shrink:0;margin-top:1px}.stepper{list-style:none;margin:0;padding:0;display:flex;gap:6px}.stepper li{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:650;color:var(--muted)}.stepper li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--surface-3);font:800 12px/1 var(--font-display)}.stepper li.on{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--glow)}.stepper li.on span{background:var(--accent);color:var(--accent-ink)}.stepper li.done span{background:#3df0a629;color:var(--accent-text)}.scan-stage{padding:18px 16px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.scan-stage .art{max-width:300px}.paper-wrap{filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}.paper{background:#f3efe4;color:#1b1915;border-radius:18px 18px 0 0;padding:6px 16px 26px;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 9px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 18px 9px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 9px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / 18px 9px repeat-x}.paper .muted,.paper label.field{color:#6c675c}.paper input[type=text],.paper input[type=number]{background:#fff;color:#1b1915;box-shadow:inset 0 0 0 1px #1b191524}.paper input::placeholder{color:#a39d90}.paper input:focus{background:#fff;box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px #12a7702e}.paper .icon-btn{color:#8a8478}.paper .icon-btn:hover{background:#1b19150f;color:#1b1915}.item-edit{display:grid;grid-template-columns:76px 1fr 38px;gap:8px;align-items:end;padding:14px 0;border-bottom:1.5px dashed rgba(27,25,21,.16)}.item-edit>input{grid-column:1 / -1;font-weight:650}.item-edit .icon-btn{margin-bottom:4px}.paper .subtotal{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;font-family:var(--font-mono);font-size:13px;letter-spacing:.06em;text-transform:uppercase}.paper .subtotal b{font:800 22px var(--font-display);letter-spacing:-.02em;text-transform:none}.paper .btn.dashed{color:var(--accent-deep);border-color:#0a7a5159;margin-top:12px}.claim-item .meta{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.assignees{display:flex;flex-direction:column;gap:6px;padding-top:10px;box-shadow:0 -1px 0 var(--line)}.assignee{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.assignee .share{margin-left:auto;color:var(--ink-2);font-variant-numeric:tabular-nums;min-width:64px;text-align:right}.unitgrid{display:flex;flex-direction:column;gap:10px}.unit{padding:14px;gap:10px}.unit .ulabel{display:flex;justify-content:space-between;align-items:baseline;font:700 16px var(--font-display);letter-spacing:-.02em}.unit .ulabel span{font:500 13px var(--font-body);color:var(--muted);letter-spacing:0}.per-unit{text-align:center;font:600 13px var(--font-mono);color:var(--accent-text);letter-spacing:.04em}.bal-row{display:flex;align-items:center;gap:12px;padding:12px 2px}.bal-row+.bal-row{border-top:1px solid var(--line)}.bal-row .muted{font-size:13px}.bal-bar{position:relative;height:6px;margin-top:8px;border-radius:99px;background:var(--surface-2)}.bal-bar:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:var(--line-2)}.bal-bar i{position:absolute;top:0;bottom:0;border-radius:99px}.bal-bar i.pos{left:50%;background:var(--glow);box-shadow:0 0 10px #3df0a68c}.bal-bar i.neg{right:50%;background:var(--warn)}.bal-amt{font:800 17px var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:78px;text-align:right}.bal-amt.pos{color:var(--accent-text)}.bal-amt.neg{color:var(--warn)}.bal-amt.even{color:var(--muted)}.pay-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.pay-who{display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;font-size:14px;text-align:center;min-width:0}.pay-who b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-mid{display:flex;flex-direction:column;align-items:center;gap:2px}.pay-mid .amt-big{font-size:26px}.pay-mid .arrow{width:92px;height:12px;color:var(--accent-text)}.celebrate{align-items:center;text-align:center;padding:22px 18px}.celebrate .big{font-size:34px;line-height:1}.done-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:4px 0}.done-row b{color:var(--accent-text);font-variant-numeric:tabular-nums}.linkbox{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);font:500 13px/1.5 var(--font-mono);color:var(--ink-2);word-break:break-all}.linkbox .ic{color:var(--accent-text);flex-shrink:0;margin-top:1px}.ticket{position:relative;padding:20px 18px 22px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#3df0a61a,#3df0a608),var(--surface);box-shadow:inset 0 0 0 1.5px #3df0a647;-webkit-mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 98%,#000) right / 51% 100% no-repeat}.bigcode{margin-top:8px;font:800 32px/1 var(--font-mono);letter-spacing:.08em;color:#fff;text-shadow:0 0 22px rgba(61,240,166,.45);overflow-wrap:anywhere}.person-input{display:flex;align-items:center;gap:10px}.person-input .avatar{width:44px;height:44px}.person-input .avatar.empty{background:transparent;color:var(--muted);border:1.5px dashed var(--line-2);box-shadow:none}.spinner{width:44px;height:44px;border-radius:50%;margin:6px auto 12px;border:4px solid rgba(61,240,166,.16);border-top-color:var(--glow);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{min-height:100dvh;display:grid;place-items:center;text-align:center;gap:10px}.boot .logo{font-size:30px;justify-content:center;margin-bottom:18px}.boot .logo img{width:44px;height:44px;border-radius:12px}.landing{padding-bottom:32px}.hero{margin:10px 10px 0;padding:30px 14px 18px}.mega{margin:0;text-align:center;color:#fff;text-transform:uppercase;font:800 clamp(44px,11.6vw,124px)/.86 var(--font-display);letter-spacing:-.045em}.mega .hl{position:relative;z-index:0;white-space:nowrap}.mega .hl:before{content:"";position:absolute;z-index:-1;left:-.04em;right:-.02em;bottom:.17em;height:.3em;background:var(--accent);border-radius:.06em;box-shadow:0 0 46px #3df0a68c}.hero-eyebrow{display:block;text-align:center;margin-bottom:18px}.hero-grid{display:grid;gap:18px;margin-top:8px}.hero-grid .scene{order:-1}.hero-copy{display:flex;flex-direction:column;gap:14px;padding:0 6px}.hero-copy h2{font-size:clamp(24px,6.4vw,34px);line-height:1.08;color:#fff}.hero-copy .lead{color:var(--ink-2);font-size:16px;line-height:1.6;max-width:46ch}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:4px}.checks{list-style:none;padding:0;margin:2px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:13px}.checks li{display:inline-flex;align-items:center;gap:6px}.checks .ic{color:var(--accent-text)}@media (min-width: 960px){.hero{margin:14px 16px 0;padding:56px 44px 40px;border-radius:34px}.hero-grid{grid-template-columns:minmax(340px,.8fr) 1.2fr;align-items:center;gap:28px;margin-top:4px}.hero-grid .scene{order:0}.hero-copy{padding:0 0 8px}}.scene{position:relative}.scene .iso{max-width:700px;margin:0 auto}.scene-rail{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scene-rail li{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:14px;background:#ffffff08;box-shadow:inset 0 0 0 1px var(--line);transition:background .3s ease,box-shadow .3s ease}.scene-rail b{font:750 15px/1.1 var(--font-display);color:var(--muted);letter-spacing:-.01em;transition:color .3s ease}.scene-rail span{font:500 10.5px/1.2 var(--font-mono);color:#5f716b;letter-spacing:.04em}.scene-rail li.on{background:#3df0a61a;box-shadow:inset 0 0 0 1.5px #3df0a68c,0 0 26px -6px #3df0a680}.scene-rail li.on b{color:#fff}.scene-rail li.on span{color:var(--accent-text)}.scene-rail li.done b{color:var(--ink-2)}.scene-stat{display:none;margin-top:10px;padding:14px 16px;border-radius:20px;max-width:360px;background:#0d1516d1;box-shadow:inset 0 0 0 1px var(--line-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stat-top{display:flex;justify-content:space-between;align-items:center;font:500 10.5px/1 var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--glow);box-shadow:0 0 10px var(--glow);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.stat-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:12px}.stat-label{color:var(--ink-2);font-size:13px}.stat-big{font:800 38px/1.05 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-bar{height:5px;margin-top:12px;border-radius:99px;background:#ffffff12;overflow:hidden}.stat-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--glow);box-shadow:0 0 12px var(--glow);transition:width .4s ease}.stat-grid{display:grid;grid-template-columns:auto auto;gap:18px}.stat-grid span{display:block;color:var(--muted);font-size:12px}.stat-grid b{font:750 19px var(--font-display);font-variant-numeric:tabular-nums}@media (max-width: 959px){.hero .scene{margin:0 -14px;overflow:hidden}.hero .scene .iso{width:118%;max-width:none;margin-left:-9%}.hero .scene-rail{margin:4px 14px 0}}@media (min-width: 960px){.scene-stat{display:block}.scene-rail{max-width:560px;margin:4px auto 0}}.section{max-width:1240px;margin:0 auto;padding:64px 16px 0}.section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:28px}.section-head h2{font-size:clamp(30px,6vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1;max-width:18ch}.section-head p{color:var(--ink-2);max-width:56ch;font-size:16px}.how-grid{display:grid;gap:14px}@media (min-width: 860px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-card{padding:10px 10px 22px;gap:0}.how-card .art-wrap{aspect-ratio:1.5;display:grid;place-items:center;padding:12px;border-radius:16px;background:var(--stage);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:16px;position:relative;isolation:isolate;overflow:hidden}.how-card .art-wrap .art{width:auto;height:100%;max-width:100%;min-height:0}.how-card .art-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(260px 160px at 55% 60%,rgba(61,240,166,.1),transparent 70%)}.how-card .step{display:flex;align-items:center;gap:10px;padding:0 10px}.how-card .num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--accent);color:var(--accent-ink);font:800 15px/1 var(--font-display);box-shadow:0 0 18px -2px #3df0a699}.how-card h3{font-size:22px}.how-card p{padding:8px 10px 0 50px;color:var(--ink-2);font-size:15px}.feat-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 620px){.feat-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 980px){.feat-grid{grid-template-columns:repeat(3,1fr)}}.feat{flex-direction:row;align-items:flex-start;gap:14px;padding:18px}.feat h3{font-size:18px;margin-bottom:4px}.feat p{color:var(--ink-2);font-size:14.5px}.uses{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.uses span{padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--mint);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2)}.price-grid{display:grid;gap:14px;max-width:820px;margin:0 auto}@media (min-width: 680px){.price-grid{grid-template-columns:1fr 1fr}}.price{padding:24px;gap:8px}.price .eyebrow{color:var(--muted)}.price .amt-big{font-size:46px}.price .amt-big small{font:600 15px var(--font-body);color:var(--muted);letter-spacing:0}.price.plus{box-shadow:inset 0 0 0 1.5px #3df0a673,0 0 50px -20px #3df0a680,var(--shadow)}.price.plus .eyebrow{color:var(--accent-text)}.final{margin:64px 10px 0;padding:48px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.final h2{font:800 clamp(36px,8vw,72px)/.92 var(--font-display);letter-spacing:-.045em;text-transform:uppercase;color:#fff}.final p{color:var(--ink-2)}@media (min-width: 960px){.final{margin:80px 16px 0;padding:72px 24px}}.footer{max-width:1240px;margin:0 auto;padding:28px 16px 8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--accent-text)}.iso{display:block;width:100%;height:auto;overflow:visible;--i-top: #162322;--i-front: #101a1a;--i-side: #0b1313;--i-line: #32504a;--i-detail: rgba(130, 225, 190, .09);--i-paper: #f2eee3;--i-paper-line: #c4bdac;--i-ink: #1b1915;--i-hair: #33241d;--i-cap: #1d2a33}.iso *{vector-effect:non-scaling-stroke}.i-top{fill:var(--i-top);stroke:var(--i-line);stroke-width:1;stroke-linejoin:round}.i-front{fill:var(--i-front);stroke:var(--i-line);stroke-width:1;stroke-linejoin:round}.i-side{fill:var(--i-side);stroke:var(--i-line);stroke-width:1;stroke-linejoin:round}.i-nostroke{stroke:none}.i-edge{stroke:var(--i-line);stroke-width:1}.i-detail{fill:none;stroke:var(--i-detail);stroke-width:1}.i-dash{fill:none;stroke:#3df0a659;stroke-width:1.2;stroke-dasharray:4 6}.i-paper{fill:var(--i-paper);stroke:var(--i-paper-line);stroke-width:1}.i-strap{fill:none;stroke:var(--i-line);stroke-width:2.5}.i-handle{fill:none;stroke:var(--i-line);stroke-width:1.5}.paper-line{fill:none;stroke:#b9b19f;stroke-width:1.6;stroke-linecap:round}.paper-ink{fill:none;stroke:#2a2620;stroke-width:2.4;stroke-linecap:round}.person .p-shadow{fill:#000;opacity:.35}.person .p-body{fill:var(--tone);stroke:var(--tone-lo);stroke-width:1}.person .p-shade{fill:var(--tone-lo);opacity:.32}.person .p-top{fill:var(--tone-hi);stroke:var(--tone-lo);stroke-width:1}.person .p-head{fill:var(--tone);stroke:var(--tone-lo);stroke-width:1}.person .p-hl{fill:#fff;opacity:.5}.person .p-eye{fill:var(--i-ink)}.person .p-cheek{fill:var(--tone-lo);opacity:.45}.person .p-smile{fill:none;stroke:var(--i-ink);stroke-width:1.7;stroke-linecap:round;vector-effect:none}.person .p-hair{fill:var(--i-hair)}.person .p-cap{fill:var(--i-cap);stroke:#0c1216;stroke-width:1}.person .p-shades{fill:#121212}.person .p-bridge{stroke:#121212;stroke-width:1.6;vector-effect:none}.person .p-all{animation:breathe 3.2s ease-in-out infinite}.p-wrap{cursor:pointer}.p-wrap:nth-child(odd) .p-all{animation-delay:-1.1s}.p-wrap.hop .p-all{animation:hop .55s cubic-bezier(.3,1.5,.5,1)}@keyframes breathe{50%{transform:translateY(-1.5px)}}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.ring{fill:#3df0a61f;stroke:var(--glow);stroke-width:1.6}.halo,.pot-lid{fill:var(--glow)}.pot-inner{fill:none;stroke:#03221a8c;stroke-width:1}.phone-glass{fill:#0a1212;stroke:var(--i-line);stroke-width:1;transition:fill .3s ease}.phone-glass.hot{fill:var(--glow)}.phone-check{fill:none;stroke:#2a4a42;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.phone-glass.hot~.phone-check{stroke:var(--accent-ink)}.phone-line{stroke:#22352f;stroke-width:1.4;stroke-linecap:round}.bill-paper{fill:var(--i-paper);stroke:var(--i-paper-line);stroke-width:1}.bill-paper.total{stroke:var(--glow);stroke-width:2}.bill-line{fill:none;stroke:#bdb5a2;stroke-width:1.6;stroke-linecap:round}.bill-amt{fill:#1b1915;font:800 15px var(--font-display);text-anchor:middle;letter-spacing:-.02em}.bill-big{fill:#1b1915;font:800 22px var(--font-display);text-anchor:middle;letter-spacing:-.03em}.bill-kicker{fill:#0a7a51;font:700 7.5px var(--font-mono);text-anchor:middle;letter-spacing:.14em}.note{fill:var(--glow)}.note-amt{fill:var(--accent-ink);font:800 14px var(--font-display);text-anchor:middle}.coin{fill:var(--glow)}.coin-t{fill:var(--accent-ink);font:800 11px var(--font-display);text-anchor:middle}.coin-amt{fill:#fff;font:700 11px var(--font-mono)}.tag{fill:#0d1516e6;stroke:var(--line-2);stroke-width:1}.tag-lead{fill:none;stroke:#d6ffec47;stroke-width:1}.tag-dot{fill:var(--ink)}.tag-name{fill:#fff;font:750 11.5px var(--font-display);text-anchor:middle}.tag-status{fill:var(--muted);font:600 9px var(--font-mono);text-anchor:middle}.tag-status.gets,.tag-status.ok{fill:var(--accent-text)}.tag-status.owes{fill:var(--warn)}.art{max-width:340px;margin:0 auto}.art .phone-glass{fill:#0a1212}.beam{fill:var(--glow)}.beam-trail{fill:var(--glow);opacity:.16}.scan-beam{animation:beam 3s ease-in-out infinite}@keyframes beam{0%,to{transform:translateY(6px)}50%{transform:translateY(80px)}}.scan-row{fill:none;stroke:var(--glow);stroke-width:2;stroke-linecap:round;opacity:.15;animation:rowin 3s ease-in-out infinite}.scan-row.total{stroke-width:2.6;animation-delay:1.4s}@keyframes rowin{0%,12%{opacity:.15}24%,86%{opacity:1}to{opacity:.15}}.claim-slot{fill:none;stroke:#b9b19f;stroke-width:1.4;stroke-dasharray:2 2}.claim-dot,.badge{transform-box:fill-box;transform-origin:center}.claim-dot{fill:var(--tone);stroke:var(--tone-lo);stroke-width:1;animation:claimpop 4.8s ease-out infinite both}.claim-hl{fill:var(--tone);opacity:0;animation:claimhl 4.8s ease-out infinite both}@keyframes claimpop{0%{transform:scale(0);opacity:0}6%{transform:scale(1.3);opacity:1}10%{transform:scale(1)}72%{opacity:1}82%,to{transform:scale(1);opacity:0}}@keyframes claimhl{0%{opacity:0}6%{opacity:.35}72%{opacity:.2}82%,to{opacity:0}}.coin-o{animation:coino 3.2s linear infinite}.coin-x{animation:coinx 3.2s linear infinite}.coin-y{animation:coiny 3.2s infinite}@keyframes coino{0%,6%{opacity:0}12%,54%{opacity:1}60%,to{opacity:0}}@keyframes coinx{0%,12%{transform:translate(0)}56%,to{transform:translate(var(--dx))}}@keyframes coiny{0%,12%{transform:translateY(0);animation-timing-function:cubic-bezier(.2,.7,.4,1)}34%{transform:translateY(-50px);animation-timing-function:cubic-bezier(.6,0,.8,.3)}56%,to{transform:translateY(var(--dy))}}.badge{animation:badge 3.2s ease-out infinite}.badge-c{fill:var(--glow)}.badge-t{fill:none;stroke:var(--accent-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:none}@keyframes badge{0%,55%{transform:scale(0);opacity:0}62%{transform:scale(1.25);opacity:1}68%,90%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.settle-hop .p-all{animation:settlehop 3.2s infinite}@keyframes settlehop{0%,56%,74%,to{transform:translateY(0)}63%{transform:translateY(-12px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scan-row,.claim-hl{opacity:1}.coin-o{opacity:0}}