:root{
 --bg:#fbfbfa;--bg-2:#f2f3f5;--surface:#fff;--ink:#0d1014;--ink-2:#2a2f36;--muted:#545b64;--faint:#646b75;--line:#e3e5e8;--line-strong:#d3d7dc;
 --accent:#036f95;--accent-hover:#025a79;--accent-press:#014c66;--accent-soft:#e2f1f6;--accent-bright:#58c9e7;
 --night:#07090c;--night-2:#14171c;--night-3:#1c2027;--night-line:#23272e;--night-text:#f3f5f7;--night-muted:#a3abb5;
 --focus:var(--accent);
 --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
 --font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;
 --fs-hero:clamp(42px,6.8vw,100px);  --lh-hero:1.02;  --tr-hero:-.04em;
 --fs-display:clamp(34px,5vw,76px);  --lh-display:1.05;--tr-display:-.034em;
 --fs-display-sm:clamp(28px,3.4vw,48px);--lh-display-sm:1.08;--tr-display-sm:-.028em;
 --fs-title:clamp(21px,1.9vw,28px);  --lh-title:1.18; --tr-title:-.02em;
 --fs-eyebrow:clamp(17px,1.45vw,21px);
 --fs-lead:clamp(19px,1.6vw,24px);   --lh-lead:1.42;
 --fs-body:17px;--lh-body:1.55;--fs-small:15px;--fs-caption:13px;
 --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;--sp-10:128px;
 --sec-y:clamp(96px,12.5vw,176px);--sec-y-end:clamp(80px,10vw,160px);--head-gap:clamp(40px,5vw,72px);
 --hh:64px;--gutter:clamp(20px,5vw,48px);--maxw:1200px;
 --r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:28px;--r-xl:36px;--r-pill:999px;
 --ease:cubic-bezier(.22,1,.36,1);--ease-io:cubic-bezier(.65,0,.35,1);--ease-out:cubic-bezier(.16,1,.3,1);
 --t-press:.12s;--t-hover:.25s;--t-ui:.45s;
 --shadow-sm:0 1px 2px rgb(13 16 20/.05),0 4px 12px -4px rgb(13 16 20/.1);
 --shadow-md:0 24px 48px -20px rgb(13 16 20/.22),0 2px 6px rgb(13 16 20/.05);
 --shadow-lg:0 50px 100px -30px rgb(13 16 20/.28),0 30px 60px -40px rgb(13 16 20/.3);
 --shadow-dev:0 1px 1px rgb(13 16 20/.1),0 14px 28px -10px rgb(13 16 20/.2),0 56px 100px -36px rgb(13 16 20/.36);
 --status-bg:#f2f5f8;
 color-scheme:light;
}
@media (max-width:767px){:root{--hh:56px}}
:root{
 --c-ink:#0d1014;
 --c-paper:#fbfbfa;
 --c-mist:#eaf2f6;
 --c-linen:#f5f2ec;
 --c-night:#07090c;
 --c-black:#030405;
 --c-petrol:#036f95;
 --c-petrol-light:#58c9e7;
 --c-signal:#e5484d;
 --c-petrol-night:#0b1c24;
}
:root{
 --w-morning-bg:var(--c-mist);--w-morning-bg-2:#fbfbfa;--w-morning-fg:var(--ink);--w-morning-muted:#4c5560;--w-morning-accent:var(--accent);--w-morning-leak:rgb(255 214 170/.5);
 --w-flashback-bg:var(--c-night);--w-flashback-fg:#f1ece2;--w-flashback-muted:#b0a898;--w-flashback-accent:var(--w-flashback-fg); --w-flashback-bubble:rgb(241 236 226/.07);--w-flashback-bubble-line:rgb(241 236 226/.16);
 --w-sky-dawn:#e1ecf2;--w-sky-morning:#eef3f6;--w-sky-noon:var(--c-paper);--w-sky-golden:#f5e9da;--w-sky-twilight:#4f6572;--w-sky-dusk:#102029;
 --w-sky-fg:var(--ink);--w-sky-muted:#4a5561;--w-sky-accent:#025f80;
 --w-sky-fg-dusk:#f5f6fa;--w-sky-muted-dusk:#b4c3cc;--w-sky-accent-dusk:var(--c-petrol-light);
 --w-plan-bg:var(--c-linen);--w-plan-fg:var(--ink);--w-plan-muted:var(--muted);--w-plan-accent:var(--accent);--w-plan-sheet:#fff;
 --w-plan-shadow:rgb(40 30 20/.28);--w-plan-line:rgb(40 30 20/.08);--w-plan-signal:var(--c-signal);
 --w-blueprint-bg:var(--w-plan-bg);--w-blueprint-fg:var(--w-plan-fg);--w-blueprint-muted:var(--w-plan-muted);--w-blueprint-accent:var(--w-plan-accent);--w-blueprint-line:var(--w-plan-line);--w-blueprint-leader:rgb(40 30 20/.3);
 --w-inbox-bg:var(--c-night);--w-inbox-fg:#f3f5f7;--w-inbox-muted:#a3abb5;--w-inbox-hot:var(--c-signal);--w-inbox-hot-text:#ff6b70;--w-inbox-hot-glow:rgb(229 72 77/.35);
 --w-inbox-zero-bg:var(--c-mist);--w-inbox-zero-bg-2:#f7fafc;--w-inbox-zero-fg:var(--ink);--w-inbox-zero-muted:#4c5560;--w-inbox-zero-accent:var(--accent);
 --w-ledger-bg:var(--c-paper);--w-ledger-sheet:#fff;--w-ledger-fg:var(--ink);--w-ledger-muted:var(--muted);--w-ledger-accent:var(--accent);
 --w-receipt-bg:var(--w-ledger-bg);--w-receipt-paper:#fff;--w-receipt-fg:var(--ink);--w-receipt-muted:var(--muted);--w-receipt-accent:var(--accent);--w-receipt-rule:var(--line-strong);--w-receipt-head:var(--ink-2);
 --w-orbit-bg:#0d2a35;--w-orbit-bg-2:var(--c-night);--w-orbit-fg:#fff;--w-orbit-muted:#aeb6c0;--w-orbit-accent:var(--accent-bright);--w-orbit-dust:rgb(214 240 248/.3);--w-orbit-dust-glow:rgb(88 201 231/.12);
 --w-orbit-glow:rgb(3 111 149/.4);
 --w-orbit-backdrop:radial-gradient(34% 44% at 50% 56%,var(--w-orbit-glow),rgb(3 111 149/.12) 55%,transparent 75%),radial-gradient(90% 55% at 50% 0%,rgb(255 255 255/.045),transparent 65%),var(--w-orbit-bg-2);
 --w-orbit-phone-shadow:0 50px 100px -30px rgb(0 0 0/.8),0 0 0 1px rgb(255 255 255/.08),0 0 90px -10px rgb(3 111 149/.35);
 --w-map-bg:var(--c-mist);--w-map-bg-2:#e1eaef;--w-map-fg:var(--ink);--w-map-muted:#4e5660;--w-map-accent:var(--accent);--w-map-land:#dae4ea;--w-map-land-line:#bac8d1;--w-map-dot:var(--accent);
 --w-season-hell-bg:var(--c-mist);--w-season-hell-fg:var(--ink);--w-season-hell-tint:#006890;
 --w-season-dunkel-bg:#0d0f12;--w-season-dunkel-fg:#f3f5f7;--w-season-dunkel-tint:#58c8e8;
 --w-season-fruehling-bg:#16331f;--w-season-fruehling-tint:#9fdcae;--w-season-fruehling-app:#307048;
 --w-season-sommer-bg:#07393d;--w-season-sommer-tint:#8fe0e6;--w-season-sommer-app:#087078;
 --w-season-herbst-bg:#461d0e;--w-season-herbst-tint:#f4a881;--w-season-herbst-app:#a04828;
 --w-season-winter-bg:#13294a;--w-season-winter-tint:#a9cbf3;--w-season-winter-app:#3068a0;
 --w-season-eigenes-bg:#27115c;--w-season-eigenes-tint:#c4b0ff;--w-season-eigenes-app:#5828c8;
 --w-season-fg:#fff;--w-season-muted:rgb(255 255 255/.78);
 --w-finale-bg:var(--c-night);--w-finale-bg-2:var(--c-petrol-night);--w-finale-fg:#fff;--w-finale-muted:#aab4c3;--w-finale-accent:var(--accent-bright);
 --w-finale-tile:#0e1318;--w-finale-glow:rgb(3 111 149/.32);
 --w-finale-backdrop:radial-gradient(62% 58% at 50% 74%,var(--w-finale-glow),rgb(3 111 149/.07) 55%,transparent 78%),linear-gradient(180deg,var(--w-finale-bg) 45%,var(--w-finale-bg-2));
 --w-klartext-bg:var(--bg);--w-klartext-bg-2:var(--bg-2);--w-klartext-fg:var(--ink);--w-klartext-muted:var(--muted);--w-klartext-accent:var(--accent);
 --w-credits-bg:var(--c-black);--w-credits-fg:#fff;--w-credits-muted:#a3abb5;--w-credits-accent:var(--accent-bright);--w-credits-glow:rgb(3 111 149/.45);
 --tex-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
 --tex-blueprint:linear-gradient(var(--w-blueprint-line) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--w-blueprint-line) 1px,transparent 1px) 0 0/32px 32px;
 --tex-vignette:radial-gradient(120% 90% at 50% 45%,transparent 55%,rgb(0 0 0/.55) 100%);
 --fs-giant:clamp(96px,28vw,420px);--fw-giant:700;--tr-giant:-.06em;--lh-giant:.86;
 --fs-card:clamp(64px,12.5vw,176px);--fw-card:700;--tr-card:-.05em;--lh-card:.92;
 --fs-kinetic:clamp(40px,7vw,112px);--tr-kinetic:-.045em;
 --font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
 --fs-mono:clamp(15px,1.15vw,18px);--tr-mono:0;
 --outline-w:clamp(1.5px,.18vw,3px);
 --ease-film:cubic-bezier(.65,0,.35,1);
 --ease-punch:cubic-bezier(.2,1.4,.3,1);
 --ease-flick:cubic-bezier(.5,0,.9,.4);
 --ease-land:cubic-bezier(.16,1,.3,1);
 --ease-type:steps(1,end);
 --d-snap:90ms;--d-tick:60ms;--d-stagger:40ms;--d-hit:1s;--d-std:1.6s;--d-set:2.5s;--d-hold:800ms;--d-idle:20s;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--hh)}
