:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10201b;background:#f7f9f8}*{box-sizing:border-box}body{margin:0}header{height:70px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e0e6e3}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#10201b;font-size:12px;letter-spacing:.11em}.brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#153f34;color:#fff;font-weight:900;letter-spacing:-.04em}.demo-link{font-size:12px;font-weight:800;text-decoration:none;color:#153f34}.hero{max-width:1180px;margin:auto;min-height:590px;padding:70px 22px 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:900;color:#54766b;margin-bottom:16px}.hero h1{font-size:clamp(49px,5.5vw,75px);line-height:.96;letter-spacing:-.06em;margin:0}.hero h1 em{font-style:normal;color:#26715d}.lead{max-width:570px;font-size:19px;line-height:1.6;color:#52625d;margin:26px 0}.primary{display:inline-flex;align-items:center;gap:24px;padding:14px 17px;background:#153f34;color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:850}.primary span{font-size:18px}.micro{font-size:10px;color:#71807b;margin:12px 2px}.hero-shot{height:455px;position:relative}.phone{position:absolute;left:5%;top:0;width:218px;height:455px;border:5px solid #101312;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 25px 55px #173d3225;z-index:2}.phone img{width:100%;display:block;transform:translateY(-4%)}.draw{position:absolute;width:70%;right:0;top:130px;background:#fff;border:1px solid #d9e0de;border-radius:11px;padding:8px;box-shadow:0 22px 50px #173d3220}.draw img{width:100%;display:block;border-radius:5px}.switcher{max-width:1180px;margin:0 auto 70px;padding:0 22px}.tabs{width:max-content;max-width:100%;display:flex;padding:4px;background:#e9eeec;border-radius:10px;margin-bottom:14px}.tab{border:0;background:transparent;padding:12px 20px;border-radius:7px;font:inherit;font-size:11px;font-weight:850;color:#64736e;cursor:pointer}.tab.active{background:#fff;color:#153f34;box-shadow:0 1px 5px #193c3220}.panel[hidden]{display:none!important}.panel{background:#fff;border:1px solid #dfe5e3;border-radius:14px;padding:clamp(30px,5vw,58px);min-height:390px}.copy{max-width:750px}.copy h2,.try h2{font-size:clamp(34px,4.1vw,54px);line-height:1.04;letter-spacing:-.045em;margin:0}.copy p,.try p{font-size:16px;line-height:1.65;color:#5b6a65;max-width:700px}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:35px}.flow>div{border-top:2px solid #26715d;padding:18px 2px}.flow small{display:block;color:#739087;font-weight:900;font-size:9px;margin-bottom:9px}.flow b,.flow span{display:block}.flow b{font-size:16px}.flow span{font-size:11px;color:#6d7c77;margin-top:5px}.flow i{font-style:normal;color:#729087}.statement{margin-top:30px;padding:18px 20px;border-radius:9px;background:#153f34;color:#fff;display:flex;gap:10px;justify-content:space-between;align-items:center}.statement b{font-size:15px}.statement span{font-size:11px;color:#bed0ca;text-align:right}.people{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe5e3;border:1px solid #dfe5e3;border-radius:10px;overflow:hidden;margin-top:32px}.people div{background:#f8faf9;padding:23px}.people b,.people span{display:block}.people b{font-size:16px}.people span{font-size:12px;line-height:1.55;color:#687771;margin-top:7px}.company-box{display:flex;align-items:center;justify-content:space-between;gap:35px;background:#153f34;color:#fff;border-radius:11px;padding:28px;margin-top:32px}.company-box small{display:block;color:#9ebbb2;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:10px}.company-box b{font-size:22px}.tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tags span{padding:9px 10px;border-radius:6px;background:#28574b;font-size:9px;font-weight:800}.try{background:#dcebe6;padding:65px max(22px,calc((100vw - 1136px)/2));display:flex;align-items:end;justify-content:space-between;gap:50px}.try>div{max-width:750px}.try .primary{white-space:nowrap}.legal{max-width:1140px;margin:18px auto 55px;padding:0 22px;text-align:center;color:#7b8984;font-size:9px;line-height:1.5}footer{height:90px;max-width:1180px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}footer>span{font-size:8px;letter-spacing:.16em;font-weight:900;color:#75837e}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-shot{height:455px;max-width:600px;width:100%}.try{align-items:flex-start;flex-direction:column}.statement{align-items:flex-start;flex-direction:column}.statement span{text-align:left}}@media(max-width:560px){header{padding:0 18px}.hero{padding:45px 18px 40px;gap:25px}.hero h1{font-size:45px}.lead{font-size:16px}.hero-shot{height:400px}.phone{width:178px;height:375px;left:0}.draw{width:72%;top:185px;right:-4px}.switcher{padding:0 12px;margin-bottom:45px}.tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.tab{padding:12px 5px;font-size:9px}.panel{padding:28px 18px;min-height:0}.copy h2{font-size:34px}.flow{grid-template-columns:1fr;margin-top:25px}.flow i{display:none}.flow>div{padding:13px 2px}.people{grid-template-columns:1fr}.company-box{align-items:flex-start;flex-direction:column}.tags{justify-content:flex-start}.try{padding:50px 20px}.try h2{font-size:37px}footer{padding:25px 18px;height:auto}.demo-link{font-size:10px}}

