.offer-strip{background:#dff3ba;color:#123c2e;padding:18px 0}.offer-strip .container{display:flex;align-items:center;gap:16px}.offer-strip p{margin:0;flex:1;font-size:14px}.offer-strip a{color:inherit;font-size:14px;font-weight:800;white-space:nowrap}.offer-dot{height:9px;width:9px;border-radius:50%;background:#147451;box-shadow:0 0 0 5px #14745115}
.retail-story{background:#f7f6f0;color:#163c2e}.story-heading{max-width:750px;margin-bottom:48px}.story-heading>p:last-child{font-size:18px;line-height:1.75;max-width:590px;color:#64726a}.story-bento{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.story-till,.story-delivery{border:1px solid #dce4d9;border-radius:30px;padding:38px;overflow:hidden;min-width:0;background:#fff}.story-till h3,.story-delivery h3{font-size:clamp(26px,3vw,38px);letter-spacing:-1.5px;line-height:1.15;margin:14px 0 20px}.story-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#3c7856}.story-copy p,.story-delivery>p{line-height:1.75;color:#586e61}.story-pills{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.story-pills span{font-size:11px;padding:8px 11px;border-radius:24px;background:#eff6ee;color:#22684a;font-weight:700}.till-demo{background:#102e25;border-radius:18px;color:#fff;padding:22px;position:relative;margin:30px 0 25px;min-height:300px}.demo-tabs{display:flex;gap:8px;font-size:11px;margin-bottom:30px}.demo-tabs span{border:1px solid #476354;border-radius:30px;padding:9px 12px}.demo-tabs .is-paid{color:#b7e595}.demo-tabs .is-active{background:#e1f5d7;color:#173e2a}.demo-line{display:flex;justify-content:space-between;font-size:12px;gap:10px;line-height:2.8;color:#d5e5da}.demo-total{display:grid;gap:8px;border-top:1px solid #466055;padding-top:15px}.demo-total small{font-size:9px;letter-spacing:1.5px}.demo-total strong{font-size:32px}.demo-total>span{font-size:10px;line-height:1.5;color:#b6c8bc}.demo-receipt{position:absolute;bottom:-13px;right:24px;width:154px;background:#fffbef;color:#2e4538;transform:rotate(5deg);padding:19px 12px;display:grid;gap:7px;box-shadow:0 12px 25px #0002;border-bottom:4px dotted #b5a990;text-align:center}.demo-receipt>span{font-size:8px;letter-spacing:1px}.demo-receipt b{font-size:11px}.demo-receipt small{font-size:7px;color:#913e25;font-weight:800}.demo-receipt i{height:3px;background:#d4d7ca;margin-top:3px}.story-footnote{font-size:12px!important;line-height:1.7!important;color:#65766a!important}.story-delivery{background:#e9f1e1}.route-demo{height:230px;position:relative;margin:25px -5px 20px;background:linear-gradient(30deg,transparent 46%,#d4dfcc 47%,#d4dfcc 49%,transparent 50%),linear-gradient(120deg,transparent 45%,#d4dfcc 46%,#d4dfcc 48%,transparent 49%);border-radius:20px;overflow:hidden}.route-demo>span{position:absolute;display:grid;place-items:center;width:49px;height:49px;background:#fff;border-radius:16px;font-size:28px;box-shadow:0 8px 20px #314b231a;z-index:1}.route-demo small{position:absolute;top:55px;white-space:nowrap;font-size:10px;color:#355b3d;font-weight:700}.route-origin{left:16px;top:145px}.route-home{right:20px;top:25px;background:#ff8468!important}.route-rider{left:43%;top:75px;background:#14573e!important;color:#fff}.route-path{position:absolute;top:48px;left:42px;right:42px;height:126px;border:3px dashed #739864;border-radius:60px 12px 75px 8px;transform:rotate(-20deg)}
.starter-section{background:#073c2e;color:#fff;position:relative;overflow:hidden}.starter-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px}.starter-section h2{font-size:clamp(40px,5vw,66px);line-height:1.08;letter-spacing:-2.8px}.starter-section h2 em{color:#d5efae}.starter-lede{max-width:500px;font-size:18px;color:#c1d6c8;line-height:1.8;margin:24px 0}.kit-list{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:22px}.kit-list li{display:flex;gap:16px}.kit-list li>span{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #61836d;border-radius:12px;font-size:15px;color:#d6efb2}.kit-list strong{font-size:17px}.kit-list p{margin:5px 0 0;font-size:13px;line-height:1.6;color:#b6cbbc;max-width:350px}.starter-terms{font-size:12px;color:#b7cdbb;line-height:1.8;max-width:470px;margin-top:20px}.kit-stage{height:570px;position:relative;border:1px solid #547959;border-radius:50% 50% 32px 32px;background:radial-gradient(ellipse at 50% 42%,#a8c77544,transparent 70%)}.kit-orbit{position:absolute;inset:65px 28px;border:1px dashed #82986666;border-radius:50%;transform:rotate(-22deg)}.kit-stamp{position:absolute;right:26px;top:50px;transform:rotate(9deg);background:#d4edac;color:#19452e;width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:12px;line-height:1.5;letter-spacing:1px;z-index:2}.kit-stamp b{font-size:15px;letter-spacing:0}.printer-art{position:absolute;top:217px;left:50%;transform:translateX(-50%) rotate(-8deg);width:240px;height:200px;background:linear-gradient(125deg,#344d40,#142d23);border:1px solid #6a816b;border-radius:32px 32px 42px 42px;box-shadow:15px 35px 45px #001f1980}.printer-slot{position:absolute;top:21px;left:20px;right:20px;height:12px;background:#061c14;border-radius:8px}.printer-paper{position:absolute;bottom:174px;left:37px;right:37px;background:#fffcf0;color:#153e29;padding:20px 14px;display:grid;gap:12px;text-align:center;box-shadow:0 -5px 20px #00190c1a;border-top:3px dotted #c4c6ab}.printer-paper span{font-size:8px;letter-spacing:1.4px}.printer-paper strong{font-size:15px;line-height:1.45}.printer-paper i{height:3px;background:#c5cdbb}.printer-paper b{font-size:11px}.printer-indicator{width:7px;height:7px;background:#beef88;box-shadow:0 0 10px #d7ff9a;position:absolute;right:37px;top:58px;border-radius:50%}.printer-brand{position:absolute;bottom:34px;left:32px;font-size:29px;font-weight:800;color:#b6c5b7}.paper-rolls{display:flex;position:absolute;bottom:87px;right:12px;align-items:end;transform:rotate(5deg)}.paper-rolls i{display:block;width:43px;height:69px;border-radius:50% 50% 25% 25%/17% 17% 10% 10%;background:linear-gradient(90deg,#cdd0b7,#fffbed 50%,#d6d8be);border-top:7px solid #a4ae92;box-shadow:3px 5px 9px #09221755;margin-left:-3px}.paper-rolls i:nth-child(2){height:80px}.paper-rolls span{position:absolute;top:90px;left:17px;white-space:nowrap;font-size:12px;color:#d2e3c6}.kit-stage>p{position:absolute;bottom:17px;width:100%;text-align:center;font-size:10px;color:#b4caac}.hero-visual:after{content:"Illustrative dashboard";display:block;text-align:center;font-size:10px;letter-spacing:1px;color:#aec3b0;position:absolute;bottom:-30px;width:100%}
@media(max-width:900px){.starter-grid{gap:30px}.story-bento{grid-template-columns:1fr}.story-till,.story-delivery{padding:28px}.kit-stage{height:500px}.kit-stamp{right:10px;top:32px;width:100px;height:100px}.starter-section h2{letter-spacing:-1.6px}.offer-strip .container{flex-wrap:wrap}.offer-strip a{margin-left:25px}.offer-strip p{flex-basis:80%}}
@media(max-width:600px){.starter-grid{grid-template-columns:1fr}.kit-stage{height:460px;max-width:400px;width:100%;margin:15px auto}.kit-stage .printer-art{top:200px;transform:translateX(-50%) rotate(-8deg) scale(.86)}.paper-rolls{bottom:85px;right:20px}.starter-lede{font-size:16px}.story-till,.story-delivery{padding:24px}.till-demo{padding:15px}.demo-tabs{gap:5px}.demo-tabs span{padding:8px;font-size:9px}.demo-receipt{right:12px;width:124px}.demo-total strong{font-size:27px}.story-heading{margin-bottom:28px}.story-heading>p:last-child{font-size:16px}.offer-strip p{font-size:13px}.kit-list{gap:18px}.starter-section .button{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}*{scroll-behavior:auto!important}}