
/* Triton Reseller Program v2 */
.reseller-page .nav{position:sticky;top:0;z-index:1000}
.reseller-hero{
  position:relative;overflow:hidden;padding:82px 0 92px;color:#fff;
  background:
    radial-gradient(circle at 75% 18%,rgba(13,127,255,.30),transparent 35%),
    radial-gradient(circle at 15% 85%,rgba(35,190,171,.14),transparent 30%),
    linear-gradient(135deg,#03172e 0%,#062b52 58%,#03172e 100%);
}
.reseller-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(69,169,255,.18) 1px,transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(to right,transparent,#000 55%,transparent)
}
.reseller-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}
.reseller-hero h1{font-size:58px;line-height:1.02;letter-spacing:-.045em;margin:16px 0 20px}
.reseller-hero h1 em{font-style:normal;color:#1b99ff}
.reseller-hero .lead{color:#c1d4e3;font-size:18px;line-height:1.65}
.reseller-pills{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0}
.reseller-pills span{padding:8px 11px;border-radius:999px;border:1px solid rgba(103,188,255,.28);background:rgba(7,45,80,.72);font-size:11px;font-weight:700;color:#c5d9e9}
.reseller-hero-note{font-size:11px;color:#89a4ba;margin-top:14px}
.reseller-dashboard{position:relative;padding:16px}
.reseller-dashboard-glow{position:absolute;inset:10% 5%;background:#0d7fff;filter:blur(85px);opacity:.22}
.reseller-window{position:relative;border:1px solid rgba(105,183,246,.3);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 34px 80px rgba(0,0,0,.36)}
.reseller-window-bar{height:42px;background:#0a2545;display:flex;align-items:center;padding:0 13px;color:#94adc2;font-size:9px}
.reseller-window-bar>div{display:flex;gap:6px}.reseller-window-bar i{width:8px;height:8px;border-radius:50%;background:#668096}
.reseller-window-bar span{margin-left:12px}.reseller-window-bar b{margin-left:auto;background:#0d7fff;color:#fff;border-radius:999px;padding:5px 8px;font-size:8px}
.reseller-app{display:grid;grid-template-columns:120px 1fr;min-height:410px}
.reseller-app aside{background:#2d4356;padding:18px 11px;color:#c4d0d8;display:flex;flex-direction:column;gap:7px}
.reseller-app aside strong{color:#fff;margin-bottom:12px}.reseller-app aside span{padding:8px;border-radius:4px;font-size:9px}.reseller-app aside span.active{background:#24394b;color:#fff}
.reseller-app main{padding:16px;background:#f1f3f4}
.reseller-app-top{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reseller-app-top div{background:#fff;border:1px solid #e3e7e9;padding:13px}.reseller-app-top small,.reseller-app-top b{display:block}.reseller-app-top small{font-size:8px;color:#76828c}.reseller-app-top b{font-size:22px;color:#5d656b;margin-top:4px}
.reseller-chart{background:#fff;border:1px solid #e3e7e9;margin-top:12px;padding:14px}.chart-title{display:flex;justify-content:space-between;font-size:9px;color:#777}.chart-bars{height:180px;display:flex;align-items:end;gap:11px;padding-top:18px;border-bottom:1px solid #d9dee1;background:repeating-linear-gradient(0deg,transparent 0 39px,#eef1f3 39px 40px)}.chart-bars i{flex:1;height:var(--h);background:rgba(46,190,166,.48);border:1px solid #25bca7;animation:resellerBars 2.8s ease-in-out infinite alternate}
.reseller-events{display:flex;gap:8px;margin-top:11px}.reseller-events span{flex:1;background:#fff;padding:10px;font-size:8px;color:#68747d}.reseller-events i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39dc82;margin-right:5px}
.reseller-float{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(99,183,247,.28);background:rgba(5,31,57,.95);border-radius:12px;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.3);animation:resellerFloat 4s ease-in-out infinite}
.reseller-float>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#0d7fff}.reseller-float b,.reseller-float small{display:block}.reseller-float b{font-size:10px}.reseller-float small{font-size:8px;color:#8fa9bf}
.float-a{left:-8px;bottom:55px}.float-b{right:-8px;top:90px;animation-delay:-2s}
.reseller-proof{background:#fff;border-bottom:1px solid #e0e9f1}
.reseller-proof-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.reseller-proof-grid>div{display:flex;align-items:center;gap:11px;padding:21px 16px;border-right:1px solid #e0e9f1}
.reseller-proof-grid>div:last-child{border-right:0}.reseller-proof-grid>div>span{font-size:24px}.reseller-proof-grid b,.reseller-proof-grid small{display:block}.reseller-proof-grid b{font-size:12px;color:#17314d}.reseller-proof-grid small{font-size:9px;color:#7d8da0;margin-top:3px}
.reseller-services{background:linear-gradient(180deg,#f7fbff,#fff)}
.reseller-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reseller-service-grid article{display:flex;flex-direction:column;min-height:330px;padding:27px;border:1px solid #dce7f2;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 42px rgba(29,68,108,.07)}
.service-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0d7fff,#20b8ff);color:#fff;font-size:25px;box-shadow:0 13px 26px rgba(13,127,255,.22);margin-bottom:20px}
.service-icon.green{background:linear-gradient(135deg,#0fb978,#17a8d6)}.service-icon.purple{background:linear-gradient(135deg,#784bff,#187dff)}.service-icon.orange{background:linear-gradient(135deg,#ff8a3d,#ffbf47)}.service-icon.cyan{background:linear-gradient(135deg,#06a7bd,#20b8ff)}.service-icon.dark{background:linear-gradient(135deg,#0c599f,#0d7cff)}
.reseller-service-grid h3{font-size:24px;margin:6px 0 10px}.reseller-service-grid p{color:#61748a;flex:1;line-height:1.6}.reseller-service-grid a{font-weight:800;color:#0d7fff;text-decoration:none}
.reseller-control-section{background:linear-gradient(180deg,#eef7ff,#fff)}
.reseller-control-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.reseller-control-grid h2{font-size:44px;margin:12px 0}.reseller-control-grid p{color:#61748a;line-height:1.65}
.responsibility-board{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;border:1px solid #d9e6f1;box-shadow:0 22px 55px rgba(28,70,108,.09)}
.responsibility-column{padding:28px;background:#fff}.responsibility-column.reseller-side{background:linear-gradient(180deg,#071f3b,#092c51);color:#fff}
.responsibility-column h3{margin-top:0}.responsibility-column span{display:block;padding:11px 0;border-bottom:1px solid #e7edf2;font-size:13px}.responsibility-column span:before{content:"✓";color:#0d7fff;font-weight:900;margin-right:8px}.reseller-side span{border-color:rgba(120,177,224,.14);color:#c3d4e2}.reseller-side span:before{color:#39dc82}
.reseller-portal-section{background:radial-gradient(circle at 78% 22%,rgba(13,127,255,.22),transparent 34%),linear-gradient(135deg,#03172e,#072b52);color:#fff}
.reseller-portal-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}
.reseller-portal-grid h2{font-size:44px;margin:12px 0}.reseller-portal-grid p{color:#aec4d5}
.portal-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.portal-capabilities span{padding:9px 10px;border-radius:8px;background:rgba(9,47,84,.82);border:1px solid rgba(103,181,246,.17);font-size:10px;color:#c6d8e5}
.reseller-portal-card{border-radius:18px;overflow:hidden;border:1px solid rgba(107,184,246,.27);background:#fff;box-shadow:0 26px 70px rgba(0,0,0,.28)}
.reseller-portal-card img{display:block;width:100%;height:410px;object-fit:cover;object-position:top center}
.portal-card-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#061d38}.portal-card-footer strong,.portal-card-footer span{display:block}.portal-card-footer strong{font-size:13px}.portal-card-footer span{font-size:9px;color:#8fa8bc}.portal-card-footer a{color:#42caff;text-decoration:none;font-weight:800;font-size:11px}
.reseller-onboarding{background:#fff}
.onboarding-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px}
.onboarding-timeline article{position:relative;padding:25px 20px;border:1px solid #dce7f2;border-radius:16px;background:linear-gradient(180deg,#fff,#f7fbff)}
.onboarding-timeline article:after{content:"→";position:absolute;right:-12px;top:34px;color:#0d7fff;font-weight:900}.onboarding-timeline article:last-child:after{display:none}
.onboarding-timeline b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0d7fff;color:#fff}.onboarding-timeline h3{margin:16px 0 8px}.onboarding-timeline p{font-size:12px;color:#66798c;line-height:1.55}.onboarding-note{text-align:center;color:#7c8da0;font-size:11px;margin-top:18px}
.reseller-differentiators{background:linear-gradient(180deg,#eef7ff,#fff)}
.reseller-diff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.reseller-diff-grid article{padding:27px;border:1px solid #dce7f2;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(29,68,108,.06)}
.reseller-diff-grid article>div{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#e9f4ff;color:#0d7fff;font-size:24px}.reseller-diff-grid h3{font-size:21px}.reseller-diff-grid p{color:#63768a;line-height:1.6}
.reseller-faq .faq details{background:#fff}
.reseller-cta{background:linear-gradient(135deg,#0a7cf7,#10a8e8)}
@keyframes resellerBars{from{transform:scaleY(.86);transform-origin:bottom}to{transform:scaleY(1)}}@keyframes resellerFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1050px){
  .reseller-hero-grid,.reseller-control-grid,.reseller-portal-grid{grid-template-columns:1fr}
  .reseller-service-grid{grid-template-columns:1fr 1fr}
  .reseller-proof-grid{grid-template-columns:repeat(3,1fr)}
  .onboarding-timeline{grid-template-columns:1fr 1fr}
  .onboarding-timeline article:after{display:none}
  .reseller-diff-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .reseller-hero{padding:58px 0}.reseller-hero h1{font-size:42px}
  .reseller-service-grid,.reseller-proof-grid,.onboarding-timeline,.reseller-diff-grid{grid-template-columns:1fr}
  .reseller-proof-grid>div{border-right:0;border-bottom:1px solid #e0e9f1}
  .reseller-app{grid-template-columns:88px 1fr}.reseller-app aside{padding:12px 7px}.reseller-app main{padding:10px}.reseller-app-top{grid-template-columns:1fr}.reseller-chart{display:none}.reseller-float{display:none}
  .responsibility-board{grid-template-columns:1fr}.portal-capabilities{grid-template-columns:1fr 1fr}.reseller-portal-card img{height:260px}
}
@media(prefers-reduced-motion:reduce){.reseller-float,.chart-bars i{animation:none}}
