@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#101110;--paper:#e7e5dc;--dim:#92948d;--line:#ffffff25;--accent:#b6a788}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--paper);font:15px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#b6a788;color:#101110}.mono,.eyebrow,.button,.tag,.contract button{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1.4px}.header{height:90px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#101110}.brand{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;line-height:1.3;letter-spacing:1.2px}.brand-icon{font:40px/1 Arial}.header nav{display:flex;gap:32px;font:10px 'IBM Plex Mono',monospace;letter-spacing:1px}.header a:hover,footer a:hover{color:var(--accent)}.header-cta{font:10px 'IBM Plex Mono',monospace;border:1px solid var(--line);padding:13px 17px}.header-cta span{margin-left:22px}.hero{position:relative;min-height:780px;height:calc(100svh - 90px);max-height:1100px;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;background:url('Assets/roadster.png') 78% 48%/auto 125% no-repeat;background-color:#141516}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0d0de8 0%,#0b0d0da0 33%,transparent 74%),linear-gradient(0deg,#080909bd,transparent 30%)}.hero-top,.hero-foot{position:absolute;left:4.5%;right:4.5%;display:flex;justify-content:space-between}.hero-top{top:30px;color:#b7bab4}.dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:9px;vertical-align:middle;box-shadow:0 0 9px #b6a78866}.hero-copy{padding:115px 4.5% 95px;max-width:820px}.eyebrow{color:var(--accent);margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:700;letter-spacing:-2px;line-height:.88}h1{font-size:clamp(90px,10.9vw,165px);margin-bottom:30px}h1 span{color:#c3b698}.hero-bottom{display:flex;gap:35px;align-items:center}.hero-bottom p{color:#c0c0b9;font-size:13px;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 22px;transition:.2s}.light{color:#171813;background:var(--paper)}.light:hover{background:#b6a788;transform:translateY(-2px)}.hero-foot{bottom:26px;font-size:9px;color:#c4c4bb}.ticker{display:flex;justify-content:space-around;gap:20px;padding:22px 4.5%;border-bottom:1px solid var(--line);background:#191b19;font-size:10px}.warm{color:var(--accent)}.section{padding:48px 7% 95px;scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;color:#a3a69c;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:64px;font-size:9px}h2{font-size:clamp(64px,7.3vw,105px);margin-bottom:30px}.muted{color:#6f746c}.lore{background:radial-gradient(ellipse at 20% 50%,#222720 0%,#121512 60%)}.lore-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.coordinates{margin-top:44px;color:var(--accent);font-size:9px}.coordinates span{color:#979c90;display:block;margin-top:10px}.lore-photo{height:260px;position:relative;margin-bottom:30px;overflow:hidden}.lore-photo img{width:100%;height:100%;object-fit:cover;object-position:center 85%;filter:saturate(.6)}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:10px 15px;background:#101110b3;font-size:8px}.lore-right p{font-size:13px;color:#a8ada2;line-height:1.9}.lore-right .lore-punch{color:#dedfd6;margin-bottom:0}.token{background:linear-gradient(90deg,#08090999,#08090955),url('Assets/orbit.svg') center/cover}.token-heading{display:flex;justify-content:space-between;gap:10%;align-items:flex-end;margin-bottom:55px}.token-heading h2{font-size:clamp(60px,6.5vw,94px);margin:0}.token-heading em{font-style:normal;color:var(--accent)}.token-heading p{width:290px;font-size:13px;color:#a2a49c}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.token-grid>div{padding:30px 22px;border-right:1px solid var(--line)}.token-grid>div:first-child{padding-left:0}.token-grid>div:last-child{border:0}.token-grid .mono{display:block;color:#94998f;font-size:9px;margin-bottom:14px}.token-grid strong{font-size:18px;font-weight:400}.token-grid>div:first-child strong{font-size:30px}.contract{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:35px;padding:23px;border:1px solid var(--line);background:#15171499}.contract .mono{font-size:9px;color:var(--accent)}.contract p{margin:8px 0 0;font:12px/1.7 'IBM Plex Mono',monospace;overflow-wrap:anywhere}.contract button{flex-shrink:0;background:transparent;border:1px solid #6b7062;color:var(--paper);padding:12px;cursor:pointer}.contract button:disabled{opacity:.35;cursor:not-allowed}#copy-status{min-height:16px;margin:8px 0 0;color:var(--accent)}.roadmap{background:#e2e0d5;color:#292c25}.roadmap .section-label{color:#62665c;border-color:#242c2433}.roadmap-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.roadmap-title h2{margin:0}.roadmap-title p{font-size:12px;color:#64695e}.phases{display:grid;grid-template-columns:repeat(3,1fr)}.phases article{position:relative;border-top:1px solid #242c2450;padding:35px 35px 0 0}.phases article+article{padding-left:35px;border-left:1px solid #242c2430}.phase-num{display:block;font:62px/1 'Barlow Condensed',Impact,sans-serif;color:#a5a99a;margin-bottom:28px}.tag{font-size:8px;color:#777b6d;display:block;margin-bottom:15px}h3{font:600 25px/1.2 'Barlow Condensed',Impact,sans-serif;margin-bottom:15px}.phases p,.phases ul{font-size:12px;color:#666b60;line-height:1.85}.phases ul{padding:0;list-style:none;margin:25px 0 0}.phases li{border-top:1px solid #242c241c;padding:9px 0}.phases li:before{content:'↗';margin-right:12px;color:#777f69}.join{position:relative;isolation:isolate;min-height:650px;background:url('Assets/roadster.png') center 56%/cover}.join:before{content:'';position:absolute;inset:0;background:linear-gradient(#090c0bd9,#090c0b85 50%,#090c0bf0);z-index:-1}.join-content{text-align:center;margin:90px auto 10px}.join h2{font-size:clamp(60px,8.6vw,125px)}.join h2 span{color:#b6a788}.join-content>p:not(.eyebrow){color:#adb0a6;font-size:13px}.socials{display:flex;justify-content:center;gap:12px;margin-top:35px}.socials a{border:1px solid #a5aa9170;padding:18px 24px;min-width:185px;display:flex;justify-content:space-between;gap:25px;font:10px 'IBM Plex Mono',monospace;background:#11150e66;transition:.2s}.socials a:hover{background:var(--paper);color:#141710}footer{padding:38px 4.5% 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:35px}.footer-top{padding-bottom:30px;border-bottom:1px solid var(--line)}.footer-top>.mono{color:#7d8377;font-size:9px}.footer-bottom{padding-top:25px;color:#767c70}.footer-bottom p{max-width:660px;font-size:10px;margin:0}.footer-bottom span{white-space:nowrap;font-size:9px}.skip{position:fixed;top:-100px;left:15px;background:#eee;color:#111;padding:10px;z-index:10}.skip:focus{top:15px}@media(min-width:1600px){.hero-image{background-size:cover;background-position:center 40%}}@media(max-width:850px){.header nav{gap:16px}.header-cta{display:none}.hero{min-height:730px}.hero-image{background-position:68% 50%;background-size:auto 110%}.hero-top span:last-child,.hero-foot span:last-child{display:none}.hero-copy{padding-top:140px}h1{font-size:112px}.lore-layout{gap:6%}.token-grid{grid-template-columns:1fr 1fr}.token-grid>div{border-bottom:1px solid var(--line);padding-left:20px!important}.token-grid>div:nth-child(2){border-right:0}.token-heading{display:block}.token-heading p{width:auto;max-width:420px;margin:30px 0 0}.phases article{padding-right:20px}.phases article+article{padding-left:20px}.roadmap-title p{max-width:230px}.socials a{min-width:0}.join{min-height:600px}}@media(max-width:560px){.header{height:75px;padding-inline:6%}.brand{font-size:8px}.brand-icon{font-size:32px}.header nav{gap:14px;font-size:8px}.header nav a:last-child{display:none}.hero{height:auto;min-height:790px}.hero-image{background-size:auto 100%;background-position:57% center}.hero:after{background:linear-gradient(90deg,#080b0bc9,transparent),linear-gradient(0deg,#080b0bcc,transparent 45%)}.hero-top{font-size:8px;left:6%;top:23px}.hero-copy{padding:120px 6% 100px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:100px;letter-spacing:-1px;line-height:.9}.hero-bottom{display:block}.hero-bottom p{margin-bottom:24px}.hero-foot{font-size:7px;left:6%;right:6%}.ticker{flex-wrap:wrap;gap:13px 26px;font-size:8px;padding:17px}.section{padding:32px 6% 55px}.section-label{font-size:7px;letter-spacing:1px;margin-bottom:40px;gap:15px}.section-label span:last-child{text-align:right}.lore-layout{grid-template-columns:1fr}.coordinates{margin:25px 0 30px}.lore-photo{height:250px}h2{font-size:72px;letter-spacing:-1px}.token-heading h2{font-size:64px}.token-grid strong{font-size:14px}.token-grid>div{padding:20px 12px!important}.token-grid .mono{font-size:7px}.contract{align-items:flex-start;flex-direction:column;padding:18px}.roadmap-title{display:block}.roadmap-title p{margin-top:25px;max-width:none}.phases{grid-template-columns:1fr}.phases article,.phases article+article{padding:25px 0;border-left:0}.phase-num{float:right;font-size:50px;margin:0 0 20px 15px}.phases p{max-width:300px}.phases ul{margin-top:15px}.join-content{margin:70px 0 20px}.join h2{font-size:64px}.socials{flex-direction:column}.socials a{padding:17px 20px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top>span{display:none}.footer-bottom{display:block}.footer-bottom>span{display:block;margin-top:20px}.join{background-position:56% center;min-height:700px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:560px){h1{font-size:21vw}.join h2{font-size:15vw}.token-heading h2{font-size:15vw}}
