:root{--color-bg: #000000;--color-bg-elevated: #0a0a0a;--color-bg-card: #0a0a0a;--color-bg-card-hover: #171717;--color-surface: #171717;--color-surface-hover: #262626;--color-border: #262626;--color-text: #fafafa;--color-text-secondary: #d4d4d4;--color-text-muted: #a3a3a3;--color-accent: #D97757;--color-accent-light: #E89D88;--color-accent-dark: #B05B3E;--color-accent-glow: rgba(217, 119, 87, .15);--color-border-hover: rgba(217, 119, 87, .4);--color-success: #22c55e;--color-warning: #f59e0b;--font-display: "Fraunces", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-max: 1200px;--container-narrow: 800px;--container-padding: 1.5rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(217, 119, 87, .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}[data-spectrum=citron]{--color-accent: #D9CC57;--color-accent-light: #E8E288;--color-accent-dark: #B0A53E;--color-accent-glow: rgba(217, 204, 87, .15);--color-border-hover: rgba(217, 204, 87, .4);--shadow-glow: 0 0 40px rgba(217, 204, 87, .08)}[data-spectrum=teal]{--color-accent: #57D9CC;--color-accent-light: #88E8E2;--color-accent-dark: #3EB0A5;--color-accent-glow: rgba(87, 217, 204, .15);--color-border-hover: rgba(87, 217, 204, .4);--shadow-glow: 0 0 40px rgba(87, 217, 204, .08)}[data-spectrum=plum]{--color-accent: #D957CC;--color-accent-light: #E888E2;--color-accent-dark: #B03EA5;--color-accent-glow: rgba(217, 87, 204, .15);--color-border-hover: rgba(217, 87, 204, .4);--shadow-glow: 0 0 40px rgba(217, 87, 204, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(250,250,250,.03) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(250,250,250,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--color-text)}h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em}h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:var(--space-3xl);margin-bottom:var(--space-lg)}h3{font-size:clamp(1.15rem,2vw,1.4rem);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-md);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--color-accent-light)}strong{font-weight:600;color:var(--color-text)}ul,ol{padding-left:1.5rem;margin-bottom:var(--space-md)}li{margin-bottom:var(--space-sm);color:var(--color-text-secondary);line-height:1.7}li::marker{color:var(--color-accent)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container--narrow{max-width:var(--container-narrow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap}.btn--primary{background:var(--color-accent);color:#000;box-shadow:0 4px 16px #fafafa26}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fafafa40;color:#000;background:var(--color-accent-light)}.btn--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--color-accent);padding:.5rem 1rem}.btn--ghost:hover{background:var(--color-accent-glow)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}.badge--soon{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge--live{background:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.section{padding:var(--space-4xl) 0}.section--hero{padding:var(--space-4xl) 0 var(--space-3xl)}.section__eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--space-md)}.section__title{margin-top:0;margin-bottom:var(--space-md)}.section__subtitle{font-size:1.15rem;color:var(--color-text-muted);max-width:640px;line-height:1.7}.grid{display:grid;gap:var(--space-xl)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-list{display:grid;gap:var(--space-lg);list-style:none;padding:0}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-normal) ease}.feature-list li:hover{border-color:var(--color-border-hover)}.feature-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:#22c55e1a;color:var(--color-success);border-radius:50%;font-size:.75rem;font-weight:700}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--duration-normal) ease}.faq-item:hover{border-color:var(--color-border-hover)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);cursor:pointer;font-weight:600;font-size:1rem;color:var(--color-text);list-style:none;transition:background var(--duration-fast) ease;user-select:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.25rem;font-weight:300;color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-out);min-width:1.5rem;text-align:center}.faq-item[open] summary:after{content:"−";color:var(--color-accent)}.faq-item summary:hover{background:#ffffff05}.faq-item .faq-answer{padding:0 var(--space-xl) var(--space-lg);color:var(--color-text-secondary);line-height:1.7;font-size:.95rem}.divider{border:none;height:1px;background:var(--color-border);margin:var(--space-3xl) 0}.prose{max-width:var(--container-narrow)}.prose h2{font-size:1.5rem;margin-top:var(--space-3xl);margin-bottom:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.prose h2:first-child{border-top:none;padding-top:0}.prose h3{font-size:1.2rem}.prose p{margin-bottom:var(--space-lg)}.prose ol{counter-reset:step;list-style:none;padding-left:0}.prose ol li{counter-increment:step;padding-left:2.5rem;position:relative;margin-bottom:var(--space-md)}.prose ol li:before{content:counter(step);position:absolute;left:0;top:.15rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#fafafa1a;color:var(--color-accent);border-radius:50%;font-size:.8rem;font-weight:700}@media(max-width:768px){:root{--container-padding: 1.25rem}.section{padding:var(--space-3xl) 0}.section--hero{padding:var(--space-2xl) 0 var(--space-xl)}.grid--2,.grid--3{grid-template-columns:1fr}}@media(max-width:480px){:root{--container-padding: 1rem}.btn{padding:.65rem 1.25rem;font-size:.85rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) both}.animate-fade-in{animation:fadeIn .4s ease both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.site-header{position:sticky;top:0;z-index:100;background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04)}.site-nav{display:flex;align-items:center;justify-content:space-between;height:64px}.site-nav__logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--color-text)}.site-nav__logo-img{width:24px;height:24px;display:block}.site-nav__logo-text{color:var(--color-text);font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.site-nav__links{display:flex;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0}.site-nav__link{display:block;padding:.5rem .85rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--duration-fast) ease}.site-nav__link:hover{color:var(--color-text);background:#ffffff0a}.site-nav__link.is-active{color:var(--color-accent)}.spectrum-switcher{position:relative;margin-left:.5rem}.spectrum-btn{display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:100px;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.spectrum-btn:hover{color:var(--color-accent);background:#ffffff0f;border-color:var(--color-accent-glow)}.spectrum-icon{width:10px;height:10px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px var(--color-accent)}.site-nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.site-nav__toggle span{display:block;width:20px;height:2px;background:var(--color-text);border-radius:1px;transition:all var(--duration-normal) ease}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-4xl) 0 var(--space-2xl);margin-top:var(--space-4xl)}.site-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.site-footer__logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-text);font-weight:700;font-size:1.1rem;margin-bottom:var(--space-sm)}.site-footer__tagline{color:var(--color-text-muted);font-size:.9rem;margin:0}.site-footer__heading{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);margin-bottom:var(--space-md)}.site-footer__col ul{list-style:none;padding:0;margin:0}.site-footer__col li{margin-bottom:var(--space-sm)}.site-footer__col a{color:var(--color-text-muted);font-size:.9rem;text-decoration:none;transition:color var(--duration-fast) ease}.site-footer__col a:hover{color:var(--color-accent)}.site-footer__bottom{padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.site-footer__bottom p{font-size:.8rem;color:var(--color-text-muted);margin:0}@media(max-width:768px){.site-nav__toggle{display:flex}.site-nav__links{position:fixed;inset:64px 0 0;flex-direction:column;background:#0a0a0ffa;backdrop-filter:blur(20px);padding:var(--space-xl);gap:var(--space-sm);transform:translate(100%);transition:transform var(--duration-normal) var(--ease-out)}.site-nav__links.is-open{transform:translate(0)}.site-nav__link{font-size:1.1rem;padding:.75rem 1rem}.site-footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.site-footer__brand{grid-column:1 / -1}body.nav-open{overflow:hidden}[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}[aria-expanded=true] span:nth-child(2){opacity:0}[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}