:root{--bg-base: #0a0a0c;--bg-surface: #121216;--bg-overlay: #1a1a20;--text-primary: #f0f0f5;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #10b981;--accent-hover: #059669;--accent-glow: rgba(16, 185, 129, .15);--border-color: #27272a;--border-focus: #3f3f46;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 1200px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);pointer-events:none}.mono-text{font-family:var(--font-mono);font-size:.85em;letter-spacing:-.02em}h1,h2,h3,h4,h5{color:var(--text-primary);line-height:1.2;font-weight:600;letter-spacing:-.02em}.text-gradient{background:linear-gradient(90deg,#fff,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--accent-primary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.border-y{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.bg-alt{background-color:var(--bg-surface)}.grid{display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.mt-sm{margin-top:1rem}.mt-lg{margin-top:3rem}.mt-xl{margin-top:5rem}.mb-lg{margin-bottom:3rem}.mx-auto{margin-left:auto;margin-right:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition);cursor:pointer;gap:.5rem;border:1px solid transparent}.btn-primary{background-color:var(--accent-primary);color:#000}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-overlay);border-color:var(--border-focus)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.navbar{position:fixed;top:0;width:100%;background:#0a0a0ccc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;letter-spacing:-.03em}.logo-icon{color:var(--accent-primary)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:var(--transition)}.nav-links a:hover{color:var(--text-primary)}.section-header{margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.section-title{font-size:2.5rem;margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);font-size:1.25rem}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:2rem;transition:var(--transition);position:relative;overflow:hidden}.card-icon{color:var(--accent-primary);margin-bottom:1.5rem}.card h3{margin-bottom:.75rem;font-size:1.25rem}.card p{color:var(--text-secondary)}.hover-glow:hover{border-color:var(--accent-primary);box-shadow:0 10px 30px -10px #10b9811a;transform:translateY(-2px)}.hero-section{padding-top:10rem;padding-bottom:8rem;position:relative;overflow:hidden}.video-demo-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-focus);box-shadow:0 20px 40px -10px #000c;background:var(--bg-surface)}.video-demo-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-surface);border:1px solid var(--border-color);padding:.35rem .75rem;border-radius:999px;margin-bottom:1.5rem}.pulse-dot{width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%;box-shadow:0 0 #10b98166;animation:pulse 2s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse{to{box-shadow:0 0 0 10px #10b98100}}.hero-title{font-size:4rem;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.04em}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:90%}.hero-actions{display:flex;gap:1rem}.terminal-mockup{background:#000;border:1px solid var(--border-focus);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 20px 40px -10px #000c}.terminal-header{background:var(--bg-surface);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.dots span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:#ff5f56}.dots span:nth-child(2){background:#ffbd2e}.dots span:nth-child(3){background:#27c93f}.terminal-title{flex-grow:1;text-align:center;color:var(--text-muted);font-family:var(--font-mono);font-size:.8rem}.terminal-body{padding:1.5rem;color:#e5e7eb}.terminal-body p{margin-bottom:.5rem}.prompt{color:var(--accent-primary);margin-right:.5rem;font-weight:700}.sys-msg{color:var(--text-secondary)}.cursor-blink{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.workflow-timeline{max-width:800px;margin:0 auto;position:relative}.timeline-step{display:flex;gap:2rem;margin-bottom:2.5rem;position:relative}.timeline-step:before{content:"";position:absolute;left:24px;top:48px;bottom:-40px;width:1px;background:var(--border-color);z-index:1}.timeline-step:last-child:before{display:none}.step-number{width:48px;height:48px;border-radius:50%;background:var(--bg-base);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent-primary);z-index:2;flex-shrink:0}.step-content{background:#000;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;flex-grow:1}.step-content h3{margin-bottom:.5rem}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem}.bento-large{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column}.bento-wide{grid-column:span 3}.tech-diagram{margin-top:2rem;padding:2rem;background:#10b9810d;border:1px dashed var(--accent-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--accent-primary);font-family:var(--font-mono)}.bg-contrast{background-color:#000;border-top:1px solid var(--border-focus)}.contrast-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.highlight-text{font-size:1.2rem;color:#fff;border-left:2px solid var(--accent-primary);padding-left:1.5rem;margin:1.5rem 0}.contrast-list{list-style:none;font-family:var(--font-mono)}.contrast-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;color:var(--text-primary)}.contrast-list i{color:var(--accent-primary)}.comparison-card{display:flex;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.comp-col{flex:1;padding:2rem}.comp-col.generic{background:var(--bg-surface);border-right:1px solid var(--border-color)}.comp-col.hardcore{background:#10b98108;position:relative}.badge-mini{position:absolute;top:1rem;right:1rem;background:var(--accent-primary);color:#000;font-family:var(--font-mono);font-size:.7rem;padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:700}.comp-col h4{margin-bottom:1.5rem;font-size:1.1rem}.comp-body div{margin-bottom:1rem;display:flex;gap:.75rem;align-items:flex-start;color:var(--text-secondary)}.comp-col.hardcore .comp-body div{color:var(--text-primary)}.logo-strip{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;opacity:.7}.company-logo{font-size:1.2rem;font-weight:700;color:var(--text-muted)}.quote-card{max-width:700px;text-align:left;background:var(--bg-surface);padding:3rem;border-radius:var(--radius-md);border:1px solid var(--border-color);position:relative}.quote-icon{position:absolute;top:2rem;left:-1.5rem;background:var(--bg-base);padding:.5rem;width:48px;height:48px;border:1px solid var(--border-color);border-radius:50%}.quote-card p{font-size:1.25rem;color:var(--text-primary);font-style:italic;margin-bottom:2rem}.quote-author{display:flex;flex-direction:column}.tabs-container{max-width:900px;margin:0 auto}.tabs-header{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem}.tab-btn{background:none;border:none;padding:1rem 2rem;color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition);font-size:1rem}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-pane{display:none;animation:fadeIn .4s ease forwards}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-grid{background:#000;padding:2.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.feature-list{list-style:none;margin-top:1.5rem}.feature-list li{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-family:var(--font-mono);color:var(--text-muted)}.cta-section{padding:8rem 0;border-top:1px solid var(--border-focus)}.massive-title{font-size:3.5rem;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem}.footer{padding:4rem 0;background:#000}.footer-col h5{margin-bottom:1.5rem;color:var(--text-primary)}.footer-col a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:.75rem;transition:var(--transition)}.footer-col a:hover{color:var(--accent-primary)}.footer-bottom{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}@media(max-width:992px){.hero-container,.contrast-layout,.bento-grid{grid-template-columns:1fr}.bento-large,.bento-wide{grid-column:span 1}.hero-title{font-size:3rem}.massive-title{font-size:2.5rem}}@media(max-width:768px){.nav-links,.nav-cta{display:none}.grid-3,.grid-4{grid-template-columns:1fr}.tabs-header{overflow-x:auto;white-space:nowrap}.comparison-card{flex-direction:column}}