.hero{padding:0 clamp(8px,1.1vw,16px)}.hero-stage{--pw:clamp(250px, 22vw, 340px);min-height:clamp(620px, calc(100dvh - var(--header-h) - 12px), 960px);--hs-bg:radial-gradient(42% 46% at 72% 40%, #fffaf5 0%, transparent 70%), radial-gradient(48% 44% at 78% 92%, #e8703a29, transparent 72%), linear-gradient(160deg, #fdeee3 0%, #f9dfcc 100%);--hs-fg:var(--ink);--hs-fg-2:#57504a;--hs-fg-3:#8b827a;--hs-accent:#d45a26;--hs-chip:#fffdf9e6;--hs-chip-line:#1a171414;--hs-shadow:#783c1838;--hs-edge:#1a17140d;border-radius:var(--r-stage);background:var(--hs-bg);color:var(--hs-fg);isolation:isolate;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);display:grid;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.hero-stage{--hs-bg:radial-gradient(46% 42% at 74% 82%, #e8703a33, transparent 72%), radial-gradient(70% 78% at 70% 44%, #2c221c 0%, #17120f 52%, #0b0807 100%);--hs-fg:var(--night-fg);--hs-fg-2:var(--night-fg-2);--hs-fg-3:var(--night-fg-3);--hs-accent:var(--ember);--hs-chip:#181310cc;--hs-chip-line:#f7f1e81a;--hs-shadow:#0009;--hs-edge:#f7f1e80f}}.hero-stage:after{content:"";z-index:5;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--hs-edge);position:absolute;inset:0}.hero-copy{z-index:4;align-content:center;gap:clamp(22px,2.6vw,32px);padding:clamp(40px,6vw,96px) 0 clamp(40px,6vw,96px) clamp(28px,5.6vw,96px);display:grid;position:relative}.hero-title{letter-spacing:-.052em;font-size:clamp(46px,5.9vw,96px);font-weight:800;line-height:.9}.hero-line{margin-bottom:-.14em;padding:.02em .04em .14em 0;display:block;overflow:hidden}.hero-line>span{animation:rise 1s var(--ease-out) both;display:inline-block}.hero-line+.hero-line>span{animation-delay:.11s}.hero-title .accent{color:var(--hs-accent)}.hero-lead{max-width:31ch;color:var(--hs-fg-2);animation:fade-up .9s .32s var(--ease-out) both;font-size:clamp(18px,1.45vw,21px);line-height:1.5}.hero-actions{animation:fade-up .9s .42s var(--ease-out) both;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-visual{--sw:calc(var(--pw) * .82);--box:calc(var(--pw) * 1.34 + var(--sw));--x0:calc(50% - var(--box) / 2 + 6px);z-index:2;min-height:560px;position:relative}.hero-scene{position:absolute;inset:0}.hero-phone{z-index:1;left:calc(var(--x0) + var(--pw) * .56);width:var(--pw);animation:phone-in 1.2s .12s var(--ease-out) both;position:absolute;top:clamp(40px,7.5%,84px)}.hero-receipt{z-index:3;left:var(--x0);font-size:calc(var(--pw) * .038);width:calc(var(--pw) * .8);animation:receipt-in 1.2s .42s var(--ease-out) both;position:absolute;top:45%;rotate:-7deg}.hero-receipt .receipt-mark{animation:mark .52s calc(1.2s + var(--i) * .12s) var(--ease-out) both}.hero-shares{z-index:3;left:calc(var(--x0) + var(--pw) * 1.34);width:var(--sw);position:absolute;top:25%}.hero-shares-title{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.hero-shares ul{gap:8px;display:grid}.hero-shares li{border:1px solid var(--hs-chip-line);background:var(--hs-chip);-webkit-backdrop-filter:blur(16px)saturate(1.3);box-shadow:0 18px 36px -14px var(--hs-shadow);animation:chip-in .7s calc(1.55s + var(--i) * 90ms) var(--ease-back) both;border-radius:999px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 18px 11px 13px;display:grid}.hero-shares .eye-pair{width:38px;animation:open .52s calc(1.7s + var(--i) * 90ms) var(--ease-back) both;gap:12%}.share-name{letter-spacing:-.01em;color:var(--hs-fg);font-size:15.5px;font-weight:600}.share-amount{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:8px;display:inline-flex}.share-amount strong{letter-spacing:-.02em;font-size:17px;font-weight:750}.share-amount s{color:var(--hs-fg-3);font-size:13px;text-decoration:none;position:relative}.share-amount s:after{content:"";background:var(--ember);transform-origin:0;height:2px;animation:strike .42s 2.3s var(--ease-out) both;border-radius:2px;position:absolute;top:52%;left:-2px;right:-2px}.hero-shares .is-lea{animation:chip-in .7s calc(1.55s + var(--i) * 90ms) var(--ease-back) both, ring 1.4s 2.65s var(--ease-out) both}.hero-shares .is-lea strong{animation:drop-in .52s 2.62s var(--ease-back) both}@keyframes rise{0%{transform:translateY(105%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes phone-in{0%{opacity:0;transform:translateY(90px)scale(.96)}}@keyframes receipt-in{0%{opacity:0;transform:translate(-50px,30px)rotate(-18deg)}}@keyframes mark{0%{opacity:0;transform:scaleX(0)}}@keyframes chip-in{0%{opacity:0;transform:translate(-18px)scale(.92)}}@keyframes open{0%{transform:scaleY(.05)}}@keyframes strike{0%{transform:scaleX(0)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-10px)}}@keyframes ring{0%{box-shadow:0 0 0 0 #5b7fcccc, 0 18px 36px -14px var(--hs-shadow)}45%{box-shadow:0 0 0 3px #5b7fcce6, 0 18px 36px -14px var(--hs-shadow)}to{box-shadow:0 0 0 1px #5b7fcc8c, 0 18px 36px -14px var(--hs-shadow)}}@media (width<=1100px){.hero-stage{--pw:clamp(220px, 24vw, 300px)}.hero-title{font-size:clamp(46px,6.2vw,96px)}.hero-visual{--sw:150px}.hero-shares{left:calc(var(--x0) + var(--pw) * 1.3)}.hero-shares ul{gap:7px}.hero-shares li{border-radius:18px;grid-template-rows:auto auto;grid-template-columns:26px auto minmax(0,1fr);gap:0 9px;padding:9px 14px 9px 11px}.hero-shares .eye-pair{grid-row:1/3;align-self:center;width:26px}.share-name{color:var(--hs-fg-2);grid-area:1/2;font-size:13px;line-height:1.25}.share-amount{display:contents}.share-amount strong{grid-area:2/2/auto/-1;font-size:16px;line-height:1.2}.share-amount s{grid-area:1/3;place-self:center end;font-size:11px}}@media (width<=900px){.hero-stage{--pw:clamp(206px, 32vw, 300px);grid-template-columns:1fr;min-height:0}.hero-copy{padding:clamp(36px,7vw,72px) clamp(22px,7vw,72px) 0}.hero-visual{min-height:0;height:calc(var(--pw) * 1.72 + 40px)}.hero-phone{top:40px}.hero-receipt{top:76px}.hero-shares{top:34%}}@media (width<=560px){.hero-stage{--pw:50vw}.hero-title{font-size:clamp(34px,10.6vw,46px)}.hero-lead{font-size:17px}.hero-actions .btn-large{flex:100%}.hero-visual{height:calc(var(--pw) * 1.9)}.hero-phone{top:30px;left:calc(50% - var(--pw) * .56)}.hero-receipt{top:60px;left:calc(50% - var(--pw) * 1.28)}.hero-shares{width:132px;top:92px;left:auto;right:10px}.hero-shares ul{gap:6px}.hero-shares li{border-radius:16px;grid-template-columns:24px auto minmax(0,1fr);gap:0 8px;padding:8px 12px 8px 10px}.hero-shares .eye-pair{width:24px}.share-name{font-size:12.5px}.share-amount strong{font-size:15px}.share-amount s{font-size:10.5px}}.bill-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(56px,8vw,128px);display:grid}.bill-title{font-size:clamp(54px,8vw,124px);line-height:.88}.bill-title em{width:fit-content;font-stretch:100%;display:block}.bill-math{letter-spacing:-.045em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:0 .28em;margin-top:clamp(32px,4vw,52px);font-size:clamp(34px,4.4vw,64px);font-weight:800;line-height:1;display:flex}.bill-math span{color:var(--fg-3)}.bill-text{letter-spacing:-.02em;margin-top:14px;font-size:clamp(20px,1.9vw,27px);font-weight:650;line-height:1.25}.bill-answer{border-top:1px solid var(--line);max-width:44ch;color:var(--fg-2);margin-top:clamp(28px,3.5vw,44px);padding-top:clamp(24px,3vw,36px);font-size:clamp(17px,1.3vw,19px)}.bill-answer strong{color:var(--fg);font-weight:750}.cut{justify-self:center;width:min(100%,380px);position:relative}.cut-ticket{position:relative}.cut .receipt{width:100%;font-size:14px}.cut-base{opacity:0;filter:drop-shadow(0 18px 22px #3c261638)drop-shadow(0 2px 4px #3c26161f);transition:opacity 0s .56s;position:relative}.cut-piece{transform-origin:calc(var(--x) + var(--w) / 2) calc(var(--y) + var(--h) / 2);transform:translate(calc(var(--ox) * 9px), calc(var(--oy) * 9px)) rotate(var(--r));filter:drop-shadow(0 18px 22px #3c261638)drop-shadow(0 2px 4px #3c26161f);transition:transform .8s calc(.56s + var(--i) * 70ms) var(--ease-out), opacity 0s .56s;position:absolute;inset:0}.cut-clip{clip-path:inset(var(--y) calc(100% - var(--x) - var(--w)) calc(100% - var(--y) - var(--h)) var(--x));position:absolute;inset:0;-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/12px 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/12px 9px repeat-x}.cut-tint{background:var(--c);mix-blend-mode:multiply;opacity:.82;transition:opacity .6s calc(.56s + var(--i) * 70ms) var(--ease-out);position:absolute;inset:0}.cut-blades{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cut-blades line{stroke:#b3a593;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:0 7}.cut-labels li{left:var(--x);top:var(--y);background:var(--paper);color:var(--ink);transform:translate(-50%, -50%) translate(calc(var(--ox) * 9px), calc(var(--oy) * 9px));transition:opacity .4s calc(.9s + var(--i) * 90ms), transform .7s calc(.9s + var(--i) * 90ms) var(--ease-back);white-space:nowrap;border-radius:16px;justify-items:center;gap:1px;padding:8px 14px 9px;display:grid;position:absolute;box-shadow:0 10px 24px -10px #1a171473}.cut-labels span{color:#57504a;font-size:13px;font-weight:600}.cut-labels strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.cut-labels li:last-child{padding:6px 10px 7px}.cut-labels li:last-child strong{font-size:16px}.bill-grid.is-armed .bill-title em{opacity:0;font-stretch:75%;transform:translate(.4em)skew(-14deg)}.bill-grid.is-in .bill-title em{opacity:1;transition:font-stretch .9s .15s var(--ease-out), transform .9s .15s var(--ease-out), opacity .3s .15s;font-stretch:100%;transform:none}.bill-grid.is-armed .bill-math strong{opacity:0;transform:translateY(.25em)}.bill-grid.is-in .bill-math strong{opacity:1;transition:all .7s .52s var(--ease-out);transform:none}.bill-grid.is-armed:not(.is-in) .cut-piece{opacity:0;transition:none;transform:none}.bill-grid.is-armed:not(.is-in) .cut-base{opacity:1;transition:none}.bill-grid.is-armed:not(.is-in) .cut-tint{opacity:0;transition:none}.bill-grid.is-armed:not(.is-in) .cut-labels li{opacity:0;transition:none;transform:translate(-50%,-30%)scale(.9)}.bill-grid.is-armed .cut-blades{animation:1.1s 80ms both perforate}.bill-grid.is-armed:not(.is-in) .cut-blades{animation:none}@keyframes perforate{0%{opacity:0}35%,55%{opacity:1}to{opacity:0}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.cut{view-timeline:--cut block}.bill-grid .cut .cut-base,.bill-grid .cut .cut-piece,.bill-grid .cut .cut-tint,.bill-grid .cut .cut-labels li,.bill-grid .cut .cut-blades{animation-duration:auto;transition:none;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--cut;animation-range:cover 12% cover 52%}.bill-grid .cut .cut-base{animation-name:cut-base}.bill-grid .cut .cut-piece{animation-name:cut-piece}.bill-grid .cut .cut-tint{animation-name:cut-tint}.bill-grid .cut .cut-labels li{animation-name:cut-label}.bill-grid .cut .cut-blades{animation-name:cut-blades}}}@keyframes cut-base{0%,40%{opacity:1}40.5%,to{opacity:0}}@keyframes cut-piece{0%,40%{opacity:0;filter:drop-shadow(0 0 #3c261600)drop-shadow(0 0 #3c261600);transform:none}40.5%{opacity:1;filter:drop-shadow(0 0 #3c261600)drop-shadow(0 0 #3c261600);transform:none}76%,to{opacity:1;transform:translate(calc(var(--ox) * 9px), calc(var(--oy) * 9px)) rotate(var(--r));filter:drop-shadow(0 18px 22px #3c261638)drop-shadow(0 2px 4px #3c26161f)}}@keyframes cut-tint{0%,42%{opacity:0}72%,to{opacity:.82}}@keyframes cut-label{0%,74%{opacity:0;transform:translate(-50%,-30%)scale(.9)}94%,to{opacity:1;transform:translate(-50%, -50%) translate(calc(var(--ox) * 9px), calc(var(--oy) * 9px))}}@keyframes cut-blades{0%,6%{opacity:0}26%,40%{opacity:1}54%,to{opacity:0}}@media (width<=900px){.bill-grid{grid-template-columns:1fr}.cut{width:min(100%,340px)}}.how-title{margin-bottom:clamp(24px,4vw,48px)}.how-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);display:grid}.how-sticky{top:calc(var(--header-h) + max(24px, (100dvh - var(--header-h) - 700px) / 2));justify-items:center;gap:22px;display:grid;position:sticky}.how-phone{width:clamp(250px, min(24vw, (100dvh - var(--header-h) - 120px) * .486), 330px)}.how-dots{gap:6px;display:flex}.how-dots li{background:var(--line-2);width:8px;height:8px;transition:width .36s var(--ease-out), background-color .36s;border-radius:999px}.how-dots li.is-on{background:var(--ember);width:26px}.how-steps li{opacity:.32;min-height:78vh;transition:opacity .5s var(--ease-out);align-content:center;gap:16px;display:grid}.how-steps li.is-current{opacity:1}.how-number{background:var(--bg-2);border-radius:999px;place-items:center;width:44px;height:44px;font-size:17px;font-weight:800;transition:background-color .4s,color .4s;display:grid}.how-steps li.is-current .how-number{background:var(--ember);color:var(--ink)}.how-steps h3{letter-spacing:-.045em;max-width:13ch;font-size:clamp(32px,3.4vw,50px);font-weight:800;line-height:.98}.how-steps p{max-width:38ch;color:var(--fg-2);font-size:clamp(17px,1.3vw,19px)}.how-step-shot{display:none}@media (width<=860px){.how-grid{grid-template-columns:1fr}.how-stage{display:none}.how-steps{gap:56px;display:grid}.how-steps li{opacity:1;min-height:0}.how-steps li .how-number{background:var(--ember);color:var(--ink)}.how-step-shot{border-radius:var(--r-cell);background:var(--bg-2);justify-items:center;height:360px;margin-bottom:8px;padding-top:28px;display:grid;overflow:hidden;-webkit-mask:linear-gradient(#000 78%,#0000);mask:linear-gradient(#000 78%,#0000)}.how-step-phone{width:min(60vw,250px)}}.uses-row{width:min(var(--wrap) + 120px, 100% - 2 * var(--gutter));grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;margin-inline:auto;display:grid}.uses-row li{border-radius:var(--r-cell);background:var(--ground);height:clamp(540px,48vw,640px);color:var(--ink);flex-direction:column;padding:28px 26px 0;display:flex;position:relative;overflow:hidden}.uses-row li:nth-child(2n){margin-top:56px}.use-copy{gap:10px;display:grid}.use-copy h3{letter-spacing:-.045em;font-size:clamp(28px,2.4vw,36px);font-weight:800;line-height:1}.use-copy p{color:#4a423c;font-size:16px;line-height:1.45}.use-copy .text-link{color:var(--ink);font-size:15px}.use-phone{width:min(78%,250px);transition:transform .6s var(--ease-out);margin:28px auto 0}.uses-row li:hover .use-phone{transform:translateY(-10px)}@media (width<=1100px){.uses-row{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);width:100%;padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:minmax(270px,38%);grid-auto-flow:column;padding-bottom:12px;overflow-x:auto}.uses-row::-webkit-scrollbar{display:none}.uses-row li{scroll-snap-align:start;height:560px}.uses-row li:nth-child(2n){margin-top:0}}@media (width<=560px){.uses-row{grid-auto-columns:80%}.uses-row li{height:520px}}.bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:clamp(40px,5vw,64px);display:grid}.cell-link{background:var(--bg-2);border-color:#0000;grid-column:span 5}.cell-transfers{grid-column:span 7}.cell-small{grid-column:span 3}.cell-small .cell-art{order:-1;min-height:120px}.link-art{align-items:center;gap:20px;margin-top:auto;display:flex}.qr{width:128px;height:128px;box-shadow:var(--shadow);background:#fffdf9;border-radius:16px;padding:8px}.link-status{color:var(--fg-2);gap:10px;font-size:15px;display:grid}.link-status strong{color:var(--fg)}.link-faces{display:flex}.link-faces .initials{box-shadow:0 0 0 3px var(--bg-2);margin-right:-8px}.transfers{gap:12px;margin-top:auto;display:grid}.transfers li{background:var(--bg-2);border-radius:999px;grid-template-columns:34px minmax(0,1fr) auto 34px;align-items:center;gap:12px;padding:12px 14px;display:grid}.transfer-line{background:var(--line-2);transform-origin:0;border-radius:2px;height:2px;position:relative}.transfer-line:after{content:"";border-top:2px solid var(--line-2);border-right:2px solid var(--line-2);width:9px;height:9px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.transfers strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.transfers.is-armed:not(.is-in) li{opacity:0;transform:translateY(10px)}.transfers.is-in li{transition:opacity .5s calc(var(--i) * .14s) var(--ease-out), transform .6s calc(var(--i) * .14s) var(--ease-out)}.transfers.is-in .transfer-line{animation:grow .7s calc(.16s + var(--i) * .14s) var(--ease-out) both}@keyframes grow{0%{transform:scaleX(0)}}.currency-art{align-content:center;gap:8px;display:grid}.currency-art span{background:var(--bg-2);width:min(100%,220px);font-family:var(--font-mono);border-radius:12px;justify-content:space-between;align-items:baseline;padding:8px 14px;font-size:15px;font-weight:600;display:flex}.currency-art span:nth-child(2){margin-left:14px}.currency-art span:nth-child(3){margin-left:28px}.currency-art small{color:var(--fg-3);font-size:12px}.offline-art,.repay-art,.data-art{align-content:center;gap:10px;display:grid}.repay-row{color:var(--fg-3);align-items:center;gap:8px;display:flex}.repay-row strong{color:var(--fg);letter-spacing:-.02em;margin-left:6px;font-size:18px;font-weight:800}@media (width<=1100px){.cell-small{grid-column:span 6}}@media (width<=900px){.cell-link,.cell-transfers{grid-column:1/-1}}@media (width<=600px){.cell-small{grid-column:1/-1}.cell-small .cell-art{min-height:0}.transfers li{grid-template-columns:30px minmax(0,1fr) auto 30px;gap:8px;padding:10px}.transfers .initials{width:30px;height:30px}.qr{width:104px;height:104px}}.price-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:clamp(48px,8vw,128px);display:grid}.price-copy{gap:24px;display:grid}.price-ticket-wrap{filter:drop-shadow(0 26px 30px #3c261633)drop-shadow(0 3px 6px #3c26161a);rotate:2deg}.price-ticket{background:var(--paper);color:#2b2520;font-family:var(--font-mono);padding:34px 30px 36px;font-size:14px;font-weight:500;-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/12px 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/12px 9px repeat-x}.price-ticket-head{letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#1a1714;border-bottom:1.5px dashed #cfc4b5;margin-bottom:14px;padding-bottom:16px;font-weight:600}.price-ticket dl{gap:9px;display:grid}.price-ticket dl div{align-items:baseline;gap:10px;display:flex}.price-ticket dt{text-transform:uppercase;letter-spacing:.04em;flex:1;align-items:baseline;gap:10px;display:flex}.price-ticket dt:after{content:"";border-bottom:2px dotted #cfc4b5;flex:1;min-width:12px;transform:translateY(-4px)}.price-ticket dd{text-transform:uppercase;font-weight:600}.price-ticket-total{text-transform:uppercase;color:#1a1714;border-top:1.5px dashed #cfc4b5;justify-content:space-between;margin-top:18px;padding-top:16px;font-size:22px;font-weight:600;display:flex}@media (width<=900px){.price-grid{grid-template-columns:1fr}.price-ticket-wrap{width:min(100%,440px)}}@media (width<=480px){.price-ticket{padding:28px 20px 32px;font-size:12.5px}.price-ticket dt{letter-spacing:0}}