:root{--paper:#130f1b;--ink:#f3edfc;--lime:#c7a4ff;--forest:#38214d;--surface:#21182d;--muted:#b5a7c7;--rule:#e7d9fa2e;--lavender:#ddc5ff;--comic-ink:#100a18}
.hero{background:radial-gradient(ellipse at 50% 55%,#45256429,transparent 67%),var(--paper)}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,1fr);grid-template-rows:auto auto auto auto;max-width:1060px;padding:148px 45px 52px;column-gap:65px;align-items:start;justify-items:start}
.solana-badge{grid-column:1;grid-row:1;margin:0 0 28px}.hero h1{grid-column:1;grid-row:2;text-align:left;font-size:clamp(57px,5.5vw,82px);white-space:nowrap;line-height:1.13;align-self:start;z-index:3}.hero h1 em{padding-inline:12px}
.hero-device{grid-column:2;grid-row:1/5;width:252px;max-width:100%;margin:0;justify-self:center}.phone{border-width:6px;border-radius:36px;padding:13px 13px 17px}.phone-status{font-size:8px;height:29px}.phone-island{height:20px;width:72px}.phone-content{padding-top:6px}.phone-brand{font-size:17px;margin-bottom:9px}.phone-caption{font-size:5px;padding:9px 7px;margin-bottom:10px}.phone-art{height:218px}.phone-info{margin:13px 0;gap:10px}.phone-info strong{font-size:16px}.phone-info .mono{font-size:5px}.phone-info img{width:34px;height:34px}.phone-cta{font-size:8px;min-height:35px;padding:9px 10px}.phone-footer{font-size:4px}
.hero-actions{grid-column:1;grid-row:3;flex-wrap:wrap;gap:15px;margin-top:25px}.hero-actions .button{font-size:12px;min-height:49px;padding:13px 22px}.hero-actions .text-link{font-size:10px;padding:13px 17px}.hero-description{grid-column:1;grid-row:4;text-align:left;margin-top:19px;align-self:start;font-size:13px}
.hero-mascot{width:115px;height:115px;right:-61px;bottom:19px}.mascot-note{font-size:11px;padding:11px 13px;right:-71px;bottom:136px;border-radius:18px 18px 18px 4px;border-width:2px}.comic-sticker{top:auto;bottom:45px;left:44%;font-size:10px;padding:10px 12px;z-index:4}
.hero-base{padding:18px 0}.community-strip{padding-block:13px;font-size:11px}.studio{padding-top:42px}.studio .section-heading{margin-top:28px;margin-bottom:30px}.studio .section-heading h2{font-size:clamp(42px,4.4vw,65px)}
.mascot-cloud{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cloud-pix{position:absolute;object-fit:contain;image-rendering:pixelated;opacity:.28;filter:drop-shadow(3px 5px 0 #06020b)}
.cloud-pix-1{width:128px;height:128px;left:-25px;top:70px;transform:rotate(18deg);opacity:.52}.cloud-pix-2{width:76px;height:76px;left:110px;top:155px;transform:rotate(-20deg);opacity:.22}.cloud-pix-3{width:154px;height:154px;left:-45px;top:265px;transform:rotate(-16deg);opacity:.36}.cloud-pix-4{width:78px;height:78px;left:116px;top:365px;transform:rotate(17deg);opacity:.18}.cloud-pix-5{width:127px;height:127px;left:5px;bottom:28px;transform:rotate(10deg);opacity:.48}.cloud-pix-6{width:60px;height:60px;left:158px;bottom:10px;transform:rotate(-12deg);opacity:.20}
.cloud-pix-7{width:133px;height:133px;right:-20px;top:48px;transform:rotate(-17deg);opacity:.5}.cloud-pix-8{width:69px;height:69px;right:136px;top:164px;transform:rotate(19deg);opacity:.18}.cloud-pix-9{width:143px;height:143px;right:-32px;top:263px;transform:rotate(14deg);opacity:.36}.cloud-pix-10{width:78px;height:78px;right:124px;top:390px;transform:rotate(-19deg);opacity:.17}.cloud-pix-11{width:113px;height:113px;right:2px;bottom:14px;transform:rotate(-9deg);opacity:.5}.cloud-pix-12{width:57px;height:57px;right:148px;bottom:8px;transform:rotate(18deg);opacity:.2}
.phone{background:#171020}.phone-art,.phone-cta,.canvas-frame,.compare-line span{border-color:#11091a}.phone-caption{background:#38214d;color:#d9bfff}.button.primary:hover,.phone-cta:hover{background:#e2caff}.hero-actions .text-link{background:#271c36;border-color:#c7a4ff4a}.solana-badge{background:#271b38;border-color:#c7a4ff55}.solana-glyph i{background:linear-gradient(90deg,#dbc6fa,#ac76ec)}.token-heading .solana-glyph i{background:linear-gradient(90deg,#8c55c2,#4d2974)}
.token-card{background:#c7a4ff;color:#26123d}.token-copy p{color:#513568}.token-details{background:#f1e7ff;color:#26123d;border-color:#573578;box-shadow:5px 6px 0 #926bb7}.token-studio-link{background:#38214d;color:#f3edfc}.token-studio-link:hover{background:#503268}.token-links>span,.token-note{color:#6c5281}.token-field>span,.contract-label>span{color:#6a4f80}.token-pill{background:#e0cbf7;color:#38214d}.contract-address{background:#e5d5f6;color:#38214d}.token-links a{background:#d9baf6}
.palette-option.active{background:#403053}.preview-stage{background-color:#110c17}.controls{background:#251b31}.editor{background:#1b1424}.how-card{color:#251338}.how-card li p{color:#503767}.how-card li>.mono{background:#eee1ff}.mascot-stage{background-color:#291d37}.brand-hero h1{white-space:normal}
@media(min-width:1600px){.hero-inner{max-width:1180px;padding-top:155px;padding-bottom:50px}.hero-device{width:275px}.phone-art{height:236px}}
@media(max-width:1050px){.hero-inner{column-gap:34px;padding:140px 45px 42px;max-width:900px}.hero h1{font-size:61px}.hero-device{width:226px}.phone-art{height:193px}.hero-actions{gap:10px}.hero-actions .button{padding:12px 17px;font-size:11px}.hero-actions .text-link{padding:12px 13px;font-size:9px}.hero-description{font-size:11px}.hero-mascot{right:-38px;width:90px;height:90px}.mascot-note{right:-37px;bottom:119px;font-size:9px}.cloud-pix-2,.cloud-pix-4,.cloud-pix-6,.cloud-pix-8,.cloud-pix-10,.cloud-pix-12{display:none}.cloud-pix{opacity:.24}.comic-sticker{left:48%;bottom:38px}}
@media(max-width:760px){.hero-inner{display:flex;align-items:center;padding:116px 24px 26px;gap:0}.solana-badge{margin-bottom:20px;font-size:5px}.hero h1{text-align:center;font-size:clamp(39px,8.2vw,60px);white-space:normal}.hero-device{width:207px;max-width:63vw;margin-top:20px}.phone{padding:10px 10px 13px;border-radius:31px;border-width:5px}.phone-status{font-size:7px;height:25px}.phone-status>span:last-child{font-size:4px}.phone-island{width:59px;height:18px}.phone-brand{font-size:14px;margin-bottom:7px}.pixel-spark{font-size:17px}.phone-caption{font-size:4px;padding:8px 6px;margin-bottom:8px}.phone-art{height:174px;border-radius:12px}.phone-info strong{font-size:13px}.phone-info .mono{font-size:4px}.phone-info{margin:11px 0}.phone-info img{width:28px;height:28px}.phone-cta{font-size:7px;padding:8px;min-height:31px}.phone-footer{font-size:3px;margin-top:8px}.hero-mascot{width:89px;height:89px;right:-64px;bottom:7px}.mascot-note{right:-62px;bottom:115px;font-size:9px;padding:8px 10px}.hero-actions{flex-direction:row;justify-content:center;gap:9px;margin-top:23px}.hero-actions .button{min-width:0;font-size:10px;min-height:44px;padding:11px 17px;gap:15px}.hero-actions .text-link{font-size:8px;padding:12px 11px;gap:9px}.hero-description{text-align:center;font-size:10px;margin-top:15px}.hero-base{padding:15px 0}.comic-sticker{left:18px;top:304px;bottom:auto;font-size:8px;padding:9px;z-index:2}.community-strip{font-size:7px;padding:11px 15px;gap:10px}.studio{padding-top:32px}.studio .section-heading{margin:23px 0 25px;gap:16px}.studio .section-heading h2{font-size:41px}.studio .section-heading p{font-size:11px}.cloud-pix-1{width:75px;height:75px;left:-17px;top:87px;opacity:.32}.cloud-pix-3{width:80px;height:80px;left:-25px;top:380px;opacity:.27}.cloud-pix-5{width:83px;height:83px;left:-9px;bottom:105px;opacity:.4}.cloud-pix-7{width:72px;height:72px;right:-12px;top:77px;opacity:.35}.cloud-pix-9{width:86px;height:86px;right:-27px;top:315px;opacity:.28}.cloud-pix-11{width:74px;height:74px;right:-15px;bottom:49px;opacity:.3}.brand-hero h1{font-size:clamp(47px,8vw,75px)}}