main{display:block}.hero{padding:var(--space-12) 0 var(--space-10);text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,var(--color-accent-soft) 0%,transparent 60%);z-index:-1;pointer-events:none}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-accent-soft);color:var(--color-accent);border:1px solid rgba(96,165,250,.25);border-radius:999px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5)}.hero__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:var(--space-4);background:linear-gradient(180deg,var(--color-text) 0%,var(--color-text-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-text)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:640px;margin:0 auto var(--space-5)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-5)}.hero__visual{margin:var(--space-8) auto 0;max-width:760px;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.hero__visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.hero__visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(96,165,250,.18) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(74,222,128,.12) 0%,transparent 40%)}.hero__visual-content{position:relative;text-align:center;padding:var(--space-6)}.hero__visual-icon{width:64px;height:64px;margin:0 auto var(--space-3);color:var(--color-accent)}.hero__visual p{font-family:var(--font-mono);color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.features__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:600px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.features__grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.feature-card:hover{border-color:var(--color-border-strong);transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-card__icon{width:44px;height:44px;padding:10px;color:var(--color-accent);background:var(--color-accent-soft);border:1px solid rgba(96,165,250,.2);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.feature-card p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.how__steps{display:grid;gap:var(--space-5);grid-template-columns:1fr;counter-reset:step}@media(min-width:768px){.how__steps{grid-template-columns:repeat(3,1fr)}}.how-step{position:relative;padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);counter-increment:step}.how-step:before{content:counter(step);position:absolute;top:-18px;left:var(--space-5);width:36px;height:36px;border-radius:50%;background:var(--gradient-accent);color:var(--color-accent-contrast);display:grid;place-items:center;font-weight:700;font-size:var(--text-sm);box-shadow:var(--shadow-accent)}.how-step h3{font-size:var(--text-lg);margin:var(--space-2) 0}.how-step p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.faq__list{display:grid;gap:var(--space-3);max-width:720px;margin:0 auto}.faq__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.faq__item[open]{border-color:var(--color-accent)}.faq__item summary{cursor:pointer;padding:var(--space-4) var(--space-5);font-weight:600;color:var(--color-text);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";color:var(--color-accent);font-size:var(--text-xl);font-weight:400;line-height:1;flex-shrink:0;transition:transform var(--transition-fast)}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__item p{padding:0 var(--space-5) var(--space-4);margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.roadmap{position:relative}.roadmap__list{display:grid;gap:var(--space-3);max-width:720px;margin:0 auto;position:relative}.roadmap__list:before{content:"";position:absolute;left:14px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.roadmap__item{position:relative;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.roadmap__dot{position:absolute;left:6px;top:18px;width:18px;height:18px;border-radius:50%;background:var(--color-text-subtle);border:3px solid var(--color-bg)}.roadmap__item--done .roadmap__dot{background:var(--color-success)}.roadmap__item--current .roadmap__dot{background:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-soft)}.roadmap__item--planned .roadmap__dot{background:var(--color-text-subtle)}.roadmap__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1)}.roadmap__version{font-family:var(--font-mono);font-weight:700;color:var(--color-text)}.roadmap__status{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px;background:var(--color-surface-elevated);color:var(--color-text-muted)}.roadmap__item--done .roadmap__status{background:#4ade8026;color:var(--color-success)}.roadmap__item--current .roadmap__status{background:var(--color-accent-soft);color:var(--color-accent)}.roadmap__title{font-weight:600;margin:0 0 var(--space-1)}.roadmap__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.about{text-align:center}.about p{max-width:720px;margin:0 auto var(--space-4);font-size:var(--text-lg);color:var(--color-text-muted)}.about p:last-of-type{margin-bottom:0}.cta{position:relative;text-align:center;background:radial-gradient(40rem 20rem at 50% 0%,rgba(96,165,250,.12),transparent 70%),var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-5);margin:var(--space-6) auto;max-width:760px;box-shadow:var(--shadow-lg);overflow:hidden}.cta h2{margin-bottom:var(--space-2)}.cta p{max-width:480px;margin:0 auto var(--space-4)}