
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--wash);color:var(--ink)}.wrap{max-width:1200px;margin:auto;padding:0 48px}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:12px}.nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px}.brand svg{width:36px;height:36px}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.navlinks a{text-decoration:none}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;padding:9px 13px;border:1px solid var(--line);border-radius:99px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:750;color:var(--muted)}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:50px;padding:70px 0 80px}.hero h1{font-size:clamp(46px,5.4vw,76px);line-height:1.04;font-weight:750;letter-spacing:-4px;margin:20px 0 24px}.hero .intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:470px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 22px;text-decoration:none;font-size:13px;font-weight:700;border-radius:10px;background:var(--ink);color:var(--paper)}.button:hover{transform:translateY(-2px)}.hero-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:16px}.section{padding:68px 0 80px;scroll-margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section h2{font-size:36px;line-height:1.13;letter-spacing:-1.5px;max-width:570px;margin:12px 0 0;font-weight:650}.section-head>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:300px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.feature .number{font-size:11px;font-family:ui-monospace,monospace;color:var(--accent)}.feature h3{font-size:20px;letter-spacing:-.6px;line-height:1.25;margin:32px 0 12px}.feature p{font-size:14px;line-height:1.75;color:var(--muted);margin:0}.closing{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 48px;border-top:1px solid var(--line)}.closing h2{font-size:24px;letter-spacing:-.7px;margin:0 0 8px}.closing p{font-size:13px;color:var(--muted);line-height:1.6;margin:0;max-width:560px}.footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.arrow{font-size:18px}.visual-caption{font-size:10px;line-height:1.6;color:var(--muted);text-align:center;margin-top:18px}
@media(max-width:900px){.wrap{padding:0 28px}.hero{gap:30px}.hero h1{letter-spacing:-2.5px}.navlinks{gap:18px}.cards{gap:12px}.feature{padding:22px}.section h2{font-size:30px}}
@media(max-width:680px){.wrap{padding:0 22px}.nav{padding:23px 0}.brand{font-size:22px}.navlinks>a{display:none}.status{font-size:9px;padding:8px 10px;letter-spacing:1px}.hero{grid-template-columns:1fr;gap:40px;padding:40px 0 48px}.hero h1{font-size:52px;letter-spacing:-2.8px;max-width:520px}.hero .intro{font-size:16px;max-width:490px}.section{padding:46px 0}.section-head{display:block}.section-head>p{max-width:450px;margin-top:18px}.cards{grid-template-columns:1fr;gap:14px}.feature h3{margin-top:20px}.feature{padding:26px}.closing{align-items:flex-start;flex-direction:column;padding:30px 0}.footer{flex-wrap:wrap;line-height:1.7}.section h2{font-size:32px}.button{padding:16px 20px}.hero-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

:root{--ink:#163d32;--accent:#0e8a60;--muted:#63766b;--paper:#fbfcf8;--wash:#d6f1d5;--line:#d9e3d7}body{background:#fbfcf8;color:var(--ink)}.brand-dot{width:12px;height:12px;border-radius:50%;background:#0e8a60;margin-left:2px}.status{background:#edf5e9}.hero{padding-top:64px}.hero h1{font-size:clamp(48px,5.8vw,80px);letter-spacing:-4px}.hero h1 em{font-style:normal;color:#0e8a60}.hero .button{background:#163d32}.ledger-scene{padding:36px 24px 24px;position:relative;background:#e8efe3;border-radius:22px}.ledger-scene:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#9caf9933 1px,transparent 1px);background-size:17px 17px;border-radius:22px}.receipt{position:relative;margin:0 22px 14px;background:#fffefa;padding:28px 27px 32px;box-shadow:0 20px 40px #17392712;transform:rotate(-2deg);border:1px solid #d4dfcd;clip-path:polygon(0 0,100% 0,100% 98%,96% 100%,92% 98%,88% 100%,84% 98%,80% 100%,76% 98%,72% 100%,68% 98%,64% 100%,60% 98%,56% 100%,52% 98%,48% 100%,44% 98%,40% 100%,36% 98%,32% 100%,28% 98%,24% 100%,20% 98%,16% 100%,12% 98%,8% 100%,4% 98%,0 100%)}.receipt-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#66806d;border-bottom:1px dashed #ced9c8;padding-bottom:17px}.receipt h3{font-size:22px;letter-spacing:-.7px;margin:20px 0 6px}.receipt-sub{font-size:10px;color:#6b7c70;margin:0 0 20px}.receipt dl{margin:0}.receipt dl>div{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin:14px 0}.receipt dd{margin:0;font-family:ui-monospace,monospace}.receipt .minus{color:#0e8a60}.receipt .subtotal{border-top:1px dashed #ced9c8;padding-top:15px;font-weight:700}.receipt .reward{color:#6b7c70;font-size:11px}.net-cost{position:relative;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#163d32;border-radius:12px;padding:22px 24px;color:#fffef5}.net-cost .eyebrow{color:#b9d1b1;font-size:9px}.net-cost .caption{font-size:10px;color:#b9d1b1;margin-top:7px}.net-cost strong{font-size:38px;letter-spacing:-2px}.ledger-scene .visual-caption{position:relative}.barcode{height:21px;width:80px;background:repeating-linear-gradient(90deg,#163d32 0 2px,transparent 2px 4px,#163d32 4px 5px,transparent 5px 8px);margin:24px auto 0;opacity:.6}.section{border-top:1px solid var(--line)}.feature{border-radius:0;background:transparent;padding:26px 24px 28px}.feature h3{font-size:22px}.feature .number{font-size:24px;font-weight:500;letter-spacing:-2px}.feature p{font-size:14px}.closing{background:#edf3e7;border-top:0;border-radius:12px;margin-bottom:46px;padding:30px}.closing h2{font-size:26px}.brand{letter-spacing:-1.3px}@media(max-width:680px){.hero h1{font-size:55px;letter-spacing:-3px}.ledger-scene{padding:28px 16px 20px}.receipt{margin:0 15px 14px;padding:25px 22px 30px}.closing{padding:26px;margin-bottom:25px}.net-cost{padding:20px}.net-cost strong{font-size:35px}}
