@font-face{font-family:Fredoka;src:url(/fonts/fredoka.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/fonts/lexend.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg:#faf5ea;--bg-band:#f6f0de;--surface:#fff;--page:#fffdf8;--page-margin:#f6e9d5;--page-back:#f4edd9;--fg:#211f2f;--fg-2:#474557;--muted:#515063;--accent:#ec5f30;--accent-strong:#af2f00;--accent-on:#fff;--accent-soft:#ffd2bd;--gold:#e7b551;--gold-deep:#ac7300;--gold-soft:#fee9be;--syllable-a:#c22823;--syllable-b:#0052a8;--ill-coral:#fb794a;--ill-saffron:#fdbe45;--ill-teal:#00a29b;--ill-leaf:#61bd67;--ill-sky:#9ddcf1;--plank-wood:#c0a689;--border:#ccc3af;--font-display:"Fredoka", "Lexend", ui-rounded, system-ui, sans-serif;--font-body:"Lexend", ui-rounded, system-ui, sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-pill:999px;--elev-raised:0 10px 30px #382b1d24;--elev-float:0 18px 44px #382b1d2e;--focus-ring:0 0 0 4px color-mix(in oklab, var(--accent), transparent 70%);--motion-fast:.15s;--motion-base:.26s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--container-max:1180px;--section-y:80px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.8252% .203401 6.13745);--bg-band:lab(94.8969% .0789166 9.25167);--page:lab(99.3402% -.0128746 2.67303);--page-margin:lab(93.1155% 1.92806 11.4521);--fg:lab(12.6632% 4.36069 -10.3035);--fg-2:lab(30.0861% 4.06426 -10.4206);--muted:lab(34.7393% 3.70842 -10.5668);--accent:lab(59.0239% 53.9992 54.184);--accent-strong:lab(40.2557% 59.1646 82.2511);--accent-soft:lab(87.9958% 17.4303 19.7116);--gold:lab(76.9289% 11.3043 56.6222);--gold-deep:lab(53.4392% 17.9989 62.3699);--gold-soft:lab(93.2281% 2.63056 23.6322);--syllable-a:lab(43.6078% 59.5509 43.5186);--syllable-b:lab(34.7712% 7.27783 -55.0083);--ill-coral:lab(66.2011% 48.1763 49.3425);--ill-saffron:lab(81.4899% 15.3417 66.8505);--ill-teal:lab(59.7148% -44.1468 -8.67474);--ill-leaf:lab(69.3498% -42.0535 34.6246);--ill-sky:lab(84.155% -17.1152 -16.8538);--plank-wood:lab(69.825% 6.52018 18.653);--border:lab(79.2473% .552624 11.6381);--elev-raised:0 10px 30px lab(18.7775% 4.15607 11.4829/.14);--elev-float:0 18px 44px lab(18.7775% 4.15607 11.4829/.18)}}@media (max-width:900px){:root{--section-y:56px}}@media (max-width:600px){:root{--section-y:48px}}:root{--app-lese:var(--accent);--app-lese-strong:#af2f00;--app-lese-soft:#ffdccc;--app-schreib:var(--ill-teal);--app-schreib-strong:#007273;--app-schreib-soft:#c6f2f2;--app-buchstaben:var(--ill-saffron);--app-buchstaben-strong:#9e6200;--app-buchstaben-soft:#ffe8c1;--app-buchstaben-ink:#503315}@supports (color:lab(0% 0 0)){:root{--app-lese-strong:lab(40.2557% 59.1646 82.2511);--app-lese-soft:lab(90.3796% 14.8273 16.7796);--app-schreib-strong:lab(43.187% -37.3221 -11.8816);--app-schreib-soft:lab(92.3549% -14.5986 -4.80849);--app-buchstaben-strong:lab(47.4747% 21.8849 64.6543);--app-buchstaben-soft:lab(93.1608% 4.39197 23.3808);--app-buchstaben-ink:lab(24.4365% 10.7967 23.9926)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:.4px;color:var(--fg);text-wrap:balance;margin:0;font-weight:600;line-height:1.12}p{margin:0}a{color:inherit}img{max-width:100%;display:block}.container{max-width:var(--container-max);padding-inline:var(--container-gutter,28px);margin-inline:auto}section{scroll-margin-top:96px}::selection{background:var(--accent-soft);color:var(--fg)}:focus-visible{box-shadow:var(--focus-ring);border-radius:8px;outline:none}.skip-link{z-index:200;background:var(--accent-strong);color:#fff;border-radius:var(--radius-pill);transition:top var(--motion-base);padding:10px 18px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.sparkles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.sparkle{color:var(--gold);animation:6s ease-in-out infinite twinkle;position:absolute}.sparkle.s-coral{color:var(--app-lese)}@keyframes twinkle{0%,to{opacity:.14;transform:scale(.7)rotate(0)}50%{opacity:.55;transform:scale(1.05)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.sparkle{animation:none}}main,header{z-index:1;position:relative}.site-header{z-index:50;background:color-mix(in oklab, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--motion-base), box-shadow var(--motion-base);border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-stuck{border-bottom-color:var(--border);box-shadow:0 6px 24px #382b1d12;box-shadow:0 6px 24px lab(18.7775% 4.15607 11.4829/.07)}.nav{align-items:center;gap:24px;min-height:72px;display:flex}.brand{align-items:center;gap:10px;min-height:44px;text-decoration:none;display:flex}.brand-mark{width:38px;height:38px;color:var(--accent);flex:none}.brand-name{font-family:var(--font-display);color:var(--fg);font-size:17px;font-weight:600;line-height:1.15}.brand-name small{font-family:var(--font-body);color:var(--muted);letter-spacing:.4px;font-size:12px;font-weight:500;display:block}.nav-links{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.nav-links a{min-height:44px;color:var(--fg-2);border-radius:var(--radius-pill);transition:background var(--motion-fast), color var(--motion-fast);align-items:center;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.nav-links a:hover{background:color-mix(in oklab, var(--surface) 78%, transparent);color:var(--fg)}.nav-links a .dot{border-radius:50%;width:8px;height:8px;margin-right:8px}.nav-toggle{border:2px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--fg);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;margin-left:auto;display:none}.nav-toggle svg{width:22px;height:22px}@media (max-width:860px){.nav-toggle{display:inline-flex}.nav-links{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);flex-direction:column;align-items:stretch;gap:4px;padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px}.nav-links.open{display:flex}.nav-links a{justify-content:flex-start}}.btn{cursor:pointer;min-height:56px;font-family:var(--font-display);border-radius:var(--radius-pill);color:#fff;background:var(--accent-strong);transition:transform var(--motion-base) var(--ease-spring), box-shadow var(--motion-base), background var(--motion-base);box-shadow:var(--elev-raised);border:0;justify-content:center;align-items:center;gap:10px;padding:0 30px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.btn:hover{box-shadow:var(--elev-float);background:color-mix(in oklab, var(--accent-strong), black 8%);transform:translateY(-3px)}.btn .arrow{transition:transform var(--motion-base) var(--ease-spring)}.btn:hover .arrow{transform:translate(4px)}.btn.ghost{color:var(--fg);border:2px solid var(--border);box-shadow:none;background:0 0}.btn.ghost:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.btn--lese{background:var(--app-lese-strong)}.btn--lese:hover{background:color-mix(in oklab, var(--app-lese-strong), black 8%)}.btn--schreib{background:var(--app-schreib-strong)}.btn--schreib:hover{background:color-mix(in oklab, var(--app-schreib-strong), black 8%)}.btn--buchstaben{background:var(--app-buchstaben-strong)}.btn--buchstaben:hover{background:color-mix(in oklab, var(--app-buchstaben-strong), black 10%)}.hero{padding:var(--space-16) 0 var(--space-12);position:relative}.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:56px;display:grid}.eyebrow{letter-spacing:.3px;color:var(--fg-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;padding:8px 18px;font-size:15px;font-weight:600;display:inline-flex}.eyebrow .star{color:var(--gold-deep);width:16px;height:16px}.hero h1{margin-bottom:20px;font-size:clamp(2.5rem,5.4vw,4.1rem)}.hero h1 .hi{color:var(--accent-strong);position:relative}.hero h1 .hi:after{content:"";background:color-mix(in oklab, var(--gold) 55%, transparent);z-index:-1;border-radius:8px;height:12px;position:absolute;bottom:2px;left:0;right:0}.hero-sub{color:var(--fg-2);max-width:34em;margin-bottom:32px;font-size:clamp(1.05rem,1.6vw,1.22rem)}.hero-ctas{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.hero-trust{flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none;display:flex}.hero-trust li{color:var(--fg-2);align-items:center;gap:8px;font-size:14.5px;font-weight:500;display:flex}.hero-trust svg{width:18px;height:18px;color:var(--gold-deep);flex:none}.portal-stack{flex-direction:column;gap:18px;padding:10px 6px;display:flex;position:relative}.portal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg);box-shadow:var(--elev-raised);transition:transform var(--motion-base) var(--ease-spring), box-shadow var(--motion-base), border-color var(--motion-base);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 24px;text-decoration:none;display:grid}.portal-card:first-child{transform:rotate(-1.6deg)translate(-6px)}.portal-card:nth-child(2){transform:rotate(.6deg)}.portal-card:nth-child(3){transform:rotate(2.2deg)translate(8px)}.portal-card:hover{box-shadow:var(--elev-float);border-color:color-mix(in oklab, var(--pc) 45%, var(--border));transform:rotate(0)translateY(-5px)}.portal-icon{color:#fff;background:var(--pci,var(--pc));border-radius:18px;flex:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.portal-icon svg{width:30px;height:30px}.portal-name{font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.2}.portal-desc{color:var(--muted);margin-top:3px;font-size:14.5px}.portal-arrow{color:var(--pci,var(--pc));width:22px;height:22px;transition:transform var(--motion-base) var(--ease-spring)}.portal-card:hover .portal-arrow{transform:translate(5px)}@media (max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:36px}.portal-stack{padding:4px 0}}@media (max-width:520px){.portal-card{grid-template-columns:auto 1fr;gap:14px;padding:16px 18px}.portal-arrow{display:none}.hero-ctas .btn{width:100%}}.section{padding:var(--section-y) 0}.section.alt{background:var(--bg-band);border-block:1px solid var(--border)}.section-head{max-width:640px;margin-bottom:40px}.kicker{font-family:var(--font-display);letter-spacing:1.4px;text-transform:uppercase;background:var(--kc,var(--accent-soft));color:var(--kc-text,var(--accent-strong));border-radius:var(--radius-pill);align-items:center;gap:8px;margin-bottom:14px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.kicker .badge-dev{font-family:var(--font-body);letter-spacing:.4px;background:var(--fg);color:#fff;border-radius:var(--radius-pill);padding:3px 10px;font-size:11.5px;font-weight:600}.section-head h2{margin-bottom:16px;font-size:clamp(1.85rem,3.4vw,2.6rem)}.section-head .lead{color:var(--fg-2);font-size:18px}.cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.cta-note{color:var(--muted);font-size:14px}.chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:14px 16px;font-size:15px;font-weight:500;line-height:1.45;display:flex}.chip svg{width:20px;height:20px;color:var(--cc,var(--accent-strong));flex:none;margin-top:2px}.chip b{font-family:var(--font-display);font-weight:600}@media (max-width:560px){.chips{grid-template-columns:1fr}}.example{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-raised);margin-top:26px;padding:18px 20px}.example .ex-label{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.example .ex-label:before{content:"";background:var(--ec,var(--accent));border-radius:50%;width:8px;height:8px}.app-section{scroll-margin-top:110px}.app-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:56px;display:grid}.app-grid.flip .app-visual{order:-1}.app-visual{justify-content:center;display:flex;position:relative}@media (max-width:960px){.app-grid{grid-template-columns:minmax(0,1fr);gap:36px}.app-grid.flip .app-visual{order:0}}.browser-frame{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(640px,100%);box-shadow:var(--elev-float);overflow:hidden}.browser-bar{background:color-mix(in oklab, var(--bg-band) 60%, var(--surface));border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.browser-bar .dot{border-radius:50%;width:11px;height:11px}.browser-bar .dot:first-child{background:#f2a08c}.browser-bar .dot:nth-child(2){background:var(--gold)}.browser-bar .dot:nth-child(3){background:var(--ill-leaf)}.browser-address{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:6px;padding:6px 14px;font-size:13px;font-weight:500;overflow:hidden}.browser-frame .shot{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--page-back);width:100%}.browser-frame .shot-wide{aspect-ratio:16/9}.browser-frame .shot-square{aspect-ratio:1}.mascot{z-index:3;pointer-events:none;width:92px;height:92px;animation:3.8s ease-in-out infinite mascot-float;position:absolute}.mascot svg{display:block}.mascot--top-left{top:-86px;left:-4px}.mascot--top-right{top:-86px;right:-4px}@keyframes mascot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width:640px){.mascot{width:70px;height:70px}.mascot--top-left{top:-32px;left:-2px}.mascot--top-right{top:-32px;right:-2px}}@media (prefers-reduced-motion:reduce){.mascot{animation:none}}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--elev-raised);padding:26px;position:relative}.step-num{width:52px;height:52px;font-family:var(--font-display);border-radius:18px;justify-content:center;align-items:center;margin-bottom:16px;font-size:24px;font-weight:700;display:flex}.step:first-child .step-num{background:var(--app-lese-soft);color:var(--app-lese-strong)}.step:nth-child(2) .step-num{background:var(--app-schreib-soft);color:var(--app-schreib-strong)}.step:nth-child(3) .step-num{background:var(--app-buchstaben-soft);color:var(--app-buchstaben-strong)}.step h3{margin-bottom:8px;font-size:20px}.step p{color:var(--fg-2);font-size:15.5px}.cap-chips{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.cap-chip{color:var(--fg-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:500;display:inline-flex}.cap-chip svg{width:16px;height:16px;color:var(--ill-leaf)}@media (max-width:760px){.steps{grid-template-columns:minmax(0,1fr)}}.privacy-section{background:var(--gold-soft);border-block:1px solid var(--border)}.privacy-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:56px;display:grid}.privacy-icon{background:var(--gold-deep);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.privacy-icon svg{width:32px;height:32px}.privacy-points{gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.privacy-points li{align-items:flex-start;gap:12px;font-size:16px;font-weight:500;display:flex}.privacy-points svg{width:22px;height:22px;color:var(--gold-deep);flex:none;margin-top:2px}.faq{gap:12px;display:grid}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--elev-raised);overflow:hidden}.faq summary{cursor:pointer;font-family:var(--font-display);align-items:center;gap:12px;min-height:52px;padding:16px 18px;font-size:16.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .pm{color:var(--gold-deep);transition:transform var(--motion-base);flex:none;margin-left:auto}.faq details[open] summary .pm{transform:rotate(45deg)}.faq details p{color:var(--fg-2);padding:0 18px 18px;font-size:15px}@media (max-width:900px){.privacy-grid{grid-template-columns:1fr;gap:36px}}.site-footer{background:var(--bg-band);border-top:1px solid var(--border);padding:56px 0 40px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px;display:grid}.footer-grid h3{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:15px}.footer-grid ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-grid a{color:var(--fg-2);align-items:center;gap:8px;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.footer-grid a:hover{color:var(--fg)}.footer-grid a .dot{border-radius:50%;width:8px;height:8px}.footer-note{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:24px;font-size:14px;display:flex}.footer-note .made{align-items:center;gap:8px;display:inline-flex}.footer-note .heart{color:var(--accent)}@media (max-width:760px){.footer-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.js .reveal{opacity:0;transition:opacity .7s ease, transform .7s var(--ease-spring);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}