@media (prefers-reduced-motion:no-preference){html:not(.motion-off){scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs-body)/var(--lh-body) var(--font);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;font-kerning:normal;font-optical-sizing:auto;font-synthesis-weight:none;-webkit-tap-highlight-color:transparent}
img,video,svg,picture{display:block;max-width:100%}
img,video{height:auto}
.screen img,.shot img,.screen video,.shot video{image-rendering:auto;-webkit-user-drag:none;user-select:none}
a{color:inherit}
button{font:inherit;color:inherit;letter-spacing:inherit}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
p,li,dd,figcaption,summary,.lead,.body{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word}
h1,h2,h3,.display,.btn,.eyebrow,.nav a,.frag,.num{-webkit-hyphens:manual;hyphens:manual}
::selection{background:rgb(88 201 231/.32);color:inherit}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
[data-tone=dark],.site-footer,.site-header.on-dark{--focus:var(--accent-bright)}
main:focus{outline:none}
main{overflow-x:clip}
.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px;border-radius:var(--r-sm);text-decoration:none;font-weight:600;transition:top .2s var(--ease);box-shadow:var(--shadow-md)}
.skip:focus{top:12px}
.skip:focus-visible{outline-color:var(--accent-bright)}
.wrap{width:100%;max-width:calc(var(--maxw) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font-family:var(--font-display);font-size:var(--fs-eyebrow);font-weight:600;line-height:1.25;letter-spacing:-.012em;color:var(--accent);margin-bottom:clamp(10px,1.1vw,16px)}
.eyebrow-dark,[data-tone=dark] .eyebrow{color:var(--accent-bright)}
.display{font-family:var(--font-display);font-weight:600;font-size:var(--fs-display);letter-spacing:var(--tr-display);line-height:var(--lh-display);text-wrap:balance;color:var(--ink);overflow-wrap:break-word}
h1.display{font-size:var(--fs-hero);letter-spacing:var(--tr-hero);line-height:var(--lh-hero)}
.display-md{font-size:var(--fs-display);line-height:var(--lh-display)}
.display-sm{font-size:var(--fs-display-sm);line-height:var(--lh-display-sm);letter-spacing:var(--tr-display-sm)}
.title{font-family:var(--font-display);font-size:var(--fs-title);line-height:var(--lh-title);letter-spacing:var(--tr-title);font-weight:600}
.lead{font-size:var(--fs-lead);line-height:var(--lh-lead);letter-spacing:-.011em;color:var(--muted);max-width:38ch;text-wrap:pretty;margin-top:clamp(16px,1.7vw,24px)}
.lead strong,.body strong{color:var(--ink);font-weight:600}
.body{color:var(--muted);max-width:44ch;margin-top:16px;text-wrap:pretty}
.caption{font-size:var(--fs-caption);line-height:1.4;color:var(--faint)}
[data-tone=dark] .display,.display-dark{color:var(--night-text)}
.lead-dark,.body-dark,[data-tone=dark] .lead{color:var(--night-muted)}
.lead-dark strong,[data-tone=dark] .lead strong{color:var(--night-text)}
.body-dark{max-width:46ch;margin-top:16px}
.num,.tabular{font-variant-numeric:tabular-nums}
.text-grad{background:linear-gradient(100deg,#024f6b 0%,var(--accent) 45%,#0b87b3 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
[data-tone=dark] .text-grad{background-image:linear-gradient(100deg,#8fe0f5,var(--accent-bright) 50%,#2aa7cf)}
@media (max-width:479px){.display{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}}
.btn{--h:44px;--btn-bg:var(--accent);--btn-bg-h:var(--accent-hover);--btn-bg-a:var(--accent-press);--btn-fg:#fff;--btn-bd:transparent;
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--h);padding:0 22px;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);
 text-decoration:none;font-weight:600;font-size:15px;line-height:1.15;letter-spacing:-.012em;white-space:nowrap;cursor:pointer;user-select:none;touch-action:manipulation;
 transition:background-color var(--t-hover),border-color var(--t-hover),color var(--t-hover),box-shadow var(--t-hover),transform .3s var(--ease)}
@media (hover:hover){.btn:hover{background:var(--btn-bg-h)}}
.btn:active{background:var(--btn-bg-a);transform:scale(.97);transition-duration:var(--t-press)}
.btn .i{transition:transform .35s var(--ease)}
@media (hover:hover){.btn:hover .i-down,.btn[href*="#"]:hover .i{transform:translateY(2px)}.btn:hover .i-right,.link:hover .i{transform:translateX(3px)}}
.btn-sm{--h:44px;padding:0 18px;font-size:14px}
.btn-lg{--h:52px;padding:0 28px;font-size:17px;letter-spacing:-.016em}
.btn-block{width:100%}
.btn-ghost{--btn-bg:transparent;--btn-bg-h:rgb(13 16 20/.05);--btn-bg-a:rgb(13 16 20/.09);--btn-fg:var(--ink);--btn-bd:rgb(13 16 20/.16)}
@media (hover:hover){.btn-ghost:hover{--btn-bd:rgb(13 16 20/.28)}}
.btn-light{--btn-bg:#fff;--btn-bg-h:#e8eef2;--btn-bg-a:#d9e2e8;--btn-fg:var(--ink)}
.btn-ghost-dark{--btn-bg:transparent;--btn-bg-h:rgb(255 255 255/.08);--btn-bg-a:rgb(255 255 255/.14);--btn-fg:#fff;--btn-bd:rgb(255 255 255/.26)}
@media (hover:hover){.btn-ghost-dark:hover{--btn-bd:rgb(255 255 255/.44)}}
.link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:500;text-decoration:none;border-radius:4px}
.link:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
[data-tone=dark] .link{color:var(--accent-bright)}
.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3vw,40px)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--hh);color:var(--ink);transition:color .4s var(--ease)}
.site-header::before{content:"";position:absolute;inset:0;background:var(--hdr-light,rgb(251 251 250/.74));-webkit-backdrop-filter:saturate(1.4) blur(20px);backdrop-filter:saturate(1.4) blur(20px);box-shadow:inset 0 -1px 0 rgb(13 16 20/.07);transition:background-color .4s var(--ease),box-shadow .4s var(--ease),opacity .4s var(--ease)}
@media (min-resolution:2dppx){.site-header::before{box-shadow:inset 0 -.5px 0 rgb(13 16 20/.12)}}
.site-header.on-dark{color:#fff}
.site-header.on-dark::before{background:var(--hdr-dark,rgb(10 12 15/.74));-webkit-backdrop-filter:saturate(1.05) blur(20px);backdrop-filter:saturate(1.05) blur(20px);box-shadow:inset 0 -1px 0 rgb(255 255 255/.07)}
.site-header.is-top:not(.menu-open)::before{background:rgb(251 251 250/0);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.bar{position:relative;height:100%;display:flex;align-items:center;gap:28px;max-width:calc(var(--maxw) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.brand{display:flex;align-items:center;height:44px;color:inherit;border-radius:var(--r-xs);transition:opacity var(--t-hover)}
.brand:hover{opacity:.72}
.wm{width:112px;height:23px;fill:currentColor}
.nav{display:flex;gap:2px;margin-inline:auto}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r-pill);text-decoration:none;font-size:14px;letter-spacing:-.006em;color:inherit;opacity:.74;transition:opacity var(--t-hover),background-color var(--t-hover)}
@media (hover:hover){.nav a:hover{opacity:1;background:rgb(127 127 127/.12)}}
.nav a:active{opacity:.55}
.nav a::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent);opacity:0;transform:scale(0);transition:opacity .3s var(--ease),transform .4s var(--ease)}
.site-header.on-dark .nav a::after{background:var(--accent-bright)}
.nav a[aria-current]:not([aria-current=false]),.nav a.is-active{opacity:1}
.nav a[aria-current]:not([aria-current=false])::after,.nav a.is-active::after{opacity:1;transform:none}
.actions{display:flex;align-items:center;gap:8px}
.link-login{display:inline-flex;align-items:center;min-height:44px;font-size:14px;letter-spacing:-.006em;text-decoration:none;padding:0 12px;border-radius:var(--r-pill);opacity:.82;transition:opacity var(--t-hover),background-color var(--t-hover)}
@media (hover:hover){.link-login:hover{opacity:1;background:rgb(127 127 127/.12)}}
.site-header.on-dark .btn{--btn-bg:#fff;--btn-bg-h:#e8eef2;--btn-bg-a:#d9e2e8;--btn-fg:var(--ink)}
.menu-btn{display:none;width:44px;height:44px;border:0;background:none;border-radius:var(--r-sm);align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--t-hover)}
.menu-btn:active{background:rgb(127 127 127/.14)}
.menu-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;overflow:hidden}
.progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent),#1a9cc6);border-radius:0 2px 2px 0;transform-origin:0 50%;transform:scaleX(0)}
.site-header.on-dark .progress span{background:linear-gradient(90deg,#2aa7cf,var(--accent-bright));box-shadow:0 0 10px rgb(88 201 231/.6)}
@media (max-width:1023px){.nav{display:none}.actions{margin-left:auto}}
@media (max-width:767px){.link-login{display:none}.menu-btn{display:inline-flex}.wm{width:98px;height:20px}.actions .btn-sm{padding:0 14px}}
.menu{position:fixed;inset:0;z-index:60;background:rgb(251 251 250/.94);-webkit-backdrop-filter:saturate(1.6) blur(24px);backdrop-filter:saturate(1.6) blur(24px);overscroll-behavior:contain;overflow-y:auto}
.menu-inner{min-height:100%;display:flex;flex-direction:column;padding:0 var(--gutter) max(24px,env(safe-area-inset-bottom))}
.menu-top{height:var(--hh);display:flex;align-items:center;justify-content:space-between}
.menu-top .menu-btn{display:inline-flex}
.menu nav{display:flex;flex-direction:column;margin-top:16px}
.menu nav a{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:clamp(26px,7.4vw,32px);font-weight:600;letter-spacing:-.03em;line-height:1.15;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line);border-radius:0}
.menu nav a::after{content:"";width:9px;height:9px;margin-right:6px;border:solid var(--faint);border-width:2px 2px 0 0;transform:rotate(45deg);transition:transform .3s var(--ease)}
.menu nav a:active::after{transform:translateX(3px) rotate(45deg)}
.menu:not([hidden]) nav a{animation:menu-in .5s var(--ease) both}
.menu:not([hidden]) nav a:nth-child(2){animation-delay:.03s}.menu:not([hidden]) nav a:nth-child(3){animation-delay:.06s}.menu:not([hidden]) nav a:nth-child(4){animation-delay:.09s}.menu:not([hidden]) nav a:nth-child(5){animation-delay:.12s}.menu:not([hidden]) nav a:nth-child(6){animation-delay:.15s}.menu:not([hidden]) nav a:nth-child(7){animation-delay:.18s}.menu:not([hidden]) nav a:nth-child(n+8){animation-delay:.21s}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.menu-foot{margin-top:auto;padding-top:32px;display:grid;gap:10px}
@media (max-height:720px){
 .menu nav{margin-top:4px}
 .menu nav a{font-size:clamp(21px,3.9vh,26px);padding:clamp(6px,1.3vh,10px) 0}
 .menu-foot{padding-top:16px;gap:8px}
 .menu-foot .btn-lg{--h:46px}
 .menu-foot .motion-toggle{padding:6px 0}
}
.motion-toggle{justify-self:start;min-height:44px;background:none;border:0;padding:10px 0;font-size:14px;color:inherit;opacity:.72;text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:4px}
.motion-toggle:hover{opacity:1}
.ch{position:relative}
.ch[data-tone=dark]{background:var(--night);color:var(--night-text);color-scheme:dark}
.ch-head{text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:var(--sec-y);padding-bottom:var(--head-gap)}
.ch-head .lead{margin-inline:auto}
.ch-head .display{max-width:17ch}
.ch-head-left .display{max-width:16ch}
.ch-head-left{text-align:left;align-items:flex-start}
.ch-head-left .lead{margin-inline:0}
.scene{position:relative}
.sticky{position:relative}
html.motion .scene[data-scene=pin]{height:calc(var(--len)*1vh)}
html.motion .scene[data-scene=pin]>.sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
@media (max-width:767px){html.motion .scene[data-scene=pin]{height:calc(var(--len-m,var(--len))*1vh)}}
html.motion [data-tl]{will-change:transform,opacity}
html.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
html.motion .reveal.is-in{opacity:1;transform:none}
html.motion .reveal-mask{clip-path:inset(12% 6% 0 6% round 28px);opacity:.001;transform:translateY(40px);transition:clip-path 1.3s var(--ease),opacity .6s,transform 1.3s var(--ease)}
html.motion .reveal-mask.is-in{clip-path:inset(0 0 0 0 round 0);opacity:1;transform:none}
.dev{position:relative}
.screen{position:relative;overflow:hidden;background:#e9ebee}
.screen>picture,.screen>video,.screen>.media{width:100%;height:100%}
.screen img,.screen video{width:100%;height:100%;object-fit:cover;object-position:top center}
.stack>.layer{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease)}
.stack>.layer:first-child{position:relative}
.screen-dim{position:absolute;inset:0;background:rgb(13 16 20/.38);opacity:0;pointer-events:none;z-index:2}
html:not(.motion) .screen-dim{display:none}
.mac{position:relative;width:100%}
.mac-lid{position:relative;z-index:1;padding:1.8% 1.8% 2.6%;background:linear-gradient(162deg,#2a2b2f 0%,#0d0d0f 13%,#050506 52%,#101113 100%);border-radius:2.6% 2.6% .9% .9%/4% 4% 1.4% 1.4%;
 box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),inset 0 1px 0 rgb(255 255 255/.12),0 0 0 1px #aeb3b9,0 0 0 1.75px #6b7076,var(--shadow-dev)}
.mac-lid::before{content:"";position:absolute;top:.9%;left:50%;width:.6%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(circle at 36% 34%,#51606f 0 16%,#1a1d22 44%,#0b0c0e 72%);box-shadow:0 0 0 1px rgb(255 255 255/.035)}
.mac-lid::after{content:"";position:absolute;left:1.2%;right:1.2%;top:100%;height:.9%;background:linear-gradient(180deg,#050506,#26282b 55%,#55595e);border-radius:0 0 .5% .5%/0 0 100% 100%}
.mac .screen{aspect-ratio:16/10;border-radius:.9% .9% .25% .25%/1.45% 1.45% .4% .4%}
.mac-base{position:relative;height:0;padding-bottom:2.4%;width:114%;margin-left:-7%;background:linear-gradient(180deg,#f4f5f7 0%,#dfe2e5 24%,#c3c7cc 62%,#8d9298 100%);border-radius:0 0 9% 9%/0 0 100% 100%;box-shadow:inset 0 1px 0 rgb(255 255 255/.95),inset 0 -1px 1px rgb(0 0 0/.14)}
.mac-base::before{content:"";position:absolute;left:50%;top:0;width:13%;height:44%;translate:-50% 0;background:linear-gradient(180deg,#a3a7ad,#c8cbcf 70%,#d7d9dc);border-radius:0 0 16% 16%/0 0 100% 100%;box-shadow:inset 0 1px 1px rgb(0 0 0/.12)}
.mac-base::after{content:"";position:absolute;left:4%;right:4%;top:100%;height:0;padding-bottom:3.2%;background:radial-gradient(50% 100% at 50% 0,rgb(13 16 20/.3),rgb(13 16 20/.08) 55%,transparent);pointer-events:none}
.mac-dark .mac-lid{box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),inset 0 1px 0 rgb(255 255 255/.12),0 0 0 1px #50545a,0 0 0 1.75px #26282c,0 40px 110px -40px rgb(255 255 255/.1)}
.mac-dark .mac-lid::after{background:linear-gradient(180deg,#050506,#1b1c1f 55%,#34373b)}
.mac-dark .mac-base{background:linear-gradient(180deg,#61656b 0%,#3d4045 24%,#282a2e 62%,#151618 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/.28),inset 0 -1px 1px rgb(0 0 0/.4)}
.mac-dark .mac-base::before{background:linear-gradient(180deg,#1c1d20,#33363a 70%,#3b3e43)}
.mac-dark .mac-base::after{background:radial-gradient(50% 100% at 50% 0,rgb(0 0 0/.55),transparent)}
.phone{position:relative;width:100%;padding:3%;background:linear-gradient(150deg,#1d1e21 0%,#050506 20%,#050506 80%,#161719 100%);border-radius:16.2%/7.3%;
 box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),0 0 0 1px #979ba1,0 0 0 2.4px #474a4f,0 0 0 3px #1b1c1f,var(--shadow-dev)}
.phone::before,.phone::after{content:"";position:absolute;width:calc(1% + 1px);border-radius:2px 0 0 2px;pointer-events:none}
.phone::before{left:calc(-3px - 1%);top:16%;height:21.5%;background:linear-gradient(180deg,#63676d 0 16.3%,transparent 16.3% 27.9%,#63676d 27.9% 58.1%,transparent 58.1% 69.8%,#63676d 69.8%)}
.phone::after{right:calc(-3px - 1%);top:25%;height:10.5%;background:#63676d;border-radius:0 2px 2px 0}
.phone .screen{aspect-ratio:390/894;border-radius:14%/6.1%;background:var(--status-bg)}
.phone .screen img,.phone .screen video{object-fit:contain;object-position:50% 100%;background-color:var(--status-bg)}
.phone .screen video{background-color:var(--status-bg)!important;background-size:contain!important;background-position:50% 100%!important;background-repeat:no-repeat!important}
.phone .screen>.ph{padding-top:12.82%}
.phone .layer[data-hl=scan]{--status-bg:#a7acb3}
.island{position:absolute;z-index:3;top:2.55%;left:50%;width:30%;height:auto;aspect-ratio:3.4;translate:-50% 0;margin:0;border-radius:var(--r-pill);background:#000;pointer-events:none}
.island::after{content:"";position:absolute;right:10%;top:50%;height:42%;aspect-ratio:1;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 36% 34%,#34435a 0 18%,#0d1016 55%,#030304)}
.pad{position:relative;width:100%;padding:2.6%;background:linear-gradient(150deg,#1f2023 0%,#070708 18%,#070708 82%,#161719 100%);border-radius:4.1%/5.8%;
 box-shadow:inset 0 0 0 1px rgb(255 255 255/.07),0 0 0 1px #979ba1,0 0 0 2.2px #484b50,0 0 0 2.8px #1b1c1f,var(--shadow-dev)}
.pad::before{content:"";position:absolute;top:1.83%;left:50%;width:.55%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 36% 34%,#4a5868 0 16%,#15181c 48%,#08090a 75%)}
.pad .screen{aspect-ratio:1180/820;border-radius:1.6%/2.3%}
[data-tone=dark] .phone,[data-tone=dark] .pad{box-shadow:inset 0 0 0 1px rgb(255 255 255/.08),0 0 0 1px #6e7278,0 0 0 2.4px #34363a,0 0 0 3px #111214,0 40px 90px -30px rgb(0 0 0/.7)}
.glare .screen::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(115deg,rgb(255 255 255/.09) 0%,rgb(255 255 255/.025) 30%,transparent 44%)}
.shot{position:relative;border-radius:clamp(12px,1.4vw,20px);overflow:hidden;background:#e9ebee;box-shadow:var(--shadow-md),0 0 0 1px rgb(13 16 20/.06);isolation:isolate}
.shot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(13 16 20/.05);pointer-events:none}
.shot-float{box-shadow:0 60px 120px -30px rgb(13 16 20/.4),0 18px 36px -18px rgb(13 16 20/.22),0 0 0 1px rgb(13 16 20/.08)}
.ph{position:relative;display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#eef0f2,#e2e5e9);color:var(--faint);font-size:clamp(11px,1vw,14px);font-weight:500;letter-spacing:.02em}
.ph span{padding:6px 12px;border-radius:999px;background:rgb(255 255 255/.7);box-shadow:0 0 0 1px rgb(13 16 20/.06)}
.ph-phone span{font-size:11px}
[data-tone=dark] .ph{background:linear-gradient(135deg,#1c2026,#12151a);color:#6d7580}
[data-tone=dark] .ph span{background:rgb(255 255 255/.06);box-shadow:none}
.hero{background:radial-gradient(120% 80% at 50% 0%,#fff 0%,var(--bg) 60%)}
.hero .sticky{padding-top:calc(var(--hh) + 64px);padding-bottom:96px}
.hero-copy{text-align:center;display:flex;flex-direction:column;align-items:center;padding-inline:var(--gutter);position:relative;z-index:4}
.hero-copy .lead{margin-inline:auto;max-width:36ch}
.hero-copy .cta-row{justify-content:center}
.hero-devices{position:relative;width:min(980px,86vw);margin:72px auto 0}
.hero-devices::before{content:"";position:absolute;left:-18%;right:-18%;top:-10%;bottom:-30%;background:radial-gradient(closest-side,rgb(88 201 231/.20),rgb(88 201 231/.06) 55%,transparent);pointer-events:none;z-index:0}
.hero-mac{position:relative;z-index:1}
.hero-pad{position:absolute;z-index:2;left:max(-14%,calc((min(980px,86vw) - 100vw) / 2 + 12px));bottom:-6%;width:36%}
.hero-phone{position:absolute;z-index:3;right:-6%;bottom:-10%;width:19%}
.hero .stack>.layer:first-child{opacity:1}
html:not(.motion) .hero .stack>.layer:not(:first-child){display:none}
html:not(.motion) .day .scene{display:none}
.hero-zoom{position:relative;transform-origin:81.9% 28.4%}
.row-ring{position:absolute;left:66.4%;top:25.2%;width:31.2%;height:6.4%;border-radius:1.2%/9%;box-shadow:0 0 0 2px var(--accent-bright),0 0 0 8px rgb(88 201 231/.28);opacity:0;pointer-events:none;z-index:3}
.hero .scanline{top:0;z-index:3;height:3px}
.hero-beats,.scroll-hint{display:none}
.hero-copy .hero-kicker{margin-bottom:clamp(10px,1vw,14px)}
h1.display.hero-title{font-size:clamp(36px,4.8vw,70px);line-height:1.04;letter-spacing:-.036em;max-width:15em}
.hero-price{margin-top:clamp(12px,1.2vw,16px);font-size:var(--fs-body);line-height:1.45;color:var(--muted);text-wrap:balance}
.hero-price strong{color:var(--ink);font-weight:600}
.hero-price-sep{white-space:pre;color:var(--faint)}
.hero-price-team{white-space:nowrap}
@media (max-width:479px){.hero-price-sep{display:none}.hero-price-team{display:block}}
.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:clamp(18px,2vw,24px);font-size:14px;line-height:1.35;color:var(--muted)}
.hero-trust li{display:inline-flex;align-items:center;gap:7px}
.hero-trust li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23036f95' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
@media (min-width:768px) and (max-width:859px){.hero-trust{display:grid;grid-template-columns:auto auto;justify-content:center;gap:8px 24px}}
@media (max-width:767px){.hero-trust{display:grid;justify-content:start;gap:8px;text-align:left;margin-inline:auto}}
@media (max-width:767px){
 .hero .sticky{padding-top:calc(var(--hh) + 36px)}
 .hero-copy .cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
 .hero-devices{width:104vw;margin-left:-2vw;margin-top:48px}
 .hero-pad{display:none}
 .hero-phone{width:36%;right:5%;bottom:-34%}
 html:not(.motion) .hero{padding-bottom:30vw}
}
html.motion .hero .sticky{padding:0}
html.motion .hero .sticky::before{content:"";position:absolute;left:50%;top:55%;width:120vmax;height:80vmax;margin:-40vmax 0 0 -60vmax;background:radial-gradient(closest-side,rgb(88 201 231/.18),rgb(88 201 231/.05) 55%,transparent);pointer-events:none}
html.motion .hero-copy{position:absolute;inset:calc(var(--hh) + 6vh) 0 auto}
html.motion .hero-devices{position:absolute;inset:0;width:auto;margin:0}
html.motion .hero-devices::before{display:none}
html.motion .hd{position:absolute;left:0;top:0;right:auto;bottom:auto;display:block;transform-origin:50% 50%;opacity:0;will-change:transform,opacity}
html.motion .hero .stack>.layer{opacity:0}
html.motion .hero .stack>.hero-mac-after{opacity:1}
html.motion .hero-copy{transform-origin:50% 50%;will-change:transform,opacity}
html.motion .hero-copy{z-index:1}html.motion .hero-devices{z-index:2;pointer-events:none}html.motion .hero-devices .vbtn{pointer-events:auto}
html.motion .hero-beats{display:block;position:absolute;left:0;right:0;bottom:max(24px,3vh);height:46px;z-index:5;pointer-events:none}
html.motion .hero-beats li{position:absolute;left:50%;top:0;translate:-50% 0;display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 18px 10px 10px;border-radius:999px;background:rgb(255 255 255/.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--line),0 12px 30px -16px rgb(13 16 20/.35);font-size:15px;font-weight:600;color:var(--ink);opacity:0;transform:translateY(8px);transition:opacity .45s var(--ease),transform .6s var(--ease)}
html.motion .hero-beats li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px}
html.motion .hero-beats li.is-on{opacity:1;transform:none}
html.motion .scroll-hint{display:block;position:absolute;left:0;right:0;bottom:20px;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);z-index:4}
@media (max-width:767px){
 html.motion .hero-copy{inset:calc(var(--hh) + 3vh) 0 auto}
 html.motion .hero-pad{display:block}
 html.motion .hero-beats li{font-size:14px;padding:8px 14px 8px 8px}
}
.pain{background:var(--night)}
.pain .sticky{display:grid;place-items:center;padding:calc(var(--hh) + 80px) var(--gutter) 96px}
.pain-copy{position:relative;z-index:2;text-align:center;max-width:980px;margin-inline:auto}
.pain-copy .display .line{display:block}
.pain-copy .lead{margin-inline:auto;font-size:clamp(19px,1.8vw,26px);color:#d6dbe1}
.pain-copy .body-dark{margin-inline:auto}
.frags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:48px;position:relative;z-index:1}
.frag{font-size:clamp(13px,1.1vw,16px);color:#c3cad2;padding:9px 16px;border-radius:999px;border:1px solid rgb(255 255 255/.13);background:rgb(255 255 255/.03);white-space:nowrap;text-decoration:line-through;text-decoration-color:rgb(255 255 255/.35)}
.pain-mark,.pain-light{display:none}
html.motion .pain .sticky{display:block;padding:0}
html.motion .pain-copy{position:absolute;left:var(--gutter);right:var(--gutter);top:50%;transform:translateY(-50%)}
html.motion .frags{position:absolute;inset:0;margin:0;display:block}
html.motion .frag{position:absolute;left:calc(50% + var(--fx)*1%);top:calc(50% + var(--fy)*1%);translate:-50% -50%;text-decoration:none}
html.motion .pain-mark{display:grid;place-items:center;position:absolute;inset:0;z-index:4;opacity:0;pointer-events:none;color:#fff}
html.motion .pain-mark svg{width:clamp(64px,7vw,96px);height:auto;fill:currentColor}
html.motion .pain-light{display:block;position:absolute;inset:0;background:var(--bg);z-index:3;opacity:0}
@media (max-width:767px){
 html.motion .frag{max-width:none;font-size:12px;padding:7px 12px;left:calc(50% + var(--fxm)*1%);top:calc(50% + var(--fym)*1%)}
}
.scanline{position:absolute;left:6%;right:6%;top:30%;height:2px;border-radius:2px;background:var(--accent-bright);box-shadow:0 0 18px 4px rgb(88 201 231/.55);opacity:0;pointer-events:none}
html .stack>.layer.is-on{opacity:1}
.vbtn{position:absolute;right:12px;bottom:12px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgb(13 16 20/.6);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vbtn svg{width:16px;height:16px;fill:currentColor}
.finale{overflow:clip}
.finale-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:clamp(120px,14vw,200px) clamp(80px,10vw,140px)}
.finale-inner .lead{margin-inline:auto}
.frags-ghost{position:absolute;inset:0;pointer-events:none;margin:0;display:block}
.frags-ghost .frag::before{content:attr(data-text)}
.frags-ghost .frag{position:absolute;left:calc(50% + var(--fx)*1%);top:calc(28% + var(--fy)*1%);translate:-50% -50%;opacity:.12;text-decoration:none}
html.motion .frags-ghost .frag{transition:opacity 2.4s var(--ease),filter 2.4s var(--ease)}
html.motion .finale-inner.is-in .frags-ghost .frag{opacity:0;filter:blur(6px)}
.finale-shot{width:min(1000px,100%);margin-top:clamp(56px,7vw,96px);position:relative;z-index:1}
@media (max-width:767px){.frags-ghost{display:none}}
.price{padding-bottom:var(--sec-y-end)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);max-width:1000px;margin-inline:auto;align-items:stretch}
.plans>.plan{position:relative;padding:clamp(28px,3.2vw,44px);border-radius:var(--r-xl);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 1px 2px rgb(13 16 20/.04),0 30px 60px -40px rgb(13 16 20/.25);display:flex;flex-direction:column;transition:translate .5s var(--ease),box-shadow .5s var(--ease)}
@media (hover:hover){.plans>.plan:hover{translate:0 -4px;box-shadow:0 0 0 1px var(--line-strong),0 1px 2px rgb(13 16 20/.04),0 44px 80px -44px rgb(13 16 20/.34)}}
.plans>.plan-calc{box-shadow:0 0 0 1.5px var(--accent),0 30px 60px -40px rgb(3 111 149/.45)}
@media (hover:hover){.plans>.plan-calc:hover{box-shadow:0 0 0 1.5px var(--accent),0 44px 80px -44px rgb(3 111 149/.55)}}
.plans>.plan header h3{font-family:var(--font-display);font-size:clamp(24px,2.2vw,30px);font-weight:600;letter-spacing:-.024em;line-height:1.15}
.plans>.plan header p{color:var(--muted);margin-top:6px}
.amount{display:flex;align-items:flex-end;gap:12px;margin-top:clamp(24px,2.6vw,36px)}
.amount .num{font-family:var(--font-display);font-size:clamp(52px,5.6vw,76px);font-weight:600;letter-spacing:-.05em;line-height:.95;font-variant-numeric:tabular-nums}
.amount .per{font-size:var(--fs-caption);line-height:1.35;color:var(--muted);padding-bottom:6px}
.calc-total{margin-top:14px;font-size:var(--fs-small);color:var(--muted);font-variant-numeric:tabular-nums}
.calc-total strong{color:var(--ink);font-weight:600;font-size:var(--fs-body)}
.plans>.plan .btn-block{margin-top:24px}
.feat{margin-top:28px;display:grid;gap:14px;border-top:1px solid var(--line);padding-top:24px}
.feat li{position:relative;padding-left:32px;font-size:var(--fs-small);line-height:1.45}
.feat li::before{content:"";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%23036f95' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.feat strong{display:block;font-weight:600;color:var(--ink)}
.feat span{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.qtys{display:grid;gap:10px;margin-top:22px}
.qty{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 16px;border-radius:var(--r-md);background:var(--bg-2)}
.qty label{display:flex;flex-direction:column;font-size:var(--fs-small)}
.qty label span{font-size:var(--fs-caption);color:var(--muted)}
.stepper{display:flex;align-items:center;gap:4px}
.stepper button{width:44px;height:44px;border-radius:var(--r-sm);border:0;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 1px 2px rgb(13 16 20/.06);font-size:20px;line-height:1;cursor:pointer;transition:box-shadow var(--t-hover),transform .25s var(--ease),background-color var(--t-hover)}
@media (hover:hover){.stepper button:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent),0 2px 6px -2px rgb(3 111 149/.35)}}
.stepper button:active:not(:disabled){transform:scale(.92);background:var(--accent-soft);transition-duration:var(--t-press)}
.stepper button:disabled{opacity:.4;cursor:default}
.stepper input{width:48px;height:44px;border:0;border-radius:var(--r-xs);background:transparent;text-align:center;font:600 18px var(--font);font-variant-numeric:tabular-nums;color:var(--ink);-moz-appearance:textfield;appearance:textfield}
.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.price-denti{margin:28px auto 0;text-align:center;color:var(--muted);font-size:var(--fs-small)}
.price-denti strong{color:var(--ink);font-weight:600}
.price-note{max-width:720px;margin:14px auto 0;text-align:center;color:var(--muted);font-size:14px;text-wrap:pretty}
@media (max-width:899px){.plans{grid-template-columns:1fr;max-width:600px}}
.faq{padding-bottom:var(--sec-y-end);background:var(--bg-2)}
.faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,5vw,80px);align-items:start}
.faq .ch-head{padding-bottom:0;position:sticky;top:calc(var(--hh) + 40px)}
.faq-list{padding-top:var(--sec-y)}
.faq-list details{border-bottom:1px solid var(--line-strong)}
.faq-list details:first-child{border-top:1px solid var(--line-strong)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-family:var(--font-display);font-size:clamp(18px,1.5vw,21px);font-weight:600;letter-spacing:-.016em;line-height:1.3;border-radius:var(--r-xs);transition:color var(--t-hover);-webkit-user-select:none;user-select:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3.5v9M3.5 8h9' fill='none' stroke='%230d1014' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 1px var(--line),0 1px 2px rgb(13 16 20/.06);transition:transform .45s var(--ease),background-color var(--t-hover),box-shadow var(--t-hover)}
@media (hover:hover){.faq-list summary:hover{color:var(--accent)}.faq-list summary:hover::after{box-shadow:0 0 0 1px var(--accent),0 2px 6px -2px rgb(3 111 149/.3)}}
.faq-list summary:active::after{transform:scale(.9)}
.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-list details[open] summary:active::after{transform:rotate(45deg) scale(.9)}
.faq-list details>div{padding:0 56px 26px 0;color:var(--muted);max-width:64ch}
@media (max-width:767px){.faq-list details>div{padding-right:0}}
.faq-list details>div p+p{margin-top:12px}
.faq-list a{color:var(--accent);text-underline-offset:.18em}
@supports (interpolate-size:allow-keywords){
 html.motion .faq-list{interpolate-size:allow-keywords}
 html.motion .faq-list details::details-content{height:0;overflow:clip;transition:height .45s var(--ease),content-visibility .45s allow-discrete}
 html.motion .faq-list details[open]::details-content{height:auto}
}
@media (max-width:1023px){.faq-grid{grid-template-columns:1fr}.faq .ch-head{position:static}.faq-list{padding-top:32px}}
.start{overflow:clip}
.ch.start{background:var(--w-credits-bg,var(--c-black))}
.start::before{content:"";position:absolute;left:50%;top:-30%;width:min(1000px,150vw);aspect-ratio:1;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgb(3 111 149/.38),rgb(3 111 149/.12) 55%,transparent);pointer-events:none}
.end-anchor{position:absolute;left:0;top:0;width:1px;height:1px;pointer-events:none}
.start-inner{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:clamp(80px,10vw,140px)}
.lp-cta{position:relative}
.lp-cta .start-inner{padding-block:0}
.start-inner .lead{margin-inline:auto}
.start-inner .cta-row{justify-content:center}
.fine{margin-top:20px;font-size:14px;color:var(--night-muted)}
.next-steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);width:min(980px,100%);margin-top:clamp(28px,3.6vw,44px);text-align:left}
.next-steps li{counter-increment:step;position:relative;padding:18px 18px 20px 62px;border-radius:var(--r-md);background:rgb(255 255 255/.05);box-shadow:inset 0 0 0 1px rgb(255 255 255/.1);color:var(--night-muted);font-size:var(--fs-small);line-height:1.45;text-wrap:pretty}
.next-steps li::before{content:counter(step);position:absolute;left:18px;top:17px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--accent-bright);color:var(--c-night);font-weight:700;font-size:15px}
.next-steps strong{display:block;color:var(--night-text);font-weight:600;font-size:var(--fs-body);margin-bottom:2px}
.next-steps span{display:block}
.mail-addr{color:var(--night-text);font-weight:600;-webkit-user-select:all;user-select:all;white-space:nowrap}
.copy-state{min-height:1.45em;margin-top:6px;color:var(--accent-bright)}
.start-login{margin-top:14px}
.lp-cta .start-login{margin-top:14px}
.start-login a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--night-text);font-size:var(--fs-small);text-decoration:underline;text-underline-offset:3px;border-radius:8px}
@media (hover:hover){.start-login a:hover{text-decoration-thickness:2px}}
@media (max-width:899px){.next-steps{grid-template-columns:1fr;max-width:520px}}
@media (max-width:767px){.start-inner .cta-row{flex-direction:column;align-items:stretch;width:100%;max-width:340px}}
@media print{.start{display:none}}
.site-footer{background:var(--w-credits-bg,var(--night));color:var(--night-text);border-top:1px solid var(--night-line);padding:clamp(56px,6vw,80px) 0 max(40px,env(safe-area-inset-bottom));font-size:14px;color-scheme:dark}
.foot-top{display:grid;grid-template-columns:1fr 2fr;gap:40px}
.foot-brand .wm{width:112px;height:23px}
.foot-brand p{margin-top:12px;color:var(--night-muted);font-size:15px}
.foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:1100px){.foot-top{grid-template-columns:1fr}}
.foot-cols .foot-h{font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--night-text);margin-bottom:10px}
.foot-cols ul{display:grid;gap:4px}
.foot-cols a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:4px 0;line-height:1.35;text-decoration:none;color:var(--night-muted);border-radius:4px;transition:color var(--t-hover)}
.foot-cols a:hover{color:var(--night-text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.foot-bottom{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;margin-top:clamp(40px,5vw,56px);padding-top:24px;border-top:1px solid var(--night-line);font-size:13px;color:var(--night-muted)}
.foot-bottom .motion-toggle{margin-left:auto;font-size:13px;color:var(--night-muted);opacity:1}
.foot-bottom .motion-toggle:hover{color:var(--night-text)}
@media (max-width:767px){.foot-top{grid-template-columns:1fr}.foot-cols{grid-template-columns:1fr 1fr}.foot-bottom .motion-toggle{margin-left:0}}
.legal{padding:calc(var(--hh) + clamp(64px,10vw,140px)) 0 clamp(80px,10vw,140px);min-height:70vh}
.legal .display{font-size:var(--fs-display)}
.legal .note{display:inline-flex;margin-top:28px;padding:10px 16px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-hover);font-weight:600;font-size:15px}
.legal p.body{max-width:56ch}
[data-world]{--world-tex:none}
[data-world=morning],[data-world=hero]{--world-bg:var(--w-morning-bg);--world-fg:var(--w-morning-fg);--world-muted:var(--w-morning-muted);--world-accent:var(--w-morning-accent)}
[data-world=flashback],[data-world=pain]{--world-bg:var(--w-flashback-bg);--world-fg:var(--w-flashback-fg);--world-muted:var(--w-flashback-muted);--world-accent:var(--w-flashback-accent)}
[data-world=sky],[data-world=day]{--world-bg:var(--sky,var(--w-sky-noon));--world-fg:var(--w-sky-fg);--world-muted:var(--w-sky-muted);--world-accent:var(--w-sky-accent)}
[data-world=sky].is-dusk,[data-world=day].is-dusk{--world-bg:var(--sky,var(--w-sky-dusk));--world-fg:var(--w-sky-fg-dusk);--world-muted:var(--w-sky-muted-dusk);--world-accent:var(--w-sky-accent-dusk)}
[data-world=atelier],[data-world=plan],[data-world=blueprint]{--world-bg:var(--w-plan-bg);--world-fg:var(--w-plan-fg);--world-muted:var(--w-plan-muted);--world-accent:var(--w-plan-accent)}
[data-world=inbox],[data-world=tasks]{--world-bg:var(--w-inbox-bg);--world-fg:var(--w-inbox-fg);--world-muted:var(--w-inbox-muted);--world-accent:var(--w-inbox-hot-text)}
[data-world=inbox].is-zero,[data-world=tasks].is-zero{--world-bg:var(--w-inbox-zero-bg);--world-fg:var(--w-inbox-zero-fg);--world-muted:var(--w-inbox-zero-muted);--world-accent:var(--w-inbox-zero-accent)}
[data-world=ledger],[data-world=receipt],[data-world=times]{--world-bg:var(--w-ledger-bg);--world-fg:var(--w-ledger-fg);--world-muted:var(--w-ledger-muted);--world-accent:var(--w-ledger-accent)}
[data-world=orbit],[data-world=team]{--world-bg:var(--w-orbit-backdrop);--world-fg:var(--w-orbit-fg);--world-muted:var(--w-orbit-muted);--world-accent:var(--w-orbit-accent)}
[data-world=map],[data-world=rules]{--world-bg:var(--w-map-bg);--world-fg:var(--w-map-fg);--world-muted:var(--w-map-muted);--world-accent:var(--w-map-accent)}
[data-world=seasons],[data-world=designs]{--world-bg:var(--w-season-dunkel-bg);--world-fg:var(--w-season-dunkel-fg);--world-muted:var(--night-muted);--world-accent:var(--w-season-dunkel-tint)}
[data-season=hell]{--world-bg:var(--w-season-hell-bg);--world-fg:var(--w-season-hell-fg);--world-muted:var(--muted);--world-accent:var(--w-season-hell-tint)}
[data-season=dunkel]{--world-bg:var(--w-season-dunkel-bg);--world-fg:var(--w-season-dunkel-fg);--world-muted:var(--night-muted);--world-accent:var(--w-season-dunkel-tint)}
[data-season=fruehling]{--world-bg:var(--w-season-fruehling-bg);--world-fg:var(--w-season-fg);--world-muted:var(--w-season-muted);--world-accent:var(--w-season-fruehling-tint)}
[data-season=sommer]{--world-bg:var(--w-season-sommer-bg);--world-fg:var(--w-season-fg);--world-muted:var(--w-season-muted);--world-accent:var(--w-season-sommer-tint)}
[data-season=herbst]{--world-bg:var(--w-season-herbst-bg);--world-fg:var(--w-season-fg);--world-muted:var(--w-season-muted);--world-accent:var(--w-season-herbst-tint)}
[data-season=winter]{--world-bg:var(--w-season-winter-bg);--world-fg:var(--w-season-fg);--world-muted:var(--w-season-muted);--world-accent:var(--w-season-winter-tint)}
[data-season=eigenes]{--world-bg:var(--w-season-eigenes-bg);--world-fg:var(--w-season-fg);--world-muted:var(--w-season-muted);--world-accent:var(--w-season-eigenes-tint)}
[data-world=finale],[data-world=total]{--world-bg:var(--w-finale-backdrop);--world-fg:var(--w-finale-fg);--world-muted:var(--w-finale-muted);--world-accent:var(--w-finale-accent)}
[data-world=klartext],[data-world=price],[data-world=faq]{--world-bg:var(--w-klartext-bg);--world-fg:var(--w-klartext-fg);--world-muted:var(--w-klartext-muted);--world-accent:var(--w-klartext-accent)}
[data-world=credits],[data-world=start]{--world-bg:var(--w-credits-bg);--world-fg:var(--w-credits-fg);--world-muted:var(--w-credits-muted);--world-accent:var(--w-credits-accent)}
.world,.ch.world[data-tone]{background:var(--world-tex,none),var(--world-bg,var(--bg));color:var(--world-fg,var(--ink));--focus:var(--world-accent,var(--accent));transition:color var(--t-ui) var(--ease)}
.world .display,.world .title,.world .giant,.world .title-card{color:var(--world-fg)}
.world .eyebrow{color:var(--world-accent)}
.world .lead,.world .body,.world .caption{color:var(--world-muted)}
.world .lead strong{color:var(--world-fg)}
.world[data-tone=dark] .btn:not([class*=btn-ghost]){--btn-bg:#fff;--btn-bg-h:#e8eef2;--btn-bg-a:#d9e2e8;--btn-fg:var(--ink)}
.world[data-tone=dark] .btn-ghost{--btn-fg:#fff;--btn-bd:rgb(255 255 255/.3);--btn-bg-h:rgb(255 255 255/.08);--btn-bg-a:rgb(255 255 255/.14)}
.tex-grain,.tex-vignette{position:absolute;inset:0;pointer-events:none;z-index:0}
.tex-grain{background:var(--tex-grain) 0 0/160px 160px;opacity:.035;mix-blend-mode:overlay}
.tex-vignette{background:var(--tex-vignette)}
.giant{display:block;font-family:var(--font-display);font-size:var(--fs-giant);font-weight:var(--fw-giant);letter-spacing:var(--tr-giant);line-height:var(--lh-giant);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum","lnum";white-space:nowrap;-webkit-hyphens:manual;hyphens:manual;color:var(--world-fg,var(--ink))}
.giant small,.giant .unit{font-size:.28em;font-weight:600;letter-spacing:-.02em;margin-left:.08em;vertical-align:.9em}
.title-card{display:block;font-family:var(--font-display);font-size:var(--fs-card);font-weight:var(--fw-card);letter-spacing:var(--tr-card);line-height:var(--lh-card);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual}
.kinetic{font-family:var(--font-display);font-size:var(--fs-kinetic);font-weight:600;letter-spacing:var(--tr-kinetic);line-height:1.02;text-wrap:balance}
.mono{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--tr-mono);font-variant-numeric:tabular-nums;font-weight:500}
.outline-num,.world .outline-num{--outline-c:var(--world-fg,var(--ink));color:transparent;-webkit-text-stroke:var(--outline-w) var(--outline-c);opacity:var(--ghost,.1);pointer-events:none;user-select:none}
@supports not (-webkit-text-stroke:1px #000){.outline-num{color:var(--outline-c);opacity:calc(var(--ghost,.1) * .6)}}
.odo{display:inline-flex;align-items:flex-start;line-height:1;height:1em;font-variant-numeric:tabular-nums}
.odo-d{display:inline-block;height:1em;overflow:clip}
.odo-d>span{display:block;transform:translateY(calc(var(--d,0) * -1em));transition:transform var(--d-hit) var(--ease-punch)}
.odo-d i{display:block;height:1em;font-style:normal;text-align:center}
.odo-d:nth-child(2)>span{transition-delay:calc(var(--d-stagger) * 1)}.odo-d:nth-child(3)>span{transition-delay:calc(var(--d-stagger) * 2)}.odo-d:nth-child(4)>span{transition-delay:calc(var(--d-stagger) * 3)}
.kt-mask{display:block;overflow:clip;padding-block:.08em;margin-block:-.08em}
.kt-mask>*{display:block;transform:translateY(var(--kt,0%))}
html:not(.motion) .kt-mask>*,html:not(.motion) .odo-d>span{transition:none}
html:not(.motion) .kt-mask>*{transform:none}
@media (max-width:767px){:root{--tr-giant:-.05em}.giant small,.giant .unit{font-size:.32em}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html:not(.motion) *{animation:none!important}