:root{--bg:#050713;--surface:#0a1020;--surface-2:#10182d;--text:#f6f8ff;--muted:#aeb9d0;--line:rgba(176,201,255,.15);--cyan:#27e4ff;--blue:#2481ff;--violet:#7758ff;--indigo:#4836cf;--purple:#a34fff;--pink:#ec52c8;--mint:#63edc4;--green:#58e69b;--warning:#f4c66a;--display:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.65;overflow-x:hidden}button,a{font:inherit}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#fff;color:#06101b;padding:12px 18px;border-radius:8px}.skip-link:focus{top:16px}.aurora{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 78% 8%,rgba(84,48,238,.18),transparent 34%),radial-gradient(circle at 12% 42%,rgba(39,228,255,.08),transparent 28%),linear-gradient(180deg,#050713,#04060e 68%)}.aurora:after{content:"";position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 74%)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(5,7,19,.76);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav{height:78px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.16em}.brand img{width:42px;height:42px;object-fit:contain}.brand small{font-size:11px;color:var(--cyan);letter-spacing:.12em;border-left:1px solid var(--line);padding-left:10px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:25px}.desktop-nav a,.vitruonix-link,.mobile-nav a{color:#bbc5d8;text-decoration:none;font-weight:650;font-size:14px}.desktop-nav a:hover,.desktop-nav a:focus-visible,.vitruonix-link:hover{color:#fff}.vitruonix-link{border:1px solid var(--line);padding:9px 13px;border-radius:8px}.menu-button{display:none;margin-left:auto;border:1px solid var(--line);background:var(--surface);color:#fff;border-radius:8px;min-width:46px;min-height:46px;padding:10px;cursor:pointer}.menu-button span{display:block;width:22px;height:2px;background:#fff;margin:4px auto}.menu-button b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mobile-nav{position:absolute;top:78px;left:0;right:0;background:#080d1b;border-bottom:1px solid var(--line);padding:18px 24px;grid-template-columns:repeat(2,1fr);gap:4px}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{padding:13px;border-radius:8px}.mobile-nav a:hover{background:var(--surface-2);color:#fff}
.overline{margin:0;color:var(--cyan);font-size:13px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.overline>span{display:inline-block;width:28px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:10px}h1,h2,h3,h4{margin:0;font-family:var(--display);line-height:1.08}h2{font-size:clamp(38px,5vw,66px);letter-spacing:-.045em}h2 em{font-style:normal;color:transparent;background:linear-gradient(110deg,var(--cyan),#7991ff 50%,var(--purple));background-clip:text;-webkit-background-clip:text}h3{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.025em}p{color:var(--muted)}.section{padding:112px 0}.section-heading{max-width:780px;margin-bottom:50px}.section-heading h2{margin:13px 0 18px}.section-heading>p:last-child{font-size:19px;max-width:720px}.section-heading.compact{margin-top:100px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:12px 20px;border:1px solid transparent;border-radius:9px;text-decoration:none;font-weight:800;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(110deg,var(--cyan),#79f0ce);color:#041019;box-shadow:0 14px 36px rgba(39,228,255,.13)}.button.secondary{background:rgba(255,255,255,.04);border-color:var(--line);color:#f4f7ff}.button.text-button{background:transparent;color:var(--cyan);padding-inline:8px}.status{display:inline-flex;width:max-content;border:1px solid;border-radius:999px;padding:5px 9px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.1em}.status.preparing{color:var(--warning);border-color:rgba(244,198,106,.35);background:rgba(244,198,106,.08)}.status.live{color:var(--green);border-color:rgba(88,230,155,.34);background:rgba(88,230,155,.08)}.status.planned{color:#91b8ff;border-color:rgba(145,184,255,.3);background:rgba(62,115,216,.08)}.status.exploring{color:#d7a7ff;border-color:rgba(215,167,255,.3);background:rgba(163,79,255,.09)}
.hero{min-height:calc(100vh - 78px);padding:100px 0 48px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:60px;position:relative}.hero-copy h1{font-size:clamp(78px,11vw,148px);line-height:.78;letter-spacing:-.075em;margin:30px 0 25px;text-shadow:0 0 50px rgba(39,228,255,.12)}.hero-copy h2{font-size:clamp(32px,4.2vw,57px);max-width:720px}.hero-lead{font-size:20px;max-width:620px;margin:25px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.market-note{font-size:14px;margin-top:18px}.hero-art{position:relative;min-height:570px;display:grid;place-items:center}.hero-art:before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:var(--cyan);filter:blur(100px);opacity:.09}.hero-art img{position:relative;z-index:3;width:min(540px,95%);filter:drop-shadow(0 30px 70px rgba(15,39,255,.3))}.orbit{position:absolute;border:1px solid rgba(119,135,255,.22);border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:96%;height:48%}.orbit-b{width:63%;height:90%;transform:rotate(26deg)}.orbit-c{width:78%;height:78%;border-style:dashed;animation:spin 30s linear infinite}.signal{position:absolute;z-index:4;background:rgba(9,14,31,.85);border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:#cbd6e9;font-size:11px;font-weight:800;letter-spacing:.11em;backdrop-filter:blur(12px)}.signal-one{top:10%;left:5%}.signal-two{bottom:17%;right:0}.signal-three{top:31%;right:5%;color:var(--cyan)}.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-stats article{padding:26px 30px;border-right:1px solid var(--line)}.hero-stats article:last-child{border:0}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:22px}.hero-stats span{color:var(--muted);font-size:14px;margin-top:4px}@keyframes spin{to{transform:rotate(342deg)}}
.split-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.split-intro h2{margin-top:18px}.concept-stack{border-top:1px solid var(--line)}.concept-stack article{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:28px 6px;border-bottom:1px solid var(--line)}.concept-stack article>span{color:#70809d;font-weight:800}.concept-stack h3{font-size:26px}.concept-stack p{margin:7px 0 0}.concept-stack .active{background:linear-gradient(90deg,rgba(39,228,255,.07),transparent);border-color:rgba(39,228,255,.35)}.concept-stack .active>span,.concept-stack .active h3{color:var(--cyan)}
.launch-section,.burn-section,.faq-section{background:linear-gradient(180deg,rgba(15,24,48,.72),rgba(6,9,20,.4));border-block:1px solid var(--line)}.launch-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}.launch-main,.progress-card,.wallet-card,.policy-grid article,.event-section,.vesting,.comparison article,.utility-grid article,.qpay{background:linear-gradient(145deg,rgba(15,23,45,.94),rgba(7,12,26,.95));border:1px solid var(--line);border-radius:18px}.launch-main{padding:38px}.launch-main>strong{display:block;font-size:clamp(38px,5vw,65px);line-height:1;margin:34px 0 8px;letter-spacing:-.045em}.launch-main>p{margin-top:0}.launch-pairs{display:grid;gap:16px;margin-top:34px}.launch-pairs div{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;border-top:1px solid var(--line)}.launch-pairs b{font-size:20px}.launch-pairs span{color:var(--muted);font-size:14px}.progress-card{padding:38px}.progress-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.progress-head h3{margin-top:10px}.progress-head>strong{color:var(--cyan);font-size:30px}progress{position:absolute;width:1px;height:1px;opacity:0}.progress-visual{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:54px 0 16px}.progress-visual span{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,var(--cyan),var(--violet))}.progress-details{display:flex;justify-content:space-between;gap:20px;color:#d8e1ef;font-weight:700;font-size:14px}.data-note{font-size:13px;color:#7f8da7}
.supply-path{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:55px 0;padding:28px;border-block:1px solid var(--line);font-size:clamp(19px,2vw,27px);font-weight:850}.supply-path i{color:var(--cyan);font-style:normal}.allocation-layout{display:grid;grid-template-columns:380px 1fr;gap:50px;align-items:center}.donut-wrap{text-align:center}.donut{width:min(330px,85vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;margin:auto;position:relative;box-shadow:0 0 70px rgba(61,66,255,.12)}.donut:after{content:"";width:58%;aspect-ratio:1;background:var(--bg);border:1px solid var(--line);border-radius:50%;position:absolute}.donut>div{position:relative;z-index:1;display:flex;flex-direction:column}.donut strong{font-size:52px;line-height:1}.donut span{color:var(--cyan);font-weight:800;letter-spacing:.18em}.allocation-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.allocation-card{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.allocation-card h3{font-size:15px}.allocation-card p{font-size:13px;margin:3px 0 0}.allocation-card>strong{font-size:20px}.allocation-dot{width:9px;height:9px;border-radius:50%}.allocation-dot.cyan{background:var(--cyan)}.allocation-dot.blue{background:var(--blue)}.allocation-dot.violet{background:var(--violet)}.allocation-dot.indigo{background:var(--indigo)}.allocation-dot.purple{background:var(--purple)}.allocation-dot.pink{background:var(--pink)}.allocation-dot.mint{background:var(--mint)}.table-wrap{overflow:auto;margin-top:45px;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:620px}caption{text-align:left;padding:18px 22px;font-weight:800;color:#fff;background:rgba(255,255,255,.03)}th,td{text-align:left;padding:14px 22px;border-top:1px solid var(--line)}th{color:#fff}td{color:var(--muted)}th:nth-child(n+2),td:nth-child(n+2){text-align:right}tfoot{background:rgba(39,228,255,.05)}.vesting{margin-top:34px;padding:34px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.vesting h3{margin:12px 0}.timeline{display:grid;grid-template-columns:1fr 3fr}.timeline>div{padding:24px 18px;border-top:5px solid}.timeline span,.timeline strong{display:block}.timeline span{font-size:13px;color:var(--muted)}.timeline .locked{border-color:#71809b}.timeline .vesting-line{border-image:linear-gradient(90deg,var(--cyan),var(--violet)) 1}.timeline strong{font-size:18px;margin-top:7px}
.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric-grid article{min-height:145px;padding:22px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:13px}.metric-grid span,.metric-grid strong,.metric-grid small{display:block}.metric-grid span{color:var(--muted);font-size:13px;min-height:44px}.metric-grid strong{font-size:clamp(21px,2vw,28px);overflow-wrap:anywhere}.metric-grid small{color:var(--cyan);font-weight:800}.wallet-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;padding:38px;margin-top:24px;border-color:rgba(39,228,255,.3);box-shadow:inset 0 0 60px rgba(39,228,255,.025)}.wallet-copy h3{margin:12px 0}.wallet-address{min-width:0;align-self:center}.wallet-address code{display:block;padding:17px;background:#050916;border:1px solid var(--line);border-radius:9px;color:#dcecff;overflow-wrap:anywhere;font-size:14px}.wallet-address>button{border:0;background:transparent;color:var(--cyan);font-weight:800;padding:10px 0;cursor:pointer}.wallet-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.policy-grid article{padding:34px}.policy-grid h3{margin:12px 0 20px}.policy-grid ol{margin:0;padding-left:22px;color:var(--muted)}.policy-grid li{padding:6px}.event-section{padding:34px;margin-top:20px}.event-section>div:first-child{margin-bottom:20px}.empty-state{border:1px dashed var(--line);border-radius:10px;min-height:150px;display:grid;place-items:center;align-content:center;text-align:center}.empty-state span{font-size:35px;color:var(--cyan)}.empty-state p{margin:5px}.wallet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.wallet-grid article{padding:19px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}.wallet-grid span,.wallet-grid strong,.wallet-grid small{display:block}.wallet-grid span{color:var(--muted);font-size:13px}.wallet-grid strong{font-size:14px;margin-top:9px;overflow-wrap:anywhere}.wallet-grid small{color:var(--green);margin-top:7px}.wallet-grid .published{border-color:rgba(39,228,255,.3)}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison article{padding:36px}.comparison h3{font-size:48px;margin:20px 0 4px}.comparison h4{color:var(--muted);font-size:17px}.comparison ul{margin:26px 0 0;padding:0;list-style:none}.comparison li{padding:11px 0;border-top:1px solid var(--line)}.comparison .vtr-card{border-color:rgba(119,88,255,.5);background:linear-gradient(145deg,rgba(40,25,92,.45),rgba(7,12,26,.95))}.utility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.utility-grid article{padding:27px;min-height:210px}.utility-grid h3{margin:24px 0 10px}.utility-grid p{margin:0}.qpay{padding:44px;margin-top:28px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;position:relative;overflow:hidden}.qpay:after{content:"Q+";position:absolute;right:-20px;bottom:-75px;font-size:260px;line-height:1;font-weight:900;color:rgba(119,88,255,.06)}.qpay h2{font-size:clamp(36px,4vw,56px);margin:14px 0}.qpay ul{position:relative;z-index:1;margin:auto 0;padding-left:22px;color:#d6deed}.qpay .data-note{grid-column:1/-1;margin:0}.qubic-section{border-block:1px solid var(--line);background:radial-gradient(circle at 20% 50%,rgba(39,228,255,.07),transparent 35%)}.qubic-layout{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.qubic-layout h2{margin:14px 0}.qubic-layout p{font-size:18px}.official-links{border-top:1px solid var(--line)}.official-links a{display:flex;justify-content:space-between;text-decoration:none;padding:22px 4px;border-bottom:1px solid var(--line);font-weight:750}.official-links a:hover{color:var(--cyan)}
.roadmap{border-left:1px solid var(--line);margin-left:18px}.roadmap article{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:0 0 46px 0;position:relative}.roadmap article>span{width:38px;height:38px;margin-left:-19px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:#8190a8;font-size:13px;font-weight:900}.roadmap article.current>span{background:var(--cyan);color:#06101b;border-color:var(--cyan);box-shadow:0 0 30px rgba(39,228,255,.25)}.roadmap small{color:var(--cyan);font-weight:850;letter-spacing:.12em}.roadmap h3{margin:5px 0}.roadmap p{margin:5px 0;max-width:680px}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 42px 23px 0;font-size:20px;font-weight:780;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:6px;color:var(--cyan);font-size:26px}details[open] summary:after{content:"−"}details p{margin:0;padding:0 35px 22px 0;font-size:17px}
footer{padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:.65fr 1.35fr .5fr;gap:60px;padding-bottom:50px}.footer-grid h2{font-size:20px;letter-spacing:0}.footer-grid p{font-size:14px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{color:#c7d0e0;text-decoration:none}.footer-links a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line);color:#77859c;font-size:13px}.not-found{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;padding:24px}.not-found img{width:100px}.not-found h1{font-size:clamp(38px,7vw,74px);max-width:800px;margin:12px 0 28px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.revealed{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-c{animation:none}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media (max-width:1050px){.desktop-nav{display:none}.vitruonix-link{margin-left:auto}.menu-button{display:block;margin-left:0}.hero{grid-template-columns:1fr;padding-top:85px}.hero-copy{max-width:760px}.hero-art{min-height:500px}.split-intro,.launch-grid,.wallet-card,.qubic-layout,.faq-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,1fr)}.allocation-layout{grid-template-columns:320px 1fr}.utility-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.container{width:min(100% - 32px,1200px)}.section{padding:80px 0}.nav{height:70px}.brand span{font-size:14px}.brand small,.vitruonix-link{display:none}.mobile-nav{top:70px}.hero{min-height:auto;padding-top:72px;gap:20px}.hero-copy h1{font-size:clamp(68px,23vw,108px)}.hero-art{min-height:390px}.hero-stats{grid-template-columns:1fr}.hero-stats article{border-right:0;border-bottom:1px solid var(--line);padding:18px 4px}.hero-stats article:last-child{border-bottom:0}.split-intro{gap:40px}.launch-main,.progress-card,.wallet-card,.policy-grid article,.event-section,.vesting,.comparison article,.qpay{padding:24px}.launch-pairs div,.progress-details{align-items:flex-start;flex-direction:column;gap:4px}.allocation-layout{grid-template-columns:1fr}.allocation-cards{grid-template-columns:1fr}.supply-path{align-items:flex-start;flex-direction:column}.supply-path i{transform:rotate(90deg)}.vesting,.policy-grid,.comparison,.qpay{grid-template-columns:1fr;gap:24px}.timeline{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid article:last-child{grid-column:1/-1}.wallet-grid,.utility-grid{grid-template-columns:1fr}.qpay .data-note{grid-column:auto}.faq-layout{gap:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}.signal{font-size:9px}.wallet-actions{align-items:stretch;flex-direction:column}.wallet-actions .button{width:100%}}
@media (max-width:430px){body{font-size:16px}.container{width:min(100% - 24px,1200px)}.mobile-nav{grid-template-columns:1fr}.hero-actions .button{width:100%}.hero-art{min-height:320px}.metric-grid{grid-template-columns:1fr}.metric-grid article:last-child{grid-column:auto}.allocation-card{grid-template-columns:10px 1fr auto}.wallet-card{padding:18px}.wallet-address code{font-size:12px}.timeline>div{padding-inline:8px}.footer-bottom{font-size:12px}}

/* Progressive enhancement and strict-CSP-safe data visuals. */
.reveal{opacity:1;transform:none}
.donut{background:conic-gradient(var(--cyan) 0 20%,var(--blue) 20% 30%,var(--violet) 30% 50%,var(--indigo) 50% 70%,var(--purple) 70% 85%,var(--pink) 85% 95%,var(--mint) 95% 100%)}
progress{position:static;width:100%;height:9px;opacity:1;display:block;margin:54px 0 16px;border:0;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);color:var(--cyan);accent-color:var(--cyan)}
progress::-webkit-progress-bar{background:rgba(255,255,255,.08)}
progress::-webkit-progress-value{background:linear-gradient(90deg,var(--cyan),var(--violet))}
progress::-moz-progress-bar{background:linear-gradient(90deg,var(--cyan),var(--violet))}