:root{--bg-base:#09090b;--bg-surface:#141417;--bg-elevated:#1c1c20;--bg-hover:#232328;--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff24;--text-primary:#f0ede8;--text-secondary:#87837e;--text-tertiary:#5c5955;--text-inverse:#09090b;--accent:#d4a574;--accent-hover:#e0b68a;--accent-muted:#d4a5741a;--accent-border:#d4a57440;--positive:#6ccf8e;--positive-muted:#6ccf8e1a;--negative:#cf6c6c;--negative-muted:#cf6c6c1a;--warning:#cfb86c;--warning-muted:#cfb86c1a;--info:#6ca5cf;--info-muted:#6ca5cf1a;--font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--max-width:1200px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 40px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6;overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s ease-out forwards fadeInUp}.animate-fade{animation:.4s ease-out forwards fadeIn}.btn-primary{background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:1px solid #0000;align-items:center;gap:.375rem;padding:.625rem 1.5rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 16px #d4a57433}.btn-primary.sm{padding:.375rem .75rem;font-size:.75rem}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;font-family:var(--font-body);border:1px solid var(--border-default);cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:.625rem 1.5rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-secondary.sm{padding:.375rem .75rem;font-size:.75rem}.btn-ghost{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-body);background:0 0;border:none;padding:.375rem;transition:color .2s}.btn-ghost:hover{color:var(--text-primary)}header{z-index:1000;width:100%;padding:1.25rem 0;transition:all .3s;position:fixed;top:0}header.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#09090beb;padding:.875rem 0}nav{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.04em;font-size:1.5rem;font-weight:400}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#d4a5740f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero:after{content:"";background:linear-gradient(to top, var(--bg-base), transparent);pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.hero h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin-bottom:1.5rem;font-size:4.5rem;font-weight:400;line-height:1.08}.hero h1 em{color:var(--accent);font-style:italic}.hero p{color:var(--text-secondary);max-width:520px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.cta-group{justify-content:center;gap:.75rem;display:flex}.products{padding:6rem 0}.section-title{font-family:var(--font-display);text-align:center;color:var(--text-primary);margin-bottom:3rem;font-size:2.5rem;font-weight:400}.bento-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}.product-card{background:var(--bg-surface);padding:2.5rem;transition:background .3s;position:relative}.product-card:hover{background:var(--bg-elevated)}.tagline{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;font-size:.6875rem;font-weight:500;display:block}.product-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.75rem;font-size:1.75rem;font-weight:400}.product-card p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.feature-list{list-style:none}.feature-list li{color:var(--text-secondary);align-items:center;margin-bottom:.375rem;font-size:.875rem;display:flex}.feature-list li:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-right:.75rem}.market-stat{text-align:center;padding:5rem 0;position:relative}.market-stat:before{content:"";background:linear-gradient(90deg, transparent, var(--border-default), transparent);width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.stat-number{font-family:var(--font-display);color:var(--accent);margin-bottom:.75rem;font-size:5.5rem;font-style:italic;font-weight:400;line-height:1;display:block}.stat-label{color:var(--text-secondary);font-size:1rem}footer{text-align:center;border-top:1px solid var(--border-subtle);margin-top:4rem;padding:3rem 0}.footer-links{margin-bottom:1.5rem}.footer-links a{color:var(--text-tertiary);margin:0 1rem;font-size:.8125rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}@media (max-width:768px){.hero h1{font-size:2.5rem}.bento-grid{grid-template-columns:1fr}.nav-links{display:none}}
