*{box-sizing:border-box}
:root{
  --bg:#040207;
  --violet:#8b5cff;
  --violet2:#c9b2ff;
  --white:#eef4ff;
  --panel:rgba(15,7,27,.46);
  --line:rgba(185,155,255,.25);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:#030105;
  color:var(--white);
  font-family:Inter,Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
.storm-bg{
  position:fixed;inset:0;z-index:-10;
  background:
    radial-gradient(circle at 75% 12%,rgba(112,71,200,.28),transparent 28%),
    radial-gradient(circle at 28% 48%,rgba(91,46,164,.20),transparent 32%),
    linear-gradient(180deg,#05020b,#0b0313 52%,#030105);
}
.clouds{
  position:fixed;inset:-10%;z-index:-9;opacity:.48;
  background:
    radial-gradient(ellipse at 20% 30%,rgba(58,29,88,.75),transparent 32%),
    radial-gradient(ellipse at 80% 15%,rgba(80,44,126,.55),transparent 28%),
    radial-gradient(ellipse at 60% 65%,rgba(55,26,82,.48),transparent 36%);
  filter:blur(42px);
  animation:cloudDrift 17s ease-in-out infinite alternate;
}
@keyframes cloudDrift{to{transform:translate3d(-3%,2%,0) scale(1.06)}}
.noise{
  pointer-events:none;position:fixed;inset:0;z-index:30;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.flash{position:fixed;inset:0;pointer-events:none;z-index:20;background:rgba(160,120,255,.18);opacity:0}
.flash.active{animation:flash .22s linear}
@keyframes flash{0%{opacity:0}20%{opacity:.8}45%{opacity:.1}72%{opacity:.55}100%{opacity:0}}
.lightning{
  position:fixed;z-index:-2;width:4px;height:62vh;
  background:#f5edff;
  box-shadow:0 0 10px #fff,0 0 22px #a77dff,0 0 42px #7d43ff;
  transform-origin:top center;
  opacity:0;
  filter:drop-shadow(0 0 16px #925dff);
}
.lightning:before,.lightning:after{
  content:"";position:absolute;width:3px;background:inherit;box-shadow:inherit;
}
.lightning:before{height:31%;left:-48px;top:28%;transform:rotate(28deg)}
.lightning:after{height:26%;left:42px;top:48%;transform:rotate(-31deg)}
.l1{left:16%;top:-3%;transform:rotate(13deg)}
.l2{left:72%;top:-6%;transform:rotate(-9deg)}
.l3{left:50%;top:6%;height:42vh;transform:rotate(5deg)}
.lightning.strike{animation:strike .35s ease-out}
@keyframes strike{0%{opacity:0}8%{opacity:1}18%{opacity:.1}28%{opacity:1}48%{opacity:.35}100%{opacity:0}}
.page{width:min(1450px,calc(100% - 40px));margin:auto;position:relative;z-index:2}
.glass{
  background:linear-gradient(135deg,rgba(25,13,46,.72),rgba(8,5,15,.38));
  border:1px solid rgba(197,170,255,.19);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 70px rgba(0,0,0,.32);
  backdrop-filter:blur(16px);
}
.topbar{
  margin-top:20px;height:68px;border-radius:18px;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;
}
.brand,.nav-actions{display:flex;align-items:center;gap:14px}
.brand strong{font-size:20px;letter-spacing:.08em}
.brand-dot{width:11px;height:11px;border-radius:50%;background:#b58cff;box-shadow:0 0 22px #ab76ff}
.ticker{font-size:12px;color:#b8a2dc;border-left:1px solid rgba(255,255,255,.14);padding-left:14px}
.nav-actions a{font-size:12px;letter-spacing:.08em;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:10px;transition:.25s}
.nav-actions a:hover{transform:translateY(-2px);border-color:#9f74ff;box-shadow:0 0 25px rgba(125,67,255,.25)}
.buy-small{background:linear-gradient(135deg,#7b45ff,#a97cff)}
.hero{min-height:720px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;padding:48px 0 28px}
.eyebrow{font-size:12px;letter-spacing:.24em;color:#ad8ff0;margin-bottom:16px}
h1{font-size:clamp(68px,9vw,155px);line-height:.78;margin:0;letter-spacing:-.07em;font-weight:1000;text-shadow:0 0 38px rgba(151,96,255,.16)}
h1 .purple{color:#a37aff;text-shadow:0 0 25px rgba(157,102,255,.65),0 0 80px rgba(102,53,187,.28)}
.tagline{font-size:clamp(14px,1.4vw,20px);letter-spacing:.14em;color:#cbc1dd;margin:30px 0 24px}
.ca-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:16px;max-width:700px}
.ca-card .label{display:block;font-size:10px;color:#8d7cae;letter-spacing:.16em;margin-bottom:7px}
.ca-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#eee7ff;word-break:break-all}
#copyBtn{
  border:1px solid rgba(207,188,255,.24);background:#120822;color:white;border-radius:11px;
  min-width:106px;padding:13px 14px;cursor:pointer;transition:.2s;
}
#copyBtn:hover{border-color:#b994ff;box-shadow:0 0 30px rgba(139,92,255,.24)}
.hero-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.hero-buttons a{padding:15px 18px;border-radius:12px;font-weight:900;font-size:12px;letter-spacing:.08em;transition:.25s}
.main-buy{background:linear-gradient(135deg,#7f49ff,#b78cff);box-shadow:0 0 35px rgba(131,74,255,.30)}
.secondary{border:1px solid rgba(196,169,255,.25);background:rgba(14,8,24,.65)}
.hero-buttons a:hover{transform:translateY(-3px);box-shadow:0 0 42px rgba(145,91,255,.38)}
.status-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#8d82a5;font-size:10px;letter-spacing:.14em}
.status-row i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9bffb6;box-shadow:0 0 16px #6dff97;margin-right:7px}
.specimen-wrap{min-height:640px;position:relative;display:flex;align-items:center;justify-content:center}
.character{
  width:min(760px,112%);max-height:610px;object-fit:contain;position:relative;z-index:4;
  filter:drop-shadow(0 0 22px rgba(187,162,255,.38)) drop-shadow(0 0 70px rgba(84,48,150,.26));
  animation:hoverFly 4.8s ease-in-out infinite;
}
@keyframes hoverFly{50%{transform:translateY(-10px) rotate(-.5deg)}}
.halo{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(128,75,220,.23),transparent 63%);filter:blur(2px)}
.arc{position:absolute;border:1px solid rgba(167,122,255,.26);border-radius:50%;z-index:1}
.arc-a{width:86%;height:58%;transform:rotate(-12deg);animation:spin 16s linear infinite}
.arc-b{width:70%;height:72%;transform:rotate(30deg);animation:spin2 20s linear infinite}
@keyframes spin{to{transform:rotate(348deg)}}@keyframes spin2{to{transform:rotate(-330deg)}}
.scanner{position:absolute;left:7%;right:6%;height:2px;top:23%;z-index:8;background:linear-gradient(90deg,transparent,#d8c9ff,transparent);box-shadow:0 0 20px #a369ff;animation:scan 3.7s ease-in-out infinite}
@keyframes scan{50%{top:75%;opacity:.45}}
.spec-label{position:absolute;font:10px ui-monospace,monospace;color:#9f8bc4;letter-spacing:.15em;z-index:9}
.label-1{right:6%;top:24%}.label-2{left:5%;bottom:17%}
.transmission{overflow:hidden;border-radius:18px;margin:8px 0 22px}
.transmission-title{padding:13px 16px 0;font-size:10px;color:#8d79b3;letter-spacing:.18em}
.ticker-line{display:flex;width:max-content;animation:ticker 17s linear infinite;padding:13px 0 15px}
.ticker-line span{padding-right:50px;font-size:13px;letter-spacing:.18em;color:#e7dcff}
@keyframes ticker{to{transform:translateX(-50%)}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 28px}
.card{border-radius:18px;padding:24px;min-height:190px;position:relative;overflow:hidden;transition:.25s}
.card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-80px;bottom:-80px;background:rgba(122,72,220,.13);filter:blur(10px)}
.card:hover{transform:translateY(-5px);border-color:rgba(182,145,255,.38)}
.num{font:11px ui-monospace,monospace;color:#9f7fe4}
.card h2{font-size:24px;margin:26px 0 8px}.card p{margin:0;color:#978ba8;line-height:1.6;font-size:13px}
footer{display:flex;justify-content:space-between;padding:25px 4px 36px;color:#574d66;font-size:10px;letter-spacing:.14em}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding-top:70px}
  .copy{text-align:center}.ca-card{margin-inline:auto}.hero-buttons,.status-row{justify-content:center}
  .specimen-wrap{min-height:470px}.cards{grid-template-columns:1fr}
  .nav-actions a:first-child{display:none}
}
@media(max-width:580px){
  .page{width:min(100% - 22px,1450px)}.topbar{padding:0 14px}.ticker{display:none}
  .hero{min-height:auto;padding-top:58px}.ca-card{align-items:stretch;flex-direction:column;text-align:left}
  #copyBtn{width:100%}.specimen-wrap{min-height:390px}.character{width:120%}
  .spec-label{display:none}
}