:root{
  --bg:#050713;--bg2:#080d1e;--panel:#0d142b;--panel2:#111a36;--text:#f9fbff;
  --muted:#9aa8ca;--line:rgba(255,255,255,.095);--violet:#7761ff;--violet2:#aa78ff;
  --cyan:#38e1ff;--mint:#78f5a4;--gold:#ffd45d;--shadow:0 32px 110px rgba(0,0,0,.46);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{
  margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(900px 620px at 5% -8%,rgba(106,75,255,.24),transparent 63%),
    radial-gradient(840px 650px at 100% 16%,rgba(42,216,255,.12),transparent 66%),
    linear-gradient(180deg,#070a18 0%,#040610 70%,#03050b 100%);
  min-height:100vh;overflow-x:hidden
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.10;background-image:
  linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
a{color:inherit;text-decoration:none}.shell{width:min(1240px,calc(100% - 36px));margin:auto}.topbar{
  position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:22px;padding:12px max(18px,calc((100vw - 1240px)/2));
  background:rgba(5,7,19,.64);backdrop-filter:blur(22px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.07)
}
.brand{display:flex;align-items:center;gap:11px;font-weight:950;letter-spacing:-.035em}.brand-mark{
  position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(145deg,#8b72ff,#6752ff 46%,#29d7ff);box-shadow:0 14px 38px rgba(88,81,255,.36);font-size:13px
}.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.30);border-radius:10px}.navlinks{
  margin-left:auto;display:flex;align-items:center;gap:22px;color:#b8c3df;font-size:14px
}.navlinks a{position:relative}.navlinks a:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-7px;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:.2s}.navlinks a:hover{color:#fff}.navlinks a:hover:after{right:0}
.mini-cta,.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;font-weight:900;transition:.22s ease}
.mini-cta{padding:10px 15px;background:#fff;color:#070913}.mini-cta:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;min-height:760px;padding:70px 0 48px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:#d9e4ff;font-size:13px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 19px var(--mint)}
h1{font-size:clamp(47px,6.35vw,82px);line-height:.965;letter-spacing:-.065em;margin:20px 0 20px;max-width:840px}
.gradient{background:linear-gradient(95deg,#fff 4%,#c3ceff 30%,#72ecff 64%,#a0ffb8 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(17px,1.65vw,21px);line-height:1.72;color:var(--muted);max-width:740px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn-primary{padding:15px 22px;background:linear-gradient(135deg,#8066ff,#25d8ff);box-shadow:0 20px 55px rgba(78,92,255,.31)}
.btn-primary:hover{box-shadow:0 26px 70px rgba(78,126,255,.38)}.btn-secondary{padding:15px 20px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:#e9eeff}
.trust{display:flex;gap:17px;flex-wrap:wrap;margin-top:21px;color:#bec8e4;font-size:13px}.trust span{display:flex;align-items:center;gap:7px}
.visual{position:relative;min-height:590px;isolation:isolate}.hero-illustration{width:110%;max-width:none;margin-left:-4%;height:auto;display:block;filter:drop-shadow(0 48px 85px rgba(0,0,0,.48));animation:float 8.5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(.15deg)}50%{transform:translateY(-13px) rotate(-.25deg)}}
.hero-badge{position:absolute;right:2%;bottom:7%;padding:14px 17px;border-radius:18px;background:rgba(8,13,31,.78);border:1px solid var(--line);backdrop-filter:blur(20px);box-shadow:var(--shadow)}
.hero-badge b{display:block;font-size:15px}.hero-badge span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:27px}.stat{padding:16px 17px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.025));border:1px solid var(--line)}
.stat b{font-size:23px}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.ticker{display:flex;gap:10px;overflow:auto;padding:5px 0 11px;scrollbar-width:none}.ticker::-webkit-scrollbar{display:none}.pill{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#0a1125;color:#cbd5ed;font-size:13px}
.spotlight{padding:45px 0 12px}.spotlight-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}
.spotlight-card{position:relative;overflow:hidden;min-height:330px;border-radius:29px;border:1px solid var(--line);padding:30px;background:
 linear-gradient(145deg,rgba(24,33,69,.92),rgba(8,13,31,.92));box-shadow:0 22px 80px rgba(0,0,0,.23)}
.spotlight-card.large{min-height:410px;background:
 radial-gradient(480px 350px at 90% 10%,rgba(96,92,255,.28),transparent 70%),
 linear-gradient(145deg,rgba(18,27,61,.95),rgba(8,13,31,.94))}
.spotlight-card h2,.spotlight-card h3{letter-spacing:-.035em;margin:0}.spotlight-card h2{font-size:clamp(31px,4.2vw,52px);max-width:620px}.spotlight-card h3{font-size:25px}.spotlight-card p{color:var(--muted);line-height:1.65;max-width:620px}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mini-grid .spotlight-card{min-height:196px;padding:23px}
.art-orb{position:absolute;border-radius:50%;filter:blur(.2px)}.art-orb.violet{width:245px;height:245px;right:-70px;bottom:-80px;background:radial-gradient(circle at 30% 30%,#a38aff,#6150ff 58%,#241d72 100%);box-shadow:0 25px 80px rgba(95,71,255,.34)}
.art-orb.cyan{width:180px;height:180px;right:-52px;bottom:-64px;background:radial-gradient(circle at 30% 30%,#c3fbff,#2addff 54%,#0c6f9f)}
.art-lock{position:absolute;right:39px;bottom:33px;width:108px;height:92px;border-radius:23px;background:linear-gradient(145deg,#92ffae,#40dd79);box-shadow:0 22px 55px rgba(75,227,119,.23)}
.art-lock:before{content:"";position:absolute;width:56px;height:50px;border:13px solid #8dffab;border-bottom:0;border-radius:35px 35px 0 0;left:13px;top:-42px}.art-lock:after{content:"";position:absolute;width:14px;height:28px;background:#10331d;border-radius:9px;left:47px;top:30px}
.art-code{position:absolute;right:30px;bottom:26px;width:155px;height:105px;border-radius:22px;background:#101a38;border:1px solid rgba(255,255,255,.13);transform:rotate(-7deg);box-shadow:0 20px 55px rgba(0,0,0,.4)}
.art-code:before{content:"CODE";position:absolute;left:18px;top:17px;font-weight:950;font-size:24px;color:#83efff}.art-code:after{content:"";position:absolute;left:18px;right:18px;bottom:21px;height:9px;border-radius:8px;background:linear-gradient(90deg,#74f59e 65%,#26335c 65%)}
.section{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:21px}.section h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;margin:0}.section p.sub{color:var(--muted);margin:8px 0 0;line-height:1.58;max-width:760px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 4;position:relative;min-height:210px;padding:21px;border-radius:24px;background:
 radial-gradient(220px 160px at 100% 100%,rgba(47,205,255,.10),transparent 68%),
 linear-gradient(180deg,rgba(17,25,53,.86),rgba(8,13,29,.92));border:1px solid var(--line);overflow:hidden;transition:.24s ease}
.card:nth-child(1),.card:nth-child(2){grid-column:span 6;min-height:242px}.card:hover{transform:translateY(-6px) scale(1.006);border-color:rgba(117,196,255,.35);box-shadow:0 28px 70px rgba(0,0,0,.27)}
.card .icon{width:53px;height:53px;display:grid;place-items:center;border-radius:17px;margin-bottom:23px;background:linear-gradient(145deg,rgba(126,97,255,.42),rgba(46,220,255,.15));border:1px solid rgba(255,255,255,.12);font-weight:950;box-shadow:inset 0 1px rgba(255,255,255,.11)}
.card h3{font-size:19px;line-height:1.22;margin:0 0 9px}.card p{font-size:14px;line-height:1.58;color:var(--muted);margin:0}.arrow{position:absolute;right:19px;top:18px;color:#7feaff;font-size:17px}
.callout{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:43px 0 24px;padding:32px;border-radius:29px;background:
 radial-gradient(360px 260px at 95% 0%,rgba(58,222,255,.16),transparent 72%),
 linear-gradient(126deg,rgba(115,88,255,.30),rgba(21,29,60,.75));border:1px solid rgba(133,190,255,.2)}
.callout:after{content:"";position:absolute;width:150px;height:150px;right:8%;bottom:-95px;border:34px solid rgba(255,255,255,.05);transform:rotate(32deg);border-radius:34px}.callout h2{font-size:32px;margin:0 0 8px}.callout p{color:var(--muted);line-height:1.6;margin:0;max-width:730px}
.article-hero{position:relative;padding:67px 0 26px}.article-hero:after{content:"";position:absolute;width:360px;height:360px;right:2%;top:12px;border-radius:50%;background:radial-gradient(circle,rgba(65,213,255,.12),rgba(104,75,255,.08) 45%,transparent 70%);z-index:-1}.article-hero h1{font-size:clamp(42px,6vw,72px);max-width:980px}
.breadcrumb{font-size:13px;color:#8290b8;margin-bottom:13px}.breadcrumb a{color:#a5e8ff}.article{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:35px;padding-bottom:60px}
.article-main{background:linear-gradient(180deg,rgba(12,18,39,.84),rgba(7,11,25,.82));border:1px solid var(--line);border-radius:29px;padding:clamp(23px,4vw,44px);box-shadow:var(--shadow)}
.article-main h2{font-size:29px;letter-spacing:-.025em;margin:37px 0 12px}.article-main p,.article-main li{color:#d2daee;line-height:1.75}.article-main li{margin:11px 0}.article-main ul{padding-left:21px}
.note{position:relative;padding:18px 20px;border-left:3px solid var(--cyan);border-radius:0 16px 16px 0;background:rgba(55,219,255,.065);color:#dfecff;line-height:1.65;margin:5px 0 27px}
.side{position:sticky;top:88px;align-self:start}.sidebox{padding:19px;margin-bottom:14px;border-radius:21px;background:rgba(15,22,47,.80);border:1px solid var(--line);box-shadow:0 15px 45px rgba(0,0,0,.16)}
.sidebox h3{font-size:16px;margin:0 0 10px}.sidebox p,.sidebox li{font-size:13px;line-height:1.58;color:var(--muted)}.sidebox ul{padding-left:17px}.official a{display:block;padding:10px 0;border-top:1px solid var(--line);color:#8feaff;font-size:13px}.official a:first-of-type{border-top:0}
.footer{width:min(1240px,calc(100% - 36px));margin:20px auto 0;padding:34px 0 46px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:18px;color:var(--muted);font-size:13px}.footer strong{color:#fff}.footlinks{display:flex;gap:17px}.disclaimer{grid-column:1/-1;margin:0;color:#7784a8;max-width:980px}
.mobile-cta{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:120;background:#fff;color:#000;padding:10px;border-radius:10px}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:52px}.visual{min-height:auto;order:-1}.hero-illustration{width:min(780px,112%);margin:0 auto 0 -4%}.spotlight-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.card,.card:nth-child(1),.card:nth-child(2){grid-column:auto}.article{grid-template-columns:1fr}.side{position:static}.navlinks{display:none}}
@media(max-width:650px){.shell{width:min(100% - 22px,1240px)}.topbar{padding:10px 11px}.brand span:last-child{display:none}.mini-cta{padding:9px 11px}.hero{padding:34px 0 34px;gap:18px}.hero-illustration{width:118%;margin-left:-9%}h1{font-size:45px}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.mini-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.spotlight-card.large{min-height:360px}.spotlight-card h2{font-size:36px}.callout{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr;padding-bottom:96px}.mobile-cta{display:block;position:fixed;left:11px;right:11px;bottom:11px;z-index:85;padding:14px 16px;text-align:center;border-radius:17px;background:linear-gradient(135deg,#8066ff,#27dbff);font-weight:950;box-shadow:0 20px 48px rgba(0,0,0,.44)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}