/* Navy navigation, white surfaces and blue actions, matching the supplied reference. */
:root {
  color-scheme: light;
  --ink: #f4f7fc;
  --ink2: #edf3fa;
  --panel: #ffffff;
  --line: #dce5f1;
  --paper: #151d31;
  --muted: #53637d;
  --cyan: #007db5;
  --blue: #008dcc;
  --good: #008765;
  --bad: #c72b50;
  --navy: #1b2342;
}
html, body { background: var(--ink); }
body { color: var(--paper); }
.ambient { display: none; }
.topbar { background: var(--navy); border-color: #303a60; color: #fff; backdrop-filter: none; }
.logo-mark { background: linear-gradient(135deg, #20bcf0, #007bff); color: #142040; }
.logo-copy small { color: #32bfff; }
.desktop-nav, .network-pill { color: #d3def1; }
.network-pill, .menu { border-color: #394568; }
.network-pill i { background: #0bc99a; box-shadow: none; }
.desktop-nav a:hover, .desktop-nav a[aria-current=page] { color: #3cc6ff; }
.menu { color: #fff; background: #232d50; }
.drawer { background: var(--navy); border-color: #364269; box-shadow: 0 20px 60px #18233c33; }
.drawer a { color: #d4e1f4; }
.drawer a:hover, .drawer a[aria-current=page] { background: #26345b; color: #42caff; }
.menu-backdrop { background: #14203a55; }
.primary, .connect { color: #fff; background: linear-gradient(110deg, #087fb8, #006fa7); box-shadow: 0 5px 16px #009cda22; }
.primary:hover, .connect:hover { filter: brightness(.95); }
.secondary, .action { color: #176b96; background: #f7faff; border-color: var(--line); box-shadow: none; }
.secondary:hover, .action:hover { color: #006493; background: #eaf6fe; border-color: #8eceeb; }
.hero h1 span { color: #008dca; -webkit-text-stroke: 0; }
.lede, .card-note, footer, .field label { color: var(--muted); }
.hero:before { background-image: linear-gradient(#008dcc08 1px, transparent 1px), linear-gradient(90deg, #008dcc08 1px, transparent 1px); }
.card, .panel, .table-wrap { background: #fff; border-color: var(--line); box-shadow: 0 2px 3px #243a5c06; }
.card:before { display: none; }
.icon { color: #007ba9; background: #eaf6fe; border-color: #d8effa; }
.card:nth-child(3n+2) .icon { color: #008060; background: #e4f7f0; border-color: #d8f1e8; }
.card:nth-child(3n+3) .icon { color: #a06600; background: #fff5e2; border-color: #fff0d0; }
.card-value { color: #141c30; font-variant-numeric: tabular-nums; }
.metric { border-color: var(--line); }
.field input { color: var(--paper); background: #f5f8fd; border-color: #cbd8e9; }
.field input::placeholder { color: #697b94; opacity: 1; }
.field select { width: 100%; min-height: 48px; padding: 12px; border: 1px solid #cbd8e9; border-radius: 12px; background: #f5f8fd; color: var(--paper); font: inherit; font-size: 16px; }
.field input:focus { border-color: #0098d2; box-shadow: 0 0 0 3px #00a6e512; }
.notice { color: #2c6080; background: #eef8ff; border-color: #cbe7f7; }
.notice.good { color: #087655; background: #e9f8f2; border-color: #ccebdd; }
.notice.bad { color: #b22746; background: #fff0f3; border-color: #f3c9d4; }
table { background: #fff; }
th { background: #f8fafd; color: #53637d; }
th, td { border-color: var(--line); }
td { color: var(--paper); }
tbody tr:hover { background: #f5faff; }
.table-wrap { scrollbar-color: #adc2d9 #eef3fa; }
.progress { background: #e8eef7; }
.progress i { background: linear-gradient(90deg, #09b68a, #008dc9); }
.tech-orb { border-color: #cee5f4; background: repeating-radial-gradient(circle, transparent 0 32px, #008dcc12 33px 34px), radial-gradient(circle, #dceffa, #f4f7fc 70%); }
.tech-orb:before, .tech-orb:after { border-color: #91d1ec; }
.orb-core { color: #14203c; background: #fff; box-shadow: 0 12px 55px #009bce20; border: 1px solid #d8eaf6; }
.orb-core small { color: #53637d; }
footer { border-color: var(--line); }
footer .logo-copy strong { color: var(--navy); }
footer .logo-copy small { color: #007ba9; }
.ui-toast { color: var(--paper); background: #fff; border-color: #b9dced; box-shadow: 0 10px 40px #22395b25; }
.loading span { border-color: #d7e5f3; border-top-color: var(--blue); }
.skip-link { background: var(--navy); color: #fff; }
.roi-overview { background:radial-gradient(ellipse at top right,#174b67 0,transparent 60%),linear-gradient(120deg,#151e39,#223354); border-color:#345479; color:#f6fbff; box-shadow:0 14px 34px #14203a18; }
.roi-overview .kicker,.roi-overview .roi-amount strong { color:#65dcff; }
.roi-overview .kicker:before { background:#65dcff; }
.roi-overview .card-note,.roi-overview .roi-amount>span { color:#c5d6e9; }
.roi-overview .account-badge { color:#a5f1d4; background:#174e49; border:1px solid #42776c; }
.roi-overview .action { color:#d7edff; background:#263e5b; border-color:#557397; }
.roi-overview .primary { background:#087fb8; }
.card.tone-blue { --card-accent:#2563c7; --card-wash:#edf4ff; }
.card.tone-violet { --card-accent:#7751c6; --card-wash:#f5efff; }
.card.tone-teal { --card-accent:#087b81; --card-wash:#e9f8f8; }
.card.tone-emerald { --card-accent:#087951; --card-wash:#eaf8f1; }
.card.tone-gold { --card-accent:#96600a; --card-wash:#fff7e7; }
.card[class*="tone-"] { border-top:3px solid var(--card-accent); background:linear-gradient(145deg,var(--card-wash),#fff 65%); transition:transform .2s ease,box-shadow .2s ease; }
.card[class*="tone-"] .icon { color:var(--card-accent); background:var(--card-wash); border-color:currentColor; }
.card[class*="tone-"] .card-label { color:var(--card-accent); }
.bonus-panel { border-top:3px solid #b77913; background:linear-gradient(145deg,#fff7e7,#fff 70%); }
.reward-progress { margin-top:20px; color:#53637d; font-size:12px; line-height:1.6; }
.reward-progress progress { appearance:none; display:block; width:100%; height:8px; margin-top:10px; border:0; border-radius:99px; overflow:hidden; background:#e3edf5; }
.reward-progress progress::-webkit-progress-bar { background:#e3edf5; border-radius:99px; }
.reward-progress progress::-webkit-progress-value { background:linear-gradient(90deg,#087951,#079cb4); border-radius:99px; }
.reward-progress progress::-moz-progress-bar { background:linear-gradient(90deg,#087951,#079cb4); border-radius:99px; }
.bonus-panel progress::-webkit-progress-value { background:#b77913; }
.bonus-panel progress::-moz-progress-bar { background:#b77913; }
#roiSync:before { content:''; display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:9px; background:#bdc8d8; }
#roiSync.is-synced:before { background:#68edc2; animation:status-glow 2.4s ease-in-out 3; }
.motion-enter { animation:card-arrive .45s ease-out both; }
.reward-progress.motion-enter progress { animation:progress-arrive .65s ease-out both; transform-origin:left; }
.ui-toast.success { border-color:#66b999; }
.ui-toast.success:before { content:'✓'; display:inline-grid; place-items:center; width:23px; height:23px; margin-right:9px; border-radius:50%; background:#e0f6ec; color:#087951; animation:success-arrive .3s ease-out; }
@keyframes card-arrive { from { opacity:.4; translate:0 8px; } to { opacity:1; translate:0 0; } }
@keyframes progress-arrive { from { transform:scaleX(.05); } to { transform:scaleX(1); } }
@keyframes status-glow { 50% { box-shadow:0 0 0 4px #68edc222; } }
@keyframes success-arrive { from { transform:scale(.5); } to { transform:scale(1); } }
@media(hover:hover) and (pointer:fine) { .card[class*="tone-"]:hover { transform:translateY(-3px); box-shadow:0 10px 24px #1b345014; } }
@media(prefers-reduced-motion:reduce) { .motion-enter,.reward-progress progress,#roiSync:before,.ui-toast.success:before { animation:none!important; } .card[class*="tone-"]:hover { transform:none; } }
.roi-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.account-badge { background:#e2f5ed; color:#087655; border-radius:999px; padding:8px 13px; font-size:12px; }
.roi-amount { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; margin:24px 0 12px; }
.roi-amount strong { font-family:'Space Grotesk',Inter,system-ui,sans-serif; font-size:clamp(28px,5vw,58px); letter-spacing:-.035em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; min-width:0; }
.roi-amount>span { font-size:14px; color:var(--muted); }
.app-root,.panel,.card,.grid,.button-row,.field { min-width:0; }
.panel,.card { overflow-wrap:anywhere; }
.table-wrap table { min-width:0; table-layout:fixed; }
.table-wrap th,.table-wrap td { overflow-wrap:anywhere; white-space:normal; }
@media(max-width:900px) {
 .table-wrap { overflow:visible; }
 .table-wrap table,.table-wrap tbody { display:block; width:100%; }
 .table-wrap thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .table-wrap tr { display:block; padding:12px 16px; border-bottom:2px solid var(--line); }
 .table-wrap td { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:10px 0; text-align:right; font-size:13px; }
 .table-wrap td:before { content:attr(data-label); text-align:left; color:var(--muted); font-weight:600; }
 .table-wrap tr:last-child { border-bottom:0; }
 .drawer a { white-space:normal; overflow-wrap:anywhere; }
}
.telegram-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:11px 15px; border-radius:12px; border:1px solid #54c9fb66; background:#1688bd; color:#fff; font-size:13px; font-weight:700; white-space:nowrap; transition:background .2s; }
.telegram-button:hover { background:#0872a8; }
.telegram-button svg { width:19px; height:19px; flex-shrink:0; }
.topbar { box-shadow:0 4px 20px #17214012; gap:18px; }
.header-telegram { background:#25395b; width:44px; padding:10px; flex-shrink:0; }
.header-pdf { display:inline-grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #4f638d;border-radius:12px;background:#25395b;color:#fff;flex-shrink:0;transition:background .2s,border-color .2s,transform .2s; }
.header-pdf:hover { background:#087baa;border-color:#59d6ff;transform:translateY(-1px); }
.header-pdf svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.disconnect { min-height:44px; padding:8px 12px; border:1px solid #66769d; border-radius:12px; background:transparent; color:#fff; cursor:pointer; font-size:12px; }
.disconnect:hover { background:#354362; }
.level-breakdown { margin-top:18px; }
.level-breakdown summary { cursor:pointer; font-weight:600; min-height:44px; padding:10px 0; color:#007caf; }
.level-breakdown .card-note { margin:10px 0 20px; }
.level-breakdown summary:focus-visible { outline:2px solid #007caf; outline-offset:4px; border-radius:4px; }
.member-strip { max-width:1320px; margin:16px auto 0; padding:14px 20px; display:flex; align-items:center; gap:14px; border:1px solid #d4e1f2; border-radius:14px; background:#fff; }
.member-strip label { font-size:12px; font-weight:600; color:#53637d; }
.member-strip input { min-width:0; flex:1; padding:12px; border:1px solid #d4e1f2; border-radius:10px; color:#007caf; background:#f4f8fd; }
@media(max-width:700px) { .member-strip { margin:12px; flex-wrap:wrap; padding:12px; gap:8px; }.member-strip label { width:100%; }.member-strip input { width:0; }.member-strip .action { padding:12px; } }
.site-footer { display:grid; grid-template-columns:1.1fr .7fr 1fr; gap:40px; padding:40px 28px 22px; margin:0 auto; background:#1b2342; color:#c3d0e4; border:1px solid #303a60; border-radius:24px 24px 0 0; font-size:13px; line-height:1.7; align-items:start; }
.site-footer .logo .logo-copy strong { color:#d5e2f6; }
.site-footer .logo .logo-copy small { color:#49d1ff; }
.footer-brand>p { margin-top:20px; max-width:320px; }
.footer-links { display:grid; gap:4px; }
.site-footer h3 { font-size:17px; color:#fff; margin-bottom:12px; }
.footer-links a { display:flex; align-items:center; min-height:44px; width:fit-content; }
.footer-links a:hover { color:#49d1ff; }
.footer-eyebrow { font-size:10px; font-weight:700; letter-spacing:.16em; color:#49d1ff; }
.footer-community h3 { margin-top:8px; font-size:23px; }
.footer-actions { display:flex;flex-wrap:wrap;gap:10px;margin-top:18px; }
.footer-actions .telegram-button { margin-top:0;flex:1; }
.pdf-download-button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 15px;border:1px solid #68d8ff;border-radius:12px;background:linear-gradient(110deg,#087fb8,#006fa7);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;transition:filter .2s,transform .2s;flex:1; }
.pdf-download-button:hover { filter:brightness(1.08);transform:translateY(-1px); }
.pdf-download-button svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; }
.footer-bottom { grid-column:1/-1; display:flex; justify-content:space-between; gap:16px; border-top:1px solid #364160; padding-top:20px; font-size:11px; color:#adbbd2; }
@media(max-width:1400px) { .topbar .desktop-nav { display:none; } }
@media(max-width:700px) {
 .topbar { display:grid; grid-template-columns:minmax(0,1fr) 44px 44px 82px 44px; grid-template-rows:48px 44px; height:120px; padding:10px 12px; gap:8px; }
 .topbar>.logo { grid-column:1/4; grid-row:1; justify-self:start; margin-right:0; min-width:0; }
 .topbar .top-actions { display:contents; }
 .topbar .top-actions .network-pill { display:none; }
 .topbar .top-actions .connect { grid-column:4/6; grid-row:1; justify-self:end; margin:0; width:126px; max-width:100%; min-height:44px; padding:8px; font-size:11px; line-height:1.35; }
 .topbar .header-pdf { grid-column:1; grid-row:2; justify-self:start; }
 .topbar .header-telegram { grid-column:2; grid-row:2; width:44px; height:44px; }
 .topbar .disconnect { grid-column:4; grid-row:2; height:44px; }
 .topbar .menu { grid-column:5; grid-row:2; width:44px; height:44px; display:grid; place-items:center; border:1px solid #394568; border-radius:12px; }
 .drawer { top:128px; max-height:calc(100dvh - 144px); }
 .menu-backdrop { top:120px; }
 .site-footer { grid-template-columns:1fr; gap:28px; padding:30px 20px 24px; border-radius:20px 20px 0 0; }
 .footer-links { grid-template-columns:1fr 1fr; }
 .footer-links h3 { grid-column:1/-1; }
 .footer-community .telegram-button { width:100%; }
 .footer-actions { flex-direction:column; }
 .footer-actions .pdf-download-button { width:100%; }
 .footer-bottom { flex-direction:column; gap:6px; }
}
.wallet-picker { margin: auto; width: min(420px, calc(100% - 32px)); max-height: 85dvh; overflow: auto; padding: 24px; border: 1px solid var(--line); border-radius: 22px; background: #fff; color: var(--paper); box-shadow: 0 24px 80px #14203a44; }
.wallet-picker::backdrop { background: #14203a99; }
.wallet-picker p { margin: 12px 0 20px; line-height: 1.6; color: var(--muted); }
.wallet-picker button { display: block; width: 100%; margin-top: 10px; }
.connect.is-connected { background: #08795e; color: #fff; font-size: 12px; max-width: 220px; overflow-wrap: anywhere; }
@media(max-width:600px) { .connect.is-connected { max-width: 126px; font-size: 10px; padding-inline: 8px; } }
.deposit-steps { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 24px; }
.deposit-steps li { padding: 14px; border: 1px solid var(--line); border-radius: 12px; color: #236787; background: #eaf6fe; font-size: 13px; font-weight: 600; }
.sponsor-summary { margin-top: 22px; padding: 18px; border: 1px solid #ccebdd; border-radius: 14px; background: #f1fbf7; }
.sponsor-summary h3 { margin: 10px 0; color: #087655; }
.sponsor-summary p { font-size: 13px; line-height: 1.65; }
.sponsor-details { margin-top:14px; font-size:12px; }
.sponsor-details summary { cursor:pointer; color:#176b96; min-height:44px; padding:12px 0; }
.sponsor-details .mono { overflow-wrap:anywhere; }
.deposit-dialog { margin:auto; width:min(480px,calc(100% - 24px)); max-height:90dvh; overflow:auto; padding:24px; border:1px solid #cbd8e9; border-radius:22px; background:#fff; color:#151d31; box-shadow:0 24px 80px #14203a44; }
.deposit-dialog::backdrop { background:#14203a99; }
.deposit-dialog h2 { font-size:24px; margin-bottom:12px; }
.transaction-steps { margin:20px 0; padding-left:24px; }
.transaction-steps li { padding:12px 8px; border-bottom:1px solid #e0e7f1; color:#53637d; }
.transaction-steps .complete { color:#087951; font-weight:600; }
.transaction-steps .current { color:#006fa7; background:#eaf6ff; border-radius:8px; font-weight:700; }
#transactionMessage { line-height:1.6; margin:16px 0; overflow-wrap:anywhere; }
#transactionResult { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.deposit-dialog>.card-note:last-child { margin-top:12px; font-size:12px; }
#depositReview { margin-top: 24px; border-top: 1px solid var(--line); padding-top: 24px; }
.panel h3 + .field { margin-top: 20px; }
[hidden] { display: none !important; }
@media(max-width:600px) { .deposit-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.deposit-steps li { padding: 12px; font-size: 12px; } }

/* Booster-first wordmark, shared by the header and footer. */
.logo { gap: 10px; }
.logo .logo-mark { width: 48px; height: 48px; isolation: isolate; background: linear-gradient(145deg, #68e7ff, #079bfa 55%, #2460ed); }
.logo .logo-mark:after { inset: 2px; background: linear-gradient(145deg, #25345a, #121a33); }
.logo .logo-mark b { color: #fff; font-size: 17px; font-style: italic; letter-spacing: -.08em; padding-right: 3px; }
.logo .logo-mark i { inset: 6px; border-color: #62d5ff70; }
.logo .logo-copy { gap: 3px; }
.logo .logo-copy strong { font-size: 10px; font-weight: 600; letter-spacing: .25em; color: #d5e2f6; }
.logo .logo-copy small { margin: 0; font-size: 28px; font-weight: 700; line-height: 1; letter-spacing: -.035em; color: #49d1ff; font-style: italic; padding-right: 4px; }
footer .logo .logo-copy strong { color: #53637d; }
footer .logo .logo-copy small { color: #007caf; }
@media(max-width:600px) {
  .logo { gap: 7px; }
  .logo .logo-mark { width: 34px; height: 38px; }
  .logo .logo-mark b { font-size: 13px; }
  .logo .logo-copy strong { font-size: 8px; letter-spacing: .2em; }
  .logo .logo-copy small { font-size: 21px; }
}
@media(max-width:360px) {
  .topbar { padding-inline: 10px; column-gap:6px; }
  .topbar .logo .logo-mark { width: 29px; height: 34px; }
  .topbar .logo .logo-copy small { font-size: 19px; }
  .topbar .connect { padding-inline: 8px; font-size: 10px; }
  .topbar .top-actions { gap: 4px; }
}

/* ── Deposit step indicator ── */
.deposit-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:28px;counter-reset:step}
.deposit-steps li{counter-increment:step;position:relative;padding:14px 12px 14px 40px;border:1px solid var(--line);border-radius:12px;background:#f8fafd;color:#53637d;font-size:12px;font-weight:600;line-height:1.3;transition:background .2s,border-color .2s,color .2s}
.deposit-steps li::before{content:counter(step);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#dce5f1;color:#53637d;font-size:11px;font-weight:700;display:grid;place-items:center;transition:background .2s,color .2s}
.deposit-steps li.step-active{background:#eaf6fe;border-color:#8eceeb;color:#006fa7}
.deposit-steps li.step-active::before{background:#007db5;color:#fff}
.deposit-steps li.step-done{background:#e9f8f2;border-color:#ccebdd;color:#087655}
.deposit-steps li.step-done::before{content:"✓";background:#08a86e;color:#fff}
@media(max-width:600px){
  .deposit-steps{grid-template-columns:repeat(2,1fr);gap:8px}
  .deposit-steps li{font-size:11px;padding:12px 10px 12px 36px}
  .deposit-steps li::before{width:20px;height:20px;font-size:10px;left:10px}
}
@media(max-width:360px){.deposit-steps{grid-template-columns:1fr}}

/* ── Quick-select amount chips ── */
.quick-amounts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}
.quick-amt{padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#f4f8fd;color:#176b96;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;min-height:36px}
.quick-amt:hover{border-color:#8eceeb;background:#eaf6fe;color:#006fa7}
.quick-amt.active{border-color:#007db5;background:#007db5;color:#fff}
@media(max-width:400px){.quick-amt{font-size:12px;padding:7px 12px}}

/* ── Enhanced sponsor summary ── */
.sponsor-summary{margin-top:20px;padding:16px 18px;border:1px solid #ccebdd;border-radius:14px;background:#f1fbf7}
.sponsor-verified{display:flex;align-items:flex-start;gap:14px}
.sponsor-check{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#08a86e;color:#fff;font-size:16px;font-weight:700;display:grid;place-items:center;box-shadow:0 4px 12px #08a86e30}
.sponsor-info{min-width:0}
.sponsor-name{font-size:17px;font-weight:700;color:#087655;margin:4px 0 6px;font-family:'Space Grotesk',Inter,sans-serif;overflow-wrap:anywhere}
.sponsor-details{margin-top:14px;font-size:12px}
.sponsor-details summary{cursor:pointer;color:#176b96;min-height:44px;padding:12px 0}
.sponsor-details .mono{overflow-wrap:anywhere}

/* ── Plan panel with icon metrics ── */
.plan-panel h3{margin-bottom:20px}
.plan-metrics{display:grid;gap:2px;margin-bottom:16px}
.plan-metric{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
.plan-metric:last-child{border-bottom:none}
.plan-metric-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:#eaf6fe;border:1px solid #cce7f7;display:grid;place-items:center;font-size:17px;line-height:1}
.plan-metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.plan-metric-value{font-size:15px;font-weight:700;color:#141c30;margin-top:2px;font-family:'Space Grotesk',Inter,sans-serif}

/* ── Review card ── */
#depositReview{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}
.review-card{border:2px solid #007db5;border-radius:16px;background:linear-gradient(145deg,#eaf6fe,#f4f9ff);padding:20px 20px 16px;animation:review-arrive .3s ease-out}
.review-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.review-card-title{font-size:15px;font-weight:700;color:#141c30;font-family:'Space Grotesk',Inter,sans-serif}
.review-badge{font-size:11px;font-weight:700;padding:5px 11px;border-radius:999px;background:#007db5;color:#fff;letter-spacing:.04em;white-space:nowrap}
@keyframes review-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){
  .review-card{padding:16px}
  .plan-metric-value{font-size:14px}
  .sponsor-name{font-size:15px}
}

/* Balanced mobile brand row; utility controls no longer leave a blank left corner. */
@media(max-width:700px) {
  .topbar { grid-template-columns:minmax(0,1fr) 44px 44px 82px 44px; grid-template-rows:52px 44px; height:124px; row-gap:8px; }
  .topbar>.logo { gap:8px; align-items:center; max-width:100%; }
  .topbar .logo-mark { flex-shrink:0; width:42px; height:46px; }
  .topbar .logo-copy { min-width:0; gap:4px; }
  .topbar .logo-copy strong { font-size:9px; letter-spacing:.22em; }
  .topbar .logo-copy small { font-size:clamp(21px,6.4vw,28px); line-height:1; white-space:nowrap; }
  .topbar .header-pdf { grid-column:1; justify-self:start; }
  .topbar .header-telegram { grid-column:2; justify-self:start; }
  .topbar .disconnect { grid-column:4; justify-self:stretch; }
}
@media(max-width:360px) {
  .topbar>.logo { gap:6px; }
  .topbar .logo-mark { width:33px; height:40px; }
  .topbar .logo-copy strong { font-size:8px; }
  .topbar .logo-copy small { font-size:21px; }
}