:root{
  --bg:#020814;--bg2:#041226;--panel:#061728cc;--panel2:#071b31;--cyan:#14e6ff;--turq:#20f0d0;--text:#f5fbff;--muted:#90a7bb;--line:#163449;--gold:#ffd65a;--danger:#ff6f7e;
  --r:20px;--shadow:0 24px 80px rgba(0,0,0,.42);--glow:0 0 22px rgba(20,230,255,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#0a2f45 0,#041226 26%,#020814 64%);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-size:.75rem;font-weight:800}.section{padding:92px 0}.section-title{font-size:clamp(2rem,4.5vw,4.4rem);line-height:1.02;margin:8px 0 16px;letter-spacing:-.04em}.section-copy{color:var(--muted);max-width:680px;font-size:1.02rem}.glow-text{text-shadow:0 0 26px rgba(20,230,255,.35)}
.bg-grid:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(20,230,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,230,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.bg-grid:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 18%,rgba(32,240,208,.08),transparent 18%),radial-gradient(circle at 85% 30%,rgba(20,230,255,.07),transparent 20%)}
.nav{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(20,230,255,.08);background:rgba(2,8,20,.62);backdrop-filter:blur(16px)}.nav-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.06em}.brand img{width:36px;height:36px}.nav-links{display:flex;gap:20px;margin-left:auto;align-items:center}.nav-links a{color:#b9c9d6;font-size:.92rem}.nav-links a:hover{color:white}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:#061524;color:white;border-radius:12px;width:44px;height:44px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(20,230,255,.46);background:linear-gradient(180deg,rgba(20,230,255,.16),rgba(20,230,255,.06));color:#e8fdff;border-radius:14px;padding:12px 18px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),var(--glow);transition:.2s transform,.2s border-color,.2s background}.cta:hover{transform:translateY(-2px);border-color:var(--cyan);background:linear-gradient(180deg,rgba(20,230,255,.22),rgba(20,230,255,.08))}.cta.secondary{background:transparent;color:#b9c9d6;box-shadow:none;border-color:#29465a}.cta.small{padding:10px 14px;border-radius:12px;font-size:.88rem}
.hero{min-height:calc(100vh - 72px);display:flex;align-items:center;padding:72px 0 88px}.hero-grid{display:grid;grid-template-columns:1.03fr .82fr;gap:56px;align-items:center}.hero h1{font-size:clamp(3.6rem,7vw,7.5rem);line-height:.86;letter-spacing:-.065em;margin:14px 0 24px}.hero h1 span{display:block}.hero .lead{font-size:clamp(1.05rem,2vw,1.3rem);color:#b6c9d7;max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.micro{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;color:#8fa7ba;font-size:.9rem}.micro strong{color:#e8fbff}.phone-wrap{position:relative;display:flex;justify-content:center}.phone-wrap:before{content:"";position:absolute;width:76%;height:76%;border-radius:50%;background:rgba(20,230,255,.16);filter:blur(70px);top:15%}.phone{position:relative;width:min(390px,78vw);aspect-ratio:9/16;border-radius:28px;padding:8px;background:linear-gradient(145deg,#203e52,#06111c 20%,#112a3b 75%,#15384b);box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px rgba(20,230,255,.32),0 0 44px rgba(20,230,255,.16);overflow:hidden}.phone img{width:100%;height:100%;object-fit:cover;border-radius:21px;display:block}.scanline{position:absolute;inset:8px;border-radius:21px;pointer-events:none;background:linear-gradient(to bottom,transparent 0,rgba(20,230,255,.04) 50%,transparent 52%);background-size:100% 8px;mix-blend-mode:screen;opacity:.3}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(9,29,49,.88),rgba(4,18,38,.72));border:1px solid rgba(76,153,190,.2);border-radius:var(--r);padding:24px;box-shadow:inset 0 1px rgba(255,255,255,.02)}.card h3{margin:12px 0 8px}.card p{margin:0;color:var(--muted)}.step-num{width:42px;height:42px;border:1px solid rgba(20,230,255,.4);display:grid;place-items:center;border-radius:50%;color:var(--cyan);font-weight:900;box-shadow:var(--glow)}
.mini-board{height:180px;margin:18px 0 6px;border:1px solid rgba(20,230,255,.2);border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(rgba(20,230,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,230,255,.05) 1px,transparent 1px),#03101f;background-size:25% 25%}.node{position:absolute;width:24px;height:24px;border:2px solid #26465c;border-radius:50%;background:#07101c;transform:translate(-50%,-50%)}.node.on{border-color:var(--cyan);box-shadow:0 0 18px rgba(20,230,255,.65),inset 0 0 10px rgba(20,230,255,.18)}.node.on:after{content:"";position:absolute;inset:5px;border-radius:50%;background:#dffcff;box-shadow:0 0 14px var(--cyan)}.node.target{width:31px;height:31px;border-color:var(--cyan);box-shadow:0 0 0 5px rgba(20,230,255,.08),0 0 22px rgba(20,230,255,.35)}.wire{position:absolute;height:3px;transform-origin:left center;background:var(--cyan);box-shadow:0 0 12px var(--cyan);border-radius:4px}.wire.v{width:3px;height:auto;transform-origin:center top}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-icon{width:44px;height:44px;border-radius:14px;border:1px solid rgba(20,230,255,.24);display:grid;place-items:center;color:var(--cyan);font-size:1.2rem;background:rgba(20,230,255,.05)}
.progression{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.stage{padding:16px}.stage .meta{display:flex;justify-content:space-between;align-items:center;color:#9bb0c2;font-size:.8rem}.stage strong{color:var(--cyan)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.combo-panel,.timer-panel{min-height:300px;display:grid;align-content:center;justify-items:center;text-align:center}.combo-value{font-size:5rem;font-weight:950;color:var(--gold);text-shadow:0 0 24px rgba(255,214,90,.38)}.timer-ring{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:4rem;font-weight:950;background:radial-gradient(circle,#04101c 54%,transparent 55%),conic-gradient(var(--cyan) 0 42deg,#173242 42deg 360deg);box-shadow:0 0 28px rgba(20,230,255,.28);position:relative}.timer-ring:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(20,230,255,.4);border-radius:50%;animation:pulse 1.3s infinite}.spark{color:var(--gold);text-shadow:0 0 14px var(--gold);font-size:1.5rem;animation:twinkle 1.6s ease-in-out infinite}
.gallery-wrap{margin-top:34px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.shot{border-radius:18px;overflow:hidden;border:1px solid rgba(20,230,255,.18);background:#03101e;box-shadow:0 18px 48px rgba(0,0,0,.34);transition:.2s transform,.2s border-color}.shot:hover{transform:translateY(-6px);border-color:rgba(20,230,255,.55)}.shot img{width:100%;display:block;aspect-ratio:9/16;object-fit:cover}.shot figcaption{display:none}
.master-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.master-board{height:360px;border:1px solid rgba(20,230,255,.26);border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 65%,rgba(20,230,255,.09),transparent 28%),linear-gradient(rgba(20,230,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,230,255,.045) 1px,transparent 1px),#03101f;background-size:auto,25% 25%,25% 25%,auto}.master-board svg{width:100%;height:100%}.master-board line{stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 5px var(--cyan))}.master-board circle{fill:#04111d;stroke:var(--cyan);stroke-width:2}.master-board circle.filled{fill:#dffcff;filter:drop-shadow(0 0 7px var(--cyan))}.master-board .final{stroke-width:4;filter:drop-shadow(0 0 10px var(--cyan))}
.download{padding:70px 0}.download-box{padding:46px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(20,230,255,.16),transparent 42%),linear-gradient(180deg,rgba(8,29,47,.94),rgba(3,15,29,.94));border:1px solid rgba(20,230,255,.25);border-radius:28px;box-shadow:var(--shadow)}.download-box h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.95;margin:8px 0 20px}.play-icon{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}.faq{max-width:860px}.faq details{border-bottom:1px solid #173448;padding:20px 0}.faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--cyan);font-size:1.4rem}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);margin-bottom:0}.footer{border-top:1px solid rgba(20,230,255,.1);padding:34px 0 50px}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap;color:#9bb0c2;font-size:.9rem}
.subhero{padding:82px 0 42px}.subhero h1{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95;margin:10px 0 16px}.notice{border:1px solid rgba(255,214,90,.35);background:rgba(255,214,90,.06);color:#ffe98f;border-radius:16px;padding:14px 16px;margin:22px 0}.policy{max-width:850px}.policy section{padding:18px 0;border-bottom:1px solid #153249}.policy h2{font-size:1.35rem}.placeholder{display:inline-block;color:#a9bdcb;border:1px dashed #335b71;border-radius:8px;padding:2px 8px;background:#07192a}.contact-card{max-width:720px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.empty-email{color:#8fa7ba;font-size:.92rem;margin-top:14px}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.08);opacity:.8}}@keyframes twinkle{0%,100%{transform:scale(.9);opacity:.5}50%{transform:scale(1.15);opacity:1}}
@media(max-width:980px){.hero-grid,.master-grid{grid-template-columns:1fr}.hero{text-align:center}.hero .lead,.section-copy{margin-inline:auto}.hero-actions,.micro{justify-content:center}.phone-wrap{margin-top:22px}.cards{grid-template-columns:1fr 1fr}.feature-grid,.progression{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(2,1fr)}.master-grid{text-align:center}}
@media(max-width:760px){.section{padding:70px 0}.nav-links{display:none;position:absolute;top:72px;left:16px;right:16px;padding:14px;background:#04101beF;border:1px solid #18364a;border-radius:16px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-btn{display:block}.nav-links .cta{width:100%}.hero{padding-top:44px}.hero h1{font-size:clamp(3.1rem,16vw,5rem)}.cards,.feature-grid,.progression,.duo{grid-template-columns:1fr}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;margin-right:-16px}.shot{min-width:min(78vw,330px);scroll-snap-align:start}.download-box{padding:32px 20px}.master-board{height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.timer-ring:after,.spark{animation:none}.cta,.shot{transition:none}}