:root { --bg:#050711; --bg2:#080a17; --ink:#f2f4ff; --muted:#a3a6bd; --line:rgba(154,172,255,.17); --cyan:#55f2e7; --violet:#8f45ff; --pink:#e868ff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; color:var(--ink); background:var(--bg); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(circle at 67% 16%, rgba(33,137,175,.18),transparent 24rem),radial-gradient(circle at 13% 73%,rgba(99,35,160,.14),transparent 27rem); }
a { color:inherit; text-decoration:none; } button { font:inherit; }
#matrix { position:fixed; inset:0; width:100%; height:100%; z-index:0; opacity:.38; pointer-events:none; }
.noise { position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.045; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.scanline { position:fixed; z-index:18; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(61,231,210,.018) 4px); mix-blend-mode:screen; }
.site-header { height:88px; padding:0 clamp(24px,5vw,78px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:4; backdrop-filter:blur(12px); }
main, footer { position:relative; z-index:1; }
.brand { display:flex; align-items:center; gap:10px; font-weight:800; letter-spacing:-.06em; font-size:18px; }.brand>span:last-child>span { color:var(--cyan); }.brand-mark { width:28px; height:28px; flex:0 0 28px; background:url("purestar.png") center/220% no-repeat; filter:drop-shadow(0 0 5px rgba(91,239,232,.48)); }
nav { display:flex; gap:32px; margin-left:100px; } nav a, .header-cta, footer, .eyebrow,.system-status,.scroll-hint,.section-index,.contract-top,.contract-meta,.join-foot { font-family:"DM Mono",monospace; font-size:10px; letter-spacing:.1em; } nav a { color:#afb1c7; transition:color .2s; } nav a:hover { color:var(--cyan); }.header-cta { color:var(--cyan); padding:10px 0; }.header-cta span { font-size:15px; margin-left:5px; }
.hero { min-height:calc(100vh - 88px); padding:clamp(70px,11vw,145px) clamp(24px,10vw,155px) 90px; display:flex; align-items:center; position:relative; overflow:hidden; border-bottom:1px solid var(--line); }.hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(93,151,178,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(93,151,178,.055) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,black,transparent 80%); }
.hero-copy { position:relative; z-index:2; }.eyebrow { display:flex; align-items:center; gap:10px; color:var(--cyan); margin:0 0 22px; }.eyebrow i { display:inline-block; width:18px; height:1px; background:currentColor; box-shadow:7px 0 0 var(--violet); }.hero-title,.section-heading h2,.section-body h2,.join h2 { margin:0; font-weight:700; font-size:clamp(48px,6.5vw,98px); letter-spacing:-.07em; line-height:.99; }.hero-title .line { display:block; }.accent, em { font-style:normal; background:linear-gradient(95deg,#c869ff 4%,#61f3e2 85%); -webkit-background-clip:text; background-clip:text; color:transparent; }.hero-description { color:#b3b6ca; font-size:15px; line-height:1.8; margin:31px 0; }.hero-actions { display:flex; gap:13px; }.button { min-width:160px; height:51px; padding:0 19px; display:inline-flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; font-weight:700; transition:transform .25s,box-shadow .25s,border .25s; }.button:hover { transform:translateY(-3px); }.primary { color:#071118; background:var(--cyan); box-shadow:0 0 24px rgba(79,242,229,.2); }.primary:hover { box-shadow:0 0 36px rgba(79,242,229,.44); }.primary span { font-size:20px; }.ghost { border:1px solid rgba(139,150,198,.45); color:#dedff0; }.ghost:hover { border-color:var(--cyan); }.play { color:var(--cyan); font-size:9px; }.system-status { margin-top:54px; color:#82869c; display:flex; align-items:center; gap:9px; }.live-dot,.badge-dot { width:6px; height:6px; border-radius:50%; display:inline-block; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }.divider { display:inline-block; height:11px; width:1px; background:#4d5267; margin:0 5px; }
.hero-visual { position:absolute; right:6vw; top:50%; width:min(45vw,610px); aspect-ratio:1; transform:translateY(-50%); perspective:900px; }.radar,.orbit { position:absolute; border-radius:50%; border:1px solid rgba(96,239,228,.18); left:50%; top:50%; transform:translate(-50%,-50%); }.ring-outer { width:100%; height:100%; border-style:dashed; }.ring-inner { width:72%; height:72%; border-color:rgba(149,84,255,.26); }.orbit { width:86%; height:86%; border-top-color:var(--cyan); border-left-color:transparent; transform:translate(-50%,-50%) rotateX(68deg); }.orbit-b { width:61%; height:61%; border-color:rgba(220,86,255,.5); border-right-color:transparent; transform:translate(-50%,-50%) rotateX(68deg) rotate(80deg); }.orbit b { position:absolute; width:9px; height:9px; top:-5px; left:21%; border-radius:50%; background:var(--cyan); box-shadow:0 0 20px var(--cyan); }.orbit-b b { background:var(--pink); box-shadow:0 0 20px var(--pink); }.chip-frame { position:absolute; left:50%; top:50%; width:51%; aspect-ratio:1; transform:translate(-50%,-50%) rotateX(8deg) rotateY(-7deg); border:1px solid rgba(111,242,230,.7); background:linear-gradient(135deg,rgba(52,72,118,.35),rgba(12,20,47,.58)); box-shadow:0 0 0 12px rgba(86,27,158,.05),inset 0 0 35px rgba(62,241,226,.13),0 0 55px rgba(104,42,225,.23); display:grid; place-items:center; }.chip-frame::after { content:""; position:absolute; inset:8px; border:1px solid rgba(149,93,255,.42); }.chip-lines { position:absolute; inset:-35%; background:repeating-linear-gradient(90deg,transparent 0,transparent 19%,rgba(94,247,226,.28) 19.4%,transparent 20%),repeating-linear-gradient(0deg,transparent 0,transparent 19%,rgba(181,81,252,.28) 19.4%,transparent 20%); z-index:-1; mask-image:radial-gradient(transparent 30%,#000 31%,#000 69%,transparent 70%); }.corner { position:absolute; width:25px; height:25px; border-color:var(--cyan); z-index:2; }.c1 { top:-2px; left:-2px; border-top:2px solid;border-left:2px solid;}.c2 {top:-2px;right:-2px;border-top:2px solid;border-right:2px solid}.c3 {bottom:-2px;left:-2px;border-bottom:2px solid;border-left:2px solid}.c4 {bottom:-2px;right:-2px;border-bottom:2px solid;border-right:2px solid}.chip-label { position:absolute; z-index:3; font:7px "DM Mono"; letter-spacing:.12em; color:var(--cyan); }.label-tl{top:12px;left:13px}.label-tr{top:12px;right:13px}.label-bl{bottom:12px;left:13px;line-height:1.3}.label-br{bottom:12px;right:13px}.logo-core { width:55%; aspect-ratio:1; position:relative; z-index:1; clip-path:polygon(50% 0,64% 34%,100% 50%,64% 66%,50% 100%,36% 66%,0 50%,36% 34%); overflow:hidden; filter:drop-shadow(0 0 12px rgba(91,239,232,.7)); }.logo-core img { width:100%; height:100%; object-fit:cover; object-position:50% 22%; transform:scale(2.45); }
.logo-core { width:62%; filter:drop-shadow(0 0 13px rgba(91,239,232,.86)); }.logo-core img { position:absolute; width:180%; max-width:none; height:auto; left:50%; top:50%; object-fit:initial; object-position:initial; transform:translate(-50%,-50%); }
.coordinates { position:absolute; color:var(--cyan); font:9px/1.5 "DM Mono"; letter-spacing:.11em; opacity:.75; }.coord-a { left:0; top:20%; }.coord-b { right:2%; bottom:21%; text-align:right; color:#c67cff; }.scroll-hint { position:absolute; bottom:28px; left:50%; transform:translateX(-50%); color:#757a93; display:flex; align-items:center; gap:10px; white-space:nowrap; }.scroll-hint span { width:30px; height:1px; background:var(--cyan); }
.ticker { height:73px; overflow:hidden; border-bottom:1px solid var(--line); display:flex; align-items:center; white-space:nowrap; }.ticker-track { display:flex; align-items:center; gap:35px; animation:marquee 32s linear infinite; color:#8e91a9; font:11px "DM Mono"; letter-spacing:.14em; }.ticker-track b { color:var(--cyan); font-size:14px; } @keyframes marquee {to {transform:translateX(-50%)}}
.section-grid { padding:135px clamp(24px,10vw,155px); display:grid; grid-template-columns:21% 1fr; gap:30px; }.section-index { color:#747890; padding-top:7px; }.section-body h2,.section-heading h2,.join h2 { font-size:clamp(42px,5vw,76px); }.section-intro { max-width:555px; line-height:1.85; color:#aaaec1; margin:27px 0 58px; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.feature-card { min-height:254px; padding:26px 28px; border-right:1px solid var(--line); position:relative; background:linear-gradient(145deg,rgba(22,28,57,.21),transparent); transition:background .3s,transform .3s; }.feature-card:first-child { border-left:1px solid var(--line);}.feature-card:hover { background:rgba(64,43,111,.2); transform:translateY(-5px); }.feature-number { position:absolute; top:22px; right:20px; font:9px "DM Mono"; color:#777c94; }.feature-icon { color:var(--cyan); font-size:38px; height:89px; display:flex; align-items:center; text-shadow:0 0 18px currentColor; }.memory-icon{color:#bd78fb}.chain-icon{color:#77e8ff}.feature-card h3 { margin:0 0 10px; font-size:17px; }.feature-card p { color:#9498ae; font-size:12px; line-height:1.7; margin:0; }
.protocol { padding:128px clamp(24px,10vw,155px); position:relative; overflow:hidden; background:rgba(10,11,28,.68); border-top:1px solid var(--line);border-bottom:1px solid var(--line); }.protocol-glow { position:absolute; width:680px;height:680px; right:-130px; bottom:-360px; border-radius:50%; background:radial-gradient(circle,rgba(107,38,240,.22),transparent 64%); }.section-heading { display:flex; justify-content:space-between; gap:70px; position:relative; }.section-heading>p { width:310px; margin:72px 0 0; color:#a3a6ba; line-height:1.8; font-size:13px; }.network-panel { margin-top:72px; min-height:390px; border:1px solid var(--line); display:grid; grid-template-columns:48% 1fr; position:relative; background:linear-gradient(120deg,rgba(32,44,79,.25),rgba(10,13,32,.1)); }.network-map { position:relative; overflow:hidden; background-image:linear-gradient(rgba(105,232,223,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(105,232,223,.08) 1px,transparent 1px); background-size:32px 32px; }.network-map::before,.network-map::after {content:"";position:absolute;left:50%;top:50%;width:330px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:translate(-50%,-50%) rotate(28deg);box-shadow:0 0 14px var(--cyan)}.network-map::after {transform:translate(-50%,-50%) rotate(-44deg);background:linear-gradient(90deg,transparent,#a46bff,transparent);box-shadow:0 0 14px #a46bff}.network-core { position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); display:grid;place-items:center; width:82px;height:82px;border:1px solid var(--cyan); color:var(--cyan);font:40px Manrope; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); background:rgba(51,231,217,.08); box-shadow:0 0 40px rgba(77,248,230,.33); }.node{position:absolute;width:9px;height:9px;background:#0b1022;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 13px var(--cyan)}.n1{top:22%;left:18%}.n2{top:70%;left:19%;border-color:#be73ff;box-shadow:0 0 13px #be73ff}.n3{top:17%;right:20%}.n4{bottom:17%;right:17%;border-color:#be73ff;box-shadow:0 0 13px #be73ff}.n5{top:55%;left:39%}.n6{top:40%;right:28%}.protocol-points { padding:28px 38px 73px; display:grid; align-content:center; gap:29px; }.protocol-points article {display:flex;gap:22px}.protocol-points article>span { color:var(--cyan);font:10px "DM Mono";padding-top:4px}.protocol-points h3 { margin:0 0 7px;font-size:16px }.protocol-points p {margin:0;color:#9499ad;font-size:12px;line-height:1.55}.chain-badge { position:absolute; bottom:0;right:0;left:48%; min-height:57px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:11px 38px;color:#fff}.chain-badge small{display:block;font:8px "DM Mono";color:#8e92a8;letter-spacing:.12em}.chain-badge strong{font-size:11px;letter-spacing:.03em}.chain-badge>span:last-child{margin-left:auto;color:var(--cyan)}
.token { padding-top:145px;padding-bottom:145px; }.contract-card { max-width:685px; margin-top:44px; padding:21px 23px; border:1px solid rgba(90,232,222,.4); background:linear-gradient(110deg,rgba(36,87,100,.15),rgba(21,20,56,.42)); box-shadow:inset 0 0 26px rgba(66,234,218,.06); }.contract-top,.contract-meta { display:flex; justify-content:space-between;color:#969bb2; }.copy-button { border:0;background:transparent;color:var(--cyan);font:10px "DM Mono";letter-spacing:.1em;cursor:pointer;padding:0; }.copy-button:hover{color:#fff}.copy-button b{font-size:15px;margin-left:5px}.contract-card code { display:block; margin:20px 0 18px; color:#eff1ff;font:clamp(11px,1.2vw,14px) "DM Mono"; word-break:break-all;letter-spacing:.04em }.contract-meta span:first-child { color:var(--cyan); }.contract-meta i {display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin:0 6px 1px 0}.token-note { display:flex;gap:29px;max-width:620px;margin-top:26px }.token-note span { color:#ca80ff;font:22px "DM Mono";}.token-note p {margin:0;color:#969aae;font-size:12px;line-height:1.75}
.coming { min-height:clamp(440px,58vw,720px); position:relative; display:grid; place-items:center; overflow:hidden; isolation:isolate; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:radial-gradient(ellipse at center,rgba(42,85,139,.14),rgba(15,13,42,.3) 40%,rgba(5,7,17,.92) 74%); }
.coming::before { content:""; position:absolute; z-index:-3; inset:0; opacity:.38; background-image:linear-gradient(rgba(95,231,222,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(95,231,222,.07) 1px,transparent 1px); background-size:58px 58px; mask-image:radial-gradient(ellipse at center,#000,transparent 70%); }
.coming-ambient { position:absolute; z-index:-2; width:min(76vw,980px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(95,243,231,.16) 0,rgba(133,89,255,.1) 24%,transparent 66%); filter:blur(8px); }
.coming-copy { position:relative; z-index:3; width:min(1100px,88vw); text-align:center; }
.coming-kicker { margin:0 0 25px; color:rgba(115,246,235,.68); font-size:9px; font-weight:700; letter-spacing:.28em; }
.coming-title { display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline; gap:.02em .23em; margin:0; font-size:clamp(42px,7.1vw,112px); font-weight:800; line-height:.96; letter-spacing:-.075em; }
.coming-word { display:inline-block; position:relative; color:#ebf5ff; text-shadow:0 0 24px rgba(124,228,255,.24); animation:coming-flicker 5.8s steps(1,end) infinite; }
.word-one { color:rgba(219,239,255,.74); filter:blur(.6px); animation-delay:-1.7s; }
.word-two { color:#d8faff; filter:blur(.15px); animation-delay:-3.2s; }
.word-three { color:rgba(194,181,255,.6); filter:blur(1.15px); animation-delay:-.8s; }
.word-four { color:#70f7ea; filter:blur(.25px); text-shadow:0 0 12px rgba(85,242,231,.86),0 0 38px rgba(147,91,255,.55); animation-delay:-4.4s; }
.coming-dots { letter-spacing:.06em; color:#d977ff; filter:blur(.9px); }
.coming-whisper { margin:30px 0 0; color:rgba(174,187,213,.58); font-size:10px; letter-spacing:.08em; }
.coming-orbit { position:absolute; z-index:1; left:50%; top:50%; width:min(94vw,1180px); aspect-ratio:2.55 / 1; border:1px solid rgba(94,239,229,.18); border-radius:50%; transform:translate(-50%,-50%) rotate(-13deg); pointer-events:none; }
.coming-orbit::before,.coming-orbit::after { content:""; position:absolute; left:50%; top:50%; width:4px; height:4px; border-radius:50%; background:var(--cyan); box-shadow:0 0 9px 2px rgba(85,242,231,.72); }
.coming-orbit::before { transform:translate(42vw,-4px); }.coming-orbit::after { transform:translate(-43vw,-1px); background:#dc72ff; box-shadow:0 0 9px 2px rgba(220,114,255,.64); }
.orbit-close { width:min(72vw,790px); border-color:rgba(216,106,255,.22); transform:translate(-50%,-50%) rotate(19deg); }
.orbit-close::before { transform:translate(27vw,-3px); background:#cf7bff; }.orbit-close::after { transform:translate(-29vw,2px); }
.coming-particle { position:absolute; left:50%; top:50%; width:var(--size,2px); height:var(--size,2px); border-radius:50%; background:var(--particle,#75f5e8); transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))); box-shadow:0 0 7px var(--particle,#75f5e8); opacity:var(--opacity,.72); }
@keyframes coming-flicker { 0%,6%,9%,47%,51%,73%,100% { opacity:1; } 7% { opacity:.62; } 8% { opacity:.92; } 48% { opacity:.72; } 49% { opacity:.94; } 74% { opacity:.64; } }
.join { min-height:610px; display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(ellipse at center,rgba(83,33,137,.25),transparent 54%); }.join-grid {position:absolute;inset:0;background-image:linear-gradient(rgba(101,225,221,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(101,225,221,.1) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(ellipse at center,#000,transparent 65%);transform:perspective(300px) rotateX(53deg) scale(1.6) translateY(21%);transform-origin:bottom}.join>*:not(.join-grid){position:relative}.join .eyebrow{margin-bottom:24px}.join .large{margin-top:39px;min-width:213px;height:57px}.join-foot{color:#888da4;margin-top:46px}footer{min-height:100px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;color:#878ba1;border-top:1px solid var(--line)}footer .brand{color:#eee;font-family:Manrope;font-size:17px}footer p{margin:0}footer div{display:flex;gap:19px}footer a:hover{color:var(--cyan)}.copy-toast { position:fixed;z-index:50;right:24px;bottom:24px;padding:13px 18px;background:#11182c;border:1px solid var(--cyan);font:11px "DM Mono";color:var(--cyan);transform:translateY(90px);opacity:0;pointer-events:none; }
.network-core { font-size:0; background:rgba(51,231,217,.08) url("purestar.png") center/185% no-repeat; }
body,body * { font-family:"JetBrains Mono",monospace !important; }
.market-bar { position:fixed; z-index:40; left:0; right:0; bottom:0; min-height:52px; display:flex; align-items:stretch; padding:0 clamp(16px,4vw,68px); border-top:1px solid rgba(85,242,231,.34); background:rgba(5,7,17,.9); backdrop-filter:blur(18px); box-shadow:0 -9px 34px rgba(4,6,17,.38); color:#edfaff; overflow-x:auto; scrollbar-width:none; }.market-bar::-webkit-scrollbar { display:none; }.market-identity,.market-stat,.market-link { flex:0 0 auto; display:flex; align-items:center; min-height:51px; }.market-identity { gap:9px; padding-right:25px; border-right:1px solid var(--line); font-size:11px; }.market-identity small { color:#8b91ac; font-size:8px; letter-spacing:.08em; }.market-pulse { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }.market-stat { min-width:116px; padding:0 20px; flex-direction:column; justify-content:center; align-items:flex-start; border-right:1px solid var(--line); }.market-stat small { color:#858aa4; font-size:8px; letter-spacing:.12em; }.market-stat strong { margin-top:3px; color:#edfaff; font-size:12px; letter-spacing:-.04em; }.market-stat .is-positive { color:var(--cyan); }.market-stat .is-negative { color:#ff78b8; }.market-link { margin-left:auto; padding:0 0 0 20px; color:var(--cyan); font-size:19px; }.market-bar.is-unavailable .market-identity small::after { content:" · RETRYING"; color:#c67cff; } body { padding-bottom:52px; }
.market-bar { min-height:34px; padding:0 clamp(12px,3vw,42px); }.market-identity,.market-stat,.market-link { min-height:33px; }.market-identity { gap:7px; padding-right:14px; font-size:10px; }.market-identity small { font-size:7px; }.market-pulse { width:5px; height:5px; }.market-stat { min-width:auto; padding:0 14px; flex-direction:row; justify-content:flex-start; align-items:center; gap:7px; }.market-stat small { font-size:7px; }.market-stat strong { margin:0; font-size:10px; letter-spacing:-.05em; }.market-link { padding-left:14px; font-size:15px; } body { padding-bottom:34px; }
.market-bar { justify-content:center; }.market-link { margin-left:0; }
.fx-button { position:relative; isolation:isolate; outline:none; transition:border-color .2s,box-shadow .2s,color .2s,background-color .2s; }.fx-button::after { content:""; position:absolute; z-index:-1; inset:-4px; border:1px solid rgba(85,242,231,0); box-shadow:0 0 0 rgba(85,242,231,0); pointer-events:none; transition:border-color .18s ease,box-shadow .18s ease; }.fx-button:hover::after,.fx-button:focus-visible::after { border-color:rgba(85,242,231,.95); box-shadow:0 0 15px rgba(85,242,231,.48),inset 0 0 9px rgba(85,242,231,.12); }.fx-button:hover,.fx-button:focus-visible { border-color:var(--cyan); color:#fff; box-shadow:0 0 0 1px rgba(85,242,231,.9),0 0 18px rgba(85,242,231,.36); }.primary.fx-button:hover,.primary.fx-button:focus-visible { color:#071118; background:#6cfbf0; }.button.fx-button:hover { transform:none; }.copy-button.fx-button { padding:3px 4px; margin:-3px -4px; }.copy-button.fx-button::after { inset:-3px; }
.nova-awaken { --flow:0%; --border-shift:0; justify-content:center; min-width:178px; font-size:14px; font-weight:800; letter-spacing:.015em; color:#f7ffff; border:1px solid transparent; text-shadow:0 1px 8px rgba(10,12,47,.45); background:linear-gradient(105deg,#55f2e7 0%,#5967ff 24%,#dc6eff 48%,#59f4e8 74%,#55f2e7 100%) padding-box,conic-gradient(from calc(var(--border-shift) * 1deg),#55f2e7,#bc69ff,#fff2ff,#5bf7e9,#6d65ff,#55f2e7) border-box; background-size:300% 100%,100% 100%; background-position:var(--flow) 50%,center; box-shadow:0 0 20px rgba(93,105,255,.35),0 0 35px rgba(85,242,231,.2); }.nova-awaken::before { content:""; position:absolute; pointer-events:none; inset:-3px; z-index:1; padding:1px; border-radius:1px; background:conic-gradient(from calc(var(--border-shift) * 1deg),#55f2e7,#d66cff,#fff,#5bf7e9,#6e5cff,#55f2e7); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; filter:drop-shadow(0 0 7px rgba(106,233,247,.8)); }.nova-awaken:hover,.nova-awaken:focus-visible,.primary.nova-awaken:hover,.primary.nova-awaken:focus-visible { color:#fff; background:linear-gradient(105deg,#55f2e7 0%,#5967ff 24%,#dc6eff 48%,#59f4e8 74%,#55f2e7 100%) padding-box,conic-gradient(from calc(var(--border-shift) * 1deg),#55f2e7,#bc69ff,#fff2ff,#5bf7e9,#6d65ff,#55f2e7) border-box; background-size:300% 100%,100% 100%; background-position:var(--flow) 50%,center; box-shadow:0 0 0 1px rgba(213,138,255,.7),0 0 26px rgba(85,242,231,.66),0 0 45px rgba(185,92,255,.42); }
.nova-awaken,.nova-awaken:hover,.nova-awaken:focus-visible,.primary.nova-awaken:hover,.primary.nova-awaken:focus-visible { --flow:0px; background:radial-gradient(ellipse 92px 65px at 14% 78%,#58f3e7 0%,rgba(88,243,231,.82) 32%,rgba(88,243,231,0) 74%) var(--flow) 50% / 240px 100% repeat padding-box,radial-gradient(ellipse 105px 102px at 51% 18%,#e06cff 0%,rgba(224,108,255,.9) 30%,rgba(224,108,255,0) 73%) var(--flow) 50% / 240px 100% repeat padding-box,radial-gradient(ellipse 88px 61px at 88% 73%,#58f3e7 0%,rgba(88,243,231,.88) 32%,rgba(88,243,231,0) 75%) var(--flow) 50% / 240px 100% repeat padding-box,linear-gradient(105deg,#465aff,#4b63ff 50%,#5365ff) var(--flow) 50% / 240px 100% repeat padding-box,conic-gradient(from calc(var(--border-shift) * 1deg),#55f2e7,#bc69ff,#fff2ff,#5bf7e9,#6d65ff,#55f2e7) center / 100% 100% no-repeat border-box; }
.nova-awaken,.nova-awaken:hover,.nova-awaken:focus-visible,.primary.nova-awaken:hover,.primary.nova-awaken:focus-visible { --flow:0px; overflow:hidden; background:linear-gradient(105deg,#3147bd 0%,#4966ef 48%,#354fc9 100%) padding-box,conic-gradient(from calc(var(--border-shift) * 1deg),#55f2e7,#bc69ff,#fff2ff,#5bf7e9,#6d65ff,#55f2e7) border-box; background-size:100% 100%,100% 100%; background-repeat:no-repeat; background-position:center; }.nova-awaken::after { content:""; position:absolute; z-index:0; pointer-events:none; inset:-22px; background:radial-gradient(ellipse 170px 115px at 12% 78%,rgba(83,243,231,.82) 0%,rgba(83,243,231,.5) 34%,rgba(83,243,231,0) 74%) var(--flow) 50% / 480px 145% repeat,radial-gradient(ellipse 105px 76px at 61% 20%,rgba(222,100,255,.42) 0%,rgba(222,100,255,.2) 36%,rgba(222,100,255,0) 74%) var(--flow) 50% / 480px 145% repeat,radial-gradient(ellipse 140px 105px at 93% 72%,rgba(83,243,231,.58) 0%,rgba(83,243,231,.27) 36%,rgba(83,243,231,0) 76%) var(--flow) 50% / 480px 145% repeat; filter:blur(9px); }.nova-awaken::before { z-index:2; inset:0; }.nova-awaken-label { position:relative; z-index:3; }
.nova-launch { --launch-shift:0; min-width:106px; display:inline-flex; align-items:center; justify-content:center; line-height:1; padding:9px 15px; border:1px solid transparent; border-radius:999px; color:#eaffff; letter-spacing:.06em; background:linear-gradient(rgba(8,15,37,.88),rgba(8,15,37,.88)) padding-box,conic-gradient(from calc(var(--launch-shift) * 1deg),#55f2e7,#8e65ff,#ea79ff,#55f2e7) border-box; box-shadow:0 0 14px rgba(85,242,231,.16); cursor:pointer; font:inherit; }.nova-launch:hover,.nova-launch:focus-visible { color:#fff; background:linear-gradient(rgba(12,22,48,.96),rgba(12,22,48,.96)) padding-box,conic-gradient(from calc(var(--launch-shift) * 1deg),#55f2e7,#8e65ff,#ea79ff,#55f2e7) border-box; box-shadow:0 0 0 1px rgba(85,242,231,.55),0 0 20px rgba(111,103,255,.45); }.nova-launch::after { border-radius:999px; }.nova-launch::before { content:""; position:absolute; inset:-2px; z-index:-1; border-radius:999px; background:conic-gradient(from calc(var(--launch-shift) * 1deg),#55f2e7,#8e65ff,#ea79ff,#55f2e7); filter:blur(7px); opacity:.5; pointer-events:none; }.nova-launch.is-connected { color:var(--cyan); box-shadow:0 0 0 1px rgba(85,242,231,.42),0 0 18px rgba(85,242,231,.27); }
.header-brand { gap:13px; font-size:24px; }.header-brand .brand-mark { width:39px; height:39px; flex-basis:39px; background-size:220%; filter:drop-shadow(0 0 8px rgba(91,239,232,.65)); }.header-actions { display:flex; align-items:center; gap:19px; }.powered-by { display:flex; align-items:center; gap:7px; color:#8e94ac; font-size:9px; letter-spacing:.03em; transition:color .2s; }.powered-by img { width:19px; height:19px; object-fit:contain; }.powered-by strong { color:#dfe7ff; font-size:10px; font-weight:700; letter-spacing:-.04em; }.powered-by:hover { color:var(--cyan); }.powered-by:hover strong { color:var(--cyan); }
.contract-address { --ca-flow:0px; display:block; margin:23px 0 19px; text-align:center; font-size:clamp(14px,1.65vw,22px) !important; font-weight:800; line-height:1.45; letter-spacing:.025em !important; word-break:break-all; background:repeating-linear-gradient(90deg,#4d64ff 0px,#55f2e7 60px,#e06cff 120px,#55f2e7 180px,#4d64ff 240px) var(--ca-flow) 50% / 240px 100% repeat; -webkit-background-clip:text; background-clip:text; color:transparent !important; filter:drop-shadow(0 0 9px rgba(98,223,255,.3)); }
@media (max-width:620px){.header-brand{font-size:20px;gap:9px}.header-brand .brand-mark{width:31px;height:31px;flex-basis:31px}.header-actions{gap:10px}.powered-by>span{display:none}.powered-by img{width:17px;height:17px}.powered-by strong{font-size:9px}.nova-launch{min-width:91px;padding:8px 11px}}
@media (max-width:900px){ nav{display:none}.hero{min-height:790px;padding-top:90px;align-items:flex-start}.hero-visual{width:480px;right:-150px;top:auto;bottom:-10px;transform:none;opacity:.73}.hero-copy{z-index:2}.section-grid{grid-template-columns:1fr;padding-top:90px;padding-bottom:90px}.section-index{padding:0}.feature-grid{max-width:650px}.protocol{padding-top:90px;padding-bottom:90px}.network-panel{grid-template-columns:42% 1fr}.chain-badge{left:42%}.section-heading{gap:30px}.section-heading>p{width:280px}.token{padding-top:100px;padding-bottom:100px}}
@media (max-width:620px){.site-header{height:68px}.header-cta{font-size:9px}.hero{min-height:720px;padding:70px 24px 60px}.hero-title{font-size:48px}.hero-description{font-size:13px}.hero-visual{width:370px;right:-110px;bottom:-7px;opacity:.53}.coordinates,.scroll-hint{display:none}.system-status{margin-top:34px;font-size:8px;gap:6px}.hero-actions{flex-wrap:wrap}.button{height:48px}.ticker{height:58px}.section-grid,.protocol{padding-left:24px;padding-right:24px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card:first-child{border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:185px}.feature-icon{height:60px}.section-heading{display:block}.section-heading>p{width:auto;margin:27px 0 0}.network-panel{display:block;margin-top:42px}.network-map{height:270px}.protocol-points{padding:28px 25px 81px}.chain-badge{left:0;padding:11px 25px}.contract-card{padding:18px}.contract-meta{gap:12px;font-size:8px}.token-note{gap:18px}.join{min-height:535px;padding:40px 24px}footer{padding-top:25px;padding-bottom:25px;flex-wrap:wrap;gap:20px;font-size:8px}footer p{order:3;width:100%}footer div{gap:10px}.noise{opacity:.03}}
@media (max-width:620px) { .coming { min-height:440px; } .coming-title { gap:.08em .16em; font-size:clamp(39px,11.2vw,58px); } .coming-whisper { max-width:230px; margin-left:auto; margin-right:auto; line-height:1.7; } .coming-orbit { width:130vw; } .orbit-close { width:111vw; } .coming-orbit::before { transform:translate(53vw,-4px); } .coming-orbit::after { transform:translate(-54vw,-1px); } .orbit-close::before { transform:translate(39vw,-3px); } .orbit-close::after { transform:translate(-40vw,2px); } }

.scroll-hint { bottom:68px; display:grid; grid-template-columns:72px auto 72px; align-items:center; column-gap:16px; row-gap:8px; color:#d6faff; font-size:12px !important; font-weight:700; letter-spacing:.22em !important; text-shadow:0 0 14px rgba(85,242,231,.44); }
.scroll-hint b { font:inherit; white-space:nowrap; }
.scroll-hint span { width:72px; height:2px; background:linear-gradient(90deg,transparent,var(--cyan) 34%,#e76fff); box-shadow:0 0 13px rgba(85,242,231,.68); }
.scroll-hint span:last-of-type { transform:scaleX(-1); }
.scroll-hint i { grid-column:1 / -1; justify-self:center; color:var(--cyan); font-style:normal; font-size:21px; font-weight:400; line-height:.55; text-shadow:0 0 14px var(--cyan); animation:scroll-arrow 1.5s ease-in-out infinite; }
@keyframes scroll-arrow { 50% { transform:translateY(6px); color:#e76fff; } }
@media (prefers-reduced-motion: reduce) { .scroll-hint i { animation:none; } }
@media (prefers-reduced-motion: reduce) { .coming-word { animation:none; } }

/* Token is intentionally centered independently from the section index. */
@media (min-width:901px) {
  .token.section-grid {
    display:block;
    position:relative;
  }

  .token .section-index {
    position:absolute;
    top:145px;
    left:clamp(24px,10vw,155px);
  }

  .token-content {
    width:min(685px,100%);
    margin:0 auto;
  }

  .token-content > .eyebrow {
    justify-content:center;
  }

  .token-content > h2 {
    text-align:center;
  }
}