@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{--bg:#0d0f10;--surface:#191d1d;--surface2:#222727;--line:#3a4140;--text:#f1f4ed;--muted:#aab4ad;--accent:#d9ff89;--font:'Space Grotesk','Arial',sans-serif;--body:'DM Sans','Arial',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site{max-width:1600px;margin:0 auto;overflow:hidden}
.preview-banner{min-height:38px;display:flex;justify-content:center;align-items:center;gap:9px;background:#d9ff89;color:#121913;padding:6px 20px;text-align:center;font-size:.75rem}.preview-banner strong{letter-spacing:.09em}.preview-dot{width:7px;height:7px;background:#151a14;border-radius:50%;flex:none}
.header{height:97px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid #ffffff1b}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-family:var(--font);font-size:1.65rem;font-weight:700;letter-spacing:-.085em;line-height:1}.brand svg{width:37px;height:37px;flex:none}.brand-dot{color:var(--accent)}.brand small{font-family:var(--body);font-size:.6rem;letter-spacing:.11em;background:#242d25;border:1px solid #577056;color:#d9ff89;padding:6px 8px;border-radius:5px;font-weight:700;vertical-align:middle;margin-left:3px}.nav{display:flex;align-items:center;gap:7px;padding:6px;border:1px solid var(--line);background:#171c1c;border-radius:100px}.nav a{padding:9px 13px;color:#c8d0ca;font-size:.79rem;font-weight:650;border-radius:60px;white-space:nowrap}.nav a:hover,.nav a:focus-visible{background:#2a3330;color:#fff}.header-link{display:flex;gap:20px;align-items:center;font-size:.78rem;font-weight:700;color:#edf5e7;white-space:nowrap}.header-link span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#11180f;font-size:1.2rem}.menu{display:none}
.hero{position:relative;isolation:isolate;min-height:690px;display:grid;grid-template-columns:minmax(0,1.17fr) minmax(440px,.83fr);align-items:stretch;padding:0 clamp(24px,5vw,80px);background:radial-gradient(ellipse 42% 70% at 70% 46%,#283629 0%,#18211b 43%,transparent 87%),linear-gradient(160deg,#121817,#0c1010 70%);border-bottom:1px solid var(--line)}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:95px 95px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000);pointer-events:none}.hero-content{grid-column:1;grid-row:1;position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(75px,7vw,112px) 0 50px}.hero-meta{font-size:.77rem;font-weight:750;letter-spacing:.15em;color:#d6e5d1;display:flex;align-items:center;gap:13px}.live-line{display:inline-block;width:26px;height:2px;background:var(--accent)}.meta-separator{color:#879f8d}.hero h1{font-family:var(--font);font-size:clamp(5.3rem,8.6vw,10.3rem);font-weight:500;line-height:.89;letter-spacing:-.092em;margin:35px 0 30px;max-width:1010px;white-space:nowrap}.hero h1 span{color:var(--accent)}.hero-content>p{max-width:460px;color:#c6d0c7;font-size:1.08rem;line-height:1.65}.hero-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;padding-top:33px}.hero-bottom a{display:inline-flex;align-items:center;gap:15px;font-size:.83rem;font-weight:760;color:#e7f6e1;border-bottom:1px solid #759e78;padding-bottom:12px}.hero-bottom a span{color:var(--accent);font-size:1.2rem}.edition{font-size:.72rem;font-weight:700;color:#869c8c;letter-spacing:.13em}
.hero-visual{grid-column:2;grid-row:1;position:relative;min-width:0;display:grid;place-items:center;overflow:visible}.visual-sheen{position:absolute;width:min(100%,510px);aspect-ratio:1;border-radius:50%;background:#b8f07732;filter:blur(87px);transform:translate(10px,-3px)}.network-object{position:relative;z-index:1;width:min(125%,680px);max-width:none;overflow:visible;filter:drop-shadow(0 24px 45px #050d06a8)}.net-outer,.net-inner,.net-core{transform-origin:350px 350px;transform-box:view-box}.net-outer{animation:rotate-net 28s linear infinite}.net-inner{animation:rotate-net-reverse 19s linear infinite}.net-core{animation:core-breathe 5s ease-in-out infinite}.orbit-label{position:absolute;z-index:2;font-size:.65rem;letter-spacing:.18em;font-weight:700;color:#9db99d}.orbit-label-top{top:60px;right:0}.orbit-label-bottom{bottom:58px;right:4px}@keyframes rotate-net{to{transform:rotate(360deg)}}@keyframes rotate-net-reverse{to{transform:rotate(-360deg)}}@keyframes core-breathe{50%{transform:scale(1.07)}}
.purchase{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,95px);padding:110px clamp(24px,5vw,80px) 120px;background:#131717;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:760;letter-spacing:.18em;text-transform:uppercase}.purchase-heading h2,.section-head h2{font-family:var(--font);font-size:clamp(3.9rem,5.65vw,7.1rem);font-weight:500;line-height:.95;letter-spacing:-.078em;margin:20px 0 25px}.purchase-heading h2 em{font-style:normal;color:var(--accent)}.purchase-heading p{max-width:390px;color:#acb9af;font-size:1rem;line-height:1.7}.purchase-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:37px}.purchase-tags span{border:1px solid #546456;color:#b8c9b9;border-radius:40px;padding:9px 14px;font-size:.65rem;font-weight:740;letter-spacing:.13em}
.checkout{max-width:720px;width:100%;justify-self:end;border:1px solid #566057;border-radius:21px;padding:30px;background:linear-gradient(155deg,#222a25,#181d1c 65%);box-shadow:0 24px 75px #0205024f}.checkout-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:25px}.checkout-head h3{font-family:var(--font);font-weight:550;font-size:2rem;letter-spacing:-.05em;margin:7px 0 0}.checkout-mark{font-size:2.5rem;color:var(--accent);line-height:1}.payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:19px}.payment-tabs button{height:49px;border:1px solid #5c6a60;background:#1c2420;color:#cbd7ca;border-radius:9px;font-weight:730}.payment-tabs button.active{background:var(--accent);border-color:var(--accent);color:#122014}.amount-label{display:flex;justify-content:space-between;gap:7px;color:#c1cec3;font-size:.83rem;margin-bottom:8px}.amount-label span{color:var(--accent);font-size:.7rem;font-weight:760;letter-spacing:.08em}.amount-field{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #66806e;background:#101915;border-radius:11px;min-height:83px;padding:14px 20px}.amount-field input{min-width:0;width:100%;background:transparent;border:0;outline:none;color:#f5f9f2;font-family:var(--font);font-size:1.75rem;font-weight:650}.amount-field span{font-size:.83rem;font-weight:800;letter-spacing:.11em;color:#e0eddd}.receive-row{display:flex;justify-content:space-between;align-items:end;gap:10px;border-bottom:1px solid #526158;padding:25px 2px 19px}.receive-row small{display:block;color:#a7baa9;font-size:.7rem;letter-spacing:.1em;font-weight:730;margin-bottom:6px}.receive-row output{display:block;font-family:var(--font);font-size:2.4rem;line-height:1;letter-spacing:-.07em;font-weight:590}.receive-row b{font-size:.9rem;letter-spacing:.12em}.quote-help{color:#aac3ae;font-size:.79rem;margin:13px 0 21px;min-height:23px}.wallet-button{width:100%;background:#d9ff89;border:1px solid #d9ff89;color:#172219;padding:15px 19px;border-radius:10px;font-weight:810;display:flex;align-items:center;justify-content:space-between;cursor:not-allowed;opacity:.82}.wallet-button span{font-size:1.4rem;line-height:1}.preview-caption{color:#8a9e8e;font-size:.75rem;text-align:center;margin:9px 0 0}.checkout-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #56675b;margin-top:22px;padding-top:21px}.checkout-footer span{display:block;font-size:.64rem;letter-spacing:.1em;color:#9eb4a1;font-weight:720}.checkout-footer b{display:block;margin-top:5px;font-size:.88rem;white-space:nowrap;font-weight:720}
.marquee{background:var(--accent);color:#162018;overflow:hidden;white-space:nowrap;border-bottom:1px solid #39483b}.marquee>div{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px clamp(24px,5vw,80px);font-family:var(--font);font-size:.8rem;font-weight:720;letter-spacing:.09em}.marquee i{font-size:1.2rem;font-style:normal}
.content-section{padding:115px clamp(24px,5vw,80px);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);align-items:end;gap:35px;margin-bottom:49px}.section-head .eyebrow{grid-column:1 / -1}.section-head h2{margin:0}.section-head h2 span{color:var(--accent)}.section-head>p{color:#adbdb1;font-size:.96rem;line-height:1.75;max-width:355px;margin:0 0 7px;justify-self:end}
.tokenomics{background:#121817}.distribution-grid{display:grid;grid-template-columns:minmax(290px,.95fr) minmax(0,1.05fr);gap:20px}.supply-tile{display:flex;flex-direction:column;min-height:435px;background:#d9ff89;border:1px solid #d9ff89;border-radius:21px;color:#17231a;padding:35px}.supply-tile>span{font-size:.75rem;font-weight:760;letter-spacing:.14em}.supply-tile strong{font-family:var(--font);font-size:clamp(2.75rem,4.7vw,5.2rem);font-weight:570;letter-spacing:-.085em;line-height:1.05;word-break:break-word;margin-top:22px}.supply-tile small{font-size:.76rem;font-weight:700;letter-spacing:.1em}.distribution-bar{display:flex;gap:4px;margin-top:auto;height:38px;overflow:hidden}.distribution-bar i{display:block;background:#275339}.distribution-bar i:nth-child(2){background:#447c54}.distribution-bar i:nth-child(3){background:#62966e}.distribution-bar i:nth-child(4){background:#80ae88}.distribution-bar i:nth-child(5){background:#9ec09e}.distribution-bar i:nth-child(6){background:#bfd7b8}.supply-tile p{font-size:.8rem;font-weight:650;margin:12px 0 0}.allocation-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.allocation-row{min-height:132px;background:#1d2723;border:1px solid #445b49;border-radius:17px;padding:17px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:space-between;gap:7px}.allocation-row i{display:block;width:14px;height:14px;border-radius:3px;grid-column:1/-1}.allocation-row span{font-size:.88rem;font-weight:700;line-height:1.3}.allocation-row b{font-size:1.25rem;font-family:var(--font);font-weight:650;line-height:1.2}.allocation-row small{grid-column:1/-1;color:#a7baa9;font-size:.72rem}
.roadmap{background:#1b211f}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.roadmap-card{min-height:290px;padding:26px;border:1px solid #506057;border-radius:18px;background:linear-gradient(160deg,#26302a,#1d2521);display:flex;flex-direction:column;justify-content:space-between}.roadmap-card>span{font-family:var(--font);font-size:3.9rem;color:#d9ff89;letter-spacing:-.09em;line-height:1}.roadmap-card h3{font-family:var(--font);font-size:1.29rem;font-weight:640;margin-bottom:12px}.roadmap-card p{color:#b2c0b4;font-size:.87rem;line-height:1.6;margin:0}
.how{background:#111513}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps>div{display:flex;flex-direction:column;min-height:185px;padding:24px;border:1px solid #4a5a4e;border-radius:16px;background:#1d2721}.steps b{font-family:var(--font);color:var(--accent);font-size:1.5rem}.steps strong{font-family:var(--font);font-size:1.25rem;margin-top:auto;margin-bottom:9px}.steps span{color:#afc0b1;font-size:.87rem}
footer{padding:57px clamp(24px,5vw,80px) 28px;background:#0d0f10}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:78px}.footer-main p{max-width:370px;color:#97a79b;font-size:.84rem}.footer-base{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #4b554e;padding-top:21px;font-size:.72rem;font-weight:700;letter-spacing:.09em;color:#8fa291}
@media(max-width:1190px){.hero{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr)}.hero h1{font-size:clamp(4.7rem,8.4vw,7.9rem)}.network-object{width:min(125%,600px)}.roadmap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.header{height:79px}.nav{gap:0}.nav a{font-size:.7rem;padding:9px}.header-link{display:none}.hero{grid-template-columns:1fr;min-height:0}.hero-content{grid-column:1;grid-row:1;padding:69px 0 15px}.hero-visual{grid-column:1;grid-row:2;min-height:440px;max-width:600px;width:100%;justify-self:center}.hero h1{font-size:clamp(5rem,10.8vw,7rem)}.hero-bottom{margin-top:26px}.orbit-label-top{top:20px}.orbit-label-bottom{bottom:25px}.network-object{width:min(100%,510px)}.purchase{grid-template-columns:1fr;gap:33px;padding-top:78px}.purchase-heading h2{font-size:clamp(3.5rem,8vw,6rem)}.purchase-heading p{max-width:630px}.purchase-tags{margin-top:20px}.checkout{max-width:none}.marquee>div{font-size:.67rem}.marquee>div span:nth-of-type(4),.marquee>div i:last-child{display:none}.section-head{grid-template-columns:1fr}.section-head .eyebrow{grid-column:1}.section-head>p{justify-self:start;max-width:520px}.distribution-grid{grid-template-columns:1fr}.supply-tile{min-height:280px}.supply-tile strong{font-size:4.2rem}.content-section{padding-block:84px}}
@media(max-width:580px){.preview-banner{font-size:.68rem;line-height:1.3}.header{height:73px;padding-inline:19px}.brand{font-size:1.42rem}.brand svg{width:32px;height:32px}.nav{display:none;position:absolute;z-index:20;top:111px;left:0;right:0;flex-direction:column;align-items:stretch;border-radius:0;padding:15px 19px;background:#171d1a;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{font-size:.86rem;padding:13px}.menu{display:flex;align-items:center;gap:9px;color:#e2eddc;background:#202920;border:1px solid #647b5f;border-radius:40px;padding:8px 13px;font-size:.79rem}.hero{padding-inline:20px}.hero-content{padding-top:47px}.hero-meta{font-size:.65rem;letter-spacing:.12em}.hero h1{font-size:clamp(4.2rem,15vw,6rem);margin:27px 0 20px;white-space:normal;line-height:.91}.hero-content>p{font-size:.96rem}.hero-bottom{padding-top:13px}.edition{font-size:.6rem}.hero-visual{min-height:330px}.network-object{width:min(107%,390px)}.orbit-label{font-size:.55rem}.orbit-label-top{top:8px}.orbit-label-bottom{bottom:13px}.purchase{padding:66px 20px 76px}.purchase-heading h2{font-size:clamp(3.8rem,14vw,5.4rem)}.checkout{padding:20px}.checkout-head h3{font-size:1.7rem}.receive-row output{font-size:2rem}.checkout-footer b{font-size:.75rem}.checkout-footer span{font-size:.55rem}.marquee>div{gap:14px;padding:17px 20px;min-width:700px;font-size:.67rem;justify-content:start}.content-section{padding:76px 20px}.section-head h2{font-size:clamp(3.7rem,13vw,5.4rem)}.section-head>p{font-size:.92rem}.supply-tile{padding:26px;min-height:285px}.supply-tile strong{font-size:clamp(2.8rem,12vw,4.3rem)}.allocation-list{gap:9px}.allocation-row{padding:13px;min-height:127px}.allocation-row span{font-size:.76rem}.allocation-row b{font-size:1.05rem}.allocation-row small{font-size:.65rem}.roadmap-grid,.steps{grid-template-columns:1fr}.roadmap-card{min-height:205px}.steps>div{min-height:140px}footer{padding-inline:20px}.footer-main,.footer-base{flex-direction:column;display:flex}.footer-main{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.net-outer,.net-inner,.net-core{animation:none}}

/* Purchase ticket: a single wide trading surface with a clear pay-to-KPR flow. */
.purchase{display:block;padding:105px clamp(24px,5vw,80px) 115px;background:radial-gradient(ellipse 80% 90% at 50% -15%,#203026 0%,#111715 68%,#101413 100%)}
.purchase-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.purchase-heading h2{font-size:clamp(3.4rem,5.2vw,6.6rem);margin:15px 0 0;line-height:1.03}
.purchase-heading p{max-width:300px;margin:0 0 8px;color:#b5c5b7;font-size:.94rem}
.purchase-tags{display:none}
.checkout{max-width:none;width:100%;padding:34px 38px 27px;background:#eaf0e6;color:#1a241d;border:1px solid #dce6d8;border-radius:23px;box-shadow:0 25px 80px #020a056e;justify-self:auto}
.checkout-head{align-items:start;margin-bottom:26px}
.checkout-head h3{color:#19231a;font-size:2rem;margin-top:5px}
.ticket-index{font-family:var(--font);font-size:.74rem;font-weight:760;letter-spacing:.13em;color:#4d6252}
.ticket-index b{margin-left:10px;color:#1f6e3e;font-weight:800}
.chain-badge{border:1px solid #93a59a;border-radius:50px;background:#f8fbf6;color:#3b5943;padding:9px 13px;display:inline-flex;align-items:center;gap:7px;font-size:.69rem;letter-spacing:.09em;font-weight:790;white-space:nowrap}
.chain-badge i{width:7px;height:7px;border-radius:50%;background:#2b9851;box-shadow:0 0 0 3px #cee9d4}
.payment-tabs{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#e0e9dc;border:1px solid #becbbb;padding:6px 7px 6px 15px;border-radius:12px;margin-bottom:18px}
.payment-tabs>span{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#586e5c}
.payment-tabs>div{display:flex;gap:5px}
.payment-tabs button{min-width:115px;height:41px;border:1px solid transparent;background:transparent;color:#4c6453;border-radius:8px;font-size:.84rem}
.payment-tabs button.active{background:#16271b;border-color:#16271b;color:#e7f8cf;box-shadow:0 3px 8px #476b4a20}
.trade-flow{display:grid;grid-template-columns:minmax(0,1fr) 47px minmax(0,1fr);gap:11px;align-items:center}
.trade-box{min-width:0;min-height:181px;border:1px solid #c2cec1;border-radius:13px;padding:22px 24px 17px;display:flex;flex-direction:column;justify-content:space-between}
.trade-pay{background:#fff}.trade-receive{background:#d9ff89;border-color:#c8e878}
.amount-label{color:#4a5e50;margin:0;font-size:.86rem;font-weight:660}.amount-label span{color:#647868;font-size:.69rem}
.amount-field{background:transparent;border:0;border-radius:0;padding:0;min-height:0;margin:5px 0 8px}
.amount-field input{color:#172119;font-size:clamp(1.8rem,3vw,2.65rem);font-weight:630;letter-spacing:-.06em}
.amount-field span{background:#eff2ed;border:1px solid #d3dbd0;border-radius:50px;color:#344439;padding:8px 12px;font-size:.76rem}
.box-foot{color:#87988a;font-size:.64rem;letter-spacing:.11em;font-weight:740}
.trade-receive .box-foot{color:#526e48}
.flow-arrow{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#17281c;color:#dcfba6;font-size:1.6rem;font-weight:500;box-shadow:0 0 0 7px #eaf0e6;position:relative;z-index:1}
.receive-row{padding:0;margin:0;border:0;color:#17241a;align-items:center}
.receive-row small{color:#4c6546;font-size:.77rem;letter-spacing:.04em;margin-bottom:6px}
.receive-row output{font-size:clamp(1.75rem,3vw,2.65rem);font-weight:650;letter-spacing:-.07em;white-space:nowrap}
.receive-row b{border-radius:50px;background:#b9e470;border:1px solid #a4cd61;padding:8px 12px;font-size:.79rem;letter-spacing:.04em}
.trade-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0 18px}
.quote-help{color:#536553;font-size:.84rem;min-height:0;margin:0}
.trade-summary>div{min-width:265px}
.wallet-button{padding:13px 17px;background:#142319;border:1px solid #142319;color:#ebfdd6;border-radius:8px;opacity:.84}
.preview-caption{color:#657467;font-size:.7rem;margin:6px 0 0}
.checkout-footer{margin-top:0;padding-top:20px;border-color:#becdbd;gap:20px}
.checkout-footer span{color:#617363;font-size:.68rem}
.checkout-footer b{color:#223326;font-size:.96rem}
@media(max-width:850px){.purchase{padding:80px 30px 90px}.purchase-heading{align-items:start}.checkout{padding:27px}.purchase-heading h2{font-size:clamp(3rem,6.8vw,5rem)}.trade-box{padding:19px}.receive-row output{font-size:clamp(1.6rem,3.1vw,2.2rem)}}
@media(max-width:680px){.purchase-heading{display:block;margin-bottom:28px}.purchase-heading p{margin-top:17px;max-width:100%}.trade-flow{grid-template-columns:1fr;gap:0}.trade-box{min-height:150px}.flow-arrow{transform:rotate(90deg);justify-self:center;margin:-8px 0;box-shadow:0 0 0 5px #eaf0e6}.trade-summary{display:block}.trade-summary>div{margin-top:17px;min-width:0}.checkout-footer{gap:10px}.checkout-footer b{font-size:.84rem}}
@media(max-width:580px){.purchase{padding:67px 20px 77px}.purchase-heading h2{font-size:clamp(3.2rem,13vw,4.8rem)}.checkout{padding:20px;border-radius:18px}.checkout-head h3{font-size:1.65rem}.chain-badge{font-size:.56rem;padding:8px}.ticket-index{font-size:.61rem}.payment-tabs button{min-width:85px;font-size:.76rem}.trade-box{padding:17px}.receive-row output{font-size:2.1rem}.checkout-footer span{font-size:.56rem}.checkout-footer b{font-size:.72rem;white-space:normal}}

/* Restore the original left column and section placement; only the buy card changes. */
.purchase{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(30px,6vw,95px);padding:110px clamp(24px,5vw,80px) 120px;background:#131717}
.purchase-heading{display:block;margin:0}
.purchase-heading h2{font-size:clamp(3.9rem,5.65vw,7.1rem);line-height:.95;margin:20px 0 25px}
.purchase-heading p{max-width:390px;margin:0;color:#acb9af;font-size:1rem;line-height:1.7}
.purchase-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:37px}
.purchase-tags span{border:1px solid #546456;color:#b8c9b9;border-radius:40px;padding:9px 14px;font-size:.65rem;font-weight:740;letter-spacing:.13em}
.checkout{max-width:720px;justify-self:end}
.receive-row output{font-size:clamp(1.6rem,2.2vw,2.2rem)}
.receive-row b{padding:7px 9px}
@media(max-width:1150px){.trade-flow{grid-template-columns:1fr;gap:0}.flow-arrow{transform:rotate(90deg);justify-self:center;margin:-8px 0;box-shadow:0 0 0 5px #eaf0e6}.trade-box{min-height:145px}}
@media(max-width:850px){.purchase{grid-template-columns:1fr;gap:33px;padding-top:78px}.purchase-heading h2{font-size:clamp(3.5rem,8vw,6rem)}.purchase-heading p{max-width:630px}.purchase-tags{margin-top:20px}.checkout{max-width:none;justify-self:stretch}.trade-flow{grid-template-columns:minmax(0,1fr) 47px minmax(0,1fr);gap:11px}.flow-arrow{transform:none;margin:0;box-shadow:0 0 0 7px #eaf0e6}.trade-box{min-height:160px}}
@media(max-width:680px){.trade-flow{grid-template-columns:1fr;gap:0}.flow-arrow{transform:rotate(90deg);margin:-8px 0;box-shadow:0 0 0 5px #eaf0e6}}
@media(max-width:580px){.purchase{padding:66px 20px 76px}.purchase-heading h2{font-size:clamp(3.8rem,14vw,5.4rem)}.checkout{padding:20px}.receive-row output{font-size:2rem}}

/* Compact the new ticket so it sits beside the original introduction. */
.checkout{max-width:565px;padding:21px 23px 18px;border-radius:18px}
.checkout-head{margin-bottom:15px}
.checkout-head h3{font-size:1.6rem;margin-top:4px}
.payment-tabs{margin-bottom:12px;padding:4px 5px 4px 12px}
.payment-tabs button{height:37px;min-width:94px}
.trade-flow{gap:8px}
.trade-box{padding:13px 15px;min-height:119px}
.amount-field{margin:2px 0}
.amount-field input{font-size:1.65rem}
.amount-field span,.receive-row b{padding:6px 8px}
.receive-row output{font-size:clamp(1.45rem,1.8vw,1.85rem)}
.receive-row small{font-size:.67rem}
.flow-arrow{width:38px;height:38px;font-size:1.2rem}
.trade-summary{padding:13px 0 11px;gap:14px}
.quote-help{font-size:.75rem}
.trade-summary>div{min-width:190px}
.wallet-button{padding:10px 13px;font-size:.82rem}
.preview-caption{font-size:.64rem}
.checkout-footer{padding-top:13px;gap:9px}
.checkout-footer span{font-size:.61rem}
.checkout-footer b{font-size:.82rem}
@media(max-width:1150px){.trade-flow{gap:0}.flow-arrow{margin:-6px 0}.trade-box{min-height:103px}}
@media(max-width:850px){.checkout{max-width:565px;justify-self:start}.trade-flow{gap:8px}.flow-arrow{margin:0}.trade-box{min-height:119px}}
@media(max-width:680px){.trade-flow{gap:0}.flow-arrow{margin:-6px 0}.trade-box{min-height:103px}}
@media(max-width:580px){.checkout{max-width:none;padding:18px}.checkout-head h3{font-size:1.5rem}.receive-row output{font-size:1.85rem}.trade-summary>div{min-width:0}}

/* Keep the purchase figures on the same baseline and give the introduction room. */
.purchase{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:clamp(24px,3.4vw,58px);align-items:center;padding-top:86px;padding-bottom:88px}
.purchase-heading h2{font-size:clamp(4.2rem,6.25vw,7.2rem)}
.purchase-heading p{max-width:480px;font-size:1.1rem}
.trade-box{display:grid;grid-template-rows:22px minmax(0,1fr) 17px;align-items:center;min-height:125px}
.trade-label{display:flex;justify-content:space-between;gap:6px;align-items:center;min-width:0;color:#4a5e50;font-size:.72rem;font-weight:730;line-height:1.1;white-space:nowrap}
.trade-label span:last-child:not(:first-child){font-size:.62rem;color:#647868;letter-spacing:.02em}
.trade-box .trade-value{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;min-width:0;min-height:0;width:100%;margin:0;padding:0;background:transparent;border:0}
.trade-box .trade-value input,.trade-box .trade-value output{display:block;min-width:0;width:100%;margin:0;padding:0;color:#172119;font-family:var(--font);font-size:clamp(1.28rem,1.8vw,1.55rem);font-weight:680;line-height:1.15;letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap}
.trade-box .trade-value input{border:0;background:transparent;outline:none}
.trade-box .trade-value .unit-pill{display:grid;place-items:center;min-height:30px;padding:5px 9px;border:1px solid #d3dbd0;border-radius:50px;background:#eff2ed;color:#344439;font-size:.72rem;font-weight:770;line-height:1;letter-spacing:.02em;white-space:nowrap}
.trade-receive .trade-value .unit-pill{background:#c7ea82;border-color:#b4d977}
.trade-box .box-foot{align-self:end;line-height:1.2}
@media(max-width:850px){.purchase{grid-template-columns:1fr;gap:30px;padding-top:76px;padding-bottom:82px}.purchase-heading h2{font-size:clamp(4rem,9.5vw,6.5rem)}.trade-box{min-height:125px}}
@media(max-width:680px){.trade-box{min-height:118px}}
@media(max-width:580px){.purchase{padding-top:61px;padding-bottom:67px}.purchase-heading h2{font-size:clamp(3.8rem,13vw,5.35rem)}.purchase-heading p{font-size:1rem}.trade-box{min-height:118px}}

/* Mountains span the complete presale section, behind both columns. */
.purchase{position:relative;isolation:isolate;overflow:hidden;background:#131717}
.purchase::before{content:"";position:absolute;inset:0;background:url('assets/mountains.png') center bottom / 100% 100% no-repeat;filter:grayscale(1) sepia(.32) hue-rotate(65deg) saturate(.9) brightness(1.65);opacity:.8;pointer-events:none}
.purchase::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#13171755 0%,transparent 37%,transparent 82%,#13171740 100%);pointer-events:none}
.purchase-heading,.checkout{position:relative;z-index:1}
.purchase-heading h2,.purchase-heading p,.purchase-heading .eyebrow{text-shadow:0 2px 18px #061009,0 1px 4px #061009}

/* The original round network artwork and motion from the earlier preview. */
.hero-visual img.network-object{display:block;height:auto;object-fit:contain;animation:network-drift 12s ease-in-out infinite;filter:hue-rotate(-120deg) saturate(.9) brightness(1.06) drop-shadow(0 0 16px #b8f0776c) drop-shadow(0 26px 40px #050d06a8);will-change:transform}
.hero-visual .visual-sheen{background:#b8f0772a}
@keyframes network-drift{0%,100%{transform:translateY(7px) rotate(-7deg) scale(.98)}50%{transform:translateY(-10px) rotate(7deg) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.hero-visual img.network-object{animation:none}}

/* Sale controls follow the existing compact purchase-ticket layout. */
.payment-explainer{margin-top:24px!important;font-size:.85rem!important;line-height:1.55!important}
.payment-explainer a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.sale-state-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:.76rem}
.price-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:12px 15px;border:1px solid #cbd7c5;border-radius:10px;background:#f7fbf4;color:#26412f}
.price-banner>span{font-size:.72rem;font-weight:780;letter-spacing:.08em}
.price-banner strong{font-size:1.3rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.price-banner strong small{font-size:.78rem;font-weight:650;color:#526355}
.sale-status{color:#624b1c;font-weight:750}.sale-status[data-open="true"]{color:#256441}
.max-button{border:0;background:transparent;color:#426645;font-size:.72rem;font-weight:780;text-decoration:underline;text-underline-offset:3px;padding:4px}
.payment-tabs button.selected{background:#16271b;border-color:#16271b;color:#e7f8cf}
.payment-tabs button:focus-visible,.max-button:focus-visible{outline:2px solid #244c30;outline-offset:2px}
.trade-box .trade-value .unit-pill{gap:3px}
/* Payment units use the same compact badge as the KPR output. */
.trade-pay .unit-pill #pay-symbol{display:none}
.trade-pay .unit-pill #pay-coin{padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}
.trade-box .trade-value output{overflow:hidden;text-overflow:ellipsis}
.wallet-button{width:auto;min-width:150px;margin-left:auto;padding:8px 12px;gap:12px;background:#d9ff89;border:1px solid #c2e785;border-radius:10px;color:#1b281b;font-size:.8rem;cursor:pointer;opacity:1;box-shadow:0 5px 15px #739b5530}
.wallet-button [data-wallet-label]{font-size:.95rem;line-height:1.2;white-space:nowrap}
.wallet-button:hover{background:#e6ffa8;border-color:#d9ff89}
.wallet-button span:last-child{font-size:1rem}
.connected-address,.wallet-balances,.wallet-message{overflow-wrap:anywhere;font-size:.72rem;line-height:1.45;margin:7px 0 0;color:#526355}
.stage-progress{margin:8px 0 12px;padding:13px 15px;border:1px solid #cbd7c5;border-radius:10px;background:#f7fbf4}
.stage-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#385141;font-size:.67rem;font-weight:760;letter-spacing:.08em}
.stage-progress-head strong{font-size:.87rem;letter-spacing:0;font-variant-numeric:tabular-nums}
.stage-track{height:8px;overflow:hidden;background:#dbe5d5;border-radius:20px;margin:9px 0}
.stage-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#6a9768,#c5ee78);border-radius:20px;transition:width .4s ease}
.stage-progress p{color:#617668;font-size:.7rem;margin:0}
.buy-button{width:100%;min-height:43px;border-radius:8px;border:1px solid #142319;background:#142319;color:#ecf7dd;font-size:.84rem;font-weight:760}
.buy-button:disabled{cursor:not-allowed;opacity:.5}
.buy-button:not(:disabled):hover{background:#29432e}
.wallet-message{min-height:17px}
@media(max-width:580px){.nav{top:73px}.sale-state-row{align-items:flex-start}.checkout-footer{gap:8px}.checkout-footer b{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.stage-track span{transition:none}}

.header-wallet{border:1px solid #ffffff30;background:#ffffff08;border-radius:100px;padding:13px 20px;font-family:inherit;cursor:pointer}.header-wallet b{font-weight:600}.header-wallet:hover{background:#ffffff18}.wallet-dialog{width:min(430px,calc(100vw - 32px));padding:26px;background:#202020;color:#fff;border:1px solid #ffffff26;border-radius:30px;box-shadow:0 25px 100px #0008;font-family:var(--body)}.wallet-dialog::backdrop{background:#02071ac9;backdrop-filter:blur(6px)}.wallet-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.wallet-dialog h2{font-size:20px;margin:0;font-weight:500}.wallet-close{background:none;border:none;color:white;font-size:28px;cursor:pointer;padding:4px 10px}.wallet-choice{display:flex;align-items:center;gap:15px;width:100%;border:0;border-radius:16px;padding:17px 12px;background:none;color:white;text-align:left;font:inherit;font-size:18px;cursor:pointer;margin:4px 0}.wallet-choice:hover,.wallet-choice:focus-visible{background:#ffffff0c}.wallet-choice img,.wallet-choice .wallet-icon{width:40px;height:40px;object-fit:contain;border-radius:9px;background:#fff;padding:5px}.wallet-choice .wallet-icon{display:grid;place-items:center;background:#161616;color:#f0b90b;font-size:26px}.wallet-choice .wallet-next{margin-left:auto;color:#999;font-size:25px}.wallet-search-choice{background:#ffffff05;margin-top:14px}.wallet-search-input{width:100%;padding:12px;background:#111;color:#fff;border:1px solid #555;border-radius:10px;font:inherit}.wallet-help{font-size:14px;line-height:1.6;color:#bfc1c4;margin:15px 8px 0}.wallet-list:empty::after{content:'No matching wallet detected. Open this site in your wallet browser.';display:block;color:#bbb;padding:18px 4px;line-height:1.5}.wallet-back{border:0;background:none;color:#ccc;cursor:pointer;font:inherit;padding:10px 0}.wallet-dialog a{color:#d9ff89;text-decoration:underline}@media(max-width:850px){.header-wallet{display:flex;margin-left:auto;flex-shrink:0;padding:10px 14px;font-size:14px}.header .nav{display:none}.wallet-dialog{padding:20px}.header{gap:12px}}

.header-wallet{background:#d9ff89;border-color:#d9ff89;color:#172219;opacity:.82}.header-wallet:hover{background:#d9ff89;opacity:1}.header-wallet:disabled{cursor:wait;opacity:.6}