.hero-binance {padding: 88px 0 72px; background: radial-gradient(circle at 15% 10%, rgba(240,185,11,.14), transparent 40%), radial-gradient(circle at 80% 0%, rgba(56,189,248,.10), transparent 46%), #0b0d14;}
.hero-binance__grid {display:grid; grid-template-columns: 1.4fr 1fr; gap: 36px; align-items:center; max-width:1180px; margin:0 auto; padding:0 20px;}
.hero-binance__eyebrow {display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border:1px solid rgba(255,255,255,.08); border-radius:999px; font-weight:600; color:var(--text-secondary); text-transform:uppercase; letter-spacing:.08em; font-size:12px;}
.hero-binance__eyebrow .dot {width:8px; height:8px; border-radius:999px; background: var(--accent); box-shadow:0 0 12px rgba(240,185,11,.8);} 
.hero-binance__headline {font-size:40px; line-height:1.05; font-weight:900; letter-spacing:-0.02em; margin:18px 0 12px;}
.hero-binance__sub {font-size:18px; color:var(--text-secondary); max-width:46ch; margin-bottom:22px;}
.hero-binance__badges {display:flex; gap:12px; margin-bottom:18px; flex-wrap:wrap;}
.badge-pill {display:inline-flex; align-items:center; gap:8px; padding:10px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);} 
.badge-rank {font-weight:800; color:var(--accent);} 
.hero-binance__cta {display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:18px;}
.hero-input {flex:1; min-width:240px; padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); color:var(--text-primary);} 
.hero-binance__stats {display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; margin-top:8px;}
.stat-value {font-size:22px; font-weight:800; letter-spacing:-0.01em;}
.stat-label {color:var(--text-secondary); font-size:14px;}

.hero-binance__right {width:100%;}
.market-card {border-radius:18px; padding:18px; background: rgba(17,24,39,.8); border:1px solid rgba(255,255,255,.08); box-shadow: var(--shadow-soft);}
.market-card__tabs {display:flex; align-items:center; gap:14px; margin-bottom:12px;}
.market-card__tabs button {background:none; border:none; color:var(--text-secondary); font-weight:700; padding:8px 0; position:relative;}
.market-card__tabs button.active {color:var(--text-primary);} 
.market-card__tabs button.active::after {content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px; background: var(--accent);} 
.market-card__tabs .view-all {margin-left:auto; color:var(--text-secondary); font-weight:600;}
.market-card__list {display:flex; flex-direction:column; gap:10px;}

.home-bento {padding: 32px 0 72px;}
.home-bento__grid {display:grid; grid-template-columns: repeat(12, minmax(0,1fr)); gap:24px; max-width:1280px; margin:0 auto; padding:0 20px; grid-auto-flow: row;}
.home-bento__grid > * {min-width:0;}

.home-span-12 {grid-column: span 12;}
.home-span-8 {grid-column: span 8;}
.home-span-6 {grid-column: span 6;}
.home-span-4 {grid-column: span 4;}
.home-span-3 {grid-column: span 3;}
.home-span-full {grid-column: 1 / -1;}

.home-panel {background: rgba(15, 23, 42, 0.65); border:1px solid rgba(255,255,255,.06); border-radius:18px; padding:20px; box-shadow: var(--shadow-soft); backdrop-filter: blur(18px);}
.home-panel .container {max-width:none !important; margin:0 !important; padding:0 !important;}
.home-panel--slim {padding:12px 16px;}

.home-plain {background: transparent; border: none; padding: 0; box-shadow: none; backdrop-filter: none;}
.home-plain .container {max-width:none !important; margin:0 !important; padding:0 !important;}

.home-bento .section-heading.centered {text-align:left; margin-left:0;}
.home-bento .section-divider.centered {margin-left:0; display:none;}

.home-bento .features-section,
.home-bento .persona-section,
.home-bento .how-section {padding:0; margin:0;}

.home-plain--snapshot .ss-action-card {background: rgba(15,23,42,.45); border:1px solid rgba(255,255,255,.08); box-shadow:none; padding:12px; min-height:140px;}
.home-plain--snapshot .kpi-value-2026 {font-size:1.2rem;}

.home-empty-state {padding:18px; border:1px dashed rgba(255,255,255,.12); border-radius:14px; text-align:center; color:var(--text-secondary); background: rgba(15,23,42,.35);}

.testimonials-shell {padding:12px 0; border-top:1px dashed rgba(255,255,255,.12); border-bottom:1px dashed rgba(255,255,255,.12);}

.home-faq .accordion-item {background: transparent; border:1px solid rgba(255,255,255,.10); box-shadow:none; border-radius:12px;}
.home-faq .accordion-button {background: transparent;}

.how-section.home-plain .how-step {background: rgba(15,23,42,.3); border:1px solid rgba(255,255,255,.10); box-shadow:none;}

.trust-strip {background: rgba(255,255,255,.03); border-top:1px solid var(--border-subtle); border-bottom:1px solid var(--border-subtle);}
.trust-strip .trust-item {color: var(--text-secondary);}

