:root{color-scheme:dark;--bg:#070b17;--surface:#10182c;--line:#263452;--text:#f1f6ff;--muted:#a2b3d3;--aqua:#6af5d3;--violet:#977bff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 40% at 70% 0%,#25265c 0%,transparent 70%),radial-gradient(ellipse 40% 35% at 10% 35%,#0a3740 0%,transparent 75%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{max-width:1190px;margin:auto;padding:0 24px}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(20px);background:#080d1cdb;border-bottom:1px solid #283452}.nav-inner{min-height:76px;display:flex;align-items:center;gap:26px}.logo{font-size:26px;font-weight:950;letter-spacing:-1px}.logo b{color:var(--aqua)}.navlinks{display:flex;gap:24px;margin-left:auto;color:#c5d3eb;font-size:14px}.navlinks a:hover{color:var(--aqua)}.btn{border:1px solid #4c5b88;background:#18233c;color:white;border-radius:12px;padding:12px 20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #0005}.btn.primary{border:0;background:linear-gradient(110deg,#64e9cb,#86b5ff);color:#071624}.btn.ghost{background:transparent}.hero{padding:105px 0 90px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px}.eyebrow{color:var(--aqua);text-transform:uppercase;letter-spacing:2.5px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(48px,6.3vw,83px);letter-spacing:-4px;line-height:1.02;margin:20px 0 22px}.gradient{background:linear-gradient(110deg,#6af5d3,#8c9cff,#c3a6ff);background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.75;color:#b5c5df;max-width:590px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.fine{font-size:12px;color:#8b9fbe;line-height:1.6}.visual{position:relative;min-height:470px;display:grid;place-items:center}.halo{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#42d9bc33,transparent 65%);filter:blur(15px)}.machine{position:relative;width:320px;height:360px;border:2px solid #7284bf;border-radius:35px;background:linear-gradient(140deg,#30426e,#101b33 65%,#0d1425);box-shadow:18px 24px 0 #080c17,0 0 90px #49e1d025,inset 0 0 45px #79a9ff19;transform:rotate(-5deg);padding:24px}.machine:before{content:"TYCOBIT / QUANTUM RIG";display:block;font-size:12px;letter-spacing:2px;color:#95c7e6;font-weight:900}.fans{display:flex;gap:14px;margin:38px 0}.fan{width:120px;aspect-ratio:1;border:11px solid #0a1225;border-radius:50%;background:conic-gradient(from 20deg,#5af7d4 0 20%,#264a73 20% 40%,#5af7d4 40% 60%,#264a73 60% 80%,#5af7d4 80%);box-shadow:0 0 26px #4ae6d46e;animation:spin 9s linear infinite}.screen{border:1px solid #3f5b80;background:#0b1c2d;border-radius:10px;padding:13px;color:#78f4d5;font-size:12px;letter-spacing:2px}.float{position:absolute;background:#15243bdc;border:1px solid #4c6585;box-shadow:0 14px 45px #0008;border-radius:16px;padding:16px 20px;font-size:13px}.float strong{display:block;font-size:24px;color:var(--aqua);margin-top:5px}.f1{top:10px;right:0}.f2{bottom:0;left:0}.section{padding:80px 0}.section h2{font-size:clamp(30px,4vw,49px);letter-spacing:-1.5px;margin:12px 0}.sub{color:var(--muted);line-height:1.75;max-width:690px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(160deg,#18233b,#0f1729);padding:28px;min-height:215px}.card .emoji{font-size:34px}.card h3{margin:20px 0 10px;font-size:20px}.card p{color:var(--muted);line-height:1.65;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.step{padding:28px;border:1px solid var(--line);border-radius:20px;background:#0f182c}.num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#243a4b;color:var(--aqua);font-weight:900}.step p{color:var(--muted);line-height:1.65}.banner{margin:45px 0 70px;padding:48px;border-radius:28px;border:1px solid #456f86;background:radial-gradient(ellipse at 100% 0%,#3a3172 0%,transparent 65%),linear-gradient(110deg,#153c48,#12172e);display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{margin:0 0 10px;font-size:34px}.banner p{color:#b6c8df;margin:0}.faq{display:grid;gap:12px;margin:30px 0 90px}.faq details{background:#111b30;border:1px solid var(--line);border-radius:14px;padding:20px}.faq summary{cursor:pointer;font-weight:800}.faq p{color:var(--muted);line-height:1.7}.footer{border-top:1px solid var(--line);padding:30px 0;color:#9fb1d0;font-size:13px}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.overlay{position:fixed;inset:0;background:#030713d9;z-index:60;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(9px)}.overlay.open{display:flex}.dialog{width:min(460px,100%);background:linear-gradient(145deg,#1b2a48,#0e1629);border:1px solid #425578;border-radius:24px;padding:30px;box-shadow:0 30px 100px #000b;position:relative}.close{position:absolute;right:18px;top:16px;background:none;border:0;color:#cbd8ed;font-size:27px}.dialog h2{font-size:27px;margin:5px 0 10px}.dialog p{color:#adbfdb;line-height:1.6}.field{display:grid;gap:8px;margin:17px 0}.field label{font-size:13px;font-weight:800}.field input{width:100%;border:1px solid #536483;background:#0b1426;border-radius:12px;padding:13px;color:white;outline:none}.field input:focus{border-color:#64e9cb;box-shadow:0 0 0 3px #64e9cb22}.error{color:#ffabb8;font-size:13px;min-height:18px}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.navlinks{display:none}.nav-inner .btn{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:60px}.visual{min-height:420px}.cards,.steps{grid-template-columns:repeat(2,1fr)}.banner{flex-direction:column;align-items:start}}@media(max-width:560px){.container{padding:0 17px}.hero h1{letter-spacing:-2px}.visual{min-height:370px}.machine{transform:scale(.8) rotate(-5deg)}.f1{right:0}.f2{left:0}.cards,.steps{grid-template-columns:1fr}.section{padding:55px 0}.banner{padding:28px}.nav-inner{gap:10px}.nav-inner .btn{padding:10px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}