@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');
:root{--bg:#07070a;--card:#0d0d12;--ink:#f6f3fa;--muted:#9993a5;--blue:#655cff;--pink:#e64e93;--orange:#ff7b32;--line:rgba(255,255,255,.11);--max:1160px;--pad:clamp(18px,4vw,62px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#7778a3;color:var(--ink);font-family:'DM Sans',sans-serif}.site{width:min(1260px,calc(100% - 44px));margin:42px auto;background:var(--bg);border-radius:28px;overflow:hidden;position:relative;box-shadow:0 40px 120px rgba(18,13,62,.28)}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin:auto}.nav{height:76px;display:flex;align-items:center;gap:35px;position:relative;z-index:20}.exact-logo{width:224px;height:42px;display:block;background:url('assets/images/grafxverse-logo-board.png') no-repeat;background-size:312px 156px;background-position:-42px -21px}.links{margin:auto;display:flex;gap:30px}.links a,.nav-cta{font-size:12px;color:#b6b1bf}.nav-cta{padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:#fff}.mobile{display:none;background:none;border:0;color:white;font-size:22px}.hero{min-height:740px;text-align:center;padding:70px 0 0;position:relative;overflow:hidden}.spotlight{position:absolute;width:270px;height:820px;top:-200px;background:linear-gradient(180deg,rgba(112,104,255,.8),rgba(112,104,255,.08) 50%,transparent);filter:blur(28px);opacity:.36;transform:rotate(18deg);pointer-events:none}.spotlight.a{left:2%}.spotlight.b{right:4%;transform:rotate(-22deg)}.stars,.stars:before,.stars:after{position:absolute;inset:0;content:"";background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:91px 73px;opacity:.27;animation:drift 18s linear infinite}@keyframes drift{to{transform:translateY(80px)}}.hero-content{position:relative;z-index:2}.kicker{text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:#aaa4b3}.hero h1{font-size:clamp(56px,7.5vw,102px);line-height:.9;letter-spacing:-.07em;font-weight:500;max-width:920px;margin:18px auto}.hero h1 span{background:linear-gradient(90deg,#fff,#8f88ff 47%,#ed6ea9);-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);max-width:620px;margin:0 auto;line-height:1.6}.actions{display:flex;gap:12px;justify-content:center;margin-top:27px}.button{font-size:12px;padding:12px 19px;border-radius:999px;background:#5f55f4;color:#fff;border:1px solid #8079ff;box-shadow:0 0 28px rgba(101,92,255,.45)}.button.secondary{background:rgba(255,255,255,.04);box-shadow:none;border-color:var(--line)}
.experience-console{width:min(900px,92%);height:355px;margin:55px auto 0;border-radius:24px 24px 0 0;background:linear-gradient(145deg,rgba(26,25,38,.95),rgba(8,8,12,.98));border:1px solid rgba(154,148,255,.24);box-shadow:0 -25px 80px rgba(77,67,231,.18);position:relative;text-align:left;padding:20px;transform:perspective(1000px) rotateX(4deg);transform-origin:center bottom}.console-top{display:flex;align-items:center;gap:8px;font-size:11px;color:#aca6b6}.console-top i{width:8px;height:8px;border-radius:50%;background:#e65391}.console-grid{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:12px;margin-top:18px}.console-card{height:235px;border-radius:15px;background:#15151c;border:1px solid var(--line);padding:17px}.console-card h3{font-size:16px;margin:0 0 14px}.choice{padding:10px;border-radius:9px;background:#20202a;margin:7px 0;font-size:10px;color:#aaa5b1}.choice.active{background:linear-gradient(90deg,#e34f91,#6257ee);color:white}.chart{height:120px;margin-top:25px;background:linear-gradient(169deg,transparent 49%,#766bff 50%,#766bff 51%,transparent 52%),linear-gradient(190deg,transparent 58%,#ed548f 59%,#ed548f 60%,transparent 61%);border-bottom:1px solid var(--line)}.metric{font-size:38px}.metric small{font-size:10px;color:#8f899b;display:block}
.trust{padding:35px 0 85px}.trust p{text-align:center;font-size:11px;color:#716b79}.trust-row{display:flex;justify-content:space-around;gap:25px;margin-top:25px;color:#c2bdc9;font-size:13px;font-weight:600}.section{padding:115px 0;position:relative}.section-title{text-align:center;max-width:820px;margin:0 auto 55px}.section-title h2{font-size:clamp(44px,6vw,78px);line-height:.95;letter-spacing:-.06em;margin:15px 0}.section-title p{color:var(--muted)}.luminous-panel{min-height:360px;border-radius:24px;background:radial-gradient(circle at 68% 40%,#251b72,#11101c 48%,#09090d 78%);border:1px solid var(--line);display:grid;grid-template-columns:1fr 1.4fr;align-items:center;padding:48px;overflow:hidden;position:relative}.luminous-panel h3{font-size:42px;line-height:1.05;margin:0}.luminous-panel p{color:var(--muted);max-width:390px}.nodes{position:relative;height:240px}.node{position:absolute;padding:9px 12px;border-radius:8px;background:#242050;border:1px solid #5147a8;font-size:10px;box-shadow:0 0 24px rgba(104,91,255,.25)}.node:nth-child(1){left:8%;top:24%}.node:nth-child(2){left:45%;top:3%}.node:nth-child(3){left:58%;top:56%}.node:nth-child(4){left:19%;top:70%}.node:nth-child(5){right:0;top:25%}.node-line{position:absolute;inset:20%;border:1px solid rgba(111,97,255,.28);border-radius:50%}
.engine{display:grid;grid-template-columns:1fr .65fr 1fr;gap:30px;align-items:center}.engine-side{display:grid;gap:14px}.engine-card{background:linear-gradient(145deg,#171521,#0e0d13);border:1px solid var(--line);border-radius:16px;padding:22px;min-height:112px}.engine-card h3{font-size:16px;margin:0}.engine-card p{font-size:11px;color:var(--muted)}.core{aspect-ratio:1;border-radius:24px;background:radial-gradient(circle,#b4aeff 0,#6258ef 28%,#201956 60%,#0b0a12 72%);display:grid;place-content:center;font-size:80px;font-weight:600;box-shadow:0 0 80px rgba(101,92,255,.4);position:relative}.core:after{content:"";position:absolute;inset:-30px;border:1px solid rgba(126,116,255,.2);border-radius:35px}.core span{background:linear-gradient(135deg,#ff7b32,#e64e93,#826bff);-webkit-background-clip:text;color:transparent}
.bento{display:grid;grid-template-columns:1fr 1.1fr 1fr;grid-template-rows:220px 240px;gap:13px}.bento>article{border-radius:20px;background:linear-gradient(145deg,#15141b,#0c0c11);border:1px solid var(--line);padding:24px;overflow:hidden;position:relative}.bento .wide{grid-column:1/3}.bento .tall{grid-row:1/3;grid-column:3}.bento h3{font-size:26px;line-height:1.05;margin:0}.bento p{font-size:11px;color:var(--muted);max-width:280px}.stack-cards{position:absolute;right:20px;bottom:18px;width:170px;height:120px}.stack-cards i{position:absolute;inset:0;border-radius:12px;background:#292639;border:1px solid #4d4763;transform:rotate(-6deg)}.stack-cards i:nth-child(2){transform:translate(-20px,-15px) rotate(4deg);background:#433a98}.stack-cards i:nth-child(3){transform:translate(-38px,-30px);background:linear-gradient(135deg,#ef5794,#6a5df3)}.mini-board{position:absolute;left:24px;right:24px;bottom:24px;height:120px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.mini-board i{border-radius:7px;background:#24212e}.mini-board i:nth-child(3n){background:#5d50c8}.mini-board i:nth-child(4n){background:#b44376}.tall .glow-ring{width:210px;height:210px;border-radius:50%;border:24px solid #5c52dd;position:absolute;left:50%;bottom:35px;transform:translateX(-50%);box-shadow:0 0 40px #41399c,inset 0 0 30px #41399c}.count{font-size:72px;margin-top:40px}.count small{font-size:12px;color:var(--muted)}
.float-cards{display:flex;justify-content:center;align-items:center;gap:14px;min-height:360px}.float-card{width:185px;min-height:210px;border-radius:18px;padding:22px;background:linear-gradient(145deg,#191721,#0e0d13);border:1px solid var(--line);text-align:center;transition:.3s}.float-card:nth-child(2),.float-card:nth-child(4){transform:translateY(55px)}.float-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,#5f55f4,#271d61)}.float-card i{display:grid;place-content:center;margin:0 auto 25px;width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#867eff,#312868);font-style:normal;font-size:22px}.float-card h3{font-size:15px}.float-card p{font-size:10px;color:var(--muted)}
.final-cta{text-align:center;padding:120px 0 60px;background:radial-gradient(ellipse at 50% 25%,rgba(94,85,244,.55),transparent 36%);position:relative}.final-cta h2{font-size:clamp(50px,7vw,90px);line-height:.92;letter-spacing:-.06em;margin:0}.final-cta p{color:var(--muted)}.final-cta .button{display:inline-block;margin-top:16px}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:110px;padding:30px 0;border-top:1px solid var(--line);text-align:left;font-size:11px;color:#807987}.footer a{display:block;padding:4px 0}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.on{opacity:1;transform:none}
@media(max-width:820px){.site{width:calc(100% - 18px);margin:9px auto;border-radius:18px}.links,.nav-cta{display:none}.mobile{display:block;margin-left:auto}.exact-logo{width:190px;height:35px;background-size:265px 132px;background-position:-36px -18px}.hero{padding-top:55px;min-height:700px}.hero h1{font-size:54px}.experience-console{height:320px}.console-grid{grid-template-columns:1fr 2fr}.console-card:last-child{display:none}.trust-row{overflow:auto;justify-content:flex-start}.trust-row span{min-width:110px}.luminous-panel{grid-template-columns:1fr;padding:30px}.engine{grid-template-columns:1fr}.core{width:230px;justify-self:center}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento .wide,.bento .tall{grid-column:auto;grid-row:auto;min-height:260px}.float-cards{flex-wrap:wrap}.float-card:nth-child(2),.float-card:nth-child(4){transform:none}.footer{grid-template-columns:1fr}}
@media(max-width:520px){.hero h1{font-size:45px}.hero p{font-size:13px}.actions{flex-direction:column}.experience-console{height:280px;padding:12px}.console-grid{display:block}.console-card:first-child{display:none}.console-card{height:215px}.section{padding:85px 0}.section-title h2{font-size:44px}.bento{grid-template-columns:1fr}.float-card{width:calc(50% - 8px);min-height:185px;padding:15px}.final-cta{padding-top:90px}}
.mini-board{font-size:0;background:repeating-conic-gradient(from 0deg,#282431 0 25%,#5d50c8 0 50%) 0 0/52px 52px;border-radius:12px}

/* Grafxverse brand-color cinematic treatment */
body{background:linear-gradient(135deg,#ff7b32 0,#e65c83 43%,#6b229f 100%);background-attachment:fixed}.site{box-shadow:0 45px 140px rgba(54,0,73,.42)}
.spotlight.a{background:linear-gradient(180deg,rgba(255,123,50,.92),rgba(230,78,147,.18) 52%,transparent);opacity:.36}.spotlight.b{background:linear-gradient(180deg,rgba(122,47,191,.95),rgba(230,78,147,.17) 52%,transparent);opacity:.42}
.hero h1 span{background:linear-gradient(90deg,#ffb76f 0,#ef5c99 48%,#ae64e7 100%);-webkit-background-clip:text;color:transparent}.button{background:linear-gradient(100deg,#ff7b32,#e64e93 48%,#7d35bf);border-color:rgba(255,255,255,.24);box-shadow:0 0 32px rgba(230,78,147,.42)}
.experience-console{background:linear-gradient(145deg,rgba(22,14,27,.98),rgba(7,6,10,.99));border-color:rgba(230,78,147,.34);box-shadow:0 -25px 110px rgba(230,78,147,.16),0 -8px 55px rgba(255,123,50,.12)}.experience-console:before{content:"";position:absolute;inset:-1px;border-radius:24px 24px 0 0;padding:1px;background:linear-gradient(100deg,rgba(255,123,50,.8),rgba(230,78,147,.42),rgba(125,53,191,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}.console-top i{background:#ff7b32;box-shadow:0 0 14px #ff7b32}.choice.active{background:linear-gradient(90deg,#ff7b32,#e64e93 55%,#7d35bf)}.chart{background:linear-gradient(169deg,transparent 49%,#ff7b32 50%,#ff7b32 51%,transparent 52%),linear-gradient(190deg,transparent 58%,#e64e93 59%,#e64e93 60%,transparent 61%)}
.luminous-panel{background:radial-gradient(circle at 68% 42%,#4a153f,#1c1022 43%,#09090d 76%);box-shadow:inset 0 0 80px rgba(230,78,147,.07)}.node{background:linear-gradient(145deg,#321529,#1e1222);border-color:#7b315e;box-shadow:0 0 24px rgba(230,78,147,.22)}.node-line{border-color:rgba(230,78,147,.24)}
.engine-card:hover{border-color:rgba(230,78,147,.45);background:linear-gradient(145deg,#251520,#110d12)}.core{background:radial-gradient(circle,#ffd0aa 0,#f06e86 24%,#8c3db2 48%,#2c143c 65%,#0b0a12 76%);box-shadow:0 0 90px rgba(230,78,147,.38)}.core:after{border-color:rgba(230,78,147,.24)}
.bento .wide{background:radial-gradient(circle at 90% 80%,rgba(230,78,147,.2),transparent 45%),linear-gradient(145deg,#181117,#0b0a0d)}.bento .tall{background:radial-gradient(circle at 50% 80%,rgba(125,53,191,.25),transparent 50%),#0e0c11}.stack-cards i:nth-child(2){background:#7b315e}.stack-cards i:nth-child(3){background:linear-gradient(135deg,#ff7b32,#e64e93,#7d35bf)}.tall .glow-ring{border-color:#9b43bb;box-shadow:0 0 45px #6d286f,inset 0 0 30px #6d286f}.mini-board{background:repeating-conic-gradient(from 0deg,#28202a 0 25%,#a84378 0 50%) 0 0/52px 52px}
.float-card i{background:linear-gradient(145deg,#f08a55,#9a3a88)}.float-card:hover{background:linear-gradient(145deg,#b1457e,#30133d)}.final-cta{background:radial-gradient(ellipse at 50% 22%,rgba(230,78,147,.48),transparent 34%),radial-gradient(ellipse at 35% 40%,rgba(255,123,50,.16),transparent 30%)}
.exact-logo{filter:none}.stars,.stars:before,.stars:after{background-image:radial-gradient(circle,rgba(255,192,151,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(220,151,255,.75) 0 1px,transparent 1.5px);background-size:91px 73px,137px 111px}
.console-card,.engine-card,.bento>article,.float-card{backdrop-filter:blur(12px)}
.core{animation:corePulse 3.6s ease-in-out infinite}.node{animation:nodeFloat 4s ease-in-out infinite}.node:nth-child(2){animation-delay:-.8s}.node:nth-child(3){animation-delay:-1.6s}.node:nth-child(4){animation-delay:-2.4s}.node:nth-child(5){animation-delay:-3.2s}.float-card{animation:cardBreathe 5s ease-in-out infinite}.float-card:nth-child(2){animation-delay:-1s}.float-card:nth-child(3){animation-delay:-2s}.float-card:nth-child(4){animation-delay:-3s}.float-card:nth-child(5){animation-delay:-4s}@keyframes corePulse{50%{box-shadow:0 0 125px rgba(230,78,147,.58);transform:scale(1.025)}}@keyframes nodeFloat{50%{translate:0 -8px}}@keyframes cardBreathe{50%{filter:brightness(1.15)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}