:root{--bg:#14121b;--bg-soft:#1c1926;--fg:#f0eef6;--muted:#a49fb4;--accent:#a78bfa;--accent-2:#2dd4bf;--accent-soft:#2a2440;--card:#1e1b29;--border:#2e2a3c;--shadow:0 8px 30px #00000059}html{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.wrap{max-width:68rem;margin:0 auto;padding:0 1.5rem}.brand{letter-spacing:-.02em;font-weight:800}.brand .ai{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.site-header{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.site-header .brand{font-size:1.5rem}.brand-lockup{flex-direction:column;line-height:1.25;display:flex}.brand-by{color:var(--muted);letter-spacing:.01em;font-size:.78rem;font-weight:600}.site-header nav{align-items:center;gap:.5rem;display:flex}.site-header nav a{color:var(--muted);border-radius:999px;padding:.5rem .9rem;font-weight:600;text-decoration:none}.site-header nav a:hover{background:var(--bg-soft);color:var(--fg)}.site-header nav a.btn{color:#fff;border:none}.site-header nav a.btn:hover{background:var(--accent);color:#fff}.btn{border:2px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px;padding:.8rem 1.6rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn--ghost{color:var(--fg);border-color:var(--border);background:0 0}.hero{text-align:center;padding:4.5rem 0 4rem}.hero h1{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.1}.hero .lead{color:var(--muted);max-width:38rem;margin:0 auto 2.25rem;font-size:1.2rem}.hero .actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}section{padding:3.5rem 0}.section-title{letter-spacing:-.02em;text-align:center;margin:0 0 .5rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800}.section-sub{color:var(--muted);text-align:center;max-width:36rem;margin:0 auto 2.5rem}.steps-band{background:var(--bg-soft);box-shadow:var(--shadow);border-radius:2rem;padding:3rem 1.5rem;position:relative}.steps{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.75rem;display:flex}.step{background:var(--card);border:1px solid var(--border);text-align:center;max-width:18rem;box-shadow:var(--shadow);border-radius:1.5rem;flex:14rem;padding:1.75rem 1.5rem}.step .icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:1.3rem;place-items:center;width:4.25rem;height:4.25rem;margin:0 auto 1rem;display:grid;box-shadow:0 6px 18px #6d28d959}.step .icon svg{width:32px;height:32px}.step h3{margin:0 0 .4rem;font-size:1.1rem}.step p{color:var(--muted);margin:0;font-size:.95rem}.step-arrow{color:var(--accent);flex:none;align-self:center}.step-arrow.is-visible svg{animation:1.6s ease-in-out infinite arrow-nudge}@keyframes arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@media (width<=44rem){.step-arrow svg{transform:rotate(90deg)}.step-arrow.is-visible svg{animation-name:arrow-nudge-down}.steps{flex-direction:column;align-items:center}}@keyframes arrow-nudge-down{0%,to{transform:rotate(90deg)translate(0)}50%{transform:rotate(90deg)translate(6px)}}.flow-movie{width:100%;max-width:44rem;height:auto;margin:0 auto 2.5rem;display:block}.flow-movie .fm-card{fill:var(--card);stroke:var(--accent);stroke-width:2px}.flow-movie .fm-line,.flow-movie .fm-outline{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.flow-movie .fm-browser-dot,.flow-movie .fm-cart-wheel{fill:var(--accent)}.flow-movie .fm-label{fill:var(--muted);font-family:inherit;font-size:13px;font-weight:600}.flow-movie .fm-chip{fill:var(--accent)}.flow-movie .fm-ai-text{fill:#fff;font-family:inherit;font-size:26px;font-weight:800}.flow-movie .fm-chimney{fill:var(--accent)}.flow-movie .fm-factory{animation:9s linear infinite fm-rattle}@keyframes fm-rattle{0%,26%{transform:translate(0)}29%{transform:translate(-.8px,.5px)}32%{transform:translate(.8px,-.5px)}35%{transform:translate(-.7px,-.5px)}38%{transform:translate(.7px,.5px)}41%{transform:translate(-.8px,.3px)}44%{transform:translate(.8px,-.3px)}47%{transform:translate(-.6px,.5px)}50%{transform:translate(.6px,-.5px)}53%{transform:translate(-.4px,.3px)}56%,to{transform:translate(0)}}.flow-movie .fm-puff{fill:var(--muted);opacity:0;transform-box:fill-box;transform-origin:50%}.flow-movie .fm-puff--1{animation:9s ease-out infinite fm-puff-1}.flow-movie .fm-puff--2{animation:9s ease-out infinite fm-puff-2}.flow-movie .fm-puff--3{animation:9s ease-out infinite fm-puff-3}@keyframes fm-puff-1{0%,27%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:.55}38%,to{opacity:0;transform:translateY(-26px)scale(1.5)}}@keyframes fm-puff-2{0%,35%{opacity:0;transform:translateY(0)scale(.6)}38%{opacity:.5}47%,to{opacity:0;transform:translateY(-30px)scale(1.6)}}@keyframes fm-puff-3{0%,43%{opacity:0;transform:translateY(0)scale(.6)}46%{opacity:.55}55%,to{opacity:0;transform:translateY(-24px)scale(1.4)}}.flow-movie .fm-parcel{animation:9s ease-in-out infinite fm-parcel}.flow-movie .fm-parcel-box{fill:#c98f57}.flow-movie .fm-parcel-flap{fill:#b77a45}.flow-movie .fm-parcel-tape{stroke:#f1d8b8;stroke-width:3px}.flow-movie .fm-parcel-label{fill:#fff}.flow-movie .fm-parcel-fold{stroke:#a86a38;stroke-width:1px;opacity:.7}@keyframes fm-parcel{0%{opacity:0;transform:translate(75px,90px)scale(0)}6%{opacity:1;transform:translate(75px,90px)scale(1)}12%{opacity:1;transform:translate(75px,90px)scale(1)}30%{opacity:1;transform:translate(320px,95px)scale(.8)}34%,to{opacity:0;transform:translate(320px,95px)scale(.4)}}.flow-movie .fm-route{fill:none;stroke:var(--accent-2);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:9s linear infinite fm-route}@keyframes fm-route{0%,40%{stroke-dashoffset:1px}58%{stroke-dashoffset:0}to{stroke-dashoffset:0}}.flow-movie .fm-van{offset-path:path("M355 95 C 400 55, 430 135, 480 95 S 555 70, 585 95");offset-rotate:0deg;opacity:0;animation:9s linear infinite fm-van}.flow-movie .fm-van-body,.flow-movie .fm-van-cab{fill:var(--accent)}.flow-movie .fm-wheel{fill:var(--fg)}@keyframes fm-van{0%,56%{offset-distance:0%;opacity:0}58%{offset-distance:0%;opacity:1}84%{offset-distance:100%;opacity:1}88%,to{offset-distance:100%;opacity:0}}@supports not (offset-path:path('M0 0h1')){.flow-movie .fm-van{display:none}}.flow-movie .fm-check{transform-origin:605px 70px;animation:9s ease-out infinite fm-check}.flow-movie .fm-check-bg{fill:var(--accent-2)}.flow-movie .fm-check-mark{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}@keyframes fm-check{0%,84%{opacity:0;transform:scale(0)}90%{opacity:1;transform:scale(1.2)}93%,97%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.reveal.is-visible{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.12s}.reveal:nth-child(3){transition-delay:.24s}.reveal:nth-child(4){transition-delay:.36s}.reveal:nth-child(5){transition-delay:.48s}.features{columns:2;column-gap:1rem}@media (width<=44rem){.features{columns:1}}.feature{break-inside:avoid;background:var(--bg-soft);border:1px solid var(--border);border-radius:1.5rem;align-items:flex-start;gap:1rem;margin:0 0 1rem;padding:1.5rem;display:flex}.feature .icon{color:var(--accent);flex:none;margin-top:.15rem}.feature h3{margin:0 0 .3rem;font-size:1.05rem}.feature p{color:var(--muted);margin:0;font-size:.95rem}.savings{background:var(--bg-soft);border-radius:2rem;padding:3rem 1.5rem}.savings-inner{max-width:52rem;margin:0 auto}.savings label{text-align:center;margin-bottom:.75rem;font-weight:700;display:block}.savings output{text-align:center;background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;min-width:3.2rem;margin-left:.35rem;padding:.15rem .8rem;display:inline-block}input[type=range]{--fill:18%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:2rem;margin:.25rem 0 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent), var(--accent-2)) 0 / var(--fill) 100% no-repeat, var(--border);border-radius:999px;height:.75rem}input[type=range]::-moz-range-track{background:var(--border);border-radius:999px;height:.75rem}input[type=range]::-moz-range-progress{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:.75rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:4px solid var(--accent);background:#fff;border-radius:50%;width:1.75rem;height:1.75rem;margin-top:-.5rem;transition:transform .15s;box-shadow:0 4px 14px #6d28d966}input[type=range]::-moz-range-thumb{border:4px solid var(--accent);background:#fff;border-radius:50%;width:1.75rem;height:1.75rem;transition:transform .15s;box-shadow:0 4px 14px #6d28d966}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{transform:scale(1.15)}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:999px}.slider-scale{color:var(--muted);justify-content:space-between;margin-top:.25rem;font-size:.85rem;display:flex}.savings-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}@media (width<=44rem){.savings-stats{grid-template-columns:1fr}}.stat{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:1.25rem;padding:1.25rem}.stat strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:800;display:block}.stat span{color:var(--muted);font-size:.9rem}.live{margin:0 0 3rem}.live-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;display:flex}.live-dot{background:var(--accent-2);border-radius:50%;width:.55rem;height:.55rem;animation:2s infinite live-pulse;box-shadow:0 0 #2dd4bf99}@keyframes live-pulse{0%{box-shadow:0 0 #2dd4bf99}70%{box-shadow:0 0 0 .6rem #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}.live-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=44rem){.live-grid{grid-template-columns:repeat(2,1fr)}}.stat--live strong{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,4vw,2.4rem)}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.stat--hero{box-shadow:var(--shadow);transform:scale(1.06)}.stat--hero strong{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.4rem}.stat--hero span{font-weight:600}@media (width<=44rem){.stat--hero{order:-1;transform:none}}.savings-note{text-align:center;color:var(--muted);margin:.5rem 0 0;font-size:.85rem}.km-compare{gap:.9rem;margin-top:1.5rem;display:grid}.km-row{grid-template-columns:13rem 1fr 7rem;align-items:center;gap:.9rem;display:grid}@media (width<=44rem){.km-row{grid-template-columns:1fr 4.5rem}.km-label{grid-column:1/-1;margin-bottom:-.4rem}}.km-label{font-size:.95rem;font-weight:600}.km-label .brand{font-size:inherit}.km-track{background:var(--border);border-radius:999px;height:1.6rem;position:relative;overflow:hidden}.km-bar{border-radius:999px;height:100%;transition:width .35s}.km-bar--old{background:var(--muted);opacity:.55}.km-bar--new{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.km-badge{background:var(--accent-2);color:#fff;border-radius:999px;padding:.1rem .6rem;font-size:.75rem;font-weight:800;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.km-value{font-variant-numeric:tabular-nums;color:var(--muted);text-align:right;font-size:.95rem;font-weight:700}.km-value--new{color:var(--accent)}.tiers{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1rem;display:grid}@media (width<=54rem){.tiers{grid-template-columns:1fr}}.tier{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.75rem;flex-direction:column;padding:2rem 1.5rem;display:flex}.tier--featured{border:2px solid var(--accent);position:relative}.tier--featured .tag{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:.25rem .9rem;font-size:.75rem;font-weight:700;position:absolute;top:-.85rem;left:50%;transform:translate(-50%)}.tier h3{margin:0 0 .25rem;font-size:1.3rem}.tier .tier-sub{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.tier .price{color:var(--accent);margin:0 0 1.25rem;font-size:1.15rem;font-weight:800}.tier ul{flex:1;margin:0 0 1.5rem;padding:0;list-style:none}.tier li{margin-bottom:.6rem;padding-left:1.6rem;font-size:.95rem;position:relative}.tier li:before{content:"";background:var(--accent-soft);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.3rem;left:0}.tier li:after{content:"✓";color:var(--accent);font-size:.7rem;font-weight:800;position:absolute;top:.05rem;left:.22rem}.tier .btn{text-align:center}.cta-band{text-align:center;background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#fff;border-radius:2rem;padding:3rem 1.5rem}.cta-band h2{margin:0 0 .5rem;font-size:1.8rem;font-weight:800}.cta-band p{opacity:.9;margin:0 0 1.5rem}.cta-band .btn{color:var(--accent);background:#fff;border-color:#fff}.site-footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:4rem;padding:2rem 0 3rem;font-size:.9rem;display:flex}.site-footer a{color:var(--muted)}@media (width<=44rem){.site-header nav a:not(.btn){display:none}.site-header .brand{font-size:1.3rem}.site-header nav a.btn{padding:.6rem 1.1rem}.hero{padding:2.5rem 0}section{padding:2.25rem 0}.steps-band,.savings{padding:2rem 1rem}.cta-band{padding:2.25rem 1rem}.flow-movie{margin-bottom:1.5rem}.hero .actions .btn{text-align:center;width:100%}.tier .btn{width:100%}.site-footer{text-align:center;flex-direction:column;align-items:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.step-arrow.is-visible svg,.flow-movie .fm-pulse,.flow-movie .fm-parcel,.flow-movie .fm-route,.flow-movie .fm-van,.flow-movie .fm-check,.flow-movie .fm-factory,.flow-movie .fm-puff{animation:none}.flow-movie .fm-route{stroke-dashoffset:0}.flow-movie .fm-parcel{opacity:1;transform:translate(75px,90px)}.flow-movie .fm-check{opacity:1;transform:scale(1)}.btn{transition:none}}.demo{margin-top:2.5rem}.demo-intro{text-align:center;margin-bottom:1rem}.demo-intro h3{margin:0 0 .25rem;font-size:1.3rem}.demo-intro p{color:var(--muted);margin:0;font-size:.95rem}.app{--app-bg:#fafafa;--app-fg:#1d1d1f;--app-muted:#6e6e73;--app-border:#e8e8ed;--app-soft:#f5f5f7;--app-primary:#3a5af2;background:var(--app-bg);color:var(--app-fg);border:1px solid #2e2a3c;border-radius:1rem;font-size:.85rem;overflow:hidden;box-shadow:0 20px 60px #00000073}.app-bar{border-bottom:1px solid var(--app-border);background:#fff;align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex}.app-back{color:var(--app-muted);font-size:1.4rem;line-height:1}.app-title{text-transform:capitalize;flex:1;font-weight:600}.app-user{color:var(--app-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.app-avatar{width:1.6rem;height:1.6rem;color:var(--app-fg);background:#e8e8ed;border-radius:50%;place-items:center;font-size:.7rem;font-weight:600;display:grid}.app-body{grid-template-columns:1fr 17rem;min-height:24rem;display:grid}.app-map-wrap{background:#f4f3ef;position:relative}.app-map{width:100%;height:100%;min-height:20rem;display:block}.m-route-fade{animation:.6s ease-out both m-fade}@keyframes m-fade{0%{opacity:0}}.m-land{fill:#f4f3ef}.m-water{fill:#cfe0ea}.m-park{fill:#e4ecdc}.m-road-casing{fill:none;stroke:#dedcd6;stroke-width:5px}.m-road{fill:none;stroke:#fff;stroke-width:3.5px}.m-road-casing--major{stroke-width:8px}.m-road--major{stroke-width:6px;stroke:#fdfdf9}.m-depot{fill:#374151;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 2px 4px #0000004d)}.m-label{fill:#fff;pointer-events:none;font-family:inherit;font-size:12px;font-weight:700}.m-stop{transform-box:fill-box;transform-origin:50%;animation:.3s ease-out both m-pop}.m-stop-dot{fill:#fb923c;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 1px 3px #00000059);transition:fill .3s}@keyframes m-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.m-route{fill:none;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;opacity:.9;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.2s ease-out forwards m-draw}@keyframes m-draw{to{stroke-dashoffset:0}}.app-map-btn{background:var(--app-soft);color:var(--app-fg);border-radius:.6rem;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:.75rem;left:.75rem;box-shadow:0 4px 12px #0000001f}.app-attrib{color:#86868b;background:#fffc;border-radius:.2rem;padding:0 .3rem;font-size:.6rem;position:absolute;bottom:.3rem;right:.4rem}.app-panel{border-left:1px solid var(--app-border);background:#fff;flex-direction:column;display:flex}.app-panel-head{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.9rem 1rem;display:flex}.app-panel-head h4{margin:0;font-size:1rem;font-weight:600}.app-panel-head p{color:var(--app-muted);margin:.15rem 0 0;font-size:.75rem}.app-vans{align-items:center;gap:.2rem;display:flex}.app-van{border:1px solid var(--app-border);background:var(--app-soft);min-width:2rem;height:1.9rem;color:var(--app-fg);font:inherit;cursor:pointer;border-radius:.4rem;place-items:center;padding:0 .4rem;font-size:.75rem;font-weight:600;display:grid}.app-van.is-active{background:var(--vc,var(--app-primary));border-color:var(--vc,var(--app-primary));color:#fff}.app-load{color:var(--app-muted)}.app-load--full{color:#dc2626;font-weight:600}.app-panel-list{flex-direction:column;flex:1;gap:.4rem;max-height:15rem;padding:.75rem 1rem;display:flex;overflow-y:auto}.app-order,.app-route{border:1px solid var(--app-border);background:#fff;border-radius:.75rem;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.app-order-dot{color:#fff;background:#fb923c;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.7rem;font-weight:600;display:grid}.app-order-text,.app-route-text{flex-direction:column;flex:1;min-width:0;display:flex}.app-order-text strong,.app-route-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.app-order-text small,.app-route-text small{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.app-route-truck{border-radius:.5rem;flex:none;place-items:center;width:1.9rem;height:1.9rem;display:grid}.app-select{background:var(--app-soft);border:1px solid var(--app-border);white-space:nowrap;color:var(--app-fg);border-radius:.5rem;padding:.3rem .5rem;font-size:.7rem}.app-panel-foot{border-top:1px solid var(--app-border);flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.app-kpi{color:var(--app-muted);flex-wrap:wrap;align-items:center;gap:.25rem .9rem;font-size:.72rem;display:flex}.app-kpi strong{color:var(--app-fg);font-variant-numeric:tabular-nums;margin-left:.25rem}.app-kpi strong.good{color:#059669}.app-kpi-saved{color:#059669;font-weight:700}.app-btn{font:inherit;cursor:pointer;border:0;border-radius:.6rem;padding:.6rem .9rem;font-size:.85rem;font-weight:500}.app-btn--primary{background:var(--app-primary);color:#fff}.app-btn--primary:disabled{opacity:.6;cursor:default}.app-btn--secondary{background:var(--app-soft);color:var(--app-fg)}@media (width<=54rem){.app-body{grid-template-columns:1fr}.app-panel{border-left:0;border-top:1px solid var(--app-border)}.app-panel-list{max-height:11rem}.app-map{min-height:14rem}}@media (prefers-reduced-motion:reduce){.m-route{stroke-dashoffset:0;animation:none}.m-stop{animation:none}}.calc{text-align:center;max-width:40rem;margin:0 auto}.calc-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.calc-preset{border:2px solid var(--border);background:var(--card);min-width:3.6rem;color:var(--fg);font:inherit;cursor:pointer;border-radius:999px;padding:.55rem .9rem;font-weight:700;transition:border-color .15s,background .15s}.calc-preset:hover{border-color:var(--accent)}.calc-preset.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.calc-presets-label{width:100%;color:var(--muted);margin-top:.25rem;font-size:.9rem}.calc-fine{color:var(--muted);text-align:left;margin:1.25rem 0 .25rem;font-size:.9rem;font-weight:500;display:block}.calc-fine output{color:var(--fg);background:0 0;min-width:0;margin:0;padding:0;font-weight:700}.calc-result{color:var(--muted);margin:1.75rem 0 .5rem;font-size:1.15rem}.calc-euro{letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.25rem 0;font-size:clamp(2.6rem,8vw,4rem);font-weight:800;line-height:1.1;display:block}.calc-per{font-size:1rem}.calc-breakdown{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.4rem .75rem;margin-bottom:1.5rem;font-size:1rem;display:flex}.calc-breakdown strong{color:var(--fg);font-variant-numeric:tabular-nums}.calc-sep{color:var(--border)}