:root{--bg: #030712;--bg-elevated: rgba(15, 23, 42, .96);--accent: #6366f1;--accent-strong: #4f46e5;--accent-soft: rgba(99, 102, 241, .22);--text-primary: #e5e7eb;--text-muted: #9ca3af;--text-soft: #6b7280;--border-subtle: rgba(148, 163, 184, .35);--radius-xl: 1.75rem;--radius-lg: 1.25rem;--radius-full: 999px;--shadow-soft: 0 22px 60px rgba(15, 23, 42, .9)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 60%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.22),transparent 55%),radial-gradient(circle at right,rgba(52,211,153,.18),transparent 55%),var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 10% 0,rgba(129,140,248,.14),transparent 60%),radial-gradient(circle at 80% 100%,rgba(45,212,191,.12),transparent 60%);mix-blend-mode:screen;opacity:.6;pointer-events:none;z-index:-1;animation:bg-move 18s ease-in-out infinite alternate}@keyframes bg-move{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-10px,18px,0) scale(1.02)}to{transform:translate3d(10px,-14px,0) scale(1.03)}}a{color:inherit;text-decoration:none}button{font-family:inherit}.reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease-out,transform .55s ease-out;will-change:opacity,transform}.reveal-visible{opacity:1;transform:translateY(0)}.app-shell{min-height:100vh;padding:32px 18px 52px;display:flex;flex-direction:column}@media (min-width: 768px){.app-shell{padding:36px 40px 64px}}.max-width{width:100%;max-width:1200px;margin:0 auto}@media (min-width: 1200px){.max-width{width:80%;max-width:1400px}}.header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top left,rgba(148,163,184,.18),transparent 55%),#0f172ae6;box-shadow:0 18px 40px #0f172ae6;position:sticky;top:18px;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-left{display:flex;align-items:center;gap:12px}.logo-mark{font-weight:700;font-size:20px;letter-spacing:.06em;color:#f9fafb}.logo-img{width:55px;height:55px;object-fit:contain;display:block}@keyframes float-soft{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.brand{display:flex;flex-direction:column}.brand-name{font-size:1.15rem;font-weight:600;letter-spacing:.04em}.brand-tagline{font-size:.8rem;color:var(--text-soft)}.nav-desktop{display:none;align-items:center;gap:18px;font-size:.9rem}.nav-link{padding:6px 10px;border-radius:999px;color:var(--text-soft);position:relative;overflow:hidden}.nav-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(148,163,184,.18),transparent 55%);opacity:0;transition:opacity .2s ease-out}.nav-link:hover{color:var(--text-primary);background:#0f172ae6}.nav-link:hover:after{opacity:1}.header-actions{display:flex;align-items:center;gap:8px}.btn{border-radius:var(--radius-full);border:1px solid transparent;padding:13px 22px;font-size:.95rem;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:transform .14s ease-out,box-shadow .14s ease-out,background .14s ease-out,border-color .14s ease-out;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:#94a3b88c;color:var(--text-soft)}.btn-ghost:hover{border-color:#f8fafcbf;color:#e5e7eb;background:#0f172af0;box-shadow:0 12px 32px #0f172ae6}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#f9fafb;box-shadow:0 18px 48px #4f46e5f2}.btn-primary:hover{box-shadow:0 22px 60px #4f46e5}.btn-secondary{background:#0f172afa;color:var(--text-primary);border-color:#94a3b899}.btn-secondary:hover{background:#0f172a;box-shadow:0 12px 36px #0f172af2}.header-icon-btn{padding-inline:10px}.header-icon-img{width:18px;height:18px;display:block}.hero{display:grid;grid-template-columns:minmax(0,1.1fr);gap:36px;margin-top:80px;align-items:stretch}@media (min-width: 900px){.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.95fr);gap:44px;margin-top:96px}}.hero-left{display:flex;flex-direction:column;gap:26px}.hero-title{font-size:clamp(2.8rem,4vw + 1.8rem,3.6rem);line-height:1.05;letter-spacing:-.05em;font-weight:700}.hero-title span{background:linear-gradient(135deg,#a5b4fc,#38bdf8);-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:1rem;line-height:1.7;color:var(--text-muted);max-width:34rem}.hero-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}.hero-secondary-text{font-size:.86rem;color:var(--text-soft)}.hero-secondary-text span{color:#e5e7eb;font-weight:500}.hero-metas{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.86rem;color:var(--text-soft)}.hero-meta{display:inline-flex;align-items:center;gap:8px}.hero-meta-dot{width:7px;height:7px;border-radius:999px;background:#94a3b8d9}.hero-enter-left{opacity:0;transform:translate(-32px);animation:hero-left-in .7s ease-out forwards;animation-delay:.12s}.hero-enter-right{opacity:0;transform:translate(32px);animation:hero-right-in .7s ease-out forwards;animation-delay:.18s}@keyframes hero-left-in{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes hero-right-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.hero-right{position:relative}.hero-panel{border-radius:var(--radius-xl);border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at top,rgba(148,163,184,.22),transparent 65%),var(--bg-elevated);box-shadow:var(--shadow-soft);padding:22px 20px 18px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;animation:float-card 7s ease-in-out infinite}.hero-panel:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:conic-gradient(from 180deg at 50% 50%,rgba(129,140,248,.32),transparent,rgba(56,189,248,.22),transparent,rgba(129,140,248,.32));mix-blend-mode:soft-light;opacity:.35;animation:rotate-glow 18s linear infinite}.hero-panel>*{position:relative;z-index:1}@keyframes float-card{0%{transform:translateY(0) translateZ(0)}50%{transform:translateY(-6px) translateZ(0)}to{transform:translateY(0) translateZ(0)}}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-flow{gap:14px}.hero-flow-header{display:flex;justify-content:space-between;align-items:flex-start;font-size:.86rem;color:var(--text-soft)}.hero-flow-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.hero-flow-sub{margin-top:3px;font-size:.8rem;color:var(--text-soft)}.hero-flow-steps{position:relative;margin-top:6px;padding-left:6px;display:flex;flex-direction:column;gap:10px}.hero-flow-steps:before{content:"";position:absolute;left:16px;top:4px;bottom:6px;width:1px;background:linear-gradient(to bottom,#94a3b899,#94a3b833)}.hero-flow-step{display:flex;gap:10px;align-items:flex-start;padding:6px 8px 6px 0}.hero-flow-marker{position:relative;z-index:1;flex-shrink:0;width:20px;height:20px;border-radius:999px;background:radial-gradient(circle at 30% 0,#a5b4fc,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #4f46e5e6}.hero-flow-index{font-size:.78rem;font-weight:600;color:#f9fafb}.hero-flow-text{display:flex;flex-direction:column;gap:2px}.hero-flow-step-label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.hero-flow-step-description{font-size:.8rem;color:var(--text-muted)}.section{margin-top:80px}.section-header{margin-bottom:22px}.section-kicker{font-size:.82rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-soft);margin-bottom:6px}.section-title{font-size:1.8rem;letter-spacing:-.04em;font-weight:600;margin:0}.section-description{margin-top:10px;font-size:.98rem;color:var(--text-muted);max-width:32rem}.steps-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media (min-width: 768px){.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.step-card{border-radius:22px;border:1px solid rgba(148,163,184,.55);background:#0f172af5;padding:18px 16px;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background .18s ease-out}.step-card:hover{transform:translateY(-4px);border-color:#818cf8d9;box-shadow:0 18px 42px #0f172af2;background:radial-gradient(circle at top,rgba(129,140,248,.14),transparent 55%),#0f172afa}.step-label{font-size:.84rem;color:var(--text-soft)}.step-title{font-size:1.02rem;font-weight:600}.step-description{font-size:.9rem;color:var(--text-muted)}.audience-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media (min-width: 880px){.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.audience-card{border-radius:22px;border:1px solid rgba(148,163,184,.55);background:#0f172af7;padding:20px 18px 18px;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background .18s ease-out}.audience-card:hover{transform:translateY(-4px);border-color:#818cf8e6;box-shadow:0 18px 42px #0f172af5;background:radial-gradient(circle at top,rgba(56,189,248,.16),transparent 55%),#0f172afa}.audience-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.audience-title{font-size:1.1rem;font-weight:600}.audience-chip{padding:4px 11px;border-radius:999px;border:1px solid rgba(148,163,184,.6);font-size:.8rem;color:var(--text-soft)}.audience-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;font-size:.9rem;color:var(--text-muted)}.audience-list li{display:flex;gap:8px}.audience-bullet{margin-top:5px;font-size:1rem}.faq-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media (min-width: 880px){.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.faq-card{border-radius:18px;border:1px solid rgba(148,163,184,.55);background:#0f172af7;padding:14px 14px 12px;font-size:.9rem;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,background .18s ease-out}.faq-card:hover{transform:translateY(-3px);border-color:#818cf8e6;box-shadow:0 14px 36px #0f172af5;background:radial-gradient(circle at top,rgba(79,70,229,.18),transparent 55%),#0f172afa}.faq-question{font-weight:500;margin-bottom:6px}.faq-answer{color:var(--text-muted)}.footer{margin-top:54px;padding-top:18px;border-top:1px solid rgba(148,163,184,.45);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--text-soft)}.footer-links{display:flex;gap:12px}.footer-link{opacity:.82}.footer-link:hover{opacity:1}@media (max-width: 720px){.header{padding:6px 10px;gap:8px;border-radius:999px}.logo-pill{width:30px;height:30px;border-radius:999px}.logo-img{width:32px;height:32px}.brand-name{font-size:.95rem}.brand-tagline{display:none}.header-actions{gap:4px}.header-actions .btn{padding:6px 8px;font-size:.8rem}.header-actions .btn-primary{padding:6px 12px;font-size:.82rem}.header-icon-img{width:14px;height:14px}.header-actions .btn-ghost span.text{display:none}}@media (min-width: 960px){.nav-desktop{display:flex}}.tutorial-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:26px}.tutorial-box{border-radius:20px;border:1px solid rgba(148,163,184,.55);background:#0f172af5;padding:18px;box-shadow:0 14px 36px #0f172ad9;transition:.2s}.tutorial-box:hover{transform:translateY(-4px);border-color:#818cf8e6;background:radial-gradient(circle at top,rgba(129,140,248,.16),transparent 60%),#0f172afa}.tutorial-box h4{margin:0 0 8px;font-size:1.05rem;font-weight:600}.tutorial-box p{margin:0;font-size:.9rem;color:var(--text-muted)}.tutorial-box code{background:#ffffff12;padding:3px 6px;border-radius:6px;font-size:.82rem;color:#a5b4fc}.terms-box{border-radius:18px;border:1px solid rgba(148,163,184,.45);background:#0f172af5;padding:20px;box-shadow:0 14px 32px #0f172acc;display:flex;flex-direction:column;gap:12px;font-size:.92rem;color:var(--text-muted)}.terms-box p{margin:0}