@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#09090b;--bg-secondary:#111113;--bg-tertiary:#18181b;--bg-elevated:#1f1f23;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-subtle:#52525b;--border-default:#ffffff0f;--border-hover:#ffffff1a;--border-active:#ffffff26;--accent-blue:#3b82f6;--accent-blue-rgb:59,130,246;--accent-purple:#8b5cf6;--accent-purple-rgb:139,92,246;--accent-orange:#f97316;--accent-orange-rgb:249,115,22;--accent-green:#22c55e;--accent-green-rgb:34,197,94;--gradient-primary:linear-gradient(135deg,var(--accent-blue)0%,var(--accent-purple)100%);--gradient-glow:linear-gradient(135deg,#3b82f626 0%,#8b5cf626 100%);--gradient-subtle:linear-gradient(180deg,#ffffff08 0%,transparent 100%);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 20px #00000080;--shadow-glow-blue:0 0 40px #3b82f626;--shadow-glow-purple:0 0 40px #8b5cf626;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:10;--z-sticky:50;--z-modal:100;--z-tooltip:150;--navbar-height:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800}h2{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--space-4)}}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px}.bg-glow{pointer-events:none;z-index:-1;background:radial-gradient(80% 50% at 50% -20%,#3b82f626,#0000),radial-gradient(60% 40% at 80%,#8b5cf61a,#0000);height:100vh;position:fixed;top:0;left:0;right:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{background:#fafafae6;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-secondary:hover{border-color:var(--border-active);background:#ffffff0d}.btn-ghost{color:var(--text-secondary);padding:var(--space-2)var(--space-4);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-gradient{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow-blue)}.btn-gradient:hover{transform:translateY(-1px);box-shadow:0 0 60px #3b82f64d}.btn-interactive{position:relative;overflow:hidden}.btn-interactive:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-interactive:active{filter:brightness(.95);transform:translateY(0)scale(.97)}.value-card{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth),background var(--transition-smooth)}.value-card:hover{border-color:var(--border-hover);box-shadow:0 20px 40px #0006,0 0 60px rgba(var(--accent-blue-rgb),.1);background:var(--bg-elevated);transform:translateY(-6px)}.value-card:hover .card-glow{opacity:1}.value-card:hover .card-arrow{transform:translate(4px)}.value-card:hover .card-link{opacity:1}.value-card .card-link{opacity:.8;transition:opacity var(--transition-normal)}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.card-glow:hover{box-shadow:var(--shadow-glow-blue)}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:var(--accent-blue);background:#3b82f61a;border:1px solid #3b82f633;font-size:.75rem;font-weight:600;display:inline-flex}.badge-new{color:var(--accent-green);background:#22c55e1a;border-color:#22c55e33}.badge-hot{color:var(--accent-orange);background:#f973161a;border-color:#f9731633}.code-block{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-mono);font-size:.875rem;overflow-x:auto}.code-block code{color:var(--text-secondary)}.code-block .keyword{color:var(--accent-purple)}.code-block .string{color:var(--accent-green)}.code-block .comment{color:var(--text-muted)}.code-block .function{color:var(--accent-blue)}.terminal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden}.terminal-header{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-body{padding:var(--space-4);font-family:var(--font-mono);font-size:.875rem;line-height:1.8}.terminal-line{gap:var(--space-2);display:flex}.terminal-prompt{color:var(--accent-green);-webkit-user-select:none;user-select:none}.terminal-command{color:var(--text-primary)}.terminal-output{color:var(--text-muted);padding-left:var(--space-4)}@media (max-width:768px){.terminal{max-width:100%;overflow-x:hidden}.terminal-body{padding:var(--space-3);font-size:.75rem;overflow-x:auto}.terminal-line{flex-wrap:wrap}.terminal-command,.terminal-output{word-break:break-all;overflow-wrap:break-word}}input,textarea,select{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3)var(--space-4);color:var(--text-primary);width:100%;transition:all var(--transition-fast);font-size:.9375rem;font-family:var(--font-sans)}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.table-container{border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--bg-secondary);overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;padding:var(--space-4);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-default);font-size:.75rem;font-weight:600}td{padding:var(--space-4);border-bottom:1px solid var(--border-default);color:var(--text-secondary)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.section{padding:var(--space-24)0}@media (max-width:768px){.section{padding:var(--space-12)0}}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}@media (max-width:768px){.section-header{margin-bottom:var(--space-8)}}.section-header h2{margin-bottom:var(--space-4)}.section-header p{font-size:1.125rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #3b82f666}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.8;box-shadow:0 0 0 8px #22c55e00}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-slide-in-left{animation:.6s forwards slideInLeft}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000) 0 0/200% 100%;animation:1.5s infinite shimmer}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}.animate-scale-in{animation:.3s forwards scaleIn}.hover-lift{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.hover-scale{transition:transform var(--transition-smooth)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--transition-smooth)}.hover-glow:hover{box-shadow:0 0 40px #3b82f633}.active-scale:active{transform:scale(.97)}.online-indicator{background:var(--accent-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow}.glass-card{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth),background var(--transition-smooth)}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 40px #3b82f614}.card-interactive{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition-smooth);cursor:pointer}.card-interactive:hover{border-color:var(--border-active);transform:translateY(-6px)scale(1.01);box-shadow:0 24px 48px #00000080,0 0 60px #3b82f61f}.card-interactive:active{transform:translateY(-2px)scale(.99)}.card-glow{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth);position:relative}.card-glow:before{content:"";border-radius:inherit;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-smooth);z-index:-1;filter:blur(20px);position:absolute;inset:0}.card-glow:hover:before{opacity:.15}.card-glow:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0006}.gradient-border{background:var(--bg-secondary);border-radius:var(--radius-xl);position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple),var(--accent-blue));opacity:0;transition:opacity var(--transition-smooth);z-index:-1;background-size:200% 200%;position:absolute;inset:-1px}.gradient-border:hover:before{opacity:1;animation:3s infinite gradientRotate}.marquee-container:hover .marquee-content{animation-play-state:paused}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.navbar{z-index:var(--z-sticky);height:var(--navbar-height);padding:var(--space-4)0;transition:all var(--transition-normal);position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-default);background:#09090bcc}.navbar-inner{max-width:1200px;padding:0 var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.navbar-links{align-items:center;gap:var(--space-8);display:flex}.navbar-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.navbar-link:hover{color:var(--text-primary)}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:24px;height:24px;padding:0;display:none}.mobile-menu-btn span{background:var(--text-primary);width:100%;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}@media (max-width:768px){.navbar-links,.navbar-actions{display:none}.mobile-menu-btn{display:flex}}.footer{border-top:1px solid var(--border-default);padding:var(--space-16)0 var(--space-8);background:var(--bg-secondary)}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:1.5fr repeat(4,1fr);display:grid}.footer-brand p{margin-top:var(--space-4);max-width:280px;font-size:.875rem}.footer-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-4);font-size:.75rem;font-weight:600}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-links a{color:var(--text-secondary);font-size:.875rem}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.footer-copyright{color:var(--text-muted);font-size:.875rem}@media (max-width:768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.hero{min-height:calc(100vh - var(--navbar-height));padding:calc(var(--navbar-height) + var(--space-8))0 var(--space-12);flex-direction:column;justify-content:flex-start;display:flex;position:relative}.hero-content{max-width:800px}.hero-badge{margin-bottom:var(--space-4)}.hero-title{margin-bottom:var(--space-4);font-size:clamp(2.5rem,5vw,4rem)}.hero-description{color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-6);font-size:1.125rem}.hero-buttons{gap:var(--space-4);margin-bottom:var(--space-6);display:flex}@media (max-width:768px){.hero{min-height:auto;padding:calc(var(--space-6) + var(--navbar-height))0 var(--space-8)}.hero-grid{gap:var(--space-8)!important;grid-template-columns:1fr!important}.hero-content{order:1}.hero-terminal{order:2}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}}.models-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.model-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-normal);cursor:pointer}.model-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 0 30px #3b82f61a}.model-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.model-card-icon{border-radius:var(--radius-lg);background:var(--gradient-glow);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.model-card-badges{gap:var(--space-1);display:flex}.model-card-name{margin-bottom:var(--space-1);font-size:1rem;font-weight:600}.model-card-company{color:var(--text-muted);margin-bottom:var(--space-3);font-size:.8125rem}.model-card-price{padding-top:var(--space-3);border-top:1px solid var(--border-default);justify-content:space-between;display:flex}.model-card-price-item{text-align:center}.model-card-price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.model-card-price-value{color:var(--text-primary);font-size:.875rem;font-weight:600}@media (max-width:640px){.models-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-active)}::selection{color:var(--text-primary);background:#3b82f64d}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}