:root{--mkt-cream:#fffbf5;--mkt-blush:#ffe8ec;--mkt-lavender:#ede4ff;--mkt-mint:#dff7f0;--mkt-sky:#e3f2ff;--mkt-sand:#f5ede4;--mkt-ink:#1e1b2e;--mkt-muted:#6b7280;--mkt-border:#1e1b2e14;--mkt-cta:#6c3aed;--mkt-cta-hover:#5b21b6;--mkt-cta-soft:#6c3aed1f;--mkt-cta-text:#fff;--app-bg:#0f0f14;--app-card:#1a1a24;--app-accent:#8b5cf6;--app-text:#f4f4f5;--app-muted:#a1a1aa;--tab-teens:#e8deff;--tab-parents:#ffe0e8;--tab-professionals:#dcebff;--tab-schools:#d4f5eb;--tab-business:#f0e6d8;--tab-teens-strong:#6c3aed;--tab-parents-strong:#db2777;--tab-professionals-strong:#2563eb;--tab-schools-strong:#059669;--tab-business-strong:#b45309;--tab-accent:var(--tab-teens);--tab-accent-strong:var(--tab-teens-strong);--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-soft:0 4px 24px #1e1b2e0f;--shadow-card:0 8px 40px #1e1b2e14;--shadow-glow:0 8px 32px #6c3aed38;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--max-w:1120px;--nav-h:64px;--ease-out:cubic-bezier(.22, 1, .36, 1)}[data-audience=teens]{--tab-accent:var(--tab-teens);--tab-accent-strong:var(--tab-teens-strong)}[data-audience=parents]{--tab-accent:var(--tab-parents);--tab-accent-strong:var(--tab-parents-strong)}[data-audience=professionals]{--tab-accent:var(--tab-professionals);--tab-accent-strong:var(--tab-professionals-strong)}[data-audience=schools]{--tab-accent:var(--tab-schools);--tab-accent-strong:var(--tab-schools-strong)}[data-audience=business]{--tab-accent:var(--tab-business);--tab-accent-strong:var(--tab-business-strong)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}[id]{scroll-margin-top:calc(var(--nav-h) + 1rem)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);color:var(--mkt-ink);background:var(--mkt-cream);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--mkt-cta);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}h3{font-size:1.125rem;font-weight:700}p{color:var(--mkt-muted);margin:0 0 1rem}p.lead{color:var(--mkt-ink);opacity:.85;font-size:1.125rem}.container{width:min(100% - 2rem, var(--max-w));margin-inline:auto}.section{padding:clamp(3rem,8vw,5rem) 0}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--mkt-cta);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{text-decoration:none;transform:scale(1.02)}.btn-primary{background:var(--mkt-cta);color:var(--mkt-cta-text);box-shadow:0 4px 14px #6c3aed59}.btn-primary:hover{background:var(--mkt-cta-hover)}.btn-secondary{color:var(--mkt-ink);border:1px solid var(--mkt-border);background:#fff}.btn-ghost{color:var(--mkt-ink);border:1px solid var(--mkt-border);background:0 0}.grid-2{gap:1.5rem;display:grid}.grid-3{gap:1.25rem;display:grid}@media (width>=640px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.grid-3.cols-4{grid-template-columns:repeat(4,1fr)}}.card{border:1px solid var(--mkt-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);background:#fff;padding:1.25rem 1.5rem;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s}.card:hover{box-shadow:var(--shadow-card);border-color:var(--mkt-cta);transform:translateY(-4px)}.hero-gradient{background:linear-gradient(135deg, var(--mkt-cream) 0%, var(--tab-accent) 55%, var(--mkt-mint) 100%);background-size:180% 180%;animation:20s ease-in-out infinite heroShift}@keyframes heroShift{0%,to{background-position:0%}50%{background-position:100%}}.fade-in{opacity:0;will-change:opacity, transform;transform:translateY(18px)}.fade-in.is-in{animation:fadeUp .6s var(--ease-out) forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:panelIn .38s var(--ease-out) forwards}.tag,.chip{border:1px solid var(--mkt-border);border-radius:var(--radius-pill);color:var(--mkt-muted);background:#fff;align-items:center;gap:.25rem;padding:.28rem .7rem;font-size:.75rem;font-weight:600;line-height:1.3;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.tag-accent,.chip-accent{background:var(--mkt-lavender);color:var(--mkt-cta);border-color:#0000}.tag-ai{background:var(--mkt-cta);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-color:#0000;font-size:.65rem}.tag-free{background:var(--mkt-mint);color:#0f5132;text-transform:uppercase;letter-spacing:.03em;border-color:#0000;font-size:.65rem}.tag-audience,.chip-audience{background:var(--tab-accent);color:var(--tab-accent-strong);border-color:#0000}.tag:hover,.chip:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.step-num,.step-badge{background-image:linear-gradient(135deg, var(--mkt-cta), var(--mkt-cta-hover));color:#fff;width:2rem;height:2rem;transition:transform .25s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:800;display:inline-flex}.card:hover .step-num,.card:hover .step-badge{transform:scale(1.08)}:focus-visible{outline:2px solid var(--mkt-cta);outline-offset:2px}.btn:focus-visible{outline-offset:3px}.stagger>:first-child{animation-delay:50ms}.stagger>:nth-child(2){animation-delay:.1s}.stagger>:nth-child(3){animation-delay:.15s}.stagger>:nth-child(4){animation-delay:.2s}.stagger>:nth-child(5){animation-delay:.25s}.stagger>:nth-child(6){animation-delay:.3s}.app-frame{background:var(--app-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-card), 0 0 0 6px #ffffff80;color:var(--app-text);border:1px solid #ffffff14;overflow:hidden}.app-frame-bar{background:var(--app-card);border-bottom:1px solid #ffffff0f;gap:6px;padding:10px 14px;display:flex}.app-frame-bar span{background:#ffffff26;border-radius:50%;width:10px;height:10px}.app-frame-body{padding:1.25rem;font-size:.875rem}.app-pill{border-radius:var(--radius-pill);color:#c4b5fd;background:#8b5cf640;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.hero h1{background:linear-gradient(120deg, var(--mkt-ink) 0%, var(--mkt-cta) 60%, var(--mkt-cta-hover) 100%);color:#0000;background-clip:text}@supports not (background-clip:text){.hero h1{color:var(--mkt-ink);background:0 0}}.btn-primary{background-image:linear-gradient(135deg, var(--mkt-cta) 0%, var(--mkt-cta-hover) 100%)}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 22px #6c3aed6b}.section-label{align-items:center;gap:.5rem;display:inline-flex}.section-label:before{content:"";background:var(--mkt-cta);border-radius:2px;width:1.5rem;height:2px}.lead{line-height:1.6}a{transition:color .18s}.nav-links a{position:relative}.nav-links a:hover{text-decoration:none}.nav-links a:after{content:"";background:var(--mkt-cta);border-radius:2px;width:0;height:2px;transition:width .22s;position:absolute;bottom:-3px;left:0}.nav-links a:hover:after{width:100%}.hero-visual,.app-frame,.demo-card{transition:transform .35s var(--ease-out), box-shadow .35s ease}.hero-visual:hover,.app-frame:hover,.demo-card:hover{transform:translateY(-4px)}.cap-icon,.use-icon{transition:transform .3s var(--ease-out);display:inline-block}.cap-card:hover .cap-icon{transform:scale(1.16)rotate(-4deg)}.use-card:hover .use-icon{transform:translateY(-3px)scale(1.1)}.use-link{transition:gap .2s,color .2s}.use-link:hover{gap:.6rem}.stat.is-done .stat-val{animation:statPop .4s var(--ease-out)}@keyframes statPop{50%{color:var(--tab-accent-strong);transform:scale(1.08)}}.cta-band{position:relative;overflow:hidden}.cta-band:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,#8b5cf62e,#0000 60%);position:absolute;inset:-40%}.cta-inner{z-index:1;position:relative}.faq-item{transition:border-color .2s,background .2s}.faq-item:hover,.faq-item[open]{border-color:var(--mkt-cta)}.security-list li{transition:transform .2s}.security-list li:hover{transform:translate(3px)}.nav[data-astro-cid-wpvy4v7s]{z-index:100;backdrop-filter:blur(12px);border-bottom:1px solid var(--mkt-border);background:#fffbf5eb;position:sticky;top:0}.nav-inner[data-astro-cid-wpvy4v7s]{min-height:var(--nav-h);align-items:center;gap:1rem;display:flex}.logo[data-astro-cid-wpvy4v7s]{color:var(--mkt-ink);margin-right:auto;font-size:1.25rem;font-weight:800;text-decoration:none}.logo[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]{color:var(--mkt-cta)}.nav-links[data-astro-cid-wpvy4v7s]{gap:1.25rem;display:none}.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]{color:var(--mkt-muted);font-size:.875rem;font-weight:600;text-decoration:none}.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s]:hover,.nav-links[data-astro-cid-wpvy4v7s] a[data-astro-cid-wpvy4v7s].active{color:var(--mkt-cta)}.nav-cta[data-astro-cid-wpvy4v7s]{padding:.5rem 1rem;font-size:.875rem}.audience-tabs[data-astro-cid-wpvy4v7s]{scrollbar-width:none;gap:.5rem;padding:.75rem 0 1rem;display:flex;overflow-x:auto}.audience-tabs[data-astro-cid-wpvy4v7s]::-webkit-scrollbar{display:none}.audience-tab[data-astro-cid-wpvy4v7s]{border:1px solid var(--mkt-border);border-radius:var(--radius-pill);color:var(--mkt-muted);cursor:pointer;background:#fff;flex-shrink:0;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .2s,color .2s,border-color .2s}.audience-tab[data-astro-cid-wpvy4v7s][aria-selected=true]{background:var(--mkt-cta);color:#fff;border-color:var(--mkt-cta)}@media (width>=768px){.nav-links[data-astro-cid-wpvy4v7s]{display:flex}}.footer[data-astro-cid-jo6i4kqk]{background:var(--mkt-ink);color:#ffffffb3;padding:3rem 0 1.5rem}.footer-grid[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;display:grid}.footer[data-astro-cid-jo6i4kqk] .logo[data-astro-cid-jo6i4kqk]{color:#fff;margin:0;font-size:1.25rem;font-weight:800}.footer[data-astro-cid-jo6i4kqk] .logo[data-astro-cid-jo6i4kqk] span[data-astro-cid-jo6i4kqk]{color:#a78bfa}.footer[data-astro-cid-jo6i4kqk] .tag[data-astro-cid-jo6i4kqk]{margin:.25rem 0}.footer[data-astro-cid-jo6i4kqk] .small[data-astro-cid-jo6i4kqk]{margin:0;font-size:.8rem}.footer[data-astro-cid-jo6i4kqk] h4[data-astro-cid-jo6i4kqk]{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.75rem}.footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#ffffffa6;margin-bottom:.4rem;font-size:.875rem;text-decoration:none;display:block}.footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:#a78bfa}.footer-bottom[data-astro-cid-jo6i4kqk]{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;font-size:.8rem}.footer-bottom[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#a78bfa;display:inline}
