/* Homepage design (2026-10-21). Loaded only by the 9 homepages, scoped to body.hm.
   The swap widget and the hero headline keep their main.css styles. */
body.hm{background:#fff}
.hm .ss-wrap{max-width:none;box-shadow:none;background:#fff}

/* ── Top bar (contest strip) ── */
.hm .ss-contest-strip{background:#001f3f;border-bottom:0;box-shadow:none;justify-content:center;gap:14px;padding:9px 16px}
.hm .ss-contest-strip-text{font:500 13px 'IBM Plex Sans',sans-serif;color:#e2e8f0;text-shadow:none}
.hm .ss-contest-strip-dates{font-size:13px;opacity:1}
.hm .ss-contest-strip-cta{background:none;color:#fff;box-shadow:none;border-radius:0;padding:0 0 1px;border-bottom:1px solid rgba(255,255,255,.55);font:700 13px 'IBM Plex Sans',sans-serif}
.hm .ss-contest-strip-cta:hover{background:none;transform:none;border-bottom-color:#fff}

/* ── Nav ── */
.hm .ss-nav{max-width:1240px;margin:0 auto;padding:16px 24px;border-bottom:0;gap:28px}
.hm .ss-tagline{display:none}
.hm .ss-nav-links{gap:22px;flex:1;margin-left:4px;overflow:hidden}
/* "Track order" already has its own button on the right */
.hm .ss-nav-links a:nth-child(2){display:none}
@media(max-width:1180px){.hm .ss-nav-links a:nth-child(3),.hm .ss-nav-links a:nth-child(5){display:none}}
@media(max-width:1100px){.hm .ss-nav-links a:nth-child(6){display:none}}
.hm .ss-nav-links a{font:500 14.5px 'IBM Plex Sans',sans-serif;color:#334155}
.hm .ss-nav-links a:hover{color:#0066cc}
.hm .ss-lang-btn{border:0;background:none;color:#475569;font-weight:500}
.hm .ss-btn-ghost,.hm .ss-btn-solid,.hm-btn{display:inline-flex;align-items:center;gap:8px;font:700 14.5px Manrope,sans-serif;padding:11px 20px;border-radius:10px;text-decoration:none;white-space:nowrap}
.hm .ss-btn-ghost{color:#0f172a;border:1px solid #cbd5e1;background:none}
.hm .ss-btn-ghost:hover{border-color:#0066cc;color:#0066cc}
.hm .ss-btn-solid,.hm-btn{background:#0066cc;color:#fff;border:0;box-shadow:0 6px 18px rgba(0,102,204,.28)}
.hm .ss-btn-solid:hover,.hm-btn:hover{background:#0057ad}

/* ── Hero (left column only; the widget column is untouched) ── */
.hm .ss-hero{max-width:1240px;margin:0 auto;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.hm .ss-left{padding:52px 56px 44px 24px;border-right:0}
.hm-pill{display:inline-flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-bottom:24px;text-decoration:none;border-radius:999px;padding:5px 14px 5px 5px;background:#001f3f;color:#cbd5e1;box-shadow:0 6px 20px rgba(0,31,63,.25);font:500 13px 'IBM Plex Sans',sans-serif;transition:transform .15s}
.hm-pill:hover{transform:translateY(-1px)}
.hm-pill-tag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;background:linear-gradient(135deg,#1d8bff,#6d5dfc);color:#fff;font:700 11px 'IBM Plex Mono',monospace;letter-spacing:1.2px;text-transform:uppercase}
.hm-pill-tag i{width:6px;height:6px;border-radius:50%;background:#fff;animation:hmpulse 1.8s ease-in-out infinite}
.hm-pill-txt b{color:#fff}
.hm-pill-arr{color:#7cc4ff;transition:transform .15s}
.hm-pill:hover .hm-pill-arr{transform:translateX(3px)}
@keyframes hmpulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}50%{box-shadow:0 0 0 5px rgba(255,255,255,0)}}
.hm-lead{font:400 18px/1.65 'IBM Plex Sans',sans-serif;color:#334155;max-width:580px;margin:24px 0 30px}
.hm-lead b{color:#0f172a;font-weight:600}
.hm-ben{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:34px}
.hm-ben>div{display:flex;gap:12px;align-items:flex-start;font:400 14px/1.5 'IBM Plex Sans',sans-serif;color:#475569}
.hm-ben b{display:block;font:700 15px Manrope,sans-serif;color:#0f172a;margin-bottom:2px}
.hm-ic{flex:none;width:34px;height:34px;border-radius:10px;background:#e8f1fb;color:#0066cc;display:grid;place-items:center;font-size:16px}
.hm-proof{display:flex;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:28px}
.hm-proof>div{flex:1;padding:16px 18px;border-right:1px solid #e2e8f0}
.hm-proof>div:last-child{border-right:0}
.hm-proof b{display:block;font:800 26px Manrope,sans-serif;color:#001f3f;letter-spacing:-.5px}
.hm-proof span{font:500 12.5px 'IBM Plex Sans',sans-serif;color:#64748b}
.hm-coins{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.hm-coins img{width:26px;height:26px}
.hm-coins span{font:500 13px 'IBM Plex Sans',sans-serif;color:#64748b;margin-left:8px}

/* ── Partners ── */
.hm .ss-partners-logos{max-width:1240px;margin-left:auto;margin-right:auto}

/* ── New sections ── */
.hm-sec{max-width:1240px;margin:0 auto;padding:80px 24px}
.hm-grey{background:#f5f8fc}
.hm-kick{font:700 12px Manrope,sans-serif;letter-spacing:2px;text-transform:uppercase;color:#0066cc;margin-bottom:10px}
.hm-h2{font:800 clamp(28px,3.4vw,40px)/1.15 Manrope,sans-serif;color:#0f172a;letter-spacing:-1px;margin-bottom:14px;max-width:760px}
.hm-sub{font:400 17px/1.6 'IBM Plex Sans',sans-serif;color:#475569;max-width:640px;margin-bottom:40px}
.hm-rates{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.hm-rate{border:1px solid #e2e8f0;border-radius:14px;padding:16px;font:500 13px 'IBM Plex Sans',sans-serif;color:#64748b;background:#fff}
.hm-rate b{display:block;font:700 18px 'IBM Plex Mono',monospace;color:#0f172a;margin:6px 0 2px}
.hm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hm-step{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px}
.hm-step em{font:800 13px Manrope,sans-serif;font-style:normal;color:#fff;background:#0066cc;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}
.hm-step h3,.hm-card h3{font:800 19px Manrope,sans-serif;color:#0f172a;margin-bottom:8px}
.hm-step p,.hm-card p{font:400 15px/1.6 'IBM Plex Sans',sans-serif;color:#475569;overflow-wrap:anywhere}
.hm-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 10px 40px rgba(0,31,63,.06)}
.hm-table{width:100%;border-collapse:collapse;background:#fff;font:500 15.5px 'IBM Plex Sans',sans-serif}
.hm-table th{font:800 14px Manrope,sans-serif;padding:18px 22px;text-align:left;background:#f8fafc;color:#475569}
.hm-table th.us{background:#001f3f;color:#fff;font-size:15px}
.hm-table td{padding:16px 22px;border-top:1px solid #eef2f7;color:#475569}
.hm-table td:first-child{color:#0f172a;font-weight:600}
.hm-table td.us{background:#f0f7ff;color:#001f3f;font-weight:700}
.hm-y,.hm-n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:900;margin-right:10px;vertical-align:-3px}
.hm-y{background:#0066cc;color:#fff}
.hm-n{background:#fee2e2;color:#dc2626}
.hm-why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hm-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px}
.hm-card .hm-ic{width:44px;height:44px;border-radius:12px;font-size:20px;margin-bottom:16px}
.hm-contest{max-width:1240px;margin:0 auto;padding:80px 24px 0}
.hm-contest-in{background:linear-gradient(110deg,#001f3f 0%,#003d72 60%,#0066cc 100%);border-radius:22px;padding:40px 44px;display:flex;align-items:center;gap:30px;color:#fff;flex-wrap:wrap}
.hm-contest-big{font:800 clamp(28px,3.6vw,44px)/1.05 Manrope,sans-serif;letter-spacing:-1px}
.hm-contest-big span{color:#fbbf24}
.hm-contest-in p{font:400 16px/1.6 'IBM Plex Sans',sans-serif;color:#cbd5e1;margin-top:8px}
.hm-days{margin-left:auto;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 24px}
.hm-days b{display:block;font:800 38px Manrope,sans-serif}
.hm-days span{font:500 12px 'IBM Plex Sans',sans-serif;color:#cbd5e1;text-transform:uppercase;letter-spacing:1.5px}
.hm .hm-contest .hm-btn{background:#fbbf24;color:#001f3f;box-shadow:none}
.hm-final{text-align:center;background:#001f3f;color:#fff;padding:80px 24px}
.hm-final h2{font:800 clamp(30px,4vw,46px) Manrope,sans-serif;letter-spacing:-1px;margin-bottom:12px}
.hm-final p{font:400 17px 'IBM Plex Sans',sans-serif;color:#cbd5e1;margin-bottom:28px}

/* ── Existing sections, restyled to match ── */
.hm .ss-pairs-section,.hm .ss-about-section,.hm .ss-faq-section{padding:80px 24px;border-top:0}
.hm .ss-pairs-inner,.hm .ss-about-inner,.hm .ss-faq-inner{max-width:1192px}
.hm .ss-section-title{font:800 clamp(26px,3vw,36px)/1.15 Manrope,sans-serif;color:#0f172a;letter-spacing:-.8px}
.hm .ss-pair-card{border:1px solid #e2e8f0;border-radius:12px}
.hm .ss-pair-label h3{font:700 15px Manrope,sans-serif;color:#0f172a}
.hm .ss-about-text{max-width:820px}
.hm .ss-about-text h3{font:800 20px Manrope,sans-serif;color:#0f172a}
.hm .ss-faq-inner{max-width:860px}
.hm .ss-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px 22px;margin-bottom:12px}
.hm .ss-faq-item h3{font:700 17px Manrope,sans-serif;color:#0f172a}
.hm .ss-faq-item p{font-size:15px;color:#475569}

@media(max-width:1100px){.hm-rates{grid-template-columns:repeat(3,1fr)}.hm-why{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
  .hm .ss-nav{padding:12px 20px}
  .hm .ss-left{padding:28px 20px}
  .hm-ben,.hm-steps{grid-template-columns:1fr}
  .hm-sec,.hm .ss-pairs-section,.hm .ss-about-section,.hm .ss-faq-section{padding:56px 16px}
  .hm-contest{padding:56px 16px 0}
  .hm-contest-in{padding:28px 22px}
  .hm-days{margin-left:0}
  .hm-table{font-size:13.5px}
  .hm-table th,.hm-table td{padding:12px 10px}
  .hm-y,.hm-n{margin-right:6px}
}
@media(max-width:560px){
  .hm-rates{grid-template-columns:1fr 1fr}
  .hm-why{grid-template-columns:1fr}
  .hm-proof b{font-size:21px}
  .hm-proof>div{padding:14px 12px}
  .hm-pill-txt{font-size:12px}
  .hm-pill-more{display:none}
  .hm .ss-contest-strip-text{font-size:12px}
  .hm-table{font-size:12.5px}
  .hm-table th,.hm-table td{padding:10px 8px}
}
@media (prefers-reduced-motion:reduce){.hm-pill-tag i{animation:none}}

/* ═══ Midnight below the partners strip (owner pick 2026-10-21, mockup V2) ═══ */
.hm .hm-card .hm-ic,.hm .hm-step{--i1:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 7H5a2 2 0 0 1 0-4h12v4'/><path d='M3 5v14a2 2 0 0 0 2 2h15V7'/><circle cx='16' cy='14' r='1.2'/></svg>");
  --i2:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17.94 17.94A10 10 0 0 1 12 20c-7 0-10-8-10-8a18 18 0 0 1 5.06-5.94'/><path d='M9.9 4.24A9 9 0 0 1 12 4c7 0 10 8 10 8a18 18 0 0 1-2.16 3.19'/><path d='M14.1 14.1a3 3 0 1 1-4.2-4.2'/><path d='M1 1l22 22'/></svg>");
  --i3:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13 2L3 14h9l-1 8 10-12h-9l1-8z'/></svg>");
  --i4:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/><path d='M8 9h8M8 13h5'/></svg>");
  --s1:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M17 1l4 4-4 4'/><path d='M3 11V9a4 4 0 0 1 4-4h14'/><path d='M7 23l-4-4 4-4'/><path d='M21 13v2a4 4 0 0 1-4 4H3'/></svg>");
  --s2:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='8' y='2' width='8' height='4' rx='1'/><path d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/><path d='M9 14l2 2 4-4'/></svg>");
  --s3:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 2L11 13'/><path d='M22 2l-7 20-4-9-9-4 20-7z'/></svg>")}
.hm .hm-card .hm-ic{font-size:0!important;position:relative}
.hm .hm-card .hm-ic::before{content:'';position:absolute;inset:0;margin:auto;width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.hm .hm-card:nth-child(1) .hm-ic{--ic:var(--i1)}.hm .hm-card:nth-child(2) .hm-ic{--ic:var(--i2)}.hm .hm-card:nth-child(3) .hm-ic{--ic:var(--i3)}.hm .hm-card:nth-child(4) .hm-ic{--ic:var(--i4)}
.hm .hm-step{position:relative}
.hm .hm-step::after{content:'';position:absolute;top:26px;right:26px;width:26px;height:26px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat;opacity:.9}
.hm .hm-step:nth-child(1){--ic:var(--s1)}.hm .hm-step:nth-child(2){--ic:var(--s2)}.hm .hm-step:nth-child(3){--ic:var(--s3)}
/* Rates cards get their coin icons */
.hm .hm-rate{position:relative;padding-top:52px!important;background-repeat:no-repeat;background-size:26px 26px,26px 26px;background-position:16px 16px,34px 16px}
.hm .hm-rate:nth-child(1){background-image:url(/assets/coins/btc.svg),url(/assets/coins/xmr.svg?v=mb2)}
.hm .hm-rate:nth-child(2){background-image:url(/assets/coins/btc.svg),url(/assets/coins/eth.svg)}
.hm .hm-rate:nth-child(3){background-image:url(/assets/coins/eth.svg),url(/assets/coins/xmr.svg?v=mb2)}
.hm .hm-rate:nth-child(4){background-image:url(/assets/coins/sol.svg),url(/assets/coins/btc.svg)}
.hm .hm-rate:nth-child(5){background-image:url(/assets/coins/ltc.svg),url(/assets/coins/btc.svg)}
.hm .hm-rate:nth-child(6){background-image:url(/assets/coins/zec.svg),url(/assets/coins/btc.svg)}
/* Guide blocks (their markup has inline styles, so these need !important) */
.hm .ss-pairs-inner>div[style*="grid"]>a{border-radius:16px!important;padding:22px!important;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s!important}
.hm .ss-pairs-inner>div[style*="grid"]>a:hover{transform:translateY(-4px)}
.hm .ss-pairs-inner>div[style*="grid"]>a>div:first-child{width:46px;height:46px;border-radius:13px;display:grid!important;place-items:center;font-size:21px!important;margin-bottom:14px!important}
.hm .ss-pairs-inner>div[style*="grid"]>a>div:nth-child(2){font:800 16px Manrope,sans-serif!important;margin-bottom:6px!important}
.hm .ss-pairs-inner>div[style*="grid"]>a>div:nth-child(3){font-size:13.5px!important;line-height:1.55}
.hm .ss-pairs-inner>p[style]{font-size:16px!important;line-height:1.6!important;max-width:680px!important}
.hm .ss-pairs-inner>div[style*="flex"]>a,.hm .ss-gtoggle{border-radius:999px!important;padding:11px 20px!important;font:700 14px Manrope,sans-serif!important;transition:transform .15s!important}
.hm .ss-pairs-inner>div[style*="flex"]>a:hover,.hm .ss-gtoggle:hover{transform:translateY(-2px)}
.hm [style*="Playfair"]{font-family:Manrope,sans-serif!important;font-weight:800!important;letter-spacing:-.5px}
.hm .ss-pair-card{transition:transform .18s,box-shadow .18s,border-color .18s}
.hm .ss-pair-card:hover{transform:translateY(-3px)}
/* Full-bleed helper for the 1240px-wide sections */
.hm section.hm-sec{max-width:none;padding-left:max(24px,calc((100% - 1192px)/2));padding-right:max(24px,calc((100% - 1192px)/2))}
.hm section.hm-grey>.hm-sec{max-width:1240px}
.hm .hm-btn{transition:transform .15s,box-shadow .15s}.hm .hm-btn:hover{transform:translateY(-2px)}
@media(max-width:900px){.hm section.hm-sec{padding-left:16px;padding-right:16px}}

.hm section.hm-sec,.hm section.hm-grey,.hm .ss-pairs-section,.hm .ss-pairs-section[style],.hm .ss-about-section,.hm .ss-faq-section{background:#050b18!important}
.hm .hm-contest{max-width:none;background:#050b18;padding-left:max(24px,calc((100% - 1192px)/2));padding-right:max(24px,calc((100% - 1192px)/2))}
.hm section.hm-sec:has(.hm-rates){background:radial-gradient(800px 380px at 80% 0%,rgba(29,139,255,.25),transparent 70%),#050b18!important}
.hm section.hm-grey:has(.hm-why){background:radial-gradient(700px 400px at 10% 20%,rgba(109,93,252,.22),transparent 70%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/48px 48px,#050b18!important}
.hm section.hm-grey:has(.hm-steps){background:linear-gradient(180deg,#050b18,#081225 40%,#050b18)!important}
.hm .hm-kick{color:#7cc4ff!important;font-family:'IBM Plex Mono',monospace!important;font-weight:600!important}
.hm .hm-kick::before{content:'// '}
.hm .hm-h2,.hm .ss-section-title{color:#fff!important}
.hm .hm-sub,.hm .ss-pairs-inner>p[style]{color:#c3cede!important}
/* glass cards */
.hm .hm-rate,.hm .hm-step,.hm .hm-card,.hm .ss-pair-card,.hm .ss-pairs-inner>div[style*="grid"]>a,.hm .ss-faq-item{background-color:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important}
.hm .hm-rate:hover,.hm .hm-card:hover,.hm .ss-pair-card:hover,.hm .ss-pairs-inner>div[style*="grid"]>a:hover{border-color:rgba(29,139,255,.6)!important;background-color:rgba(29,139,255,.08)!important;box-shadow:0 0 0 1px rgba(29,139,255,.3),0 20px 40px rgba(0,0,0,.4)!important}
.hm .hm-rate{color:#bccadb!important;border-radius:16px!important;transition:all .18s}
.hm .hm-rate b{color:#4ade80!important;font-size:20px!important;text-shadow:0 0 18px rgba(74,222,128,.35)}
.hm .hm-step{border-radius:20px!important;color:#7cc4ff}
.hm .hm-step em{background:linear-gradient(135deg,#1d8bff,#a78bfa)!important;box-shadow:0 0 20px rgba(29,139,255,.45)}
.hm .hm-step h3,.hm .hm-card h3,.hm .ss-pair-label h3,.hm .ss-faq-item h3,.hm .ss-about-text h3{color:#fff!important}
.hm .hm-step p,.hm .hm-card p,.hm .ss-faq-item p,.hm .ss-about-text p,.hm .ss-about-text li{color:#c3cede!important}
.hm .hm-card{border-radius:20px!important;transition:all .18s}
.hm .hm-card .hm-ic{color:#fff!important;background:linear-gradient(135deg,#1d8bff,#6d5dfc)!important;box-shadow:0 0 24px rgba(29,139,255,.4);width:48px!important;height:48px!important;border-radius:14px!important}
.hm .hm-table-wrap{border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important}
.hm .hm-table{background:#0a1428!important}
.hm .hm-table th{background:#0d1a33!important;color:#c3cede!important}
.hm .hm-table th.us{background:linear-gradient(135deg,#1d8bff,#6d5dfc)!important;color:#fff!important}
.hm .hm-table td{border-top-color:rgba(255,255,255,.08)!important;color:#d0d9e6!important}
.hm .hm-table td:first-child{color:#e2e8f0!important}
.hm .hm-table td.us{background:rgba(29,139,255,.1)!important;color:#fff!important}
.hm .hm-y{background:#22c55e!important;box-shadow:0 0 12px rgba(34,197,94,.5)}
.hm .hm-n{background:rgba(239,68,68,.15)!important;color:#f87171!important}
.hm .hm-contest-in{background:linear-gradient(120deg,#1a1033,#2b1155 45%,#5b2a00)!important;border:1px solid rgba(251,191,36,.35);position:relative;overflow:hidden}
.hm .hm-contest-in::after{content:'';position:absolute;right:-120px;top:-120px;width:380px;height:380px;background:radial-gradient(circle,rgba(251,191,36,.35),transparent 65%);pointer-events:none}
.hm .hm-contest-in p{color:#d6c9f5!important}
.hm .hm-contest .hm-btn{position:relative;z-index:1}
.hm .ss-pair-card{border-radius:14px!important}
.hm .ss-pair-icons img{border-color:#050b18!important}
.hm .ss-pair-label p{color:#a9b8cc!important;font-size:11.5px!important}
.hm .ss-pairs-viewall a{color:#7cc4ff!important;border-bottom-color:rgba(124,196,255,.4)!important}
.hm .ss-pairs-inner>div[style*="grid"]>a>div:nth-child(2){color:#fff!important}
.hm .ss-pairs-inner>div[style*="grid"]>a>div:nth-child(3){color:#c3cede!important}
.hm .ss-pairs-inner>div[style*="grid"]>a>div:first-child{background:rgba(29,139,255,.14);border:1px solid rgba(29,139,255,.3)}
.hm .ss-pairs-inner>div[style*="flex"]>a,.hm .ss-gtoggle{background:rgba(255,255,255,.06)!important;color:#7cc4ff!important;border:1px solid rgba(124,196,255,.35)!important}
.hm .ss-about-text a{color:#7cc4ff!important}
.hm .ss-faq-item{border-radius:14px!important}
.hm .hm-final{background:radial-gradient(700px 300px at 50% 100%,rgba(29,139,255,.3),transparent 70%),#050b18!important}
.hm .hm-final .hm-btn{background:linear-gradient(135deg,#1d8bff,#6d5dfc)!important;box-shadow:0 10px 30px rgba(29,139,255,.45)!important}
.hm .ss-footer{background:#030814!important;border-top:1px solid rgba(255,255,255,.06)}

/* Readable small text on dark: no dim greys, no opacity tricks */
.hm div[style*="#003366"] [style*="rgba(255,255,255"]{color:#d0d9e6!important}
.hm .ss-footer-tagline,.hm .ss-footer-col ul li a{color:#d0d9e6!important}
.hm .ss-footer-copy{color:#b9c5d6!important;opacity:1!important}
.hm .hm-days span,.hm .hm-contest-in p{color:#e4dcfa!important}
@media(max-width:560px){
  .hm .hm-sub,.hm .ss-pairs-inner>p[style],.hm .hm-step p,.hm .hm-card p,.hm .ss-faq-item p,.hm .ss-about-text p,.hm .ss-about-text li{font-size:15.5px!important;line-height:1.65!important;color:#d5deea!important}
  .hm .ss-pairs-inner>div[style*="grid"]>a>div:nth-child(3){font-size:14.5px!important;color:#d5deea!important}
  .hm .hm-rate{font-size:13.5px!important;color:#c8d3e3!important}
  .hm .hm-table{font-size:13.5px!important}
  .hm .hm-table td{color:#e2e8f0!important}
  .hm .ss-pair-label p{font-size:12.5px!important;color:#b9c5d6!important}
  .hm .hm-kick{font-size:12.5px!important}
  .hm .ss-footer-col ul li a{font-size:14px!important}
  .hm .ss-footer-copy,.hm .ss-footer-badge,.hm .ss-footer-tagline{font-size:13px!important}
  .hm .hm-days span{font-size:13px!important}
  .hm div[style*="#003366"] span{font-size:12.5px!important}
}

/* ═══ Partners strip: scrolling marquee on the dark background (owner pick 2026-10-21) ═══ */
.hm-p-defs{position:absolute;width:0;height:0;overflow:hidden}
.hm .ss-partners{background:#050b18;padding:34px 0 32px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.hm .ss-partners::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050b18,transparent 12%,transparent 88%,#050b18)}
.hm .ss-partners-label{color:#c3cede;font:600 12px 'IBM Plex Mono',monospace;letter-spacing:2.5px;margin-bottom:22px;padding:0 16px;position:relative;z-index:1}
.hm .ss-partners-logos{max-width:none;display:flex;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:64px!important;width:max-content;margin:0;animation:hmp 34s linear infinite}
.hm .ss-partners:hover .ss-partners-logos{animation-play-state:paused}
.hm .ss-partner{flex:0 0 auto!important;padding:0!important;border:0!important}
.hm .ss-p-logo{gap:12px;opacity:1!important}
.hm .ss-p-icon{width:34px;height:34px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.hm .ss-p-name{font:800 19px Manrope,sans-serif;color:#fff;letter-spacing:-.4px}
.hm .ss-p-name-light{font-weight:500;color:#c3cede}
@keyframes hmp{to{transform:translateX(calc(-50% - 32px))}}
@media(max-width:900px){.hm .ss-partners{padding:26px 0 24px}.hm .ss-partners-label{font-size:12px;letter-spacing:1.5px}.hm .ss-partners-logos{gap:44px!important;animation-duration:28s}.hm .ss-p-icon{width:30px;height:30px}.hm .ss-p-name{font-size:17px}}
@media (prefers-reduced-motion:reduce){.hm .ss-partners-logos{animation:none;flex-wrap:wrap!important;width:auto;justify-content:center!important;gap:16px 30px!important;padding:0 16px}.hm .ss-partner[aria-hidden]{display:none!important}.hm .ss-partners::after{display:none}}

/* ═══ Partner logotypes (redrawn 2026-10-21; markup from mockups/2026-10-21-makeover/partner-logos.mjs) ═══ */
/* One set of 4 is wider than the screen, so a brand never shows twice at once; 2 sets loop seamlessly */
.hm .ss-partners-logos{gap:0!important;animation:hmp2 44s linear infinite}
.hm .ss-partner{width:max(28vw,250px);display:flex;justify-content:center!important}
@keyframes hmp2{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.hm .ss-partners-logos{animation:none;gap:16px 30px!important}.hm .ss-partner{width:auto}}
.hm .ss-p-logo{gap:11px;opacity:1!important}
.hm .hm-pl-mark{width:32px;height:32px;flex:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.hm .hm-pl-word{color:#fff;white-space:nowrap;line-height:1}
.hm .hm-pl-word em{font-style:normal}
.hm .hm-pl-cipher .hm-pl-word{font:700 22px Sora,sans-serif;letter-spacing:-.8px}
.hm .hm-pl-cipher .hm-pl-word em{font-weight:400;color:#d5deea}
.hm .hm-pl-meridian .hm-pl-word{font:600 17px Outfit,sans-serif;letter-spacing:3.5px;display:flex;align-items:center;gap:8px}
.hm .hm-pl-meridian .hm-pl-word em{font-size:12px;letter-spacing:1px;background:linear-gradient(90deg,#5eead4,#22d3ee);color:#03222b;border-radius:6px;padding:4px 6px 3px;font-weight:600}
.hm .hm-pl-quant .hm-pl-word{font:700 22px 'Space Grotesk',sans-serif;letter-spacing:-.6px}
.hm .hm-pl-quant .hm-pl-word em{font-weight:400;color:#d5deea}
.hm .hm-pl-arc .hm-pl-word{font:700 17px Unbounded,sans-serif;letter-spacing:.5px}
.hm .hm-pl-arc .hm-pl-word em{font-weight:300}
@media(max-width:900px){.hm .hm-pl-mark{width:26px;height:26px}.hm .hm-pl-cipher .hm-pl-word,.hm .hm-pl-quant .hm-pl-word{font-size:19px}.hm .hm-pl-meridian .hm-pl-word,.hm .hm-pl-arc .hm-pl-word{font-size:15px}}

/* ═══ Guide blocks: buttons spaced out; blog banner as a card on the dark background (2026-10-21) ═══ */
.hm .ss-gtoggle{display:flex!important;margin:4px auto 26px!important;background:none!important;border:1px dashed rgba(124,196,255,.45)!important;color:#7cc4ff!important}
.hm .ss-gtoggle:hover{border-style:solid!important;background:rgba(29,139,255,.08)!important}
.hm .ss-pairs-inner>div[style*="flex"]{gap:12px!important;margin-top:8px}
.hm .ss-pairs-inner>div[style*="flex"]>a{background:linear-gradient(135deg,#1d8bff,#6d5dfc)!important;color:#fff!important;border:0!important;box-shadow:0 8px 22px rgba(29,139,255,.3)}
.hm .ss-pairs-section{padding-bottom:96px}
.hm div[style*="#003366"]{background:transparent!important;padding:0!important;margin-top:64px}
.hm div[style*="#003366"]>div{max-width:1192px!important;padding:38px 42px!important;border-radius:22px;border:1px solid rgba(124,196,255,.25);background:radial-gradient(600px 240px at 90% 0%,rgba(29,139,255,.25),transparent 70%),linear-gradient(135deg,rgba(29,139,255,.12),rgba(109,93,252,.08))}
.hm div[style*="#003366"] [style*="rgba(255,255,255,.5)"],.hm div[style*="#003366"] [style*="rgba(255,255,255,.6)"]{color:#c3cede!important}
.hm div[style*="#003366"] a[href="/blog/"]{background:linear-gradient(135deg,#1d8bff,#6d5dfc)!important;font-family:Manrope,sans-serif!important;font-weight:800!important;box-shadow:0 10px 28px rgba(29,139,255,.4)}
@media(max-width:900px){.hm div[style*="#003366"]{margin-top:44px}.hm div[style*="#003366"]>div{padding:26px 22px!important}}
