@font-face{font-family:Geist;src:url('assets/geist-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#102b23;--muted:#52655d;--green:#0f6e56;--deep:#04342c;--mint:#9fe1cb;--line:#dce6e0;--soft:#f1f7f4;font-family:Geist,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #378add;outline-offset:5px}button:disabled{cursor:default}svg{width:24px;height:24px}h1,h2,h3,p{margin:0}p{line-height:1.6}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:white}.header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:176px;height:auto;display:block}.header-inner nav{display:flex;gap:32px;font-size:.9rem;font-weight:500}.header-inner nav a:hover,.text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:white;border:1px solid transparent;border-radius:100px;padding:15px 24px;font-size:1rem;font-weight:600;line-height:1.3;transition:background .2s,transform .2s}.button:hover{background:#085041;transform:translateY(-1px)}.button span{font-size:1.3rem;line-height:1}.header-cta{font-size:.9rem;padding:11px 20px}.hero{background:linear-gradient(120deg,#04342c 15%,#085041 65%,#0f6e56);color:white;position:relative;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff18 .8px,transparent .8px);background-size:22px 22px;z-index:-1;mask-image:linear-gradient(90deg,transparent,black)}.hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:68px;align-items:center;padding-block:70px 62px}.eyebrow{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:10px}.hero .eyebrow{color:#bde7d8;letter-spacing:.1em}.eyebrow-line{width:20px;height:2px;background:var(--mint);display:inline-block}h1{font-size:clamp(2.8rem,4.6vw,4.3rem);font-weight:550;line-height:1.05;letter-spacing:-.052em;margin-top:24px}h1 span{color:var(--mint)}.hero-description{font-size:1.25rem;line-height:1.5;font-weight:450;max-width:440px;margin-top:25px}.hero-detail{color:#c0d8cf;font-size:1rem;max-width:440px;margin-top:15px}.button-light{background:white;color:var(--deep);margin-top:30px}.button-light:hover{background:#e1f5ee}.under-cta{font-size:.8rem;color:#b5d2c7;margin-top:12px}.walkthrough-wrap{scroll-margin-top:25px;min-width:0}.walkthrough-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.1em;font-weight:600;margin-bottom:13px;color:#c4e7da}.example-tag{font-size:.75rem;letter-spacing:0;border:1px solid #ffffff35;border-radius:100px;padding:5px 10px;white-space:nowrap}.demo-window{background:white;color:var(--ink);border:1px solid #ffffffaa;border-radius:19px;overflow:hidden;box-shadow:0 25px 55px #0022194d}.demo-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 25px;border-bottom:1px solid var(--line)}.cafe-identity{display:flex;align-items:center;gap:12px}.cafe-identity strong{display:block;font-size:1rem;font-weight:650}.cafe-identity div>span{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}.cafe-icon{width:39px;height:39px;border-radius:10px;background:var(--soft);color:var(--green);display:grid;place-items:center}.cafe-icon svg{width:21px;height:21px}.reset{background:transparent;border:0;color:var(--muted);font-size:.8rem;padding:9px 0 9px 9px;white-space:nowrap}.reset span{font-size:1.1rem;margin-right:3px}.reset:hover{color:var(--green)}.progress{list-style:none;display:flex;align-items:center;margin:0;padding:18px 25px;gap:16px;border-bottom:1px solid var(--line);background:#fafcfb}.progress li{display:flex;align-items:center;gap:8px;flex:1;color:#617269;font-size:.875rem}.progress li span{height:25px;width:25px;display:grid;place-items:center;border:1px solid #cbd8d0;border-radius:50%;font-size:.75rem;flex-shrink:0}.progress li.active{color:var(--green);font-weight:650}.progress li.active span,.progress li.done span{background:var(--green);border-color:var(--green);color:white}.progress li.done{color:var(--green)}.demo-body{padding:24px 25px 0;min-height:290px}.scene-kicker{font-size:.75rem;color:var(--muted);font-weight:500;margin-bottom:5px}.scene-title{font-size:1.25rem;font-weight:650;letter-spacing:-.025em;line-height:1.3;margin-bottom:17px}.stock-row{border:1px solid var(--line);border-radius:10px;overflow:hidden}.stock-info{padding:15px 16px;display:flex;gap:12px;justify-content:space-between;align-items:center}.stock-product strong{font-size:1rem;display:block}.stock-product span{font-size:.8rem;color:var(--muted);display:block;margin-top:3px}.quantity{font-size:1.6rem;font-weight:600;letter-spacing:-.03em;white-space:nowrap}.quantity small{font-weight:400;font-size:.8rem;letter-spacing:0;color:var(--muted)}.stock-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:#f5f8f6;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.badge{border-radius:5px;display:inline-flex;gap:5px;align-items:center;font-size:.75rem;font-weight:600;padding:4px 7px;white-space:nowrap}.badge.good{background:#e1f5ee;color:#075941}.badge.warn{background:#fff0cc;color:#815014}.badge.blue{background:#e7f1fd;color:#245482}.scene-note{border-left:2px solid var(--line);padding-left:12px;margin-top:17px;font-size:.875rem;line-height:1.55;color:var(--muted)}.scene-note strong{color:var(--ink);font-weight:600}.order-box{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:15px 16px;margin-top:12px}.order-box strong{font-size:.875rem;display:block}.order-box p{font-size:.8rem;color:var(--muted);margin-top:2px}.compact-stock{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}.compact-stock strong{color:var(--ink)}.received-math{display:flex;align-items:center;justify-content:center;gap:16px;padding:17px;background:var(--soft);border:1px solid var(--line);border-radius:10px;margin-top:12px}.received-math span{color:var(--muted);font-size:1.1rem}.received-math b{color:var(--green);font-size:1.4rem}.demo-action{padding:22px 25px 21px}.demo-next{width:100%;font-size:.9rem;padding:13px 18px;justify-content:space-between;border-radius:8px;min-height:49px}.demo-action p{font-size:.75rem;line-height:1.45;color:var(--muted);text-align:center;margin-top:11px;min-height:18px}.simulation-note{font-size:.75rem;color:#c0d8cf;text-align:center;margin-top:13px;line-height:1.5}.noscript-note{padding:20px;color:white}.outcomes{display:grid;grid-template-columns:1.04fr 1fr 1fr 1fr;gap:35px;padding-block:62px}.section-heading .eyebrow{color:var(--green);font-size:.7rem;margin-bottom:11px}.section-heading h2{font-size:1.75rem;line-height:1.2;letter-spacing:-.035em;font-weight:550}.outcome{border-left:1px solid var(--line);padding-left:24px}.outcome-number{font-size:.75rem;color:var(--green);font-weight:600}.outcome h3{font-size:1.02rem;letter-spacing:-.02em;margin-block:10px 9px;font-weight:650}.outcome p{font-size:.875rem;color:var(--muted);line-height:1.65}.next-step{border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1.2fr 1fr;background:var(--soft);margin-bottom:52px;overflow:hidden}.next-copy{padding:43px 48px}.next-copy .eyebrow{color:var(--green);font-size:.75rem}.next-copy h2{font-size:2.5rem;line-height:1.13;letter-spacing:-.04em;font-weight:550;margin-top:13px}.next-copy>p:not(.eyebrow){max-width:370px;color:var(--muted);margin:17px 0 24px;font-size:1rem}.price-panel{margin:34px 0;padding:9px 48px;border-left:1px solid #ccded3}.plan-label{font-size:.7rem;font-weight:650;letter-spacing:.14em;color:var(--green)}.price{font-size:3rem;line-height:1.2;letter-spacing:-.055em;font-weight:600;margin-top:9px}.price span{font-size:1rem;letter-spacing:0;font-weight:400;color:var(--muted)}.price-detail{font-size:.9rem;margin-top:4px}.price-panel ul{list-style:none;margin:23px 0 20px;padding:0;display:grid;gap:9px;font-size:.875rem}.price-panel li{padding-left:23px;position:relative}.price-panel li:before{content:'✓';position:absolute;left:0;color:var(--green)}.pricing-note{font-size:.8rem;color:var(--muted);max-width:325px;line-height:1.6}.text-link{font-size:.8rem;font-weight:600;display:inline-block;margin-top:17px;text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px;color:var(--muted);font-size:.75rem}footer a:hover{text-decoration:underline}.demo-body.animate{animation:scene-in .25s ease-out}@keyframes scene-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1450px){.hero-grid{padding-block:85px}.hero-copy{padding-bottom:10px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.hero-grid{gap:35px}.hero h1{font-size:3.7rem}.walkthrough-label>span:first-child{font-size:.62rem}.outcomes{gap:20px}.outcome{padding-left:18px}.next-copy{padding:35px}.price-panel{padding-inline:35px}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:40px;max-width:660px;padding-block:45px}.desktop-break{display:none}.hero h1{max-width:570px;font-size:3.6rem}.hero-description{max-width:510px}.hero-detail{max-width:510px}.hero-copy{max-width:580px}.walkthrough-wrap{width:100%}.demo-body{min-height:270px}.outcomes{grid-template-columns:1fr 1fr;gap:32px;padding-block:44px}.section-heading{align-self:center}.outcome:nth-child(3){border-left:0;padding-left:0}.next-copy{padding:32px}.price-panel{padding-inline:30px}.next-copy h2{font-size:2.1rem}.header-inner nav{gap:20px;font-size:.8rem}}
@media(max-width:580px){.container{width:calc(100% - 36px)}.header-inner{min-height:75px;gap:14px}.logo{width:139px}.header-inner nav{display:none}.header-cta{font-size:.8rem;padding:11px 15px;gap:10px}.hero-grid{padding-block:35px 30px;gap:32px}.hero .eyebrow{font-size:.68rem;letter-spacing:.06em}.hero h1{font-size:clamp(2.65rem,11.7vw,3.6rem);line-height:1.06;margin-top:19px}.hero-description{font-size:1.1rem;margin-top:20px}.hero-detail{font-size:.9rem;margin-top:12px}.hero .button-light{margin-top:22px;padding:14px 22px}.under-cta{font-size:.75rem}.walkthrough-label{gap:8px;letter-spacing:.04em}.walkthrough-label>span:first-child{max-width:150px;line-height:1.5}.example-tag{font-size:.68rem;padding:5px 8px}.demo-topbar{padding:17px 16px}.demo-body{padding:20px 16px 0;min-height:298px}.progress{padding:15px 16px;gap:9px}.progress li{font-size:.8rem;gap:7px}.progress li span{width:22px;height:22px}.demo-action{padding:19px 16px}.demo-action p{min-height:33px}.scene-title{font-size:1.18rem}.simulation-note{font-size:.7rem;max-width:290px;margin-inline:auto}.stock-info{padding:13px}.stock-bottom{padding:9px 12px;font-size:.7rem}.stock-product strong{font-size:.95rem}.stock-product span{font-size:.75rem}.quantity{font-size:1.4rem}.outcomes{grid-template-columns:1fr;gap:25px;padding-block:35px}.section-heading h2 br{display:none}.section-heading h2{font-size:1.65rem}.outcome,.outcome:nth-child(3){border-left:2px solid var(--line);padding-left:18px}.outcome h3{margin-block:6px}.outcome p{font-size:.9rem;max-width:380px}.next-step{grid-template-columns:1fr;margin-bottom:30px}.next-copy{padding:28px 24px}.next-copy h2{font-size:2.2rem}.price-panel{border-left:0;border-top:1px solid #ccded3;padding:27px 0 3px;margin:0 24px 28px}.price-panel ul{margin-block:18px}footer{display:block;padding-block:22px}footer p+p{margin-top:7px}.received-math{gap:13px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
