
:root{
  --partners-blue:#073f77;
  --partners-orange:#ff8614;
  --partners-ink:#172536;
  --partners-muted:#667586;
  --partners-line:#e0e6ec;
  --partners-bg:#f4f6f8;
}
*{box-sizing:border-box}
body.partners-page{background:var(--partners-bg);color:var(--partners-ink)}
.partners-page .site-header .v10-partners-nav-link,
.partners-page .site-header a[href="/partners/"]{
  color:var(--partners-orange)!important;
  font-weight:900!important;
}
.partners-stage{
  background:#071d33;color:#d7e3ef;text-align:center;padding:7px 12px;font-size:11px
}
.partners-stage b{color:#ff9b3e}
.partners-wrap{width:min(calc(100% - 48px),1480px);margin-inline:auto}
.partners-hero{
  margin-top:34px;
  min-height:410px;
  border-radius:28px;
  padding:50px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:48px;
  align-items:center;
  overflow:hidden;
  position:relative;
  color:#fff;
  background:
    radial-gradient(circle at 82% 16%,rgba(255,134,20,.25),transparent 22%),
    linear-gradient(120deg,#061f39 0%,#073f77 58%,#0d5b9f 100%);
  box-shadow:0 24px 60px rgba(7,63,119,.18);
}
.partners-hero:after{
  content:"♥";position:absolute;right:5%;top:-50px;font-size:280px;color:rgba(255,255,255,.045);line-height:1
}
.partners-kicker{
  font-size:12px;font-weight:900;letter-spacing:.14em;color:#ffad5f;text-transform:uppercase
}
.partners-hero h1{font-size:clamp(46px,5vw,76px);line-height:.95;letter-spacing:-.045em;margin:12px 0 20px}
.partners-hero p{max-width:700px;font-size:17px;line-height:1.65;color:#d7e6f3}
.partners-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.partners-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:800}
.partners-hero-card{
  position:relative;z-index:2;background:#fff;color:var(--partners-ink);border-radius:22px;padding:24px;box-shadow:0 22px 50px rgba(0,0,0,.20)
}
.partners-hero-card .heart{
  width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#fff0e4;color:#ff8614;font-size:30px;margin-bottom:18px
}
.partners-hero-card h2{font-size:25px;margin:0 0 9px}
.partners-hero-card p{font-size:12px;color:#647383;margin:0;line-height:1.55}
.partners-grid{padding:56px 0}
.partners-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}
.partners-section-head h2{font-size:34px;margin:5px 0 0}
.partners-section-head p{max-width:560px;color:var(--partners-muted);font-size:13px;line-height:1.6}
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.partner-card{
  background:#fff;border:1px solid var(--partners-line);border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(20,48,78,.05);display:flex;flex-direction:column;min-height:360px
}
.partner-card.featured{grid-column:span 2;display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:26px;align-items:center}
.partner-visual{
  min-height:230px;border-radius:16px;background:
    radial-gradient(circle at 72% 24%,rgba(255,134,20,.18),transparent 22%),
    linear-gradient(145deg,#eaf3fb,#f7f9fb);
  display:grid;place-items:center;position:relative;overflow:hidden
}
.partner-visual .mower{font-size:92px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.10))}
.partner-visual .brandword{
  position:absolute;left:18px;bottom:16px;font-weight:950;font-size:24px;color:#073f77;letter-spacing:-.04em
}
.partner-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.partner-meta span{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:900;background:#eef4f9;color:#073f77}
.partner-meta .awin{background:#fff1e5;color:#b95700}
.partner-card h3{font-size:27px;margin:5px 0 10px}
.partner-card p{color:#647383;font-size:13px;line-height:1.65}
.partner-points{display:grid;gap:8px;margin:13px 0 18px}
.partner-points span{position:relative;padding-left:23px;color:#495d6f;font-size:12px}
.partner-points span:before{content:"✓";position:absolute;left:0;color:#1f6a44;font-weight:900}
.partner-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto}
.partners-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:10px;font-size:11px;font-weight:900;text-decoration:none}
.partners-btn.primary{background:#073f77;color:#fff}
.partners-btn.secondary{background:#fff7ef;color:#b95700;border:1px solid #ffd8b3}
.partners-btn.disabled{background:#f2f4f6;color:#8b96a1;border:1px solid #e1e5e9;cursor:not-allowed}
.partners-note{
  margin:4px 0 56px;background:#fff;border:1px solid var(--partners-line);border-radius:18px;padding:24px;display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start
}
.partners-note .icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#fff0e4;color:#ff8614;font-size:24px}
.partners-note h3{margin:0 0 6px;font-size:18px}
.partners-note p{margin:0;color:var(--partners-muted);font-size:12px;line-height:1.65}
.brand-detail{
  margin-top:32px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:22px;align-items:start
}
.brand-main,.brand-side{
  background:#fff;border:1px solid var(--partners-line);border-radius:20px;padding:28px;box-shadow:0 10px 28px rgba(20,48,78,.04)
}
.brand-main h1{font-size:48px;line-height:1;margin:8px 0 14px}
.brand-main .lead{font-size:16px;line-height:1.65;color:#5b6d7d}
.brand-main h2{font-size:24px;margin-top:30px}
.brand-main p,.brand-main li{color:#607182;font-size:13px;line-height:1.7}
.brand-side{position:sticky;top:20px}
.brand-side .brand-badge{font-size:10px;font-weight:900;color:#b95700;background:#fff0e4;border-radius:999px;padding:6px 9px;display:inline-block}
.brand-side h3{font-size:23px;margin:13px 0 8px}
.brand-side .pending{padding:13px;border-radius:12px;background:#f7f9fb;border:1px solid #e2e7ec;color:#6c7985;font-size:11px;line-height:1.55}
@media(max-width:1000px){
  .partners-hero{grid-template-columns:1fr}
  .partner-grid{grid-template-columns:1fr}
  .partner-card.featured{grid-column:auto;grid-template-columns:1fr}
  .brand-detail{grid-template-columns:1fr}
  .brand-side{position:relative;top:auto}
}
@media(max-width:640px){
  .partners-wrap{width:min(calc(100% - 20px),1480px)}
  .partners-hero{padding:28px 22px;border-radius:20px}
  .partners-hero h1{font-size:43px}
  .partners-section-head{align-items:flex-start;flex-direction:column}
}
