/* Hoverpay / charcoal, electric citron, graphite. */
:root{--bg:#0b0c09;--mint:#c6f34a;--text:#f7f8f0;--muted:#a2a69a;--line:#f0f4d622;--display:'Manrope',Arial,sans-serif}
body{background:var(--bg)}
.nav{height:92px;border-color:#eff5d51f}
.brand{gap:0;font-weight:800;font-size:25px;letter-spacing:-1.2px}
.brand-pay{font-weight:500;color:var(--mint)}
.brand-mark{font-size:0!important;background:transparent url('favicon.svg') center/contain no-repeat!important;width:34px;height:34px;margin-right:11px;border-radius:0!important}
.nav-cta{border-radius:100px;background:#171a10cc;border-color:#c6f34a44;padding:12px 19px}
.nav-cta:hover{background:var(--mint)}
.nav nav{font-size:13px;gap:26px}
.nav-demo{color:var(--mint)}
.social-link{border-radius:50%;border-color:#c6f34a33}
.hero{background:#060705;min-height:860px;max-height:1160px}
.hero-copy{padding-top:clamp(140px,18vh,210px);padding-bottom:110px;width:65%}
.hero h1{font-size:clamp(90px,10.7vw,165px);font-weight:600;letter-spacing:-.082em;line-height:.96;margin:22px 0}
.hero-lede{color:#b8beac;font-size:16px;margin:24px 0}
.hero-copy>.eyebrow{font-size:11px;letter-spacing:.12em}
.hero-art{inset:-7% -11% -6% 19%;opacity:.95}
.hero-art img{filter:hue-rotate(-48deg) saturate(1.6) contrast(1.12)}
.is-warp .hero-art img{filter:hue-rotate(-48deg) saturate(1.85) brightness(1.14) contrast(1.12)}
.art-shade{background:linear-gradient(90deg,#060705 0%,#060705c9 12%,transparent 50%),linear-gradient(0deg,#060705 0%,transparent 30%)}
.hero-art:after{content:'';position:absolute;inset:20% 5%;border:1px solid #c6f34a20;border-radius:50%;transform:rotate(-27deg);box-shadow:0 0 70px #c6f34a0c}
.hero .orbit-coin{color:#dffa98;border-color:#c6f34a66;background:linear-gradient(135deg,#c6f34a35,#10120bee 56%,#c6f34a1a);box-shadow:inset -3px -3px 12px #000,0 8px 30px #0008}
.orbit-caption{top:72%;border-left-color:#c6f34a55;background:#0b0e0699;border-radius:0 12px 12px 0;font-size:10px;color:#d0d6c2}
.orbit-caption b{color:#b4d871}
.hero-cross{color:#c6f34a88}
.hero-meta{font-size:10px;margin:20px 0 16px;color:#929a83}
.primary{border-radius:100px;background:var(--mint);color:#151b08;padding:17px 24px;font-size:14px}
.primary:hover{background:#d7ff71;box-shadow:0 10px 35px #c6f34a26}
.hero-actions{gap:28px}
.demo-trigger{font-size:13px;border-bottom-color:#9eac7b}
.token-contract{width:min(480px,100%);border:1px solid #c6f34a38;border-radius:14px;padding:14px 16px;background:linear-gradient(120deg,#c6f34a0b,#0d1008dd);backdrop-filter:blur(16px);pointer-events:auto;position:relative}
.contract-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.1em;color:#b6c79a;font-weight:600}
.contract-heading i{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:7px}
.contract-state{color:var(--mint);border:1px solid #c6f34a2e;border-radius:20px;padding:3px 7px;font-size:9px;letter-spacing:.06em}
.contract-content{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:8px}
.contract-content code{font:12px/1.7 var(--body);color:#d7dfc9;min-width:0;overflow-wrap:anywhere;user-select:text}
.contract-content code.is-announced{font:11px/1.6 ui-monospace,Consolas,monospace}
.contract-content button{display:flex;align-items:center;gap:6px;padding:7px 8px;border:0;border-radius:7px;color:var(--mint);background:#c6f34a0d;font-size:11px;flex-shrink:0}
.contract-content button:hover:enabled{background:#c6f34a22}
.contract-content button:disabled{opacity:.4}
.contract-content svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.contract-feedback{margin:0;color:var(--mint);font-size:11px;line-height:1.4}
.contract-feedback:not(:empty){margin-top:8px}
.velocity-band{background:var(--mint);color:#202b0a;transform:rotate(-1.1deg) scale(1.025);padding:23px 0}
.velocity-band span{-webkit-text-stroke-color:#29380c}
.experience.scroll-story{background:#f0f2e8}
.story-heading h2{font-weight:600;color:#1d2613}
.story-heading h2 em{color:#526d17}
.story-pin .section-top{font-size:10px}
.story-steps button{font-size:12px}
.story-steps button[aria-current]{background:#202914;color:#eff9d7}
.story-panel{background:radial-gradient(circle at 88% 0%,#c6f34a14,transparent 40%),#151810fb;border-color:#c6f34a28}
.story-panel .panel-bar i{background:var(--mint);color:#172008}.story-panel .asset-icon{color:var(--mint)}
.story-panel .story-buy,.story-confirm{background:var(--mint);color:#17200b}
.story-panel .story-quick .is-chosen{background:var(--mint);color:#17200b}
.card-chart-price>span,.card-chart-periods b{color:var(--mint)}
.card-chart-line{stroke:var(--mint)}
.card-chart-fill{fill:#c6f34a16}
.story-contract.is-detected{background:#c6f34a21!important;border-bottom-color:#8da93b!important}
.feed-art-orbit{background-color:#19200d}
.feed-art-orbit:before,.finale-orbit{filter:hue-rotate(-48deg) saturate(1.6)}
.feed-art-flow,.pons-art,.demo-post-art{background:radial-gradient(ellipse at 85% 50%,#c6f34a4d,transparent 55%),#15200c;color:#effbcf}
.feed-art-flow em,.pons-art>span,.demo-post-art em{color:var(--mint)}
#next{background:#0d100a;border-top:1px solid #c6f34a33;border-radius:32px 32px 0 0}
.next-copy h2{font-weight:500}.next-copy h2>span{color:#7c8868}
.next-copy>p{font-size:16px;color:#b2bba4}
.outline-label{color:var(--mint);border-color:#c6f34a3d;border-radius:20px;padding:7px 12px;font-size:9px}
.ai-kicker{color:#c6f34a}
.holder-access{border-color:#c6f34a38;background:#c6f34a06}
.holder-key{background:var(--mint);color:#1b230d}
.market-preview{background:linear-gradient(140deg,#1c2312,#10140c);border:1px solid #c6f34a38;border-radius:18px;box-shadow:0 30px 85px #0004}
.token-tabs button{border-radius:100px}
.token-tabs button.active{background:var(--mint);color:#1b240c}
.market-price strong{font-family:var(--display)}
.market-source{color:#adbe93}
.finale{background:#090b07}
.finale em{font-family:var(--display);font-style:normal;font-weight:500;color:var(--mint)}
.finale p{font-size:12px;color:#969e87}
footer{background:#090b07}footer>.brand{font-size:23px}footer>span{color:#8a9578;font-size:10px}
footer .brand-mark{width:28px;height:28px}
.launch-dialog{border-color:#c6f34a44;background:#151b0e;border-radius:20px}
.launch-dialog h3{font-family:var(--display)}
#interactive-demo{border-color:#c6f34a38;background:#11170b;border-radius:22px}
.demo-direction{background:#10150c}
.demo-direction h2 em{font-family:var(--display);font-style:normal;color:var(--mint)}
.demo-playfield{background:radial-gradient(ellipse at 70% 20%,#c6f34a15,transparent 65%),#141b0d}
.demo-progress li[aria-current]:before,.demo-primary{background:var(--mint);color:#172008}
.demo-contract{background:#c6f34a26;border-color:#c6f34a77}
.demo-wallet,.demo-success{background:#1b2313;border-color:#c6f34a40}
.demo-primary{border-radius:100px}
.demo-arrival{background:var(--mint);color:#19200c}
.demo-card-mount .story-panel{background:#151a0f}
.demo-card-mount .story-quick button[aria-pressed=true]{background:var(--mint);color:#172008}
.legal-page{background:var(--bg)}
.legal-page .brand{font-size:25px}
.legal-copy{max-width:780px}
.legal-copy p,.legal-copy li{font-size:16px;color:#b7bdac}
.legal-copy h2{color:#e9f3d1}
.legal-copy a{color:var(--mint);text-decoration:underline}
.legal-tabs a[aria-current=page]{background:var(--mint);color:#1a230b;border-color:var(--mint)}
.legal-copy .meta:first-child{color:var(--mint)}
@media(min-width:1500px){.token-contract{margin-top:26px}.hero-copy{padding-top:155px}.hero h1{font-size:160px}}
@media(max-width:1000px){.hero-copy{width:78%}.hero-art{inset:0 -40% 0 5%}.hero h1{font-size:clamp(90px,13vw,140px)}.nav nav{gap:16px}.nav-cta{padding:11px 13px}.nav-cta span{margin-left:12px}.orbit-caption{right:4%;top:75%}.hero .orbit-coin{opacity:.7}}
@media(max-width:700px){.nav{height:80px;left:6%;right:6%}.nav .brand,.legal-page .brand{font-size:21px}.brand-mark{width:28px;height:28px;margin-right:8px}.nav-actions{gap:8px}.nav-actions .social-link{width:30px;height:30px}.nav-cta{font-size:10px;padding:9px 11px}.nav-cta span{display:none}.nav-cta .chrome-icon{width:15px;height:15px}.hero{min-height:850px;height:auto;max-height:none}.hero-copy{padding:140px 6% 165px;width:100%}.hero h1{font-size:clamp(84px,21vw,135px);margin:25px 0;line-height:1}.hero-copy>.eyebrow{font-size:9px}.hero-lede{font-size:15px}.hero-actions{gap:23px}.primary{padding:15px 20px;font-size:13px;gap:24px}.hero-art{inset:5% -80% 0 -5%;opacity:.65}.art-shade{background:linear-gradient(90deg,#060705a8,transparent 65%),linear-gradient(0deg,#060705,transparent 75%)}.token-contract{max-width:420px;padding:12px 13px;margin-top:22px}.contract-heading{font-size:9px}.contract-content code{font-size:12px}.contract-content code.is-announced{font-size:10px}.contract-state{font-size:8px}.contract-content button{padding:7px 5px}.orbit-caption{display:none}.hero-bottom{font-size:8px;bottom:28px}.story-heading h2{font-size:31px}.story-steps button{font-size:10px}.next-copy>p{font-size:15px}.section-top .outline-label{font-size:8px;max-width:155px}.finale h2{font-size:clamp(60px,14vw,90px)}.finale p{max-width:275px;margin:20px auto 0;line-height:1.6}.demo-direction{padding-top:20px}.legal-copy p,.legal-copy li{font-size:16px}.legal-layout{padding-top:32px}}
@media(max-width:370px){.nav .brand{font-size:19px}.brand-mark{width:24px;height:24px}.nav-actions{gap:6px}.nav-cta{padding:9px;font-size:9px}.hero-actions{gap:16px}.hero h1{font-size:80px}.contract-content{gap:8px}.contract-content code{font-size:11px}.contract-content button{font-size:10px}.hero{min-height:820px}}
@media(prefers-reduced-motion:reduce){.hero-art:after{transform:none}}
@media(max-height:800px) and (min-width:701px){.hero{min-height:780px}.hero-copy{padding-top:125px}.hero h1{font-size:clamp(90px,9.2vw,140px);margin:20px 0}.hero-lede{margin:18px 0}.hero-meta{margin:16px 0 13px}.token-contract{padding:12px 15px}.orbit-caption{top:75%}}
.demo-header{position:sticky;top:0;z-index:5;background:#11170b}
@media(max-width:700px){.demo-direction h2 em{margin-left:.15em}}