:root{--graphit:#17191C;--papier:#F5F5F7;--stahl:#686E75;--nebel:#E3E3E8;--weiss:#FFFFFF;--blau:#0071E3;--blau-text:#0062CC;--blau-hell:#2997FF;--blau-tief:#005BB8;--radius-s:3px;--maxw:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--graphit);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.mono{font-family:'JetBrains Mono','IBM Plex Mono',ui-monospace,monospace}a{color:var(--blau-text)}a:focus-visible,button:focus-visible,.navlink:focus-visible{outline:2px solid var(--blau);outline-offset:3px}h1,h2,h3{text-wrap:balance;margin:0;font-weight:600;letter-spacing:-0.018em}h1{font-size:clamp(34px,5vw,54px);letter-spacing:-0.028em;line-height:1.06}h2{font-size:clamp(26px,3.2vw,34px);letter-spacing:-0.024em;line-height:1.12}h3{font-size:19px;letter-spacing:-0.016em}p{margin:0}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}header{position:sticky;top:0;z-index:40;background:rgba(245,245,247,0.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--nebel)}.headrow{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;max-width:var(--maxw);margin:0 auto}.wordmark{font-size:19px;font-weight:700;letter-spacing:0.04em;color:var(--graphit);display:flex;align-items:center;gap:8px}.wordmark .hex{width:11px;height:11px;flex:none}nav.mainnav{display:flex;gap:30px}.navlink{color:var(--graphit);text-decoration:none;font-size:14px;font-weight:500;padding:4px 2px;border-bottom:1px solid transparent}.navlink:hover{border-bottom-color:var(--graphit)}.navcta{background:var(--graphit);color:var(--papier);text-decoration:none;font-size:14px;font-weight:600;padding:10px 18px;border-radius:var(--radius-s)}.navcta:hover{background:var(--blau);color:#fff}.menubtn{display:none;background:none;border:none;padding:6px;cursor:pointer}.menubtn svg{width:22px;height:22px}@media (max-width:780px){nav.mainnav{display:none}.menubtn{display:block}}.hero{padding:64px 0 72px;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='97' viewBox='0 0 84 97'%3E%3Cpolygon points='42,2 80,24 80,73 42,95 4,73 4,24' fill='none' stroke='%2317191C' stroke-opacity='0.05' stroke-width='1.2'/%3E%3C/svg%3E");background-position:-20px -10px;opacity:0.7;pointer-events:none}.hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 0.95fr;gap:56px;align-items:center}@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero{padding-top:40px}}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--stahl);margin-bottom:18px}.eyebrow .dot{width:6px;height:6px;background:var(--blau);border-radius:50%}.hero-lede{margin-top:20px;color:var(--stahl);font-size:18px;max-width:46ch}.btn-row{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;padding:13px 24px;border-radius:var(--radius-s)}.btn-primary{background:var(--blau);color:#fff}.btn-primary:hover{background:var(--blau-tief)}.btn-secondary{background:transparent;color:var(--graphit);border:1px solid var(--graphit)}.btn-secondary:hover{background:var(--graphit);color:var(--papier)}.hero-figure{background:var(--weiss);border:1px solid var(--nebel);border-radius:6px;padding:22px;position:relative}.hero-figure img{width:100%;height:auto;display:block;border-radius:2px}.hero-figure figcaption{margin-top:14px;font-size:13px;color:var(--stahl);display:flex;justify-content:space-between;gap:12px}section{padding:76px 0;border-top:1px solid var(--nebel)}section.tight{padding:60px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap}.section-num{font-size:13px;color:var(--stahl)}.lede{color:var(--stahl);font-size:17px;max-width:60ch;margin-top:14px}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media (max-width:860px){.problem-grid{grid-template-columns:1fr}}.load-diagram{background:var(--weiss);border:1px solid var(--nebel);border-radius:6px;padding:32px}.load-diagram svg{width:100%;height:auto;display:block}.problem-text p + p{margin-top:16px}.problem-text .statement{font-size:21px;font-weight:500;letter-spacing:-0.02em}.problem-text .support{color:var(--stahl)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:860px){.steps{grid-template-columns:1fr}}.step{background:var(--weiss);border:1px solid var(--nebel);border-radius:6px;padding:28px 24px;display:flex;flex-direction:column;gap:16px}.step .stepnum{font-size:13px;color:var(--blau-text);font-weight:700}.step svg{width:100%;height:110px}.step h3{margin-top:2px}.step p{color:var(--stahl);font-size:15px}.hexfeature{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center}@media (max-width:860px){.hexfeature{grid-template-columns:1fr}}.hex-visual{background:var(--graphit);border-radius:6px;padding:40px;display:flex;align-items:center;justify-content:center}.hex-visual svg{width:100%;max-width:340px;height:auto}.measure-line{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px}.measure-item{display:flex;flex-direction:column;gap:4px}.measure-item .val{font-size:20px;font-weight:600;letter-spacing:-0.015em}.measure-item .lab{font-size:12.5px;color:var(--stahl);text-transform:uppercase;letter-spacing:0.06em}.tech-table-wrap{overflow-x:auto;border:1px solid var(--nebel);border-radius:6px}table.tech{width:100%;border-collapse:collapse;background:var(--weiss);min-width:560px}table.tech th,table.tech td{text-align:left;padding:14px 20px;font-size:15px}table.tech thead th{font-size:12.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--stahl);border-bottom:1px solid var(--nebel);font-weight:600}table.tech tbody tr:not(:last-child) td{border-bottom:1px solid var(--nebel)}table.tech td.valcol{font-family:'JetBrains Mono',monospace;font-variant-numeric:tabular-nums}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:860px){.cards-3{grid-template-columns:1fr}}.infocard{background:var(--weiss);border:1px solid var(--nebel);border-radius:6px;padding:26px 24px}.infocard .icon{width:30px;height:30px;margin-bottom:16px;color:var(--blau)}.infocard p{color:var(--stahl);font-size:15px;margin-top:8px}.compat-row{display:flex;gap:40px;flex-wrap:wrap}.compat-col{flex:1 1 260px}.compat-col h3{display:flex;align-items:center;gap:8px;margin-bottom:14px}.compat-col ul{margin:0;padding-left:20px;color:var(--stahl);font-size:15px}.compat-col li + li{margin-top:8px}.tag-yes{color:var(--blau-text)}.tag-no{color:var(--stahl)}.prod-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}.prod-list li{display:flex;gap:16px;align-items:flex-start;font-size:16px}.prod-list .bullet{width:6px;height:6px;border-radius:50%;background:var(--blau);margin-top:10px;flex:none}.patent-note{margin-top:22px;font-size:13.5px;color:var(--stahl);border-top:1px dashed var(--nebel);padding-top:16px}.buy-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}@media (max-width:860px){.buy-layout{grid-template-columns:1fr}}.box-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.colorcard{background:var(--weiss);border:1px solid var(--nebel);border-radius:6px;overflow:hidden;text-align:left;position:relative}.colorcard img{width:100%;height:auto;display:block}.colorcard .cc-label{padding:12px 14px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px}.colorcard .cc-dot{width:12px;height:12px;border-radius:50%;flex:none;border:1px solid rgba(0,0,0,0.15)}.selector-label{font-size:12.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--stahl);font-weight:600;margin-bottom:12px;display:block}.box-note{margin-top:22px;font-size:13.5px;color:var(--stahl)}.ctaband{background:var(--graphit);color:var(--papier);border-radius:8px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.ctaband .cta-selection{font-size:13px;color:#9ea2ab;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:6px}.ctaband .cta-headline{font-size:22px;font-weight:600;letter-spacing:-0.022em;color:var(--papier)}.ctaband .price-note{color:#b9bcc2;font-size:13.5px;margin-top:10px;max-width:42ch}.ctaband .btn-primary{background:var(--blau);white-space:nowrap}.btn-soon{display:inline-block;padding:13px 22px;border-radius:4px;font-size:15px;font-weight:600;color:#9ea2ab;border:1px dashed #4a4e57;background:transparent;white-space:nowrap;cursor:default}.media-video{width:100%;height:auto;display:block;border-radius:2px;background:#000}.prod-media{background:var(--weiss);border:1px solid var(--nebel);border-radius:6px;padding:18px}.prod-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:48px;align-items:center}@media (max-width:860px){.prod-layout{grid-template-columns:1fr}}.energie{position:relative;overflow:hidden;padding:0;border-top:none;height:clamp(320px,46vw,480px);display:flex;align-items:flex-end}.energie video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.energie::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(23,25,28,0.15) 0%,rgba(23,25,28,0.75) 100%)}.energie-content{position:relative;z-index:2;padding:0 28px 44px;max-width:var(--maxw);margin:0 auto;width:100%}.energie-quote{color:#fff;font-size:clamp(22px,3vw,32px);font-weight:500;letter-spacing:-0.022em;max-width:22ch;text-wrap:balance}.energie-tag{color:#c7cad0;font-size:13px;text-transform:uppercase;letter-spacing:0.07em;margin-top:12px}@media (prefers-reduced-motion:reduce){.energie video,.prod-media video{display:none}.energie{background:var(--graphit)}.prod-media{display:flex;align-items:center;justify-content:center;min-height:200px}}.faq-item{border-bottom:1px solid var(--nebel)}.faq-item:first-child{border-top:1px solid var(--nebel)}.faq-q{width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:20px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16.5px;font-weight:500;color:var(--graphit);font-family:inherit}.faq-q .plus{font-size:20px;color:var(--blau);font-weight:400;flex:none;transition:transform 0.15s ease}.faq-item[open] .plus{transform:rotate(45deg)}.faq-a{padding:0 4px 22px;color:var(--stahl);font-size:15.5px;max-width:68ch}.faq-more{margin-top:24px;font-size:14.5px}.gpsr-box{background:var(--weiss);border:1px solid var(--nebel);border-radius:6px;padding:30px 28px}.gpsr-box h3{margin-bottom:4px}.gpsr-box .flag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--blau-text);background:rgba(0,113,227,0.09);padding:4px 9px;border-radius:3px;margin-bottom:14px}.gpsr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 32px;margin-top:18px}@media (max-width:700px){.gpsr-grid{grid-template-columns:1fr}}.gpsr-field dt{font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--stahl);margin-bottom:5px}.gpsr-field dd{margin:0;font-family:'JetBrains Mono',monospace;font-size:14.5px;color:var(--graphit)}.gpsr-field dd.placeholder{color:var(--stahl);font-style:normal}.gpsr-safety{margin-top:22px;padding-top:20px;border-top:1px dashed var(--nebel)}.gpsr-safety ul{margin:10px 0 0;padding-left:20px;color:var(--stahl);font-size:14.5px}.gpsr-safety li + li{margin-top:6px}.draft-tag{font-size:12.5px;color:var(--stahl);margin-top:16px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}@media (max-width:860px){.contact-grid{grid-template-columns:1fr}}.contact-field dt{font-size:12.5px;text-transform:uppercase;letter-spacing:0.05em;color:var(--stahl);margin-bottom:6px}.contact-field dd{margin:0 0 26px;font-size:16px}.contact-field dd.placeholder{color:var(--stahl);font-family:'JetBrains Mono',monospace;font-size:14.5px}footer{border-top:1px solid var(--nebel);padding:48px 0 40px}.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:34px}.footer-cols{display:flex;gap:64px;flex-wrap:wrap}.footer-col h4{font-size:12.5px;text-transform:uppercase;letter-spacing:0.06em;color:var(--stahl);margin-bottom:14px;font-weight:600}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-col a{color:var(--graphit);text-decoration:none;font-size:14.5px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.footer-col a:hover{color:var(--blau-text)}.footer-bottom{border-top:1px solid var(--nebel);padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--stahl)}.legal-overlay{position:fixed;inset:0;background:rgba(23,25,28,0.5);display:none;align-items:center;justify-content:center;padding:24px;z-index:100}.legal-overlay.open{display:flex}.legal-modal{background:var(--papier);border-radius:8px;max-width:560px;width:100%;padding:34px 32px;max-height:82vh;overflow-y:auto;border:1px solid var(--nebel)}.legal-modal .flag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--stahl);background:var(--nebel);padding:4px 9px;border-radius:3px;margin-bottom:14px}.legal-modal p{color:var(--stahl);font-size:15px;margin-top:14px}.legal-modal ul{color:var(--stahl);font-size:14.5px;margin-top:10px;padding-left:20px}.legal-modal li + li{margin-top:6px}.legal-close{margin-top:26px;background:var(--graphit);color:var(--papier);border:none;padding:11px 20px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.skip-link{position:absolute;left:-9999px;top:0;background:var(--graphit);color:var(--papier);padding:10px 16px;z-index:200}.skip-link:focus{left:12px;top:12px}