.feature-page{--font-sans:var(--font-inter-latin), Arial, sans-serif;--font-mono:var(--font-jetbrains-mono-latin), monospace;font-family:var(--font-sans);--feature-reading:640px;--feature-accent-text:var(--primary)}.dark .feature-page{--feature-accent-text:color-mix(in oklch, var(--primary) 72%, var(--foreground))}.feature-page .feature-demo .text-primary,.feature-page .feature-demo [data-variant=brand],.feature-page .feature-demo [data-variant=live]{color:var(--feature-accent-text)}.feature-container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:24px}.feature-skip-link{z-index:600;background:var(--background);color:var(--foreground);padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.feature-skip-link:focus{outline:2px solid var(--ring);transform:translateY(0)}.feature-hero{isolation:isolate;padding-block:80px 72px;position:relative;overflow:hidden}.feature-hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 35%, color-mix(in oklch, var(--primary) 9%, transparent), transparent 65%);position:absolute;inset:0}.feature-hero-grid{align-items:center;gap:48px;display:grid}.feature-hero--split .feature-hero-grid{grid-template-columns:1fr 1fr}.feature-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);align-items:center;gap:10px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.feature-eyebrow>span{background:var(--primary);border-radius:100%;width:6px;height:6px}.feature-headline{letter-spacing:-.045em;text-wrap:balance;margin-top:24px;font-size:clamp(36px,4.2vw,60px);font-weight:600;line-height:1.06}.feature-headline>span{color:var(--primary);margin-top:8px;display:block}.feature-intro{max-width:560px;color:var(--muted-foreground);margin-top:24px;font-size:18px;line-height:1.7}.feature-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.feature-hero-demo{width:100%;min-width:0}.feature-demo{box-shadow:0 24px 80px -48px color-mix(in oklch, var(--primary) 35%, transparent)}.feature-hero--center{padding-top:64px}.feature-hero--center .feature-hero-grid{gap:40px}.feature-hero--center .feature-hero-copy{text-align:center;max-width:950px;margin-inline:auto}.feature-hero--center .feature-eyebrow,.feature-hero--center .feature-actions{justify-content:center}.feature-hero--center .feature-intro{max-width:640px;margin-inline:auto}.feature-hero--center .feature-headline{font-size:clamp(36px,4.5vw,64px)}.feature-hero--center .feature-hero-demo{max-width:1000px;margin-inline:auto}.feature-chart{min-height:120px;margin-block:20px}.feature-chart-line{stroke-dasharray:900;stroke-dashoffset:0;animation:1s ease-out both feature-line-reveal}@keyframes feature-line-reveal{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}.feature-story{padding-top:64px;scroll-margin-top:80px}.feature-story-intro{max-width:740px;padding-bottom:40px}.feature-story-intro .feature-section-heading{margin-top:16px}.feature-section-heading{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.15}.feature-benefit{border-top:1px solid var(--border);grid-template-columns:80px 1fr;align-items:start;gap:32px;padding-block:40px;display:grid}.feature-benefit-number{font-family:var(--font-mono);color:var(--muted-foreground);font-size:32px;line-height:1}.feature-section{padding-block:72px}.feature-steps{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;display:grid}.feature-step-number{font-family:var(--font-mono);color:var(--feature-accent-text);font-size:14px}.feature-access{border-top:1px solid var(--border);grid-template-columns:160px 1fr;gap:24px;margin-top:40px;padding-top:24px;display:grid}.feature-faq{border-bottom:1px solid color-mix(in oklch, var(--border) 45%, transparent)}.feature-faq:last-child{border-bottom:0}.feature-faq summary{list-style:none}.feature-faq summary::-webkit-details-marker{display:none}.feature-faq[open] summary svg{transform:rotate(180deg)}.feature-faq[open] summary{color:var(--foreground)}.feature-closing{text-align:center;background:radial-gradient(ellipse at 50% 100%, color-mix(in oklch, var(--primary) 7%, transparent), transparent 75%);padding-block:80px}.feature-closing .feature-eyebrow{justify-content:center}@media (max-width:1023px){.feature-hero--split .feature-hero-grid{grid-template-columns:1fr}.feature-hero--split .feature-hero-copy,.feature-hero--split .feature-hero-demo{width:100%;max-width:720px;margin-inline:auto}.feature-hero{padding-block:48px}.feature-benefit{grid-template-columns:48px 1fr;gap:24px}}@media (max-width:639px){.feature-container{padding-inline:16px}.feature-hero,.feature-hero--center{padding-block:40px}.feature-hero-grid{gap:32px}.feature-headline,.feature-hero--center .feature-headline{font-size:36px}.feature-hero--center .feature-hero-copy{text-align:left}.feature-hero--center .feature-eyebrow,.feature-hero--center .feature-actions{justify-content:flex-start}.feature-intro{font-size:16px;line-height:1.7}.feature-benefit{grid-template-columns:1fr;gap:20px;padding-block:32px}.feature-benefit-number{font-size:24px}.feature-story,.feature-section{padding-top:48px}.feature-section{padding-bottom:48px}.feature-steps,.feature-access{grid-template-columns:1fr;gap:28px}.feature-access{gap:12px}.feature-closing{padding-block:56px}}@media (prefers-reduced-motion:reduce){.feature-page *,.feature-page :before,.feature-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}