@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,700&display=swap');
:root{--pink:#ff7de9;--lilac:#a786ff;--sky:#78d8ff;--gold:#ffd77d;--ink:#09071a;--glass:rgba(255,255,255,.08);--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 10%,#321b58 0,transparent 32%),radial-gradient(circle at 85% 25%,#152f69 0,transparent 30%),#080615;color:white;font-family:'DM Sans',sans-serif;overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;opacity:.6;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#c7b4ff 1px,transparent 1px);background-size:70px 70px,110px 110px;background-position:0 0,25px 35px}header{position:fixed;z-index:20;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:rgba(7,5,22,.62);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{font-weight:800;letter-spacing:.11em}.brand span{color:var(--pink)}nav{display:flex;gap:27px;font-size:14px;color:#ddd7f7}nav a:hover{color:white}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}main{position:relative;z-index:1}section{padding:110px 7vw}.hero{min-height:100vh;padding-top:150px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative}.hero-copy{max-width:680px}.eyebrow,.section-title span{font-size:12px;letter-spacing:.25em;color:#d8c8ff;font-weight:700}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.88;margin:20px 0 28px;letter-spacing:-.055em}.hero h1 em{font-family:'Playfair Display';font-weight:700;background:linear-gradient(90deg,var(--pink),var(--sky),var(--gold));-webkit-background-clip:text;color:transparent}.hero p,.section-title p,.token p,.community p{font-size:17px;line-height:1.7;color:#c8c2dc;max-width:610px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{border-radius:999px;padding:14px 23px;border:1px solid var(--line);font:600 14px inherit;color:#fff;cursor:pointer}.primary{background:linear-gradient(100deg,#d25dff,#ff78c9);box-shadow:0 0 35px #c553ff55}.ghost{background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.guardians{height:580px;position:relative}.g{position:absolute;width:180px;height:410px;border:1px solid #ffffff22;border-radius:90px 90px 35px 35px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px;font-weight:800;letter-spacing:.2em;box-shadow:0 0 50px currentColor;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02));backdrop-filter:blur(3px)}.g1{left:32%;top:20px;color:#86e6ff;z-index:5}.g2{left:5%;top:100px;color:#ffd46b;transform:rotate(-8deg)}.g3{right:0;top:80px;color:#9c7cff;transform:rotate(8deg)}.g4{left:18%;top:155px;color:#c49aff}.g5{right:13%;top:155px;color:#ff8dcf}.orb{position:absolute;width:560px;height:560px;border-radius:50%;right:4%;background:radial-gradient(circle,#ffffff28 0,#b77cff20 40%,transparent 68%);filter:blur(3px)}.section-title{text-align:center;margin-bottom:48px}.section-title h2,.token h2,.community h2{font-size:clamp(36px,5vw,62px);margin:10px 0 12px;letter-spacing:-.04em}.section-title p{margin:auto}.cards,.profiles{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.card,.profile,.road article{background:var(--glass);border:1px solid var(--line);border-radius:22px;overflow:hidden;backdrop-filter:blur(14px);transition:.25s}.card:hover,.profile:hover{transform:translateY(-7px);border-color:#ffffff55}.art{height:280px;background:radial-gradient(circle at 50% 25%,var(--c),transparent 35%),linear-gradient(160deg,#ffffff14,#00000020);display:grid;place-items:center;font-size:60px;text-shadow:0 0 30px var(--c)}.card-info{padding:18px}.card-info h3,.profile h3{margin:5px 0}.meta{display:flex;justify-content:space-between;color:#bdb4d2;font-size:12px}.rare{color:var(--gold)}.token{margin:60px 7vw;padding:70px;border-radius:34px;border:1px solid var(--line);background:linear-gradient(120deg,#2b1446aa,#0c2748aa);display:grid;grid-template-columns:150px 1fr 1fr;gap:45px;align-items:center;backdrop-filter:blur(18px)}.coin{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;font:800 60px serif;background:linear-gradient(135deg,#fff1a6,#ffc65d);color:#5b3400;box-shadow:0 0 70px #ffd36c66}.metrics{display:flex;gap:30px;margin-top:24px}.metrics b{font-size:23px}.metrics small{display:block;font-size:10px;color:#bdb4d2;margin-top:4px;text-transform:uppercase}.chart{height:220px;background:#ffffff08;border:1px solid var(--line);border-radius:20px;padding:25px;position:relative}.chart svg{width:100%;height:150px;overflow:visible}.chart path{fill:none;stroke:#ff89e7;stroke-width:5;filter:drop-shadow(0 0 8px #ff89e7)}.chart-label{font-size:10px;color:#a9a1c1;letter-spacing:.15em}.profile{padding:24px;min-height:240px}.avatar{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,var(--c),#ffffff12);box-shadow:0 0 35px var(--c);margin-bottom:35px}.profile p,.road p{font-size:13px;color:#bdb4d2;line-height:1.6}.road{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.road article{padding:28px}.road i{font-style:normal;color:var(--pink);font-weight:800}.community{text-align:center;margin:80px 7vw;background:radial-gradient(circle at 50% 100%,#d35bff44,transparent 60%),#ffffff08;border:1px solid var(--line);border-radius:35px}.community p,.community .actions{margin-left:auto;margin-right:auto;justify-content:center}footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:38px 7vw;display:flex;justify-content:space-between;align-items:center;color:#aaa2bf;font-size:12px}footer div:last-child{display:flex;gap:18px}
@media(max-width:1000px){nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr}.guardians{margin-top:50px}.cards,.profiles{grid-template-columns:repeat(2,1fr)}.token{grid-template-columns:1fr;padding:40px}.road{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){section{padding:90px 5vw}.hero{padding-top:130px}.hero h1{font-size:54px}.guardians{height:430px;transform:scale(.72);transform-origin:left top;width:130%}.cards,.profiles,.road{grid-template-columns:1fr}.token{margin:30px 5vw;padding:28px}.metrics{flex-direction:column;gap:12px}footer{flex-direction:column;gap:18px;text-align:center}}
.hero strong,.token strong{color:#fff}.launch-note{margin-top:22px;color:#bdb4d2;font-size:12px;letter-spacing:.08em}.launch-note span{color:var(--pink);padding:0 8px}.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.g small{display:block;font-size:8px;color:#ff8ca8;margin-top:6px}.g6{right:31%;top:115px;color:#47e9ff;z-index:4}.image-card{overflow:hidden;padding:0;background:#0a0b20}.image-card img{width:100%;height:100%;object-fit:cover;opacity:.78}.image-card b{position:absolute;bottom:26px;left:0;right:0;text-align:center;text-shadow:0 2px 14px #000}.chain-flow{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:-12px auto 42px;color:#cfc7e5;font-size:12px}.chain-flow b{padding:11px 15px;border:1px solid var(--line);border-radius:999px;background:#ffffff08}.chain-flow span{color:var(--pink)}.disclaimer{text-align:center;color:#817993;font-size:11px;margin-top:22px}.art{overflow:hidden}.art img{width:100%;height:100%;object-fit:cover}.art span{font-size:60px}.status{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:9px 12px;border:1px solid #b98cff55;border-radius:999px;background:#b98cff12;font-size:10px;letter-spacing:.12em}.status i{width:7px;height:7px;border-radius:50%;background:#c08aff;box-shadow:0 0 12px #c08aff}.token-plan{display:grid;gap:10px}.token-plan div{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#ffffff08}.token-plan span,.token-plan small{display:block;font-size:9px;letter-spacing:.13em;color:#a99fc0}.token-plan b{display:block;margin:4px 0;font-size:17px}.profiles{grid-template-columns:repeat(5,1fr)}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.character-chain{margin-top:20px;font-size:9px;letter-spacing:.14em;color:#a99fc0}.villain-feature{margin-top:30px;padding:42px;border:1px solid #ff4c8850;border-radius:28px;background:radial-gradient(circle at 15% 50%,#75184455,transparent 28%),linear-gradient(120deg,#160813,#100a25);display:grid;grid-template-columns:130px 1fr;gap:32px;align-items:center}.villain-feature h2{font-size:48px;margin:4px 0}.villain-feature p{color:#bdb4d2;max-width:700px;line-height:1.7}.villain-mark{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font:800 50px serif;color:#ff7fa9;border:1px solid #ff6a9d77;box-shadow:0 0 50px #ff2e7755}.villain-tags{display:flex;gap:8px;flex-wrap:wrap}.villain-tags span{font-size:9px;letter-spacing:.15em;padding:8px 10px;border:1px solid #ff6a9d44;border-radius:99px;color:#ff9cbd}.xirip-feature{margin:40px 7vw;padding:0;display:grid;grid-template-columns:minmax(320px,.85fr) 1fr;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(120deg,#071b2baa,#14102baa)}.xirip-feature img{width:100%;height:620px;object-fit:cover;object-position:center 30%}.xirip-feature>div{padding:60px}.xirip-feature h2{font-size:clamp(42px,5vw,70px);margin:8px 0 16px}.xirip-feature p{color:#c8c2dc;line-height:1.7;max-width:580px}.road{grid-template-columns:repeat(5,1fr)}.road .active{border-color:#a77cff88;box-shadow:0 0 35px #a77cff20}.road .active i{color:#78d8ff}
@media(max-width:1000px){nav.open{display:flex;position:absolute;top:76px;left:0;right:0;padding:20px 6vw;flex-direction:column;background:#0a071beF;border-bottom:1px solid var(--line)}.g6{right:27%}.profiles{grid-template-columns:repeat(2,1fr)}.xirip-feature{grid-template-columns:1fr}.xirip-feature img{height:520px}.road{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.villain-feature{grid-template-columns:1fr;padding:28px}.profiles{grid-template-columns:1fr}.xirip-feature{margin:30px 5vw}.xirip-feature img{height:420px}.xirip-feature>div{padding:30px}.road{grid-template-columns:1fr}.g6{right:27%;top:130px}}
.villain-art{width:130px;height:160px;border-radius:22px;overflow:hidden;border:1px solid #ff6a9d55;box-shadow:0 0 45px #8f2dff33}.villain-art img{width:100%;height:100%;object-fit:cover}.g.image-card img{opacity:.9}.g.image-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,4,18,.92));pointer-events:none}.g.image-card b{z-index:2}.g3.image-card img{filter:saturate(1.15) contrast(1.05)}
@media(max-width:600px){.villain-art{width:100%;height:280px}}

/* Hero: all six guardians + Digipalmon */
.g7{right:2%;top:205px;color:#65f5bd;z-index:6;transform:rotate(7deg)}
.g4{left:18%;top:155px;color:#c49aff;z-index:6}
@media(max-width:1000px){.g7{right:0;top:215px}}
@media(max-width:600px){.g7{right:0;top:210px}}
/* Hero lineup: 3 Guardians | Digipalmon | 3 Guardians */
@media(min-width:1001px){
.hero{grid-template-columns:.92fr 1.08fr}.guardians{height:590px;transform:translateX(-42px);width:calc(100% + 90px)}
.g{width:142px;height:390px;border-radius:72px 72px 30px 30px;transform:none}
.g1{left:0;top:120px;z-index:2}.g2{left:12%;top:72px;z-index:3}.g4{left:24%;top:30px;z-index:4}
.g3{left:40%;right:auto;top:0;width:166px;height:455px;z-index:8;transform:none}
.g5{left:58%;right:auto;top:30px;z-index:4}.g6{left:70%;right:auto;top:72px;z-index:3}.g7{left:82%;right:auto;top:120px;z-index:2;transform:none}
}