@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#142d28;background:#f9fbf9;--green:#008c6c;--muted:#697d73;--line:#dce7df}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #008c6c;outline-offset:6px}header,main,footer{max-width:1440px;margin:auto;padding:0 56px}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:600 15px 'Space Grotesk',sans-serif;letter-spacing:.03em}nav{display:flex;gap:30px;font-size:14px}nav [aria-current]{color:var(--green)}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:68px 0 52px;align-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--green);margin:0 0 25px}h1{font:500 clamp(56px,6.5vw,92px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:0 0 28px}h1>span{color:var(--green)}.lead{font-size:23px;line-height:1.45;margin:0 0 20px}.intro{max-width:410px;color:var(--muted);font-size:16px;line-height:1.8}.text-link{display:inline-flex;gap:60px;border-bottom:1px solid;padding:10px 0;font-size:14px;margin:8px 0 32px}.contract{border-top:1px solid var(--line);padding-top:20px}.contract>span{font-size:11px;letter-spacing:.1em;color:var(--muted)}.contract>div{display:flex;align-items:center;gap:10px;margin-top:10px}.contract code{font-size:11px;overflow-wrap:anywhere;user-select:all}.contract button{border:1px solid var(--line);background:white;padding:7px 10px;border-radius:5px;color:var(--green);font-size:12px}.contract small{color:var(--green);display:block;margin-top:6px;min-height:15px}.wheel-panel{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 28px 80px #294f3210}.panel-top{display:flex;justify-content:space-between;gap:12px;padding:22px;font-size:11px;letter-spacing:.09em}.planned{color:var(--muted)}.wheel{position:relative;aspect-ratio:1;max-width:550px;margin:auto;background:radial-gradient(ellipse,#f3f9f0,transparent 70%)}.orbit{position:absolute;width:100%;height:100%;inset:0}.orbit-turn{transform-origin:260px 260px;animation:orbit 18s linear infinite}.orbit-dashes{transform-origin:260px 260px;animation:orbit 120s linear infinite reverse}@keyframes orbit{to{transform:rotate(360deg)}}.wheel-center{position:absolute;inset:31%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;background:#fff;box-shadow:0 0 70px #cee9bc77;border:1px solid #e3ebdf}.wheel-center>span:first-child{font-size:10px;letter-spacing:.08em;color:var(--green)}.wheel-center strong{font:500 clamp(22px,2.8vw,38px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:14px 0}.center-label{font-size:10px;letter-spacing:.16em;color:var(--muted)}.wheel-step{position:absolute;transform:translate(-50%,-50%);background:white;border:1px solid var(--line);padding:11px 15px;border-radius:10px;min-width:135px;text-align:left;box-shadow:0 4px 16px #174b2210;transition:background .2s,border-color .2s}.wheel-step>span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.wheel-step strong{font-size:13px;font-weight:500}.wheel-step.selected{background:#eaf5e4;border-color:#8abb8a}.step-0{left:50%;top:17%}.step-1{left:81%;top:50%}.step-2{left:50%;top:83%}.step-3{left:19%;top:50%}.wheel-detail{display:flex;gap:18px;min-height:142px;padding:25px;border-top:1px solid var(--line)}.wheel-detail>span{font:400 28px 'Space Grotesk',sans-serif;color:#7aac82}.wheel-detail h2{font-size:17px;font-weight:500;margin:0 0 9px}.wheel-detail p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.now{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:#eef5eb;border:1px solid var(--line);border-radius:9px;gap:25px}.now>div{display:grid;grid-template-columns:auto 1fr;gap:7px 10px}.now strong{font-size:15px;font-weight:500}.now>div>span:last-child{grid-column:2;color:var(--muted);font-size:13px}.live-dot{width:7px;height:7px;background:#008c6c;border-radius:50%;align-self:center}.now>a{text-align:right}.now>a span{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:7px;color:var(--muted)}.now>a strong{font:500 24px 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.roadmap{padding:90px 0 65px;scroll-margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}.section-head h2{font:500 46px/1.08 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:0}.section-head>p{font-size:16px;line-height:1.7;color:var(--muted)}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.road-card{padding:23px;background:white;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-width:0}.road-card.current{border-top:3px solid #008c6c}.card-top{display:flex;justify-content:space-between;gap:12px;min-height:35px}.card-top>span{font:400 19px 'Space Grotesk',sans-serif;color:var(--green)}.card-top b{font-size:9px;letter-spacing:.07em;font-weight:500;text-align:right;line-height:1.6;max-width:140px;color:var(--muted)}.card-symbol{font:500 42px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:33px 0}.card-symbol>span{display:block;font:500 9px 'DM Sans',sans-serif;letter-spacing:.1em;margin-top:7px;color:var(--muted)}.road-card h3{font:500 24px 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 15px}.road-card p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 25px}.card-foot,.road-card>a{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--green);line-height:1.6}.contenders,.generations{display:flex;align-items:center;justify-content:space-between;height:122px;gap:5px}.contenders span{font-size:10px;border:1px solid var(--line);border-radius:50%;width:47px;height:47px;display:grid;place-items:center;background:#f4f8f0}.contenders i{font-size:10px;color:var(--muted);font-style:normal}.generations span{display:grid;place-items:center;border:1px solid var(--line);height:32px;width:32px;border-radius:5px;font-size:12px;background:#f5f8f3}.generations span:nth-child(2){transform:translateY(-6px)}.generations span:nth-child(3){transform:translateY(-13px)}.generations span:nth-child(4){transform:translateY(-22px);background:#c8e8b6;border-color:#90b983}.vault{background:#eff6e9}.principle{border-top:1px solid var(--line);padding:58px 0;display:flex;justify-content:space-between;gap:30px}.principle>span{font-size:11px;letter-spacing:.13em;color:var(--muted)}.principle p{font:400 32px/1.45 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:0}.principle em{font-style:normal;color:var(--green)}.rules{border-block:1px solid var(--line);font-size:14px}.rules summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:22px 0}.rules>div{max-width:900px;color:var(--muted);line-height:1.8;padding-bottom:20px}footer{padding-top:28px;padding-bottom:30px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
@media(max-width:1100px){header,main,footer{padding-left:28px;padding-right:28px}.hero{gap:30px}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.wheel-step{min-width:110px;padding:10px}.wheel-step strong{font-size:11px}.wheel-center strong{font-size:28px}}@media(max-width:720px){header,main,footer{padding-left:20px;padding-right:20px}header{height:74px}nav{gap:18px;font-size:12px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:38px 0;gap:28px}h1{font-size:66px}.lead{font-size:21px}.hero-copy .intro{max-width:100%}.wheel{max-width:520px}.wheel-step{min-width:108px}.panel-top{padding:18px;font-size:10px}.wheel-center strong{font-size:26px}.wheel-center>span:first-child{font-size:8px}.center-label{font-size:8px}.now{padding:20px;align-items:start;flex-direction:column}.now>a{text-align:left}.roadmap{padding:58px 0}.section-head{display:block}.section-head h2{font-size:39px}.section-head>p{margin-top:24px}.roadmap-grid{grid-template-columns:1fr}.road-card{padding:25px}.contenders,.generations{justify-content:start;gap:18px}.principle{flex-direction:column;padding:35px 0}.principle p{font-size:24px}.contract code{font-size:10px}.wheel-detail{min-height:150px}footer{font-size:12px}.wheel-step.step-1{left:83%}.wheel-step.step-3{left:17%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}