:root{--syl-green: #00b96b;--syl-green-700: #009957;--syl-bg-dark: #15191b;--learna-ink: #262046;--learna-muted: #4c4668;--learna-soft: #77719a;--learna-cream: #fbf7f0;--learna-line: #efe7da;--learna-purple: #6c4df6;--learna-purple-700: #5438d6;--learna-lilac: #efeaff}html{scroll-behavior:smooth}body.landing-body{margin:0;font-family:Instrument Sans,system-ui,sans-serif;background:var(--learna-cream);color:var(--learna-ink);-webkit-font-smoothing:antialiased}body.landing-body a{color:var(--learna-purple-700);text-decoration:none}body.landing-body a:hover{color:var(--learna-purple)}.landing-display{font-family:Bricolage Grotesque,sans-serif}@keyframes bubbleIn{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dotPulse{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-10px) rotate(var(--rot, 0deg))}}@media(prefers-reduced-motion:reduce){body.landing-body *,body.landing-body *:before,body.landing-body *:after{animation:none!important;transition:none!important}}.landing-header{position:sticky;top:0;z-index:50;background:#fbf7f0eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--learna-line)}.landing-nav{max-width:1160px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}.landing-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:inherit!important}.landing-mark{width:38px;height:38px;background:var(--learna-purple);border-radius:14px 14px 14px 4px;display:grid;place-items:center;color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:20px}.landing-brand-text{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:15px;letter-spacing:-.02em;color:var(--learna-ink);line-height:1.15}.landing-nav-links{display:flex;gap:24px;margin-left:auto;align-items:center;font-weight:500;font-size:15px}.landing-nav-links a{color:var(--learna-ink)!important;text-decoration:none!important}.landing-nav-links a:hover{color:var(--learna-purple)!important}.landing-nav-actions{display:flex;gap:12px;align-items:center}.landing-login-link{color:var(--learna-ink)!important;font-weight:600;font-size:15px;padding:10px 6px;text-decoration:none!important}.landing-btn-demo{background:var(--syl-green);color:#fff!important;font-weight:700;font-size:15px;padding:11px 22px;border-radius:999px;text-decoration:none!important;transition:background .22s}.landing-btn-demo:hover{background:var(--syl-green-700);color:#fff!important;text-decoration:none!important}.landing-menu-button{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--learna-line);background:#ffffffb3;color:var(--learna-ink);cursor:pointer}.landing-mobile-menu{display:none;border-top:1px solid var(--learna-line);background:#fbf7f0fa}.landing-mobile-menu.is-open{display:block!important}.landing-mobile-menu-inner{max-width:1160px;margin:0 auto;padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}.landing-mobile-menu nav{display:flex;flex-direction:column;gap:14px}.landing-mobile-menu a{color:var(--learna-ink)!important;font-weight:600;text-decoration:none!important}.l-hover-0:hover,.l-hover-1:hover,.l-hover-7:hover,.l-hover-20:hover{background:#009957!important;color:#fff!important;text-decoration:none!important}.l-hover-2:hover{background:#262046!important;color:#fbf7f0!important;text-decoration:none!important}.l-hover-3:hover,.l-hover-4:hover,.l-hover-5:hover{box-shadow:0 12px 32px #2620461a}.l-hover-6:hover{background:#ffffff1c!important}.l-hover-8:hover,.l-hover-9:hover,.l-hover-10:hover,.l-hover-11:hover,.l-hover-12:hover,.l-hover-13:hover,.l-hover-14:hover,.l-hover-15:hover,.l-hover-16:hover,.l-hover-17:hover,.l-hover-18:hover,.l-hover-19:hover{color:#fff!important;text-decoration:none!important}.landing-faq-toggle:focus-visible{outline:2px solid var(--learna-purple);outline-offset:2px}.landing-faq-item.is-open .landing-faq-icon{background:var(--learna-purple);color:#fff}.landing-hero{max-width:1160px;margin:0 auto;padding:88px 24px 72px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.landing-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-grid-3.gap-20{gap:20px}.landing-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.landing-about-panel{max-width:1160px;margin:0 auto;background:#fff;border-radius:32px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border:1px solid var(--learna-line)}.landing-cta-panel{max-width:1160px;margin:0 auto;background:var(--learna-purple);border-radius:32px 32px 32px 8px;padding:72px 64px;position:relative;overflow:hidden}.landing-footer-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.landing-float-wa{position:fixed;bottom:24px;right:24px;z-index:60;width:58px;height:58px;border-radius:999px 999px 4px;background:var(--syl-green);color:#fff!important;display:grid;place-items:center;box-shadow:0 12px 28px #00b96b66;transition:background .22s;text-decoration:none!important}@media(max-width:960px){.landing-nav-links,.landing-nav-actions .landing-login-link{display:none}.landing-menu-button{display:inline-flex}.landing-hero{grid-template-columns:1fr;padding:48px 20px 56px;gap:40px}.landing-hero h1{font-size:42px!important}.landing-grid-3,.landing-grid-2,.landing-about-panel,.landing-footer-grid{grid-template-columns:1fr}.landing-about-panel{padding:36px 24px}.landing-cta-panel{padding:48px 28px}.landing-cta-panel h2{font-size:32px!important}}
