@import url('https://fonts.googleapis.com/css2?family=Yellowtail&family=Racing+Sans+One&display=swap');

/* Sunset colours, brush lettering and postcard details inspired by 1980s Miami. */
:root{--bg:#130d22;--text:#fff5ed;--muted:#c6b5cc;--pink:#ff69bb;--line:#efb6e32b;--aqua:#74eee5}
body{background:var(--bg)}
header{background:#190e29ed;border-bottom-color:#ff8ed33b}
.brand{font-family:'Racing Sans One',Impact,sans-serif;font-weight:400;font-style:italic;letter-spacing:-.7px;color:#fff3f8;text-shadow:2px 2px 0 #bc367e}
.brand>span{display:none}
nav{color:#e2c9e6}
.header-cta{border-color:#ff89cb65;border-radius:30px;color:#ffd3ec;background:#ff7ec111}
.hero{min-height:760px}
.hero-back{opacity:.9;background:linear-gradient(90deg,#180d29dd 0%,#23102a88 55%,#180d2944),url('Assets/boulevard.png') center/cover}
.hero-content{padding-bottom:12px}
h1,h2{font-family:'Yellowtail','Brush Script MT',cursive;font-weight:400;text-transform:none;letter-spacing:-1px;line-height:1.06;color:#ffe9f4;text-shadow:2px 3px 0 #a72c70,0 0 28px #ff3c9b24}
h1{font-size:clamp(66px,6.6vw,104px);transform:rotate(-3deg);transform-origin:left center;margin:26px 0 34px}
h1 .pink{color:var(--aqua)}
h2{font-size:clamp(53px,5.5vw,80px)}
.eyebrow,.micro,.section-label,.hero-foot,.orbit-label,.art-caption,.ticker,.image-tag,.phase-top,.token-data>div>span,.footer-top>span,.footer-top>a:last-child,.footer-bottom,.socials>a>span{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:1.5px}
.eyebrow{color:var(--aqua)}
.hero-content>.eyebrow{display:inline-block;border:1px solid #77eee44d;background:#17292e80;border-radius:30px;padding:8px 14px;font-size:10px}
.dot{background:var(--aqua);box-shadow:0 0 14px #74eee566}
.intro{color:#eed6e9;line-height:1.9}
.intro strong{color:var(--aqua)}
.button{border-radius:12px;font-size:12px;padding:18px 22px}
.primary{background:#ff91cb;color:#38102a;box-shadow:0 5px 0 #a93676,0 10px 35px #ff4c9d26}
.primary:hover{background:#ffb2db;transform:translateY(-2px)}
.secondary{border-color:#8cf6ed60;background:#172d3b80;color:#c6fffa}
.header-cta:hover,.secondary:hover{background:#31607188}
.hero-art{transform:rotate(3deg)}
.orbit-label{color:#b6f5ed;letter-spacing:2px}
.art-caption{color:#f3badc}
.hero-foot{color:#e3bddc}
.ticker{background:#78e5dc;color:#17383b;border:0;transform:rotate(-1deg);position:relative;z-index:2;box-shadow:0 8px 24px #0003;font-family:'Racing Sans One',Impact,sans-serif;font-size:13px;letter-spacing:1px;padding:17px 4%}
.ticker b{color:#b12e78}
.section-label{color:#ff9dd3}
.section-label>span{color:#b7d9da}
.lore{background:radial-gradient(ellipse at 10% 35%,#722f703d,transparent 65%)}
.lore-art{transform:rotate(-3deg);border:8px solid #f5dfeb;border-bottom-width:42px;border-radius:5px;box-shadow:14px 18px 0 #6ce9db14,0 20px 50px #0005;height:500px}
.lore-art img{filter:brightness(.95);border-radius:1px}
.image-tag{bottom:-31px;left:10px;color:#5c2850;font-size:8px;letter-spacing:1px}
.lore-copy>p:not(.eyebrow){color:#cdbbd3}
.quote{font-family:'Yellowtail','Brush Script MT',cursive;font-size:31px;color:#83eee1;border:0;padding:0;line-height:1.25;transform:rotate(-2deg)}
.manifesto{border:0;gap:20px}
.manifesto>div{border:1px solid #f0aadd26;border-radius:18px;padding:24px;background:#ffffff04}
.manifesto>div>span{color:var(--aqua)}
.manifesto h3{font-family:'Racing Sans One',Impact,sans-serif;font-weight:400;font-size:21px;color:#ffe1f0}
.token{background:linear-gradient(100deg,#25152fe8,#17283be8),url('Assets/skyline.png') center/cover;border-color:#9feee426}
.token-data{border:1px solid #dfbce235;border-radius:18px;padding:30px 12px;background:#190e2788}
.token-data>div:first-child{padding-left:18px}
.token-data strong{color:#fff0f8}
.token-data strong.pink{color:var(--aqua)}
.contract{border-radius:14px;background:#130d2288;border-color:#8ef7ea35}
.contract button{border-radius:9px;color:var(--aqua)}
.roadmap{background:radial-gradient(ellipse at 95% 80%,#7f2b5f55,transparent 60%),linear-gradient(#140f24,#1d142c)}
.phases{border:0;gap:22px}
.phases article,.phases article+article,.phases article:last-child{padding:28px 24px 85px;border:1px solid #efabda35;border-radius:20px;background:linear-gradient(155deg,#ffffff09,#ff88c604);box-shadow:0 12px 30px #0002}
.phases article:nth-child(2){border-color:#7eeddf44;background:linear-gradient(155deg,#62e6d80d,#ffffff03)}
.phase-top{color:var(--aqua);font-size:9px;flex-wrap:wrap}
.phase-state{border-radius:20px;color:#e7bdd9;padding:2px 8px}
.phases h3{font-family:'Racing Sans One',Impact,sans-serif;font-weight:400;color:#ffb6de;font-size:30px}
.phases li{color:#d3bfd7}
.phases li:before{color:var(--aqua)}
.phase-number{font-family:'Racing Sans One',Impact,sans-serif;font-size:76px;color:#fda2d81a;bottom:10px}
.community-bg{background:linear-gradient(#24133188,#21132d55 45%,#160f26e6),url('Assets/skyline.png') center/cover}
.community h2{font-size:clamp(59px,6.7vw,98px);line-height:1.1;transform:rotate(-3deg)}
.community h2 em{color:#8df5e8;text-shadow:2px 3px 0 #32616e}
.community>p:not(.eyebrow){color:#f1d6e9}
.socials{border:0;background:none;gap:18px}
.socials a,.socials a:last-child{background:#291b37c9;border:1px solid #ffd1ec44;border-radius:16px;backdrop-filter:blur(12px)}
.socials a:hover{background:#6c3a65b8;transform:translateY(-3px)}
.socials strong{font-family:'Racing Sans One',Impact,sans-serif;font-size:25px;font-weight:400}
.socials b{color:var(--aqua)}
footer{background:#120d20}
.footer-top>span,.footer-bottom{color:#b39abd}
@media(max-width:1000px){.hero{min-height:680px}.phases{gap:12px}.phases article,.phases article+article{padding-inline:18px}.socials{gap:12px}.socials a{padding:20px}}
@media(max-width:700px){.hero{min-height:auto;padding-top:36px}h1{font-size:clamp(58px,14vw,82px);margin-top:22px}.hero-art{transform:rotate(2deg);padding-inline:16px}.hero-content>.eyebrow{font-size:8px;letter-spacing:1px}.hero-foot{letter-spacing:.8px}.brand{font-size:21px}.ticker{font-size:11px;gap:19px}.lore-art{height:310px;width:94%;margin:10px auto 12px;border-width:6px;border-bottom-width:38px}.lore-copy h2{font-size:58px}.manifesto>div{padding:20px 20px 20px 48px}.manifesto>div>span{left:20px;top:24px}.manifesto h3{margin-top:0}.manifesto p{margin-bottom:0}.token-data{padding:0;overflow:hidden}.token-data>div{padding:22px 15px!important}.token-heading h2,.roadmap h2{font-size:58px}.phases{gap:18px}.phases article,.phases article+article,.phases article:last-child{padding:25px 23px 50px}.phase-number{font-size:80px}.community h2{font-size:clamp(49px,11.5vw,72px)}.socials{gap:12px}.button{font-size:11px;padding:16px}.section-label{letter-spacing:1px}.quote{font-size:29px}}