/* Extends the existing Editorial Light system; only loaded on the reseller route. */
.reseller-page{--reseller-dark:#111318;--reseller-quiet:#aeb8cc}
.reseller-page [hidden]{display:none!important}
.reseller-page ::selection{background:var(--accent);color:#fff}
.reseller-page :is(input,textarea,select){caret-color:var(--accent);accent-color:var(--accent)}
.reseller-page :is(h1,h2,h3,p,summary){overflow-wrap:anywhere}
.reseller-page a{text-underline-offset:.25em}
.reseller-hero{padding-block:clamp(48px,6vw,104px) clamp(64px,7vw,112px)}
.reseller-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,6vw,110px);align-items:center}
.reseller-hero h1{font-size:clamp(3.1rem,5.25vw,5.7rem);line-height:1.1;letter-spacing:-.035em;max-width:13ch}
.reseller-hero h1 em{display:block;font-style:normal;color:var(--accent)}
.reseller-lede{max-width:58ch;color:var(--ink-2);line-height:1.8}
.reseller-hero .reseller-lede{margin-top:28px;font-size:clamp(1rem,1.25vw,1.19rem)}
.reseller-actions{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;margin-top:34px}
.reseller-text-link{font-size:var(--fs-small);font-weight:600;min-height:48px;display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:var(--hair-strong);transition:color var(--dur),text-decoration-color var(--dur)}
.reseller-text-link:hover{color:var(--accent);text-decoration-color:currentColor}
.reseller-hero__note{margin-top:22px;color:var(--muted);font-size:var(--fs-meta)}
.reseller-stage{position:relative;background:var(--reseller-dark);color:#f4f6fb;border-radius:30px;padding:clamp(24px,3vw,46px);box-shadow:0 24px 60px rgba(17,19,24,.14)}
.reseller-stage h2{font-size:clamp(1.65rem,2.2vw,2.4rem);max-width:23ch;line-height:1.25}
.reseller-server-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:30px}
/* Match the incumbent product palettes without changing the shared site CSS. */
.reseller-server[data-reseller-server="trex"]{--server-card:#151011;--server-border:#99676C;--server-text:#FFF8F5;--server-hover:#2D1A1D;--server-emphasis:#FF6868}
.reseller-server[data-reseller-server="strong8k"]{--server-card:#14120D;--server-border:#897446;--server-text:#FFF9E9;--server-hover:#302719;--server-emphasis:#F0C04B}
.reseller-server[data-reseller-server="mega"]{--server-card:#0E141C;--server-border:#5C7E9E;--server-text:#F2F8FF;--server-hover:#1B2A3A;--server-emphasis:#4FA8F0}
.reseller-server[data-reseller-server="lion"]{--server-card:#150F1C;--server-border:#84679E;--server-text:#FAF4FF;--server-hover:#2A2035;--server-emphasis:#B478F0}
.reseller-server{padding:18px 14px;border:1px solid var(--server-border);border-radius:18px;background:var(--server-card);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--server-text);transition:transform var(--dur) var(--ease),border-color var(--dur),background var(--dur),color var(--dur),box-shadow var(--dur)}
.reseller-server img{width:112px;height:112px;object-fit:cover;border-radius:12px;box-shadow:0 9px 22px rgba(0,0,0,.2)}
.reseller-server__name{font-size:.95rem;font-weight:600}
.reseller-server__price{font-size:.82rem;font-weight:500;opacity:.85;text-align:center;line-height:1.35}
.reseller-server:hover:not(:disabled){transform:translateY(-3px);border-color:var(--server-emphasis);background:var(--server-hover)}
.reseller-server:active:not(:disabled){transform:scale(.985)}
.reseller-server[aria-pressed="true"]{border-color:var(--server-emphasis);background:var(--server-hover);color:var(--server-emphasis);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.reseller-server:focus-visible{outline:3px solid #FFF;outline-offset:4px}
.reseller-server:disabled{cursor:default}
.reseller-stage__terms{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;font-size:var(--fs-small)}
.reseller-stage__terms>span{color:var(--reseller-quiet)}
.reseller-stage__terms strong{font-family:var(--font-display);font-size:1.55rem;font-weight:500}
.reseller-stage__note{margin-top:16px;color:#b9c3d7;font-size:var(--fs-meta);line-height:1.7;max-width:65ch}
.reseller-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:36px}
.reseller-section-head h2,.reseller-value h2,.reseller-process h2,.reseller-enquiry h2,.reseller-faq h2{font-size:var(--fs-h2);max-width:20ch;line-height:1.2}
.reseller-section-head>p{max-width:53ch;color:var(--ink-2)}
.reseller-value{background:var(--paper-2)}
.reseller-value__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,8vw,150px)}
.reseller-editorial-list{display:grid;gap:30px}
.reseller-editorial-list article{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1fr);gap:22px;align-items:baseline}
.reseller-editorial-list h3{font-size:1.3rem;line-height:1.35}
.reseller-editorial-list p{color:var(--ink-2);max-width:55ch;font-size:var(--fs-small)}
.reseller-services__note{font-size:var(--fs-meta);color:var(--muted);margin-top:22px}
.reseller-process{padding-top:0}
.reseller-process__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,5vw,80px);margin-top:42px}
.reseller-process__grid h3{font-size:var(--fs-h3);margin-bottom:14px}
.reseller-process__grid p{color:var(--ink-2);font-size:var(--fs-small);max-width:52ch}
.reseller-enquiry{background:#eef2f8;scroll-margin-top:100px}
.reseller-services{scroll-margin-top:86px}
.reseller-enquiry__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,7vw,120px)}
.reseller-enquiry__copy>.reseller-lede{margin-top:24px}
.reseller-enquiry__aside{margin-top:32px;font-size:var(--fs-small);max-width:48ch;color:#47556a}
.reseller-enquiry__panel{background:var(--surface);border-radius:var(--radius-l);padding:clamp(22px,3vw,44px);box-shadow:0 14px 40px rgba(40,58,90,.06)}
.reseller-form{display:grid;gap:22px}
.reseller-form__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.reseller-field{min-width:0;display:grid;align-content:start;gap:8px}
.reseller-field label{font-size:var(--fs-meta);font-weight:600;line-height:1.5}
.reseller-field :is(input,select,textarea),.reseller-preview textarea{font:inherit;font-size:var(--fs-small);color:var(--ink);background:#fcfcfd;border:1px solid #b8c1cf;border-radius:10px;padding:12px 14px;min-height:48px;width:100%;max-width:100%;min-width:0;transition:border-color var(--dur),background var(--dur),box-shadow var(--dur)}
.reseller-field textarea,.reseller-preview textarea{resize:vertical}
.reseller-field :is(input,select,textarea):hover{border-color:#70809b}
.reseller-field :is(input,select,textarea):focus{border-color:var(--accent);background:#fff}
.reseller-field [aria-invalid="true"]{border-color:#b91c1c}
.reseller-form__privacy{font-size:.75rem;color:#5a6575;line-height:1.7}
.reseller-form__status{font-size:var(--fs-meta);color:var(--accent-ink);min-height:0}
.reseller-form__status:empty{display:none}
.reseller-form__status[data-error="true"]{color:#b91c1c}
.reseller-preview{background:#f2f5fb;padding:20px;border-radius:16px}
.reseller-preview h3{font-size:1.2rem;margin-bottom:14px}
.reseller-preview textarea{background:var(--surface);line-height:1.65;min-height:210px}
.reseller-preview__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.reseller-preview__actions .btn{font-size:var(--fs-meta);min-height:44px;padding:10px 16px}
.reseller-noscript{display:grid;gap:24px}
.reseller-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,120px)}
.reseller-faq .faqs{min-width:0}
.reseller-profit{padding-top:0;scroll-margin-top:100px}
.reseller-profit__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,7vw,120px);align-items:center}
.reseller-profit__copy h2{font-size:var(--fs-h2);line-height:1.2;max-width:17ch}
.reseller-profit__copy>.reseller-lede{margin-top:26px;max-width:52ch}
.reseller-profit__formula{margin-top:30px;font-size:var(--fs-small);font-weight:600;color:var(--accent-ink)}
.reseller-profit__disclaimer{margin-top:18px;font-size:var(--fs-meta);color:var(--muted);max-width:54ch;line-height:1.8}
.reseller-profit__copy>.reseller-text-link{margin-top:18px}
.profit-panel{--profit-progress:0%;--profit-accent:#ADC6FF;min-width:0;padding:clamp(24px,3.2vw,48px);background:#111318;color:#EDF2FF;border-radius:var(--radius-l);box-shadow:0 20px 48px rgba(17,19,24,.12)}
.profit-panel :is(input,button):focus-visible{outline:3px solid #FFF;outline-offset:4px}
.profit-panel__intro{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:26px;color:#BDC9DF;font-size:var(--fs-meta)}
.profit-panel__intro>span{font-weight:600;color:#EDF2FF;flex-shrink:0}
.profit-field{margin-top:18px}
.profit-field__heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.profit-field label{font-size:var(--fs-small);line-height:1.5;max-width:70%;color:#D9E3F7}
.profit-field input[type=number]{width:112px;min-width:0;min-height:46px;border:1px solid #687A9B;border-radius:10px;background:#1C2330;color:#EDF2FF;font:600 var(--fs-small) var(--font-body);font-variant-numeric:tabular-nums;text-align:right;padding:10px 12px;transition:border-color var(--dur),background var(--dur)}
.profit-field input[type=number]:hover{background:#26334A;border-color:#ADC6FF}
.profit-field input[aria-invalid=true]{border-color:#FF9CA6}
.profit-range{display:block;width:100%;height:44px;margin:5px 0 0;padding:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent;color:var(--profit-accent);touch-action:pan-y}
.profit-range::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,var(--profit-accent) 0 var(--profit-progress),#53617A var(--profit-progress) 100%)}
.profit-range::-moz-range-track{height:6px;border-radius:99px;background:linear-gradient(to right,var(--profit-accent) 0 var(--profit-progress),#53617A var(--profit-progress) 100%)}
.profit-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:24px;width:24px;border:3px solid #111318;border-radius:50%;margin-top:-9px;background:var(--profit-accent);box-shadow:0 3px 9px rgba(0,0,0,.22);transition:transform var(--dur),background var(--dur)}
.profit-range::-moz-range-thumb{height:18px;width:18px;border:3px solid #111318;border-radius:50%;background:var(--profit-accent);box-shadow:0 3px 9px rgba(0,0,0,.22)}
.profit-range:hover::-webkit-slider-thumb{transform:scale(1.1);background:#DCE7FF}
.profit-range:active::-webkit-slider-thumb{transform:scale(.96)}
.profit-result{display:grid;gap:10px;padding-top:24px;margin-top:14px;border-top:1px solid #3A455A}
.profit-result>span{font-size:var(--fs-meta);color:#BDC9DF}
.profit-result>output{display:block;max-width:100%;font-size:clamp(1.8rem,3.6vw,3.6rem);line-height:1.18;font-weight:600;letter-spacing:-.025em;color:var(--profit-accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;transition:color var(--dur)}
.profit-breakdown{display:grid;gap:8px;margin:20px 0 0;font-size:var(--fs-meta);color:#BDC9DF}
.profit-breakdown>div{display:flex;justify-content:space-between;gap:20px;min-width:0}
.profit-breakdown dd{margin:0;text-align:right;color:#EDF2FF;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.profit-status{font-size:var(--fs-meta);color:#FFB1B8;margin-top:16px;line-height:1.7}
.profit-status:empty{display:none}
.profit-panel[data-state=loss] .profit-result>output{color:#FFB1B8}
.profit-panel[data-state=invalid] .profit-result>output{color:#BDC9DF}
.profit-reset{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;margin-top:24px;border:1px solid #687A9B;border-radius:var(--radius-pill);color:#D9E3F7;font-size:var(--fs-meta);transition:background var(--dur),border-color var(--dur),transform var(--dur)}
.profit-reset:hover{background:#26334A;border-color:#ADC6FF}
.profit-reset:active{transform:scale(.98)}
@media(max-width:800px){.reseller-profit__grid{grid-template-columns:1fr;gap:30px}.reseller-profit__copy h2{max-width:24ch}}
@media(max-width:520px){.profit-panel{padding:24px 22px}.profit-field__heading{gap:16px}.profit-field label{max-width:65%}.profit-field input[type=number]{width:94px;flex-shrink:0}.profit-result{padding-top:20px}.profit-panel__intro{margin-bottom:22px}}
@media(min-width:1800px){.reseller-hero__grid{gap:9vw}.reseller-stage{padding:48px 56px}.reseller-server img{width:140px;height:140px}.reseller-stage h2{max-width:none}}
@media(max-width:1080px){.reseller-hero__grid{gap:32px}.reseller-hero h1{font-size:clamp(2.6rem,5.5vw,4rem)}.reseller-stage{padding:26px}.reseller-server img{width:88px;height:88px}.reseller-editorial-list article{grid-template-columns:1fr;gap:8px}.reseller-value__grid{gap:48px}.reseller-section-head{align-items:start}}
@media(max-width:800px){.reseller-hero__grid,.reseller-value__grid,.reseller-enquiry__grid,.reseller-faq__grid{grid-template-columns:1fr}.reseller-hero__grid{gap:42px}.reseller-hero h1{font-size:clamp(2.65rem,7.8vw,4.8rem);max-width:15ch}.reseller-stage h2{max-width:24ch}.reseller-section-head{display:grid;gap:18px}.reseller-editorial-list{gap:26px}.reseller-editorial-list article{grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.reseller-process__grid{gap:24px}}
@media(max-width:520px){.reseller-hero{padding-top:40px}.reseller-hero h1{font-size:clamp(2.35rem,9.6vw,3.3rem);max-width:100%}.reseller-hero .reseller-lede{margin-top:22px}.reseller-actions{gap:12px 20px;margin-top:26px}.reseller-actions .btn{width:100%}.reseller-text-link{min-height:44px}.reseller-stage{border-radius:22px;padding:22px}.reseller-server-picker{gap:12px;margin-block:24px}.reseller-server{padding:16px 8px}.reseller-server img{width:86px;height:86px}.reseller-editorial-list article{grid-template-columns:1fr;gap:10px}.reseller-process__grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.reseller-form__row{grid-template-columns:1fr;gap:20px}.reseller-enquiry__panel{padding:22px 18px}.reseller-preview{padding:16px}.reseller-preview__actions .btn{width:100%}.reseller-stage__terms{gap:10px}.reseller-stage__terms strong{font-size:1.35rem}}
@media(prefers-reduced-motion:no-preference){.reseller-stage{animation:reseller-arrive 650ms var(--ease-out) both}@keyframes reseller-arrive{from{clip-path:inset(0 0 10% 0 round 30px);filter:brightness(.9);transform:translateY(12px)}to{clip-path:inset(0 0 0 0 round 30px);filter:brightness(1);transform:none}}}
@media(prefers-reduced-motion:reduce){.reseller-page *{animation:none!important;transition:none!important}}
