:root{--bg:#f4f5f8;--paper:#fff;--wash:#eceef3;--line:#dcdfe7;--ink:#1a2132;--ink-2:#4a5267;--ink-3:#757d92;--blau:#2337b5;--blau-ink:#1c2c94;--blau-wash:#e9ecfb;--rot:#b8242b;--rot-wash:#fbecec;--ok:#1f6b4a;--zr:#2337b5;--sr:#9a6200;--oer:#2f7a6d;--fach:var(--zr);--tinte:#1c2c94;--serif:"Literata Variable", Georgia, serif;--sans:"Hanken Grotesk Variable", system-ui, sans-serif;--hand:"Caveat Variable", "Segoe Print", cursive;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f121a;--paper:#171b26;--wash:#1f2431;--line:#2c3242;--ink:#e7e9ef;--ink-2:#b4b9c7;--ink-3:#8a91a3;--blau:#8f9dff;--blau-ink:#b3bcff;--blau-wash:#23295055;--rot:#ff8a85;--rot-wash:#4a1f2244;--ok:#6fd3a5;--zr:#8f9dff;--sr:#e0b25c;--oer:#6fc8b6;--tinte:#b3bcff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body.landing{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-weight:560;line-height:1.08}a{color:var(--blau)}.skip{position:absolute;top:8px;left:-999px}.skip:focus{z-index:100;background:var(--paper);border-radius:6px;padding:8px 12px;left:8px}:focus-visible{outline:2px solid var(--blau);outline-offset:3px;border-radius:4px}.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.wrap.narrow{max-width:760px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--rot);margin:0 0 14px;font-size:.8rem;font-weight:700}.lead{color:var(--ink-2);max-width:56ch;margin:18px 0 0;font-size:clamp(1.05rem,1.6vw,1.2rem)}.fine{color:var(--ink-3);margin:18px 0 0;font-size:.8rem}.lbtn{background:var(--blau);color:#fff;border:1px solid var(--blau);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.lbtn:hover{box-shadow:0 8px 22px color-mix(in srgb, var(--blau) 30%, transparent);transform:translateY(-1px)}.lbtn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.lbtn.ghost:hover{box-shadow:none;border-color:var(--ink-3)}.lbtn.big{min-height:54px;padding:0 26px;font-size:1.02rem}.lbtn.light{color:var(--blau);background:#fff;border-color:#fff}@media (prefers-color-scheme:dark){.lbtn{color:var(--bg)}.lbtn.ghost{color:var(--ink)}.lbtn.light{color:#1c2c94}}.lnav{z-index:50;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);transition:background .25s,box-shadow .25s;display:flex;position:fixed;inset:0 0 auto}.lnav.scrolled{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand span{font-family:var(--serif);letter-spacing:-.02em;font-size:1.3rem;font-weight:600}.lnav nav{gap:26px;display:flex}.lnav nav a{color:var(--ink-2);font-size:.95rem;font-weight:600;text-decoration:none}.lnav nav a:hover{color:var(--ink)}.lnav-cta{gap:8px;display:flex}@media (width<=860px){.lnav nav{display:none}}@media (width<=480px){.lnav-cta .ghost{display:none}.brand span{font-size:1.12rem}}.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,64px);max-width:1360px;min-height:100vh;margin:0 auto;padding:110px clamp(16px,4vw,56px) 60px;display:grid;position:relative}.hero h1{font-size:clamp(2.6rem,6vw,5rem)}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.phases{counter-reset:ph;flex-wrap:wrap;gap:6px 18px;margin:36px 0 0;padding:0;list-style:none;display:flex}.phases li{counter-increment:ph;color:var(--ink-3);font-size:.85rem;font-weight:600;transition:color .3s}.phases li:before{content:counter(ph);border:1px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;margin-right:7px;font-size:.72rem;transition:all .3s;display:inline-grid}.phases li.on{color:var(--ink)}.phases li.on:before{background:var(--rot);border-color:var(--rot);color:#fff}.scroll-hint{color:var(--ink-3);margin:22px 0 0;font-size:.85rem}.scroll-hint span{animation:1.6s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(4px)}}.stage{position:relative}.paper{background:var(--paper);box-shadow:0 1px 0 var(--line), 0 30px 60px -20px #1a213240, 0 12px 24px -12px #1a213226;background-image:repeating-linear-gradient(to bottom, transparent 0 43px, color-mix(in srgb, var(--blau) 9%, transparent) 43px 44px);background-position:0 58px;border-radius:6px;padding:22px 0 26px;position:relative;transform:rotate(-1.2deg)}.paper-head{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);justify-content:space-between;padding:0 26px 12px;font-size:.72rem;display:flex}.sheet-grid{grid-template-columns:minmax(0,1fr) 34%;display:grid;position:relative}.sheet-grid:after{content:"";background:color-mix(in srgb, var(--rot) 55%, transparent);width:2px;position:absolute;top:-12px;bottom:-26px;right:34%}.text-col{padding:12px 18px 0 26px;position:relative;overflow:hidden}.margin-col{padding:12px 14px 0 18px;position:relative}.hw{height:44px;font-family:var(--hand);color:var(--tinte);white-space:nowrap;align-items:center;margin:0;font-size:clamp(1.25rem,2.1vw,1.7rem);display:flex;position:relative}.hw>span{clip-path:inset(-20% 100% -40% 0);align-items:center;display:inline-flex;position:relative}.hw.l1,.hw.l4,.hw.l7{font-weight:600}.wavy-wrap{position:relative}.wavy{width:calc(100% + 4px);height:12px;position:absolute;bottom:-8px;left:-2px;right:-2px;overflow:visible}.wavy path,.bracket path,.tick path{fill:none;stroke:var(--rot);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.tick{width:30px;height:22px;margin-left:10px}.tick path{stroke:var(--blau);stroke-width:4px}.pen{pointer-events:none;opacity:0;filter:drop-shadow(0 4px 6px #0003);width:38px;height:38px;position:absolute;top:0;left:0}.scan{opacity:0;pointer-events:none;background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--blau) 18%, transparent) 70%, color-mix(in srgb, var(--blau) 55%, transparent) 96%, transparent);height:64px;position:absolute;top:0;left:0;right:-60%}.scan span{color:var(--blau-ink);background:var(--paper);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700;position:absolute;bottom:6px;right:64%}.note{font-family:var(--hand);color:var(--rot);clip-path:inset(-20% 100% -20% 0);margin:0;font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.05;position:absolute;left:18px;right:10px;transform:rotate(-3deg)}.note.lob{color:var(--blau)}.n1{top:72px}.n2{top:192px}.n3{top:288px}.bracket{width:14px;height:92px;position:absolute;top:168px;left:2px}.verdict-line{flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:16px 26px 0;display:flex;position:relative}.points-hw{font-family:var(--hand);color:var(--rot);clip-path:inset(-30% 100% -30% 0);font-size:clamp(2rem,3.6vw,2.8rem);font-weight:700;transform:rotate(-4deg)}.points-note{font-family:var(--hand);color:var(--rot);opacity:0;font-size:1.5rem}.mini-scale{background:var(--wash);border-radius:999px;flex-basis:100%;height:8px;margin-top:6px;overflow:hidden}.mini-scale span{background:var(--blau);border-radius:999px;width:0;height:100%;display:block}.stage{margin-top:-70px}.flyout{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:absolute;top:calc(100% + 20px);left:0;right:0}.fcard{background:var(--paper);border-left:3px solid var(--blau);opacity:0;border-radius:10px;padding:12px 14px;font-size:.86rem;position:relative;box-shadow:0 18px 40px -14px #1a213259}.fcard b{letter-spacing:.1em;text-transform:uppercase;color:var(--blau);margin-bottom:4px;font-size:.7rem;display:block}.fcard span{font-family:var(--serif);color:var(--ink);line-height:1.4}.fcard.c2{border-left-color:var(--rot)}.fcard.c2 b{color:var(--rot)}.fcard.c3{border-left-color:var(--oer)}.fcard.c3 b{color:var(--oer)}@media (width<=960px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:96px}.hero-copy{max-width:640px}.scroll-hint{display:none}.stage{margin-top:0}.flyout{grid-template-columns:1fr;gap:8px;margin-top:18px;position:relative;top:auto}}@media (width<=560px){.paper{transform:none}.sheet-grid{grid-template-columns:minmax(0,1fr) 38%}.sheet-grid:after{right:38%}.text-col{padding-left:14px;padding-right:10px}.hw{height:36px;font-size:.9rem}.paper{background-size:auto;background-image:repeating-linear-gradient(to bottom, transparent 0 35px, color-mix(in srgb, var(--blau) 9%, transparent) 35px 36px)}.note{font-size:.98rem;left:10px}.n1{top:56px}.n2{top:152px}.n3{top:232px}.bracket{height:72px;top:136px}.paper-head{padding:0 14px 10px}.verdict-line{padding:14px 14px 0}}.features{padding:120px 0 40px;position:relative;overflow:hidden}@media (width<=960px){.features{padding-top:72px}}.f-intro{max-width:1160px;margin:0 auto 44px;padding:0 clamp(16px,4vw,40px)}.f-intro h2,.faecher h2,.growth h2,.pricing h2{max-width:16ch;font-size:clamp(2.2rem,5vw,3.8rem)}.f-track{gap:clamp(16px,2.5vw,32px);width:max-content;padding:0 clamp(16px,4vw,40px);display:flex}.panel{background:var(--paper);width:min(1040px,86vw);min-height:460px;box-shadow:0 1px 0 var(--line), 0 24px 50px -30px #1a21324d;border-radius:22px;flex:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding:clamp(24px,4vw,52px);display:grid}.pnum{font-family:var(--hand);color:var(--rot);font-size:2.4rem;line-height:1}.panel h3{margin:6px 0 14px;font-size:clamp(1.8rem,3vw,2.6rem)}.panel p{color:var(--ink-2);margin:0}.panel ul{gap:8px;margin:18px 0 0;padding:0;font-size:.95rem;font-weight:600;list-style:none;display:grid}.panel li:before{content:"✓";color:var(--blau);margin-right:10px;font-weight:800}@media (width<=860px){.f-track{flex-direction:column;width:auto}.panel{grid-template-columns:1fr;width:auto;min-height:0}}.mock{background:var(--bg);border-radius:16px;align-content:center;gap:14px;min-height:280px;padding:26px;display:grid}.mg-points{letter-spacing:-.05em;font-size:4.4rem;font-weight:500;line-height:.9}.mg-points small{letter-spacing:0;color:var(--ink-3);margin-top:8px;font-size:.85rem;font-weight:600;display:block}.mg-note{font-family:var(--serif);font-size:1.5rem}.mg-scale{grid-template-columns:1fr 3fr 3fr 3fr 3fr 3fr 3fr;gap:2px;height:9px;display:grid}.mg-scale i{background:var(--wash);border-radius:2px}.mg-scale i.on{background:var(--blau)}.mg-rows{gap:9px;font-size:.88rem;font-weight:600;display:grid}.mg-rows div{justify-content:space-between;align-items:center;display:flex}.mg-rows b{background:linear-gradient(to right, var(--blau) 0 var(--w), var(--wash) var(--w));border-radius:2px;width:92px;height:8px}.m3{--w:75%}.m2{--w:50%}.mock-sketch{grid-template-columns:auto 1fr;align-items:center;gap:26px}.ring{--q:0;background:conic-gradient(var(--blau) calc(var(--q) * 1%), var(--wash) 0);border-radius:50%;place-items:center;width:130px;height:130px;display:grid}.ring span{background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:102px;height:102px;font-size:2.3rem;font-weight:500;display:flex}.ring small{color:var(--ink-3);margin-top:.6em;font-size:.9rem}.ms-list{gap:10px;margin:0;padding:0;font-size:.9rem;font-weight:600;list-style:none;display:grid}.ms-list li:before{width:22px;font-weight:800;display:inline-block}.ms-list .ok:before{content:"✓";color:var(--blau)}.ms-list .half:before{content:"◐";color:var(--ink-3)}.ms-list .miss:before{content:"–";color:var(--rot)}.ms-list em{color:var(--ink-3);margin-left:6px;font-size:.72rem;font-style:normal}@media (width<=560px){.mock-sketch{grid-template-columns:1fr;justify-items:center}}.mock-chips{flex-wrap:wrap;align-content:center;gap:8px;display:flex}.mock-chips span{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600}.mock-chips .hot{border-color:var(--rot);color:var(--rot)}.mock-card{perspective:900px;justify-items:center}.flip{width:min(320px,100%);height:170px;transform-style:preserve-3d;position:relative}.face{backface-visibility:hidden;background:var(--paper);font-family:var(--serif);border-radius:14px;align-content:center;gap:6px;padding:20px;font-size:1.05rem;display:grid;position:absolute;inset:0;box-shadow:0 14px 30px -18px #1a213266}.face small{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--blau);font-size:.7rem;font-weight:700}.face.back{transform:rotateY(180deg)}.face.back small{color:var(--ok)}.boxes{align-items:flex-end;gap:8px;display:flex}.boxes i{background:color-mix(in srgb, var(--blau) 20%, var(--wash));border-radius:4px 4px 2px 2px;width:30px}.b1{height:34px}.b2{height:26px}.b3{height:18px}.b4{height:12px}.b5{height:8px}.faecher{background:radial-gradient(90% 70% at 50% 100%, color-mix(in srgb, var(--fach) 16%, var(--bg)), var(--bg) 70%);padding:120px 0;transition:background .5s}.faecher[data-fach=sr]{--fach:var(--sr)}.faecher[data-fach=oer]{--fach:var(--oer)}.faecher h2{color:var(--fach);transition:color .4s}.lslider{--i:0;background:var(--wash);border-radius:999px;grid-template-columns:repeat(3,1fr);max-width:640px;margin-top:36px;padding:6px;display:grid;position:relative}.lthumb{background:var(--fach);width:calc(33.3333% - 4px);transform:translateX(calc(var(--i) * 100%));box-shadow:0 6px 18px color-mix(in srgb, var(--fach) 40%, transparent);border-radius:999px;transition:transform .35s cubic-bezier(.3,1.3,.5,1),background .35s;position:absolute;top:6px;bottom:6px;left:6px}.lslider button{z-index:1;font:700 1rem var(--sans);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:16px 8px;position:relative}.lslider button[aria-checked=true]{color:#fff}@media (prefers-color-scheme:dark){.lslider button[aria-checked=true]{color:var(--bg)}}@media (width<=480px){.lslider button{padding:14px 4px;font-size:.82rem}}.fach-demo{min-height:60px;margin-top:28px}.fd{flex-wrap:wrap;gap:10px;display:flex}.fd[hidden]{display:none}.fd span{background:var(--paper);border:1px solid color-mix(in srgb, var(--fach) 35%, var(--line));border-radius:999px;padding:10px 16px;font-size:.95rem;font-weight:600}.growth{padding:120px 0}.g-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}@media (width<=860px){.g-grid{grid-template-columns:1fr}}.g-stats{flex-wrap:wrap;gap:36px;margin-top:30px;display:flex}.g-stats b{font-family:var(--serif);color:var(--blau);font-size:3.4rem;font-weight:520;line-height:1;display:block}.g-stats span{color:var(--ink-2);font-size:.9rem;font-weight:600}.g-chart{width:100%;height:auto;overflow:visible}.g-grid-lines line{stroke:var(--line)}.g-chart text{fill:var(--ink-3);font-size:11px;font-family:var(--sans)}.g-line{fill:none;stroke:var(--blau);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.g-dots circle{r:5px;fill:var(--paper);stroke:var(--blau);stroke-width:2.5px}.pricing{padding:120px 0}.interval{background:var(--wash);border-radius:999px;gap:4px;margin-top:30px;padding:4px;display:inline-flex}.interval button{font:700 .92rem var(--sans);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px}.interval button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0000001f}.interval em{color:var(--ok);margin-left:6px;font-size:.72rem;font-style:normal}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;margin-top:36px;display:grid}@media (width<=900px){.plans{grid-template-columns:1fr;max-width:480px}}.plan{background:var(--paper);box-shadow:0 1px 0 var(--line), 0 20px 40px -28px #1a21324d;border-radius:20px;flex-direction:column;padding:30px 28px;display:flex;position:relative}.plan.hl{outline:2px solid var(--blau)}.plan .badge{background:var(--rot);color:#fff;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:28px}.plan h3{font-size:1.7rem}.plan .claim{color:var(--ink-3);margin:4px 0 18px;font-size:.92rem}.plan .price{font-family:var(--serif);letter-spacing:-.03em;font-size:2.8rem;font-weight:520;line-height:1}.plan .price small{font-family:var(--sans);color:var(--ink-3);letter-spacing:0;margin-left:4px;font-size:.9rem;font-weight:600}.plan .per{min-height:22px;color:var(--ok);margin:6px 0 0;font-size:.82rem;font-weight:600}.plan ul{flex:1;align-content:start;gap:10px;margin:22px 0 26px;padding:0;font-size:.95rem;list-style:none;display:grid}.plan li{grid-template-columns:22px 1fr;display:grid}.plan li:before{content:"✓";color:var(--blau);font-weight:800}.plan .lbtn{width:100%}.plan:not(.hl) .lbtn{color:var(--ink);border-color:var(--line);background:0 0}.plan:not(.hl) .lbtn:hover{border-color:var(--ink-3);box-shadow:none}.faq{padding:80px 0 120px}.faq h2{margin-bottom:26px;font-size:clamp(2rem,4vw,3rem)}.faq details{border-top:1px solid var(--line);padding:4px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:18px 36px 18px 0;font-size:1.05rem;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--rot);font-size:1.6rem;font-weight:400;transition:transform .25s;position:absolute;top:12px;right:4px}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-2);max-width:64ch;margin:0 0 18px}.final{background:var(--blau);color:#fff;text-align:center;padding:130px 0;overflow:hidden}@media (prefers-color-scheme:dark){.final{background:#1c2c94}}.final h2{max-width:18ch;margin:0 auto 34px;font-size:clamp(2.2rem,5.5vw,4.2rem)}.final-hw{font-family:var(--hand);color:#ffb3ae;margin:0 0 10px;font-size:clamp(2rem,5vw,3.4rem);transform:rotate(-4deg)}.lfoot{color:var(--ink-3);padding:28px 0;font-size:.88rem}.lfoot .wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.lfoot nav{flex-wrap:wrap;gap:20px;display:flex}.lfoot a{color:var(--ink-2);text-decoration:none}.lfoot a:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hw>span,.note,.points-hw{clip-path:none!important}.points-note,.fcard{opacity:1!important}.mini-scale span{width:61%!important}.scroll-hint span{animation:none}}