@media(max-width: 992px){
  .hero-binance {padding: 64px 0 56px;}
  .hero-binance__grid {grid-template-columns: 1fr;}
  .market-card {max-width:520px; margin:0 auto;}
}
@media(max-width: 640px){
  .hero-binance__headline {font-size:32px;}
  .hero-binance__cta {flex-direction:column; align-items:stretch;}
  .hero-input {width:100%;}
  .hero-binance__stats {grid-template-columns: repeat(2, minmax(0,1fr));}
}

@media (max-width: 1100px){
  .home-bento__grid {grid-template-columns: repeat(6, minmax(0,1fr)); gap:20px;}
  .home-bento__grid > * {grid-column: span 6;}
  .home-span-12,
  .home-span-8,
  .home-span-6,
  .home-span-4,
  .home-span-3 {grid-column: span 6;}
  .home-span-full {grid-column: 1 / -1;}
}

@media (max-width: 768px){
  .home-bento__grid {grid-template-columns: repeat(4, minmax(0,1fr)); gap:18px;}
  .home-bento__grid > * {grid-column: span 4;}
  .home-panel {padding:16px; border-radius:16px;}
  .home-panel--slim {padding:12px;}
}

.ss-clickable-card {cursor:pointer;}
.stats-updated {opacity:.85;}
.home-loading {padding:18px 0;}
.home-lead {max-width:700px; margin:1rem auto 2.5rem; color:rgba(148,163,184,.95); font-size:1.05rem;}
.trust-metrics-section {margin-top:4rem;}

.home-compact-cards.home-panel {background: transparent; border: none; box-shadow: none; padding: 0;}
.home-compact-cards .container {padding:0 !important;}
.home-compact-cards .features-list {grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; margin-top:10px;}
.home-compact-cards .feature-card {min-height:0; padding:10px 12px; border-radius:12px;}
.home-compact-cards .feature-card .icon {font-size:1.2rem; width:30px; height:30px;}
.home-compact-cards .feature-card h3 {font-size:.98rem; margin-bottom:4px;}
.home-compact-cards .feature-card p {font-size:.9rem; margin-bottom:8px; color:var(--text-secondary); line-height:1.5;}

.home-snapshot-list .kpi-grid-2026 {grid-template-columns: 1fr; gap:12px;}
.home-snapshot-list .ss-action-card {background: transparent; border: none; box-shadow: none; padding:10px 0; min-height:0; border-bottom:1px solid rgba(255,255,255,.08);}
.home-snapshot-list .ss-action-card:last-child {border-bottom:none;}
.home-snapshot-list .ss-action-card {display:grid; grid-template-columns: 1fr auto; grid-template-areas: "title value" "sub value"; column-gap:16px; row-gap:2px; align-items:center;}
.home-snapshot-list .kpi-top-2026 {grid-area:title; font-size:.95rem; font-weight:700;}
.home-snapshot-list .kpi-value-2026 {grid-area:value; font-size:1.4rem; font-weight:800; text-align:right;}
.home-snapshot-list .kpi-sub-2026 {grid-area:sub; font-size:.8rem; color:var(--text-secondary);}

@media (max-width: 768px){
  .home-compact-cards .features-list {grid-template-columns: 1fr;}
  .home-snapshot-list .ss-action-card {grid-template-columns: 1fr; grid-template-areas: "title" "value" "sub"; row-gap:6px;}
  .home-snapshot-list .kpi-value-2026 {text-align:left;}
}

.home-compact-cards .feature-card .btn-2026 {padding:8px 14px; font-size:.9rem;}

.home-pricing-solo #pricing-container .home-empty-state {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 18px;}
.home-pricing-solo #pricing-container .home-empty-state::after {content:"Add plans to populate this area"; font-size:.85rem; color:var(--text-secondary);} 

.home-snapshot-row .community-grid {grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:12px; margin-top:1.5rem;}
.home-snapshot-row .community-card {background: transparent; border:1px solid rgba(255,255,255,.08); box-shadow:none; padding:12px; text-align:left; flex-direction:row; align-items:center; gap:12px;}
.home-snapshot-row .community-card h4 {font-size:.95rem; margin:0;}
.home-snapshot-row .community-card p {font-size:.82rem; margin:0;}
.home-snapshot-row .community-meta {border-top:none; padding-top:0; margin-top:0; font-size:.75rem;}
.home-snapshot-row .community-icon {width:36px; height:36px; border-radius:10px; font-size:1.1rem; margin:0;}

.home-faq .accordion-item {background: transparent; border: none; border-bottom:1px solid rgba(255,255,255,.08); box-shadow:none; border-radius:0;}
.home-faq .accordion-item:last-child {border-bottom:none;}

.home-snapshot-steps .how-steps {grid-template-columns: 1fr; gap:0;}
.home-snapshot-steps .how-step {background: transparent; border:none; border-bottom:1px solid rgba(255,255,255,.08); box-shadow:none; border-radius:0; padding:10px 0; display:flex; align-items:center; gap:12px; text-align:left;}
.home-snapshot-steps .how-step:last-child {border-bottom:none;}
.home-snapshot-steps .how-step .icon {font-size:1.1rem;}


