/* Hover Swop — same citron palette, a more open, orbital composition. */
.brand{font-size:25px;letter-spacing:-1.3px;white-space:nowrap}
.brand-swap{margin-left:4px;font-weight:500;color:var(--mint)}
.brand-mark{background-image:url('favicon.svg?v=2')!important}
.nav{left:4%;right:4%;height:84px;top:14px;padding:0 20px;border:1px solid #c6f34a20;border-radius:22px;background:#0b0c0966;backdrop-filter:blur(18px)}
.nav nav{gap:25px}.nav-demo{padding:8px 12px;border:1px solid #c6f34a33;border-radius:8px}
.nav-cta{border-radius:12px}.social-link{border-radius:10px}
.hero{min-height:860px;max-height:1080px;background:#080a06;overflow:clip}
.hero-copy{width:65%;padding-top:174px;padding-left:6%;padding-bottom:135px}
.hero h1{font-size:clamp(96px,11.2vw,168px);font-weight:600;letter-spacing:-.085em;line-height:1.01;margin:23px 0}
.hero h1>.mint{display:flex;align-items:center;gap:28px}
.headline-arrow{font:400 .46em/1 var(--body);border:1px solid #c6f34a80;border-radius:50%;width:1.25em;height:1.25em;display:grid;place-items:center;transform:rotate(-10deg);animation:swap-arrow 5s ease-in-out infinite}
.hero-copy>.eyebrow{font-size:10px;letter-spacing:.15em;color:#c0c9ad}
.hero-lede{font-size:16px;line-height:1.65;max-width:405px;color:#adb79c;margin:23px 0 25px}
.hero-art{inset:4% -20% -6% 36%;opacity:.82;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.02) rotate(-12deg)}
.hero-art img{object-position:68% center}
.art-shade{background:linear-gradient(90deg,#080a06 0%,#080a0699 12%,transparent 53%),linear-gradient(0deg,#080a06,transparent 40%)}
.hero-art:after{display:none}
.hero .orbit-coin{width:57px;height:57px;border-color:#c6f34a55}
.swap-orbits{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.swap-orbits>span{position:absolute;width:65%;height:58%;top:24%;left:46%;border:1px solid #c6f34a26;border-radius:50%;transform:rotate(-34deg)}
.swap-orbits>span:nth-child(2){width:58%;height:70%;top:11%;left:42%;transform:rotate(31deg);border-color:#c6f34a13}
.swap-orbits>i{position:absolute;right:12%;top:16%;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 20px #c6f34a;animation:swap-signal 5s ease-in-out infinite}
.swap-note{position:absolute;z-index:2;display:flex;gap:13px;align-items:center;padding:14px 19px;background:#151c10d9;border:1px solid #c6f34a40;border-radius:15px;box-shadow:0 16px 60px #0005;backdrop-filter:blur(16px);pointer-events:none;animation:swap-drift 7s ease-in-out infinite}
.note-feed{top:26%;right:9%;transform:rotate(-7deg)}
.note-wallet{top:62%;right:6%;animation-delay:-3.5s;transform:rotate(5deg)}
.note-icon{display:grid;place-items:center;width:37px;height:37px;font-size:25px;color:var(--mint);border-right:1px solid #c6f34a26;padding-right:12px}
.swap-note small{display:block;font-size:8px;color:#a4b488;letter-spacing:.15em;margin-bottom:5px}
.swap-note b{font-size:13px;font-weight:500;color:#edf4df}
.note-wallet>i{height:6px;width:6px;background:var(--mint);border-radius:50%;margin-left:12px}
.orbit-caption{top:auto;bottom:122px;right:7%;text-align:left;border:0;background:transparent;padding:0;font-size:9px}
.hero-meta{display:flex;align-items:center;font-size:9px;letter-spacing:.17em;margin:22px 0 16px}
.hero-meta span{display:block;width:65px;height:1px;background:#c6f34a55;font-size:0;margin:0 17px;padding:0}
.primary{border-radius:12px;padding:16px 21px}.primary:hover{transform:translateY(-3px) rotate(-1deg)}
.token-contract{width:min(500px,100%);border-radius:0 0 14px 14px;border:0;border-top:1px solid #c6f34a50;background:linear-gradient(180deg,#c6f34a09,transparent);padding:14px 0 12px;backdrop-filter:none}
.contract-state{border-radius:5px}.contract-content button{border-radius:7px}
.hero-bottom{left:6%;right:6%;bottom:25px;padding-top:18px}
.velocity-band{transform:rotate(0);padding:19px 0;border-top:1px solid #e3ff9a;border-bottom:1px solid #e3ff9a;margin-bottom:0}
.velocity-band div{font-size:clamp(25px,3.1vw,44px);font-weight:600;letter-spacing:-.05em}
.experience.scroll-story{background:#edf0e3}
.story-heading{padding-top:4px}.story-heading h2{letter-spacing:-.06em;font-weight:500}.story-heading h2 em{font-style:normal}
.story-pin .section-top{color:#6c765a;letter-spacing:.13em}
.story-steps button{border-radius:8px!important;transition:background .25s,color .25s,transform .25s}
.story-steps button[aria-current]{background:#253613;transform:translateY(-3px)}
.story-panel{border-radius:17px 17px 8px 8px}
#next{border-radius:0;border-top:1px solid #c6f34a45;background:radial-gradient(ellipse at 5% 10%,#c6f34a0b,transparent 48%),#0d100a}
.next-copy h2{letter-spacing:-.06em}.market-preview{border-radius:12px;transform:perspective(1200px) rotateY(-3deg) rotateZ(1deg)}
.holder-access{border-radius:9px}.finale{border-top:1px solid #c6f34a21}
.finale h2{font-weight:500;letter-spacing:-.065em}.finale-orbit{opacity:.5}
footer{border-top:1px solid #c6f34a22;padding-top:32px;padding-bottom:32px}
#interactive-demo{border-radius:16px;border-color:#c6f34a4d}.demo-header{letter-spacing:.08em}
.demo-direction h2{font-size:clamp(34px,4.3vw,62px);line-height:1.03;letter-spacing:-.055em}
.demo-direction h2 em{display:inline}.demo-primary{border-radius:10px}
.demo-wallet,.demo-success{border-radius:17px}.demo-progress li[aria-current]{color:var(--mint)}
.legal-page .nav{position:relative;left:auto;right:auto;top:14px;margin:0 4%;width:92%}
.legal-layout{padding-top:60px}
@keyframes swap-drift{0%,100%{translate:0 0}50%{translate:-10px -15px}}
@keyframes swap-arrow{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}}
@keyframes swap-signal{0%,100%{opacity:.4;translate:0 0}50%{opacity:1;translate:25px 15px}}
.motion-paused .swap-note,.motion-paused .headline-arrow,.motion-paused .swap-orbits>i{animation-play-state:paused}
@media(min-width:1500px){.hero-copy{padding-top:168px}.hero h1{font-size:160px}}
@media(max-height:800px) and (min-width:901px){.hero{min-height:810px}.hero-copy{padding-top:144px}.hero h1{font-size:clamp(96px,10.1vw,140px);margin:18px 0}.hero-lede{margin:19px 0}.token-contract{margin-top:0}}
@media(max-width:1100px){.nav{left:3%;right:3%;padding:0 14px}.nav nav{gap:15px}.hero-copy{width:72%}.hero h1{font-size:clamp(96px,12vw,140px)}.headline-arrow{font-size:.36em}.note-feed{right:5%;top:26%}.note-wallet{right:4%;top:62%}.swap-note{padding:12px}.hero-art{left:25%;right:-35%}.orbit-caption{right:4%}}
@media(max-width:800px){.nav nav{display:none}.hero-copy{width:84%}.swap-note{display:none}.hero-art{opacity:.6}.hero h1{font-size:clamp(86px,14vw,120px)}.headline-arrow{font-size:.35em}.orbit-caption{display:none}}
@media(max-width:600px){.nav{top:12px;left:4%;right:4%;height:65px;padding:0 12px;border-radius:15px}.nav .brand{font-size:21px}.brand-mark{width:28px;height:28px;margin-right:8px}.nav-cta{padding:9px;font-size:10px;border-radius:8px}.nav-actions{gap:7px}.nav .social-link{height:28px;width:28px}.hero{height:auto;min-height:810px;max-height:none}.hero-copy{width:100%;padding:126px 6% 132px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.11em}.hero h1{font-size:clamp(82px,20vw,116px);margin:24px 0;line-height:1.04}.hero h1>.mint{gap:14px}.hero-lede{font-size:14px;max-width:280px;line-height:1.7;margin:24px 0}.hero-actions{gap:23px}.hero .primary{padding:15px 17px;font-size:12px;gap:22px}.demo-trigger{font-size:12px}.hero-art{inset:15% -95% -5% 10%;opacity:.5}.art-shade{background:linear-gradient(90deg,#080a06b8,transparent),linear-gradient(0deg,#080a06,transparent 65%)}.hero-meta{font-size:8px;margin:24px 0 16px}.token-contract{max-width:100%;margin-top:0}.contract-content code.is-announced{font-size:11px;line-height:1.8}.contract-heading{font-size:8px}.hero-bottom{gap:12px;align-items:center;font-size:7px;bottom:22px}.hero-bottom>span{max-width:92px}.hero-bottom a{max-width:98px}.hero-bottom a span{margin-left:5px}.warp-button{font-size:0}.warp-button span{font-size:8px;margin-left:0}.swap-orbits>span{left:25%;width:110%;top:22%}.hero .orbit-coin{width:43px;height:43px}.velocity-band{padding:17px 0}.story-heading h2{font-size:29px}.story-heading p{font-size:11px}.demo-direction h2{font-size:38px}.finale h2{font-size:clamp(50px,12vw,76px)}.legal-page .nav{margin:0 4%;width:92%}.legal-page .legal-home{display:none}.legal-layout{padding-top:40px}}
@media(max-width:370px){.nav .brand{font-size:18px}.nav .brand-mark{width:23px;margin-right:6px}.nav-actions{gap:5px}.hero h1{font-size:78px}.hero .primary{gap:13px}.hero-actions{gap:15px}.contract-content code.is-announced{font-size:10px}}
@media(prefers-reduced-motion:reduce){.swap-note,.headline-arrow,.swap-orbits>i{animation:none}}