:root{--cyan:#00cfff;--violet:#7b2fff;--pink:#ff4fc8;--btn-gradient:linear-gradient(135deg,#7b2fff 0%,#00cfff 100%);--ease-out:cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden}@keyframes drift{0%{background-position:200% 0}to{background-position:0 0}}@keyframes float{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes breathe{0%,to{opacity:.85;filter:drop-shadow(0 0 18px #00cfff80)}50%{opacity:1;filter:drop-shadow(0 0 36px #00cfffe6)drop-shadow(0 0 60px #7b2fff80)}}@keyframes pulse-ring{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes bullet1{0%,to{opacity:0;transform:translate(-8px)}15%,85%{opacity:1;transform:translate(0)}}@keyframes bullet2{0%,to{opacity:0;transform:translate(-8px)}25%,85%{opacity:1;transform:translate(0)}}@keyframes bullet3{0%,to{opacity:0;transform:translate(-8px)}35%,85%{opacity:1;transform:translate(0)}}.hero-orb{animation:6s ease-in-out infinite float,4s ease-in-out infinite breathe}.pulse-ring{border:1px solid #00cfff4d;border-radius:50%;animation:2.8s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;inset:-8px}.pulse-ring-2{border:1px solid #00cfff33;border-radius:50%;animation:2.8s cubic-bezier(.4,0,.6,1) .9s infinite pulse-ring;position:absolute;inset:-8px}.btn-primary{background:var(--btn-gradient);color:#fff;font-family:var(--font-buttons);letter-spacing:.02em;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;padding:14px 36px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00cfff4d,0 4px 16px #7b2fff4d}.btn-outline{color:var(--cyan);font-family:var(--font-buttons);letter-spacing:.02em;cursor:pointer;background:0 0;border:1px solid #00cfff4d;border-radius:100px;justify-content:center;align-items:center;padding:10px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--cyan);background:#00cfff14}.power-card{background:var(--surface);border:1px solid var(--border-cyan);transition:all .3s var(--ease-out);cursor:default;border-radius:16px;padding:32px 28px}.power-card:hover{background:#ffffff0b;border-color:#00cfff40;transform:translateY(-4px);box-shadow:0 20px 60px #00cfff14}.pricing-card{background:var(--surface);border:1px solid var(--border-cyan);border-radius:16px;padding:32px 28px;transition:all .3s;position:relative}.pricing-card.featured{background:#00cfff0a;border-color:#00cfff4d;box-shadow:0 0 60px #00cfff14}.reveal{opacity:0;transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.12s}.reveal:nth-child(3){transition-delay:.24s}.demo-tab{font-family:var(--font-buttons);letter-spacing:.08em;color:var(--text-meta);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:100px;padding:6px 16px;font-size:11px;font-weight:600;transition:all .2s}.demo-tab.active{color:var(--cyan);background:#00cfff14;border-color:#00cfff4d}.system-line{letter-spacing:.1em;color:var(--text-meta);font-family:ui-monospace,monospace;font-size:11px}
