:root{--bg-dark: #0a0a0c;--bg-card: #141417;--accent: #0070f3;--accent-glow: rgba(0, 112, 243, .3);--text-primary: #ffffff;--text-secondary: #94949e;--success: #00ff88;--warning: #ffaa00;--info: #00d4ff;--border: #2d2d33}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}nav{height:80px;display:flex;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0a0a0ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100}nav .container{display:flex;justify-content:space-between;width:100%}.logo{display:flex;align-items:center;gap:1rem}.logo-img{height:64px;width:auto;filter:drop-shadow(0 0 12px var(--accent-glow))}.logo-text{font-weight:700;letter-spacing:.15rem;font-size:1.2rem;background:linear-gradient(to right,#fff,#94949e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.hero{padding:6rem 0;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.badge{display:inline-block;background:#00ff881a;color:var(--success);padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05rem;margin-bottom:1.5rem;border:1px solid rgba(0,255,136,.2)}h1{font-size:4.5rem;line-height:1.1;margin-bottom:1.5rem;font-weight:700;letter-spacing:-.02em}.subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem}.btn-primary-large{background:var(--accent);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-large{background:transparent;color:#fff;border:1px solid var(--border);padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-large:hover{background:#ffffff0d;border-color:var(--text-secondary)}.terminal{background:#000;border-radius:12px;border:1px solid var(--border);box-shadow:0 24px 48px #00000080;font-family:JetBrains Mono,monospace;overflow:hidden}.terminal-header{background:#1a1a1e;padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.dot:nth-child(1){background:#ff5f56}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#27c93f}.terminal-header .title{margin-left:1rem;font-size:.8rem;color:var(--text-secondary)}.terminal-body{padding:1.5rem;font-size:.9rem}.line{margin-bottom:.5rem}.cmd{color:var(--accent)}.text-dim{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.features{padding:6rem 0;background:#0d0d0f}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:3rem;margin-bottom:1rem}.section-header p{font-size:1.2rem;color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:var(--bg-card);padding:3rem 2rem;border-radius:16px;border:1px solid var(--border);transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-4px)}.feature-card .icon{font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:var(--text-secondary)}footer{padding:4rem 0;border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:.9rem}@media(max-width:968px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-actions{justify-content:center}.feature-grid{grid-template-columns:1fr}h1{font-size:3rem}}
