/* The extra navigation item shares the main site's existing responsive menu. */
.site-header .nav-links { white-space: nowrap; }
@media (min-width: 1001px) and (max-width: 1180px) {
  .site-header .nav-links { display: none; }
  .site-header .nav-burger { display: inline-flex; }
}
.reseller-page { overflow: clip; }
.reseller-page .rs-hero { padding-bottom: clamp(3rem, 7vw, 6rem); }
.rs-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(2rem, 5vw, 4.5rem); }
.reseller-page h1 { font-size: clamp(2.75rem, 4.9vw, 4.65rem); line-height: 1.05; letter-spacing: -.045em; }
.reseller-page .hero-badge { display: inline-flex; align-items: center; gap: .5rem; }
.reseller-page .rs-lead { max-width: 35rem; margin-top: 1.5rem; color: var(--text-2); font-size: 1.0625rem; line-height: 1.8; }
.rs-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 2rem; }
.rs-promises { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; padding: 0; margin-top: 1.75rem; list-style: none; color: var(--text-3); font-size: .8rem; }
.rs-promises li, .rs-premium-list li { display: flex; align-items: flex-start; gap: .5rem; }
.rs-promises .icon, .rs-premium-list .icon { color: var(--accent); flex-shrink: 0; margin-top: .15rem; }
.rs-preview { min-width: 0; border: 1px solid var(--border-2); border-radius: calc(var(--radius) * 2); background: var(--card); box-shadow: var(--shadow-lg), 0 0 90px -50px var(--accent); transform: perspective(1400px) rotateY(-5deg) rotateX(2deg); }
.rs-window-bar { min-height: 2.8rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1rem; border-bottom: 1px solid var(--border); color: var(--text-3); font-size: .6875rem; }
.rs-window-bar > span { display: inline-flex; align-items: center; gap: .375rem; }
.rs-window-dots i { width: 6px; height: 6px; background: var(--border-2); border-radius: 50%; }
.rs-example { font-size: .625rem; text-transform: uppercase; letter-spacing: .1em; }
.rs-preview-body { display: grid; grid-template-columns: 3.5rem minmax(0, 1fr); }
.rs-preview-sidebar { display: flex; flex-direction: column; gap: .625rem; align-items: center; padding: 1.25rem .6rem; border-right: 1px solid var(--border); background: var(--card-2); }
.rs-preview-sidebar > span { display: grid; place-items: center; width: 2.125rem; height: 2.125rem; border-radius: var(--radius); color: var(--text-3); }
.rs-preview-sidebar .rs-mini-brand { background: var(--accent); color: #fff; margin-bottom: 1.25rem; }
.rs-preview-sidebar .rs-menu-on { background: var(--accent-soft); color: var(--accent); }
.rs-preview-main { padding: 1.5rem; min-width: 0; }
.rs-preview-title { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
.rs-eyebrow { display: block; color: var(--text-3); font-size: .625rem; font-weight: 700; letter-spacing: .14em; }
.rs-preview-title h2 { margin-top: .4rem; font-size: 1.125rem; letter-spacing: -.02em; }
.rs-pill { display: inline-flex; align-items: center; gap: .3rem; padding: .4rem .5rem; background: var(--accent-soft); color: var(--accent); border: 1px solid var(--accent-line); border-radius: 99px; white-space: nowrap; font-size: .625rem; }
.rs-store-banner { position: relative; overflow: hidden; margin-top: 1.25rem; padding: 1.5rem; border-radius: var(--radius); border: 1px solid var(--accent-line); background: radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--accent) 22%, transparent), transparent 80%), var(--card-2); }
.rs-store-banner h3 { max-width: 14rem; font-size: 1.5rem; line-height: 1.2; letter-spacing: -.025em; }
.rs-store-banner p { margin-top: .5rem; color: var(--text-3); font-size: .6875rem; }
.rs-store-mark { position: absolute; right: -1rem; bottom: -.75rem; color: var(--accent); opacity: .1; transform: rotate(-20deg); }
.rs-store-mark .icon { width: 8rem; height: 8rem; }
.rs-store-cta { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.1rem; padding: .5rem .7rem; border-radius: calc(var(--radius) * .75); background: var(--accent); color: #fff; font-size: .6875rem; font-weight: 600; }
.rs-preview-label { display: flex; justify-content: space-between; align-items: center; margin: 1.25rem 0 .65rem; color: var(--text-2); font-size: .6875rem; font-weight: 600; }
.rs-preview-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.rs-preview-tiles > div { position: relative; min-width: 0; padding: .85rem; background: var(--card-2); border: 1px solid var(--border); border-radius: var(--radius); }
.rs-preview-tiles .icon { display: block; color: var(--accent); margin-bottom: .5rem; }
.rs-preview-tiles strong { display: block; color: var(--text); font-size: .75rem; }
.rs-preview-tiles span { display: block; color: var(--text-3); font-size: .625rem; margin-top: .15rem; }
.rs-preview-server { display: flex; align-items: center; gap: .65rem; margin-top: .65rem; padding: .85rem; border: 1px solid var(--border); border-radius: var(--radius); font-size: .75rem; }
.rs-preview-server > .icon { color: var(--accent); }
.rs-preview-server small { display: block; margin-top: .15rem; color: var(--text-3); font-size: .625rem; }
.rs-status { display: inline-flex; align-items: center; gap: .35rem; margin-left: auto; color: var(--success); font-size: .625rem; }
.rs-status i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.rs-preview-caption { display: flex; align-items: center; justify-content: center; gap: .5rem; padding: .875rem; border-top: 1px solid var(--border); color: var(--text-3); font-size: .625rem; text-align: center; }
.rs-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.rs-feature { padding: 1.75rem; border-radius: calc(var(--radius) * 1.5); border: 1px solid var(--border); background: radial-gradient(circle at 100% 100%, var(--accent-soft), transparent 60%), var(--card); transition: border-color .2s, transform .2s; }
.rs-feature:hover { border-color: var(--accent-line); transform: translateY(-3px); }
.rs-feature-icon { display: inline-grid; width: 2.75rem; height: 2.75rem; place-items: center; border-radius: var(--radius); background: var(--accent-soft); color: var(--accent); }
.rs-feature h3, .reseller-page .how-step h3 { font-size: 1.125rem; margin-top: 1rem; }
.rs-feature p, .reseller-page .how-step p { color: var(--text-2); font-size: .875rem; line-height: 1.8; margin-top: .65rem; }
.rs-billing-note { display: flex; justify-content: center; align-items: flex-start; gap: .65rem; max-width: 49rem; margin: 2rem auto 0; color: var(--text-3); text-align: center; font-size: .8rem; line-height: 1.8; }
.rs-billing-note .icon { flex-shrink: 0; margin-top: .2rem; color: var(--accent); }
.rs-premium { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 5rem; align-items: center; }
.rs-premium-copy h2 { font-size: clamp(2rem, 3.6vw, 2.75rem); }
.rs-premium-copy > p { margin-top: 1.25rem; color: var(--text-2); line-height: 1.8; }
.rs-premium-list { display: grid; gap: .875rem; padding: 0; margin-top: 1.5rem; list-style: none; font-size: .875rem; color: var(--text-2); }
.rs-premium-card { border-radius: calc(var(--radius) * 2); padding: 2rem; border: 1px solid var(--accent-line); background: radial-gradient(ellipse at 100% 0, color-mix(in srgb, var(--accent) 14%, transparent), transparent 85%), var(--card); box-shadow: var(--shadow); }
.rs-premium-icon { display: grid; place-items: center; width: 3.5rem; height: 3.5rem; margin-bottom: 1.5rem; border-radius: var(--radius); background: var(--accent-soft); color: var(--accent); }
.rs-premium-icon .icon { width: 1.75rem; height: 1.75rem; }
.rs-premium-card h3 { font-size: 1.5rem; margin-top: .5rem; }
.rs-premium-card p { margin-top: .875rem; color: var(--text-2); font-size: .875rem; line-height: 1.8; }
.rs-premium-rule { display: flex; gap: .5rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--border); color: var(--text-3); font-size: .75rem; line-height: 1.8; }
.rs-premium-rule .icon { color: var(--accent); flex-shrink: 0; margin-top: .2rem; }
.rs-contact { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1rem; overflow-wrap: anywhere; }
.rs-final { padding: clamp(2rem, 5vw, 4rem); border: 1px solid var(--accent-line); border-radius: calc(var(--radius) * 2); background: radial-gradient(ellipse at 50% 0, var(--accent-soft), transparent 75%), var(--card); text-align: center; }
.rs-final h2 { max-width: 42rem; margin: 1.25rem auto 0; font-size: clamp(2rem, 3.6vw, 2.75rem); }
.rs-final > p { margin-top: 1rem; color: var(--text-2); }
.rs-final .rs-actions { justify-content: center; }
@media (max-width: 960px) { .rs-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 3rem; } .rs-preview { max-width: 36rem; width: 100%; transform: none; margin-inline: auto; } .rs-premium { gap: 2.5rem; } }
@media (max-width: 760px) { .rs-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rs-premium { grid-template-columns: minmax(0, 1fr); } .rs-promises { display: grid; gap: .65rem; } }
@media (max-width: 500px) { .reseller-page h1 { font-size: clamp(2.6rem, 11vw, 3.5rem); } .rs-actions .btn { width: 100%; justify-content: center; } .rs-feature-grid { grid-template-columns: minmax(0, 1fr); } .rs-preview-body { grid-template-columns: 2.75rem minmax(0, 1fr); } .rs-preview-sidebar { padding-inline: .375rem; } .rs-preview-main { padding: 1rem; } .rs-pill { display: none; } .rs-store-banner { padding: 1.1rem; } .rs-store-banner h3 { font-size: 1.3rem; } .rs-preview-caption { font-size: .6rem; } .rs-premium-card { padding: 1.5rem; } }
@media (prefers-reduced-motion: reduce) { .rs-feature { transition: none; } .rs-feature:hover { transform: none; } .rs-preview { transform: none; } }