:root{--color-ink-strong:#102235;--color-ink:#26384a;--color-muted:#607286;--color-line:#1022351f;--color-surface:#ffffffc2;--color-surface-strong:#fff;--color-canvas:#edf3fc;--color-dark:#0d1b2a;--color-dark-soft:#162849;--color-accent:#3d78f2;--color-accent-strong:#254db5;--color-accent-warm:#9daeff;--color-accent-cool:#74d1ff;--color-contrast:#f6f8fb;--shadow-soft:0 24px 60px #0d1b2a14;--shadow-card:0 16px 36px #1022351a;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--space-7:2.5rem;--max-width:1180px;--section-space:clamp(4.5rem, 8vw, 7rem);--font-body:"Segoe UI Variable", "Aptos", "Avenir Next", "Trebuchet MS", sans-serif;--font-heading:"Segoe UI Variable Display", "Aptos Display", "Avenir Next Condensed", "Trebuchet MS", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(circle at top left, #74d1ff2e, transparent 28%), radial-gradient(circle at top right, #9daeff33, transparent 28%), linear-gradient(180deg, #f4f8fd 0%, var(--color-canvas) 52%, #f8fbff 100%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}body:before{content:"";pointer-events:none;background-image:linear-gradient(#10223506 1px,#0000 1px),linear-gradient(90deg,#10223506 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 90%);mask-image:linear-gradient(#000000a6,#0000 90%)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}h1,h2,h3,h4,p,ul{margin:0}ul{padding:0;list-style:none}h1,h2,h3{font-family:var(--font-heading);color:var(--color-ink-strong);letter-spacing:-.03em}h1{font-size:clamp(3rem,6vw,5.35rem);line-height:.95}h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.02}h3{font-size:1.2rem;line-height:1.2}p{font-size:1rem}:focus-visible{outline-offset:3px;outline:3px solid #3d78f259}#root{min-height:100vh}.site-shell{position:relative}.container{width:min(var(--max-width), calc(100% - 2rem));margin:0 auto}.section{padding:var(--section-space) 0;scroll-margin-top:7rem;position:relative}.section--alt{background:radial-gradient(circle at 100% 0,#74d1ff1f,#0000 34%),linear-gradient(#f4f9ffe6,#ecf4fdeb)}.section--dark{color:#f6f8fbe0;background:radial-gradient(circle at top left, #74d1ff38, transparent 30%), linear-gradient(180deg, var(--color-dark) 0%, var(--color-dark-soft) 100%)}.section--dark h2,.section--dark h3,.section--dark .section-intro__description,.section--dark .eyebrow,.section--dark p{color:inherit}.section-stack{gap:var(--space-7);display:grid}.skip-link{z-index:100;border-radius:var(--radius-pill);background:var(--color-dark);color:var(--color-contrast);padding:.75rem 1rem;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-strong);align-items:center;gap:.55rem;font-size:.88rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(135deg, var(--color-accent-cool), var(--color-accent-warm));border-radius:50%;width:.85rem;height:.85rem;box-shadow:0 0 0 6px #74d1ff29}.button-row{flex-wrap:wrap;gap:.9rem;display:flex}.button{border-radius:var(--radius-pill);border:1px solid #0000;justify-content:center;align-items:center;min-height:3rem;padding:.95rem 1.2rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg, var(--color-accent), var(--color-accent-strong));color:var(--color-contrast);box-shadow:0 18px 32px #254db547}.button--secondary{background:var(--color-surface-strong);color:var(--color-ink-strong);box-shadow:var(--shadow-card);border-color:#1022351f}.button--ghost{color:var(--color-ink-strong);background:0 0;border-color:#1022351f}.surface-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffe0,#f6faffd6),#f7faffd1;border:1px solid #c8dcf5b3;position:relative;overflow:hidden}.surface-panel:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#74d1ff24,#0000 26%),radial-gradient(circle at 0 100%,#9daeff24,#0000 28%);position:absolute;inset:0}.brand{align-items:center;gap:.8rem;display:inline-flex}.brand__logo-shell{flex:none;align-items:center;display:flex;overflow:hidden}.brand__logo{object-fit:contain;filter:drop-shadow(0 8px 20px #1022351f);transform-origin:0;width:100%;height:auto}.brand__text{gap:.18rem;display:grid}.brand__text small{color:var(--color-muted);font-size:.8rem}.brand:not(.brand--compact) .brand__logo-shell{width:clamp(12.8rem,20vw,16rem);height:clamp(4.1rem,5vw,5rem)}.brand:not(.brand--compact) .brand__logo{transform:scale(1.48)}.brand--compact .brand__logo-shell{width:clamp(18rem,24vw,20rem);height:clamp(3.45rem,4vw,3.95rem)}.brand--compact .brand__logo{transform:scale(.75)}.brand--compact .brand__text small{display:none}.site-header{z-index:30;padding:.7rem 0 0;position:sticky;top:0}.site-header__inner{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f9fcd1;border:1px solid #ffffff7a;grid-template-columns:auto 1fr auto;align-items:center;gap:1.3rem;width:min(1320px,100% - 1.5rem);padding:.35rem 1rem;display:grid;box-shadow:0 10px 28px #0d1b2a14}.site-header__brand{align-items:center;display:flex}.site-nav{color:var(--color-muted);flex-wrap:wrap;justify-content:flex-start;gap:1.35rem;margin:0;font-size:.94rem;font-weight:600;display:flex}.site-nav a:hover,.site-footer__nav a:hover{color:var(--color-ink-strong)}.site-header__actions{justify-self:end;align-items:center;gap:.55rem;display:flex}.site-header .button{min-height:2.45rem;padding:.64rem .95rem;font-size:.92rem}.hero{padding-top:clamp(2.5rem,7vw,5rem)}.hero__grid{grid-template-columns:minmax(0,.94fr) minmax(340px,1.06fr);align-items:center;gap:clamp(2rem,4vw,3.5rem);display:grid}.hero__content{gap:1.5rem;display:grid}.hero h1{max-width:9.5ch;font-size:clamp(2.55rem,4.8vw,4.3rem);line-height:.96}.hero__description{max-width:39rem;color:var(--color-muted);font-size:clamp(1.05rem,2vw,1.22rem)}.hero__highlights{gap:.95rem;display:grid}.hero__highlights li{color:var(--color-ink-strong);align-items:flex-start;gap:.8rem;display:flex}.hero__highlights li:before,.check-list li:before,.cta-points li:before{content:"";background:linear-gradient(135deg, var(--color-accent-cool), var(--color-accent-warm));border-radius:999px;flex:none;width:.65rem;height:.65rem;margin-top:.45rem}.hero__visual{padding:.85rem}.hero__image,.media-card img,.feature-spotlight img,.cta-panel__visual img{border-radius:calc(var(--radius-lg) - 10px);object-fit:cover;width:100%;height:auto;display:block}.hero__image{aspect-ratio:6/5;object-position:center 34%;min-height:clamp(320px,30vw,460px)}.hero__metric-row{z-index:1;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:1rem;display:grid;position:relative}.hero__metric-card{border-radius:var(--radius-md);color:#f6f8fbe0;background:#0d1b2ae6;padding:1rem}.hero__metric-card span{text-transform:uppercase;letter-spacing:.12em;color:#f6f8fbad;margin-bottom:.35rem;font-size:.78rem;display:block}.hero__metric-card strong{font-size:1rem;font-family:var(--font-heading)}.section-intro{gap:1rem;max-width:48rem;display:grid}.section-intro--center{text-align:center;margin:0 auto}.section-intro__description{color:var(--color-muted);font-size:1.08rem}.problem-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}.problem-grid__cards,.feature-layout__grid,.difference-grid,.pricing-grid{gap:1rem;display:grid}.problem-grid__cards{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.difference-card,.pricing-card,.faq-item,.timeline__item{border-radius:var(--radius-md);border:1px solid var(--color-line);box-shadow:var(--shadow-card);background:#fffc}.feature-card{gap:1rem;padding:1.35rem;display:grid}#problem .problem-grid__cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr}#problem .feature-card{align-content:start;gap:1.35rem;min-height:100%;padding:1.7rem}#problem .feature-card h3{max-width:11ch;font-size:clamp(1.55rem,2vw,2rem);line-height:1.04}#problem .feature-card p{max-width:24ch;font-size:1.08rem;line-height:1.75}#problem .contrast-card{padding:1.8rem}.feature-card p{color:var(--color-muted)}.icon-badge{width:3rem;height:3rem;color:var(--color-accent-strong);background:linear-gradient(#74d1ff2e,#9daeff29);border-radius:16px;place-items:center;display:grid}.icon-badge svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.contrast-card{padding:1.6rem}.contrast-card__lead{color:var(--color-ink-strong);margin-bottom:1.35rem;font-size:1.08rem}.contrast-card__columns{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.check-list{gap:.85rem;margin-top:1rem;display:grid}.check-list li,.cta-points li{align-items:flex-start;gap:.8rem;display:flex}.check-list--muted li:before{background:#10223542}.how-grid{grid-template-columns:minmax(0,.96fr) minmax(340px,1.04fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.timeline{gap:1rem;display:grid}.timeline__item{grid-template-columns:auto 1fr;gap:1rem;padding:1.2rem;display:grid}.timeline__item p{color:var(--color-muted);margin-top:.45rem}.timeline__index{width:2.4rem;height:2.4rem;font-family:var(--font-heading);color:var(--color-contrast);background:linear-gradient(135deg, var(--color-dark), var(--color-accent));border-radius:50%;place-items:center;font-weight:800;display:grid}.media-card{padding:1rem}.media-card img{aspect-ratio:3/2;min-height:320px}.media-card__footer{z-index:1;flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex;position:relative}.media-card__footer span{border-radius:var(--radius-pill);color:var(--color-ink-strong);background:#0d1b2a14;padding:.55rem .85rem;font-size:.9rem;font-weight:700}.feature-layout{grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);align-items:start;gap:1.5rem;display:grid}.feature-layout__grid{grid-template-columns:repeat(2,1fr)}.feature-spotlight{gap:1rem;padding:1rem;display:grid;position:sticky;top:6.5rem}.feature-spotlight img{aspect-ratio:3/2;min-height:320px}.feature-spotlight__body{z-index:1;gap:.9rem;display:grid;position:relative}.feature-spotlight__body p:last-child{color:var(--color-muted)}.difference-grid{grid-template-columns:repeat(4,1fr)}.difference-card{box-shadow:none;background:#ffffff14;border-color:#ffffff1f;padding:1.35rem}.difference-card p{color:#f6f8fbbd;margin-top:.7rem}.pricing-grid{grid-template-columns:repeat(4,1fr)}.pricing-card{gap:1rem;padding:1.4rem;display:grid}.pricing-card--featured{background:linear-gradient(#ffffffe0,#ffffffd1),linear-gradient(135deg,#74d1ff29,#9daeff1f);border-color:#3d78f238;box-shadow:0 24px 46px #0d1b2a24}.pricing-card__header{gap:.35rem;display:grid}.pricing-card__name{font-family:var(--font-heading);color:var(--color-ink-strong);font-size:1.25rem;font-weight:800}.pricing-card__volume,.pricing-card__description,.pricing-note{color:var(--color-muted)}.pricing-card__price-row{align-items:baseline;gap:.4rem;display:flex}.pricing-card__price{font-family:var(--font-heading);color:var(--color-ink-strong);font-size:2.3rem;line-height:1}.pricing-card__period{color:var(--color-muted);font-weight:700}.pricing-card__savings{background:linear-gradient(160deg,#74d1ff33,#9daeff24 38%,#fffffffa 88%),#fffffffa;border:1px solid #3d78f233;border-radius:18px;gap:.8rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #1022350d}.pricing-card__savings-label{letter-spacing:.08em;text-transform:uppercase;color:#254db5eb;font-size:.78rem;font-weight:800}.pricing-card__savings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.pricing-card__savings-stat{border:1px solid #a0bbecc7;border-radius:16px;gap:.25rem;padding:.85rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #5e81cd47,inset 0 -14px 24px #1e377a0f,0 1px #ffffffc7,0 12px 22px #11255712}.pricing-card__savings-stat:first-child{background:linear-gradient(#74d1ff3d,#f3fafffa)}.pricing-card__savings-stat:nth-child(2){background:linear-gradient(#9daeff3d,#f5f7fffa)}.pricing-card__savings-stat:before,.savings-metric:before{content:"";opacity:.72;pointer-events:none;background:linear-gradient(#ffffffe6,#fff0);border-radius:14px 14px 28px 28px;height:42%;position:absolute;inset:1px 1px auto}.pricing-card__savings-stat:after,.savings-metric:after{content:"";pointer-events:none;background:linear-gradient(90deg,#254db500,#254db53d,#254db500);height:1px;position:absolute;bottom:8px;left:12px;right:12px}.pricing-card__savings-stat span{text-transform:uppercase;letter-spacing:.05em;color:#1022359e;font-size:.78rem;font-weight:700}.pricing-card__savings-stat strong{color:var(--color-ink-strong);font-size:1.02rem}.pricing-note{text-align:center;max-width:48rem;margin:0 auto}.savings-layout,.savings-grid,.savings-side{gap:1rem;display:grid}.savings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.savings-side{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start}.savings-card,.savings-panel{padding:1.35rem}.savings-card{gap:1rem;display:grid}.savings-card__header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.savings-card__name{font-family:var(--font-heading);color:var(--color-ink-strong);font-size:1.24rem;font-weight:800}.savings-card__volume{color:var(--color-accent-strong);font-weight:700}.savings-card__summary,.savings-card__translation,.savings-panel__intro p,.savings-panel__footnote{color:#102235c7}.savings-card__orders{border-radius:var(--radius-pill);color:var(--color-ink-strong);background:linear-gradient(135deg,#74d1ff33,#9daeff29),#ffffffeb;border:1px solid #3d78f224;flex:none;padding:.5rem .75rem;font-size:.86rem;font-weight:700}.savings-card__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.savings-metric{border:1px solid #a0bbecc2;border-radius:16px;gap:.3rem;padding:.9rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #5e81cd3d,inset 0 -14px 24px #1e377a0f,0 1px #ffffffc7,0 12px 22px #1125570f}.savings-metric:first-child{background:linear-gradient(#74d1ff3d,#f4fafff5)}.savings-metric:first-child:before{opacity:.48}.savings-metric:nth-child(2){background:linear-gradient(#9daeff3d,#f6f8fff5)}.savings-metric:nth-child(3){background:linear-gradient(#3d78f238,#f3f7fff5)}.savings-metric span{letter-spacing:.05em;text-transform:uppercase;color:#1c398cf5;text-shadow:0 1px #ffffffb8;font-size:.78rem;font-weight:700}.savings-metric strong{color:var(--color-ink-strong);font-size:1.02rem}.savings-card__translation,.savings-panel__footnote{border-top:1px solid #10223514;padding-top:.9rem}.savings-panel{gap:1rem;display:grid}.savings-panel__intro{gap:.55rem;display:grid}.savings-chart-group{gap:.8rem;display:grid}.savings-chart-group+.savings-chart-group{border-top:1px solid #10223514;padding-top:1rem}.savings-chart-group__header,.savings-bar-row__label{justify-content:space-between;align-items:center;gap:1rem;display:flex}.savings-chart-group__header span,.savings-bar-row__label span{color:var(--color-ink-strong);font-weight:700}.savings-chart-group__header strong,.savings-bar-row__label strong{color:var(--color-muted);font-size:.92rem}.savings-bar-row{gap:.45rem;display:grid}.savings-bar{border-radius:var(--radius-pill);background:#10223514;height:.9rem;overflow:hidden}.savings-bar__fill{border-radius:inherit;min-width:.9rem;height:100%;display:block}.savings-bar__fill--hours{background:linear-gradient(135deg, var(--color-accent-cool), var(--color-accent))}.savings-bar__fill--gas{background:linear-gradient(135deg, var(--color-accent-warm), var(--color-accent-strong))}.faq-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:1.5rem;display:grid}.faq-list{gap:1rem;display:grid}.faq-item{padding:0;overflow:hidden}.faq-item summary{cursor:pointer;font-family:var(--font-heading);color:var(--color-ink-strong);padding:1.2rem 3.4rem 1.2rem 1.25rem;font-size:1.08rem;font-weight:700;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-accent-strong);font-size:1.5rem;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--color-muted);padding:0 1.25rem 1.25rem}.cta-panel{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:1.5rem;padding:1.35rem;display:grid}.cta-panel__content{align-content:center;gap:1.3rem;padding:clamp(.5rem,2vw,1.2rem);display:grid}.cta-points{gap:.9rem;display:grid}.cta-panel__visual img{aspect-ratio:3/2;min-height:340px}.site-footer{padding:0 0 3rem}.site-footer__inner{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#ffffffb3;border:1px solid #10223514;grid-template-columns:minmax(0,1.2fr) auto auto;align-items:center;gap:1.5rem;padding:2rem;display:grid}.site-footer__brand{gap:1rem;display:grid}.site-footer__brand p,.site-footer__legal{color:var(--color-muted)}.site-footer__nav{flex-wrap:wrap;justify-content:center;gap:1rem;font-weight:600;display:flex}@media (width<=1120px){.pricing-grid,.difference-grid,.savings-grid{grid-template-columns:repeat(2,1fr)}.problem-grid,.feature-layout,.faq-grid,.cta-panel,.savings-side{grid-template-columns:1fr}.problem-grid__cards,.feature-layout__grid{grid-template-columns:repeat(2,1fr)}.feature-spotlight{position:static}.site-footer__inner{text-align:center;grid-template-columns:1fr}}@media (width<=920px){.site-header__inner,.site-header__actions{flex-wrap:wrap}.site-header__inner{grid-template-columns:1fr;justify-items:center}.site-nav{width:auto}.hero__grid,.how-grid,.hero__metric-row{grid-template-columns:1fr}}@media (width<=720px){.container{width:min(var(--max-width), calc(100% - 1.25rem))}.section{padding:4rem 0}.site-header{padding-top:.6rem}.site-header__inner{border-radius:1.4rem}.site-nav{gap:.8rem;font-size:.95rem}.brand:not(.brand--compact) .brand__logo-shell{width:clamp(9rem,44vw,12.5rem);height:clamp(3.3rem,14vw,4.2rem)}.brand--compact .brand__logo-shell{width:clamp(12.5rem,54vw,15rem);height:clamp(3rem,12vw,3.7rem)}.button,.site-header__actions,.button-row{width:100%}.button-row .button{flex:100%}.feature-layout__grid,.pricing-grid,.difference-grid,.contrast-card__columns,.savings-grid,.pricing-card__savings-grid,.savings-card__metrics,.problem-grid__cards{grid-template-columns:1fr}.cta-panel,.hero__visual,.feature-spotlight,.media-card,.contrast-card,.savings-card,.savings-panel{padding:1rem}.savings-card__header{flex-direction:column}.faq-item summary{font-size:1rem}}