/* JS-free tabs: reliable in every browser/webview */
.tabs .tab{text-decoration:none;text-align:center}
.panel{display:none}
.panel#problem{display:block}
.panel:target{display:block}
.switcher:has(#people:target) #problem,.switcher:has(#company:target) #problem{display:none}
.tabs .tab{background:transparent;color:#64736e;box-shadow:none}
.tabs .tab[href="#problem"]{background:#fff;color:#153f34;box-shadow:0 1px 5px #193c3220}
.switcher:has(#people:target) .tab[href="#problem"],.switcher:has(#company:target) .tab[href="#problem"]{background:transparent;color:#64736e;box-shadow:none}
.switcher:has(#problem:target) .tab[href="#problem"],.switcher:has(#people:target) .tab[href="#people"],.switcher:has(#company:target) .tab[href="#company"]{background:#fff;color:#153f34;box-shadow:0 1px 5px #193c3220}

/* active state when tabs are switched without changing the URL fragment */
.tabs .tab.active{background:#fff!important;color:#153f34!important;box-shadow:0 1px 5px #193c3220!important}

/* button tabs: no fragment navigation, no browser anchor scrolling */
.tabs button.tab{appearance:none;-webkit-appearance:none}

/* stable tab stage: switching panels never changes document height or scroll */
.switcher{position:relative}
.panel{display:block!important;position:absolute!important;left:-100000px!important;top:0!important;width:100%!important;visibility:hidden!important;pointer-events:none!important}
.panel.active{position:relative!important;left:auto!important;top:auto!important;visibility:visible!important;pointer-events:auto!important}
.panel[hidden]{display:block!important}
.tabs button.tab.active{background:#fff!important;color:#153f34!important;box-shadow:0 1px 5px #193c3220!important}
@media(min-width:801px){.panel{min-height:430px!important}.panel.active{min-height:430px!important}}

/* simplified story — tabs removed */
.simple-story{max-width:1136px;margin:0 auto 70px;padding:0 22px}
.story-block{background:#fff;border:1px solid #dfe5e3;border-radius:14px;padding:clamp(30px,5vw,58px)}
.story-block h2,.story-split h2{font-size:clamp(34px,4.1vw,54px);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:780px}
.story-block>p,.story-split p{font-size:16px;line-height:1.65;color:#5b6a65;max-width:700px}
.story-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dfe5e3;border:1px solid #dfe5e3;border-radius:14px;overflow:hidden;margin-top:14px}
.story-split>div{background:#fff;padding:clamp(30px,4vw,48px)}
.story-split h2{font-size:clamp(30px,3.2vw,44px)}
@media(max-width:650px){.simple-story{padding:0 12px;margin-bottom:45px}.story-block{padding:28px 18px}.story-split{grid-template-columns:1fr}.story-split>div{padding:28px 18px}.story-block h2{font-size:34px}.story-split h2{font-size:31px}}

/* pricing */
.home-pricing,.pricing-cta{max-width:1092px;margin:0 auto 70px;background:#153f34;color:#fff;border-radius:16px;padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.home-pricing h2{font-size:30px;margin:8px 0 12px}.home-pricing h2 span{font-size:clamp(52px,7vw,78px);letter-spacing:-.06em}.home-pricing p{color:#d9e6e1;line-height:1.6}.home-price-offer{background:#fff;color:#153f34;border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:10px}.home-price-offer b{font-size:21px}.home-price-offer span{color:#5b6a65;line-height:1.5}.home-price-offer a{font-weight:800;color:#153f34;margin-top:7px}
.pricing-hero,.pricing-section{max-width:1092px;margin:0 auto;padding:70px 22px}.pricing-hero h1{font-size:clamp(52px,8vw,92px);line-height:.92;letter-spacing:-.065em;margin:12px 0 24px}.pricing-lead{font-size:20px;line-height:1.55;max-width:700px;color:#5b6a65}.price-card{margin-top:38px;border:1px solid #dfe5e3;border-radius:16px;padding:32px;background:#fff}.price{font-size:72px;font-weight:900;letter-spacing:-.06em}.period{font-size:20px}.price-card>strong{display:block;font-size:20px}.price-card p{color:#5b6a65}.launch-card{margin-top:14px;background:#153f34;color:#fff;border-radius:16px;padding:32px}.launch-card span,.support-card small{font-size:12px;font-weight:900;letter-spacing:.12em}.launch-card h2{font-size:40px;margin:8px 0}.launch-card p{color:#d9e6e1;max-width:720px;line-height:1.6}
.pricing-section{padding-top:20px}.pricing-section>h2,.upkeep h2,.fair h2{font-size:clamp(38px,5vw,58px);letter-spacing:-.045em;line-height:1;margin:10px 0}.pricing-section>p,.upkeep p,.fair p{color:#5b6a65;line-height:1.65;max-width:760px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.pricing-grid>div{border:1px solid #dfe5e3;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:5px;background:#fff}.pricing-grid b{font-size:26px}.pricing-grid span{color:#687771}.pricing-grid strong{margin-top:18px;font-size:20px}.definition{background:#f1f4f2;border-radius:12px;padding:24px}.definition p{margin-bottom:0;color:#5b6a65;line-height:1.6}.upkeep{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.support-card{background:#153f34;color:#fff;border-radius:16px;padding:32px}.support-card strong{display:block;font-size:64px;letter-spacing:-.05em;margin-top:8px}.support-card b{display:block;font-size:18px;line-height:1.35}.support-card p{color:#d9e6e1}.smallprint{font-size:13px!important;border-top:1px solid #dfe5e3;padding-top:20px;margin-top:25px}.pricing-cta{margin-top:40px}.pricing-cta h2{font-size:38px;margin:8px 0}.pricing-cta .cta{justify-self:end}
footer{max-width:1092px;margin:0 auto;padding:25px 22px 45px;color:#77837f;font-size:12px;line-height:1.5}
@media(max-width:700px){.home-pricing,.pricing-cta,.upkeep{grid-template-columns:1fr;gap:20px;margin-left:12px;margin-right:12px}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-hero{padding-top:45px}.pricing-hero h1{font-size:54px}.pricing-cta .cta{justify-self:start}}
@media(max-width:430px){.pricing-grid{grid-template-columns:1fr}.price{font-size:62px}}

/* CSL hook identity */
.brand-logo{display:flex!important;align-items:center!important;padding:0!important}
.brand-logo img{display:block;width:164px;height:auto;max-height:52px;object-fit:contain}
@media(max-width:520px){.brand-logo img{width:135px}}

/* CSL identity integrated into splash hero */
.hero-brand{margin:0 0 22px}
.hero-brand img{display:block;width:min(330px,72vw);height:auto}
@media(max-width:600px){.hero-brand{margin-bottom:16px}.hero-brand img{width:min(270px,74vw)}}

/* industry-led story */
.why-csl,.use-cases,.role-section{margin-top:14px;background:#fff;border:1px solid #dfe5e3;border-radius:14px;padding:clamp(30px,5vw,58px)}
.why-csl h2,.use-cases h2,.role-section h2{font-size:clamp(34px,4.1vw,54px);line-height:1.04;letter-spacing:-.045em;margin:0;max-width:850px}.why-csl h2 em{font-style:normal;color:#26715d}.why-copy{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:28px}.why-copy p,.role-section p{font-size:16px;line-height:1.68;color:#5b6a65;margin:0}.chart-reality{margin-top:30px;border-top:1px solid #dfe5e3;padding-top:24px;display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}.chart-reality strong{font-size:20px;line-height:1.3}.chart-reality span{font-size:14px;line-height:1.65;color:#5b6a65}.case-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:34px;border-top:1px solid #dfe5e3;border-left:1px solid #dfe5e3}.case-grid article{padding:28px;border-right:1px solid #dfe5e3;border-bottom:1px solid #dfe5e3}.case-grid article>span{font-size:9px;font-weight:900;color:#6d8a81}.case-grid h3{font-size:20px;margin:10px 0 8px}.case-grid p{font-size:14px;line-height:1.6;color:#5b6a65;margin:0}.role-section{background:#153f34;color:#fff}.role-section .eyebrow{color:#9ebbb2}.role-section p{color:#d9e6e1;max-width:850px;margin-top:24px}.role-section>strong{display:block;border-top:1px solid #ffffff2b;margin-top:28px;padding-top:22px;font-size:18px}.company-only{margin-top:14px}.company-principle{background:#f7f9f8!important}
@media(max-width:650px){.why-csl,.use-cases,.role-section{padding:28px 18px}.why-csl h2,.use-cases h2,.role-section h2{font-size:34px}.why-copy,.chart-reality,.case-grid{grid-template-columns:1fr}.why-copy{gap:14px}.chart-reality{gap:12px}.case-grid{margin-top:25px}.case-grid article{padding:22px 18px}}

/* Marketing layout and visual system */
.home-page{--ink:#171b1d;--steel:#596166;--line:#d9dddf;--paper:#f5f5f2;--yellow:#f2b705;background:var(--paper);color:var(--ink)}
.home-page header{height:78px;background:#fff;border-bottom:1px solid #cfd3d4;padding:0 max(24px,calc((100vw - 1200px)/2));position:relative}
.home-page header:after{content:"";position:absolute;bottom:-1px;left:max(24px,calc((100vw - 1200px)/2));width:72px;height:3px;background:var(--yellow)}
.home-page .brand-logo img{width:178px;max-height:58px}.home-page .demo-link{color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.home-page .demo-link b{color:#a87800}
.home-page .hero{max-width:1200px;min-height:650px;padding:82px 24px 74px;gap:72px;position:relative}.home-page .hero:before{content:"CSL / FLEET INFORMATION";position:absolute;right:24px;top:22px;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#8a9194}
.home-page .hero-brand{display:none}.home-page .eyebrow{font:800 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#777f82;margin-bottom:18px}.home-page .eyebrow:before{content:"";display:inline-block;width:22px;height:2px;background:var(--yellow);vertical-align:middle;margin:0 9px 2px 0}
.home-page .hero h1{font-size:clamp(52px,6vw,82px);line-height:.92;letter-spacing:-.055em;max-width:680px}.home-page .hero h1 em{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:5px;text-underline-offset:7px}.home-page .lead{color:#4f575a;font-size:18px;line-height:1.58;max-width:600px}.home-page .primary{background:var(--ink);border-radius:3px;padding:16px 19px;text-transform:uppercase;letter-spacing:.055em;font-size:11px}.home-page .primary span{color:var(--yellow)}.home-page .micro{font:700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:#7a8184}
.home-page .hero-shot{height:480px}.home-page .phone{border-radius:24px;border-width:4px;box-shadow:12px 18px 0 #e1e3df,0 28px 60px #1d22231c}.home-page .draw{border-radius:2px;border-color:#c8cdcf;box-shadow:12px 14px 0 #e1e3df,0 24px 45px #1d222318;padding:6px}
.home-page .simple-story{max-width:1200px;padding:0 24px;margin-bottom:78px}.home-page .story-block,.home-page .why-csl,.home-page .use-cases,.home-page .role-section{border-radius:2px;border-color:var(--line);box-shadow:none}.home-page .story-block{padding:clamp(34px,5vw,64px);border-top:4px solid var(--ink)}
.home-page .story-block h2,.home-page .why-csl h2,.home-page .use-cases h2,.home-page .role-section h2{letter-spacing:-.04em}.home-page .flow{gap:0;margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.home-page .flow>div{border:0;padding:22px 18px 22px 0}.home-page .flow>div+*+div{padding-left:18px}.home-page .flow i{padding:0 18px;color:#a87800}.home-page .flow small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6a08}.home-page .flow b{font-size:15px}.home-page .flow span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.home-page .why-csl{background:#eceeea;border:0;padding:clamp(42px,6vw,72px);position:relative;overflow:hidden}.home-page .why-csl:after{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border:1px solid #d0d4d0;border-radius:50%;box-shadow:0 0 0 38px #eceeea,0 0 0 39px #d0d4d0,0 0 0 76px #eceeea,0 0 0 77px #d0d4d0;opacity:.7}.home-page .why-csl>*{position:relative;z-index:1}.home-page .why-csl h2 em{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:4px;text-underline-offset:7px}.home-page .why-copy{max-width:980px}.home-page .chart-reality{border-top-color:#cdd1cd;max-width:980px}
.home-page .use-cases{padding:clamp(42px,5vw,64px);border-top:4px solid var(--yellow)}.home-page .case-grid{border-color:#cfd3d4}.home-page .case-grid article{border-color:#cfd3d4;background:#fff}.home-page .case-grid article>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6a08}.home-page .case-grid h3{letter-spacing:-.02em}
.home-page .role-section{background:var(--ink);border:0;padding:clamp(42px,6vw,70px);position:relative}.home-page .role-section:before{content:"INDICATIVE / SUPPORT TOOL";position:absolute;right:28px;top:26px;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#777f82}.home-page .role-section .eyebrow{color:#aeb5b7}.home-page .role-section p{color:#c7ccce}.home-page .role-section>strong{color:#fff;border-top-color:#3b4144}.home-page .role-section>strong:before{content:"→ ";color:var(--yellow)}
.home-page .story-split{border-radius:2px;border-color:var(--line);background:var(--line)}.home-page .story-split>div{background:#fff}.home-page .company-principle{background:#f0f1ee!important}
.home-page .home-pricing{max-width:1152px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:clamp(38px,5vw,60px);position:relative}.home-page .home-pricing:before{content:"SUBSCRIPTION";position:absolute;top:18px;right:20px;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#8a9194}.home-page .home-pricing h2 span{color:var(--ink)}.home-page .home-pricing p{color:#5b6265}.home-page .home-price-offer{border-radius:2px;background:#f0f1ee;border-left:4px solid var(--yellow)}.home-page .home-price-offer a{color:var(--ink)}
.home-page .try{background:var(--ink);color:#fff;padding:72px max(24px,calc((100vw - 1152px)/2));border-top:4px solid var(--yellow)}.home-page .try .eyebrow{color:#aeb5b7}.home-page .try p{color:#c7ccce}.home-page .try .primary{background:#fff;color:var(--ink)}.home-page .legal{color:#737a7d}.home-page footer{max-width:1200px;border-top:1px solid var(--line);height:104px;padding:0 24px}.home-page footer .brand-logo img{width:142px;max-height:48px}
@media(max-width:800px){.home-page .hero{padding-top:62px;gap:36px}.home-page .hero:before{display:none}.home-page .why-copy{grid-template-columns:1fr}.home-page .chart-reality{grid-template-columns:1fr;gap:12px}.home-page .role-section:before{display:none}}
@media(max-width:560px){.home-page header{height:68px}.home-page .brand-logo img{width:142px;max-height:48px}.home-page .hero{padding:52px 18px 46px}.home-page .hero h1{font-size:47px}.home-page .hero h1 em{text-decoration-thickness:3px}.home-page .hero-shot{height:405px}.home-page .flow{display:grid;grid-template-columns:1fr}.home-page .flow>div,.home-page .flow>div+*+div{padding:16px 0;border-bottom:1px solid var(--line)}.home-page .flow>div:last-child{border-bottom:0}.home-page .flow i{display:none}.home-page .simple-story{padding:0 12px}.home-page .why-csl,.home-page .use-cases,.home-page .role-section,.home-page .story-block{padding:30px 20px}.home-page .case-grid{grid-template-columns:1fr}.home-page .home-pricing{margin-left:12px;margin-right:12px}.home-page .try{padding:54px 20px}.home-page footer{height:88px}}

/* short homepage + site navigation */
.header-actions{display:flex;align-items:center;gap:16px}.site-menu{position:relative}.site-menu summary{list-style:none;width:42px;height:42px;border:1px solid #cfd3d4;background:#fff;display:grid;place-content:center;gap:4px;cursor:pointer}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary span{display:block;width:17px;height:2px;background:#171b1d}.site-menu nav{position:absolute;right:0;top:50px;width:220px;background:#171b1d;padding:10px;z-index:100;box-shadow:0 18px 40px #0003}.site-menu nav a{display:block;color:#fff;text-decoration:none;padding:12px 13px;border-bottom:1px solid #ffffff1a;font-size:13px;font-weight:750}.site-menu nav a:last-child{border:0;color:#f2b705}.home-core{max-width:1152px;margin:0 auto 14px}.question-strip,.audience-strip{background:#fff;border:1px solid #d9dddf;padding:clamp(30px,5vw,58px)}.question-strip{border-top:4px solid #171b1d}.question-strip h2,.audience-strip h2{font-size:clamp(31px,4vw,50px);line-height:1.04;letter-spacing:-.04em;margin:0}.question-strip p,.audience-strip p{color:#596166;line-height:1.6}.mini-flow{margin-top:30px;border-top:1px solid #d9dddf;padding-top:22px;display:flex;align-items:center;gap:18px;font-weight:800}.mini-flow b{font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6a08;margin-right:5px}.mini-flow i{font-style:normal;color:#a87800}.audience-strip{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}.audience-strip>a,.home-reassure>a{font-weight:850;color:#171b1d;text-decoration-color:#f2b705;text-underline-offset:4px}.home-reassure{margin-top:14px;background:#171b1d;color:#fff;padding:26px 30px;display:grid;grid-template-columns:.8fr 1.5fr auto;gap:28px;align-items:center}.home-reassure span{color:#c7ccce;font-size:13px;line-height:1.55}.home-reassure>a{color:#fff;white-space:nowrap}
.info-page{background:#f5f5f2;color:#171b1d}.info-page .top{height:78px;max-width:none;padding:0 max(24px,calc((100vw - 1152px)/2));background:#fff;border-bottom:1px solid #cfd3d4}.info-page .brand-logo img{width:178px;max-height:58px}.info-main{max-width:1152px;margin:0 auto;padding:72px 24px 90px}.info-hero>h1{font-size:clamp(48px,6vw,76px);line-height:.95;letter-spacing:-.055em;max-width:900px;margin:0 0 28px}.info-lead{font-size:19px;line-height:1.65;color:#596166;max-width:800px;margin-bottom:55px}.info-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d9dddf;background:#fff}.info-grid article{padding:36px}.info-grid article+article{border-left:1px solid #d9dddf}.info-grid h2,.persona-list h2,.steps-list h2,.info-callout h2{font-size:26px;letter-spacing:-.03em}.info-grid p,.persona-list p,.steps-list p,.info-callout p{color:#596166;line-height:1.65}.info-page blockquote{margin:14px 0;padding:42px;background:#171b1d;color:#fff;font-size:clamp(25px,3vw,38px);font-weight:850;letter-spacing:-.03em;border-left:5px solid #f2b705}.persona-list,.steps-list{border-top:1px solid #cfd3d4}.persona-list article,.steps-list article{display:grid;grid-template-columns:60px .8fr 1.4fr;gap:28px;padding:30px 0;border-bottom:1px solid #cfd3d4;align-items:start}.persona-list article>b,.steps-list article>b{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6a08}.persona-list h2,.steps-list h2{margin:0}.persona-list p,.steps-list p{margin:0}.info-callout{margin-top:14px;padding:38px;background:#fff;border:1px solid #d9dddf}.info-callout .primary{display:inline-block;margin-top:15px;background:#171b1d;color:#fff;text-decoration:none;padding:15px 18px}.info-page footer{max-width:1152px;margin:auto;border-top:1px solid #d9dddf;height:100px;padding:0 24px}.info-page footer .brand-logo img{width:142px}
@media(max-width:700px){.header-actions{gap:9px}.demo-link,.toplink{display:none}.home-core{margin-left:12px;margin-right:12px}.audience-strip{grid-template-columns:1fr;gap:12px}.home-reassure{grid-template-columns:1fr;gap:12px}.mini-flow{gap:10px;font-size:12px}.info-main{padding:48px 18px 70px}.info-grid{grid-template-columns:1fr}.info-grid article+article{border-left:0;border-top:1px solid #d9dddf}.persona-list article,.steps-list article{grid-template-columns:38px 1fr;gap:12px}.persona-list article p,.steps-list article p{grid-column:2}.info-page .top{height:68px;padding:0 18px}.info-page .brand-logo img{width:142px}}

/* interactive role selector */
.who-interactive .info-lead{margin-bottom:38px}.role-picker{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfd3d4;background:#fff}.role-picker button{appearance:none;border:0;border-right:1px solid #cfd3d4;background:#fff;color:#596166;min-height:72px;padding:14px 18px;text-align:left;font:800 14px/1.2 inherit;cursor:pointer;position:relative}.role-picker button:last-child{border-right:0}.role-picker button small{display:block;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa0a3;margin-bottom:7px}.role-picker button.active{background:#171b1d;color:#fff}.role-picker button.active:before{content:"";position:absolute;left:0;right:0;top:-1px;height:4px;background:#f2b705}.role-picker button.active small{color:#f2b705}.role-picker button:focus-visible{outline:3px solid #f2b705;outline-offset:-4px}.role-display{min-height:225px;background:#fff;border:1px solid #cfd3d4;border-top:0;padding:clamp(28px,5vw,50px);display:grid;grid-template-columns:.55fr 1fr;column-gap:45px;align-items:start}.role-kicker{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#8a6a08}.role-display h2{font-size:clamp(27px,3.4vw,42px);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px}.role-display p{grid-column:2;color:#596166;line-height:1.65;margin:0;max-width:650px}.role-display strong{color:#171b1d}
@media(max-width:700px){.role-picker{grid-template-columns:1fr 1fr}.role-picker button{border-bottom:1px solid #cfd3d4}.role-picker button:nth-child(2){border-right:0}.role-picker button:nth-child(3),.role-picker button:nth-child(4){border-bottom:0}.role-display{grid-template-columns:1fr;min-height:270px;gap:12px}.role-display p{grid-column:1}.who-interactive h1 br{display:none}}

/* interactive role selector */
.role-picker{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfd3d4;background:#fff;margin-top:12px}.role-picker button{appearance:none;border:0;border-right:1px solid #cfd3d4;background:#fff;color:#596166;padding:20px 18px;text-align:left;font:800 14px/1.2 inherit;cursor:pointer;min-height:68px;position:relative}.role-picker button:last-child{border-right:0}.role-picker button small{display:block;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#92999c;margin-bottom:7px}.role-picker button.active{background:#171b1d;color:#fff}.role-picker button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#f2b705}.role-picker button.active small{color:#f2b705}.role-picker button:focus-visible{outline:3px solid #f2b705;outline-offset:-3px}.role-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;background:#fff;border:1px solid #cfd3d4;border-top:0;padding:clamp(32px,5vw,58px);min-height:220px;transition:opacity .14s ease}.role-panel.changing{opacity:.25}.role-number{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6a08}.role-panel h2{font-size:clamp(28px,3.2vw,42px);line-height:1.03;letter-spacing:-.04em;margin:12px 0 0}.role-panel p{font-size:17px;line-height:1.7;color:#596166;margin:20px 0 0}.role-panel strong{color:#171b1d}.role-foot{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #cfd3d4}.role-foot a{color:#171b1d;font-weight:850;text-decoration-color:#f2b705;text-underline-offset:4px}@media(max-width:700px){.role-picker{grid-template-columns:1fr 1fr}.role-picker button:nth-child(2){border-right:0}.role-picker button:nth-child(-n+2){border-bottom:1px solid #cfd3d4}.role-panel{grid-template-columns:1fr;gap:8px;min-height:300px;padding:30px 24px}.role-panel p{font-size:16px;margin-top:8px}.role-foot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.role-panel{transition:none}}

/* reliable CSS-only role tabs */
.role-tabs>input{position:absolute;opacity:0;pointer-events:none}.role-tabs .role-picker label{border-right:1px solid #cfd3d4;background:#fff;color:#596166;padding:20px 18px;text-align:left;font-weight:800;font-size:14px;cursor:pointer;min-height:68px;position:relative}.role-tabs .role-picker label:last-child{border-right:0}.role-tabs .role-picker label small{display:block;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#92999c;margin-bottom:7px}.role-panels .role-panel{display:none;border-top:0}.role-tabs #role-customer:checked~.role-picker label[for="role-customer"],.role-tabs #role-hire:checked~.role-picker label[for="role-hire"],.role-tabs #role-team:checked~.role-picker label[for="role-team"],.role-tabs #role-operator:checked~.role-picker label[for="role-operator"]{background:#171b1d;color:#fff}.role-tabs #role-customer:checked~.role-picker label[for="role-customer"]:after,.role-tabs #role-hire:checked~.role-picker label[for="role-hire"]:after,.role-tabs #role-team:checked~.role-picker label[for="role-team"]:after,.role-tabs #role-operator:checked~.role-picker label[for="role-operator"]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#f2b705}.role-tabs #role-customer:checked~.role-panels .customer-panel,.role-tabs #role-hire:checked~.role-panels .hire-panel,.role-tabs #role-team:checked~.role-panels .team-panel,.role-tabs #role-operator:checked~.role-panels .operator-panel{display:grid}.role-tabs #role-customer:focus-visible~.role-picker label[for="role-customer"],.role-tabs #role-hire:focus-visible~.role-picker label[for="role-hire"],.role-tabs #role-team:focus-visible~.role-picker label[for="role-team"],.role-tabs #role-operator:focus-visible~.role-picker label[for="role-operator"]{outline:3px solid #f2b705;outline-offset:-3px}
.founder-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #d9dddf}.founder-grid article{padding:36px}.founder-grid article+article{border-left:1px solid #d9dddf}.founder-grid span{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a6a08}.founder-grid h2,.founder-copy h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;line-height:1.08}.founder-grid p,.founder-copy p{color:#596166;line-height:1.65}.founder-grid strong{color:#171b1d}.founder-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:48px 0;align-items:start}.founder-copy h2{margin:12px 0 0}.founder-copy p{font-size:17px;margin:0}.founder-end strong{display:block;margin-top:18px;font-size:18px;border-left:4px solid #f2b705;padding-left:15px}@media(max-width:700px){.role-tabs .role-picker label:nth-child(2){border-right:0}.role-tabs .role-picker label:nth-child(-n+2){border-bottom:1px solid #cfd3d4}.founder-grid,.founder-copy{grid-template-columns:1fr}.founder-grid article+article{border-left:0;border-top:1px solid #d9dddf}.founder-copy{gap:20px;padding:38px 0}}
.founder-intro{font-size:clamp(20px,2.4vw,29px);line-height:1.45;letter-spacing:-.02em;max-width:850px;margin:0 0 18px;padding-left:18px;border-left:4px solid #f2b705}.founder-intro strong{font-weight:900}

/* Why CSL — founder page */

.why-clean-main{max-width:1040px;margin:0 auto;padding:62px 28px 70px}.why-clean-hero{max-width:900px;padding-bottom:42px}.why-clean-hero h1{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.045em;margin:13px 0 18px}.why-clean-lead{font-size:clamp(19px,2.1vw,24px);line-height:1.45;color:#596166;max-width:790px;margin:0}.connor-line{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-top:30px;padding-top:22px;border-top:1px solid #cfd3d4}.connor-line strong{font-size:18px}.connor-line span{font-size:13px;color:#687075}.why-clean-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:42px 0;border-top:1px solid #cfd3d4}.story-question span,.why-clean-principle span{display:block;font:850 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;color:#806309;margin-bottom:12px}.story-question strong{display:block;font-size:clamp(27px,3.3vw,39px);line-height:1.08;letter-spacing:-.035em}.story-copy p{font-size:16px;line-height:1.65;color:#596166;margin:0 0 15px}.story-copy strong{color:#171b1d}.why-clean-principle{background:#171b1d;border-left:6px solid #f2b705;padding:27px 30px;margin:4px 0 42px}.why-clean-principle span{color:#f2b705;margin-bottom:8px}.why-clean-principle strong{color:#fff;font-size:clamp(23px,3vw,34px);line-height:1.15;letter-spacing:-.025em}.why-clean-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-bottom:42px}.why-clean-bottom h2{font-size:25px;line-height:1.1;letter-spacing:-.03em;margin:0 0 11px}.why-clean-bottom p{font-size:15px;line-height:1.65;color:#596166;margin:0}.ap-line{display:block;font-size:14px;line-height:1.4;margin-top:15px;padding-left:12px;border-left:3px solid #f2b705}.why-clean-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #cfd3d4;padding-top:28px}.why-clean-cta strong{display:block;font-size:22px}.why-clean-cta span{display:block;color:#687075;margin-top:3px}.why-clean-cta a{background:#171b1d;color:#fff;text-decoration:none;font-weight:850;padding:14px 18px;border-bottom:4px solid #f2b705;white-space:nowrap}@media(max-width:700px){.why-clean-main{padding:44px 20px 55px}.why-clean-hero{padding-bottom:32px}.connor-line{display:block}.connor-line span{display:block;line-height:1.55;margin-top:5px}.why-clean-story,.why-clean-bottom{grid-template-columns:1fr;gap:28px}.why-clean-story{padding:34px 0}.why-clean-principle{margin-bottom:34px;padding:24px 22px}.why-clean-bottom{gap:30px}.why-clean-cta{align-items:flex-start;flex-direction:column}.why-clean-cta a{width:100%;box-sizing:border-box;text-align:center}}
.experience-line{margin-top:30px;padding-top:20px;border-top:1px solid #cfd3d4}.experience-line span{display:block;font:850 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#806309;margin-bottom:8px}.experience-line strong{display:block;font-size:15px;line-height:1.5;letter-spacing:.005em}
/* Multi-supplier project role */
#role-project:not(:checked) ~ .role-panels .project-panel { display:none; }
#role-project:checked ~ .role-panels .role-panel:not(.project-panel) { display:none; }
#role-project:checked ~ .role-picker label[for="role-project"] { font-weight:800; }

/* Product proof and project-mode sections */
.proof-band{max-width:1152px;margin:-26px auto 58px;background:#171b1d;color:#fff;display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;box-shadow:0 18px 45px #1014151a;position:relative;z-index:3}.proof-band>div{padding:25px 24px;border-right:1px solid #ffffff20}.proof-band>div:last-child{border:0}.proof-band b,.proof-band span{display:block;font:850 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#f2b705}.proof-band b{color:#777f82;margin-bottom:12px}.proof-band strong{display:block;margin-top:6px;font-size:15px}.proof-band .proof-answer{background:#f2b705;color:#171b1d}.proof-band .proof-answer span{color:#5e4a00}.proof-band .proof-answer strong{font-size:18px;line-height:1.2}
.project-feature{margin-top:14px;display:grid;grid-template-columns:1.1fr .9fr;background:#e9ece8;border:1px solid #d0d6d3;overflow:hidden}.project-copy{padding:clamp(34px,5vw,60px)}.project-copy h2{font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.045em;margin:10px 0 18px}.project-copy p{max-width:580px;color:#596166;line-height:1.65}.project-copy a{display:inline-block;margin-top:10px;color:#171b1d;font-weight:850;text-underline-offset:4px;text-decoration-color:#f2b705}.supplier-stack{background:#153f34;color:#fff;padding:clamp(30px,4vw,48px);display:flex;flex-direction:column;justify-content:center}.supplier-stack>span{font:850 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#9ab2aa}.supplier-stack>strong{font-size:24px;margin:8px 0 22px}.supplier-stack>div{background:#fff;color:#171b1d;padding:16px 18px;margin-top:8px;border-left:4px solid #f2b705}.supplier-stack b,.supplier-stack small{display:block}.supplier-stack small{color:#687075;margin-top:4px}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;margin:40px 0 14px;border:1px solid #d9dddf;background:#fff}.mode-grid article{padding:36px}.mode-grid article+article{border-left:1px solid #d9dddf}.mode-grid span,.project-price-note span{font:850 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#806309}.mode-grid h2{font-size:27px;line-height:1.08;letter-spacing:-.03em}.mode-grid p{color:#596166;line-height:1.65}
.project-price-note{max-width:1048px;margin:0 auto 10px;padding:34px 44px;background:#171b1d;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.project-price-note h2{font-size:30px;line-height:1.05;margin:8px 0 0}.project-price-note p{color:#c7ccce;line-height:1.65;margin:0}
.role-picker{display:grid!important;grid-template-columns:repeat(5,1fr)!important}
.role-tabs #role-project:checked~.role-picker label[for="role-project"]{background:#171b1d;color:#fff}.role-tabs #role-project:checked~.role-picker label[for="role-project"]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#f2b705}.role-tabs #role-project:checked~.role-panels .project-panel{display:grid}.role-tabs #role-project:focus-visible~.role-picker label[for="role-project"]{outline:3px solid #f2b705;outline-offset:-3px}
@media(max-width:700px){.proof-band{margin:-12px 12px 38px;grid-template-columns:1fr 1fr}.proof-band>div{border-bottom:1px solid #ffffff20}.proof-band .proof-answer{grid-column:1/-1}.project-feature,.mode-grid,.project-price-note{grid-template-columns:1fr}.project-copy{padding:34px 24px}.supplier-stack{padding:28px 24px}.mode-grid article+article{border-left:0;border-top:1px solid #d9dddf}.project-price-note{margin:0 12px 10px;padding:30px 24px;gap:15px}.role-picker{grid-template-columns:1fr 1fr!important}.role-tabs .role-picker label{border-bottom:1px solid #cfd3d4}.role-tabs .role-picker label:last-child{grid-column:1/-1}}
/* Five audience tabs: 3 + 2 desktop, compact stack on mobile */
.role-picker{display:grid!important;grid-template-columns:repeat(6,1fr)!important}.role-picker label{grid-column:span 2}.role-picker label:nth-child(4){grid-column:2/span 2}.role-picker label:nth-child(5){grid-column:4/span 2}.role-tabs #role-project:checked~.role-picker label[for="role-project"]{background:#171b1d;color:#fff}.role-tabs #role-project:checked~.role-picker label[for="role-project"]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#f2b705}.role-tabs #role-project:checked~.role-panels .project-panel{display:grid}.role-tabs #role-project:focus-visible~.role-picker label[for="role-project"]{outline:3px solid #f2b705;outline-offset:-3px}
@media(max-width:700px){.role-picker{grid-template-columns:1fr 1fr!important}.role-picker label{grid-column:auto!important}.role-picker label:nth-child(5){grid-column:1/-1!important}.role-tabs .role-picker label{border-bottom:1px solid #cfd3d4}}
/* Mobile audience tabs: keep five equal-width controls; no full-width orphan */
@media(max-width:700px){.role-picker{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:0}.role-picker label,.role-picker label:nth-child(5){grid-column:auto!important;flex:0 0 44%;min-width:132px;scroll-snap-align:start;box-sizing:border-box}.role-picker::-webkit-scrollbar{height:3px}}
/* Audience tab layout */
.role-picker{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}.role-picker label,.role-picker label:nth-child(4),.role-picker label:nth-child(5){grid-column:auto!important}
@media(max-width:700px){.role-picker{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;gap:0!important}.role-picker label,.role-picker label:nth-child(5){grid-column:auto!important;min-width:0!important;flex:none!important;padding:13px 5px!important;min-height:58px!important;font-size:10px!important;text-align:center!important;display:flex;align-items:center;justify-content:center;line-height:1.15}.role-picker label:nth-child(2){border-right:1px solid #cfd3d4!important}.role-picker label:nth-child(-n+2){border-bottom:0!important}}


/* Interaction and accessibility */
:root{--focus-ring:#f2b705}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.primary,.demo-link,.why-clean-cta a,.why-next a{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.primary:hover,.demo-link:hover,.why-clean-cta a:hover,.why-next a:hover{transform:translateY(-1px)}
.primary:active,.demo-link:active{transform:translateY(0)}
.site-menu summary{min-width:44px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.site-menu nav a{min-height:44px;display:flex;align-items:center}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.primary:hover,.demo-link:hover,.why-clean-cta a:hover,.why-next a:hover{transform:none}}

/* Legal and ownership */
.site-footer,.legal-footer{gap:24px}.footer-meta{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;text-align:right}.footer-meta>span{font-size:10px;color:#737a7d;letter-spacing:.01em}.footer-meta nav{display:flex;gap:16px}.footer-meta nav a{font-size:10px;font-weight:750;color:#4f595d;text-decoration:none}.footer-meta nav a:hover{text-decoration:underline}
.legal-main{max-width:900px;margin:0 auto;padding:72px 24px 90px}.legal-main h1{font-size:clamp(46px,6vw,72px);line-height:.95;letter-spacing:-.05em;margin:0 0 28px}.legal-intro{font-size:19px;line-height:1.65;color:#596166;max-width:800px;margin:0 0 48px}.legal-main section{padding:28px 0;border-top:1px solid #cfd3d4}.legal-main section:last-child{border-bottom:1px solid #cfd3d4}.legal-main h2{font-size:21px;letter-spacing:-.02em;margin:0 0 10px}.legal-main p{font-size:15px;line-height:1.7;color:#596166;margin:8px 0;max-width:820px}.legal-footer{max-width:900px!important;border-top:0!important}
@media(max-width:560px){.site-footer,.legal-footer{align-items:flex-start!important;flex-direction:column;height:auto!important;padding-top:24px!important;padding-bottom:28px!important}.footer-meta{align-items:flex-start;justify-content:flex-start;text-align:left;gap:10px}.legal-main{padding:50px 18px 65px}.legal-main h1{font-size:45px}.legal-intro{font-size:17px}}