:root{--ink:#0b1718;--ink2:#122426;--paper:#f4f2ec;--white:#fff;--muted:#64706b;--line:#d9ddd6;--green:#82e6a7;--green-dark:#176c45;--blue:#71c9ec;--amber:#f0bd69;--violet:#b59aef;--red:#f18484;--radius:24px;--shadow:0 28px 80px rgba(15,31,29,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.skip-link{position:fixed;left:16px;top:-80px;z-index:999;padding:12px 16px;border-radius:8px;color:#fff;background:#000}.skip-link:focus{top:16px}
.site-header{position:absolute;z-index:50;top:0;left:50%;width:min(1440px,calc(100% - 64px));height:92px;display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%);border-bottom:1px solid rgba(255,255,255,.1);color:#fff}
.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:820;letter-spacing:-.03em}.mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:var(--ink);background:var(--green);font-size:17px;font-weight:900}
.site-header nav{display:flex;align-items:center;gap:31px}.site-header nav>a{font-size:13px;font-weight:650;color:rgba(255,255,255,.7);transition:.2s}.site-header nav>a:hover{color:#fff}
.menu-button{display:none;border:0;background:none}.menu-button span{display:block;width:24px;height:2px;margin:5px;background:#fff}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 21px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:780;transition:transform .2s,background .2s,border-color .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-small{min-height:38px!important;padding:0 15px!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important;background:rgba(255,255,255,.08)}.button-primary{color:var(--ink);background:var(--green)}.button-primary:hover{background:#9cf1b9}.button-ghost{border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.035)}.button-dark{width:100%;color:#fff;background:var(--ink)}.button-ghost-light{border-color:rgba(255,255,255,.2);color:#fff;background:transparent}
.section-dark{position:relative;color:#fff;background:var(--ink)}.section-pad{padding:126px max(32px,calc((100% - 1280px)/2))}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 21px;color:rgba(255,255,255,.58);font-size:11px;font-weight:800;letter-spacing:.17em}.eyebrow>span{width:25px;height:1px;background:var(--green)}.eyebrow.dark{color:#63706a}.section-heading h2{margin:0;font-size:clamp(37px,4.2vw,64px);line-height:1.03;letter-spacing:-.055em}.section-heading>p:not(.eyebrow),.section-heading.split>p{max-width:480px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}.section-heading.split{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.section-heading.center{text-align:center}.section-heading.center .eyebrow{justify-content:center}.section-heading.center>p:not(.eyebrow){margin:20px auto 0}
.hero{min-height:950px;padding:175px max(32px,calc((100% - 1280px)/2)) 0;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(70,150,114,.24),transparent 36%),linear-gradient(115deg,rgba(255,255,255,.018),transparent 35%);pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.hero-copy{position:relative;z-index:2;width:50%;max-width:650px}.hero h1{margin:0;color:#fff;font-size:clamp(52px,6vw,86px);line-height:.95;letter-spacing:-.066em}.hero h1 em{color:var(--green);font-style:normal}.hero-lead{max-width:620px;margin:28px 0 0;color:#a9b5b1;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:11px;margin-top:36px}.hero-points{display:flex;gap:28px;margin:28px 0 0;padding:0;list-style:none}.hero-points li{position:relative;padding-left:17px;color:#85918d;font-size:12px}.hero-points li:before{content:"✓";position:absolute;left:0;color:var(--green)}
.product-stage{position:absolute;z-index:1;top:163px;left:56%;width:min(920px,70vw);transform:perspective(1400px) rotateY(-5deg) rotateX(1deg)}.stage-glow{position:absolute;inset:8% 14%;border-radius:50%;background:rgba(93,219,142,.18);filter:blur(70px)}.dash-window{position:relative;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:#101d1e;box-shadow:0 50px 140px rgba(0,0,0,.5)}.dash-topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.dash-brand{display:flex;align-items:center;gap:10px}.dash-brand>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--ink);background:var(--green);font-weight:900;font-style:normal}.dash-brand span,.dash-brand b,.dash-brand small{display:block}.dash-brand b{font-size:13px}.dash-brand small{margin-top:2px;color:#6f807b;font-size:7px;letter-spacing:.15em}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.08);border-radius:20px;color:#7f918b;font-size:7px;letter-spacing:.09em}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.dash-kpis>div{min-height:100px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#152526}.dash-kpis span,.dash-kpis strong,.dash-kpis em{display:block}.dash-kpis span{color:#667873;font-size:7px;letter-spacing:.13em}.dash-kpis strong{margin-top:12px;font-size:25px;letter-spacing:-.04em}.dash-kpis strong small{margin-left:3px;color:#82938e;font-size:10px}.dash-kpis em{margin-top:7px;color:#72837e;font-size:8px;font-style:normal}.dash-main{display:grid;grid-template-columns:.72fr 1.28fr;gap:9px;margin-top:9px}.energy-panel,.trend-panel{min-height:286px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#152526}.panel-label{color:#687a75;font-size:7px;letter-spacing:.15em}.gauge{width:155px;height:155px;display:grid;place-items:center;margin:20px auto 14px;border-radius:50%;background:conic-gradient(var(--green) 0 76%,#263837 76%)}.gauge:before{content:"";grid-area:1/1;width:126px;height:126px;border-radius:50%;background:#152526}.gauge>div{grid-area:1/1;z-index:2;text-align:center}.gauge strong,.gauge span{display:block}.gauge strong{font-size:27px}.gauge span{margin-top:2px;color:#71837d;font-size:10px}.energy-meta{display:flex;align-items:center;justify-content:space-between;color:#758681;font-size:7px}.energy-meta span{display:flex;align-items:center;gap:6px}.energy-meta i{width:6px;height:6px;border-radius:50%;background:var(--green)}.energy-meta b{color:#94a29e;font-weight:600}.trend-panel svg{width:100%;height:190px;margin-top:24px;overflow:visible}.grid-lines{fill:none;stroke:rgba(255,255,255,.05);stroke-width:1}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round}.chart-foot{display:flex;align-items:center;justify-content:space-between;color:#62736e;font-size:7px}.chart-foot b{color:var(--green);font-size:8px}.demo-disclaimer{padding-top:13px;color:#4f615c;font-size:7px;text-align:right;letter-spacing:.13em}
.hero-specs{position:absolute;z-index:4;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.09);background:rgba(8,18,19,.82);backdrop-filter:blur(12px)}.hero-specs>div{min-height:118px;display:flex;flex-direction:column;justify-content:center;padding-left:max(32px,calc((100vw - 1280px)/2));border-right:1px solid rgba(255,255,255,.08)}.hero-specs>div:not(:first-child){padding-left:38px}.hero-specs strong{font-size:27px}.hero-specs span{margin-top:5px;color:#71807c;font-size:10px}
.problem{background:#fff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:68px;border:1px solid var(--line);border-radius:var(--radius);background:var(--line);overflow:hidden}.problem-grid article{min-height:300px;padding:34px;background:#fff}.problem-grid article>span{color:#9ca69f;font-family:ui-monospace,monospace;font-size:11px}.problem-grid h3{margin:60px 0 14px;font-size:22px;letter-spacing:-.03em}.problem-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.capabilities{background:var(--paper)}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.cap-card{position:relative;min-height:360px;padding:29px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.cap-card.cap-featured{grid-column:span 2;background:#ecf5ed}.cap-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#14653f;background:#d9f3e2;font-size:19px;font-style:normal}.cap-icon.blue{color:#176787;background:#daf0f8}.cap-icon.amber{color:#805b1d;background:#f8ecd7}.cap-icon.violet{color:#554084;background:#e9e1f9}.cap-icon.red{color:#8c3737;background:#f9dfdf}.cap-card>span{display:block;margin-top:26px;color:#7f8a84;font-size:9px;font-weight:800;letter-spacing:.16em}.cap-card h3{max-width:390px;margin:9px 0 12px;font-size:24px;letter-spacing:-.035em}.cap-card p{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.cap-card>a{position:absolute;bottom:29px;color:var(--green-dark);font-size:12px;font-weight:800}.mini-chart{position:absolute;right:30px;bottom:30px;width:250px;height:132px;display:flex;align-items:flex-end;gap:10px;padding:20px;border:1px solid #cfe0d2;border-radius:14px;background:rgba(255,255,255,.55)}.mini-chart i{flex:1;border-radius:4px 4px 2px 2px;background:#4fae74}.tank-mini{position:absolute;right:25px;bottom:25px;display:flex;align-items:flex-end;gap:12px}.tank-mini i{display:block;width:50px;height:105px;border:2px solid #a9d7e5;border-radius:10px;background:linear-gradient(to top,#74cbe6 72%,transparent 72%)}.tank-mini i:last-child{height:78px;background:linear-gradient(to top,#a9b9bc 26%,transparent 26%);border-color:#cbd4d5}.obd-row{position:absolute;right:28px;bottom:31px;display:grid;grid-template-columns:auto auto;gap:1px 10px}.obd-row b{font-size:24px}.obd-row span{align-self:center;color:#8b9690;font-size:9px}.temp-row{position:absolute;right:29px;bottom:32px;text-align:right}.temp-row strong{display:block;color:#5c418f;font-size:32px}.temp-row small{color:#8c7aa8}.status-list{position:absolute;right:25px;bottom:24px;margin:0;padding:0;list-style:none}.status-list li{display:flex;align-items:center;gap:8px;margin-top:8px;color:#69756f;font-size:9px}.status-list i{width:7px;height:7px;border-radius:50%;background:#5ec786}
.principles .section-heading>p{color:#87938f}.principle-list{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid rgba(255,255,255,.1)}.principle-list>div{min-height:285px;padding:29px 28px;border-right:1px solid rgba(255,255,255,.1)}.principle-list>div:first-child{border-left:1px solid rgba(255,255,255,.1)}.principle-list span{color:#61716c;font-family:ui-monospace,monospace;font-size:10px}.principle-list h3{margin:73px 0 14px;font-size:22px}.principle-list p{margin:0;color:#7f8e89;font-size:13px;line-height:1.7}
.process{background:#fff}.process-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:85px}.process-line:before{content:"";position:absolute;top:23px;right:10%;left:10%;height:1px;background:#ccd2cc}.process-line article{position:relative;text-align:center}.process-line b{position:relative;z-index:2;width:47px;height:47px;display:grid;place-items:center;margin:0 auto 27px;border:1px solid #c5cdc6;border-radius:50%;color:#fff;background:var(--ink);font-size:12px}.process-line span{font-size:17px;font-weight:800}.process-line p{margin:11px auto 0;max-width:230px;color:var(--muted);font-size:13px;line-height:1.7}
.pricing{background:var(--paper)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:68px}.price-card{position:relative;min-height:690px;padding:31px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 40px rgba(15,31,29,.035)}.price-card.featured{color:#fff;border-color:var(--ink);background:var(--ink);box-shadow:var(--shadow)}.popular{position:absolute;top:21px;right:21px;padding:7px 9px;border-radius:20px;color:var(--ink);background:var(--green);font-size:8px;font-weight:900;letter-spacing:.1em}.price-top>span{display:block;color:#738079;font-size:9px;font-weight:900;letter-spacing:.16em}.price-top>b{display:block;margin-top:7px;font-size:20px}.price{margin:40px 0 25px;padding-bottom:28px;border-bottom:1px solid var(--line)}.featured .price{border-color:rgba(255,255,255,.12)}.price strong,.price span{display:block}.price strong{font-size:39px;letter-spacing:-.05em}.price span{margin-top:6px;color:#7b8781;font-size:10px}.price-card>p{min-height:72px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.featured>p{color:#8fa09b}.price-card ul{min-height:200px;margin:25px 0 31px;padding:0;list-style:none}.price-card li{position:relative;margin:13px 0;padding-left:22px;color:#505e57;font-size:12px}.featured li{color:#a7b4b0}.price-card li:before{content:"✓";position:absolute;left:0;color:var(--green-dark);font-weight:900}.featured li:before{color:var(--green)}.price-card>small{display:block;margin-top:14px;color:#8b9690;font-size:9px;text-align:center}.pro-strip{display:grid;grid-template-columns:1.5fr .65fr auto;align-items:center;gap:35px;margin-top:14px;padding:31px 35px;border-radius:20px;color:#fff;background:#263d3b}.pro-strip span{color:#83a19a;font-size:8px;font-weight:800;letter-spacing:.15em}.pro-strip h3{margin:7px 0 4px;font-size:24px}.pro-strip p{margin:0;color:#91a7a2;font-size:12px}.pro-price strong,.pro-price span{display:block}.pro-price strong{font-size:21px}.pro-price span{margin-top:4px;letter-spacing:0}
.faq{background:#fff}.faq-list{margin-top:60px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 5px;cursor:pointer;font-size:18px;font-weight:750;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:18px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg);background:var(--green)}.faq-list details p{max-width:850px;margin:-8px 0 29px;padding:0 5px;color:var(--muted);font-size:14px;line-height:1.75}
.final-cta{padding:115px max(32px,calc((100% - 1280px)/2));text-align:center;overflow:hidden}.final-cta:before{content:"";position:absolute;width:600px;height:400px;top:-220px;left:50%;transform:translateX(-50%);border-radius:50%;background:rgba(86,210,133,.18);filter:blur(80px)}.final-cta>div{position:relative}.final-cta .eyebrow{justify-content:center}.final-cta h2{margin:0;font-size:clamp(42px,5vw,70px);letter-spacing:-.055em}.final-cta p:not(.eyebrow){max-width:650px;margin:22px auto 31px;color:#879691;line-height:1.7}.final-cta>div>div{display:flex;justify-content:center;gap:11px}
footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:70px max(32px,calc((100% - 1280px)/2)) 28px;background:#071011;color:#fff}.footer-brand p{max-width:300px;color:#65736f;font-size:12px;line-height:1.6}.footer-brand+div,.footer-brand+div+div{display:grid;align-content:start;gap:12px}.footer-brand+div b,.footer-brand+div+div b{margin-bottom:5px;color:#8a9994;font-size:10px;letter-spacing:.1em}.footer-brand+div a,.footer-brand+div+div a{color:#687873;font-size:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:35px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#52615d;font-size:9px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(max-width:1100px){.product-stage{top:235px;left:53%;width:850px;opacity:.86}.hero-copy{width:58%}.cap-grid{grid-template-columns:repeat(2,1fr)}.cap-card.cap-featured{grid-column:span 2}.pricing-grid{grid-template-columns:1fr}.price-card{min-height:auto}.price-card>p,.price-card ul{min-height:0}.pro-strip{grid-template-columns:1fr auto}.pro-strip>a{grid-column:1/-1}.principle-list{grid-template-columns:repeat(2,1fr)}.principle-list>div:nth-child(3){border-left:1px solid rgba(255,255,255,.1)}}
@media(max-width:820px){.site-header{width:calc(100% - 32px);height:74px}.menu-button{z-index:3;display:block}.site-header nav{position:absolute;top:65px;right:0;left:0;display:none;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:#102021;box-shadow:0 25px 60px rgba(0,0,0,.35)}.site-header nav.open{display:grid;gap:8px}.site-header nav>a{padding:10px}.hero{min-height:1120px;padding:130px 20px 0}.hero-copy{width:100%}.hero h1{font-size:55px}.hero-lead{font-size:15px}.product-stage{top:610px;left:20px;width:900px;transform:scale(.68);transform-origin:top left}.hero-specs{grid-template-columns:repeat(2,1fr)}.hero-specs>div{min-height:80px;padding-left:22px!important}.section-pad{padding:85px 20px}.section-heading.split{display:block}.section-heading.split>p{margin-top:25px}.problem-grid,.cap-grid{grid-template-columns:1fr}.cap-card.cap-featured{grid-column:auto}.cap-card{min-height:350px}.mini-chart{width:190px}.principle-list{grid-template-columns:1fr}.principle-list>div{min-height:220px;border-left:1px solid rgba(255,255,255,.1)}.principle-list h3{margin-top:40px}.process-line{grid-template-columns:1fr 1fr}.process-line:before{display:none}.pro-strip{grid-template-columns:1fr}.pro-price{margin-top:10px}.final-cta{padding:90px 20px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:520px){.hero{min-height:1060px}.hero h1{font-size:44px}.hero-actions,.final-cta>div>div{display:grid}.hero-points{display:grid;gap:9px}.product-stage{top:645px;transform:scale(.49)}.hero-specs span{font-size:9px}.hero-specs strong{font-size:22px}.section-heading h2{font-size:38px}.problem-grid article{min-height:250px}.problem-grid h3{margin-top:40px}.cap-card{padding:24px}.cap-card h3{font-size:21px}.mini-chart,.tank-mini,.obd-row,.temp-row,.status-list{opacity:.65}.process-line{grid-template-columns:1fr}.price-card{padding:26px}.pro-strip{padding:27px}.faq-list summary{font-size:15px}footer{grid-template-columns:1fr}.footer-bottom{display:grid;gap:8px}}