:root{--cream: #f5f0e3;--paper: #fffaf0;--ink: #102019;--green: #073f2c;--green-2: #0c5a3e;--muted: #59635d;--line: rgba(7, 63, 44, .18);--yellow: #ffc72c;--red: #ef5753;--blue: #3e91af;--purple: #8c68dc;--pink: #ef78bd;--lime: #a9e85c;--orange: #f49a45;--max: 1180px;color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;padding-bottom:calc(82px + env(safe-area-inset-bottom));background:var(--cream)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{letter-spacing:0}.section-shell,.site-header{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;color:var(--green);font-size:.9rem;font-weight:950;line-height:1;text-decoration:none}.wordmark span{display:grid;gap:4px}.wordmark small{color:var(--muted);font-size:.58rem;font-weight:800;text-transform:uppercase}.brand-logo{width:40px;height:40px;flex:0 0 auto;border-radius:7px;object-fit:cover}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--green);border-radius:6px;padding:12px 17px;font-size:.78rem;font-weight:950;line-height:1;text-decoration:none;text-transform:uppercase;transition:transform .15s ease,background .15s ease,color .15s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button:focus-visible,input:focus,textarea:focus{outline:3px solid rgba(255,199,44,.55);outline-offset:3px}.button-primary{color:var(--cream);background:var(--green)}.button-primary:hover{background:var(--green-2)}.button-quiet{color:var(--green);background:transparent}.button-light{border-color:var(--cream);color:var(--green);background:var(--cream)}.button:disabled{cursor:wait;opacity:.65}.header-cta{min-height:38px;padding:9px 14px}.hero{display:grid;gap:42px;align-items:center;padding-block:54px 72px}.hero-copy{display:grid;justify-items:start;gap:16px}.eyebrow{margin-bottom:0;color:var(--green-2);font-size:.72rem;font-weight:950;text-transform:uppercase}.hero h1{margin-bottom:0;color:var(--green);font-size:4rem;font-weight:950;line-height:.82}@media(max-width:420px){.hero h1{font-size:3.35rem}}@media(max-width:350px){.hero h1{font-size:2.95rem}}.hero h2{max-width:650px;margin-bottom:0;color:var(--ink);font-size:2.25rem;font-weight:900;line-height:.98;text-wrap:balance}.hero-intro{max-width:560px;margin-bottom:0;color:var(--muted);font-size:1.05rem;font-weight:650;line-height:1.5}.hero-actions{width:100%;display:grid;gap:10px;margin-top:4px}.hero-facts{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:4px;color:var(--muted);font-size:.78rem;font-weight:800}.hero-facts span:before{content:"";width:6px;height:6px;display:inline-block;margin-right:7px;border-radius:50%;background:var(--yellow);vertical-align:1px}.hero-product{width:min(100%,390px);margin:0 auto}.phone-frame{position:relative;padding:26px 10px 10px;border:4px solid var(--green);border-radius:22px;background:var(--green);box-shadow:14px 18px #073f2c1f;overflow:hidden}.app-demo{position:relative;aspect-ratio:496 / 751;border-radius:10px;background:var(--paper);overflow:hidden}.demo-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(7px) scale(.995);animation:demo-slide 12s ease-in-out infinite both}.demo-slide:nth-child(2){animation-delay:-8s}.demo-slide:nth-child(3){animation-delay:-4s}.demo-slide img{width:100%;height:100%;object-fit:cover}.demo-cue{position:absolute;top:var(--cue-y);left:var(--cue-x);width:18px;height:18px;border:3px solid var(--paper);border-radius:50%;background:var(--yellow);box-shadow:0 0 #ffc72c8c;transform:translate(-50%,-50%);animation:demo-cue 1.5s ease-out infinite}.demo-progress{position:absolute;z-index:4;right:12px;bottom:10px;left:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.demo-progress span{height:3px;border-radius:99px;background:#f5f0e36b;animation:demo-progress 12s linear infinite both}.demo-progress span:nth-child(2){animation-delay:-8s}.demo-progress span:nth-child(3){animation-delay:-4s}@keyframes demo-slide{0%,27%{z-index:2;opacity:1;transform:translateY(0) scale(1)}33%,94%{z-index:1;opacity:0;transform:translateY(-5px) scale(1.002)}to{z-index:1;opacity:0;transform:translateY(7px) scale(.995)}}@keyframes demo-progress{0%,27%{background:var(--yellow)}33%,to{background:#f5f0e36b}}@keyframes demo-cue{0%{box-shadow:0 0 #ffc72c8c}70%,to{box-shadow:0 0 0 12px #ffc72c00}}.phone-speaker{position:absolute;top:10px;left:50%;width:64px;height:5px;border-radius:99px;background:#f5f0e3b8;transform:translate(-50%)}.hero-product figcaption{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;color:var(--muted);font-size:.7rem;font-weight:850;text-align:center;text-transform:uppercase}.hero-product figcaption span{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #ef57531f}.section{padding-block:72px}.section-heading{max-width:760px;display:grid;gap:10px;margin-bottom:32px}.section-heading h2,.install-intro h2,.feedback-section h2,.ball-section h2,.final-cta h2{margin-bottom:0;color:var(--green);font-size:2.4rem;font-weight:930;line-height:.98;text-wrap:balance}.section-heading>p:last-child,.install-intro>p:not(.eyebrow),.feedback-section>div>p:last-child{margin-bottom:0;color:var(--muted);font-weight:650;line-height:1.5}.split-heading{max-width:none}.split-heading>div{display:grid;gap:10px}.mode-list{display:grid;gap:10px}.mode-row{--accent: var(--yellow);min-height:150px;display:grid;grid-template-columns:auto 1fr;align-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:8px;background:#fffaf08c}.mode-row.red{--accent: var(--red)}.mode-row.blue{--accent: var(--blue)}.mode-row.purple{--accent: var(--purple)}.mode-row.pink{--accent: var(--pink)}.mode-row.green{--accent: var(--lime)}.mode-row.orange{--accent: var(--orange)}.mode-index{color:var(--muted);font-size:.72rem;font-weight:900}.mode-row>div{display:grid;gap:5px}.mode-row p{margin-bottom:0;color:var(--muted);font-size:.65rem;font-weight:900;text-transform:uppercase}.mode-row h3{margin-bottom:0;color:var(--green);font-size:1.4rem;font-weight:930;line-height:1}.mode-description{grid-column:1 / -1;color:var(--muted);font-size:.86rem;font-weight:650;line-height:1.35}.how-band{padding-block:72px;color:var(--cream);background:var(--green)}.light-heading .eyebrow,.light-heading h2{color:var(--cream)}.steps{display:grid;gap:0;margin:0;padding:0;border-top:1px solid rgba(245,240,227,.25);list-style:none}.steps li{display:grid;grid-template-columns:44px 1fr;gap:7px 14px;padding-block:22px;border-bottom:1px solid rgba(245,240,227,.25)}.steps span{grid-row:span 2;color:var(--yellow);font-size:.75rem;font-weight:900}.steps h3{margin-bottom:0;font-size:1.25rem;font-weight:900}.steps p{margin-bottom:0;color:#f5f0e3b8;font-size:.88rem}.reactions-section{border-bottom:1px solid var(--line)}.reaction-grid{display:grid;gap:30px}.reaction-grid blockquote{display:grid;align-content:space-between;gap:26px;min-height:180px;margin:0;padding-top:18px;border-top:3px solid var(--yellow)}.reaction-grid blockquote:nth-child(2){border-top-color:var(--red)}.reaction-grid blockquote:nth-child(3){border-top-color:var(--purple)}.reaction-grid blockquote>p{margin-bottom:0;color:var(--green);font-size:1.35rem;font-weight:850;line-height:1.18}.reaction-grid footer{display:grid;gap:3px;color:var(--green);font-size:.78rem}.reaction-grid footer strong{font-weight:950}.reaction-grid footer span{color:var(--muted);font-size:.68rem;font-weight:750;text-transform:uppercase}.screen-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,82%);gap:16px;padding-bottom:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--green) transparent}.screen-card{margin-bottom:0;scroll-snap-align:start}.screen-shot{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.screen-shot img{width:100%;border-radius:4px}.screen-card figcaption{display:grid;gap:4px;margin-top:13px}.screen-card figcaption span{color:var(--green-2);font-size:.68rem;font-weight:900;text-transform:uppercase}.screen-card figcaption strong{color:var(--green);font-size:1rem}.install-section{display:grid;gap:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.install-intro{display:grid;justify-items:start;gap:12px}.install-intro .button{margin-top:8px}.install-guides{border-top:1px solid var(--line)}.install-guides article{display:grid;grid-template-columns:82px 1fr;gap:16px;padding-block:18px;border-bottom:1px solid var(--line)}.install-guides span{color:var(--green);font-size:.8rem;font-weight:900}.install-guides p{margin-bottom:0;color:var(--muted);font-size:.9rem;line-height:1.45}.ball-section{display:grid;justify-items:start;gap:22px;margin-block:72px;padding:28px;border-radius:8px;color:var(--cream);background:var(--green)}.ball-logo{width:76px;height:76px;border:1px solid rgba(245,240,227,.22);border-radius:8px}.ball-section>div{display:grid;gap:9px}.ball-section .eyebrow,.ball-section h2{color:var(--cream)}.ball-section p:last-child{max-width:560px;margin-bottom:0;color:#f5f0e3bf;font-weight:650;line-height:1.45}.feedback-section{display:grid;gap:36px}.feedback-section>div{display:grid;align-content:start;gap:10px}.feedback-section form{display:grid;gap:16px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fffaf099}.field-row{display:grid;gap:16px}.feedback-section label{display:grid;gap:7px;color:var(--green);font-size:.72rem;font-weight:900;text-transform:uppercase}.feedback-section input,.feedback-section textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:12px 13px;color:var(--ink);background:var(--paper);font-size:1rem}.feedback-section textarea{min-height:130px;resize:vertical}.form-footer{display:grid;gap:12px}.form-footer p{margin-bottom:0;color:var(--muted);font-size:.76rem;line-height:1.35}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.final-cta{display:grid;justify-items:start;gap:24px;margin-block:72px;padding-block:38px;border-top:1px solid var(--green);border-bottom:1px solid var(--green)}.final-cta>div{display:grid;gap:9px}.site-footer{min-height:110px;display:grid;gap:8px;align-content:center;padding-block:28px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.site-footer p{margin-bottom:0}.footer-wordmark{font-size:.78rem}.footer-wordmark .brand-logo{width:32px;height:32px}.mobile-play-bar{position:fixed;z-index:50;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;min-height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid rgba(255,199,44,.6);border-radius:8px;padding:9px 14px 9px 10px;color:var(--cream);background:var(--green);box-shadow:0 12px 30px #073f2c3d;opacity:0;pointer-events:none;text-decoration:none;transform:translateY(calc(100% + 24px));transition:opacity .18s ease,transform .22s ease}.mobile-play-bar.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-play-bar .brand-logo{width:42px;height:42px}.mobile-play-bar>span{display:grid;gap:4px}.mobile-play-bar strong{font-size:.78rem;font-weight:950;line-height:1}.mobile-play-bar small{color:#f5f0e3b8;font-size:.66rem;font-weight:700}.mobile-play-bar b{color:var(--yellow);font-size:1.2rem}.mobile-play-bar:focus-visible{outline:3px solid rgba(255,199,44,.65);outline-offset:3px}@media(min-width:560px){.hero-actions,.form-footer{width:auto;display:flex;align-items:center}.hero-actions .button{width:auto}.mode-list,.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:18px;padding-bottom:0;overflow:visible}.reaction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:780px){body{padding-bottom:0}.mobile-play-bar{display:none}.section-shell,.site-header{width:min(var(--max),calc(100% - 64px))}.site-header{min-height:82px}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:72px;min-height:calc(100vh - 82px);padding-block:62px 76px}.hero h1{font-size:6.5rem}.hero h2{font-size:3.4rem}.hero-actions{margin-top:8px}.section,.how-band{padding-block:96px}.section-heading h2,.install-intro h2,.feedback-section h2,.ball-section h2,.final-cta h2{font-size:3.35rem}.split-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:60px}.mode-list,.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps li{min-height:180px;align-content:start;padding:28px;border-right:1px solid rgba(245,240,227,.25)}.steps li:first-child{padding-left:0}.steps li:last-child{border-right:0}.reaction-grid blockquote{min-height:210px}.screen-grid{gap:28px}.install-section,.feedback-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:80px}.ball-section{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;margin-block:96px;padding:34px}.final-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;margin-block:96px}.final-cta .button{justify-self:end}.site-footer{grid-template-columns:1fr auto auto;align-items:center;gap:28px}}@media(min-width:1100px){.hero h1{font-size:7.5rem}.hero h2{font-size:4rem}.mode-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.mobile-play-bar{transition:none}.demo-slide,.demo-progress span,.demo-cue{animation:none}.demo-slide:first-child{z-index:2;opacity:1;transform:none}.demo-cue{display:none}.demo-progress span:first-child{background:var(--yellow)}}