#particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}#bittonic{position:fixed;width:100px;height:100px;z-index:500;pointer-events:none;filter:drop-shadow(0 0 18px var(--accent))}.robot-svg{animation:robotSway 3s ease-in-out infinite}.robot-bubble{position:absolute;top:-48px;left:50%;transform:translateX(-50%);background:rgb(0 229 255 / .08);border:1px solid var(--accent);border-radius:10px;padding:5px 10px;font-family:var(--font-code);font-size:.58rem;color:var(--accent);white-space:nowrap;opacity:0;transition:opacity 0.3s;backdrop-filter:blur(8px)}#bittonic:hover .robot-bubble{opacity:1}.drunk-trail{position:fixed;width:5px;height:5px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:499;animation:trailFade 1s forwards}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgb(0 229 255 / .025) 1px,transparent 1px),linear-gradient(90deg,rgb(0 229 255 / .025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,transparent 20%,black 100%);pointer-events:none}section{position:relative;z-index:1}.section-inner{max-width:1200px;margin:0 auto;padding:var(--section-pad)}.section-label{font-family:var(--font-code);font-size:.68rem;letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin-bottom:18px}.section-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin-bottom:40px}.btn-primary{display:inline-block;padding:14px 36px;background:var(--accent);color:var(--bg);font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;transition:background 0.3s,transform 0.3s}.btn-primary:hover{background:#00b8cc;transform:translateY(-2px)}.btn-outline{display:inline-block;padding:14px 36px;background:#fff0;color:var(--text);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);border-radius:2px;transition:border-color 0.3s,color 0.3s}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.card{background:var(--glass);border:1px solid var(--border);transition:border-color 0.3s}.card:hover{border-color:var(--accent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeUp 1s 1.2s forwards}.scroll-text{font-family:var(--font-code);font-size:.62rem;letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase}.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollLine 1.5s ease-in-out infinite}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes robotSway{0%,100%{transform:rotate(-8deg) translateY(0)}25%{transform:rotate(5deg) translateY(-8px)}50%{transform:rotate(-3deg) translateY(4px)}75%{transform:rotate(7deg) translateY(-5px)}}@keyframes trailFade{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(0)}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes chatPulse{0%,100%{box-shadow:0 0 28px rgb(0 229 255 / .35)}50%{box-shadow:0 0 48px rgb(0 229 255 / .65)}}@keyframes notifBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes msgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glitch1{0%,90%,100%{clip-path:none;transform:none}92%{clip-path:polygon(0 30%,100% 30%,100% 40%,0 40%);transform:translateX(-4px)}94%{clip-path:polygon(0 60%,100% 60%,100% 75%,0 75%);transform:translateX(4px)}}@keyframes glitch2{0%,88%,100%{clip-path:none;transform:none}90%{clip-path:polygon(0 55%,100% 55%,100% 65%,0 65%);transform:translateX(3px)}93%{clip-path:polygon(0 20%,100% 20%,100% 30%,0 30%);transform:translateX(-3px)}}@media (max-width:900px){.two-col{grid-template-columns:1fr;gap:40px}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.section-inner{padding:80px 20px}}@media (max-width:600px){.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}}