*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#070912;--panel:rgba(10,14,28,.78);--cyan:#57f6ff;--violet:#a66cff;--pink:#ff4fd8;--muted:#929bb5;--line:rgba(102,229,255,.18)}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-height:100vh;color:#f4f7ff;background:var(--bg);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
a{color:inherit}
.bg{position:fixed;inset:0;z-index:-5;background-image:linear-gradient(120deg,rgba(4,7,19,.68),rgba(7,5,20,.6)),url("assets/background.jpg");background-size:cover;background-position:center;filter:saturate(1.15) brightness(.58) contrast(1.12);transform:scale(1.035);animation:slowZoom 22s ease-in-out infinite alternate}
.vignette{position:fixed;inset:0;z-index:-4;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,transparent 0,rgba(5,7,18,.3) 48%,rgba(3,4,11,.9) 100%),linear-gradient(180deg,rgba(4,6,15,.45),transparent 36%,#070912 100%)}
.scanlines{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(94,229,255,.12) 4px)}
#particles{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}
.shell{width:min(1060px,90vw);margin:0 auto;padding:26px 0 22px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 20px;border-bottom:1px solid var(--line)}
.brand,.footer-brand{font-family:Orbitron,Inter,sans-serif;font-size:14px;font-weight:800;letter-spacing:.15em;text-decoration:none}
.brand span,.footer-brand span{color:var(--cyan)}
.status{display:flex;align-items:center;gap:9px;color:#9ba8c4;font-size:9px;letter-spacing:.16em}
.status i,.footer-status i{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse 1.8s infinite}
.status b{color:var(--cyan);font-weight:600}
.hero{min-height:min(780px,calc(100vh - 80px));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:78px 0 72px;position:relative}
.hero-copy{width:100%}
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(87,246,255,.3);background:rgba(10,24,38,.55);color:#b8faff;font-size:9px;letter-spacing:.19em;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.badge-mark{color:var(--pink);text-shadow:0 0 12px var(--pink)}
.eyebrow{margin:0 0 15px;color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:.28em}
.hero .eyebrow{margin-top:33px}
h1,h2,h3{font-family:Orbitron,Inter,sans-serif}
h1{margin:0;font-size:clamp(42px,8.5vw,94px);line-height:.98;letter-spacing:.035em;text-shadow:0 0 26px rgba(87,246,255,.15),0 8px 55px rgba(0,0,0,.8)}
h1 span{display:block;margin:.23em 0 0;font-size:.48em;letter-spacing:.48em;padding-left:.48em;color:var(--cyan);text-shadow:0 0 20px rgba(87,246,255,.45)}
.lead{margin:24px 0 32px;color:#e0e6fa;font-size:clamp(14px,2vw,17px);line-height:1.9;letter-spacing:.02em}
.lead strong{color:#fff}.lead span{color:var(--muted);font-size:.88em}
.buttons{width:min(520px,100%);display:grid;gap:12px}
.action{position:relative;display:flex;align-items:center;gap:15px;width:100%;min-height:76px;padding:14px 17px;text-align:left;text-decoration:none;color:#fff;border:1px solid rgba(122,152,190,.25);background:linear-gradient(110deg,rgba(11,22,39,.91),rgba(12,10,29,.86));box-shadow:0 14px 45px rgba(0,0,0,.3);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;overflow:hidden;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.action:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(100deg,rgba(87,246,255,.13),transparent 45%,rgba(166,108,255,.13));transition:opacity .25s}
.action:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-20deg);transition:left .55s}
.action:hover{transform:translateY(-3px);border-color:rgba(87,246,255,.65);box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 22px rgba(87,246,255,.08)}
.action:hover:before{opacity:1}.action:hover:after{left:130%}
.action.primary{border-color:rgba(87,246,255,.48);background:linear-gradient(110deg,rgba(14,54,69,.9),rgba(20,15,43,.9))}
.icon{width:44px;height:44px;display:grid;place-items:center;background:rgba(87,246,255,.09);border:1px solid rgba(87,246,255,.27);color:var(--cyan);font-size:23px;flex:0 0 auto}
.operator-icon{color:var(--pink);border-color:rgba(255,79,216,.25);background:rgba(255,79,216,.07)}
.action-copy{position:relative;z-index:1}.action b{display:block;font-size:14px;letter-spacing:.025em}.action small{display:block;margin-top:5px;color:#a2abc1;font-size:11px}
.arrow{position:relative;z-index:1;margin-left:auto;color:var(--cyan);font-size:22px;transition:transform .2s}.action:hover .arrow{transform:translateX(4px)}
.trust-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px;color:#8793ac;font-size:8px;letter-spacing:.15em}
.trust-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.trust-divider{color:var(--pink)}
.scroll-cue{position:absolute;bottom:20px;display:flex;align-items:center;gap:10px;color:#78859e;text-decoration:none;font-size:8px;letter-spacing:.2em;transition:color .2s}.scroll-cue:hover{color:var(--cyan)}.scroll-cue span{display:inline-block;width:24px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.features{padding:45px 0 80px}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2,.cta-panel h2{font-size:clamp(25px,4vw,38px);letter-spacing:.04em;margin:0 0 12px}.section-heading h2 span,.cta-panel h2 span{color:var(--cyan)}.section-heading>p:last-child,.cta-panel p:last-child{margin:0;color:var(--muted);font-size:12px}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.info-card{position:relative;min-height:215px;padding:23px 22px;border:1px solid rgba(117,153,190,.2);background:linear-gradient(145deg,rgba(13,22,39,.82),rgba(9,10,24,.8));overflow:hidden;transition:transform .25s,border-color .25s,background .25s}
.info-card:hover{transform:translateY(-4px);border-color:rgba(87,246,255,.45);background:linear-gradient(145deg,rgba(14,31,49,.9),rgba(13,10,29,.85))}
.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.mini-icon{font-family:Orbitron,sans-serif;color:var(--cyan);font-size:10px;letter-spacing:.14em}.card-symbol{color:var(--pink);font-size:21px}
.info-card h3{margin:0 0 11px;font-size:14px;letter-spacing:.015em}.info-card p{margin:0;color:#99a4bb;font-size:11px;line-height:1.8}.card-line{position:absolute;bottom:0;left:0;width:42px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .25s}.info-card:hover .card-line{width:100%}
.text-link{display:inline-block;margin-top:15px;color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:.15em;text-decoration:none}.text-link span{margin-left:5px}.text-link:hover{color:#fff}
.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 55px;padding:28px 30px;border:1px solid rgba(87,246,255,.28);background:linear-gradient(110deg,rgba(10,32,47,.84),rgba(24,12,43,.84));position:relative;overflow:hidden}.cta-panel:after{content:"";position:absolute;right:-55px;top:-80px;width:200px;height:200px;border:1px solid rgba(87,246,255,.14);transform:rotate(45deg);pointer-events:none}.cta-panel .eyebrow{margin-bottom:10px}.cta-panel h2{font-size:clamp(20px,3vw,30px);margin-bottom:8px}.cta-button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:20px;justify-content:center;white-space:nowrap;padding:15px 18px;background:var(--cyan);color:#071019;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.1em;box-shadow:0 0 25px rgba(87,246,255,.18);transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(87,246,255,.32)}.cta-button span{font-size:17px}
footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 2px 5px;border-top:1px solid var(--line);color:#65718b;font-size:8px;letter-spacing:.12em}.footer-brand{font-size:10px}.footer-status{display:flex;align-items:center;gap:7px}.footer-status i{width:5px;height:5px}
.cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:20;border-radius:50%;opacity:0}.cursor-dot{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.cursor-ring{width:27px;height:27px;border:1px solid rgba(87,246,255,.5);transition:width .18s,height .18s,border-color .18s}
body.ready .cursor-dot,body.ready .cursor-ring{opacity:1}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes slowZoom{from{transform:scale(1.035)}to{transform:scale(1.075)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}
@media(max-width:700px){.shell{width:min(91vw,540px);padding-top:18px}.brand{font-size:11px}.status{font-size:8px;gap:6px}.status span{display:none}.hero{min-height:calc(100svh - 70px);padding:60px 0 72px}.hero .eyebrow{margin-top:27px}h1{font-size:clamp(38px,11vw,66px)}.lead{margin:20px 0 27px}.buttons{gap:10px}.action{min-height:68px;padding:12px}.features{padding:38px 0 55px}.info-grid{grid-template-columns:1fr;gap:11px}.info-card{min-height:0;padding:20px}.card-top{margin-bottom:16px}.cta-panel{align-items:flex-start;flex-direction:column;padding:24px 20px;margin-bottom:38px;gap:20px}.cta-button{width:100%}footer{flex-wrap:wrap;font-size:7px}.footer-brand{width:100%}.scroll-cue{bottom:18px}}
@media(max-width:380px){.hero-badge{font-size:7px;letter-spacing:.13em}.brand{font-size:9px}.action b{font-size:12px}.action small{font-size:10px}.trust-row{font-size:7px;gap:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}#particles{display:none}}