:root{--navy:#082d4c;--ink:#18384e;--muted:#516878;--yellow:#f8b916;--paper:#fffefb;--line:#dce4e7;--soft:#f2f5f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #20748f;outline-offset:5px}img{max-width:100%;height:auto}p{line-height:1.7}h1,h2,h3,p{margin-top:0}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip{position:absolute;left:20px;top:-80px;z-index:9;padding:12px;background:var(--yellow)}.skip:focus{top:15px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.logo{width:225px;display:block}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.site-header nav a:hover,.text-link:hover{color:#347b7d}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 23px;border-radius:7px;font-size:14px;font-weight:650;line-height:1.3;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.yellow{background:var(--yellow);color:var(--navy)}.yellow:hover{background:#ffcb46}.navy{background:var(--navy);color:white}.quiet{border:1px solid #cbd6dc;color:var(--navy);padding:12px 18px}.hero{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:40px;padding:94px 0 85px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;line-height:1.6;color:#43716f;margin-bottom:22px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:8px;vertical-align:middle}h1{font-size:clamp(42px,4.4vw,66px);font-weight:700;line-height:1.05;letter-spacing:-2.8px;color:var(--navy);margin-bottom:26px}h1 span{color:#4e7979}.intro{font-size:17px;line-height:1.75;max-width:515px;color:var(--muted)}.audience{font-size:14px;margin:22px 0;color:var(--ink)}.actions{display:flex;gap:27px;align-items:center;margin-top:30px}.text-link{font-size:13px;font-weight:650}.text-link span{margin-left:8px}.pilot-note{font-size:11px;color:#647985;margin-top:25px;line-height:1.7}.pilot-note .dot{background:#478274;width:6px;height:6px}.product-scene{position:relative;padding:44px 0 80px;min-width:0}.sun-disc{position:absolute;background:var(--yellow);width:320px;height:320px;border-radius:50%;top:0;right:-20px;opacity:.72}.product-window{position:relative;background:white;border:1px solid #cddadc;border-radius:12px;overflow:hidden;box-shadow:0 24px 55px #082d4c12;transform:rotate(-1.3deg)}.window-top{padding:16px 18px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #e3e8e9;font-size:9px;font-weight:750;letter-spacing:.7px}.sample-label{margin-left:auto;font-size:8px;color:#788a95}.window-layout{display:grid;grid-template-columns:104px 1fr;min-height:300px}.mini-nav{background:var(--navy);padding:23px 9px;color:#b9cbd8;display:flex;flex-direction:column;gap:9px;font-size:9px}.mini-nav span{padding:10px 8px}.mini-nav .selected{background:#244761;color:white;border-radius:4px}.mini-content{padding:27px 18px;min-width:0}.mini-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.mini-eyebrow{font-size:7px;font-weight:750;color:#688680;letter-spacing:1px}.mini-title h2{font-size:18px;letter-spacing:-.7px;margin:7px 0 17px}.mini-day{font-size:7px;color:#7b8b94;border:1px solid #e5e9eb;padding:6px;border-radius:5px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:22px}.mini-stats>div{padding:11px 8px;background:#f1f5f5;border-radius:5px}.mini-stats strong{display:block;font-size:22px;font-weight:650;margin-bottom:5px}.mini-stats span{font-size:7px;color:#69818a;display:block;line-height:1.4}.board-head,.sample-order{display:flex;justify-content:space-between;align-items:center;gap:8px}.board-head{font-size:7px;letter-spacing:1px;color:#80949c;padding-bottom:10px;border-bottom:1px solid #e2e8e9}.sample-order{padding:13px 0;border-bottom:1px solid #e8edee}.sample-order strong{font-size:10px;font-weight:650;display:block}.sample-order div>span{font-size:8px;color:#7c8f98;display:block;margin-top:5px}.status{padding:5px 7px;border-radius:4px;white-space:nowrap;font-size:7px;font-weight:650}.ready{background:#fff3d4;color:#896313}.road{background:#e9f1fb;color:#3d6795}.delivered{background:#e4f1e9;color:#327054}.pod-card{position:absolute;bottom:39px;right:18px;background:white;border:1px solid #d9e3de;box-shadow:0 12px 35px #082d4c15;display:flex;gap:13px;align-items:center;padding:19px 22px;border-radius:10px;transform:rotate(1deg)}.check{display:grid;place-items:center;width:36px;height:36px;background:#e5f2e9;color:#28714b;font-size:21px;border-radius:50%}.pod-card strong{font-size:13px}.pod-card p{font-size:10px;color:#71818a;margin:5px 0 0}.pdf{font-size:9px;font-weight:650;color:#a26b23;background:#fff4df;padding:10px 7px;margin-left:10px;border-radius:4px}.illustration-note{font-size:10px;color:#83929b;text-align:right;margin:18px 7px 0;position:absolute;bottom:0;right:0}.workflow-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f7f4}.workflow-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 0}.workflow-strip>.wrap>span{font-size:12px;color:#5c766e;font-weight:650}.workflow-strip ol{padding:0;margin:0;display:flex;list-style:none;font-size:12px;gap:26px;font-weight:650}.workflow-strip li:not(:last-child):after{content:'→';color:#9dafb4;margin-left:26px}.section{padding-top:100px;padding-bottom:105px}.section-heading{max-width:680px}.section-heading h2,.setup h2,.cta h2{font-size:clamp(32px,3.3vw,46px);line-height:1.12;letter-spacing:-1.6px;color:var(--navy);margin-bottom:22px}.section-heading>p:last-child{font-size:16px;color:var(--muted);max-width:560px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:53px}.steps article{padding-top:28px;border-top:2px solid #c3d5d3}.step-number{font-size:10px;letter-spacing:1.2px;color:#668680;font-weight:750}.steps h3{font-size:23px;letter-spacing:-.7px;margin:25px 0 15px}.steps p,.feature-grid p{font-size:14px;color:var(--muted);line-height:1.8}.steps a{font-size:12px;font-weight:650;display:inline-block;margin-top:13px}.steps a span{margin-left:12px}.feature-section{background:var(--navy);padding:90px 0;color:#fff}.feature-section .eyebrow{color:#a4c9c2}.feature-section h2{color:white}.feature-section .section-heading>p:last-child{color:#bed0da}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 55px;margin-top:55px}.feature-grid h3{font-size:19px;letter-spacing:-.4px;margin:17px 0 12px}.feature-grid p{color:#baccd7;margin-bottom:0}.feature-icon{font-size:24px;color:var(--yellow);display:inline-grid;place-items:center;border:1px solid #456075;border-radius:8px;width:46px;height:46px}.roadmap{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid #375168;margin-top:60px;padding-top:25px}.roadmap strong{font-size:15px;line-height:1.7}.roadmap p{font-size:12px;color:#adc4d0;margin:0}.setup{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.setup h2 span{color:#5b827a}.setup .intro{font-size:16px;margin:26px 0 18px}.setup>div>p:not(.eyebrow):not(.intro){font-size:13px;color:#617585;margin-bottom:28px}.setup-list{list-style:none;padding:0;margin:0}.setup-list li{display:flex;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}.setup-list li>span{width:37px;height:37px;flex-shrink:0;border:1px solid #bacfc9;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#4d786b}.setup-list h3{font-size:18px;margin-bottom:11px;letter-spacing:-.4px}.setup-list p{font-size:14px;color:var(--muted);margin-bottom:0}.cta{background:#eff3ed;border-radius:14px;padding:52px 58px;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:37px;margin-bottom:17px}.cta p:last-child{font-size:14px;color:var(--muted);margin:0}.cta .eyebrow{font-size:10px}.cta .button{flex-shrink:0}.site-footer{padding-top:65px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.site-footer .logo{width:200px}.site-footer p,.site-footer a{font-size:12px;color:#6b818b}.site-footer>div>p{margin-top:15px}.site-footer>div:nth-child(2){display:flex;flex-direction:column;align-items:flex-end;gap:15px;padding-top:6px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin:5px 0 0;font-size:11px!important}.info-page{max-width:780px;padding-top:65px;padding-bottom:80px}.info-page h1{font-size:44px}.info-page h2{font-size:23px;margin-top:40px}.info-page p,.info-page li{font-size:15px;line-height:1.8;color:var(--muted)}.info-page a{text-decoration:underline}.info-page ul{padding-left:22px}
@media(min-width:1600px){.hero{padding-top:112px;padding-bottom:110px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.site-header nav{gap:18px;font-size:12px}.logo{width:200px}.hero{gap:25px;padding-top:70px}.hero h1{font-size:50px}.window-layout{grid-template-columns:80px 1fr}.mini-content{padding:22px 12px}.mini-nav{font-size:8px;padding:20px 5px}.workflow-strip>.wrap{flex-direction:column;gap:18px}.setup{gap:50px}.steps{gap:25px}.cta{padding:40px}.cta h2{font-size:31px}}@media(max-width:780px){.site-header nav{display:none}.site-header{padding:18px 0}.hero{grid-template-columns:1fr;padding-top:58px;gap:28px;padding-bottom:45px}.hero-copy{max-width:580px}.hero h1{font-size:57px}.product-scene{max-width:610px;width:100%;padding-top:30px;margin:auto}.sun-disc{right:8px;top:0;width:270px;height:270px}.window-layout{grid-template-columns:100px 1fr}.mini-nav{font-size:10px}.mini-content{padding:24px}.mini-title h2{font-size:24px}.mini-eyebrow{font-size:8px}.mini-day{font-size:9px}.mini-stats span,.sample-order div>span{font-size:9px}.sample-order strong{font-size:12px}.status{font-size:9px}.sample-order{padding:15px 0}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding-top:22px}.steps h3{margin-top:18px}.feature-grid{grid-template-columns:1fr 1fr;gap:35px}.roadmap{grid-template-columns:1fr;gap:10px}.section{padding:65px 0}.section-heading h2,.setup h2{font-size:38px}.feature-section{padding:65px 0}.setup{grid-template-columns:1fr;gap:25px}.setup-list li:first-child{padding-top:5px}.cta{flex-direction:column;align-items:flex-start;padding:35px;gap:28px}.workflow-strip ol{gap:12px;font-size:10px}.workflow-strip li:not(:last-child):after{margin-left:12px}.site-footer{padding-top:45px}}@media(max-width:460px){.wrap{width:calc(100% - 36px)}.site-header{gap:16px}.site-header .logo{width:174px}.login{font-size:11px;padding:10px;gap:8px}.hero h1{font-size:46px;letter-spacing:-2px}.eyebrow{font-size:9px;letter-spacing:1.4px}.intro{font-size:16px}.actions{gap:20px}.actions .button{padding:16px;font-size:12px;gap:15px}.text-link{font-size:11px}.product-scene{padding-top:25px;padding-bottom:74px}.window-top{padding:12px;font-size:8px}.window-layout{grid-template-columns:64px 1fr}.mini-nav{font-size:7px;padding:17px 3px;gap:7px}.mini-nav span{padding:9px 5px}.mini-content{padding:19px 12px}.mini-title h2{font-size:18px}.mini-day{display:none}.mini-stats strong{font-size:21px}.mini-stats span{font-size:7px}.sample-order strong{font-size:9px}.sample-order div>span{font-size:7px}.status{font-size:7px;padding:4px 5px}.pod-card{right:5px;bottom:34px;padding:15px 16px;gap:10px}.pod-card strong{font-size:12px}.pod-card p{font-size:9px}.sun-disc{width:230px;height:230px}.workflow-strip ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 24px;width:100%;text-align:center;font-size:11px}.workflow-strip li:not(:last-child):after{display:none}.feature-grid{grid-template-columns:1fr;gap:32px}.feature-grid article{border-bottom:1px solid #375168;padding-bottom:28px}.feature-grid article:last-child{border:0;padding:0}.feature-grid h3{display:inline-block;margin:0 0 0 15px}.feature-grid p{margin-top:15px}.section-heading h2,.setup h2{font-size:34px}.cta{padding:28px}.cta h2{font-size:28px}.site-footer{grid-template-columns:1fr}.site-footer>div:nth-child(2){align-items:flex-start;gap:15px}.site-footer .logo{width:200px}.info-page h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
