:root{--bg: #080C14;--surface: #0D1420;--surface2: #111927;--accent: #00D4FF;--accent2: #0066FF;--accent3: #00FF88;--text: #E8EDF5;--text-muted: #6B7A94;--border: rgba(255, 255, 255, .07)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;cursor:none}.cursor{position:fixed;width:12px;height:12px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s;mix-blend-mode:screen}.cursor-ring{position:fixed;width:40px;height:40px;border:1px solid rgba(0,212,255,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .12s ease-out}section{padding:6rem 6%}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.section-label:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent)}.section-title{font-family:Syne,sans-serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem}.section-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.7;max-width:520px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.btn-primary{padding:.85rem 2rem;background:var(--accent);color:var(--bg);border:none;border-radius:4px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff66}.btn-ghost{padding:.85rem 2rem;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;font-family:DM Sans,sans-serif;font-size:.95rem;cursor:pointer;text-decoration:none;transition:all .25s;display:inline-flex;align-items:center}.btn-ghost:hover{border-color:var(--text-muted);background:var(--surface)}@media (max-width: 900px){.cursor,.cursor-ring{display:none!important}body{cursor:auto}}@media (max-width: 600px){section{padding:4rem 5%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes float1{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(15px)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}