body[data-public="true"]{background:radial-gradient(ellipse at 0 240px,#e1f5e9 0,transparent 46%),radial-gradient(ellipse at 100% 720px,#e5f6eb 0,transparent 44%),#fcfefd;background-size:100% 1800px;background-repeat:no-repeat;color:#18362b}
body[data-public="true"] #app-header{background:linear-gradient(110deg,#f1fbf5,#e2f5e9);border-color:#d0e7da}
#main{max-width:1320px;margin:auto;padding:0 28px}
.app-header-row,#app-nav ul{max-width:1320px;margin:auto;padding-inline:28px}
#app-nav{display:block}#app-nav ul{display:flex;flex-wrap:wrap;gap:12px}
.ls-hero{background:#e8f3ec;color:#163d2c;margin:24px 0 0;padding:48px;gap:40px;border-radius:16px;grid-template-columns:1.08fr 1fr;min-height:590px}
.ls-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-.025em;max-width:16ch;margin:18px 0 24px;text-wrap:balance}
.ls-hero .eyebrow,.ls-hero .lede,.ls-hero .muted{color:#254d3c;opacity:1}
.ls-hero .lede{font-size:19px;line-height:1.6;max-width:48ch}.ls-hero .muted{font-size:14px;line-height:1.65;margin-top:20px}
.ls-hero a.btn{color:white}.ls-hero a.btn-secondary{color:#175d3b;border:1px solid #94b8a3;background:white}
.ls-hero-art{min-width:0}.product-phones{display:flex;align-items:center;justify-content:center;gap:18px}
.ls-hero-art .product-phones img{width:calc(50% - 9px);max-width:225px;height:auto;max-height:490px;object-fit:contain;border:0;border-radius:12px;box-shadow:0 3px 8px #153c2926}
.product-phones img:nth-child(2){transform:translateY(24px)}.ls-hero-art figcaption{font-size:13px;text-align:center;margin-top:40px;color:#325a47;line-height:1.5}
.ls-section{padding:60px 24px;scroll-margin-top:90px}.ls-section:nth-of-type(even){background:transparent}.ls-section h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.02em;max-width:28ch;text-wrap:balance}
.ls-section p{max-width:70ch;line-height:1.65}.ls-section .eyebrow{display:none}.ls-grid-3 .panel{background:transparent;border:0;box-shadow:none;padding:8px 16px 8px 0}
.ls-split{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:64px;align-items:center}
.ls-split-media{justify-items:center;background:#e9f2ec;padding:28px;border-radius:16px}
.ls-split .ls-shot img{width:auto;max-width:100%;height:460px;object-fit:contain;border:0;box-shadow:none;border-radius:10px}
.ls-split.ls-reverse{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}
.ls-wide-art img{max-height:330px;width:100%;object-fit:contain;box-shadow:none;border:0}
#care .ls-shot img{height:280px;object-fit:contain;border:0;box-shadow:none;background:white}
#care .ls-shot figcaption{padding:12px 0;color:#325543;opacity:1}
#fuel-corrections{padding-top:12px}#fuel-corrections .panel{border:0;box-shadow:none;padding:0;background:transparent}
.ls-banner{border:0;background:#e6f0e9;border-radius:12px}.panel,.landing-demo{border-radius:12px;box-shadow:none}
.public-footer{max-width:1264px;margin:0 auto;padding:32px 24px 48px;border-top:1px solid #d5e3d9}.public-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.btn{transition:background-color .18s,transform .18s}.btn:hover{transform:translateY(-1px)}
@media(max-width:900px){.ls-hero{padding:32px;gap:32px;grid-template-columns:1fr}.ls-hero h1{max-width:22ch}.ls-hero-art{width:100%;max-width:460px;margin:auto}.ls-split,.ls-split.ls-reverse{gap:28px;grid-template-columns:minmax(200px,.75fr) 1fr}.ls-reverse .ls-split-media{order:2}.ls-split .ls-shot img{height:370px}}
@media(max-width:600px){#main{padding:0 16px}.app-header-row,#app-nav ul{padding-inline:16px}#app-nav ul{gap:0}#app-nav a{padding:8px;font-size:14px}.ls-hero{padding:26px 20px;min-height:0;margin-top:16px}.ls-hero h1{font-size:36px}.ls-hero .lede{font-size:17px}.ls-hero .cluster{align-items:stretch;flex-direction:column}.ls-hero .btn{text-align:center}.product-phones{gap:12px}.ls-hero-art .product-phones img{width:calc(50% - 6px);max-height:340px}.ls-section{padding:38px 4px}.ls-split,.ls-split.ls-reverse{display:flex;flex-direction:column;gap:24px;align-items:stretch}.ls-split-copy{order:0}.ls-split-media,.ls-reverse .ls-split-media{order:1}.ls-split .ls-shot img{height:380px}.ls-grid-3,.ls-grid-2,.ls-duo{grid-template-columns:1fr}.ls-section h2{font-size:28px}#care .ls-shot img{height:220px}.ls-banner{padding:22px}.public-footer{margin:0 16px;padding:24px 0}.app-header-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}

#product-control,#product-fleet{display:block;position:absolute;scroll-margin-top:90px}.ls-split{position:relative}#how .ls-wide-art{float:right;width:38%;margin:0 0 16px 32px}#how:after{content:"";display:block;clear:both}#how .steps{max-width:650px}#fuel-corrections summary{cursor:pointer;font-weight:700;padding:12px 0}@media(max-width:600px){#how .ls-wide-art{float:none;width:100%;margin:0 0 20px}}

/* Owner correction: one screenshot section and product illustration. */
.ls-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);padding:40px 32px;min-height:520px;background:#edf5ef}
.ls-hero-art .ecosystem-art{width:100%;height:auto;max-height:440px;object-fit:contain;border:0;border-radius:18px;box-shadow:none}
.ls-hero-art figcaption{margin-top:12px}.value-link{display:inline-block;font-weight:700;padding:10px 0;color:#096639;text-underline-offset:5px}
#screens .product-phones img{width:calc(50% - 9px);max-height:380px;object-fit:contain;border-radius:10px}#screens .product-phones img:nth-child(2){transform:none}
#usage .fleet-art{width:100%;height:auto;border-radius:12px}#usage .ls-split-media{padding:0;background:transparent}
.app-header-row{max-width:none;width:100%;padding-inline:32px;box-sizing:border-box}.app-header-row .brand img,.app-header-row .logo img,.app-header-row>a img{width:64px;height:64px;object-fit:contain}
@media(max-width:700px){.ls-hero{grid-template-columns:1fr;padding:26px 20px;min-height:0}.app-header-row{padding-inline:16px}.app-header-row .brand img,.app-header-row .logo img,.app-header-row>a img{width:48px;height:48px}.ls-hero-art .ecosystem-art{max-height:300px}#screens .ls-split-media{padding:16px}}

/* Final spacing follows content: adjacent sections share one compact rhythm. */
.ls-section{padding:32px 24px}.ls-section .page-head{margin-bottom:24px}
.ls-section h2{margin:0 0 20px;max-width:none}.ls-section h3{font-size:21px;line-height:1.4;margin:0 0 12px}
.ls-section p{font-size:16px;margin:0 0 16px}.ls-section .cluster{margin-top:20px;gap:12px}
#value .page-head{max-width:none}#value h2{font-size:clamp(27px,2.55vw,36px);text-wrap:initial}
.connection-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:24px 0 28px;padding:24px;background:#e9f2ec;border-radius:12px}
.connection-flow>div{min-width:0;position:relative}.connection-flow strong,.connection-flow span{display:block;line-height:1.6}.connection-flow strong{font-size:18px;margin-bottom:8px}.connection-flow span{font-size:16px;color:#325543}
.connection-flow>div:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:0;color:#176d48}
#how .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:28px;margin:0;padding:0;list-style:none;counter-reset:setup}
#how .step{padding:0;background:transparent;border:0;box-shadow:none;min-width:0;display:block}
#how .step::before{display:none}#how .step h3::before{counter-increment:setup;content:counter(setup) '. ';color:#176d48}
#example{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.example-intro .badge{margin-bottom:16px}.example-journal{padding:24px;background:#edf5ef;border-radius:12px}.example-journal>h3{font-size:20px}
.example-journal .event-list{list-style:none;padding:0;margin:20px 0}.example-journal .event{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;border:0;border-top:1px solid #cedfd3;border-radius:0;background:none;padding:16px 0;margin:0;box-shadow:none}
.example-journal .event-date{font-size:16px;line-height:1.6;color:#325543}.event-body strong,.event-body span{display:block;font-size:16px;line-height:1.6}.event-body strong{margin-bottom:4px}
.example-journal .example-result{margin:0;padding-top:16px;border-top:1px solid #cedfd3;font-weight:600}
.ls-hero-art .ecosystem-art{border-radius:12px}.ls-split{gap:40px}.ls-grid-2 .panel{padding:12px 0;border:0;background:none;box-shadow:none}
@media(max-width:900px){.connection-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-flow>div:nth-child(2)::after{display:none}#example{grid-template-columns:1fr;gap:24px}#how .steps{gap:20px}}
@media(max-width:600px){.ls-section{padding:26px 4px}.connection-flow{grid-template-columns:1fr;gap:18px;padding:20px}.connection-flow>div::after{display:none}#how .steps{grid-template-columns:1fr;gap:20px}.example-journal{padding:20px 16px}.ls-section h2{font-size:27px}.ls-section h3{font-size:20px}.example-journal .event{gap:12px}.ls-split{gap:24px}}

/* Readable sections at normal scale: clear local gaps, compact overall rhythm. */
body[data-public="true"] .ls-section{padding-block:24px}
body[data-public="true"] .ls-section :is(h2,.page-head h2){font-size:28px;line-height:1.3;max-width:none;text-wrap:pretty;margin:0 0 16px}
body[data-public="true"] .ls-section .page-head{max-width:none;margin-bottom:20px}
body[data-public="true"] #value h2{font-size:clamp(24px,2.2vw,30px)}
body[data-public="true"] #plans .ls-grid-2{gap:40px}
body[data-public="true"] #plans .panel{display:flex;flex-direction:column;align-items:flex-start;padding:0}
body[data-public="true"] .check-list{display:grid;gap:12px;margin:0 0 24px;padding:0;list-style:none}
body[data-public="true"] .check-list li{margin:0;line-height:1.6}
body[data-public="true"] #plans .btn{margin-top:auto}
body[data-public="true"] .ls-banner{padding:24px;gap:24px;align-items:center}
body[data-public="true"] .ls-banner h2{font-size:26px}
body[data-public="true"] .ls-banner p{margin-bottom:0}
body[data-public="true"] .ls-banner .cluster{margin:0}
body[data-public="true"] #diagnostic-principles{padding-block:40px}
body[data-public="true"] #diagnostic-principles .page-head{margin-bottom:32px;max-width:72ch}
body[data-public="true"] #diagnostic-principles h2{max-width:38ch;margin-bottom:24px}
body[data-public="true"] #diagnostic-principles .steps{display:grid;gap:24px;max-width:76ch;margin:0 0 32px;padding:0;list-style:none}
body[data-public="true"] #diagnostic-principles .step{display:grid;gap:8px;margin:0;line-height:1.6;padding:0 0 0 48px}
body[data-public="true"] #diagnostic-principles .step::before{top:0}
body[data-public="true"] #diagnostic-principles .step strong{display:block;font-size:18px;line-height:1.5}
body[data-public="true"] #diagnostic-principles .step span{display:block;max-width:65ch}
body[data-public="true"] #faq .stack{display:block}
body[data-public="true"] #faq details.panel{margin:0;padding:0;border:0;border-bottom:1px solid #d0ded5;border-radius:0;background:transparent;box-shadow:none}
body[data-public="true"] #faq summary{padding:16px 0;min-height:56px;font-size:16px;line-height:1.5;cursor:pointer}
body[data-public="true"] #faq details p{margin:0;padding:0 0 18px;max-width:75ch}
body[data-public="true"] .link-list{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none}
body[data-public="true"] .link-list a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5;text-underline-offset:4px}
@media(max-width:700px){body[data-public="true"] .ls-banner{display:flex;flex-direction:column;align-items:flex-start}body[data-public="true"] #plans .ls-grid-2{gap:28px}body[data-public="true"] .ls-section :is(h2,.page-head h2){font-size:24px}body[data-public="true"] .ls-banner h2{font-size:24px}body[data-public="true"] .link-list{display:grid;gap:4px}}

/* Keep public navigation and sign-in in the same reading order. */
body[data-public="true"] .app-header-row{max-width:1320px;padding:12px 28px;gap:24px;flex-wrap:nowrap}
body[data-public="true"] .app-brand{flex-shrink:0;color:#117c3c;font-size:28px;gap:12px}
body[data-public="true"] .app-header-row .app-brand img{width:72px;height:72px}
body[data-public="true"] .ls-section{padding-inline:8px}
body[data-public="true"] #app-nav{margin:0 0 0 auto;padding:0;min-width:0}
body[data-public="true"] #app-nav ul{padding:0;gap:4px 8px;align-items:center;justify-content:flex-end}
body[data-public="true"] #app-nav .btn{margin-left:8px;padding-inline:16px;color:#175d3b;border-color:#94b8a3}
body[data-public="true"] .public-account-nav{display:flex;align-items:center;gap:8px}
body[data-public="true"] .ls-hero{min-height:0;gap:32px}
body[data-public="true"] .ls-hero{position:relative;padding-left:24px;background:radial-gradient(ellipse at 100% 100%,#dbf1e3,transparent 68%),linear-gradient(115deg,#f0faf4,#ffffff 56%,#eef9f2);border:1px solid #d8ece0}
body[data-public="true"] .hero-leaf{position:absolute;width:64px;height:auto;pointer-events:none}
body[data-public="true"] .hero-leaf-top{right:24px;top:8px;transform:rotate(22deg)}
body[data-public="true"] .hero-leaf-bottom{right:48%;bottom:12px;width:40px;transform:rotate(-36deg);opacity:.8}
body[data-public="true"] .ls-hero-art{padding-top:24px}
body[data-public="true"] .ls-hero h1{font-size:clamp(34px,3.8vw,50px);margin:12px 0 20px}
body[data-public="true"] .ls-hero .lede{font-size:18px;line-height:1.6}
body[data-public="true"] .ls-hero .cluster{gap:12px;margin-top:24px}
body[data-public="true"] .ls-hero .muted{font-size:15px;line-height:1.6}
body[data-public="true"] #value .panel{display:flex;flex-direction:column}
body[data-public="true"] #value .value-link{margin-top:auto}
body[data-public="true"] .example-journal .event-list{gap:0;margin:16px 0}
body[data-public="true"] .example-journal .event{padding:12px 0}
body[data-public="true"] .public-footer nav a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
body[data-public="true"] .ls-hero a:focus-visible{outline-color:#176d48}
body[data-public="true"] #screens{position:relative;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;padding-block:40px}
body[data-public="true"] #screens .ls-split-copy{min-width:0}
body[data-public="true"] #screens .product-phones{display:grid;grid-template-columns:repeat(3,minmax(0,180px));justify-content:center;gap:16px;align-items:start;width:100%;max-width:600px;margin:0 auto;padding:0;background:transparent}
body[data-public="true"] #screens .product-phones figure{margin:0;min-width:0}
body[data-public="true"] #screens .product-phones a{display:block}
body[data-public="true"] #screens .product-phones img{width:100%;max-height:none;height:auto;border-radius:10px}
body[data-public="true"] #screens figcaption{margin-top:12px;text-align:center;font-size:14px;line-height:1.5;font-weight:600}
body[data-public="true"] .screens-swipe-note{display:none}
@media(max-width:1000px){
  body[data-public="true"] .app-header-row{align-items:flex-start;gap:16px}
  body[data-public="true"] #app-nav ul{gap:4px}
  body[data-public="true"] .public-account-nav{gap:4px}
  body[data-public="true"] #app-nav a{padding-inline:10px}
}
@media(max-width:900px){
  body[data-public="true"] #screens{grid-template-columns:1fr;gap:24px}
  body[data-public="true"] .ls-hero{grid-template-columns:1fr}
  body[data-public="true"] .ls-hero-copy{max-width:none}
  body[data-public="true"] .ls-hero h1,body[data-public="true"] .ls-hero .lede{max-width:none}
  body[data-public="true"] .ls-hero-art{max-width:480px}
  body[data-public="true"] .ls-hero-art .ecosystem-art{max-height:280px}
}
@media(max-width:600px){
  body[data-public="true"] #screens{gap:16px;padding-block:32px}
  body[data-public="true"] #screens .product-phones{display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin:0;padding:0 0 12px;scroll-padding-inline:0}
  body[data-public="true"] #screens .product-phones figure{flex:0 0 min(70vw,210px);scroll-snap-align:start}
  body[data-public="true"] #screens .screens-swipe-note{display:block;margin:0}
  body[data-public="true"] #app-header{position:relative}
  body[data-public="true"] .app-header-row{padding:10px 16px;flex-direction:column;gap:8px}
  body[data-public="true"] #app-nav{margin:0;width:100%}
  body[data-public="true"] #app-nav ul{justify-content:flex-start;gap:4px 0}
  body[data-public="true"] .public-account-nav{gap:0}
  body[data-public="true"] #app-nav a{padding-inline:8px}
  body[data-public="true"] #app-nav .btn{margin-left:4px;padding-inline:10px}
  body[data-public="true"] .ls-hero{padding:24px 20px;gap:20px}
  body[data-public="true"] .app-header-row .app-brand img{width:64px;height:64px}
  body[data-public="true"] .hero-leaf-top{width:40px;top:8px;right:8px}
  body[data-public="true"] .hero-leaf-bottom{right:12px;bottom:12px;width:32px}
  body[data-public="true"] .ls-hero-copy .eyebrow{max-width:24ch;margin-right:24px}
  body[data-public="true"] .ls-hero-art{padding-top:0}
  body[data-public="true"] .ls-hero h1{font-size:34px}
  body[data-public="true"] .ls-hero .lede{font-size:16px}
  body[data-public="true"] .ls-hero .cluster{margin-top:20px}
  body[data-public="true"] .ls-hero .btn{padding:10px 12px;line-height:1.5}
}