:root,[data-theme="light"]{--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2.2rem,1.4rem + 3vw,4.4rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-2:#ffffff;--color-border:#d8d4cb;--color-divider:#dfdbd3;--color-text:#232118;--color-text-muted:#6f6c63;--color-text-faint:#9d9a92;--color-text-inverse:#f7f6f2;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-primary-highlight:#dceaea;--color-secondary:#335c91;--color-secondary-highlight:#dde7f2;--radius-lg:.9rem;--radius-xl:1.2rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(34,32,28,.06);--shadow-md:0 10px 30px rgba(34,32,28,.08);--shadow-lg:0 18px 60px rgba(34,32,28,.12);--font-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:Georgia,serif;--transition:180ms cubic-bezier(.16,1,.3,1);--content-default:1120px;--content-narrow:860px}[data-theme="dark"]{--color-bg:#151412;--color-surface:#1b1a18;--color-surface-2:#22211f;--color-border:#3c3a36;--color-divider:#302f2c;--color-text:#ece8dd;--color-text-muted:#b1ada3;--color-text-faint:#817d75;--color-text-inverse:#161513;--color-primary:#56a2ab;--color-primary-hover:#76bbc3;--color-primary-highlight:#243638;--color-secondary:#78a9e5;--color-secondary-highlight:#28384a;--shadow-sm:0 1px 2px rgba(0,0,0,.24);--shadow-md:0 10px 30px rgba(0,0,0,.28);--shadow-lg:0 18px 60px rgba(0,0,0,.36)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:radial-gradient(circle at top right,var(--color-primary-highlight),transparent 28%),var(--color-bg)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:min(calc(100% - 2rem),var(--content-default));margin:0 auto}.narrow{width:min(calc(100% - 2rem),var(--content-narrow));margin:0 auto}.header{position:sticky;top:0;z-index:40;backdrop-filter:blur(16px);background:color-mix(in oklab,var(--color-bg) 88%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-text) 10%,transparent)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:700;letter-spacing:-.03em}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--color-primary);color:var(--color-text-inverse);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.brand-name{font-size:var(--text-lg)}.nav-links{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.nav-links a{font-size:var(--text-sm);color:var(--color-text-muted)}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle,.btn,.tab-btn{border:1px solid color-mix(in oklab,var(--color-text) 12%,transparent);border-radius:var(--radius-full);transition:all var(--transition)}.theme-toggle{width:44px;height:44px;display:inline-grid;place-items:center;background:var(--color-surface);color:var(--color-text)}.btn,.tab-btn{min-height:48px;padding:0 var(--space-5);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-size:var(--text-sm);font-weight:600;cursor:pointer;background:var(--color-surface-2)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:transparent}.btn-primary:hover{background:var(--color-primary-hover)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-8);align-items:center;min-height:calc(100dvh - 120px)}main section{padding:clamp(var(--space-12),8vw,var(--space-24)) 0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-primary) 10%,var(--color-surface-2));color:var(--color-primary);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.eyebrow.gas{background:color-mix(in oklab,var(--color-secondary) 10%,var(--color-surface-2));color:var(--color-secondary)}h1,h2{margin:0;line-height:1.05;letter-spacing:-.04em}h1{font-family:var(--font-display);font-size:var(--text-2xl);max-width:10ch;margin-top:var(--space-4)}h2{font-size:var(--text-xl);max-width:16ch}.hero-copy p,.section-intro p,.faq-item p,.card p,.legal-box p,.consent-box p{color:var(--color-text-muted);max-width:66ch}.hero-copy p{margin:var(--space-5) 0 var(--space-6)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.hero-metrics,.cards,.faq-grid,.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.metric,.visual-card,.widget-shell,.price-card,.card,.faq-item,.legal-box,.consent-box{border:1px solid color-mix(in oklab,var(--color-text) 10%,transparent);border-radius:var(--radius-xl)}.metric{padding:var(--space-4);background:color-mix(in oklab,var(--color-surface-2) 80%,var(--color-primary-highlight));box-shadow:var(--shadow-sm)}.metric strong{display:block;font-size:var(--text-lg);letter-spacing:-.03em}.visual-card{background:linear-gradient(155deg,color-mix(in oklab,var(--color-surface-2) 92%,white),var(--color-surface));padding:var(--space-6);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.visual-card.gas:before,.visual-card:before{content:"";position:absolute;inset:auto -10% -25% 25%;height:220px;background:radial-gradient(circle,color-mix(in oklab,var(--color-primary) 22%,transparent),transparent 70%)}.visual-card.gas:before{background:radial-gradient(circle,color-mix(in oklab,var(--color-secondary) 22%,transparent),transparent 70%)}.price-card{padding:var(--space-5);display:grid;gap:var(--space-3);margin-bottom:var(--space-4);background:var(--color-surface-2)}.price-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.price-row span{color:var(--color-text-muted);font-size:var(--text-sm)}.price-main{font-size:2rem;font-weight:700;letter-spacing:-.04em}.widget-shell{padding:var(--space-6);background:linear-gradient(180deg,var(--color-surface-2),color-mix(in oklab,var(--color-primary-highlight) 40%,var(--color-surface)))}.widget-shell.gas{background:linear-gradient(180deg,var(--color-surface-2),color-mix(in oklab,var(--color-secondary-highlight) 50%,var(--color-surface)))}.widget-frame{margin-top:var(--space-4);padding:var(--space-3);border-radius:calc(var(--radius-xl) - var(--space-3));background:var(--color-surface);overflow:hidden}.widget-note,.small-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-8)}.section-head p{margin:0}.card,.faq-item,.legal-box,.consent-box{padding:var(--space-5);background:var(--color-surface-2)}.card h3,.faq-item h3,.legal-box h3,.consent-box h3{margin:0 0 var(--space-3);font-size:var(--text-lg);letter-spacing:-.03em}.label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);margin-bottom:var(--space-3)}.section-alt{background:color-mix(in oklab,var(--color-surface) 78%,var(--color-primary-highlight));border-block:1px solid var(--color-divider)}.section-alt.gas{background:color-mix(in oklab,var(--color-surface) 78%,var(--color-secondary-highlight))}.two-col,.imprint-layout{display:grid;grid-template-columns:.92fr 1.08fr;gap:var(--space-5);align-items:start}.tab-switcher{display:inline-flex;gap:var(--space-2);padding:.4rem;background:color-mix(in oklab,var(--color-surface) 90%,var(--color-primary-highlight));border-radius:var(--radius-full);border:1px solid color-mix(in oklab,var(--color-text) 8%,transparent)}.tab-btn.is-active{background:var(--color-primary);color:var(--color-text-inverse);border-color:transparent}.page{display:none}.page.is-active{display:block}.footer{padding:var(--space-10) 0 var(--space-12);border-top:1px solid var(--color-divider)}.footer-grid{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-links{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text-muted)}.notice{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-4);max-width:72ch}.consent-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;display:none}.consent-banner.is-visible{display:block}.consent-box{box-shadow:var(--shadow-lg)}.consent-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.widget-placeholder{border:1px dashed color-mix(in oklab,var(--color-text) 18%,transparent);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;background:color-mix(in oklab,var(--color-surface-2) 70%,var(--color-primary-highlight))}.widget-placeholder.gas{background:color-mix(in oklab,var(--color-surface-2) 70%,var(--color-secondary-highlight))}@media (max-width:980px){.hero-grid,.two-col,.imprint-layout{grid-template-columns:1fr}.hero-metrics,.cards,.faq-grid,.legal-grid{grid-template-columns:1fr}.section-head,.nav{align-items:start}.nav{padding:var(--space-4) 0;flex-wrap:wrap}.nav-links{order:3;width:100%;overflow:auto}h1{max-width:13ch}}@media (max-width:640px){.container,.narrow{width:min(calc(100% - 1.25rem),var(--content-default))}.btn,.tab-btn{width:100%}.tab-switcher{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.nav-actions{width:100%}.nav-actions .btn{flex:1}.theme-toggle{flex:0 0 44px}.hero-grid{min-height:auto;padding-top:var(--space-8)}}