*{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}
}
.footer .footer-support{
  font-size:12px;
  display:flex;
  align-items:center;
  gap:7px;
  max-width:none;
}

.footer .footer-support a{
  color:#9edcf1;
  text-decoration:none;
  font-weight:700;
}

.footer .footer-support a:hover{
  text-decoration:underline;
}

.copy-email-btn{
  border:1px solid #29485c;
  background:#0a1721;
  color:#9edcf1;
  border-radius:7px;
  padding:5px 8px;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}

.copy-email-btn:hover{
  border-color:#4d819c;
  background:#0d1d29;
}

@media(max-width:720px){
  .footer .footer-support{
    flex-wrap:wrap;
  }
}


/* ==========================================================================\n   Radar Cash CRIMSON UI — production visual pass V1\n   Visual-only override. Contract/wallet/runtime selectors remain unchanged.\n   ========================================================================== */
:root{
  --bg:#070405;--bg2:#0c0709;--panel:#12090c;--panel2:#0d0709;--panel3:#170d11;
  --line:#3b1b24;--line-soft:rgba(211,66,89,.14);--line-bright:rgba(221,83,104,.34);
  --text:#f8f3f4;--muted:#a99a9e;--muted2:#75676c;--cyan:#d82e49;--cyan2:#a91932;
  --blue:#c4596c;--good:#61dda1;--warn:#ffc954;--bad:#ff7f89;--shadow:0 22px 70px rgba(0,0,0,.32)
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(880px 560px at 88% -8%,rgba(116,32,70,.14),transparent 58%),
    radial-gradient(720px 520px at -6% 28%,rgba(137,17,39,.11),transparent 62%),
    linear-gradient(180deg,#090507 0%,#0b0608 43%,#070405 100%);
}
body:before{
  background-image:linear-gradient(rgba(206,61,84,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(206,61,84,.022) 1px,transparent 1px);
}
.ambient-a{background:#b61e39;opacity:.16}.ambient-b{background:#65234f;opacity:.10}
.brand-mark:after{border-color:rgba(213,54,79,.18)}
.brand-copy span{color:#a27f87}
.network-badge{border-color:#47222c;background:rgba(20,10,13,.76);color:#eadde0}
.network-badge small{color:#8b747b;border-left-color:#46232c}
.card-surface,.section-card{border-color:#3a1a23;background:linear-gradient(145deg,rgba(22,11,15,.95),rgba(10,6,8,.96));box-shadow:var(--shadow)}
.card-surface:before,.section-card:before{background:linear-gradient(90deg,transparent,rgba(221,69,94,.30),transparent)}

.hero{
  min-height:500px;
  grid-template-columns:1.02fr .98fr;
  padding:58px 58px;
  gap:26px;
  background:
    radial-gradient(520px 380px at 80% 45%,rgba(179,32,60,.14),transparent 64%),
    radial-gradient(430px 330px at 100% 0%,rgba(101,35,83,.17),transparent 72%),
    linear-gradient(138deg,rgba(39,10,18,.98),rgba(22,9,14,.96) 48%,rgba(10,6,8,.97));
}
.eyebrow{border-color:rgba(218,65,89,.28);background:rgba(128,24,46,.14);color:#e0aeba}
.eyebrow-dot{background:#d8324d;box-shadow:0 0 14px rgba(216,50,77,.62)}
.hero h1{font-size:58px;letter-spacing:-2px}
.hero h1 span{background:linear-gradient(180deg,#fff9fb 0,#f1cbd4 58%,#b66072 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 30px rgba(192,43,69,.12)}
.hero-lead{color:#c1afb4;line-height:1.88}
.hero-trust span{color:#d5c3c7;border-color:#3d2028;background:#12090c}

.hero-visual.hero-brand-visual{
  width:min(48vw,470px)!important;
  height:auto!important;
  aspect-ratio:640/540;
  justify-self:end;
  position:relative;
  display:block;
  border-radius:0;
  background:none!important;
  overflow:visible;
}
.hero-visual.hero-brand-visual:before{display:none!important}
.brand-growth-scene{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.brand-emblem{
  position:absolute;
  left:51.6%;
  top:43.7%;
  width:35.5%;
  height:35.5%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.40)) drop-shadow(0 0 22px rgba(186,43,67,.16));
}
.brand-signal-caption{
  position:absolute;right:5.6%;bottom:2.2%;display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1;text-align:right
}
.brand-signal-caption strong{font-size:13px;letter-spacing:3.6px;color:#dba3ae;font-weight:800}
.brand-signal-caption span{font-size:7.5px;letter-spacing:2px;color:#815c65;font-weight:700}

.stats-grid{gap:13px}
.stat-card{border-color:#3a1b24;background:linear-gradient(160deg,#140b0e,#0d0709);box-shadow:0 15px 35px rgba(0,0,0,.18)}
.stat-card .stat-label{color:#a17c85}.stat-card strong small{color:#b18a93}.stat-card>span:last-child{color:#8b616c}
.prelaunch{border-color:rgba(255,201,84,.29);background:linear-gradient(90deg,rgba(92,57,7,.21),rgba(45,30,8,.14))}
.section-kicker{color:#a95e70}
.status-pill,.swap-pill,.soft-pill,.verify-pill{border-color:#48232d;background:#130a0d;color:#d0bcc1}
.swap-pill b{color:#e06378}.soft-pill{color:#987a82}.verify-pill{color:#d88da0;border-color:rgba(208,67,90,.25)}
.metric{border-color:rgba(205,64,88,.13);background:linear-gradient(145deg,#130a0d,#0d0709)}
.metric.primary{background:radial-gradient(280px 160px at 0 0,rgba(173,31,57,.11),transparent 65%),linear-gradient(145deg,#160b0f,#0d0709)}
.metric>span{color:#a18a91}.metric small{color:#765e66}
.progress-track{background:#080406;border-color:#32171f}.progress-bar{background:linear-gradient(90deg,#9d1830,#da354f);box-shadow:0 0 22px rgba(201,42,67,.31)}.progress-scale{color:#735b63}
.help{color:#96858a}
.wallet-panel{border-color:rgba(206,66,90,.19);background:radial-gradient(440px 160px at 100% 0,rgba(175,32,59,.10),transparent 65%),#12090c}
.wallet-mini{color:#a65d6e}.walletLine{color:#9b858b}.addr{color:#d98da0}
.connectWalletBtn{color:#fff8fa;background:linear-gradient(135deg,#9b1830,#ca2944 56%,#de5367);box-shadow:0 10px 30px rgba(170,31,55,.18)}
.connectWalletBtn:hover{box-shadow:0 12px 32px rgba(181,33,58,.28)}
.amount-box,.summary,.action-step,.feature,.rules-grid article,.contract,.official-token-row,.contract-details{border-color:#351922;background:linear-gradient(145deg,#12090c,#0c0708)}
.amountrow{border-color:#48212b;background:#090507}.amountrow:focus-within{border-color:#a52b43;box-shadow:0 0 0 3px rgba(185,41,66,.10)}
.amountrow input{color:#fff7f9}.suffix{color:#a67782}.quick button{border-color:#45212a;background:#130a0d;color:#c9adb4}.quick button:hover{border-color:#8e3145;color:#f5dce2}
.summary .row{border-bottom-color:#291219}.summary .row span{color:#958086}.summary .row strong{color:#e8dadd}.summary .row.accent strong{color:#e15d74}.summary .row.total{background:#180b10;border-color:#4a1f2c}
.action-step button{background:linear-gradient(135deg,#9f1a32,#d0334d);color:white}.action-step button.secondary{background:linear-gradient(135deg,#76162a,#a9253b)}.action-step button.ghost{border-color:#4b232e;color:#d7b7bf;background:#12090c}
.tag{color:#c87689}.feature-icon{border-color:#4a202b;background:#140a0e}.feature p,.rules-grid p,.flow p{color:#96848a}
.flow-line{background:linear-gradient(90deg,#792039,#b53451)}
.official-token-row{border-color:#381a23;background:linear-gradient(145deg,#130a0d,#0c0708)}.official-token-copy small{color:#725861}.official-token-address code{color:#d996a5}.copy-contract-btn{border-color:#5a2635;background:#1a0c11;color:#e4a8b5}.copy-contract-btn:hover{border-color:#854055;background:#241017}
.contract-details{border-color:#351922;background:#0d0709}.contract-details>summary{color:#ad969c}.contract-details>summary span{border-color:#4a2430;color:#c16679}.contract-details .contract-list{border-top-color:#29131a}
.faq details{border-color:#351922;background:#10080a}.faq summary{color:#dfd1d4}.faq p{color:#96848a}
.operation-card .log,.log{border-color:#351922;background:#0d0709;color:#a9989d}.refresh-btn{border-color:#4b232d;background:#160b0e;color:#d6bcc2}
.footer{border-top-color:#2c151c}.footer p{color:#7f6e73}.footer .footer-support a{color:#d792a2}.copy-email-btn{border-color:#4b232d;background:#150a0e;color:#d792a2}.copy-email-btn:hover{border-color:#754052;background:#201017}
.walletSheet{background:#130a0e;border-color:#48212c}.walletSheetTitle{color:#f5ecee}.walletSheetSub,.walletPickerNote{color:#8e7b81}.walletOption{border-color:#3d1d26;background:#0e0709;color:#f1e5e8}.walletOption:hover{border-color:#753247;background:#160a0f}.walletCancel{border-color:#3f1e27;background:#10080a;color:#bca5ab}

@media(max-width:900px){
  .hero{min-height:470px;padding:44px 38px;grid-template-columns:1fr .8fr}
  .hero-visual.hero-brand-visual{width:360px!important}
}
@media(max-width:720px){
  .shell{padding:12px 12px 54px}
  .topbar{padding:6px 2px 12px}
  .brand-copy b{font-size:17px}.brand-copy span{font-size:9.5px}
  .network-badge{padding:8px 10px}.network-badge small{display:none}
  .hero{min-height:auto;padding:30px 22px 26px;grid-template-columns:1fr;gap:18px}
  .hero h1{font-size:39px;letter-spacing:-1.2px;margin-top:14px}
  .hero-lead{font-size:13px}
  .hero-visual.hero-brand-visual{width:min(100%,360px)!important;justify-self:center;margin-top:-4px}
  .brand-emblem{width:34%;height:34%}
  .brand-signal-caption{right:6%;bottom:1%}
  .stats-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .hero{padding:27px 18px 22px;border-radius:24px}
  .hero h1{font-size:36px}
  .hero-trust{gap:6px;margin-top:17px}.hero-trust span{font-size:9.5px;padding:6px 8px}
  .hero-visual.hero-brand-visual{width:100%!important;max-width:330px}
  .brand-signal-caption strong{font-size:10px;letter-spacing:2.6px}.brand-signal-caption span{font-size:6px;letter-spacing:1.35px}
}

/* ==========================================================================\n   Radar Cash CRIMSON UI — production visual pass V2\n   Color-depth correction: restore visible red/wine/violet atmosphere while\n   keeping red as the dominant brand color. Visual only.\n   ========================================================================== */
html{
  background:#12070b!important;
}
body{
  background:
    radial-gradient(1100px 720px at 92% -8%,rgba(89,43,132,.24),transparent 60%),
    radial-gradient(980px 760px at -8% 25%,rgba(186,24,52,.30),transparent 62%),
    linear-gradient(180deg,#1a070d 0%,#110609 43%,#16080c 100%)!important;
  background-attachment:fixed!important;
}
body:before{
  opacity:.55!important;
  background-image:
    linear-gradient(rgba(214,67,90,.030) 1px,transparent 1px),
    linear-gradient(90deg,rgba(214,67,90,.030) 1px,transparent 1px)!important;
}
.ambient-a{
  width:650px!important;height:650px!important;
  right:-210px!important;top:-210px!important;
  background:#b91e3c!important;
  opacity:.24!important;
  filter:blur(105px)!important;
}
.ambient-b{
  width:560px!important;height:560px!important;
  left:-220px!important;top:40vh!important;
  background:#65265e!important;
  opacity:.18!important;
  filter:blur(110px)!important;
}
.card-surface,.section-card{
  border-color:rgba(198,52,77,.30)!important;
  background:
    radial-gradient(520px 190px at 100% 0,rgba(149,31,59,.065),transparent 67%),
    linear-gradient(145deg,rgba(37,11,18,.965),rgba(17,7,11,.975))!important;
  box-shadow:0 22px 68px rgba(0,0,0,.33),0 0 42px rgba(137,25,49,.035)!important;
}
.card-surface:before,.section-card:before{
  background:linear-gradient(90deg,transparent,rgba(230,76,99,.42),transparent)!important;
}
.hero{
  background:
    radial-gradient(620px 430px at 82% 42%,rgba(225,63,89,.24),transparent 57%),
    radial-gradient(520px 380px at 100% 0%,rgba(94,45,132,.30),transparent 68%),
    linear-gradient(135deg,#59101f 0%,#3c0c18 38%,#34142f 72%,#1d0a22 100%)!important;
  border-color:rgba(222,72,96,.34)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.38),0 0 65px rgba(153,28,55,.075)!important;
}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(118deg,rgba(255,255,255,.035),transparent 29%,transparent 72%,rgba(128,58,145,.045));
  z-index:0;
}
.hero-copy,.hero-visual{z-index:2}
.eyebrow{
  border-color:rgba(238,86,109,.42)!important;
  background:rgba(119,20,42,.26)!important;
  color:#f2c3cc!important;
}
.hero h1 span{
  background:linear-gradient(180deg,#fffafb 0%,#f3d2d8 52%,#ce7888 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.hero-lead{color:#dbc5ca!important}
.hero-trust span{
  color:#ead6da!important;
  border-color:rgba(203,65,89,.34)!important;
  background:rgba(38,10,17,.58)!important;
}
.stat-card{
  border-color:rgba(196,54,78,.31)!important;
  background:
    radial-gradient(240px 100px at 100% 0,rgba(160,35,62,.075),transparent 68%),
    linear-gradient(155deg,#231017,#13090d)!important;
}
.section-card{
  backdrop-filter:blur(3px);
}
.metric{
  border-color:rgba(203,63,87,.22)!important;
  background:linear-gradient(145deg,#1f0e14,#11080b)!important;
}
.metric.primary{
  background:
    radial-gradient(300px 170px at 0 0,rgba(179,37,64,.15),transparent 65%),
    linear-gradient(145deg,#251018,#11080b)!important;
}
.wallet-panel{
  border-color:rgba(205,64,89,.28)!important;
  background:
    radial-gradient(470px 190px at 100% 0,rgba(181,37,65,.14),transparent 65%),
    linear-gradient(145deg,#211016,#11080c)!important;
}
.amount-box,.summary,.action-step,.feature,.rules-grid article,.contract,.official-token-row,.contract-details{
  border-color:rgba(190,52,76,.25)!important;
  background:linear-gradient(145deg,#1d0d13,#10070a)!important;
}
.faq details,.operation-card .log,.log{
  border-color:rgba(186,51,75,.24)!important;
  background:#160a0f!important;
}
@media(max-width:720px){
  body{
    background:
      radial-gradient(580px 460px at 100% -4%,rgba(92,44,135,.23),transparent 60%),
      radial-gradient(560px 520px at -12% 22%,rgba(188,25,52,.29),transparent 62%),
      linear-gradient(180deg,#19070d 0%,#100608 48%,#15080b 100%)!important;
  }
  .hero{
    background:
      radial-gradient(420px 320px at 74% 56%,rgba(225,63,89,.22),transparent 58%),
      radial-gradient(330px 260px at 100% 0%,rgba(94,45,132,.26),transparent 68%),
      linear-gradient(145deg,#57101f 0%,#3a0c18 43%,#2b112b 100%)!important;
  }
}

/* ==========================================================================
   Radar Cash CRIMSON UI — production visual pass V3
   EXACT DEMO PALETTE LOCK
   Source of truth: approved crimson demo palette (V11.2).
   Do NOT darken, mute, reinterpret, or rebalance these colors in production.
   Visual-only override. Runtime JS/config remain untouched.
   ========================================================================== */
:root{
  --bg:#09050d!important;
  --bg2:#09050d!important;
  --panel:#140b18!important;
  --panel2:#1a0e20!important;
  --panel3:#1a0e20!important;
  --line:rgba(213,71,92,.22)!important;
  --line-soft:rgba(213,71,92,.22)!important;
  --line-bright:rgba(220,85,105,.34)!important;
  --text:#fff8fb!important;
  --muted:#b9a8b7!important;
  --muted2:#7f7080!important;
  --cyan:#c71f39!important;
  --cyan2:#9f275f!important;
  --blue:#5c309e!important;
  --good:#3ad680!important;
  --warn:#ffc36b!important;
  --bad:#ff7f89!important;
}
html{background:#09050d!important;color:#fff8fb!important}
body{
  background:
    radial-gradient(980px 640px at 85% -10%,rgba(125,63,216,.19),transparent 57%),
    radial-gradient(760px 520px at 0% 18%,rgba(255,74,118,.14),transparent 58%),
    #09050d!important;
  background-attachment:fixed!important;
}
body:before{
  opacity:1!important;
  background-image:
    linear-gradient(rgba(213,71,92,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(213,71,92,.018) 1px,transparent 1px)!important;
}
.ambient-a{
  background:#c71f39!important;
  opacity:.16!important;
  filter:blur(92px)!important;
}
.ambient-b{
  background:#5c309e!important;
  opacity:.12!important;
  filter:blur(96px)!important;
}
.topbar{background:transparent!important}
.brand-mark:after{border-color:rgba(213,71,92,.22)!important}
.brand-copy span{color:#766976!important}
.network-badge{
  border-color:rgba(220,85,105,.34)!important;
  background:linear-gradient(135deg,rgba(199,31,57,.16),rgba(92,48,158,.09))!important;
  color:#f6d7dc!important;
}
.network-badge small{color:#7f7080!important;border-left-color:rgba(220,85,105,.20)!important}

.card-surface,.section-card{
  border-color:rgba(213,71,92,.22)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006)),
    #140b18!important;
  box-shadow:0 16px 42px rgba(0,0,0,.19)!important;
}
.card-surface:before,.section-card:before{
  background:linear-gradient(90deg,transparent,rgba(220,85,105,.30),transparent)!important;
}
.hero{
  border-color:rgba(214,71,91,.18)!important;
  background:
    radial-gradient(540px 420px at 78% 42%,rgba(210,74,98,.17),transparent 60%),
    radial-gradient(520px 360px at 96% 4%,rgba(92,48,158,.28),transparent 68%),
    linear-gradient(135deg,#b51f37 0%,#981d44 32%,#6b2a69 66%,#24122f 100%)!important;
  box-shadow:0 28px 92px rgba(0,0,0,.39)!important;
}
.hero:after{
  background:
    linear-gradient(112deg,rgba(255,255,255,.09),transparent 28%),
    radial-gradient(circle at 73% 36%,rgba(255,255,255,.08),transparent 17%)!important;
}
.eyebrow{
  border-color:rgba(255,255,255,.20)!important;
  background:rgba(32,8,40,.14)!important;
  color:#fff2f6!important;
}
.eyebrow-dot{background:#c71f39!important;box-shadow:0 0 14px rgba(199,31,57,.62)!important}
.hero h1 span{
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#ffe5eb!important;
  text-shadow:0 8px 30px rgba(72,0,38,.16)!important;
}
.hero-lead{color:#fdeaf0!important}
.hero-trust span{
  color:#fdecef!important;
  border-color:rgba(255,255,255,.20)!important;
  background:rgba(32,8,40,.14)!important;
}

.stat-card{
  border-color:rgba(213,71,92,.22)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006)),#140b18!important;
  box-shadow:0 16px 42px rgba(0,0,0,.19)!important;
}
.stat-card .stat-label{color:#817382!important}
.stat-card strong small{color:#b9a8b7!important}
.stat-card>span:last-child{color:#7f7080!important}

.section-kicker{color:#dd445b!important}
.status-pill,.swap-pill,.soft-pill,.verify-pill{
  border-color:rgba(213,71,92,.22)!important;
  background:#120a16!important;
  color:#f6d7dc!important;
}
.swap-pill b{color:#dd445b!important}
.soft-pill{color:#7f7080!important}
.verify-pill{color:#f07b8b!important}

.metric{
  border-color:rgba(255,91,126,.10)!important;
  background:#0d0810!important;
}
.metric.primary{
  background:
    radial-gradient(300px 170px at 0 0,rgba(199,31,57,.10),transparent 65%),
    #0d0810!important;
}
.metric>span{color:#817382!important}
.metric small{color:#7f7080!important}
.progress-track{background:#251326!important;border-color:rgba(213,71,92,.18)!important}
.progress-bar{background:linear-gradient(90deg,#932452,#c81f39 52%,#de4a5e)!important;box-shadow:0 0 14px rgba(199,31,57,.35)!important}
.progress-scale,.help{color:#7f7080!important}

.wallet-panel{
  border-color:rgba(213,71,92,.22)!important;
  background:
    radial-gradient(470px 190px at 100% 0,rgba(92,48,158,.08),transparent 65%),
    #140b18!important;
}
.wallet-mini{color:#dd445b!important}.walletLine{color:#b9a8b7!important}.addr{color:#f07b8b!important}
.connectWalletBtn{
  color:#fff8fb!important;
  background:linear-gradient(100deg,#932452 0%,#c81f39 52%,#de4a5e 100%)!important;
  box-shadow:0 15px 38px rgba(199,31,57,.24),inset 0 1px rgba(255,255,255,.16)!important;
}

.amount-box,.summary,.action-step,.feature,.rules-grid article,.contract,.official-token-row,.contract-details{
  border-color:rgba(213,71,92,.22)!important;
  background:#140b18!important;
}
.amountrow{border-color:rgba(220,85,105,.34)!important;background:#0d0810!important}
.amountrow:focus-within{border-color:#dd445b!important;box-shadow:0 0 0 3px rgba(199,31,57,.12)!important}
.amountrow input{color:#fff8fb!important}.suffix{color:#b9a8b7!important}
.quick button{border-color:rgba(213,71,92,.22)!important;background:#120a16!important;color:#f6d7dc!important}
.quick button:hover{border-color:rgba(220,85,105,.34)!important;color:#fff8fb!important}
.summary .row{border-bottom-color:rgba(213,71,92,.12)!important}.summary .row span{color:#b9a8b7!important}.summary .row strong{color:#fff8fb!important}.summary .row.accent strong{color:#dd445b!important}.summary .row.total{background:#1a0e20!important;border-color:rgba(213,71,92,.22)!important}
.action-step button{background:linear-gradient(100deg,#932452,#c81f39 52%,#de4a5e)!important;color:#fff8fb!important}.action-step button.secondary{background:linear-gradient(135deg,#7c2349,#a72a43)!important}.action-step button.ghost{border-color:rgba(213,71,92,.22)!important;color:#f6d7dc!important;background:#120a16!important}
.tag{color:#dd445b!important}.feature-icon{border-color:rgba(213,71,92,.22)!important;background:#1a0e20!important}.feature p,.rules-grid p,.flow p{color:#b9a8b7!important}.flow-line{background:linear-gradient(90deg,#932452,#c81f39)!important}
.official-token-copy small{color:#7f7080!important}.official-token-address code{color:#f07b8b!important}.copy-contract-btn{border-color:rgba(213,71,92,.22)!important;background:#1a0e20!important;color:#f07b8b!important}
.contract-details{background:#0d0810!important}.contract-details>summary{color:#b9a8b7!important}.contract-details>summary span{border-color:rgba(213,71,92,.22)!important;color:#dd445b!important}.contract-details .contract-list{border-top-color:rgba(213,71,92,.12)!important}
.faq details{border-color:rgba(213,71,92,.22)!important;background:#140b18!important}.faq summary{color:#fff8fb!important}.faq p{color:#b9a8b7!important}
.operation-card .log,.log{border-color:rgba(213,71,92,.22)!important;background:#0d0810!important;color:#b9a8b7!important}.refresh-btn{border-color:rgba(213,71,92,.22)!important;background:#1a0e20!important;color:#f6d7dc!important}
.footer{border-top-color:rgba(213,71,92,.16)!important}.footer p{color:#7f7080!important}.footer .footer-support a{color:#f07b8b!important}.copy-email-btn{border-color:rgba(213,71,92,.22)!important;background:#1a0e20!important;color:#f07b8b!important}
.walletSheet{background:#140b18!important;border-color:rgba(213,71,92,.22)!important}.walletSheetTitle{color:#fff8fb!important}.walletSheetSub,.walletPickerNote{color:#7f7080!important}.walletOption{border-color:rgba(213,71,92,.22)!important;background:#0d0810!important;color:#fff8fb!important}.walletOption:hover{border-color:rgba(220,85,105,.34)!important;background:#1a0e20!important}.walletCancel{border-color:rgba(213,71,92,.22)!important;background:#120a16!important;color:#b9a8b7!important}

@media(max-width:720px){
  body{
    background:
      radial-gradient(980px 640px at 85% -10%,rgba(125,63,216,.19),transparent 57%),
      radial-gradient(760px 520px at 0% 18%,rgba(255,74,118,.14),transparent 58%),
      #09050d!important;
  }
  .hero{
    background:
      radial-gradient(540px 420px at 78% 42%,rgba(210,74,98,.17),transparent 60%),
      radial-gradient(520px 360px at 96% 4%,rgba(92,48,158,.28),transparent 68%),
      linear-gradient(135deg,#b51f37 0%,#981d44 32%,#6b2a69 66%,#24122f 100%)!important;
  }
}

/* ==========================================================================\n   Radar Cash CRIMSON UI — production visual pass V4\n   Mobile hero compact layout: preserve desktop, restore original blue-version\n   phone composition (copy left / compact brand radar right). Visual only.\n   ========================================================================== */
@media(max-width:720px){
  .hero{
    min-height:auto!important;
    grid-template-columns:minmax(0,1fr) 118px!important;
    align-items:center!important;
    gap:10px!important;
    padding:23px 18px!important;
    border-radius:22px!important;
  }
  .hero-copy{min-width:0!important}
  .eyebrow{
    font-size:9px!important;
    padding:6px 8px!important;
    gap:6px!important;
    letter-spacing:.48px!important;
    white-space:nowrap!important;
  }
  .eyebrow-dot{width:6px!important;height:6px!important}
  .hero h1{
    font-size:31px!important;
    line-height:1.06!important;
    letter-spacing:-1px!important;
    margin:13px 0 11px!important;
    white-space:nowrap!important;
  }
  .hero-lead{
    font-size:11.5px!important;
    line-height:1.66!important;
    text-align:left!important;
    max-width:none!important;
  }
  .hero-trust{
    margin-top:14px!important;
    gap:5px!important;
  }
  .hero-trust span{
    font-size:8.6px!important;
    line-height:1!important;
    padding:5px 6px!important;
    border-radius:7px!important;
    white-space:nowrap!important;
  }
  .hero-visual.hero-brand-visual{
    width:118px!important;
    max-width:118px!important;
    height:auto!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    aspect-ratio:640/540!important;
  }
  /* On phones the hero becomes a clean brand lockup, like the original blue mobile page. */
  .hero-brand-visual .brand-bars,
  .hero-brand-visual .brand-growth-arrow{
    display:none!important;
  }
  .brand-emblem{
    left:51.6%!important;
    top:43.7%!important;
    width:54%!important;
    height:54%!important;
  }
  .brand-signal-caption{
    left:50%!important;
    right:auto!important;
    bottom:-7%!important;
    transform:translateX(-50%)!important;
    align-items:center!important;
    text-align:center!important;
    width:120%!important;
    gap:2px!important;
  }
  .brand-signal-caption strong{
    font-size:8px!important;
    letter-spacing:2px!important;
  }
  .brand-signal-caption span{
    font-size:4px!important;
    letter-spacing:.8px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:520px){
  .hero{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:8px!important;
    padding:21px 16px!important;
  }
  .hero h1{font-size:29px!important}
  .hero-lead{font-size:11px!important;line-height:1.62!important}
  .hero-visual.hero-brand-visual{
    width:104px!important;
    max-width:104px!important;
  }
  .brand-signal-caption strong{font-size:7.2px!important;letter-spacing:1.7px!important}
  .brand-signal-caption span{font-size:3.7px!important;letter-spacing:.7px!important}
}

@media(max-width:390px){
  .hero{
    grid-template-columns:minmax(0,1fr) 94px!important;
    padding:19px 14px!important;
    gap:7px!important;
  }
  .eyebrow{font-size:8px!important;padding:5px 7px!important}
  .hero h1{font-size:27px!important;margin:11px 0 9px!important}
  .hero-lead{font-size:10.5px!important;line-height:1.58!important}
  .hero-trust{margin-top:12px!important;gap:4px!important}
  .hero-trust span{font-size:8px!important;padding:4px 5px!important}
  .hero-visual.hero-brand-visual{
    width:94px!important;
    max-width:94px!important;
  }
  .brand-signal-caption strong{font-size:6.5px!important}
  .brand-signal-caption span{display:none!important}
}

/* ========================================================================== 
   Radar Cash CRIMSON UI — production visual pass V5
   Mobile hero rebalance: restore the right-side composition fullness from the
   original blue mobile page while keeping the crimson identity. On phones we
   keep the hero visual elements (rings + bars + growth arrow), enlarge the
   lockup caption, and use the right column more efficiently. Visual only.
   ========================================================================== */
@media(max-width:720px){
  .hero{
    grid-template-columns:minmax(0,1fr) 164px!important;
    gap:12px!important;
    padding:24px 18px!important;
  }
  .hero-visual.hero-brand-visual{
    width:164px!important;
    max-width:164px!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    aspect-ratio:640/540!important;
    overflow:visible!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateX(-2px) translateY(4px) scale(1.04);
    transform-origin:50% 52%;
  }
  .hero-brand-visual .brand-bars,
  .hero-brand-visual .brand-growth-arrow{
    display:block!important;
  }
  .brand-emblem{
    left:51.6%!important;
    top:43.2%!important;
    width:43%!important;
    height:43%!important;
  }
  .brand-signal-caption{
    left:50%!important;
    right:auto!important;
    bottom:-1.5%!important;
    transform:translateX(-50%)!important;
    align-items:center!important;
    text-align:center!important;
    width:125%!important;
    gap:2px!important;
  }
  .brand-signal-caption strong{
    font-size:10.8px!important;
    letter-spacing:2.35px!important;
  }
  .brand-signal-caption span{
    display:block!important;
    font-size:4.9px!important;
    letter-spacing:1.1px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:520px){
  .hero{
    grid-template-columns:minmax(0,1fr) 146px!important;
    gap:10px!important;
    padding:22px 16px!important;
  }
  .hero-visual.hero-brand-visual{
    width:146px!important;
    max-width:146px!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateX(-2px) translateY(5px) scale(1.05);
  }
  .brand-emblem{
    width:44%!important;
    height:44%!important;
    top:42.8%!important;
  }
  .brand-signal-caption{
    width:126%!important;
    bottom:-1.8%!important;
  }
  .brand-signal-caption strong{
    font-size:9.7px!important;
    letter-spacing:2.1px!important;
  }
  .brand-signal-caption span{
    font-size:4.4px!important;
    letter-spacing:.98px!important;
  }
}

@media(max-width:390px){
  .hero{
    grid-template-columns:minmax(0,1fr) 128px!important;
    gap:8px!important;
    padding:20px 14px!important;
  }
  .hero-visual.hero-brand-visual{
    width:128px!important;
    max-width:128px!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateX(-1px) translateY(6px) scale(1.03);
  }
  .brand-emblem{
    width:45%!important;
    height:45%!important;
    top:42.6%!important;
  }
  .brand-signal-caption{
    width:128%!important;
    bottom:-2.4%!important;
  }
  .brand-signal-caption strong{
    font-size:8.8px!important;
    letter-spacing:1.9px!important;
  }
  .brand-signal-caption span{
    display:block!important;
    font-size:4px!important;
    letter-spacing:.88px!important;
  }
}

/* ========================================================================== 
   Radar Cash CRIMSON UI — production visual pass V6
   Mobile hero proportion correction:
   - preserve copy width so title/lead remain readable;
   - enlarge the right-side brand composition beyond its grid track;
   - keep rings + bars + angular growth arrow;
   - remove the mobile RACH caption to avoid competing with the emblem.
   Desktop remains unchanged. Visual only.
   ========================================================================== */
@media(max-width:720px){
  .hero{
    grid-template-columns:minmax(0,1fr) 150px!important;
    gap:8px!important;
    padding:24px 18px!important;
    overflow:hidden!important;
  }
  .hero-copy{
    position:relative!important;
    z-index:4!important;
  }
  .hero-visual.hero-brand-visual{
    width:196px!important;
    max-width:none!important;
    height:auto!important;
    justify-self:end!important;
    align-self:center!important;
    margin-right:-22px!important;
    aspect-ratio:640/540!important;
    overflow:visible!important;
    z-index:2!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateX(0) translateY(2px) scale(1.06)!important;
    transform-origin:52% 50%!important;
  }
  .hero-brand-visual .brand-bars,
  .hero-brand-visual .brand-growth-arrow{
    display:block!important;
  }
  .brand-emblem{
    left:51.5%!important;
    top:42.8%!important;
    width:48%!important;
    height:48%!important;
  }
  .brand-signal-caption{
    display:none!important;
  }
}

@media(max-width:520px){
  .hero{
    grid-template-columns:minmax(0,1fr) 138px!important;
    gap:6px!important;
    padding:22px 16px!important;
  }
  .hero h1{
    font-size:29px!important;
  }
  .hero-visual.hero-brand-visual{
    width:184px!important;
    max-width:none!important;
    margin-right:-20px!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateY(3px) scale(1.08)!important;
  }
  .brand-emblem{
    width:49%!important;
    height:49%!important;
    top:42.5%!important;
  }
}

@media(max-width:390px){
  .hero{
    grid-template-columns:minmax(0,1fr) 124px!important;
    gap:5px!important;
    padding:20px 14px!important;
  }
  .hero h1{
    font-size:27px!important;
  }
  .hero-visual.hero-brand-visual{
    width:166px!important;
    max-width:none!important;
    margin-right:-18px!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateY(4px) scale(1.07)!important;
  }
  .brand-emblem{
    width:50%!important;
    height:50%!important;
    top:42.4%!important;
  }
}

/* ========================================================================== 
   Radar Cash CRIMSON UI — production visual pass V7
   Mobile hero harmony pass:
   - restore a single compact lockup caption on mobile (bottom line only);
   - enlarge and right-bias the visual block slightly;
   - improve left/right balance without returning to vertical stacking.
   Visual only.
   ========================================================================== */
@media(max-width:720px){
  .hero{
    grid-template-columns:minmax(0,1fr) 156px!important;
    gap:8px!important;
  }
  .hero-visual.hero-brand-visual{
    width:208px!important;
    margin-right:-16px!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateX(2px) translateY(2px) scale(1.08)!important;
    transform-origin:54% 50%!important;
  }
  .brand-emblem{
    left:52.2%!important;
    top:42.6%!important;
    width:49%!important;
    height:49%!important;
  }
  .brand-signal-caption{
    display:flex!important;
    left:auto!important;
    right:10px!important;
    bottom:7px!important;
    transform:none!important;
    width:auto!important;
    align-items:flex-end!important;
    text-align:right!important;
    gap:0!important;
  }
  .brand-signal-caption strong{
    display:none!important;
  }
  .brand-signal-caption span{
    display:block!important;
    font-size:5.7px!important;
    letter-spacing:1.28px!important;
    white-space:nowrap!important;
    opacity:.84!important;
  }
}

@media(max-width:520px){
  .hero{
    grid-template-columns:minmax(0,1fr) 144px!important;
    gap:7px!important;
  }
  .hero-visual.hero-brand-visual{
    width:194px!important;
    margin-right:-15px!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateX(2px) translateY(3px) scale(1.09)!important;
  }
  .brand-emblem{
    width:49.5%!important;
    height:49.5%!important;
  }
  .brand-signal-caption{
    right:9px!important;
    bottom:6px!important;
  }
  .brand-signal-caption span{
    font-size:5.2px!important;
    letter-spacing:1.18px!important;
  }
}

@media(max-width:390px){
  .hero{
    grid-template-columns:minmax(0,1fr) 130px!important;
    gap:5px!important;
  }
  .hero-visual.hero-brand-visual{
    width:174px!important;
    margin-right:-13px!important;
  }
  .hero-brand-visual .brand-growth-scene{
    transform:translateX(1px) translateY(4px) scale(1.07)!important;
  }
  .brand-emblem{
    width:50%!important;
    height:50%!important;
  }
  .brand-signal-caption{
    right:8px!important;
    bottom:5px!important;
  }
  .brand-signal-caption span{
    font-size:4.55px!important;
    letter-spacing:1.01px!important;
  }
}