.reseller-page { --partner-blue:#087dec; --partner-dark:#092941; --partner-ink:#163b53; --partner-soft:#edf7ff; overflow:hidden; color:var(--partner-ink); }
.reseller-page .section { padding:88px 0; }
.reseller-hero { position:relative; padding:92px 0 0; overflow:hidden; color:#fff; background:linear-gradient(135deg,#061f35 0%,#07395f 52%,#087dec 145%); }
.reseller-hero::before { position:absolute; inset:0; content:""; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,#000,transparent 84%); }
.reseller-orbit { position:absolute; border:1px solid rgba(109,197,255,.18); border-radius:50%; pointer-events:none; }
.reseller-orbit-a { width:640px; height:640px; top:-410px; right:-90px; }
.reseller-orbit-b { width:430px; height:430px; top:-260px; right:15px; }
.reseller-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr); gap:70px; align-items:center; }
.reseller-hero-copy .eyebrow,.reseller-global .eyebrow { color:#79c8ff; }
.reseller-hero h1 { max-width:780px; margin:16px 0 24px; color:#fff; font-size:clamp(42px,5vw,75px); line-height:.99; letter-spacing:-.055em; }
.reseller-lead { max-width:760px; margin:0; color:#cfe7f7; font-size:18px; line-height:1.7; }
.reseller-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
.reseller-hero .button-primary { background:#fff; color:#075ea9; box-shadow:0 18px 45px rgba(0,12,28,.25); }
.reseller-hero .button-secondary { border-color:rgba(255,255,255,.32); color:#fff; background:rgba(255,255,255,.08); }
.reseller-hero-checks { display:flex; flex-wrap:wrap; gap:10px 22px; margin:24px 0 0; padding:0; color:#add5ee; font-size:12px; font-weight:700; list-style:none; }
.reseller-hero-checks li::before { margin-right:7px; color:#62d5a4; content:"✓"; }
.reseller-hero-visual { position:relative; display:grid; gap:14px; padding:23px; border:1px solid rgba(255,255,255,.16); border-radius:28px; background:rgba(5,30,51,.62); box-shadow:0 35px 90px rgba(0,17,35,.42); backdrop-filter:blur(16px); }
.reseller-rate-card { display:grid; grid-template-columns:1fr auto; gap:3px 18px; padding:20px; border-radius:18px; color:#113850; background:linear-gradient(135deg,#fff,#e4f5ff); }
.reseller-rate-card span { color:#52758a; font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.reseller-rate-card strong { grid-row:1 / span 2; grid-column:2; color:#087dec; font-size:50px; line-height:1; letter-spacing:-.06em; }
.reseller-rate-card p { max-width:300px; margin:0; color:#547386; font-size:11px; line-height:1.45; }
.reseller-flow-card { display:grid; gap:9px; padding:10px; border-radius:18px; background:rgba(255,255,255,.07); }
.reseller-flow-card > div { display:flex; gap:12px; align-items:center; padding:12px 14px; border:1px solid rgba(255,255,255,.11); border-radius:13px; background:rgba(5,26,44,.4); }
.reseller-flow-card > div.result { border-color:rgba(80,204,255,.4); background:rgba(8,125,236,.23); }
.reseller-flow-card i { display:grid; width:31px; height:31px; flex:0 0 31px; place-items:center; border-radius:9px; color:#73c8ff; background:rgba(255,255,255,.09); font-style:normal; font-size:9px; font-weight:900; }
.reseller-flow-card span { display:grid; gap:3px; }
.reseller-flow-card b { color:#fff; font-size:12px; }
.reseller-flow-card small { color:#a7ccdf; font-size:9px; }
.reseller-flow-card > em { justify-self:center; color:#68c5ff; font-style:normal; font-size:17px; }
.reseller-renewal-strip { display:grid; grid-template-columns:1fr auto; gap:5px 12px; padding:14px 16px; border-radius:14px; color:#d6ebf7; background:#031b2d; }
.reseller-renewal-strip span { font-size:10px; font-weight:800; }
.reseller-renewal-strip b { padding:3px 8px; border-radius:999px; color:#90f0c2; background:rgba(25,174,108,.18); font-size:8px; }
.reseller-renewal-strip i { grid-column:1 / -1; color:#78caff; font-style:normal; font-size:10px; }
.reseller-proof-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:75px; border-top:1px solid rgba(255,255,255,.14); }
.reseller-proof-grid article { display:flex; gap:13px; padding:26px 24px 30px; border-right:1px solid rgba(255,255,255,.12); }
.reseller-proof-grid article:last-child { border-right:0; }
.reseller-proof-grid article > span { color:#60bffb; font-size:10px; font-weight:900; }
.reseller-proof-grid h2 { margin:0 0 6px; color:#fff; font-size:14px; }
.reseller-proof-grid p { margin:0; color:#9fc7de; font-size:10px; line-height:1.55; }
.reseller-heading { max-width:850px; margin:0 auto 40px; text-align:center; }
.reseller-heading h2,.reseller-power h2,.reseller-dashboard h2,.reseller-global h2,.reseller-evolution h2,.reseller-apply h2 { margin:10px 0 15px; color:var(--partner-dark); font-size:clamp(30px,4vw,48px); line-height:1.08; letter-spacing:-.04em; }
.reseller-heading > p:last-child,.reseller-power-grid > div > p,.reseller-dashboard-grid > div > p,.reseller-global-grid > div > p,.reseller-evolution-card > div > p,.reseller-apply-copy > p { color:#5d7789; line-height:1.7; }
.reseller-profiles { background:#f6faff; }
.reseller-profile-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; }
.reseller-profile-grid article { position:relative; min-height:210px; padding:25px; border:1px solid #d9e7f0; border-radius:18px; background:#fff; box-shadow:0 12px 35px rgba(9,56,89,.05); transition:.2s ease; }
.reseller-profile-grid article:hover { transform:translateY(-4px); border-color:#a8d5f6; box-shadow:0 18px 42px rgba(9,74,123,.1); }
.reseller-profile-grid article > span { display:grid; width:38px; height:38px; place-items:center; border-radius:11px; color:#087dec; background:#e9f5ff; font-size:11px; font-weight:900; }
.reseller-profile-grid h3,.reseller-capability-grid h3,.reseller-use-grid h3 { margin:19px 0 8px; color:#12364e; font-size:16px; }
.reseller-profile-grid p,.reseller-capability-grid p,.reseller-use-grid p { margin:0; color:#667f91; font-size:12px; line-height:1.65; }
.reseller-power { background:#fff; }
.reseller-power-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr); gap:65px; align-items:center; }
.reseller-capability-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; margin-top:30px; }
.reseller-capability-grid article { padding:20px; border:1px solid #dce9f1; border-radius:16px; background:#fbfdff; }
.reseller-capability-grid h3 { margin:0 0 7px; }
.reseller-stack { display:grid; gap:10px; padding:24px; border:1px solid #cae2f3; border-radius:26px; background:linear-gradient(155deg,#f8fcff,#eaf6ff); box-shadow:0 25px 60px rgba(8,75,125,.12); }
.reseller-stack > div { display:grid; gap:5px; padding:18px; border:1px solid #d9e8f1; border-radius:14px; background:#fff; }
.reseller-stack > div.accent { border-color:#8ccafa; background:#087dec; }
.reseller-stack small { color:#6c8799; font-size:8px; font-weight:900; letter-spacing:.1em; }
.reseller-stack strong { color:#173d54; font-size:12px; line-height:1.45; }
.reseller-stack .accent small,.reseller-stack .accent strong { color:#fff; }
.reseller-stack > b { justify-self:center; color:#087dec; }
.reseller-stack > span { padding:10px; border-radius:10px; color:#145f92; background:#d9efff; text-align:center; font-size:10px; font-weight:900; }
.reseller-model { color:#fff; background:#082c48; }
.reseller-model .reseller-heading h2 { color:#fff; }
.reseller-model .eyebrow { color:#67c8ff; }
.reseller-model-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0; padding:0; list-style:none; }
.reseller-model-grid li { position:relative; min-height:215px; padding:24px; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:rgba(255,255,255,.06); }
.reseller-model-grid li > span { color:#65c6ff; font-size:11px; font-weight:900; }
.reseller-model-grid h3 { margin:28px 0 9px; color:#fff; font-size:18px; }
.reseller-model-grid p { margin:0; color:#a9c9dc; font-size:12px; line-height:1.65; }
.reseller-model-grid li > b { position:absolute; z-index:2; top:50%; right:-22px; display:grid; width:30px; height:30px; place-items:center; border-radius:50%; color:#79ceff; background:#082c48; transform:translateY(-50%); }
.reseller-model-grid li:last-child > b { display:none; }
.reseller-income-message { display:grid; grid-template-columns:auto 1fr; gap:3px 22px; align-items:center; margin-top:22px; padding:22px 26px; border:1px solid rgba(104,205,255,.3); border-radius:16px; background:rgba(8,125,236,.18); }
.reseller-income-message strong { grid-row:1 / span 2; color:#fff; font-size:19px; }
.reseller-income-message span { color:#8fe0ff; font-weight:900; }
.reseller-income-message small { color:#a7c7d9; }
.reseller-dashboard { background:#f4f9fd; }
.reseller-dashboard-grid { display:grid; grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr); gap:60px; align-items:center; }
.reseller-dashboard-grid ul,.reseller-global-grid ul { display:grid; gap:10px; margin:25px 0; padding:0; list-style:none; }
.reseller-dashboard-grid li,.reseller-global-grid li { color:#315b73; font-size:12px; font-weight:750; }
.reseller-dashboard-grid li::before,.reseller-global-grid li::before { margin-right:9px; color:#12a36a; content:"✓"; }
.reseller-dashboard-mock { margin:0; overflow:hidden; border:1px solid #cbdde8; border-radius:22px; background:#fff; box-shadow:0 26px 70px rgba(8,50,81,.16); }
.reseller-dashboard-mock > header { display:flex; align-items:center; gap:13px; padding:17px 20px; color:#fff; background:#092d49; }
.reseller-dashboard-mock > header span { font-size:8px; font-weight:900; letter-spacing:.12em; }
.reseller-dashboard-mock > header b { flex:1; font-size:12px; }
.reseller-dashboard-mock > header i { padding:4px 8px; border-radius:999px; color:#88edbd; background:rgba(24,174,106,.2); font-style:normal; font-size:8px; }
.reseller-dashboard-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:17px; background:#f5f9fc; }
.reseller-dashboard-stats article { display:grid; gap:4px; padding:15px; border:1px solid #dce8ef; border-radius:12px; background:#fff; }
.reseller-dashboard-stats span { color:#688396; font-size:8px; font-weight:850; text-transform:uppercase; }
.reseller-dashboard-stats strong { color:#123a55; font-size:23px; }
.reseller-dashboard-stats small { color:#6d899b; font-size:8px; }
.reseller-dashboard-table { padding:0 17px 17px; }
.reseller-dashboard-table > div { display:grid; grid-template-columns:1.3fr .7fr .6fr .7fr; gap:8px; align-items:center; padding:12px; border-bottom:1px solid #e4edf2; font-size:9px; }
.reseller-dashboard-table > div:first-child { color:#6b8292; background:#f7fafc; font-size:8px; text-transform:uppercase; }
.reseller-dashboard-table em { width:max-content; padding:3px 7px; border-radius:999px; color:#078153; background:#e3f8ee; font-style:normal; font-size:7px; font-weight:900; }
.reseller-dashboard-table strong { color:#087dec; }
.reseller-dashboard-mock figcaption { padding:0 18px 16px; color:#8194a1; font-size:8px; }
.reseller-use { background:#fff; }
.reseller-use-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.reseller-use-grid article { padding:25px; border:1px solid #dae8f1; border-radius:18px; background:linear-gradient(145deg,#fff,#f8fcff); }
.reseller-use-grid h3 { margin-top:0; }
.reseller-use-grid article > span { display:block; margin-top:18px; color:#087dec; font-size:10px; font-weight:900; }
.reseller-global { color:#fff; background:linear-gradient(135deg,#06233a,#075286); }
.reseller-global-grid { display:grid; grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr); gap:75px; align-items:center; }
.reseller-global h2 { color:#fff; }
.reseller-global-grid > div > p { color:#b8d7e8; }
.reseller-global-grid li { color:#d1e9f5; }
.reseller-world { position:relative; min-height:360px; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:radial-gradient(circle at 48% 46%,rgba(38,173,255,.28),transparent 35%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:auto,35px 35px,35px 35px; box-shadow:inset 0 0 90px rgba(30,163,247,.15); }
.reseller-world::before,.reseller-world::after { position:absolute; inset:12% 4%; border:1px solid rgba(105,205,255,.26); border-radius:50%; content:""; }
.reseller-world::after { inset:4% 24%; }
.reseller-world span { position:absolute; z-index:2; padding:7px 10px; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:#cbeaff; background:#0b4168; font-size:8px; font-weight:900; }
.reseller-world span:nth-child(1) { top:26%; left:43%; }.reseller-world span:nth-child(2) { top:42%; left:10%; }.reseller-world span:nth-child(3) { top:60%; left:45%; }.reseller-world span:nth-child(4) { top:49%; right:7%; }
.reseller-world i { position:absolute; z-index:3; width:10px; height:10px; border:2px solid #daf4ff; border-radius:50%; background:#0aa0f5; box-shadow:0 0 0 8px rgba(10,160,245,.15); }
.reseller-world i:nth-of-type(1) { top:38%; left:46%; }.reseller-world i:nth-of-type(2) { top:54%; left:27%; }.reseller-world i:nth-of-type(3) { top:67%; left:54%; }.reseller-world i:nth-of-type(4) { top:41%; right:23%; }
.reseller-evolution { background:#f4f9fd; }
.reseller-evolution-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); gap:55px; padding:50px; border:1px solid #cfe2ef; border-radius:28px; background:#fff; box-shadow:0 22px 60px rgba(8,57,91,.08); }
.reseller-evolution-card > div > div { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.reseller-evolution-card ol { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.reseller-evolution-card li { display:grid; grid-template-columns:100px 1fr; gap:14px; align-items:center; padding:16px; border:1px solid #dbe8f0; border-radius:13px; background:#f9fcfe; }
.reseller-evolution-card li span { color:#087dec; font-size:9px; font-weight:950; letter-spacing:.08em; }
.reseller-evolution-card li strong { color:#244b62; font-size:11px; }
.reseller-apply { background:#fff; }
.reseller-apply-grid { display:grid; grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr); gap:60px; align-items:start; }
.reseller-apply-copy { position:sticky; top:100px; }
.reseller-apply-benefit { margin:28px 0; padding:22px; border:1px solid #cfe3f1; border-radius:17px; background:#eff8ff; }
.reseller-apply-benefit > strong { color:#153d56; }
.reseller-apply-benefit ol { display:grid; gap:11px; margin:15px 0 0; padding-left:20px; color:#456a80; font-size:11px; line-height:1.55; }
.reseller-form { display:grid; gap:20px; padding:30px; border:1px solid #cfdfeb; border-radius:24px; background:#f9fcfe; box-shadow:0 25px 65px rgba(8,52,82,.1); }
.reseller-form fieldset { display:grid; gap:15px; margin:0; padding:0 0 22px; border:0; border-bottom:1px solid #dce8ef; }
.reseller-form legend { width:100%; margin-bottom:16px; color:#113a54; font-size:17px; font-weight:900; }
.reseller-form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.reseller-form label { display:grid; gap:7px; color:#365d74; font-size:10px; font-weight:850; }
.reseller-form label > span { color:inherit; }
.reseller-form label > span:first-child:last-child { color:#d0465e; }
.reseller-form input,.reseller-form select,.reseller-form textarea { width:100%; border:1px solid #cbdde8; border-radius:10px; color:#173e56; background:#fff; font:inherit; font-size:12px; font-weight:550; outline:none; }
.reseller-form input,.reseller-form select { min-height:46px; padding:0 13px; }
.reseller-form textarea { padding:13px; line-height:1.55; resize:vertical; }
.reseller-form input:focus,.reseller-form select:focus,.reseller-form textarea:focus { border-color:#54aaf0; box-shadow:0 0 0 3px rgba(8,125,236,.11); }
.reseller-platforms { display:flex; flex-wrap:wrap; gap:8px; }
.reseller-platforms > span { width:100%; color:#365d74; font-size:10px; font-weight:850; }
.reseller-platforms label { display:flex; grid:unset; gap:7px; align-items:center; padding:8px 10px; border:1px solid #d3e2eb; border-radius:999px; color:#496d82; background:#fff; cursor:pointer; }
.reseller-platforms input,.reseller-consent input { width:15px; min-height:0; height:15px; padding:0; accent-color:#087dec; }
.reseller-consent { display:flex!important; grid:unset!important; gap:10px!important; align-items:flex-start; padding:15px; border:1px solid #d8e5ed; border-radius:12px; background:#fff; font-weight:650!important; line-height:1.5; }
.reseller-consent input { flex:0 0 15px; margin-top:2px; }
.reseller-consent a { color:#087dec; }
.reseller-submit { width:100%; min-height:52px; }
.reseller-form .form-alert { margin:0; }
@media (max-width:1050px) {
    .reseller-hero-grid,.reseller-power-grid,.reseller-dashboard-grid,.reseller-global-grid,.reseller-evolution-card,.reseller-apply-grid { grid-template-columns:1fr; }
    .reseller-hero-visual { max-width:650px; }
    .reseller-proof-grid,.reseller-profile-grid,.reseller-model-grid { grid-template-columns:repeat(2,1fr); }
    .reseller-proof-grid article:nth-child(2) { border-right:0; }
    .reseller-use-grid { grid-template-columns:repeat(2,1fr); }
    .reseller-apply-copy { position:static; }
}
@media (max-width:680px) {
    .reseller-page .section { padding:62px 0; }
    .reseller-hero { padding-top:64px; }
    .reseller-hero-grid { gap:40px; }
    .reseller-hero h1 { font-size:42px; }
    .reseller-lead { font-size:15px; }
    .reseller-proof-grid,.reseller-profile-grid,.reseller-capability-grid,.reseller-model-grid,.reseller-use-grid,.reseller-form-grid,.reseller-dashboard-stats { grid-template-columns:1fr; }
    .reseller-proof-grid article { border-right:0; border-bottom:1px solid rgba(255,255,255,.12); }
    .reseller-model-grid li > b { top:auto; right:50%; bottom:-23px; transform:translateX(50%) rotate(90deg); }
    .reseller-income-message { grid-template-columns:1fr; }
    .reseller-income-message strong { grid-row:auto; }
    .reseller-dashboard-table { overflow:auto; }
    .reseller-dashboard-table > div { min-width:570px; }
    .reseller-world { min-height:300px; }
    .reseller-evolution-card,.reseller-form { padding:25px 18px; }
    .reseller-evolution-card li { grid-template-columns:82px 1fr; }
}
@media (prefers-reduced-motion:reduce) { .reseller-profile-grid article { transition:none; } }