.section-heading[data-eyebrow] {position:relative; padding-top:14px; display:block; width:100%; max-width:100%;}
.section-heading[data-eyebrow]::before {content: attr(data-eyebrow); display:block; font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:rgba(148,163,184,.75); margin-bottom:6px; font-weight:700;}
.section-heading[data-lead]::after {content: attr(data-lead); display:block; font-size:.9rem; color:var(--text-secondary); margin-top:6px; max-width:60ch; line-height:1.5;}

.home-bento__grid > section {position:relative;}
.home-bento__grid > .home-panel::before {content:""; position:absolute; left:-10px; top:14px; bottom:14px; width:2px; background:linear-gradient(180deg, rgba(46,97,197,.55), rgba(46,97,197,0)); opacity:.45; border-radius:2px; pointer-events:none;}

.home-compact-cards .feature-card {background: rgba(17,24,39,.78); border:1px solid rgba(99,102,241,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), 0 12px 28px rgba(0,0,0,.35);} 
.home-compact-cards .feature-card:hover {border-color: rgba(99,102,241,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05), 0 18px 36px rgba(0,0,0,.45);} 

.persona-section .persona-cards {grid-template-columns: repeat(3, minmax(0,1fr)); gap:18px;}
@media (max-width: 1100px){
  .persona-section .persona-cards {grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 768px){
  .persona-section .persona-cards {grid-template-columns: 1fr;}
}

.home-empty-state {background: rgba(15,23,42,.4); border:1px dashed rgba(148,163,184,.25);}

.home-compact-cards .features-list {justify-items:start;}
.home-compact-cards .feature-card {max-width:none; width:100%;}


.home-bento__grid > .home-pricing-solo::before {display:none;}
.home-bento__grid > .persona-section::before {display:none;}
.home-pricing-solo {text-align:center;}
.home-pricing-solo .section-heading {text-align:center;}
.home-pricing-solo .section-heading[data-lead]::after {margin-left:auto; margin-right:auto;}
.home-pricing-solo .container {max-width:1100px; margin:0 auto;}
.home-pricing-solo #pricing-container {max-width:980px; margin:0 auto;}
.home-pricing-solo .home-empty-state {max-width:680px; margin:12px auto 0; justify-content:center;}
.persona-section {text-align:center;}
.persona-section .section-heading {text-align:center;}
.persona-section .section-heading[data-lead]::after {margin-left:auto; margin-right:auto;}
.persona-section .persona-toggle {margin:0 auto;}
.persona-section .persona-cards {max-width:1100px; margin:18px auto 0;}


.section-heading[data-eyebrow] {display:block; width:100%; margin-bottom:10px;}
.section-heading[data-eyebrow]::before {display:block; line-height:1; margin-bottom:8px;}
.section-heading[data-lead]::after {display:block; width:100%; max-width:60ch; line-height:1.5;}

.home-pricing-solo .section-heading,
.persona-section .section-heading {text-align:center;}
.home-pricing-solo .section-heading[data-lead]::after,
.persona-section .section-heading[data-lead]::after {margin-left:auto; margin-right:auto; text-align:center;}

.persona-section .persona-cards {grid-template-columns: repeat(3, minmax(0,1fr));}
.persona-section .persona-card {width:100%; max-width:360px;}

.home-compact-cards .features-list {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); justify-items:start;}
.home-compact-cards .feature-card {max-width:340px; width:100%;}


.section-head {display:block; width:100%; margin:0 0 16px; padding-top:8px;}
.section-head .section-kicker {display:inline-block; font-size:.7rem; letter-spacing:.22em; text-transform:uppercase; color:rgba(148,163,184,.75); margin-bottom:6px; font-weight:700;}
.section-head .section-title {font-size:1.75rem; font-weight:800; margin:0 0 6px; color:rgba(255,255,255,.98);} 
.section-head .section-lead {margin:0; font-size:.95rem; color:var(--text-secondary); max-width:60ch; line-height:1.5;}
.section-head--center {text-align:center;}
.section-head--center .section-lead {margin-left:auto; margin-right:auto;}

.home-pricing-solo .section-head--center, .persona-section .section-head--center {margin-top:6px;}
.persona-section .persona-cards {grid-template-columns: repeat(3, minmax(0,1fr)); justify-items:center;}
.persona-section .persona-card {max-width:360px; width:100%;}

@media (max-width: 768px){
  .persona-section .persona-cards{
    grid-template-columns: 1fr;
    max-width: 100%;
    width: 100%;
    justify-items: stretch;
  }
  .persona-section .persona-card{
    max-width: 100%;
    width: 100%;
    padding: 16px 14px;
  }
}

.section-heading {display:none;}
.section-divider {display:none;}
.home-panel:hover {
transform: translateY(-4px);
box-shadow: 0 22px 50px rgba(0,0,0,.45);
transition: all .25s ease;
}