*{box-sizing:border-box;margin:0;padding:0}:root{--background:#080a0f;--foreground:#e6edf3;--surface:#0d1117;--border:#1c2333;--accent:#0f8;--accent-dim:#00ff8820;--accent-mid:#00ff8840;--text:#e6edf3;--text-muted:#7d8590;--red:#ff4d6d;--font-sans:"Syne", sans-serif;--font-mono:"Space Mono", monospace}html,body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);min-height:100vh}body:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.4;pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#00ff8815 0%,#0000 70%);width:800px;height:500px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}h1,h2,h3,h4,h5,h6{letter-spacing:-1px;font-weight:800;line-height:1.2}h1{margin-bottom:20px;font-size:clamp(32px,6vw,64px)}h2{margin:56px 0 16px;font-size:28px}h3{color:var(--accent);margin:32px 0 12px;font-size:20px}p{color:var(--text-muted);margin-bottom:20px;font-size:16px;line-height:1.85}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.content{z-index:1;width:100%;max-width:860px;margin:0 auto;padding:0 24px 80px;position:relative}.hero{text-align:center;z-index:1;width:100%;max-width:860px;margin:0 auto;padding:80px 24px 64px;position:relative}nav{border-bottom:1px solid var(--border);z-index:1;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:relative}.logo{font-family:var(--font-mono);color:var(--accent);font-size:20px;font-weight:700;text-decoration:none}.logo span{color:var(--text-muted)}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text-muted);font-size:13px;font-family:var(--font-mono);text-decoration:none}footer{border-top:1px solid var(--border);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:24px 48px;display:flex;position:relative}.footer-logo{font-family:var(--font-mono);color:var(--accent);font-size:14px;font-weight:700}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:13px;font-family:var(--font-mono);text-decoration:none}.footer-text{color:var(--text-muted);font-size:13px;font-family:var(--font-mono)}.tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:3px;text-transform:uppercase;border:1px solid var(--accent-mid);background:var(--accent-dim);border-radius:20px;margin-bottom:28px;padding:6px 16px;font-size:11px;display:inline-block}.lead{color:var(--text-muted);max-width:600px;margin:0 auto 48px;font-size:18px;line-height:1.7}.cta-btn{background:var(--accent);color:#000;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:10px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.cta-btn:hover{filter:brightness(.9)}.ad-slot{background:var(--surface);border:1px dashed var(--border);height:90px;color:var(--text-muted);font-family:var(--font-mono);border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 48px);max-width:860px;margin:48px auto;font-size:11px;display:flex}.warning{background:#ff4d6d10;border:1px solid #ff4d6d30;border-radius:12px;margin:32px 0;padding:24px 28px}.warning p{color:var(--text-muted);margin:0}.comparison{background:var(--border);border-radius:4px;grid-template-columns:1fr 1fr;gap:2px;margin:32px 0;display:grid;overflow:hidden}.comp-col{background:var(--background);padding:28px 24px}.comp-col h3{margin:0 0 16px}.comp-col ul{margin:0;padding-left:20px}.comp-col li{color:var(--text-muted);margin-bottom:8px;font-size:14px;line-height:1.6}.bad h3{color:var(--red)}.good h3{color:var(--accent)}.benefits{background:var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;margin:32px 0;display:grid}.benefit{background:var(--background);padding:28px 24px}.benefit-icon{margin-bottom:12px;font-size:28px}.benefit-title{margin-bottom:8px;font-size:16px;font-weight:700}.benefit-desc{color:var(--text-muted);font-size:14px;line-height:1.6}.use-cases{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:24px 0;display:grid}.use-case{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:10px;padding:16px 20px;font-size:14px}.use-case strong{color:var(--text);margin-bottom:4px;display:block}.cta-box{background:var(--accent-dim);border:1px solid var(--accent-mid);text-align:center;border-radius:16px;margin:56px 0;padding:40px}.cta-box h2{margin:0 0 12px;font-size:28px}.cta-box p{margin:0 0 24px}@media (max-width:768px){nav{flex-direction:column;gap:12px;padding:20px 24px}footer{flex-direction:column;padding:20px 24px}.comparison{grid-template-columns:1fr}.hero{padding:40px 24px 32px}}@media (max-width:500px){h1{font-size:24px}h2{font-size:20px}.content,.hero{padding:0 16px 40px}nav,footer{text-align:center;flex-direction:column;padding:16px}}