.page-reseller-redesign { min-height: 100vh; color: #2b271d; background: #f7f1e7; }
.reseller-redesign-main { position: relative; z-index: 1; }
.reseller-command-hero { position: relative; min-height: 476px; overflow: hidden; background: #4f1119; }
.reseller-command-hero-media, .reseller-command-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.reseller-command-hero-media { object-fit: cover; object-position: center; }
.reseller-command-hero-shade { background: rgba(61, 7, 17, 0.78); }
.reseller-command-hero-inner { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 400px); align-items: end; gap: 56px; min-height: 476px; padding-top: 76px; padding-bottom: 58px; }
.reseller-command-copy { display: grid; justify-items: start; gap: 16px; max-width: 650px; color: #fffaf1; }
.reseller-overline { color: #f0d39b; font-size: 11px; font-weight: 850; letter-spacing: 0; text-transform: uppercase; }
.reseller-command-copy h1, .reseller-command-copy p, .reseller-section-head h2, .reseller-section-head p, .reseller-route-step h3, .reseller-route-step p, .reseller-readiness-copy h2, .reseller-readiness-copy p, .reseller-check-item h3, .reseller-check-item p, .reseller-guide-copy h3, .reseller-guide-copy p, .reseller-closing h2 { margin: 0; }
.reseller-command-copy h1 { font-size: 64px; font-weight: 900; line-height: 0.98; letter-spacing: 0; }
.reseller-command-copy p { max-width: 590px; color: rgba(255, 250, 241, 0.86); font-size: 16px; font-weight: 600; line-height: 1.62; }
.reseller-command-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding-top: 8px; }
.reseller-primary-action, .reseller-closing-action { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 15px; border: 1px solid #f0d39b; border-radius: 8px; color: #65101d; background: #fff8eb; font-weight: 850; }
.reseller-primary-action:hover, .reseller-primary-action:focus-visible, .reseller-closing-action:hover, .reseller-closing-action:focus-visible { color: #fff8eb; border-color: #f7dfaf; background: #b71329; outline: 0; }
.reseller-primary-action .material-symbols-rounded, .reseller-secondary-action .material-symbols-rounded, .reseller-guide-link .material-symbols-rounded, .reseller-closing-action .material-symbols-rounded { font-size: 18px; }
.reseller-secondary-action { display: inline-flex; align-items: center; gap: 6px; color: #fffaf1; font-size: 13px; font-weight: 800; }
.reseller-secondary-action:hover, .reseller-secondary-action:focus-visible { color: #f4d89f; outline: 0; }
.reseller-desk-board { align-self: end; padding: 18px; border: 1px solid rgba(246,220,168,.5); border-radius: 8px; background: rgba(43,7,14,.76); box-shadow: 0 20px 42px rgba(21,0,6,.3); color: #fffaf1; }
.reseller-desk-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 14px; border-bottom: 1px solid rgba(255,248,235,.18); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.reseller-desk-status { display: inline-flex; align-items: center; gap: 6px; color: #f2d79e; font-size: 11px; }
.reseller-desk-status i { width: 7px; height: 7px; border-radius: 50%; background: #e5ca88; }
.reseller-desk-row { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; padding: 16px 0; border-bottom: 1px solid rgba(255,248,235,.14); }
.reseller-desk-row:last-child { padding-bottom: 2px; border-bottom: 0; }
.reseller-desk-row > span { color: #f2d79e; font-size: 12px; font-weight: 900; }
.reseller-desk-row div { display: grid; gap: 4px; }
.reseller-desk-row strong { font-size: 14px; }
.reseller-desk-row small { color: rgba(255,250,241,.68); font-size: 11px; font-weight: 600; line-height: 1.45; }
.reseller-route, .reseller-guides { padding-top: 74px; padding-bottom: 74px; }
.reseller-section-head { display: grid; gap: 8px; max-width: 710px; margin-bottom: 32px; }
.reseller-section-head .reseller-overline, .reseller-readiness-copy .reseller-overline, .reseller-guide-copy > span, .reseller-closing .reseller-overline { color: #aa1729; }
.reseller-section-head h2, .reseller-readiness-copy h2, .reseller-closing h2 { color: #2d271e; font-size: 34px; font-weight: 900; line-height: 1.08; letter-spacing: 0; }
.reseller-section-head p { color: #776a52; font-size: 14px; font-weight: 600; line-height: 1.65; }
.reseller-route-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #decda8; border-bottom: 1px solid #decda8; }
.reseller-route-step { min-height: 284px; padding: 28px 28px 30px; border-right: 1px solid #decda8; }
.reseller-route-step:last-child { border-right: 0; }
.reseller-route-number { display: block; margin-bottom: 38px; color: #b41329; font-size: 12px; font-weight: 900; }
.reseller-route-icon { display: block; margin-bottom: 16px; color: #b41329; font-size: 27px; }
.reseller-route-step h3 { color: #2d271e; font-size: 18px; font-weight: 850; line-height: 1.25; }
.reseller-route-step p { margin-top: 9px; color: #776a52; font-size: 13px; font-weight: 600; line-height: 1.58; }
.reseller-readiness { border-top: 1px solid rgba(135,15,34,.2); border-bottom: 1px solid rgba(135,15,34,.2); background: #f1e5d0; }
.reseller-readiness-inner { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 72px; padding-top: 70px; padding-bottom: 70px; }
.reseller-readiness-copy { display: grid; align-content: start; gap: 14px; }
.reseller-readiness-copy p { color: #695d49; font-size: 14px; font-weight: 600; line-height: 1.68; }
.reseller-check-list { border-top: 1px solid #d7c18f; }
.reseller-check-item { display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 13px; padding: 18px 0; border-bottom: 1px solid #d7c18f; }
.reseller-check-item > .material-symbols-rounded { color: #b31328; font-size: 20px; }
.reseller-check-item div { display: grid; gap: 4px; }
.reseller-check-item h3 { color: #332b20; font-size: 15px; font-weight: 850; }
.reseller-check-item p { color: #74664e; font-size: 12px; font-weight: 600; line-height: 1.55; }
.reseller-guide-list { display: grid; border-top: 1px solid #decda8; }
.reseller-guide-row { display: grid; grid-template-columns: 72px minmax(0,1fr) auto; align-items: center; gap: 24px; padding: 30px 0; border-bottom: 1px solid #decda8; }
.reseller-guide-index { color: #b41329; font-size: 13px; font-weight: 900; }
.reseller-guide-copy { display: grid; gap: 7px; }
.reseller-guide-copy > span { font-size: 11px; font-weight: 850; text-transform: uppercase; }
.reseller-guide-copy h3 { color: #2d271e; font-size: 20px; font-weight: 850; line-height: 1.25; }
.reseller-guide-copy p { color: #766953; font-size: 13px; font-weight: 600; line-height: 1.65; }
.reseller-guide-link { display: inline-flex; align-items: center; gap: 7px; color: #ad1327; font-size: 13px; font-weight: 850; white-space: nowrap; }
.reseller-guide-link:hover, .reseller-guide-link:focus-visible { color: #6d0a16; outline: 0; }
.reseller-closing { background: #941326; }
.reseller-closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 206px; padding-top: 34px; padding-bottom: 34px; }
.reseller-closing .reseller-overline { color: #f2d79e; }
.reseller-closing h2 { max-width: 670px; margin-top: 7px; color: #fffaf1; }
.reseller-closing-action { flex: 0 0 auto; }
@media (max-width: 860px) { .reseller-command-hero-inner, .reseller-readiness-inner { grid-template-columns: 1fr; } .reseller-command-hero-inner { gap: 32px; } .reseller-desk-board { max-width: 520px; } .reseller-readiness-inner { gap: 38px; } }
@media (max-width: 680px) { .reseller-command-hero, .reseller-command-hero-inner { min-height: 0; } .reseller-command-hero-inner { padding-top: 58px; padding-bottom: 38px; } .reseller-command-copy h1 { font-size: 45px; } .reseller-command-copy p { font-size: 14px; } .reseller-route, .reseller-guides { padding-top: 46px; padding-bottom: 46px; } .reseller-section-head h2, .reseller-readiness-copy h2, .reseller-closing h2 { font-size: 28px; } .reseller-route-grid { grid-template-columns: 1fr; } .reseller-route-step { min-height: 0; border-right: 0; border-bottom: 1px solid #decda8; } .reseller-route-step:last-child { border-bottom: 0; } .reseller-route-number { margin-bottom: 20px; } .reseller-readiness-inner { padding-top: 46px; padding-bottom: 46px; } .reseller-guide-row { grid-template-columns: 40px minmax(0,1fr); gap: 14px; } .reseller-guide-link { grid-column: 2; } .reseller-closing-inner { align-items: flex-start; flex-direction: column; min-height: 0; padding-top: 44px; padding-bottom: 44px; } }