/* WatchOps24 Partners — scoped premium page. Existing site shell/footer are intentionally untouched. */
.partners-page{background:#020817;color:#f6f9ff;overflow-x:hidden}
.partners-page .partners-main{background:linear-gradient(180deg,#020817 0%,#031024 38%,#020817 100%)}
.partner-shell{width:min(1660px,calc(100% - 96px));margin-inline:auto;position:relative;z-index:3}
.partner-hero{min-height:calc(100svh - 96px);position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(78,194,255,.14)}
.partner-hero-media,.partner-hero-overlay,.partner-hero-lines{position:absolute;inset:0}
.partner-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.01)}
.partner-hero-overlay{background:linear-gradient(90deg,rgba(1,8,24,.98) 0%,rgba(1,8,24,.92) 30%,rgba(2,11,30,.46) 58%,rgba(1,8,24,.16) 100%),linear-gradient(180deg,rgba(2,8,22,.16),rgba(2,8,22,.58))}
html[dir="rtl"] .partner-hero-overlay{background:linear-gradient(270deg,rgba(1,8,24,.98) 0%,rgba(1,8,24,.92) 30%,rgba(2,11,30,.46) 58%,rgba(1,8,24,.16) 100%),linear-gradient(180deg,rgba(2,8,22,.16),rgba(2,8,22,.58))}
.partner-hero-lines{opacity:.42;background:radial-gradient(circle at 32% 58%,rgba(40,206,255,.12),transparent 24%),linear-gradient(115deg,transparent 0 34%,rgba(48,174,255,.08) 34.1%,transparent 34.4% 100%)}
.partner-hero-grid{display:grid;grid-template-columns:minmax(0,780px) 1fr;align-items:center;padding-block:86px 72px}
html[dir="rtl"] .partner-hero-grid{grid-template-columns:1fr minmax(0,780px)}
.partner-hero-copy{grid-column:1;max-width:760px;padding:48px 50px;border:1px solid rgba(89,198,255,.22);border-radius:34px;background:linear-gradient(135deg,rgba(3,16,42,.86),rgba(3,13,32,.64));box-shadow:0 28px 90px rgba(0,0,0,.32),inset 0 0 70px rgba(36,137,255,.045);backdrop-filter:blur(12px)}
html[dir="rtl"] .partner-hero-copy{grid-column:2}
.partner-eyebrow{display:flex;align-items:center;gap:14px;color:#5bd9ff;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:700}
.partner-eyebrow i{width:38px;height:1px;background:linear-gradient(90deg,#44d8ff,rgba(68,216,255,.16));box-shadow:0 0 14px rgba(68,216,255,.35)}
html[dir="rtl"] .partner-eyebrow{letter-spacing:0}
.partner-hero h1,.partner-section h2,.partner-cta h2{margin:24px 0 24px;font-size:clamp(50px,5.1vw,88px);line-height:.98;letter-spacing:-.045em;font-weight:700;color:#f7f9fe}
html[dir="rtl"] .partner-hero h1,html[dir="rtl"] .partner-section h2,html[dir="rtl"] .partner-cta h2{letter-spacing:0;line-height:1.08}
.partner-hero h1 em,.partner-section h2 em,.partner-cta h2 em{font-style:normal;color:#49cfff;background:linear-gradient(90deg,#60dfff,#258bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.partner-hero-copy>p,.partner-copy>p,.partner-section-head>p,.commission-copy>p,.partner-cta-content>p{max-width:760px;margin:0;color:#aebfd7;font-size:18px;line-height:1.9}
.partner-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.partner-btn{min-height:58px;padding:0 26px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-weight:700;text-decoration:none;transition:.25s ease}.partner-btn-primary{color:#fff;background:linear-gradient(135deg,#168dff,#2d57e8);border:1px solid rgba(123,200,255,.38);box-shadow:0 15px 38px rgba(20,101,255,.22)}.partner-btn-ghost{color:#f5f9ff;background:rgba(4,17,39,.66);border:1px solid rgba(101,189,255,.27)}.partner-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.partner-proof{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#c5d2e5;font-size:14px}.partner-proof span{display:flex;align-items:center;gap:9px}.partner-proof i,.partner-inline-proof i{width:7px;height:7px;border-radius:50%;background:#20e0bb;box-shadow:0 0 14px #20e0bb}
.partner-section{padding:120px 0;position:relative;border-bottom:1px solid rgba(83,184,255,.1)}.partner-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(28,130,255,.055),transparent 28%)}
.partner-section-head{max-width:1040px;margin:0 auto 58px;text-align:center}.partner-section-head .partner-eyebrow{justify-content:center}.partner-section-head h2{font-size:clamp(44px,4.6vw,76px);margin:20px 0}.partner-section-head>p{margin-inline:auto}.partner-section-head.compact{margin-bottom:54px}
.partner-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.partner-value-card{position:relative;min-height:310px;padding:32px;border:1px solid rgba(80,182,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(5,23,53,.88),rgba(2,11,28,.76));overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}.partner-value-card:after{content:"";position:absolute;inset:auto -25% -50% 30%;height:170px;background:radial-gradient(circle,rgba(27,138,255,.18),transparent 66%)}.partner-card-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;border:1px solid rgba(69,204,255,.28);background:rgba(10,49,83,.55);color:#5ee4ff;font-size:24px;box-shadow:0 0 30px rgba(33,160,255,.08)}.partner-value-card h3{font-size:28px;margin:46px 0 12px}.partner-value-card p{margin:0;color:#aabbd2;line-height:1.8;font-size:16px}.partner-value-card small{position:absolute;top:34px;inset-inline-end:34px;color:#4fd6ff;font-weight:700;letter-spacing:.18em}
.partner-flow{background:linear-gradient(180deg,#020817,#041127)}.partner-flow-track{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid rgba(83,192,255,.18);border-radius:30px;overflow:hidden;background:rgba(3,14,34,.72)}.partner-flow-track article{min-height:260px;padding:28px 24px;position:relative;border-inline-end:1px solid rgba(83,192,255,.12)}.partner-flow-track article:last-child{border-inline-end:0}.flow-icon{display:flex;width:56px;height:56px;border:1px solid rgba(61,199,255,.28);border-radius:50%;align-items:center;justify-content:center;color:#59dbff;font-size:14px;font-weight:700}.partner-flow-track h3{margin:56px 0 10px;font-size:20px}.partner-flow-track p{margin:0;color:#99abc3;line-height:1.75;font-size:14px}
.partner-split{display:grid;grid-template-columns:1.03fr .97fr;gap:72px;align-items:center}.partner-split.reverse{grid-template-columns:.97fr 1.03fr}.partner-split.reverse .partner-visual{order:2}.partner-split.reverse .partner-copy{order:1}.partner-visual{position:relative;border:1px solid rgba(81,190,255,.2);border-radius:32px;overflow:hidden;background:#041124;box-shadow:0 30px 80px rgba(0,0,0,.25)}.partner-visual img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.partner-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(1,7,20,.55));pointer-events:none}.visual-badge{position:absolute;top:24px;inset-inline-start:24px;z-index:2;padding:10px 14px;border:1px solid rgba(89,211,255,.32);border-radius:999px;background:rgba(2,18,41,.76);color:#79e5ff;font-size:11px;letter-spacing:.18em;font-weight:700}.partner-copy h2{font-size:clamp(42px,4.2vw,70px);margin:22px 0}.partner-chip-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.partner-chip-grid span{padding:10px 15px;border-radius:999px;border:1px solid rgba(83,192,255,.18);background:rgba(11,38,70,.42);color:#c2d6ed;font-size:14px}.partner-inline-proof{display:flex;align-items:center;gap:10px;margin-top:28px;color:#d6e5f7;font-weight:600}
.partner-customer-section{background:linear-gradient(180deg,#030b1d,#020817)}
.partner-commission{padding-block:80px}.commission-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:56px 60px;border:1px solid rgba(65,192,255,.22);border-radius:36px;background:linear-gradient(135deg,rgba(4,22,51,.92),rgba(3,12,29,.92));box-shadow:0 35px 100px rgba(0,0,0,.28)}.commission-panel h2{font-size:clamp(42px,4.2vw,72px);margin:20px 0 0}.agreement-pill{display:inline-flex;margin-top:24px;padding:10px 16px;border-radius:999px;border:1px solid rgba(34,221,183,.28);background:rgba(20,120,102,.14);color:#9cebdc;font-weight:600}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.benefit{min-height:170px;border:1px solid rgba(84,190,255,.16);border-radius:24px;padding:22px;background:linear-gradient(145deg,rgba(7,27,57,.72),rgba(3,12,29,.72));display:flex;flex-direction:column;justify-content:space-between}.benefit span{color:#58d9ff;font-size:12px;font-weight:700;letter-spacing:.18em}.benefit h3{font-size:19px;margin:28px 0 0;line-height:1.5}.benefit:last-child{grid-column:span 2}
.partner-cta{position:relative;min-height:700px;display:flex;align-items:center;overflow:hidden}.partner-cta>img,.partner-cta-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.partner-cta-shade{background:linear-gradient(90deg,rgba(1,7,20,.94),rgba(1,9,24,.72) 48%,rgba(2,10,25,.4)),linear-gradient(180deg,rgba(2,8,20,.2),rgba(2,8,20,.8))}html[dir="rtl"] .partner-cta-shade{background:linear-gradient(270deg,rgba(1,7,20,.94),rgba(1,9,24,.72) 48%,rgba(2,10,25,.4)),linear-gradient(180deg,rgba(2,8,20,.2),rgba(2,8,20,.8))}.partner-cta-content{max-width:1660px}.partner-cta-content>*{max-width:800px}.partner-cta h2{font-size:clamp(46px,5vw,82px)}.partner-cta .partner-btn{margin-top:30px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){.partner-shell{width:min(100% - 48px,1660px)}.partner-hero-grid{grid-template-columns:minmax(0,700px) 1fr}html[dir="rtl"] .partner-hero-grid{grid-template-columns:1fr minmax(0,700px)}.partner-value-grid{grid-template-columns:1fr 1fr}.partner-value-card:last-child{grid-column:span 2}.partner-flow-track{grid-template-columns:repeat(3,1fr)}.partner-flow-track article{border-bottom:1px solid rgba(83,192,255,.12)}.partner-split,.partner-split.reverse{grid-template-columns:1fr;gap:42px}.partner-split.reverse .partner-visual,.partner-split.reverse .partner-copy{order:initial}.benefits-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.partner-shell{width:calc(100% - 28px)}.partner-hero{min-height:780px}.partner-hero-overlay,html[dir="rtl"] .partner-hero-overlay{background:linear-gradient(180deg,rgba(1,8,24,.32),rgba(1,8,24,.72) 35%,rgba(1,8,24,.97) 68%)}.partner-hero-media img{object-position:58% center}.partner-hero-grid,html[dir="rtl"] .partner-hero-grid{display:block;padding:330px 0 38px}.partner-hero-copy,html[dir="rtl"] .partner-hero-copy{padding:28px 22px;border-radius:24px}.partner-hero h1,.partner-section h2,.partner-cta h2{font-size:clamp(38px,11vw,58px)}.partner-hero-copy>p,.partner-copy>p,.partner-section-head>p,.commission-copy>p,.partner-cta-content>p{font-size:16px;line-height:1.8}.partner-section{padding:78px 0}.partner-value-grid{grid-template-columns:1fr}.partner-value-card:last-child{grid-column:auto}.partner-flow-track{grid-template-columns:1fr}.partner-flow-track article{min-height:auto}.partner-flow-track h3{margin-top:28px}.commission-panel{grid-template-columns:1fr;gap:30px;padding:30px 22px;border-radius:25px}.benefits-grid{grid-template-columns:1fr 1fr}.benefit:last-child{grid-column:span 2}.partner-proof{gap:12px}.partner-actions{display:grid;grid-template-columns:1fr}.partner-btn{width:100%}.partner-cta{min-height:600px}.partner-cta-content{text-align:center}.partner-cta-content .partner-eyebrow{justify-content:center}}
@media(max-width:480px){.partner-shell{width:calc(100% - 20px)}.partner-hero-copy{padding:24px 18px}.partner-value-card{padding:24px}.benefits-grid{grid-template-columns:1fr}.benefit:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.partner-btn{transition:none}}


/* STEP 9 v3 — visual clarity, semantic icons and premium motion. Footer intentionally untouched. */
.partner-hero-media img{filter:brightness(1.18) saturate(1.08) contrast(1.02);object-position:center 44%;transition:filter .45s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.partner-hero-overlay{background:linear-gradient(90deg,rgba(1,8,24,.76) 0%,rgba(1,8,24,.58) 32%,rgba(2,11,30,.22) 60%,rgba(1,8,24,.05) 100%),linear-gradient(180deg,rgba(2,8,22,.02),rgba(2,8,22,.28))}
html[dir="rtl"] .partner-hero-overlay{background:linear-gradient(270deg,rgba(1,8,24,.76) 0%,rgba(1,8,24,.58) 32%,rgba(2,11,30,.22) 60%,rgba(1,8,24,.05) 100%),linear-gradient(180deg,rgba(2,8,22,.02),rgba(2,8,22,.28))}
.partner-hero-copy{background:linear-gradient(135deg,rgba(3,16,42,.82),rgba(3,13,32,.52));box-shadow:0 28px 90px rgba(0,0,0,.26),inset 0 0 70px rgba(36,137,255,.04)}

.partner-visual img{filter:brightness(1.13) saturate(1.06) contrast(1.025);transition:transform 1.35s cubic-bezier(.18,.78,.22,1),filter .5s ease}
.partner-visual:after{background:linear-gradient(180deg,transparent 72%,rgba(1,7,20,.24))}
.partner-dashboard-section .partner-visual:hover img{transform:scale(1.025)}
.partner-customer-visual{overflow:hidden;isolation:isolate}
.partner-customer-visual img{transform:scale(1.015);transform-origin:center center;will-change:transform}
.partner-customer-visual.customer-zoom-active img{transform:scale(1.09)}

.partner-cta>img{filter:brightness(1.25) saturate(1.10) contrast(1.02);transform:scale(1.015)}
.partner-cta-shade{background:linear-gradient(90deg,rgba(1,7,20,.64),rgba(1,9,24,.42) 48%,rgba(2,10,25,.12)),linear-gradient(180deg,rgba(2,8,20,.02),rgba(2,8,20,.34))}
html[dir="rtl"] .partner-cta-shade{background:linear-gradient(270deg,rgba(1,7,20,.64),rgba(1,9,24,.42) 48%,rgba(2,10,25,.12)),linear-gradient(180deg,rgba(2,8,20,.02),rgba(2,8,20,.34))}

.partner-card-icon svg,.flow-icon svg,.benefit-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.partner-card-icon{color:#65e2ff;box-shadow:0 0 26px rgba(38,187,255,.12),inset 0 0 18px rgba(43,150,255,.05)}
.flow-icon{width:62px;height:62px;background:linear-gradient(145deg,rgba(10,53,92,.64),rgba(4,20,46,.82));box-shadow:0 0 30px rgba(26,157,255,.11)}
.flow-icon svg{width:27px;height:27px}
.benefit-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(72,202,255,.28);border-radius:16px;color:#60dcff;background:linear-gradient(145deg,rgba(10,52,88,.58),rgba(3,19,43,.75));box-shadow:0 0 24px rgba(26,161,255,.08)}
.benefit-icon svg{width:25px;height:25px}
.partner-value-card small{display:none!important}

/* Premium staged entrance animation */
.reveal{opacity:0;transform:translateY(34px) scale(.988);filter:blur(7px);transition:opacity .85s cubic-bezier(.2,.72,.2,1),transform .85s cubic-bezier(.2,.72,.2,1),filter .75s ease}
.reveal.visible{opacity:1;transform:none;filter:none}
.reveal>h1,.reveal>h2,.reveal>h3,.reveal>p,.reveal>.partner-eyebrow,.reveal>.partner-actions,.reveal>.partner-proof,.reveal>.partner-chip-grid,.reveal>.partner-inline-proof,.reveal>.agreement-pill{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.72,.2,1)}
.reveal.visible>.partner-eyebrow{transition-delay:.08s}.reveal.visible>h1,.reveal.visible>h2,.reveal.visible>h3{transition-delay:.14s}.reveal.visible>p{transition-delay:.22s}.reveal.visible>.partner-actions,.reveal.visible>.partner-chip-grid,.reveal.visible>.partner-inline-proof,.reveal.visible>.agreement-pill{transition-delay:.30s}.reveal.visible>.partner-proof{transition-delay:.38s}
.reveal.visible>h1,.reveal.visible>h2,.reveal.visible>h3,.reveal.visible>p,.reveal.visible>.partner-eyebrow,.reveal.visible>.partner-actions,.reveal.visible>.partner-proof,.reveal.visible>.partner-chip-grid,.reveal.visible>.partner-inline-proof,.reveal.visible>.agreement-pill{opacity:1;transform:none}
.partner-value-grid .reveal:nth-child(2),.benefits-grid .reveal:nth-child(2){transition-delay:.08s}.partner-value-grid .reveal:nth-child(3),.benefits-grid .reveal:nth-child(3){transition-delay:.16s}.benefits-grid .reveal:nth-child(4){transition-delay:.24s}.benefits-grid .reveal:nth-child(5){transition-delay:.32s}.benefits-grid .reveal:nth-child(6){transition-delay:.40s}.benefits-grid .reveal:nth-child(7){transition-delay:.48s}

@media(max-width:760px){
 .partner-hero-media img{filter:brightness(1.12) saturate(1.05);object-position:center 45%}
 .partner-hero-overlay,html[dir="rtl"] .partner-hero-overlay{background:linear-gradient(180deg,rgba(1,8,24,.30),rgba(1,8,24,.50))}
 .partner-cta>img{filter:brightness(1.18) saturate(1.08)}
 .partner-cta-shade,html[dir="rtl"] .partner-cta-shade{background:linear-gradient(180deg,rgba(2,8,20,.18),rgba(2,8,20,.46))}
 .partner-customer-visual.customer-zoom-active img{transform:scale(1.055)}
}
@media(prefers-reduced-motion:reduce){.reveal,.reveal>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.partner-customer-visual img{transform:none!important;transition:none!important}}

/* =========================================================
   STEP 10 — PARTNERS HERO ONLY
   Match the approved WatchOps24 home hero visual language.
   No other partner sections / site footer are changed.
   ========================================================= */
.partner-hero{
    min-height:calc(100svh - 96px);
    background:#020817;
}

/* Keep the same image treatment in Arabic and English.
   The copy card is on the left in the approved layout, so the
   darker side must stay on the left in BOTH directions. */
.partner-hero-media img,
html[dir="rtl"] .partner-hero-media img,
html[dir="ltr"] .partner-hero-media img{
    filter:brightness(1.18) saturate(1.06) contrast(1.02);
    object-position:center 43%;
    transform:scale(1.008);
}
.partner-hero-overlay,
html[dir="rtl"] .partner-hero-overlay,
html[dir="ltr"] .partner-hero-overlay{
    background:
      linear-gradient(90deg,
        rgba(2,8,23,.78) 0%,
        rgba(2,8,23,.55) 29%,
        rgba(2,8,23,.14) 57%,
        rgba(2,8,23,.05) 100%),
      linear-gradient(0deg,rgba(2,8,23,.70),transparent 47%);
}
.partner-hero-lines{
    opacity:.28;
}

/* Same premium glass language as the approved home hero. */
.partner-hero-copy,
html[dir="rtl"] .partner-hero-copy,
html[dir="ltr"] .partner-hero-copy{
    max-width:720px;
    padding:clamp(30px,3vw,44px);
    border:1px solid rgba(127,197,255,.30);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(4,18,43,.72),rgba(5,17,37,.48));
    -webkit-backdrop-filter:blur(18px) saturate(125%);
    backdrop-filter:blur(18px) saturate(125%);
    box-shadow:
      0 0 30px rgba(16,145,255,.12),
      0 26px 70px rgba(0,0,0,.34),
      inset 0 1px rgba(255,255,255,.07);
}

/* Hero typography now follows the home page scale instead of the
   oversized section-title scale. */
.partner-hero h1,
html[dir="rtl"] .partner-hero h1,
html[dir="ltr"] .partner-hero h1{
    margin:0 0 20px;
    font-size:clamp(38px,3.65vw,60px);
    line-height:1.14;
    font-weight:700;
    letter-spacing:-.03em;
    color:#f7f9fe;
    text-wrap:balance;
}
html[dir="rtl"] .partner-hero h1{
    letter-spacing:0;
    line-height:1.18;
}
.partner-hero h1 em{
    color:#58d9ff;
    background:linear-gradient(90deg,#68ddff 0%,#42bcff 45%,#278dff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
}

.partner-hero .partner-eyebrow{
    margin-bottom:17px;
    color:#73ddff;
    font-size:12px;
    font-weight:600;
    letter-spacing:.13em;
}
html[dir="rtl"] .partner-hero .partner-eyebrow{
    letter-spacing:0;
}
.partner-hero-copy>p{
    max-width:650px;
    color:#c8d9e9;
    font-size:clamp(15px,1.05vw,18px);
    line-height:1.85;
}
.partner-hero .partner-actions{
    margin-top:27px;
}
.partner-hero .partner-proof{
    margin-top:18px;
    justify-content:flex-start;
    gap:20px;
    color:#c5d4e6;
}
html[dir="rtl"] .partner-hero .partner-proof{
    justify-content:flex-start;
}

@media (max-width:1180px) and (min-width:781px){
  .partner-hero-grid,
  html[dir="rtl"] .partner-hero-grid{
      grid-template-columns:minmax(0,650px) 1fr;
  }
  .partner-hero-copy,
  html[dir="rtl"] .partner-hero-copy{
      grid-column:1;
  }
  .partner-hero h1,
  html[dir="rtl"] .partner-hero h1{
      font-size:clamp(36px,4vw,50px);
  }
}

@media (max-width:780px){
  .partner-hero-overlay,
  html[dir="rtl"] .partner-hero-overlay,
  html[dir="ltr"] .partner-hero-overlay{
      background:linear-gradient(180deg,rgba(1,8,24,.13),rgba(1,8,24,.52) 38%,rgba(1,8,24,.96) 70%);
  }
  .partner-hero-media img,
  html[dir="rtl"] .partner-hero-media img,
  html[dir="ltr"] .partner-hero-media img{
      filter:brightness(1.14) saturate(1.04);
      object-position:58% center;
  }
  .partner-hero-copy,
  html[dir="rtl"] .partner-hero-copy{
      padding:22px 18px;
      border-radius:21px;
  }
  .partner-hero h1,
  html[dir="rtl"] .partner-hero h1{
      font-size:clamp(31px,9vw,43px);
      line-height:1.15;
  }
  .partner-hero .partner-eyebrow{font-size:10px}
}

/* =========================================================
   PARTNERS — SECTION 02 ONLY: WHY WATCHOPS24 PARTNERS
   Refined to match the approved WatchOps24 visual language.
   Hero, later sections and site footer are intentionally untouched.
   ========================================================= */
.partner-intro{
  padding:112px 0 118px;
  background:
    radial-gradient(circle at 50% 0%,rgba(24,132,255,.085),transparent 34%),
    linear-gradient(180deg,#020817 0%,#031025 48%,#020817 100%);
  overflow:hidden;
}
.partner-intro:before{
  background:
    radial-gradient(circle at 18% 70%,rgba(43,191,255,.045),transparent 24%),
    radial-gradient(circle at 82% 68%,rgba(37,118,255,.055),transparent 24%);
}
.partner-intro .partner-section-head{
  max-width:1180px;
  margin-bottom:64px;
}
.partner-intro .partner-section-head .partner-eyebrow{
  margin-bottom:18px;
  color:#5bdcff;
  font-size:13px;
  font-weight:700;
}
.partner-intro .partner-section-head h2{
  max-width:1120px;
  margin:0 auto 22px;
  font-size:clamp(46px,4.35vw,74px);
  line-height:1.02;
  letter-spacing:-.035em;
  text-wrap:balance;
}
html[dir="rtl"] .partner-intro .partner-section-head h2{
  line-height:1.14;
  letter-spacing:0;
}
.partner-intro .partner-section-head h2 em{
  background:linear-gradient(90deg,#62dcff 0%,#42c9ff 34%,#258cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.partner-intro .partner-section-head>p{
  max-width:780px;
  color:#aebfd6;
  font-size:18px;
  line-height:1.85;
}

.partner-intro .partner-value-grid{
  gap:18px;
  align-items:stretch;
}
.partner-intro .partner-value-card{
  min-height:300px;
  padding:30px 30px 32px;
  border-radius:28px;
  border:1px solid rgba(86,190,255,.19);
  background:
    linear-gradient(145deg,rgba(6,28,61,.84),rgba(3,13,31,.84));
  box-shadow:
    0 22px 55px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.partner-intro .partner-value-card:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(74,216,255,.78) 38%,rgba(38,126,255,.45) 66%,transparent 100%);
  opacity:.65;
}
.partner-intro .partner-value-card:after{
  inset:auto -18% -45% 18%;
  height:185px;
  background:radial-gradient(circle,rgba(33,145,255,.14),transparent 68%);
}
.partner-intro .partner-value-card:hover{
  transform:translateY(-6px);
  border-color:rgba(96,211,255,.34);
  background:linear-gradient(145deg,rgba(7,34,72,.9),rgba(3,15,35,.88));
  box-shadow:0 30px 70px rgba(0,0,0,.24),0 0 42px rgba(34,143,255,.065);
}
.partner-intro .partner-card-icon{
  width:62px;
  height:62px;
  border-radius:19px;
  border:1px solid rgba(83,212,255,.31);
  background:linear-gradient(145deg,rgba(13,62,103,.68),rgba(4,24,52,.78));
  color:#62e2ff;
  box-shadow:0 0 28px rgba(29,160,255,.09),inset 0 0 18px rgba(60,180,255,.035);
}
.partner-intro .partner-card-icon svg{width:28px;height:28px;stroke-width:1.75}
.partner-intro .partner-value-card h3{
  margin:42px 0 12px;
  color:#f5f8ff;
  font-size:clamp(24px,1.85vw,30px);
  line-height:1.3;
}
html[dir="rtl"] .partner-intro .partner-value-card h3{line-height:1.5}
.partner-intro .partner-value-card p{
  max-width:390px;
  color:#a8bad1;
  font-size:16px;
  line-height:1.85;
}

@media(max-width:1180px){
  .partner-intro .partner-section-head{max-width:940px}
  .partner-intro .partner-value-grid{grid-template-columns:repeat(3,1fr)}
  .partner-intro .partner-value-card:last-child{grid-column:auto}
}
@media(max-width:920px){
  .partner-intro{padding:88px 0 94px}
  .partner-intro .partner-value-grid{grid-template-columns:1fr}
  .partner-intro .partner-value-card{min-height:auto}
}
@media(max-width:780px){
  .partner-intro{padding:74px 0 80px}
  .partner-intro .partner-section-head{margin-bottom:42px}
  .partner-intro .partner-section-head h2{font-size:clamp(38px,10vw,56px)}
  .partner-intro .partner-section-head>p{font-size:16px}
  .partner-intro .partner-value-card{padding:26px 24px 28px}
  .partner-intro .partner-value-card h3{margin-top:32px}
}

/* =========================================================
   PARTNERS — SECTION 03 ONLY: HOW THE PARTNERSHIP WORKS
   Premium connected process, matching the approved site language.
   Hero, section 02, later sections and footer are untouched.
   ========================================================= */
.partner-flow{
  padding:118px 0 126px;
  background:
    radial-gradient(circle at 50% 14%,rgba(31,143,255,.09),transparent 31%),
    linear-gradient(180deg,#020817 0%,#031126 52%,#020817 100%);
  overflow:hidden;
}
.partner-flow:before{
  background:
    radial-gradient(circle at 12% 54%,rgba(46,207,255,.045),transparent 21%),
    radial-gradient(circle at 88% 58%,rgba(42,113,255,.055),transparent 23%);
}
.partner-flow .partner-section-head{
  max-width:1120px;
  margin-bottom:68px;
}
.partner-flow .partner-section-head .partner-eyebrow{
  margin-bottom:18px;
  color:#60ddff;
  font-size:13px;
  font-weight:700;
}
.partner-flow .partner-section-head h2{
  max-width:1080px;
  margin:0 auto;
  font-size:clamp(44px,4.15vw,70px);
  line-height:1.04;
  letter-spacing:-.035em;
  text-wrap:balance;
}
html[dir="rtl"] .partner-flow .partner-section-head h2{
  line-height:1.16;
  letter-spacing:0;
}
.partner-flow .partner-section-head h2 em{
  background:linear-gradient(90deg,#64ddff 0%,#43c5ff 36%,#278dff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.partner-flow .partner-flow-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  isolation:isolate;
}
.partner-flow .partner-flow-track:before{
  content:"";
  position:absolute;
  top:43px;
  inset-inline:8.5%;
  height:1px;
  z-index:0;
  background:linear-gradient(90deg,transparent,rgba(76,205,255,.34) 9%,rgba(51,151,255,.34) 50%,rgba(76,205,255,.34) 91%,transparent);
  box-shadow:0 0 18px rgba(43,170,255,.16);
}
.partner-flow .partner-flow-track article{
  min-height:286px;
  padding:26px 24px 30px;
  position:relative;
  z-index:1;
  border:1px solid rgba(86,190,255,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 50% 0%,rgba(44,168,255,.08),transparent 38%),
    linear-gradient(155deg,rgba(6,28,61,.82),rgba(3,13,31,.84));
  box-shadow:0 18px 56px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025);
  text-align:center;
  transition:transform .35s cubic-bezier(.2,.72,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.partner-flow .partner-flow-track article:last-child{border-inline-end:1px solid rgba(86,190,255,.18)}
.partner-flow .partner-flow-track article:hover{
  transform:translateY(-7px);
  border-color:rgba(92,211,255,.38);
  background:
    radial-gradient(circle at 50% 0%,rgba(53,187,255,.14),transparent 40%),
    linear-gradient(155deg,rgba(7,35,73,.92),rgba(3,15,36,.9));
  box-shadow:0 25px 70px rgba(0,0,0,.24),0 0 34px rgba(32,154,255,.08),inset 0 1px rgba(255,255,255,.04);
}
.partner-flow .flow-icon{
  width:70px;
  height:70px;
  margin:0 auto;
  border-radius:22px;
  border:1px solid rgba(80,208,255,.34);
  color:#66e1ff;
  background:linear-gradient(145deg,rgba(11,59,100,.76),rgba(4,20,47,.9));
  box-shadow:0 0 30px rgba(30,168,255,.13),inset 0 0 24px rgba(52,172,255,.045);
  position:relative;
}
.partner-flow .flow-icon:after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  bottom:-4px;
  background:#25e1c2;
  box-shadow:0 0 14px rgba(37,225,194,.95);
}
.partner-flow .flow-icon svg{
  width:30px;
  height:30px;
  stroke-width:1.7;
}
.partner-flow .partner-flow-track h3{
  margin:44px 0 12px;
  font-size:22px;
  line-height:1.35;
  color:#f6f9ff;
  font-weight:700;
}
.partner-flow .partner-flow-track p{
  max-width:245px;
  margin:0 auto;
  color:#a7b8cf;
  font-size:15px;
  line-height:1.82;
}
/* directional cue between cards without numeric labels */
.partner-flow .partner-flow-track article:not(:last-child):after{
  content:"→";
  position:absolute;
  top:29px;
  inset-inline-end:-18px;
  z-index:4;
  color:#35cfff;
  font-size:21px;
  line-height:1;
  text-shadow:0 0 16px rgba(53,207,255,.45);
}
html[dir="rtl"] .partner-flow .partner-flow-track article:not(:last-child):after{
  content:"←";
}

/* staged entrance specifically for the five process cards */
.partner-flow .partner-flow-track.visible article{
  animation:partnerFlowIn .72s cubic-bezier(.2,.75,.2,1) both;
}
.partner-flow .partner-flow-track.visible article:nth-child(2){animation-delay:.08s}
.partner-flow .partner-flow-track.visible article:nth-child(3){animation-delay:.16s}
.partner-flow .partner-flow-track.visible article:nth-child(4){animation-delay:.24s}
.partner-flow .partner-flow-track.visible article:nth-child(5){animation-delay:.32s}
@keyframes partnerFlowIn{
  from{opacity:0;transform:translateY(22px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:1180px){
  .partner-flow .partner-flow-track{grid-template-columns:repeat(3,1fr)}
  .partner-flow .partner-flow-track:before{display:none}
  .partner-flow .partner-flow-track article{min-height:265px}
  .partner-flow .partner-flow-track article:not(:last-child):after{display:none}
}
@media(max-width:780px){
  .partner-flow{padding:82px 0 88px}
  .partner-flow .partner-section-head{margin-bottom:40px}
  .partner-flow .partner-section-head h2{font-size:clamp(38px,10.8vw,54px)}
  .partner-flow .partner-flow-track{grid-template-columns:1fr;gap:14px}
  .partner-flow .partner-flow-track article{min-height:auto;padding:24px 22px;text-align:start}
  .partner-flow .flow-icon{margin-inline:0;width:60px;height:60px;border-radius:18px}
  .partner-flow .flow-icon svg{width:27px;height:27px}
  .partner-flow .partner-flow-track h3{margin:26px 0 8px;font-size:21px}
  .partner-flow .partner-flow-track p{max-width:none;margin:0;font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .partner-flow .partner-flow-track.visible article{animation:none!important}
}


/* =========================================================
   PARTNERS — SECTION 4 / DASHBOARD ONLY
   Premium visual balance matching the approved site language.
   ========================================================= */
.partner-dashboard-section{
    padding-block:clamp(96px,8vw,138px);
    background:
      radial-gradient(circle at 24% 48%,rgba(27,126,255,.08),transparent 28%),
      linear-gradient(180deg,#020817 0%,#031024 52%,#020817 100%);
    overflow:hidden;
}
.partner-dashboard-section:before{
    background:
      radial-gradient(circle at 72% 36%,rgba(49,196,255,.07),transparent 24%),
      linear-gradient(90deg,transparent,rgba(68,193,255,.025),transparent);
}
.partner-dashboard-layout{
    grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
    gap:clamp(54px,6vw,92px);
    align-items:center;
}
html[dir="rtl"] .partner-dashboard-layout{
    grid-template-columns:minmax(420px,.96fr) minmax(0,1.04fr);
}
.partner-dashboard-visual{
    min-height:520px;
    border-radius:34px;
    border-color:rgba(84,196,255,.28);
    background:#051329;
    box-shadow:
      0 30px 90px rgba(0,0,0,.34),
      0 0 44px rgba(24,145,255,.08),
      inset 0 1px rgba(255,255,255,.05);
    isolation:isolate;
}
.partner-dashboard-visual:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(120deg,rgba(53,201,255,.10),transparent 28% 72%,rgba(39,130,255,.08));
}
.partner-dashboard-visual:after{
    background:linear-gradient(180deg,rgba(2,8,22,.02) 52%,rgba(1,7,20,.22));
    z-index:1;
}
.partner-dashboard-visual img{
    height:100%;
    min-height:520px;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
    filter:brightness(1.14) saturate(1.08) contrast(1.03);
    transform:scale(1.012);
    transition:transform 1.1s cubic-bezier(.2,.72,.2,1),filter .7s ease;
}
.partner-dashboard-visual:hover img{
    transform:scale(1.045);
    filter:brightness(1.18) saturate(1.10) contrast(1.035);
}
.partner-dashboard-visual .visual-badge{
    top:26px;
    inset-inline-start:26px;
    padding:10px 16px;
    background:rgba(2,18,41,.82);
    border-color:rgba(91,213,255,.42);
    box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 22px rgba(42,184,255,.08);
}
.dashboard-glass-note{
    position:absolute;
    z-index:3;
    inset-inline-end:24px;
    bottom:24px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 15px;
    border:1px solid rgba(91,213,255,.28);
    border-radius:999px;
    background:rgba(3,18,42,.76);
    color:#d7f5ff;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.dashboard-live-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#26e2bc;
    box-shadow:0 0 14px #26e2bc;
    flex:0 0 auto;
}
html[dir="rtl"] .dashboard-glass-note{letter-spacing:0}
.partner-dashboard-copy{
    max-width:680px;
}
.partner-dashboard-copy h2{
    font-size:clamp(42px,4.15vw,68px);
    line-height:1.04;
    margin:20px 0 24px;
    text-wrap:balance;
}
html[dir="rtl"] .partner-dashboard-copy h2{
    line-height:1.12;
}
.partner-dashboard-copy>p{
    max-width:640px;
    color:#b8c9dc;
    font-size:clamp(16px,1.1vw,18px);
    line-height:1.9;
}
.dashboard-chip-grid{
    margin-top:30px;
    gap:10px;
}
.dashboard-chip-grid span{
    position:relative;
    padding:11px 16px;
    border-color:rgba(83,192,255,.24);
    background:linear-gradient(145deg,rgba(9,39,73,.56),rgba(4,20,43,.62));
    color:#cce0f4;
    box-shadow:inset 0 1px rgba(255,255,255,.025);
    transition:.25s ease;
}
.dashboard-chip-grid span:hover{
    transform:translateY(-2px);
    border-color:rgba(87,211,255,.42);
    color:#eefaff;
    box-shadow:0 10px 24px rgba(13,110,212,.10);
}
.dashboard-assurance{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:26px;
    color:#d8e8f7;
    font-size:14px;
    font-weight:600;
}
.dashboard-assurance-icon{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    color:#49e4c3;
    border:1px solid rgba(52,224,188,.30);
    background:rgba(16,93,83,.18);
    box-shadow:0 0 22px rgba(36,220,184,.08);
}
@media(max-width:1180px){
  .partner-dashboard-layout,html[dir="rtl"] .partner-dashboard-layout{grid-template-columns:1fr;gap:42px}
  .partner-dashboard-copy{max-width:820px}
  .partner-dashboard-visual{min-height:460px}
  .partner-dashboard-visual img{min-height:460px}
}
@media(max-width:760px){
  .partner-dashboard-section{padding-block:82px}
  .partner-dashboard-visual{min-height:360px;border-radius:24px}
  .partner-dashboard-visual img{min-height:360px}
  .dashboard-glass-note{display:none}
  .partner-dashboard-copy h2{font-size:clamp(36px,10vw,50px)}
  .dashboard-chip-grid{gap:8px}
  .dashboard-chip-grid span{padding:9px 12px;font-size:12px}
}


/* =========================================================
   PARTNERS SECTION 5 — CUSTOMER RELATIONSHIP ONLY
   Premium relationship section. Previous sections untouched.
   ========================================================= */
.partner-customer-section{
    padding-block:clamp(110px,8vw,150px);
    background:
      radial-gradient(circle at 22% 42%,rgba(30,145,255,.075),transparent 30%),
      linear-gradient(180deg,#030b1d 0%,#020817 100%);
}
.partner-customer-section .partner-split{
    gap:clamp(56px,6vw,104px);
    align-items:center;
}
.partner-customer-section .partner-copy{
    max-width:720px;
}
.partner-customer-section .partner-copy h2{
    font-size:clamp(46px,4.35vw,74px);
    line-height:1.02;
    margin:22px 0 24px;
}
html[dir="rtl"] .partner-customer-section .partner-copy h2{
    line-height:1.12;
}
.partner-customer-section .partner-copy>p{
    max-width:680px;
    font-size:18px;
    line-height:1.95;
    color:#b3c3d9;
}
.partner-customer-section .partner-inline-proof{
    width:max-content;
    max-width:100%;
    margin-top:30px;
    padding:12px 16px;
    border:1px solid rgba(48,219,185,.16);
    border-radius:999px;
    background:rgba(11,55,61,.18);
    box-shadow:inset 0 0 24px rgba(25,197,166,.035);
}
.partner-customer-visual{
    min-height:540px;
    border-color:rgba(91,206,255,.28);
    border-radius:34px;
    background:#031126;
    box-shadow:
      0 34px 90px rgba(0,0,0,.34),
      0 0 45px rgba(33,151,255,.08),
      inset 0 1px rgba(255,255,255,.04);
}
.partner-customer-visual img{
    width:100%;
    height:100%;
    min-height:540px;
    aspect-ratio:4/3;
    object-fit:cover;
    object-position:32% center;
    filter:brightness(1.24) saturate(1.10) contrast(1.035);
    transform:scale(1.035);
    transition:transform 1.5s cubic-bezier(.16,.78,.2,1),filter .65s ease;
}
.partner-customer-visual:after{
    background:
      linear-gradient(90deg,rgba(2,8,22,.02) 0%,rgba(2,8,22,.00) 58%,rgba(2,8,22,.18) 100%),
      linear-gradient(180deg,transparent 76%,rgba(2,8,22,.18));
}
html[dir="rtl"] .partner-customer-visual:after{
    background:
      linear-gradient(270deg,rgba(2,8,22,.02) 0%,rgba(2,8,22,.00) 58%,rgba(2,8,22,.18) 100%),
      linear-gradient(180deg,transparent 76%,rgba(2,8,22,.18));
}
.partner-customer-visual.customer-zoom-active img{
    transform:scale(1.105);
    filter:brightness(1.29) saturate(1.12) contrast(1.035);
}
.customer-visual-badge{
    position:absolute;
    z-index:4;
    top:24px;
    inset-inline-start:24px;
    padding:10px 15px;
    border:1px solid rgba(91,215,255,.34);
    border-radius:999px;
    background:rgba(2,18,43,.78);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    color:#75e2ff;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    box-shadow:0 10px 32px rgba(0,0,0,.18);
}
html[dir="rtl"] .customer-visual-badge{letter-spacing:0}
.customer-focus-line{
    position:absolute;
    z-index:3;
    left:9%;
    right:9%;
    bottom:18px;
    height:1px;
    opacity:.58;
    background:linear-gradient(90deg,transparent,#3ed8ff 30%,#238cff 68%,transparent);
    box-shadow:0 0 16px rgba(47,189,255,.45);
    transform:scaleX(.35);
    transition:transform 1.25s cubic-bezier(.16,.78,.2,1),opacity .8s ease;
}
.partner-customer-visual.customer-zoom-active .customer-focus-line{
    transform:scaleX(1);
    opacity:.92;
}
@media(max-width:1180px){
  .partner-customer-visual,.partner-customer-visual img{min-height:500px}
}
@media(max-width:760px){
  .partner-customer-section{padding-block:88px}
  .partner-customer-section .partner-split{gap:38px}
  .partner-customer-section .partner-copy h2{font-size:clamp(38px,11vw,54px)}
  .partner-customer-section .partner-copy>p{font-size:16px;line-height:1.85}
  .partner-customer-visual,.partner-customer-visual img{min-height:410px}
  .partner-customer-visual img{aspect-ratio:4/3;object-position:28% center;transform:scale(1.025)}
  .partner-customer-visual.customer-zoom-active img{transform:scale(1.065)}
}
@media(prefers-reduced-motion:reduce){
  .partner-customer-visual img,.customer-focus-line{transition:none!important}
}
\n\n/* STEP 6 — Commission / commercial growth section only */
.partner-commission{padding-block:104px;background:linear-gradient(180deg,#020817 0%,#031025 50%,#020817 100%)}
.partner-commission:before{background:radial-gradient(circle at 50% 50%,rgba(25,143,255,.10),transparent 34%)}
.commission-panel{position:relative;overflow:hidden;grid-template-columns:1.06fr .94fr;gap:84px;padding:68px 72px;border-color:rgba(80,202,255,.25);background:linear-gradient(135deg,rgba(6,29,64,.94),rgba(3,13,31,.96));box-shadow:0 38px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)}
.commission-panel:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;inset-inline-start:-190px;top:-290px;background:radial-gradient(circle,rgba(34,151,255,.16),transparent 67%);pointer-events:none}
.commission-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(79,210,255,.045) 38.2%,transparent 38.5% 100%);pointer-events:none}
.commission-heading{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start;position:relative;z-index:1}
html[dir="rtl"] .commission-heading{grid-template-columns:1fr auto}.commission-heading>div{min-width:0}html[dir="rtl"] .commission-heading>div{grid-column:1;grid-row:1}.commission-growth-icon{display:grid;place-items:center;width:72px;height:72px;flex:0 0 72px;border-radius:22px;border:1px solid rgba(82,214,255,.34);background:linear-gradient(145deg,rgba(11,64,108,.74),rgba(3,24,54,.9));color:#63e2ff;box-shadow:0 0 40px rgba(31,166,255,.13),inset 0 0 24px rgba(59,179,255,.055)}
.commission-growth-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.commission-panel h2{font-size:clamp(42px,4.1vw,70px);line-height:1.04;margin:20px 0 0}.commission-copy{position:relative;z-index:1;padding-inline-start:10px}.commission-copy>p{font-size:18px;line-height:1.95;color:#b7c8dd}
.commission-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.commission-principles span{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid rgba(80,199,255,.18);border-radius:14px;background:rgba(7,34,65,.55);color:#cce1f6;font-size:13px;font-weight:600;transition:transform .25s ease,border-color .25s ease,background .25s ease}.commission-principles span:hover{transform:translateY(-2px);border-color:rgba(83,215,255,.38);background:rgba(9,46,83,.68)}.commission-principles svg{width:18px;height:18px;fill:none;stroke:#5edcff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.agreement-pill{margin-top:22px;padding:11px 17px;border-color:rgba(42,226,188,.32);background:rgba(16,111,94,.16);color:#a8f0e1;box-shadow:inset 0 0 20px rgba(29,201,168,.035)}
@media(max-width:980px){.commission-panel{grid-template-columns:1fr;gap:38px;padding:50px 42px}.commission-copy{padding-inline-start:0}}
@media(max-width:780px){.partner-commission{padding-block:78px}.commission-panel{padding:32px 22px}.commission-heading,html[dir="rtl"] .commission-heading{grid-template-columns:1fr;gap:18px}.commission-growth-icon{width:62px;height:62px;border-radius:19px}.commission-heading>div,html[dir="rtl"] .commission-heading>div{grid-column:auto;grid-row:auto}.commission-principles{display:grid;grid-template-columns:1fr}.commission-principles span{width:100%}}


/* STEP 7 — Benefits / premium feature cards only */
.partner-benefits{
  position:relative;
  overflow:hidden;
  padding-block:112px;
  background:linear-gradient(180deg,#020817 0%,#030d20 46%,#020817 100%);
}
.partner-benefits:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 50% 22%,rgba(36,151,255,.105),transparent 31%),linear-gradient(rgba(91,194,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(91,194,255,.025) 1px,transparent 1px);
  background-size:auto,64px 64px,64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 84%);mask-image:linear-gradient(to bottom,black,transparent 84%);
}
.partner-benefits .partner-shell{position:relative;z-index:1}
.partner-benefits .partner-section-head{max-width:900px;margin-bottom:52px}
.partner-benefits .partner-section-head h2{font-size:clamp(42px,4.5vw,72px);line-height:1.07}
.benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.benefit{
  position:relative;isolation:isolate;overflow:hidden;min-height:226px;padding:26px 25px 24px;
  border:1px solid rgba(96,201,255,.18);border-radius:26px;
  background:linear-gradient(145deg,rgba(9,35,70,.82),rgba(3,13,31,.92) 70%);
  box-shadow:0 22px 55px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035);
  transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.benefit:before{
  content:"";position:absolute;z-index:-1;width:180px;height:180px;border-radius:50%;top:-100px;inset-inline-end:-80px;
  background:radial-gradient(circle,rgba(55,190,255,.19),transparent 68%);opacity:.75;transition:opacity .35s ease,transform .45s ease;
}
.benefit:after{
  content:"";position:absolute;left:25px;right:25px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(93,224,255,.85),rgba(39,139,255,.48),transparent);opacity:.62;
}
.benefit:hover{transform:translateY(-8px);border-color:rgba(91,218,255,.40);background:linear-gradient(145deg,rgba(10,43,83,.92),rgba(3,15,35,.96) 72%);box-shadow:0 30px 75px rgba(0,0,0,.30),0 0 36px rgba(31,160,255,.09),inset 0 1px rgba(255,255,255,.05)}
.benefit:hover:before{opacity:1;transform:scale(1.14)}
.benefit-icon{
  width:62px;height:62px;border-radius:19px;border-color:rgba(86,214,255,.32);
  background:linear-gradient(145deg,rgba(13,67,111,.78),rgba(3,24,55,.92));
  box-shadow:0 0 30px rgba(30,169,255,.11),inset 0 0 22px rgba(68,193,255,.055);
  transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;
}
.benefit:hover .benefit-icon{transform:translateY(-2px) scale(1.055);border-color:rgba(99,229,255,.52);box-shadow:0 0 36px rgba(38,181,255,.19),inset 0 0 22px rgba(68,193,255,.075)}
.benefit-icon svg{width:29px;height:29px;stroke-width:1.65}
.benefit h3{margin:34px 0 0;font-size:20px;line-height:1.55;font-weight:650;color:#f1f7ff;letter-spacing:-.012em}
html[dir="rtl"] .benefit h3{letter-spacing:0}
.benefit:nth-child(1),.benefit:nth-child(4){min-height:242px}
.benefit:last-child{grid-column:span 2}
@media(max-width:1180px){.benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit:last-child{grid-column:span 2}}
@media(max-width:780px){.partner-benefits{padding-block:84px}.partner-benefits .partner-section-head{margin-bottom:38px}.benefits-grid{grid-template-columns:1fr 1fr;gap:13px}.benefit{min-height:190px;padding:21px 19px;border-radius:22px}.benefit:nth-child(1),.benefit:nth-child(4){min-height:190px}.benefit-icon{width:55px;height:55px;border-radius:17px}.benefit h3{font-size:17px;margin-top:27px}.benefit:last-child{grid-column:span 2}}
@media(max-width:480px){.benefits-grid{grid-template-columns:1fr}.benefit,.benefit:nth-child(1),.benefit:nth-child(4){min-height:174px}.benefit:last-child{grid-column:auto}.benefit:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.benefit,.benefit-icon,.benefit:before{transition:none!important}}

/* =========================================================
   STEP 7.1 — BENEFITS GRID ALIGNMENT
   Desktop: 4 equal cards on first row + 3 equal centered cards
   on second row. Keep the approved premium card styling.
   ========================================================= */
@media (min-width:1181px){
  .partner-benefits .benefits-grid{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:18px;
  }
  .partner-benefits .benefit{
    grid-column:span 2;
    min-height:242px;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .partner-benefits .benefit:nth-child(5){grid-column:2 / span 2}
  .partner-benefits .benefit:nth-child(6){grid-column:4 / span 2}
  .partner-benefits .benefit:nth-child(7){grid-column:6 / span 2}
  .partner-benefits .benefit:last-child{grid-column:6 / span 2}
  .partner-benefits .benefit h3{
    margin:30px 0 0;
    width:100%;
    text-align:center;
  }
  .partner-benefits .benefit-icon{
    margin-inline:auto;
    flex:0 0 auto;
  }
}

@media (max-width:1180px) and (min-width:781px){
  .partner-benefits .benefit{
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .partner-benefits .benefit h3{width:100%;text-align:center}
  .partner-benefits .benefit-icon{margin-inline:auto}
  .partner-benefits .benefit:last-child{grid-column:auto}
}

@media (max-width:780px){
  .partner-benefits .benefit{
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .partner-benefits .benefit h3{width:100%;text-align:center}
  .partner-benefits .benefit-icon{margin-inline:auto}
}

/* =========================================================
   STEP 8 — FINAL CTA: CENTER CONTENT ONLY
   Keep the approved CTA design/image/overlay unchanged.
   ========================================================= */
.partner-cta-content,
html[dir="rtl"] .partner-cta-content,
html[dir="ltr"] .partner-cta-content{
    text-align:center;
    margin-inline:auto;
}
.partner-cta-content>*,
html[dir="rtl"] .partner-cta-content>*,
html[dir="ltr"] .partner-cta-content>*{
    margin-left:auto;
    margin-right:auto;
}
.partner-cta-content .partner-eyebrow,
html[dir="rtl"] .partner-cta-content .partner-eyebrow,
html[dir="ltr"] .partner-cta-content .partner-eyebrow{
    justify-content:center;
}
.partner-cta-content>p{
    margin-left:auto;
    margin-right:auto;
}
.partner-cta-content .partner-btn{
    display:flex;
    width:max-content;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}
@media(max-width:780px){
  .partner-cta-content .partner-btn{
      width:100%;
  }
}

/* =========================================================
   FINAL POLISH v13 — HERO / HEADER SPACING ONLY
   Adds a clean visual breathing space below the site header.
   No hero artwork, copy, sizing, CTA, or other sections changed.
   ========================================================= */
@media (min-width:781px){
  .partner-hero{
    margin-top:18px;
    min-height:calc(100svh - 114px);
  }
}

@media (max-width:780px){
  .partner-hero{
    margin-top:12px;
  }
}

/* =========================================================
   FINAL POLISH v14 — HERO GAP MATCH
   Increase only the breathing space below the desktop header.
   The hero image and card move down together; all internal
   hero sizing/content and every other section remain unchanged.
   ========================================================= */
@media (min-width:781px){
  .partner-hero{
    margin-top:34px;
    min-height:calc(100svh - 130px);
  }
}

@media (max-width:780px){
  .partner-hero{
    margin-top:14px;
  }
}

/* =========================================================
   FINAL POLISH v15 — HERO IMAGE + CARD VERTICAL ALIGNMENT
   Keep the full hero artwork below the header and move only
   the glass copy card lower so its top aligns with the people.
   ========================================================= */
@media (min-width:781px){
  .partner-hero{
    margin-top:42px !important;
    min-height:calc(100svh - 96px - 42px) !important;
  }

  .partner-hero-media{
    top:0 !important;
  }

  .partner-hero-media img,
  html[dir="rtl"] .partner-hero-media img,
  html[dir="ltr"] .partner-hero-media img{
    object-position:center top !important;
  }

  .partner-hero-grid,
  html[dir="rtl"] .partner-hero-grid,
  html[dir="ltr"] .partner-hero-grid{
    padding-top:26px !important;
    padding-bottom:96px !important;
  }

  .partner-hero-copy,
  html[dir="rtl"] .partner-hero-copy,
  html[dir="ltr"] .partner-hero-copy{
    transform:translateY(72px) !important;
  }
}

@media (max-width:780px){
  .partner-hero{
    margin-top:22px !important;
    min-height:calc(100svh - 78px - 22px) !important;
  }

  .partner-hero-grid,
  html[dir="rtl"] .partner-hero-grid,
  html[dir="ltr"] .partner-hero-grid{
    padding-top:18px !important;
  }

  .partner-hero-copy,
  html[dir="rtl"] .partner-hero-copy,
  html[dir="ltr"] .partner-hero-copy{
    transform:none !important;
  }
}

/* =========================================================
   PARTNERS HERO — HOME STYLE GLASS CARD (v16)
   Transparency only; preserves current hero/card positioning.
   ========================================================= */
.partner-hero-copy,
html[dir="rtl"] .partner-hero-copy,
html[dir="ltr"] .partner-hero-copy {
    background: linear-gradient(145deg, rgba(4,18,43,.52), rgba(5,17,37,.28)) !important;
    border: 1px solid rgba(127,197,255,.30) !important;
    -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
    backdrop-filter: blur(18px) saturate(125%) !important;
    box-shadow:
        0 0 30px rgba(16,145,255,.10),
        0 26px 70px rgba(0,0,0,.24),
        inset 0 1px rgba(255,255,255,.07) !important;
}

/* =========================================================
   FINAL POLISH v17 — TRUE TRANSPARENT HERO GLASS
   Make the partner hero card visibly transparent like home.
   ========================================================= */
.partner-hero-copy,
html[dir="rtl"] .partner-hero-copy,
html[dir="ltr"] .partner-hero-copy{
    background:rgba(2, 13, 32, .16) !important;
    background-image:linear-gradient(145deg,rgba(10,35,66,.18),rgba(2,12,29,.08)) !important;
    border:1px solid rgba(105,202,255,.34) !important;
    -webkit-backdrop-filter:blur(7px) saturate(118%) !important;
    backdrop-filter:blur(7px) saturate(118%) !important;
    box-shadow:
      0 0 24px rgba(20,159,255,.07),
      0 20px 55px rgba(0,0,0,.14),
      inset 0 1px rgba(255,255,255,.06) !important;
}

/* =========================================================
   FINAL POLISH v18 — HERO FILLS THE FULL VISUAL SECTION
   Extend the hero artwork to the real bottom of the section so
   no empty navy strip appears before the following section.
   Keeps the approved card position, glass treatment and image crop.
   ========================================================= */
@media (min-width:781px){
  .partner-hero{
    margin-top:42px !important;
    min-height:calc(100svh - 42px) !important;
  }

  .partner-hero-media,
  .partner-hero-overlay,
  .partner-hero-lines{
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    height:100% !important;
  }

  .partner-hero-media img,
  html[dir="rtl"] .partner-hero-media img,
  html[dir="ltr"] .partner-hero-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
  }
}

@media (max-width:780px){
  .partner-hero{
    min-height:calc(100svh - 22px) !important;
  }

  .partner-hero-media,
  .partner-hero-overlay,
  .partner-hero-lines{
    bottom:0 !important;
    height:100% !important;
  }

  .partner-hero-media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
  }
}