:root{--bg:#090511;--panel:#150d23;--purple:#a66bff;--pink:#e3a4ff;--text:#f7f0ff;--muted:#b7a9c8;--line:rgba(211,173,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 12%,#281044 0,transparent 34%),radial-gradient(ellipse at 8% 55%,#1b0c30 0,transparent 30%),var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.ambient{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(100px);opacity:.2;pointer-events:none}.a1{background:#9a43ff;top:280px;left:-180px}.a2{background:#6c36ff;top:1100px;right:-180px}.topbar{height:82px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{font:800 19px Syne,sans-serif;letter-spacing:1px;color:white;text-decoration:none}.wordmark span:last-child{color:#c28cff}.mini-cat{color:#c28cff;margin-right:8px}.topbar nav{display:flex;gap:34px}.topbar nav a{color:#c8bad8;text-decoration:none;font-size:13px}.topbar nav a:hover{color:white}.nav-btn{border:1px solid #8853c7;padding:11px 17px;border-radius:8px;color:white;text-decoration:none;font-size:12px}.shell{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding-top:55px;padding-bottom:70px}.pill,.kicker{font-size:10px;letter-spacing:2.2px;color:#cba5ff;font-weight:700}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#ffffff08;padding:10px 13px;border-radius:30px}.pill i,.status-dot{width:7px;height:7px;border-radius:50%;background:#b77aff;box-shadow:0 0 14px #b77aff}.hero h1{font:800 clamp(48px,6.5vw,82px)/.98 Syne,sans-serif;letter-spacing:-4px;margin:27px 0}.hero h1 span{color:#c18aff;text-shadow:0 0 35px #9c4aff66}.lead{max-width:480px;color:#c5b7d5;line-height:1.8;font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 19px;border-radius:8px;text-decoration:none;font-weight:700;font-size:12px;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn-main{background:linear-gradient(110deg,#a45cff,#d28cff);color:#180b27;box-shadow:0 8px 30px #9d4aff40}.btn-main b{margin-left:15px}.btn-ghost{border:1px solid #60417d;color:#eee0ff;background:#ffffff08}.proof{margin-top:28px;color:#9f91b1;font-size:12px}.spark{color:#c18aff;margin-right:8px}.mascot-stage{height:460px;position:relative;display:grid;place-items:center;isolation:isolate}.mascot{width:min(340px,75%);aspect-ratio:1;object-fit:cover;border-radius:50%;position:relative;z-index:2;border:1px solid #d5a8ff88;box-shadow:0 0 0 12px #a95dff0c,0 0 70px #9b4cff55;animation:mascotFloat 4.5s ease-in-out infinite,mascotGlow 4s ease-in-out infinite alternate}.mascot-stage:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:#9c4aff55;filter:blur(70px);z-index:-1}.orbit{position:absolute;border:1px solid #c28aff55;border-radius:50%;width:410px;height:150px;transform:rotate(-24deg);animation:orbitSpin 16s linear infinite}.orbit-two{width:390px;height:390px;transform:none;border-style:dashed;opacity:.45;animation:orbitSpin 32s linear infinite reverse}.orbit-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#e3baff;box-shadow:0 0 22px #c78aff;top:86px;right:90px}.float-tag{position:absolute;z-index:3;background:#1c102c;border:1px solid #8b59b5;border-radius:30px;padding:10px 14px;font-size:9px;letter-spacing:1.5px;box-shadow:0 8px 25px #0008}.tag-top{top:80px;left:5px;animation:tagFloat 5s ease-in-out infinite}.tag-bottom{bottom:72px;right:0;animation:tagFloat 4s ease-in-out infinite reverse}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#160d24;padding:17px 0;white-space:nowrap;color:#d5b4ff;font:700 12px Syne;letter-spacing:2px}.ticker div{display:inline-block;animation:marquee 28s linear infinite}.story{padding-top:115px;padding-bottom:105px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.story h2,.community h2{font:800 clamp(38px,5vw,60px)/1.05 Syne;letter-spacing:-2px}.story h2 span{color:#c18aff}.story-grid p,.feature-card p,.community p{color:#bdb0cd;line-height:1.85;font-size:15px}.subtle{color:#8f829f!important}.feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.feature-card,.feature-art,.token-panel,.community-box{border:1px solid var(--line);background:linear-gradient(145deg,#1c102b,#10091a);border-radius:18px;overflow:hidden}.feature-card{padding:42px}.feature-card h2{font:800 clamp(30px,4vw,46px)/1.1 Syne;letter-spacing:-1.5px}.feature-card h2 em,.community h2 em{color:#c18aff;font-style:normal}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.chips span{font-size:9px;letter-spacing:1px;border:1px solid #69458a;border-radius:30px;padding:9px;color:#d7baff}.feature-art{min-height:360px}.feature-art img{width:100%;height:100%;object-fit:cover;display:block}.token{padding-top:115px;padding-bottom:95px}.token-panel{margin-top:22px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between}.token-label{color:#ad8bca;font-size:10px;letter-spacing:2px}.token-panel h2{font:800 54px Syne;margin:8px 0;color:#d0a4ff}.token-panel p,.disclaimer{color:#a99bb8;font-size:13px}.token-status{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:30px;padding:12px 16px;font-size:10px;letter-spacing:1.4px;color:#d4c1e8}.disclaimer{font-size:11px}.community{padding-bottom:100px}.community-box{text-align:center;padding:75px 25px;background:radial-gradient(ellipse at 50% 120%,#54258a66,transparent 60%),#150d23}.community h2{font-size:clamp(38px,5vw,58px);margin:22px 0}.community p{margin:auto}.community .actions{justify-content:center}.community small{display:block;margin-top:22px;color:#847692;font-size:10px}footer{max-width:1120px;margin:auto;padding:26px 28px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8e809e;font-size:11px}@keyframes mascotFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}@keyframes mascotGlow{from{box-shadow:0 0 0 10px #a95dff0c,0 0 45px #9b4cff44}to{box-shadow:0 0 0 16px #a95dff12,0 0 85px #c084ff88}}@keyframes orbitSpin{to{transform:rotate(336deg)}}@keyframes tagFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:760px){.topbar{height:70px;padding:0 18px}.topbar nav{display:none}.nav-btn{padding:9px 12px;font-size:10px}.shell{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;padding-top:65px;gap:5px}.hero h1{font-size:59px;letter-spacing:-3px}.lead{font-size:14px}.mascot-stage{height:370px;grid-row:1}.mascot{width:250px}.orbit{width:320px;height:120px}.orbit-two{width:300px;height:300px}.orbit-dot{top:45px;right:50px}.tag-top{top:48px;left:0}.tag-bottom{bottom:45px;right:0}.story{padding-top:75px;padding-bottom:75px}.story-grid,.feature{grid-template-columns:1fr;gap:8px}.story-grid p{margin-top:0}.feature-card{padding:28px}.feature-art{min-height:220px}.token{padding-top:80px;padding-bottom:70px}.token-panel{padding:25px;display:block}.token-status{display:inline-flex;margin-top:18px}.community-box{padding:55px 20px}footer{padding:24px 20px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}


/* Cute, calm Clanker Cat details */
body{position:relative;background:radial-gradient(ellipse at 75% 12%,#321451 0,transparent 38%),radial-gradient(ellipse at 8% 55%,#24103b 0,transparent 34%),var(--bg)}
body:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.105;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='%23d7b0ff'%3E%3Cellipse cx='33' cy='30' rx='6' ry='8' transform='rotate(-25 33 30)'/%3E%3Cellipse cx='49' cy='24' rx='6' ry='8' transform='rotate(8 49 24)'/%3E%3Cellipse cx='63' cy='31' rx='6' ry='8' transform='rotate(28 63 31)'/%3E%3Cpath d='M38 43 Q47 34 57 43 Q66 51 57 59 Q49 66 39 58 Q31 51 38 43Z'/%3E%3C/g%3E%3C/svg%3E");background-size:150px 150px}
.topbar,main,footer{position:relative;z-index:1}
.mascot-stage{height:auto;min-height:420px;display:grid;place-items:center;isolation:isolate;gap:0}
.mascot{width:min(390px,88%);aspect-ratio:1;object-fit:cover;border-radius:28px;position:relative;z-index:2;border:1px solid #c99aff55;box-shadow:0 18px 55px #0007,0 0 55px #9b4cff25;animation:none;transform:none}
.mascot-stage:after{content:'';position:absolute;width:75%;height:75%;border-radius:34px;background:#9c4aff20;filter:blur(55px);z-index:-1}
.orbit,.orbit-dot,.float-tag{display:none!important}
.paw-stamp{position:absolute;z-index:3;font-size:34px;opacity:.78;filter:drop-shadow(0 4px 10px #0006);transform:rotate(-18deg)}
.paw-left{left:2%;top:17%}.paw-right{right:2%;bottom:17%;transform:rotate(18deg)}
.mascot-caption{position:relative;z-index:3;margin-top:18px;color:#d7baff;font-size:10px;font-weight:700;letter-spacing:2px}
.pill{background:#241435cc}
.feature-card,.feature-art,.token-panel,.community-box{box-shadow:0 12px 35px #0003}
@media(max-width:760px){.mascot-stage{min-height:340px}.mascot{width:min(290px,84%);border-radius:22px}.paw-stamp{font-size:27px}.paw-left{left:0;top:15%}.paw-right{right:0;bottom:18%}.mascot-caption{font-size:9px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.mascot{animation:none!important}}

/* Web3 dashboard layer — keeps the original Clanker Cat purple identity */
.topbar nav a{transition:color .2s}.dashboard{padding-top:92px;padding-bottom:35px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font:800 clamp(34px,4vw,48px)/1.05 Syne;margin:12px 0 8px;letter-spacing:-1.8px}.section-head h2 span{color:#c18aff}.section-note{color:#a99bb8;font-size:13px;margin:0;line-height:1.6}.live-badge,.chart-tag{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#ffffff08;border-radius:30px;padding:10px 13px;color:#d9c5ee;font-size:9px;letter-spacing:1.4px;font-weight:700;white-space:nowrap}.live-badge i{width:7px;height:7px;border-radius:50%;background:#c18aff;box-shadow:0 0 12px #c18aff}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stat-card{min-width:0;padding:20px 18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#211332d9,#110a1bd9);box-shadow:0 10px 30px #0002}.stat-card span,.card-eyebrow,.contract-box>span{display:block;color:#a992c0;font-size:9px;letter-spacing:1.7px;font-weight:700}.stat-card strong{display:block;margin:13px 0 7px;font:700 clamp(19px,2.3vw,27px) Syne;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card small{color:#82758f;font-size:10px}.market-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.9fr);gap:14px;margin-top:14px}.chart-card,.trade-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#1b1029,#10091a);overflow:hidden;min-width:0}.chart-card{padding:23px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-top h3,.trade-card h3{font:700 22px Syne;margin:8px 0 0}.chart-placeholder{height:330px;margin-top:18px;border:1px dashed #67478566;border-radius:12px;background:radial-gradient(ellipse at 50% 100%,#713db222,transparent 65%),#0c0713;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.chart-icon{font-size:42px;color:#c18aff}.chart-placeholder strong{font:700 17px Syne;margin:10px 0}.chart-placeholder p{max-width:370px;color:#92839f;font-size:12px;line-height:1.7;margin:0}.chart-card iframe{width:100%;height:370px;border:0;border-radius:10px;margin-top:18px;background:#0c0713}.trade-card{padding:25px;display:flex;flex-direction:column;align-items:flex-start}.trade-card h3{font-size:29px;line-height:1.12;margin:15px 0}.trade-card>p{color:#a99bb8;font-size:12px;line-height:1.75;margin:0 0 20px}.trade-btn{display:block;width:100%;text-align:center;margin:0 0 10px}.is-disabled{opacity:.42;pointer-events:none;filter:saturate(.5)}.contract-box{width:100%;margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#09051188;position:relative}.contract-box strong{display:block;color:#e5d6f3;font-size:11px;margin-top:9px;overflow-wrap:anywhere;padding-right:55px}.contract-box button{position:absolute;right:12px;bottom:12px;border:1px solid #765398;background:#241435;color:#e7d5fa;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:700}.contract-box button:disabled{opacity:.45}.safety-note{color:#83758f;font-size:9px;line-height:1.6;margin-top:14px}.data-foot{display:flex;justify-content:space-between;gap:12px;color:#796d87;font-size:9px;margin-top:12px}.token-panel{position:relative}.token-status{white-space:nowrap}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}.market-grid{grid-template-columns:1fr}.trade-card{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.trade-card .card-eyebrow,.trade-card h3,.trade-card>p,.trade-card .contract-box,.trade-card .safety-note{grid-column:1/-1}.trade-card .trade-btn{align-self:start}.chart-card iframe{height:330px}}@media(max-width:600px){.dashboard{padding-top:65px}.section-head{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{padding:16px 13px}.stat-card strong{font-size:20px}.market-grid{gap:10px}.chart-card{padding:16px}.chart-placeholder{height:260px;padding:18px}.chart-card iframe{height:290px}.trade-card{display:flex;padding:20px}.data-foot{flex-direction:column}.topbar nav{display:none}}


/* Final requested layout: smaller hero mascot and X link below the token panel. */
.mascot{width:min(320px,76%)}
.token-x-link{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:100%;margin:18px auto 0;padding:11px 18px;border:1px solid #8853c7;border-radius:12px;background:linear-gradient(120deg,#211332dd,#140b20dd);color:#f7f0ff;text-decoration:none;box-shadow:0 8px 28px #0003;transition:transform .2s,border-color .2s}
.token-x-link:hover{transform:translateY(-2px);border-color:#c18aff}
.token-x-link img{width:20px;height:20px;object-fit:contain}
.token-x-link span{font-weight:700;font-size:13px}
.token-x-link b{font-size:11px;color:#cba5ff;letter-spacing:.4px}
@media(max-width:760px){.mascot{width:min(235px,78%)}.token-x-link{gap:9px;padding:10px 13px}.token-x-link span{font-size:12px}.token-x-link b{font-size:10px}}