@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--noordzee:#0e2a3a;--duin:#f6f1e7;--vloed:#0b6e6e;--golf:#5fc4b4;--zon:#f2b233;--eb:#a8431f;--ink:#0e2a3a;--ink-soft:#34505e;--ink-muted:#5b6f79;--line:#e6dccb;--line-strong:#d9cfbc;--card:#fff;--zon-soft:#fbe7b5;--zon-glow:#f9ebc9;--eb-licht:color-mix(in srgb, var(--eb) 55%, #fff);--radius:20px;--display:"Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--body:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--zon-glow)}body{background:var(--duin);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.45}a{color:var(--vloed)}body{background-image:linear-gradient(180deg, var(--zon-glow) 0, var(--duin) 240px);background-repeat:no-repeat;min-height:100vh}a:hover{color:#084f4f}:focus-visible{outline:3px solid var(--golf);outline-offset:2px}.app{max-width:480px;padding:calc(8px + env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:18px;margin:0 auto;display:flex}h1{font-family:var(--display);letter-spacing:-.5px;text-wrap:balance;margin:0;font-size:30px;font-weight:800;line-height:1.1}h2{margin:0;font-size:16px;font-weight:600}.lede{color:var(--ink-soft);margin:0}.hint{color:var(--ink-muted);margin:0;font-size:14px}.daycast-sun circle{fill:var(--zon)}.daycast-rays line{stroke:var(--zon);stroke-width:2.5px;stroke-linecap:round}.daycast-cloud{fill:#fff;stroke:var(--line-strong);stroke-width:1.2px}.daycast-cloud--back{fill:var(--line)}.topbar,.now,.tile,.row-main,.row-eye{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.topbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.topbar-right{align-items:center;gap:2px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;text-decoration:none;display:flex}a.brand:hover{color:var(--ink)}.brand-name{font-family:var(--display);font-size:22px;font-weight:800}.topbar .icon-btn{width:40px}@media (width<=440px){.topbar .icon-btn{width:36px}.topbar .brand-name{font-size:20px}.topbar .brand{gap:6px}.topbar .daytab{padding:0 8px}}@media (width<=370px){.topbar .brand-name{font-size:17px}.topbar .brand{gap:4px}.topbar .icon-btn{width:34px}}@media (width<=340px){.topbar .brand-name{display:none}}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{background:#0e2a3a0f}.daytabs-wrap{align-self:center;display:flex;position:relative}.daytabs-note{z-index:2;background:var(--vloed);color:#fff;opacity:0;pointer-events:none;border-radius:12px;width:max-content;max-width:min(260px,100vw - 32px);margin:0;padding:10px 12px;font-size:13px;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-4px);box-shadow:0 6px 20px #0e2a3a2e}.daytabs-note:before{content:"";background:inherit;width:10px;height:10px;position:absolute;top:-5px;right:28px;transform:rotate(45deg)}.daytabs-note--on{opacity:1;transform:none}.daytabs{background:var(--card);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;align-self:flex-start;padding:2px;display:inline-grid;position:relative}.daytab{font:inherit;min-height:28px;color:var(--ink-soft);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:12px;font-weight:600;transition:color .24s;position:relative}.daytabs-thumb{background:var(--noordzee);border-radius:999px;width:calc(50% - 2px);transition:transform .24s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;bottom:2px;left:2px}.daytabs--morgen .daytabs-thumb{transform:translate(100%)}.daytab--on{color:#fff}@media (prefers-reduced-motion:reduce){.daytabs-thumb,.daytab{transition:none}}.daytab:after{content:"";position:absolute;inset:-8px 0}.daytab[aria-disabled=true]{color:var(--ink-muted);opacity:.55;cursor:default}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.greeting{text-align:center;place-content:center;gap:6px;min-height:55vh;animation:.7s cubic-bezier(.2,.7,.2,1) both greet-in;display:grid}.greeting--leave{animation:.35s both greet-out}.greeting-hello{font-family:var(--display);letter-spacing:-.5px;margin:0;font-size:40px;font-weight:800;line-height:1.1}.greeting-day{color:var(--ink-muted);margin:0;font-size:15px}@keyframes greet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes greet-out{to{opacity:0;transform:translateY(-8px)}}.app--enter :is(.now,.tiles,.notice,.plan,.footer){animation:.56s cubic-bezier(.2,.7,.2,1) both build-in}.app--enter .tiles{animation-delay:.12s}.app--enter .notice,.app--enter .plan{animation-delay:.24s}.app--enter .footer{animation-delay:.36s}@keyframes build-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.greeting,.greeting--leave,.app--enter :is(.now,.tiles,.notice,.plan,.footer){animation:none}}.glance{flex-direction:column;gap:10px;display:flex}.now{background:radial-gradient(130% 80% at 50% 110%, color-mix(in srgb, var(--vloed) 70%, var(--noordzee)) 0%, var(--noordzee) 65%);color:#fff;border-radius:28px;flex-direction:column;gap:8px;margin:0 -4px;padding:14px 14px 6px;display:flex}.now-row{align-items:flex-start;gap:12px;display:flex}.now-signal{color:#fff;background:#ffffff1f;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.now--sun .now-signal,.now--run .now-signal{background:var(--zon);color:var(--noordzee)}.now--cheap .now-signal,.now--free .now-signal{background:var(--golf);color:var(--noordzee)}.now--dear .now-signal{background:var(--eb)}.now--day .now-signal{background:0 0;border-radius:0}.now--day .daycast-icon{width:44px;height:44px}.now-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.now-label{letter-spacing:.06em;text-transform:uppercase;color:var(--golf);margin:0;font-size:12px;font-weight:600}.now-head{letter-spacing:-.2px;font-size:22px;line-height:1.15}.now-sub{color:#ffffffc7;margin:0;font-size:14px;line-height:1.35}.now-figure{flex-direction:column;flex:none;align-items:flex-end;margin:0;display:flex}.now-figure strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1.1}.now-figure span{color:#ffffffb3;white-space:nowrap;font-size:11px}.band{touch-action:pan-y;cursor:crosshair;display:block}.band--loading{cursor:default}.band-sun-top{stop-color:var(--zon);stop-opacity:.95}.band-sun-bottom{stop-color:var(--zon);stop-opacity:.25}.band-grid{stroke:#fff;stroke-opacity:.08}.band-base{stroke:#fff;stroke-opacity:.2}.band-tier--mid{fill:color-mix(in srgb, #fff 18%, var(--noordzee))}.band-tier--cheap{fill:var(--golf)}.band-tier--free{fill:color-mix(in srgb, var(--golf) 55%, #fff)}.band-tier--dear{fill:var(--eb)}.band-tier--unknown{fill:color-mix(in srgb, #fff 7%, var(--noordzee))}.band-icon{color:#fff}.band-icon--done{opacity:.4}.band-past{fill:var(--noordzee);fill-opacity:.5}.band-now{stroke:#fff;stroke-width:1.5px}.band-now-dot{fill:#fff}.band-marker{stroke:#fff;stroke-opacity:.6}.band-price{fill:none;stroke:#fff;stroke-opacity:.9;stroke-width:1.5px;stroke-linejoin:round}.band-price--cheap{stroke:var(--golf);stroke-opacity:1}.band-price--dear{stroke:var(--eb-licht);stroke-opacity:1}.band-price-label{fill:#fff;font:600 10px var(--body);font-variant-numeric:tabular-nums}.band-price-dot{fill:#fff}.band-tank{fill:none;stroke:var(--eb-licht);stroke-width:1.5px;stroke-linejoin:round;stroke-dasharray:4 3}.band-time,.band-readout,.band-tank-label{font:600 10px var(--body);font-variant-numeric:tabular-nums}.band-time{fill:#fff9}.band-readout{fill:#fff}.band-tank-label{fill:var(--eb-licht)}.band--pointing :is(.band-now,.band-now-dot,.band-past){opacity:.3}.tiles{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;display:grid}.tile{border:1px solid var(--line);background:var(--card);min-width:0;font:inherit;color:var(--ink);text-align:left;border-radius:16px;flex-direction:column;gap:2px;padding:10px;display:flex}.tile strong{font-family:var(--display);letter-spacing:-.3px;font-variant-numeric:tabular-nums;align-items:center;font-size:clamp(18px,5.4vw,22px);font-weight:800;line-height:1.1;display:flex}.tile strong small{align-self:flex-end;margin-bottom:2px}.tile-icon{flex:none;margin-right:5px}.tile-icon--sun{color:var(--zon)}.tile-icon--price{color:var(--vloed)}.tile-icon--tank{color:var(--eb)}.tile strong small{letter-spacing:0;margin-left:1px;font-size:10px;font-weight:700}.tile span{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}button.tile{cursor:pointer;touch-action:manipulation;transition:opacity .15s,background-color .15s}.tile--focus{border-width:2px;border-color:var(--ink);padding:9px}.tile--dim{border-style:dashed;border-color:var(--line-strong);background:0 0}.tile--dim>*{opacity:.45}.tile--dim .swatch{box-shadow:inset 0 0 0 1.5px var(--ink-muted);background:0 0}@media (prefers-reduced-motion:reduce){.tile{transition:none}}.swatch{background:var(--line-strong);border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.swatch--sun{background:var(--zon)}.swatch--price{background:linear-gradient(90deg, var(--golf), var(--eb))}.swatch--tank{background:var(--eb-licht)}.swatch--cheap{background:var(--golf)}.tile-legend{flex-wrap:wrap;gap:0 8px;display:flex}.tile .tile-legend{white-space:normal;overflow:visible}.swatch--dear{background:var(--eb)}.plan{flex-direction:column;gap:10px;display:flex}.plan-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.plan-head h1,.section-title{font-family:var(--display);letter-spacing:0;font-size:22px;font-weight:800;line-height:1.2}.plan-head h2{font-family:var(--display);font-size:20px;font-weight:800;line-height:1.2}.rows{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin:0;padding:0;list-style:none;overflow:hidden}.row{grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;display:grid}.row+.row{border-top:1px solid var(--line)}.row-main{width:100%;min-width:0;font:inherit;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 4px 12px 14px;display:grid}button.row-main{cursor:pointer;touch-action:manipulation}div.row-main{grid-template-columns:36px minmax(0,1fr)}.row-icon{background:var(--duin);width:36px;height:36px;color:var(--vloed);border-radius:12px;place-items:center;display:grid}.row-what{flex-direction:column;gap:1px;min-width:0;display:flex}.row-top{flex-wrap:wrap;align-items:center;gap:2px 8px;display:flex}.row-name{font-size:14px;font-weight:600}.row-when{white-space:nowrap;font-family:var(--display);color:var(--vloed);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800;line-height:1.2}.row-reason{color:var(--ink-muted);font-size:13px}.row--muted .row-icon{opacity:.6}.row-eye{color:var(--ink-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0 10px 0 0;display:grid}.row-eye:hover{color:var(--ink)}.row--hidden{background:color-mix(in srgb, var(--duin) 55%, var(--card))}.row--hidden .row-icon,.row--hidden .row-name{opacity:.45}.row--hidden .row-eye{color:var(--ink-muted);opacity:.8}.row-chevron{color:var(--ink-muted);transition:transform .2s}.row--open .row-chevron{transform:rotate(180deg)}.row-more{color:var(--ink-soft);flex-direction:column;grid-column:1/-1;gap:8px;padding:0 14px 14px 60px;font-size:14px;display:flex}.row-more p{margin:0}.row-kwh{color:var(--ink-muted);font-size:13px}.tank-reading{flex-direction:column;gap:6px;padding-top:4px;display:flex}.tank-reading label{color:var(--ink);font-size:13px;font-weight:600}.tank-reading-row{align-items:center;gap:8px;display:flex}.tank-reading input{border:1px solid var(--line-strong);width:88px;height:44px;font:inherit;color:var(--ink);background:#fff;border-radius:12px;padding:0 12px;font-size:16px}.row-star{color:var(--eb);margin-left:2px}.row-note{color:var(--ink-soft);font-size:13px}.row-tip{background:var(--duin);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.pill{white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.pill--sun{background:var(--zon-soft);color:#6b4700}.pill--cheap{background:color-mix(in srgb, var(--golf) 28%, #fff);color:var(--vloed)}.pill--ok{background:var(--duin);color:var(--ink-soft)}.pill--dear{background:color-mix(in srgb, var(--eb) 13%, #fff);color:var(--eb)}.pill--flex{background:color-mix(in srgb, var(--golf) 18%, #fff);color:var(--noordzee)}.avoid-line{color:var(--eb);align-items:baseline;gap:8px;margin:0;padding:0 4px;font-size:14px;font-weight:600;display:flex}.avoid-line .swatch{flex:none;width:16px;margin:0}@media (prefers-reduced-motion:reduce){.row-chevron{transition:none}}.panel-chevron{color:var(--vloed);flex:none;transition:transform .2s}.devices{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.devices li{border-top:1px solid var(--line);grid-template-columns:1fr auto;column-gap:12px;padding:8px 0;display:grid}.devices-name{color:var(--ink);font-weight:600}.devices-kw{color:var(--vloed);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.devices-note{color:var(--ink-muted);grid-column:1/-1;font-size:13px}.notice{background:var(--zon-soft);color:#4a3300;border-radius:16px;margin:0;padding:12px 16px;font-size:15px}.notice--error{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.notice--error p{margin:0}.footer{color:var(--ink-muted);flex-direction:column;gap:10px;padding-top:8px;font-size:13px;display:flex}.footer p{margin:0}.footer-note{border-top:1px solid var(--line);padding-top:10px}.btn{font:inherit;cursor:pointer;touch-action:manipulation;border-radius:14px;min-height:48px;padding:0 20px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--noordzee);color:#fff;border:0}.btn--ghost{border:1px solid var(--line-strong);background:var(--card);color:var(--ink)}.btn{transition:background-color .15s,border-color .15s}.btn--primary:hover{color:#fff;background:color-mix(in srgb, var(--noordzee) 78%, var(--vloed))}.btn--ghost:hover{color:var(--ink);border-color:var(--ink)}.btn--small{min-height:44px;padding:0 16px;font-size:14px}.app--onboarding{gap:14px}.app--onboarding .brand{margin-bottom:12px}.settings{flex-direction:column;gap:16px;display:flex}.settings fieldset{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex-direction:column;gap:8px;min-width:0;margin:0;padding:16px;display:flex}.settings legend{margin-left:-6px;padding:0 6px;font-weight:600}.settings label{color:var(--ink-soft);font-size:14px;font-weight:500}.settings input:not([type=radio]):not([type=checkbox]),.settings select{font:inherit;border:1px solid var(--line-strong);min-height:48px;color:var(--ink);background:#fff;border-radius:12px;width:100%;padding:0 14px;font-size:16px}.settings select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230e2a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;height:48px;padding-right:40px}.settings input:not([type=radio]):not([type=checkbox]){height:48px}.settings .row{gap:8px;display:flex}.settings .row input{flex:1;min-width:0}.choices{flex-direction:column;gap:2px;display:flex}.choice{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex;color:var(--ink)!important;font-size:16px!important}.choice input{width:20px;height:20px;accent-color:var(--vloed);margin:0}.settings-actions{justify-content:flex-end;gap:8px;display:flex}.sheet{width:min(480px,100vw);max-width:100vw;max-height:92vh;padding:20px 16px max(20px, env(safe-area-inset-bottom));background:var(--duin);color:var(--ink);overscroll-behavior:contain;border:0;border-radius:24px 24px 0 0;margin:auto auto 0}.sheet::backdrop{background:#0e2a3a73}.sheet h2{font-family:var(--display);margin-bottom:14px;font-size:24px;font-weight:800}@media (width>=560px){.sheet{border-radius:24px;margin:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.landing{max-width:1040px;padding:calc(16px + env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex}.landing main{flex-direction:column;gap:48px;display:flex}.landing-top{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.landing-hero{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.landing-hero h1{letter-spacing:-1px;font-size:38px}.landing-lede{color:var(--ink-soft);max-width:36ch;margin:0;font-size:18px}.landing-actions{flex-wrap:wrap;gap:10px;display:flex}.landing-actions .btn,.landing-cta .btn,.landing-top .btn{align-items:center;text-decoration:none;display:inline-flex}.landing-demo{flex-direction:column;gap:10px;margin:8px 0 0;display:flex}.landing-demo .hint{text-align:center}.landing-app{border:1px solid var(--line);background:var(--duin);border-radius:32px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 16px 40px #0e2a3a1f}.landing-app .now{margin:0}.landing-app .now-head{font-family:var(--display);margin:0;font-weight:800}.landing-app .row-eye{cursor:default}.landing-section{flex-direction:column;gap:16px;display:flex}.landing-why p{max-width:62ch;color:var(--ink-soft);margin:0}.landing-steps,.landing-features{gap:12px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{align-items:flex-start;gap:14px;display:flex}.landing-steps p,.landing-features p{color:var(--ink-soft);margin:0}.landing-step-nr{background:var(--noordzee);width:36px;height:36px;color:var(--zon);font-family:var(--display);border-radius:999px;flex:none;place-items:center;font-weight:800;display:grid}.landing-item-title{font-weight:600;color:var(--ink)!important;margin-bottom:2px!important}.landing-features li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.landing-features .landing-feature--highlight{background:color-mix(in srgb, var(--golf) 22%, var(--card));border-color:var(--golf)}.landing-feature--highlight .landing-item-title{color:var(--vloed)!important}.landing-cta{background:radial-gradient(120% 120% at 0% 100%, var(--vloed) 0%, var(--noordzee) 65%);border-radius:28px;flex-direction:column;align-items:flex-start;gap:14px;padding:24px 20px;display:flex}.landing-cta-title{font-family:var(--display);color:#fff;margin:0;font-size:24px;font-weight:800;line-height:1.15}.landing-cta .btn--primary{background:var(--zon);color:var(--noordzee)}.landing-cta .btn--primary:hover{color:var(--noordzee);background:color-mix(in srgb, var(--zon) 80%, #fff)}@media (width>=800px){.landing{gap:40px;padding-top:24px}.landing main{gap:72px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title demo""lede demo""actions demo";align-content:center;column-gap:48px}.landing-hero h1{grid-area:title;align-self:end;font-size:52px}.landing-lede{grid-area:lede}.landing-actions{grid-area:actions;align-self:start}.landing-demo{grid-area:demo;margin:0}.landing-steps{grid-template-columns:repeat(3,1fr);gap:24px}.landing-steps li{flex-direction:column}.landing-features{grid-template-columns:repeat(2,1fr)}.landing-features li:last-child:nth-child(odd){grid-column:1/-1}.landing-cta{flex-direction:row;justify-content:space-between;align-items:center;padding:32px 36px}}.login-or{color:var(--ink-muted);align-items:center;gap:12px;font-size:14px;display:flex}.login-or:before,.login-or:after{content:"";border-top:1px solid var(--line-strong);flex:1}.login-guest{border-radius:var(--radius);border:1px dashed var(--line-strong);flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.login-guest h2{font-family:var(--display);font-size:18px;font-weight:800}.login-guest p{color:var(--ink-soft);margin:0}.login-guest .btn{align-items:center;text-decoration:none;display:inline-flex}.login-form fieldset .btn{margin-top:8px}.login-form{gap:10px}.login-error{color:var(--eb);margin:4px 0 0;font-size:14px}.login-sent{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.login-sent p{margin:0}.login-code{align-self:stretch}.account{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);color:var(--ink-soft);flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:15px;display:flex}.account p{margin:0}.account .btn{align-items:center;text-decoration:none;display:inline-flex}.skeleton{background:linear-gradient(90deg, var(--line) 0%, var(--duin) 50%, var(--line) 100%) 0 0 / 200% 100%;border-radius:999px;height:12px;animation:1.4s ease-in-out infinite shimmer;display:block}.skeleton--tall{height:22px}.skeleton--icon{border-radius:12px;width:36px;height:36px}.skeleton--dark{background:linear-gradient(90deg,#ffffff1a 0%,#ffffff38 50%,#ffffff1a 100%) 0 0/200% 100%}.skeleton-signal{background:#ffffff1f}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.glance[aria-busy=true] .tiles,.plan[aria-busy=true] .rows{animation:.24s .18s both appear}@keyframes appear{0%{opacity:0}to{opacity:1}}.now--loading .now-label{text-transform:none;letter-spacing:0;color:#fff;font-size:15px}.now--loading .now-text{gap:8px}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--line);animation:none}.glance[aria-busy=true] .tiles,.plan[aria-busy=true] .rows{animation:none}}.account-actions{flex-wrap:wrap;gap:8px;display:flex}.account-links{color:var(--ink-muted);font-size:14px}.account-confirm{background:var(--duin);color:var(--ink);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.account-message{color:var(--ink);font-size:14px}.link-btn{font:inherit;color:var(--vloed);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.btn--danger{background:var(--eb);color:#fff;border:0}.btn--danger:hover{color:#fff;background:color-mix(in srgb, var(--eb) 85%, #000)}.doc{gap:16px}.doc section{flex-direction:column;gap:8px;display:flex}.doc h2{font-family:var(--display);font-size:20px;font-weight:800}.doc p,.doc li{color:var(--ink-soft);margin:0}.doc ul{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.doc .btn{align-items:center;text-decoration:none;display:inline-flex}.faq section{gap:10px}.faq .topbar .btn{align-items:center;text-decoration:none;display:inline-flex}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--card);border:1px solid var(--line);border-radius:16px}.faq-item summary{min-height:52px;color:var(--ink);cursor:pointer;touch-action:manipulation;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open] .panel-chevron{transform:rotate(180deg)}.faq-answer{flex-direction:column;gap:8px;padding:0 16px 16px;display:flex}.icon-btn{text-decoration:none}.negative{background:color-mix(in srgb, var(--golf) 22%, var(--card));border:1px solid var(--golf);color:var(--ink);border-radius:16px;flex-direction:column;gap:8px;padding:14px 16px;font-size:15px;display:flex}.negative p{margin:0}.negative-title{font-family:var(--display);color:var(--vloed);align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.negative-more summary{min-height:44px;color:var(--vloed);cursor:pointer;touch-action:manipulation;align-items:center;gap:4px;margin:-8px 0 -12px;font-size:14px;font-weight:600;list-style:none;display:inline-flex}.negative-more summary::-webkit-details-marker{display:none}.negative-more summary span{text-underline-offset:3px;text-decoration:underline}.negative-more summary svg{transition:transform .2s}.negative-more[open] summary svg{transform:rotate(180deg)}.negative-body{color:var(--ink-soft);flex-direction:column;gap:8px;padding-top:14px;font-size:14px;display:flex}