:root{color-scheme:light;--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-primary: #0a84ff;--color-primary-dark: #0040dd;--color-secondary: #5ac8fa;--color-background: #f2f2f7;--color-surface: #ffffff;--color-surface-soft: #f5f5f7;--color-text: #1c1c1e;--color-text-muted: rgba(60, 60, 67, .68);--color-border: rgba(60, 60, 67, .16);--shadow-soft: 0 12px 30px rgba(0, 0, 0, .08);--shadow-card: 0 28px 48px rgba(0, 0, 0, .14);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 28px;--transition-base: .28s ease}:root[data-theme=dark]{color-scheme:dark;--color-background: #000000;--color-surface: #1c1c1e;--color-surface-soft: #2c2c2e;--color-text: #f2f2f7;--color-text-muted: rgba(235, 235, 245, .6);--color-border: rgba(235, 235, 245, .2);--shadow-soft: 0 16px 36px rgba(0, 0, 0, .4);--shadow-card: 0 30px 56px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{margin:0;font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}a:hover,a:focus{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-primary)}button{font-family:inherit}img{max-width:100%;display:block}main{display:block}.container{width:min(1120px,calc(100% - 2.5rem));margin:0 auto}.section{padding:clamp(4rem,8vw,6.5rem) 0}.section-header{max-width:52rem;margin:0 auto clamp(2rem,5vw,3.5rem);text-align:center}.section-eyebrow{font-size:.9rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:.75rem}.section-title{font-size:clamp(2rem,3vw,2.75rem);margin:0 0 1rem}.section-subtitle{margin:0;color:var(--color-text-muted);font-size:1.05rem}.grid{--grid-gap: clamp(1.5rem, 4vw, 2.5rem);display:grid;gap:var(--grid-gap)}.balanced-grid{--grid-item-min: 260px;--grid-item-max: 320px;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--grid-gap, clamp(1.5rem, 4vw, 2.5rem));width:min(100%,calc(var(--grid-item-max) * 3 + var(--grid-gap, 2rem) * 2));margin:0 auto}.balanced-grid>*{flex:1 0 var(--grid-item-min);min-width:var(--grid-item-min);max-width:min(var(--grid-item-max),100%)}@media(max-width:640px){.balanced-grid{width:100%}.balanced-grid>*{max-width:100%}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}button,.button{cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:999px;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),color var(--transition-base)}.button-primary{background:var(--color-primary);color:#fff;padding:.85rem 1.8rem;box-shadow:var(--shadow-soft)}.button-primary:hover,.button-primary:focus{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-card)}.cta-app-button{gap:.75rem;padding:1rem 1.8rem;text-align:left}.cta-app-button svg{width:2rem;height:2rem}.cta-app-button-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.cta-app-button-main{font-size:1rem}.cta-app-button-sub{font-size:.85rem;opacity:.85}.button-secondary{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text);padding:.8rem 1.6rem}.button-secondary:hover,.button-secondary:focus{border-color:var(--color-primary);color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;background:#0a84ff29;color:var(--color-primary)}:root[data-theme=dark] .badge{background:#5ac8fa2e;color:var(--color-secondary)}.skip-link{position:fixed;top:1rem;left:1rem;transform:translateY(-150%);background:var(--color-primary);color:#fff;padding:.75rem 1rem;z-index:1000;border-radius:var(--radius-sm);transition:transform .2s ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app-shell{display:flex;flex-direction:column;min-height:100vh}@keyframes fade-in-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.site-header{position:sticky;top:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--color-background) 72%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 65%,transparent);z-index:100}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1.5rem}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:1.25rem;gap:.5rem}.brand-mark{width:2.5rem;height:2.5rem;border-radius:16px;display:block;object-fit:cover;box-shadow:var(--shadow-soft);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.primary-nav{display:flex;align-items:center;gap:1.5rem;font-weight:500}.primary-nav-mobile{display:none}.primary-nav a{position:relative}.primary-nav a:after{content:"";position:absolute;inset:auto 0 -.45rem;height:2px;background:var(--color-primary);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base)}.primary-nav a:focus:after,.primary-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:.75rem}.menu-toggle{display:none;background:none;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.45rem}.hero{padding-top:clamp(4rem,8vw,6rem);padding-bottom:clamp(5rem,10vw,7rem)}.hero-content{display:grid;gap:clamp(2rem,4vw,3rem);align-items:center;grid-template-columns:minmax(0,1fr)}.hero-text{max-width:34rem;position:relative;z-index:2}.hero-text>*{opacity:0;animation:fade-in-up .75s ease forwards}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;background:#0a84ff29;color:var(--color-primary);font-weight:600;font-size:.85rem;animation-delay:.05s}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;background:#0a84ff29;color:var(--color-primary);font-weight:600;font-size:.85rem}:root[data-theme=dark] .hero-eyebrow{background:#5ac8fa33;color:var(--color-secondary)}.hero-title{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1.05;margin:1.5rem 0 1rem;animation-delay:.15s}.hero-subtitle{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:1.1rem;animation-delay:.25s}.hero-ctas{display:flex;flex-wrap:wrap;gap:.8rem;animation-delay:.35s}.hero-pains{display:grid;gap:.6rem;margin-top:2rem;animation-delay:.45s}.hero-pain{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--color-text-muted)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:clamp(15rem,28vw,26rem);margin-left:clamp(-4rem,-8vw,-2rem);opacity:0;animation:fade-in-scale .85s ease forwards;animation-delay:.3s;z-index:1}.hero-visual:before{content:"";position:absolute;inset:6% clamp(-4%,-2vw,6%) 20% clamp(24%,14vw,32%);background:radial-gradient(circle at 35% 10%,#0a84ff47,#5ac8fa2e 55%,#0a84ff00);filter:blur(40px);opacity:.8;z-index:0;pointer-events:none}:root[data-theme=dark] .hero-visual:before{background:radial-gradient(circle at 38% 18%,#5ac8fa40,#0a84ff2e 58%,#1c1c1e00)}.hero-screens{position:relative;width:min(22rem,85%);aspect-ratio:9 / 19.5;display:flex;align-items:center;justify-content:center;z-index:1;transform:translate(clamp(-2rem,-6vw,-1rem))}.hero-screenshot{--hero-translate-x: 0%;--hero-translate-y: 0%;--hero-tilt: 0deg;position:absolute;border-radius:clamp(1.4rem,3vw,2.5rem);transform:translate3d(var(--hero-translate-x),var(--hero-translate-y),0) rotate(var(--hero-tilt));box-shadow:0 35px 60px #0f172a38;transition:transform .6s ease,box-shadow .6s ease}.hero-screenshot-surface{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--color-surface-soft);animation:hero-float 14s ease-in-out infinite}.hero-screenshot-surface:after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(10,132,255,.18);mix-blend-mode:screen;pointer-events:none}.hero-screenshot-surface img{width:100%;height:100%;display:block;object-fit:cover}.hero-screenshot-primary{--hero-translate-x: 10%;--hero-translate-y: -6%;--hero-tilt: -4deg;top:-8%;right:-4%;width:72%;z-index:2}.hero-screenshot-secondary{--hero-translate-x: -16%;--hero-translate-y: 12%;--hero-tilt: 7deg;bottom:-10%;left:-2%;width:62%;box-shadow:0 45px 70px #0f172a2e;z-index:1}:root[data-theme=dark] .hero-screenshot{box-shadow:0 40px 80px #0206178c}:root[data-theme=dark] .hero-screenshot-surface{background:var(--color-surface)}:root[data-theme=dark] .hero-screenshot-surface:after{border-color:#5ac8fa59}.hero-screenshot:hover,.hero-screenshot:focus-visible{transform:translate3d(var(--hero-translate-x),var(--hero-translate-y),0) rotate(var(--hero-tilt)) scale(1.02);box-shadow:0 45px 85px #0f172a47}:root[data-theme=dark] .hero-screenshot:hover,:root[data-theme=dark] .hero-screenshot:focus-visible{box-shadow:0 55px 100px #020617b3}@media(max-width:959px){.hero-visual{margin-left:0;justify-content:center}.hero-screens{width:min(24rem,90%);transform:none}}@keyframes hero-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@media(max-width:900px){.hero-screenshot-primary{--hero-translate-x: 6%;--hero-translate-y: -4%;top:-4%;right:-2%;width:78%}.hero-screenshot-secondary{--hero-translate-x: -10%;--hero-translate-y: 10%;bottom:-6%;left:-4%;width:68%}}@media(min-width:960px){.hero-content{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.hero-visual{align-self:flex-start;margin-left:clamp(-6rem,-12vw,-3rem);margin-top:clamp(-1.5rem,-4vw,-.5rem)}.hero-screens{transform:translate(clamp(-3.5rem,-9vw,-2.25rem))}}@media(max-width:640px){.hero-visual{margin-top:1.5rem}.hero-screens{width:min(22rem,95%)}.hero-screenshot-surface{animation-duration:18s}}.features-grid{--grid-item-min: 260px;--grid-item-max: 320px}.feature-card{background:var(--color-surface);border-radius:var(--radius-md);padding:clamp(1.5rem,3vw,2rem);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);position:relative;opacity:0;transform:translateY(16px);animation:fade-in-up .7s ease forwards}.feature-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(10,132,255,.18);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover:before,.feature-card:focus-within:before{opacity:1}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:nth-child(4){animation-delay:.3s}.feature-card:nth-child(5){animation-delay:.4s}.feature-card:nth-child(6){animation-delay:.5s}.feature-card h3{margin:0 0 .75rem;font-size:1.2rem}.feature-card p{margin:0;color:var(--color-text-muted);font-size:.98rem}@media(prefers-reduced-motion:reduce){.hero-text>*,.hero-visual,.hero-screenshot,.hero-screenshot-surface,.feature-card{animation:none!important;opacity:1!important;transform:none!important}}.how-it-works-section{background:radial-gradient(circle at top left,rgba(10,132,255,.15),transparent 55%),radial-gradient(circle at bottom right,rgba(90,200,250,.18),transparent 50%)}.how-grid{--grid-item-min: 240px;--grid-item-max: 320px}.how-step{background:var(--color-surface);border-radius:var(--radius-md);padding:1.75rem;border:1px solid var(--color-border);position:relative}.how-step-number{position:absolute;top:-1.75rem;left:1.75rem;width:3.25rem;height:3.25rem;border-radius:1.5rem;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:var(--shadow-soft)}.how-step h3{margin-top:1.75rem;margin-bottom:.6rem}.how-step p{margin:0;color:var(--color-text-muted)}.social-metrics{--grid-gap: clamp(1.25rem, 3vw, 2rem);--grid-item-min: 220px;--grid-item-max: 280px;margin-bottom:clamp(2rem,5vw,3rem)}.metric-card{background:var(--color-surface);border-radius:var(--radius-md);padding:1.75rem;border:1px solid var(--color-border);text-align:center}.metric-card strong{display:block;font-size:1.65rem;margin-bottom:.35rem}.testimonials{--grid-item-min: 260px;--grid-item-max: 360px}.testimonial{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.testimonial blockquote{margin:0;font-size:1.05rem;line-height:1.7}.testimonial cite{font-style:normal;font-size:.95rem;color:var(--color-text-muted)}.pricing-grid{--grid-item-min: 260px;--grid-item-max: 340px}.pricing-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:2.6rem 1.75rem 2rem;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:1.25rem;position:relative;box-shadow:var(--shadow-soft)}.pricing-card.popular{border:2px solid color-mix(in srgb,var(--color-primary) 45%,transparent);transform:translateY(-.35rem)}.pricing-card h3{margin:0;font-size:1.45rem}.pricing-price{font-size:2rem;font-weight:700}.pricing-card .badge{position:absolute;inset-block-start:1.1rem;inset-inline-end:1.1rem}.pricing-card ul{margin:0;padding:0;list-style:none;display:grid;gap:.65rem;color:var(--color-text-muted)}.pricing-card ul li{display:flex;align-items:flex-start;gap:.45rem}.pricing-cta{margin-top:auto}.roadmap-list{--roadmap-offset: clamp(2.25rem, 5vw, 2.75rem);position:relative;display:grid;gap:clamp(1.25rem,3vw,1.75rem);padding-left:var(--roadmap-offset);margin:0}.roadmap-list:before{content:"";position:absolute;inset-block:.25rem;inset-inline-start:calc(var(--roadmap-offset) / 2);width:3px;background:#0a84ff66;border-radius:999px;pointer-events:none}.roadmap-item{position:relative;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:clamp(1.35rem,3vw,1.75rem);display:grid;gap:.5rem}.roadmap-item:before{content:"";position:absolute;inset-block-start:clamp(1.1rem,3vw,1.5rem);inset-inline-start:calc(var(--roadmap-offset) * -.5 - .55rem);width:1.1rem;height:1.1rem;border-radius:50%;border:3px solid var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px #0a84ff2e}.roadmap-item strong{font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary)}.roadmap-item span{font-weight:600;color:var(--color-text-muted)}.faq-list{display:grid;gap:1rem;max-width:60rem;margin:0 auto}.faq-item{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface)}.faq-item summary{list-style:none;cursor:pointer;padding:1.25rem 1.5rem;font-weight:600;display:flex;justify-content:space-between;align-items:center}.faq-item[open] summary{border-bottom:1px solid var(--color-border)}.faq-item p{margin:0;padding:0 1.5rem 1.5rem;color:var(--color-text-muted)}.footer{background:#0b0c10;color:#f2f2f7;padding:clamp(3.5rem,6vw,5rem) 0;margin-top:auto}.footer[data-theme=light]{background:#f2f2f7;color:var(--color-text)}.footer-cta{text-align:center;max-width:42rem;margin:0 auto clamp(2rem,5vw,3rem)}.footer-cta .hero-ctas{justify-content:center}.footer-cta h2{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1rem}.footer-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:color-mix(in srgb,#000 50%,transparent);padding:1.25rem;z-index:120}.modal-card{width:min(880px,100%);max-height:calc(100vh - 3rem);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,2vw,1.75rem);box-shadow:var(--shadow-strong)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.modal-heading h2{margin:.25rem 0 0;font-size:1.6rem}.modal-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.75rem;color:var(--color-text-muted)}.modal-close{border:1px solid var(--color-border);background:none;color:inherit;border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;font-size:1.25rem;line-height:1;cursor:pointer}.imprint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.25rem}.imprint-entry h3{margin-bottom:.35rem}.privacy-intro{margin:.25rem 0 1rem;color:var(--color-text)}.privacy-content{display:flex;flex-direction:column;gap:1.25rem}.privacy-section h3{margin-bottom:.4rem}.privacy-section ul{padding-left:1.2rem;margin:.35rem 0 .75rem}.privacy-section address{display:flex;flex-direction:column;gap:.1rem;font-style:normal;margin-top:.35rem;color:var(--color-text)}.privacy-section .address-line+.address-line{margin-top:.05rem}.imprint-entry p{margin:.2rem 0;color:var(--color-text-muted)}.imprint-note{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.imprint-note p{color:var(--color-text-muted)}.footer a{color:inherit}.footer .button-primary{color:#fff}.footer-legal,.footer-contact,.footer-links{display:grid;gap:.75rem}.footer-legal ul{margin:0;padding-left:1.2rem;display:grid;gap:.35rem;list-style:disc}.footer-socials{display:grid;gap:.5rem}.cookie-banner{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:min(400px,calc(100% - 2rem));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card);display:grid;gap:1rem;z-index:200}.cookie-actions{display:flex;flex-wrap:wrap;gap:.75rem}.language-toggle,.theme-toggle{border:1px solid var(--color-border);border-radius:999px;padding:.2rem;display:inline-flex;background:var(--color-surface);align-items:center;gap:.2rem}.language-toggle button{background:none;border:none;padding:.35rem .75rem;border-radius:999px;font-weight:600;color:var(--color-text-muted)}.language-toggle button[aria-pressed=true]{background:var(--color-primary);color:#fff}.theme-toggle button{background:none;border:none;padding:.35rem .75rem;border-radius:999px;font-weight:600;color:var(--color-text-muted)}.theme-toggle button[aria-pressed=true]{background:var(--color-primary);color:#fff}.learners-logos{margin-top:2rem;display:grid;gap:.5rem;font-size:.85rem;color:var(--color-text-muted);text-align:center}.menu-overlay{display:none}@media(max-width:900px){.primary-nav{position:fixed;inset:0;background:#06070deb;color:#e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translateY(-100%);transition:transform var(--transition-base);z-index:98}.primary-nav-mobile{display:inline-flex}.primary-nav.open{transform:translateY(0)}.primary-nav a{font-size:1.5rem}.menu-overlay{display:block;position:fixed;inset:0;background:#06070da6;opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:97}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-toggle{display:inline-flex}.primary-nav-desktop{display:none}.header-inner{padding:.75rem 0}.hero-content{grid-template-columns:1fr}.hero-text{max-width:none}}@media(max-width:640px){.hero-ctas{flex-direction:column;align-items:stretch}.hero-pains{grid-template-columns:1fr}.header-actions{gap:.5rem}.header-cta{display:none}.pricing-card{transform:none}.footer-grid{grid-template-columns:1fr}}
