*{box-sizing:border-box}
:root{
  --bg:#050a10;--bg2:#07111c;--panel:#0b1520;--panel2:#08111a;--panel3:#0d1b28;
  --line:#1d3447;--line-soft:rgba(121,204,238,.14);--line-bright:rgba(120,222,255,.35);
  --text:#edf7ff;--muted:#8ea4b6;--muted2:#647b8e;--cyan:#57e4ff;--cyan2:#20b7ef;
  --blue:#7fb7ff;--good:#61dda1;--warn:#ffc954;--bad:#ff7f89;--shadow:0 22px 70px rgba(0,0,0,.28)
}
html{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,#050b12 0,#07101a 44%,#050a10 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(92,205,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(92,205,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%);z-index:-3}
.ambient{position:fixed;border-radius:999px;filter:blur(80px);pointer-events:none;z-index:-2;opacity:.18}.ambient-a{width:520px;height:520px;background:#00b9ff;right:-190px;top:-180px}.ambient-b{width:430px;height:430px;background:#245cff;left:-220px;top:42vh;opacity:.09}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{width:min(100%,1120px);margin:auto;padding:18px 18px 70px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 2px 18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;display:grid;place-items:center}.brand-mark:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(87,228,255,.16);border-radius:18px}.logo{width:46px;height:46px;display:block;border-radius:14px}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy b{font-size:20px;letter-spacing:.1px}.brand-copy span{margin-top:5px;font-size:11px;color:#86a8bd;letter-spacing:.4px}.network-badge{display:flex;align-items:center;gap:8px;border:1px solid #294158;background:rgba(9,19,29,.72);backdrop-filter:blur(14px);border-radius:999px;padding:9px 13px;color:#d8e8f4;font-size:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}.network-badge i{width:8px;height:8px;border-radius:50%;background:#f3ba2f;box-shadow:0 0 14px rgba(243,186,47,.6)}.network-badge small{color:#70869a;font-size:10px;border-left:1px solid #2c4052;padding-left:8px}
.card-surface,.section-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,26,39,.92),rgba(7,15,24,.93));box-shadow:var(--shadow);position:relative;overflow:hidden}.card-surface:before,.section-card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(110,229,255,.32),transparent)}
.hero{min-height:420px;border-radius:28px;padding:54px 54px;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:36px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(86,220,255,.26);background:rgba(23,87,112,.14);border-radius:999px;padding:7px 11px;color:#a9dff2;font-size:11px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(87,228,255,.8)}.hero h1{font-size:55px;line-height:1.05;margin:18px 0 16px;letter-spacing:-1.8px}.hero h1 span{background:linear-gradient(180deg,#fff 0,#a7d8ef 58%,#5f9dbd 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 30px rgba(72,197,255,.12)}.hero-lead{font-size:15px;line-height:1.9;color:#aac0d0;max-width:650px;margin:0}.hero-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.hero-trust span{font-size:11px;color:#b9cbd7;padding:7px 10px;border-radius:8px;border:1px solid #22394a;background:#09131d}.hero-visual{width:320px;height:320px;justify-self:end;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(38,191,237,.12),rgba(8,17,27,.04) 55%,transparent 70%)}.hero-visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(92,223,255,.12);border-radius:50%;box-shadow:0 0 80px rgba(17,163,221,.08) inset}.radar-orbit{position:absolute;border-radius:50%;border:1px solid rgba(91,224,255,.25)}.orbit-a{inset:48px}.orbit-b{inset:83px;border-color:rgba(91,224,255,.16)}.radar-cross{position:absolute;background:linear-gradient(90deg,transparent,rgba(91,224,255,.18),transparent)}.cross-x{width:250px;height:1px}.cross-y{height:250px;width:1px;background:linear-gradient(180deg,transparent,rgba(91,224,255,.18),transparent)}.radar-sweep{position:absolute;width:132px;height:2px;left:50%;top:50%;transform-origin:0 50%;background:linear-gradient(90deg,rgba(77,229,255,.52),rgba(77,229,255,.20) 64%,rgba(77,229,255,.03) 100%);box-shadow:0 0 9px rgba(77,229,255,.30);animation:sweep 7s linear infinite;z-index:1}.radar-sweep:after{content:"";position:absolute;left:0;top:-12px;width:100%;height:24px;clip-path:polygon(0 50%,100% 24%,100% 76%);background:linear-gradient(90deg,rgba(77,229,255,.00),rgba(77,229,255,.065));filter:blur(.6px);pointer-events:none}.radar-core{position:relative;width:142px;height:142px;border-radius:35px;filter:drop-shadow(0 18px 35px rgba(0,183,238,.2));z-index:2}.radar-core img{width:100%;height:100%;display:block}.radar-label{position:absolute;bottom:-38px;display:flex;flex-direction:column;align-items:center;gap:3px;letter-spacing:4px;color:#7ecce8;line-height:1}.radar-label strong{font-size:17px;letter-spacing:4px}.radar-label span{font-size:9.5px;color:#557d92;letter-spacing:3px;line-height:1.15}@keyframes sweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.stat-card{border:1px solid var(--line);background:rgba(9,18,28,.84);border-radius:17px;padding:17px 18px;min-height:112px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 15px 35px rgba(0,0,0,.16)}.stat-card .stat-label{font-size:11px;color:#7f9aae;margin-bottom:10px}.stat-card strong{font-size:24px;letter-spacing:-.5px}.stat-card strong small{font-size:12px;color:#8fb6ca}.stat-card strong.compact{font-size:19px}.stat-card>span:last-child{font-size:11px;color:#6294ac;margin-top:3px}
.prelaunch{margin:14px 0;border:1px solid rgba(255,201,84,.32);background:linear-gradient(90deg,rgba(104,73,5,.24),rgba(59,42,8,.16));border-radius:16px;padding:13px 15px;display:flex;gap:11px;align-items:flex-start;color:#ffd775}.prelaunch-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,201,84,.13);font-weight:900;flex:0 0 auto}.prelaunch div{display:flex;flex-direction:column;gap:3px}.prelaunch b{font-size:13px}.prelaunch span:not(.prelaunch-icon){font-size:12px;color:#d7ba76;line-height:1.55}
.section-card{margin-top:14px;border-radius:22px;padding:23px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.section-kicker{display:block;font-size:9px;letter-spacing:1.55px;color:#5689a6;font-weight:900;margin-bottom:5px}.section-head h2{font-size:21px;letter-spacing:-.3px;margin:0}.status-pill,.swap-pill,.soft-pill,.verify-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #2a455b;background:#09141f;border-radius:999px;padding:8px 11px;font-size:11px;color:#b8cada;white-space:nowrap}.swap-pill b{color:var(--cyan);font-size:13px}.soft-pill{color:#7896aa}.verify-pill{color:#8fcfe8;border-color:rgba(78,188,230,.25)}.dot{width:8px;height:8px;border-radius:50%;background:#ffc74a;box-shadow:0 0 12px rgba(255,199,74,.36)}.dot.good{background:var(--good);box-shadow:0 0 12px rgba(97,221,161,.44)}
.status-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{border:1px solid var(--line-soft);background:linear-gradient(145deg,#08121b,#081018);border-radius:16px;padding:17px 18px;display:flex;flex-direction:column;min-height:124px}.metric.primary{background:radial-gradient(280px 160px at 0 0,rgba(31,165,219,.11),transparent 65%),linear-gradient(145deg,#09141e,#081018)}.metric>span{font-size:12px;color:#88a0b2}.metric strong{font-size:27px;margin-top:9px;letter-spacing:-.6px}.metric small{font-size:10px;color:#536f82;margin-top:auto}.progress-wrap{margin-top:16px}.progress-track{height:8px;background:#050b11;border:1px solid #1b3040;border-radius:999px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#17a7e8,#64eaff);box-shadow:0 0 22px rgba(80,224,255,.35);transition:width .35s ease}.progress-scale{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:#536b7d}.help{font-size:11px;color:#7f95a7;line-height:1.72;margin:10px 0 0}
.wallet-panel{border:1px solid rgba(89,204,244,.19);background:radial-gradient(440px 160px at 100% 0,rgba(43,172,224,.12),transparent 65%),#08121b;border-radius:18px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:18px}.wallet-panel-copy{display:flex;flex-direction:column}.wallet-mini{font-size:9px;letter-spacing:1.3px;color:#4e8aa7;font-weight:900}.wallet-panel-copy>strong{font-size:15px;margin-top:5px}.walletLine{margin-top:7px;font-size:11px;color:#8195a4;display:flex;flex-wrap:wrap;gap:7px}.addr{font-family:Consolas,monospace;color:#9edff6}.connectWalletBtn{position:relative;overflow:hidden;min-width:210px;min-height:52px;border:0;border-radius:14px;padding:0 17px;color:#041019;font-weight:900;background:linear-gradient(135deg,#bdf7ff,#52dcff 55%,#2fb5ef);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 10px 30px rgba(37,177,226,.17)}.connectWalletBtn:hover{transform:translateY(-1px);box-shadow:0 12px 32px rgba(37,177,226,.24)}.connectWalletBtn .button-glow{position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.55),transparent 60%);transform:translateX(-70%);transition:transform .65s ease}.connectWalletBtn:hover .button-glow{transform:translateX(70%)}.connectWalletBtn span:not(.button-glow),.connectWalletBtn b{position:relative;z-index:1}.connectWalletBtn b{font-size:16px}
.buygrid{display:grid;grid-template-columns:1.05fr .95fr;gap:13px;margin-top:16px}.amount-box,.summary{border:1px solid var(--line);background:#071019;border-radius:18px;padding:17px}.field-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#8ca3b4;font-size:11px}.field-head small{font-size:9px;color:#536f81}.amountrow{display:flex;align-items:end;gap:12px;border-bottom:1px solid rgba(96,182,219,.16);padding:8px 2px 12px}.amountrow input{width:100%;background:transparent;border:0;outline:0;color:#f4fbff;font-size:40px;line-height:1;font-weight:900;letter-spacing:-1.4px;padding:8px 0}.suffix{font-size:12px;font-weight:900;color:#7fb8d1;padding-bottom:6px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.quick button{min-height:38px;border-radius:10px;background:#0d1c29;color:#c5d9e5;border:1px solid #243b4d;font-size:11px;font-weight:800;cursor:pointer}.quick button:hover{border-color:#3c6f88;background:#102434}.summary-title{font-size:10px;letter-spacing:1px;color:#5689a6;font-weight:900;padding-bottom:7px}.summary .row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #162a39;font-size:11px}.summary .row:last-child{border-bottom:0}.summary .row span{color:#8297a9}.summary .row strong{text-align:right;color:#e8f4fb}.summary .row.accent strong{color:#79e8ff}.summary .row.total{margin-top:1px}.summary .row.total strong{font-size:13px}
.action-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.action-step{border:1px solid var(--line);background:#08111a;border-radius:18px;padding:16px}.claim-step{grid-column:1/-1}.step-title{display:flex;gap:10px;align-items:center}.no{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#112638,#0c1c29);border:1px solid #28485e;color:#6cdff9;display:grid;place-items:center;font-size:11px;font-weight:900}.step-title>div{display:flex;flex-direction:column}.step-title strong{font-size:13px}.step-title small{font-size:9px;color:#506e81;margin-top:2px}.action-step p{font-size:10px;color:#70899b;line-height:1.65;min-height:33px;margin:11px 0}.action-step button,.dual-actions button{width:100%;min-height:48px;border-radius:12px;border:1px solid transparent;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#b6f5ff,#53dcff 56%,#2eb8ee);color:#041019}.action-step button:disabled{cursor:not-allowed;background:#3a4550;color:#7f8a94;border-color:#47525d;box-shadow:none}.action-step .secondary{background:#0e2331;color:#99eaff;border-color:#2a6177}.action-step .ghost{background:#0a131c;color:#a9becb;border-color:#263b4c}.dual-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,#09141e,#071019);border-radius:18px;padding:18px;overflow:hidden}.feature:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-52px;top:-52px;background:radial-gradient(circle,rgba(71,210,255,.08),transparent 66%)}.feature-index{position:absolute;right:13px;top:12px;font-size:10px;color:#365c70;font-weight:900}.feature-icon{width:36px;height:36px;border:1px solid #29495d;border-radius:11px;margin-bottom:14px;position:relative;background:#0c1b27}.feature-icon.supply:before{content:"";position:absolute;inset:9px;border:2px solid #57dffd;border-radius:50%}.feature-icon.supply:after{content:"";position:absolute;left:17px;top:6px;bottom:6px;width:1px;background:#57dffd;opacity:.5}.feature-icon.loop:before{content:"↻";position:absolute;inset:0;display:grid;place-items:center;color:#56dffa;font-size:20px}.feature-icon.reward:before{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#56dffa;font-size:23px}.tag{display:block;font-size:9px;color:#55acd0;font-weight:900;letter-spacing:1px;margin-bottom:7px}.feature strong{font-size:14px}.feature p{font-size:11px;color:#768fa1;line-height:1.68;margin:8px 0 0}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.flow article{position:relative;padding:10px 20px 10px 6px}.flow article:not(:last-child):after{content:"";position:absolute;right:5px;top:28px;width:12px;height:1px;background:#2c657d}.flow em{font-style:normal;font-size:10px;color:#4aaed3;font-weight:900}.flow-line{width:33px;height:3px;border-radius:999px;background:linear-gradient(90deg,#4bdfff,#197ca9);margin:9px 0 12px}.flow strong{font-size:13px}.flow p{font-size:10px;color:#71899a;line-height:1.6;margin:6px 0 0}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rules-grid article{display:flex;gap:12px;border:1px solid #1b3040;background:#08111a;border-radius:16px;padding:15px}.rules-grid article>span{width:30px;height:30px;border-radius:10px;background:#0d1c29;display:grid;place-items:center;color:#4eb8de;font-size:10px;font-weight:900;flex:0 0 auto}.rules-grid strong{font-size:12px}.rules-grid p{font-size:10px;line-height:1.65;color:#738b9d;margin:5px 0 0}
.contract-list{border:1px solid #1c3242;background:#071019;border-radius:17px;overflow:hidden}.contract{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;padding:15px 16px;border-bottom:1px solid #162938}.contract:last-child{border-bottom:0}.contract>div{display:flex;flex-direction:column}.contract span{font-size:12px;font-weight:800}.contract small{font-size:9px;color:#526f82;margin-top:3px}.contract code{font-family:Consolas,monospace;font-size:11px;color:#9edcf1;word-break:break-all;text-align:right}
.faq details{border-top:1px solid #172b39}.faq details:first-of-type{border-top:0}.faq summary{list-style:none;cursor:pointer;padding:15px 1px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary span{width:26px;height:26px;border:1px solid #274153;border-radius:9px;display:grid;place-items:center;color:#6fbad8;font-size:17px;font-weight:400;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:11px;color:#758ea0;line-height:1.75;margin:0 0 15px}.refresh-btn{border:1px solid #2b465a;background:#0a1721;color:#b5d0df;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}.log{white-space:pre-wrap;word-break:break-word;background:#050b11;border:1px solid #162b3a;border-radius:14px;padding:13px 14px;min-height:64px;color:#8fa6b7;font-size:11px;line-height:1.65}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(100,174,207,.12);margin-top:30px;padding:25px 4px 0;color:#5d7385}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:34px;height:34px;border-radius:10px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:12px;color:#9fb6c6}.footer-brand span{font-size:9px;margin-top:2px}.footer p{font-size:10px;line-height:1.6;text-align:right;max-width:520px;margin:0}
.walletPicker{position:fixed;inset:0;z-index:99;display:none;align-items:center;justify-content:center;padding:20px}.walletPicker.open{display:flex}.walletBackdrop{position:absolute;inset:0;background:rgba(2,7,12,.76);backdrop-filter:blur(9px)}.walletSheet{position:relative;width:min(100%,470px);border:1px solid #284559;background:linear-gradient(160deg,#0e1c28,#08121b);border-radius:22px;padding:18px;box-shadow:0 28px 90px rgba(0,0,0,.55)}.walletSheetHandle{display:none}.walletSheetHead{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.walletSheetTitle{font-size:20px;font-weight:900}.walletSheetSub{font-size:10px;color:#6e8799;margin-top:4px}.walletClose{width:34px;height:34px;border-radius:10px;border:1px solid #294355;background:#0a1721;color:#a8becd;font-size:20px;cursor:pointer}.walletPickerChoices{display:grid;gap:9px}.walletOption{min-height:68px;border-radius:15px;border:1px solid #243d50;background:#0a1721;color:#eaf6fc;padding:10px 12px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}.walletOption:hover{border-color:#3a6c84;background:#0d1d29}.walletIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.mmIcon{background:linear-gradient(145deg,#f6a545,#d86e35);color:#26140a}.tpIcon{background:linear-gradient(145deg,#68dcff,#318ae9);color:#041827}.walletOptionText{display:flex;flex-direction:column;flex:1}.walletOptionText b{font-size:13px}.walletOptionText small{font-size:10px;color:#6f8798;margin-top:3px}.walletChevron{font-size:24px;color:#5b8298}.walletPickerNote{font-size:10px;line-height:1.65;color:#688092;margin:12px 2px}.walletCancel{width:100%;min-height:44px;border-radius:12px;border:1px solid #263e4f;background:#0a131c;color:#9fb5c4;font-weight:800;cursor:pointer}
@media(max-width:900px){.hero{grid-template-columns:1fr .72fr;padding:42px 38px}.hero h1{font-size:46px}.hero-visual{width:260px;height:260px}.stats-grid{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr;gap:12px}.flow article{border:1px solid #1b3040;border-radius:14px;padding:14px}.flow article:not(:last-child):after{display:none}.rules-grid{grid-template-columns:1fr}}
@media(max-width:720px){.shell{padding:10px 10px 48px}.topbar{padding-bottom:12px}.network-badge small{display:none}.hero{min-height:auto;grid-template-columns:minmax(0,1.28fr) minmax(132px,.72fr);padding:24px 18px;border-radius:21px;gap:12px;align-items:center}.hero-copy{min-width:0}.hero h1{font-size:34px;margin:14px 0 12px;letter-spacing:-1.2px}.hero-lead{font-size:12px;line-height:1.68}.hero-trust{margin-top:15px;gap:7px}.hero-trust span{font-size:9px;padding:6px 7px}.hero-visual{width:156px;height:156px;justify-self:end;margin:0}.hero-visual:before{inset:10px}.orbit-a{inset:25px}.orbit-b{inset:43px}.cross-x{width:128px}.cross-y{height:128px}.radar-sweep{width:66px;height:2px}.radar-sweep:after{top:-7px;height:14px}.radar-core{width:84px;height:84px;border-radius:22px}.radar-label{bottom:0}.radar-label strong{font-size:9px}.radar-label span{font-size:5.8px}.eyebrow{font-size:9px;padding:6px 8px;letter-spacing:.45px}.stats-grid{gap:8px}.stat-card{min-height:98px;padding:14px}.stat-card strong{font-size:20px}.section-card{padding:17px 14px;border-radius:18px}.status-metrics,.buygrid,.action-flow{grid-template-columns:1fr}.claim-step{grid-column:auto}.wallet-panel{align-items:stretch;flex-direction:column}.connectWalletBtn{width:100%;min-width:0}.contract{grid-template-columns:1fr;gap:7px}.contract code{text-align:left}.footer{flex-direction:column;align-items:flex-start}.footer p{text-align:left}.amountrow input{font-size:36px}}
@media(max-width:520px){.brand-copy b{font-size:17px}.brand-copy span{font-size:10px}.logo{width:41px;height:41px}.network-badge{padding:8px 10px}.network-badge span{font-size:10px}.hero{grid-template-columns:minmax(0,1.36fr) minmax(108px,.64fr);padding:20px 16px;gap:8px}.hero h1{font-size:28px;margin:12px 0 10px;letter-spacing:-1px}.hero-lead{font-size:11px;line-height:1.62}.hero-trust{gap:5px;margin-top:13px}.hero-trust span{font-size:8px;padding:5px 6px}.hero-visual{width:126px;height:126px;justify-self:end;margin:0}.hero-visual:before{inset:8px}.orbit-a{inset:20px}.orbit-b{inset:35px}.cross-x{width:104px}.cross-y{height:104px}.radar-sweep{width:53px;height:1.5px}.radar-sweep:after{top:-5px;height:10px}.radar-core{width:70px;height:70px;border-radius:19px}.radar-label{bottom:-2px}.radar-label strong{font-size:8px}.radar-label span{font-size:5px;letter-spacing:1.7px}.eyebrow{font-size:8px;padding:5px 7px;gap:6px}.eyebrow-dot{width:6px;height:6px}.stats-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:18px}.stat-card strong.compact{font-size:16px}.section-head h2{font-size:18px}.status-pill,.swap-pill,.soft-pill,.verify-pill{font-size:9px;padding:7px 9px}.quick{grid-template-columns:1fr 1fr}.dual-actions{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr}.walletPicker{align-items:flex-end;padding:0}.walletSheet{width:100%;max-width:none;border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0;padding:11px 14px calc(14px + env(safe-area-inset-bottom))}.walletSheetHandle{display:block;width:42px;height:4px;border-radius:999px;background:#405a6b;margin:0 auto 13px}.walletClose{display:none}.walletOption{min-height:70px}.walletCancel{min-height:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.connectWalletBtn,.connectWalletBtn .button-glow{transition:none}}

@media(max-width:390px){.hero{grid-template-columns:minmax(0,1.42fr) minmax(94px,.58fr);padding:18px 14px;gap:6px}.hero h1{font-size:25px}.hero-lead{font-size:10.5px}.hero-visual{width:110px;height:110px}.hero-visual:before{inset:7px}.orbit-a{inset:18px}.orbit-b{inset:31px}.cross-x{width:90px}.cross-y{height:90px}.radar-sweep{width:46px;height:1.5px}.radar-sweep:after{top:-4px;height:8px}.radar-core{width:62px;height:62px;border-radius:17px}.radar-label strong{font-size:7px}.radar-label span{display:none}.hero-trust span{font-size:7.5px;padding:4px 5px}}


/* === V4.3.2 LOCKED HERO BRAND GEOMETRY ================================
   Source of truth: assets/radar-cash-hero-transparent.png
   Desktop and mobile use the exact same internal geometry. Responsive CSS
   may ONLY scale the whole component; it must not reposition rings/core/text.
   ====================================================================== */
.hero-visual.hero-logo-locked{
  width:340px;
  height:340px;
  position:relative;
  justify-self:end;
  display:block;
  border-radius:0;
  background:none;
  overflow:visible;
  isolation:isolate;
}
.hero-visual.hero-logo-locked:before{content:none!important}
.hero-logo-art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
  filter:drop-shadow(0 18px 38px rgba(0,183,238,.12));
  z-index:1;
}
/* The artwork itself fixes all ring/core/text proportions. This subtle scan
   layer is percentage-anchored to the same circle on every device. */
.hero-logo-scan{
  position:absolute;
  left:13.55%;
  top:6.65%;
  width:72.20%;
  aspect-ratio:1/1;
  border-radius:50%;
  pointer-events:none;
  z-index:2;
  opacity:.34;
  background:conic-gradient(
    from 8deg,
    transparent 0deg 330deg,
    rgba(82,229,255,.015) 338deg,
    rgba(82,229,255,.12) 350deg,
    rgba(82,229,255,.32) 357deg,
    rgba(82,229,255,.02) 360deg
  );
  mix-blend-mode:screen;
  animation:lockedHeroScan 8s linear infinite;
  -webkit-animation:lockedHeroScan 8s linear infinite;
}
@keyframes lockedHeroScan{to{transform:rotate(360deg)}}
@-webkit-keyframes lockedHeroScan{to{-webkit-transform:rotate(360deg)}}

@media(max-width:900px){
  .hero-visual.hero-logo-locked{width:278px;height:278px}
}
@media(max-width:720px){
  .hero-visual.hero-logo-locked{width:156px;height:156px;justify-self:end;margin:0}
}
@media(max-width:520px){
  .hero-visual.hero-logo-locked{width:126px;height:126px}
}
@media(max-width:390px){
  .hero-visual.hero-logo-locked{width:110px;height:110px}
}


/* === V4.3.2 TRANSPARENT HERO + MOBILE COPY WIDTH ======================
   The logo artwork is one single transparent asset on every viewport.
   Desktop/mobile change only the whole asset size; its internal geometry is
   never re-authored by CSS. Mobile copy width is widened independently from
   the artwork so the paragraph no longer wraps into overly short lines.
   ===================================================================== */
.hero-visual.hero-logo-locked{
  background:transparent!important;
}
.hero-logo-art{
  object-fit:contain;
  background:transparent!important;
}
@media(max-width:720px){
  .hero{
    grid-template-columns:minmax(0,1fr) 118px;
    gap:10px;
  }
  .hero-visual.hero-logo-locked{
    width:118px;
    height:118px;
  }
}
@media(max-width:520px){
  .hero{
    grid-template-columns:minmax(0,1fr) 104px;
    gap:8px;
  }
  .hero-visual.hero-logo-locked{
    width:104px;
    height:104px;
  }
}
@media(max-width:390px){
  .hero{
    grid-template-columns:minmax(0,1fr) 92px;
    gap:7px;
  }
  .hero-visual.hero-logo-locked{
    width:92px;
    height:92px;
  }
}


/* === V4.3.3 USER-SUPPLIED HERO ART ====================================
   Source image is the exact user-uploaded 2222(2).png bytes.
   PC/mobile share the same artwork and same visual treatment; responsive
   rules may only scale the whole asset. No internal geometry is re-authored.
   ====================================================================== */
.hero-logo-art{
  opacity:.94;
  filter:brightness(.68) saturate(.84) contrast(.97) drop-shadow(0 12px 24px rgba(0,183,238,.05));
}
.hero-logo-scan{opacity:.16}


/* === V4.3.4 NO-HALO HERO ART =========================================
   User-supplied artwork only. No generated replacement. The PNG alpha fringe
   was cleaned non-generatively; browser-added drop shadows / extra scan bloom
   are disabled. PC/mobile use the same exact asset and treatment.
   ====================================================================== */
.hero-visual.hero-logo-locked{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
}
.hero-logo-art{
  opacity:.96!important;
  filter:brightness(.72) saturate(.78) contrast(.98)!important;
  box-shadow:none!important;
}
.hero-logo-scan{
  opacity:.05!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}


/* === V4.3.5 USER-SUPPLIED SOURCE LOCK ==================================
   IMPORTANT: This hero artwork is derived ONLY from the user's uploaded
   image by non-generative pixel editing: the original embedded text was
   removed and re-positioned below the rings using pixels extracted from the
   same source image. No image-generation model is used for this asset.

   Desktop and mobile render the exact same completed image. Responsive CSS
   may ONLY scale the whole image; internal ring/core/text geometry is fixed.
   ====================================================================== */
.hero-visual.hero-logo-locked{
  width:340px!important;
  height:auto!important;
  aspect-ratio:366/360!important;
  display:block!important;
  justify-self:end!important;
  background:#08121c!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
  filter:none!important;
}
.hero-logo-art{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:366/360!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:none!important;
  background:#08121c!important;
}
.hero-logo-scan{display:none!important}
@media(max-width:900px){
  .hero-visual.hero-logo-locked{width:278px!important}
}
@media(max-width:720px){
  .hero-visual.hero-logo-locked{width:118px!important;margin:0!important}
}
@media(max-width:520px){
  .hero-visual.hero-logo-locked{width:104px!important}
}
@media(max-width:390px){
  .hero-visual.hero-logo-locked{width:92px!important}
}


/* === V4.3.6 LOCKED USER-REFERENCE LOGO ================================
   Source: user's image. Text removed by non-generative pixel cleanup only.
   The complete PC/mobile lockup is one SVG. Internal geometry never changes;
   responsive CSS only changes the overall width. SVG owns radar animation.
   ====================================================================== */
.hero-visual.hero-logo-locked{
  width:340px!important;
  height:auto!important;
  aspect-ratio:366/360!important;
  display:block!important;
  justify-self:end!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
  filter:none!important;
}
.hero-logo-lockup{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:366/360!important;
  object-fit:contain!important;
  background:transparent!important;
  filter:none!important;
  box-shadow:none!important;
}
.hero-logo-art,.hero-logo-scan{display:none!important}
@media(max-width:900px){.hero-visual.hero-logo-locked{width:278px!important}}
@media(max-width:720px){.hero-visual.hero-logo-locked{width:118px!important;margin:0!important}}
@media(max-width:520px){.hero-visual.hero-logo-locked{width:104px!important}}
@media(max-width:390px){.hero-visual.hero-logo-locked{width:92px!important}}


/* V4.3.7 — VERIFIED UNIFIED RADAR COMPONENT
   One geometry for desktop + mobile. Only the whole component width changes.
   Three complete circles are CSS geometry, so no crop can flatten the bottom.
   Scan arm is a normal CSS animation in the page DOM (not SVG-in-IMG/SMIL). */
.hero-visual.hero-radar-final{
  width:320px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  justify-self:end!important;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  background:none!important;
  border-radius:0!important;
  overflow:visible!important;
  margin:0!important;
}
.hero-visual.hero-radar-final:before{content:none!important}
.rf-stage{
  --core:44%;
  --ring-inner:46%;
  --ring-middle:67%;
  --ring-outer:86%;
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  flex:0 0 auto;
  overflow:visible;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(28,137,177,.075),rgba(4,13,22,0) 69%);
}
.rf-ring{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  box-sizing:border-box;
  border-radius:50%;
  pointer-events:none;
}
.rf-ring-inner{width:var(--ring-inner);height:var(--ring-inner);border:1px solid rgba(84,215,248,.18)}
.rf-ring-middle{width:var(--ring-middle);height:var(--ring-middle);border:1px solid rgba(84,215,248,.26)}
.rf-ring-outer{width:var(--ring-outer);height:var(--ring-outer);border:1px solid rgba(84,215,248,.18)}
.rf-cross{position:absolute;left:50%;top:50%;pointer-events:none;z-index:2;opacity:1;filter:drop-shadow(0 0 3px rgba(89,225,255,.22))}
.rf-cross-x{width:92%;height:clamp(1px,.62%,2px);transform:translate(-50%,-50%);background:linear-gradient(90deg,rgba(89,225,255,0),rgba(89,225,255,.54) 8%,rgba(89,225,255,.68) 50%,rgba(89,225,255,.54) 92%,rgba(89,225,255,0))}
.rf-cross-y{height:92%;width:clamp(1px,.62%,2px);transform:translate(-50%,-50%);background:linear-gradient(180deg,rgba(89,225,255,0),rgba(89,225,255,.54) 8%,rgba(89,225,255,.68) 50%,rgba(89,225,255,.54) 92%,rgba(89,225,255,0))}
.rf-core{
  position:absolute;
  left:50%;top:50%;
  width:var(--core);height:var(--core);
  transform:translate(-50%,-50%);
  display:block;
  z-index:3;
  filter:drop-shadow(0 8px 20px rgba(0,158,210,.10));
}
.rf-scan{
  position:absolute;
  left:50%;top:50%;
  width:41%;height:1.5px;
  transform-origin:0 50%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(72,223,255,.46),rgba(72,223,255,.18) 62%,rgba(72,223,255,0));
  box-shadow:0 0 7px rgba(72,223,255,.18);
  animation:rf-spin 7.2s linear infinite!important;
  -webkit-animation:rf-spin 7.2s linear infinite!important;
}
.rf-scan:after{
  content:"";
  position:absolute;
  left:0;top:-8px;
  width:100%;height:16px;
  clip-path:polygon(0 50%,100% 31%,100% 69%);
  background:linear-gradient(90deg,rgba(72,223,255,0),rgba(72,223,255,.055));
}
@keyframes rf-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@-webkit-keyframes rf-spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
.rf-label{
  width:100%;
  margin-top:-4.5%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  line-height:1;
  text-align:center;
  pointer-events:none;
}
.rf-label strong{
  font-size:17px;
  letter-spacing:4px;
  color:#84cee9;
  font-weight:800;
  text-shadow:0 0 8px rgba(66,198,238,.10);
}
.rf-label span{
  font-size:8.5px;
  letter-spacing:2.7px;
  color:#4f788e;
  font-weight:600;
}
@media(max-width:900px){.hero-visual.hero-radar-final{width:278px!important}}
@media(max-width:720px){.hero-visual.hero-radar-final{width:118px!important}.rf-label{margin-top:-4.5%;gap:2px}.rf-label strong{font-size:6.3px;letter-spacing:1.5px}.rf-label span{font-size:3.4px;letter-spacing:1px}}
@media(max-width:520px){.hero-visual.hero-radar-final{width:104px!important}.rf-label strong{font-size:5.6px;letter-spacing:1.3px}.rf-label span{font-size:3px;letter-spacing:.9px}}
@media(max-width:390px){.hero-visual.hero-radar-final{width:92px!important}.rf-label strong{font-size:5px;letter-spacing:1.15px}.rf-label span{font-size:2.7px;letter-spacing:.8px}}

/* Crosshair refinement: clear and long enough to slice through all three radar circles on desktop and mobile. */


/* V4.3.9 — centerline/wordmark alignment refinement
   - Vertical crosshair remains the geometric center.
   - Wordmark is rebuilt so the center falls exactly between A and C.
   - Rings and crosshair share the same color/thickness language.
   - Mobile and desktop remain the same geometry; only overall scale changes. */
.hero-visual.hero-radar-final{width:320px!important}
.rf-stage{
  --rf-line-color: rgba(100,228,255,.36);
  --rf-line-shadow: 0 0 4px rgba(100,228,255,.16);
  --rf-line-thickness: 1px;
}
.rf-ring-inner,
.rf-ring-middle,
.rf-ring-outer{
  border-color: var(--rf-line-color)!important;
  border-width: var(--rf-line-thickness)!important;
  box-shadow: 0 0 0 .35px rgba(100,228,255,.04);
}
.rf-cross{
  filter: drop-shadow(0 0 2px rgba(100,228,255,.10))!important;
}
.rf-cross-x{
  width:92%!important;
  height:var(--rf-line-thickness)!important;
  background:linear-gradient(90deg,
    rgba(100,228,255,0) 0%,
    rgba(100,228,255,.26) 6%,
    var(--rf-line-color) 14%,
    var(--rf-line-color) 86%,
    rgba(100,228,255,.26) 94%,
    rgba(100,228,255,0) 100%)!important;
  box-shadow:var(--rf-line-shadow)!important;
}
.rf-cross-y{
  height:92%!important;
  width:var(--rf-line-thickness)!important;
  background:linear-gradient(180deg,
    rgba(100,228,255,0) 0%,
    rgba(100,228,255,.26) 6%,
    var(--rf-line-color) 14%,
    var(--rf-line-color) 86%,
    rgba(100,228,255,.26) 94%,
    rgba(100,228,255,0) 100%)!important;
  box-shadow:var(--rf-line-shadow)!important;
}
.rf-label{
  margin-top:4px!important;
  gap:4px!important;
}
.rf-word-main,
.rf-word-sub{
  display:grid!important;
  align-items:center!important;
  justify-items:center!important;
  margin:0!important;
  line-height:1!important;
}
.rf-word-main{
  grid-template-columns: 1fr 1fr .42em 1fr 1fr;
  width:5.45em;
  font-size:18px!important;
  color:#84cee9!important;
  font-weight:800!important;
  text-shadow:0 0 8px rgba(66,198,238,.10)!important;
}
.rf-word-main span{display:block}
.rf-word-main .splitter{width:.42em;height:1px}
.rf-word-sub{
  grid-template-columns: 1fr .6em 1fr;
  width:12.2em;
  font-size:8.8px!important;
  color:#4f788e!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.rf-word-sub .left{justify-self:end}
.rf-word-sub .right{justify-self:start}
.rf-word-sub .splitter{width:.6em;height:1px}
.rf-label strong,
.rf-label span{letter-spacing:0!important}
@media(max-width:900px){
  .hero-visual.hero-radar-final{width:278px!important}
}
@media(max-width:720px){
  .hero-visual.hero-radar-final{width:118px!important}
  .rf-label{margin-top:2px!important;gap:2px!important}
  .rf-word-main{font-size:6.65px!important;width:5.45em}
  .rf-word-sub{font-size:3.55px!important;width:12.2em}
}
@media(max-width:520px){
  .hero-visual.hero-radar-final{width:104px!important}
  .rf-word-main{font-size:5.9px!important}
  .rf-word-sub{font-size:3.15px!important}
}
@media(max-width:390px){
  .hero-visual.hero-radar-final{width:92px!important}
  .rf-word-main{font-size:5.25px!important}
  .rf-word-sub{font-size:2.8px!important}
}


/* V4.4.3 — aggressively enlarged locked wordmark
   Requirement lock:
   - keep the perfected radar graphic untouched
   - only enlarge and rebalance the text below
   - enlarge the bottom text by roughly 50%–75%
   - keep A/C spacing tighter and visually natural
   - mobile and desktop stay visually consistent
*/
.rf-label{
  width:100%!important;
  margin-top:12px!important;
  gap:6px!important;
  align-items:center!important;
  text-align:center!important;
}
.rf-word-main{
  display:block!important;
  width:auto!important;
  margin:0 auto!important;
  font-size:64px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:1.18px!important;
  color:#84cee9!important;
  text-shadow:0 0 8px rgba(66,198,238,.10)!important;
  white-space:nowrap!important;
  transform:translateX(.58px);
}
.rf-word-sub{
  display:block!important;
  width:auto!important;
  margin:0 auto!important;
  font-size:22.8px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.82px!important;
  color:#4f788e!important;
  white-space:nowrap!important;
  transform:translateX(.46px);
}
@media(max-width:900px){
  .rf-label{margin-top:10px!important;gap:4px!important}
  .rf-word-main{font-size:54px!important;letter-spacing:.98px!important;transform:translateX(.48px)}
  .rf-word-sub{font-size:19.4px!important;letter-spacing:.70px!important;transform:translateX(.39px)}
}
@media(max-width:720px){
  .rf-label{margin-top:5px!important;gap:2px!important}
  .rf-word-main{font-size:24px!important;letter-spacing:.34px!important;transform:translateX(.17px)}
  .rf-word-sub{font-size:8.8px!important;letter-spacing:.18px!important;transform:translateX(.10px)}
}
@media(max-width:520px){
  .rf-word-main{font-size:21px!important;letter-spacing:.30px!important;transform:translateX(.15px)}
  .rf-word-sub{font-size:7.7px!important;letter-spacing:.16px!important;transform:translateX(.08px)}
}
@media(max-width:390px){
  .rf-word-main{font-size:18.5px!important;letter-spacing:.26px!important;transform:translateX(.13px)}
  .rf-word-sub{font-size:6.8px!important;letter-spacing:.14px!important;transform:translateX(.07px)}
}

/* V4.4.4 — mobile hero alignment refinements
   1) Shift the wordmark slightly right so it visually aligns with the logo
      above instead of reading as left-biased.
   2) On phone widths, justify the hero paragraph for cleaner left/right edges.
*/
.rf-label{
  transform:translateX(6px)!important;
}

@media(max-width:720px){
  .rf-label{
    transform:translateX(2px)!important;
  }
  .hero-lead{
    max-width:none!important;
    text-align:justify!important;
    text-justify:inter-ideograph!important;
    text-align-last:left!important;
    line-height:1.74!important;
  }
}

@media(max-width:520px){
  .rf-label{
    transform:translateX(1px)!important;
  }
  .hero-lead{
    line-height:1.76!important;
  }
}

@media(max-width:390px){
  .rf-label{
    transform:translateX(1px)!important;
  }
  .hero-lead{
    line-height:1.72!important;
  }
}


/* Official-contract presentation refinement.
   Keep RACH token address prominent; Presale/USDT remain available under an expandable verification section. */
.official-token-row{
  border:1px solid #1c3242;
  background:linear-gradient(145deg,#08131d,#071019);
  border-radius:17px;
  padding:16px;
  display:grid;
  grid-template-columns:190px 1fr;
  gap:18px;
  align-items:center;
}
.official-token-copy{display:flex;flex-direction:column}
.official-token-copy span{font-size:12px;font-weight:800}
.official-token-copy small{font-size:9px;color:#526f82;margin-top:3px}
.official-token-address{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.official-token-address code{font-family:Consolas,monospace;font-size:11px;color:#9edcf1;word-break:break-all;text-align:right}
.copy-contract-btn{flex:0 0 auto;border:1px solid #2a5268;background:#0c1d29;color:#9be9ff;border-radius:9px;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer}
.copy-contract-btn:hover{border-color:#3c7892;background:#102737}
.contract-details{margin-top:10px;border:1px solid #1c3242;background:#071019;border-radius:15px;overflow:hidden}
.contract-details>summary{list-style:none;cursor:pointer;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#8da8ba;font-size:11px;font-weight:800}
.contract-details>summary::-webkit-details-marker{display:none}
.contract-details>summary span{width:24px;height:24px;border:1px solid #274153;border-radius:8px;display:grid;place-items:center;color:#6fbad8;font-size:16px;font-weight:400;transition:transform .2s}
.contract-details[open]>summary span{transform:rotate(45deg)}
.contract-details .contract-list{border:0;border-top:1px solid #162938;border-radius:0}
@media(max-width:720px){
  .official-token-row{grid-template-columns:1fr;gap:8px;padding:14px}
  .official-token-address{justify-content:flex-start;align-items:flex-start;flex-direction:column}
  .official-token-address code{text-align:left;width:100%}
  .copy-contract-btn{align-self:flex-start}
}