.btn-ghost{background:#fff;color:var(--ink);border-color:#0f1c2c33;box-shadow:0 8px 18px -12px #0f1c2c59}.btn-ghost:hover{background:#fff;color:var(--ink)}.track{position:relative;height:920vh}.stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background-color:var(--ground);background-image:radial-gradient(rgba(15,28,44,.07) 1px,transparent 1.2px);background-size:28px 28px;background-attachment:fixed}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.flow{stroke-dasharray:3 11;animation:flow 1.4s linear infinite}@keyframes flow{to{stroke-dashoffset:-28}}.stack{position:absolute;left:0;top:0;width:1500px;height:1050px;transform-origin:0 0;will-change:transform;pointer-events:none;opacity:0}.stack img{position:absolute;left:0;top:0;max-width:none;will-change:transform,opacity}.stack .s{width:1500px;height:1050px;opacity:0;visibility:hidden}.stack .sock{left:-150px;top:-125px;width:1800px;height:1300px}.stack.lit{filter:drop-shadow(0 0 40px rgba(77,163,255,.28))}.copy{position:absolute;left:max(24px,calc((100% - 1280px)/2 + 16px),env(safe-area-inset-left,0px));top:50%;width:min(380px,28vw);pointer-events:none}.scn{position:absolute;left:0;top:0;transform:translateY(-50%);opacity:0;visibility:hidden;display:flex;flex-direction:column;gap:18px;pointer-events:auto}.scn .tag{font-size:14px;color:var(--plan);font-weight:600}.scn h1{font-size:clamp(38px,4vw,58px);line-height:1.04}.scn h2{font-size:clamp(30px,2.9vw,42px);line-height:1.08}.scn p{color:var(--muted);font-size:17px;line-height:1.65;max-width:40ch}.scn .row{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}.scn .row .btn{padding:12px 14px;font-size:14.5px}#s0{width:max(100%,450px)}#s0 .row{flex-wrap:nowrap}.scn .more{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--plan);align-self:flex-start;padding-bottom:2px}.scn .more:hover{color:var(--plan)}.card{position:absolute;left:0;top:0;width:316px;padding:20px;border-radius:16px;background:#ffffffa8;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px #fff,0 24px 44px -22px #0f1c2c52,0 0 0 1px #0f1c2c0d;opacity:0;visibility:hidden;text-decoration:none;color:var(--ink);display:block;transition:box-shadow .2s}a.card:hover{box-shadow:inset 0 1px #fff,0 28px 50px -20px #0f1c2c6b,0 0 0 1px #1f6ac959}.card .hd{display:flex;gap:14px;align-items:center}.card h3{font-size:17px;line-height:1.2}.card h3 .nr{color:var(--plan)}.card .res{font-size:13.5px;color:var(--plan);font-weight:500;margin-top:2px}.card ul{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted);line-height:1.4}.card li{display:flex;gap:8px}.card li:before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--plan);margin-top:7px}.card .go{display:block;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--plan)}.card.compact ul,.card.compact .go{display:none}.card.compact{padding:16px 18px}.card.mini{padding:10px 40px 10px 14px}.card.mini:after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--plan);border-top:2px solid var(--plan);transform:translateY(-50%) rotate(45deg)}.card.mini .res{display:none}.card.mini .ic{width:32px;height:32px;border-radius:8px}.card.mini .ic svg{width:16px;height:16px}.card.mini h3{font-size:15.5px}.chip{position:absolute;left:0;top:0;padding:10px 16px;border-radius:12px;background:var(--tile);color:#fff;font-family:var(--display);font-weight:600;font-size:15px;white-space:nowrap;box-shadow:0 16px 30px -12px #0f1c2c99;opacity:0;visibility:hidden}.bar{position:absolute;left:50%;bottom:calc(30px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(860px,calc(100% - 48px));padding:20px 24px;border-radius:16px;background:var(--tile);color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;box-shadow:0 24px 44px -20px #0f1c2c99;opacity:0;visibility:hidden}.bar h2{color:#fff;font-size:clamp(19px,1.8vw,24px);line-height:1.2;max-width:34ch}.bar p{color:#b9c7d8;font-size:14px;margin-top:6px}.bar.short{padding:14px 20px}.bar.short p{display:none}.bar .btn{background:#fff;color:var(--tile);border-color:#fff}.bar .btn:hover{background:#dce8f7;color:var(--tile)}.levels{position:absolute;right:max(20px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);width:184px;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--rule)}.levels button{all:unset;cursor:pointer;display:flex;align-items:center;padding:6px 0 6px 14px;font-size:12.5px;color:var(--muted);position:relative;min-height:28px}.levels button:before{content:"";position:absolute;left:-1px;top:6px;bottom:6px;width:2px;background:transparent}.levels button[aria-current=step]{color:var(--ink);font-weight:600}.levels button[aria-current=step]:before{background:var(--plan)}.levels button:hover{color:var(--ink)}.levels button:focus-visible{outline:2px solid var(--plan);outline-offset:2px}.hint{position:absolute;left:max(24px,calc((100% - 1280px)/2 + 16px));bottom:calc(22px + env(safe-area-inset-bottom,0px));font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px;margin:0}.hint i{display:block;width:1px;height:28px;background:var(--plan);animation:drip 1.8s ease-in-out infinite}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.sec{padding-block:112px}.sec+.sec{border-top:1px solid var(--rule)}.sec-title{font-size:clamp(32px,3.4vw,48px);line-height:1.06}.lead{color:var(--muted);font-size:17px;max-width:46ch}.ev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:16px}.ev-intro{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:8px 8px 8px 0}.ev{padding:22px 24px;display:flex;flex-direction:column;gap:10px;min-height:212px}.ev .evtop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ev .n{white-space:nowrap;font-family:var(--display);font-weight:600;font-size:clamp(34px,3vw,44px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ev .n .u{display:block;margin-top:6px;font-family:var(--body);font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}.ev .ic{width:38px;height:38px;border-radius:10px}.ev .ic svg{width:18px;height:18px}.ev .k{font-size:14px;line-height:1.35;min-height:2.7em}.ev .k strong{font-family:var(--display);font-weight:600;color:var(--ink)}.ev .k span{color:var(--plan);font-weight:500}.ev .d{color:var(--muted);font-size:14.5px;line-height:1.55}.ev small{margin-top:auto;font-size:12px;line-height:1.45;color:#6c7a8d}.steps{padding:44px;display:flex;flex-direction:column;gap:36px}.steps-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px}.steps ol{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:32px}.steps ol:before{content:"";position:absolute;left:32px;right:calc(33.333% - 53px);top:32px;height:2px;background:repeating-linear-gradient(90deg,rgba(31,106,201,.6) 0 3px,transparent 3px 12px)}.steps li{position:relative;display:flex;flex-direction:column;gap:12px}.steps .ic{width:64px;height:64px;border-radius:16px}.steps .ic svg{width:28px;height:28px}.steps li p{color:var(--muted);font-size:15px}.steps h3{font-size:20px}.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px}.note{padding:28px;display:flex;flex-direction:column;gap:12px}.note .what{font-size:14px;color:var(--plan);font-weight:600}.note h3{font-size:21px;line-height:1.25}.note p{color:var(--muted);font-size:15.5px}.note a{align-self:flex-start;font-size:15px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--plan);padding-bottom:2px;margin-top:auto}.about{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:stretch}.portrait{flex:1 1 300px;max-width:380px;margin:0;padding:12px;display:flex;flex-direction:column;gap:12px}.portrait img{display:block;width:100%;flex:1 1 0;min-height:0;height:0;object-fit:cover;object-position:50% 18%;border-radius:10px}.portrait figcaption{padding:2px 6px 6px;font-size:14px;color:var(--muted)}.portrait figcaption b{display:block;font-family:var(--display);font-size:17px;color:var(--ink)}.about-t{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:22px}.about-t p{color:var(--muted);font-size:17px;max-width:58ch}.end{border-radius:20px;background:var(--tile);color:#fff;padding:64px 56px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 30px 60px -30px #0f1c2cb3}.end h2{color:#fff;font-size:clamp(32px,3.8vw,54px);line-height:1.04;max-width:16ch}.end p{color:#b9c7d8;font-size:17px;margin-top:14px;max-width:44ch}.end .btn{background:#fff;color:var(--tile);border-color:#fff}.end .btn:hover{background:#dce8f7;color:var(--tile)}.end small{display:block;margin-top:12px;color:#b9c7d8;font-size:13px}@media(max-width:820px){#s0{width:auto}#s0 .row{flex-wrap:wrap}.bar p{display:none}.bar{padding:14px 16px;width:calc(100% - 32px);gap:10px}.bar h2{font-size:17px;max-width:none}.bar .btn{min-height:42px;padding:9px 14px;font-size:14px}.copy{inset:auto 0 0;width:auto;padding:22px max(16px,env(safe-area-inset-left,0px)) calc(26px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px));background:#eef1f4f5;border-top:1px solid var(--rule);min-height:46vh}.scn{left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));top:22px;transform:none}.scn h1{font-size:34px}.scn h2{font-size:27px}.scn p{font-size:15.5px}.levels,.hint{display:none}.bar{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.sec{padding-block:72px}.steps,.end{padding:28px}.steps ol:before{display:none}}.ms-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px 64px;align-items:start;margin-bottom:44px}.ms-head .tag{font-size:14px;color:var(--plan);font-weight:600;margin-bottom:14px}.ms-copy{display:flex;flex-direction:column;gap:16px;color:var(--muted);font-size:17px}.ms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}.ms{padding:28px 24px;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:14px}.ms-top{display:flex;gap:14px;align-items:center}.ms h3{font-size:21px;line-height:1.2}.ms .sub{font-size:14px;color:var(--plan);font-weight:500;margin-top:2px}.ms>p{color:var(--muted);font-size:15.5px}.ms .ex{font-size:14.5px;line-height:1.55;padding:14px 16px;border-radius:10px;background:#eef1f4d9;color:var(--ink)}.ms .ex span{display:block;font-size:12.5px;font-weight:600;color:var(--plan);margin-bottom:4px}.ms .gain{padding-top:12px;border-top:1px solid var(--rule);color:var(--ink);font-weight:600;font-size:15.5px}.ppx{padding:44px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:32px 56px;align-items:center}.ppx-l{display:flex;flex-direction:column;gap:18px;align-items:flex-start}.ppx-l p{color:var(--muted);font-size:17px;max-width:52ch}.ppx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.ppx-cta small{color:var(--muted);font-size:14px}.ppx-r{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.ppx-r li{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--muted);line-height:1.5}.ppx-r .ic{width:38px;height:38px;border-radius:10px}.ppx-r .ic svg{width:18px;height:18px}.ppx-r b{display:block;font-family:var(--display);font-size:16px;color:var(--ink);margin-bottom:2px}@media(max-width:900px){.ms-head,.ppx{grid-template-columns:1fr}.ppx{padding:28px}}@media(max-width:900px){.portrait{max-width:none}.portrait img{flex:none;height:auto;aspect-ratio:4/5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hint i,.flow{animation:none}}.track.an{margin-top:calc(-1 * var(--kopf, 0px))}.track:not(.an){height:auto}.track:not(.an) .stage{position:static;height:auto;overflow:visible;background:none;padding-bottom:96px}.track:not(.an) .stack,.track:not(.an) #scene,.track:not(.an) .chip,.track:not(.an) .levels,.track:not(.an) .hint{display:none}.track:not(.an) .copy{position:static;width:auto;max-width:1280px;min-height:0;margin:0 auto;padding:88px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));background:none;border:0;display:flex;flex-direction:column;gap:56px;pointer-events:auto}.track:not(.an) .scn{position:static;transform:none;opacity:1;visibility:visible;max-width:640px}.track:not(.an) #s0{width:auto;max-width:560px;padding-bottom:40px}.track:not(.an) #cards{max-width:1280px;margin:72px auto 0;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px));display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px}.track:not(.an) .card{position:relative;width:auto;opacity:1;visibility:visible}.track:not(.an) .bar{position:static;transform:none;opacity:1;visibility:visible;margin:24px auto 0;width:min(1248px,calc(100% - 32px))}.entwurf[data-astro-cid-j7pv25f6]{display:inline-block;margin:0 0 8px;padding:3px 10px;border-radius:999px;background:var(--color-signal);color:var(--ground);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}