/* /services/integrator/ — built around the two seats: a centred opening with the Visionary and
   Integrator seats side by side, the rhythm drawn to scale, the weekly meeting beside a photo that
   runs off the left edge, an example scorecard, the six components and the first quarter.
   Scoped under .ig. */
.ig section{padding:0}
.ig h2{font-size:clamp(30px,3.4vw,46px);max-width:20ch;margin:0 0 22px}
.ig p{color:var(--fg2);font-size:17px;line-height:1.6;margin:0 0 16px;max-width:60ch}

/* opening */
.ig-open{text-align:center;padding:96px 0 104px !important;
  background:radial-gradient(60% 70% at 50% 0%,var(--acc-wash) 0%,var(--bg) 70%);border-bottom:1px solid var(--line)}
.ig-open h1{font-size:clamp(44px,5.2vw,74px);max-width:17ch;margin:0 auto 28px}
.ig-dek{font-size:19px !important;line-height:1.55 !important;color:var(--ink) !important;max-width:40em !important;margin:0 auto !important}
.ig-acts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.ig-seats{display:grid;grid-template-columns:1fr 88px 1fr;max-width:1040px;margin:72px auto 0;text-align:left;align-items:stretch}
.ig-seat{padding:34px 36px 30px;position:relative}
.ig-v{background:#fff;border:1px solid var(--line2)}
.ig-i{background:var(--ink);color:#fff;box-shadow:0 40px 80px -36px rgba(26,24,54,.6)}
.ig-who{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.ig-i .ig-who{color:var(--acc-br)}
.ig-seat h2{font-size:clamp(34px,3.6vw,50px);margin:8px 0 20px}
.ig-i h2{color:#fff}
.ig-seat ul{list-style:none;margin:0;padding:0}
.ig-seat li{padding:11px 0;border-top:1px solid var(--line);font-size:16px;color:var(--ink)}
.ig-i li{border-top-color:var(--ink-line);color:#E4E2FF}
.ig-and{display:flex;align-items:center;justify-content:center;position:relative;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}
.ig-and::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid var(--ink)}
.ig-and{background:none}
.ig-and{z-index:1}
.ig-and::after{content:"and";position:relative;background:var(--bg);padding:6px 10px;border:1px solid var(--ink)}
.ig-and{font-size:0}
.ig-and::after{font-size:11px}
.ig-price{display:flex;justify-content:center;gap:18px;align-items:baseline;flex-wrap:wrap;margin:36px auto 0 !important;max-width:none !important}
.ig-price b{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;letter-spacing:-.03em;color:var(--ink)}
.ig-price span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg2)}

/* rhythm */
.ig-rhythm{padding:120px 0 0 !important}
.ig-rhs{margin-top:20px;border-top:1px solid var(--ink)}
.ig-rh{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}
.ig-rwhen span{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3)}
.ig-rwhen b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:44px;letter-spacing:-.04em;line-height:1.05;color:var(--ink);margin-top:6px}
.ig-rbar{height:22px;background:var(--bg2)}
.ig-rbar i{display:block;height:100%;background:var(--acc)}
.ig-rh:nth-child(3) .ig-rbar i{background:var(--ink)}
.ig-rtxt h3{font-size:22px;margin:0 0 8px}
.ig-rtxt p{font-size:15.5px;margin:0}
.ig-note{font-size:13.5px !important;color:var(--fg3) !important;margin-top:14px !important}

/* weekly meeting */
.ig-meet{padding:120px 0 0 !important}
.ig-meetgrid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:72px;align-items:center;max-width:1320px;margin:0 auto;padding:0 32px}
.ig-photo{margin:0 0 0 calc(-1 * max(32px,(100vw - 1320px)/2 + 32px))}
.ig-photo img{width:100%;aspect-ratio:7/5;object-fit:cover;display:block}
.ig-agenda{list-style:none;margin:28px 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,1fr) 4fr;gap:4px;counter-reset:a}
.ig-agenda li{counter-increment:a;background:var(--acc-wash);padding:12px 10px 14px;min-height:96px;display:flex;flex-direction:column;justify-content:space-between}
.ig-agenda li::before{content:counter(a);font-family:var(--mono);font-size:10.5px;color:var(--acc)}
.ig-agenda li span{font-size:13px;font-weight:600;color:var(--ink);line-height:1.25}
.ig-agenda li.lg{background:var(--ink)}
.ig-agenda li.lg span{color:#fff;font-size:15px}
.ig-agenda li.lg::before{color:var(--acc-br)}
.ig-small{font-size:13.5px !important;color:var(--fg3) !important}

/* scorecard */
.ig-score{padding:120px 0 0 !important}
.ig-scoregrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:center}
.ig-card{margin:0;background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -40px rgba(26,24,54,.4)}
.ig-sbar{display:flex;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}
.ig-sbar b{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;letter-spacing:-.02em}
.ig-sbar span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);align-self:center}
.ig-sr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.3fr) 64px repeat(6,54px);gap:6px;padding:11px 22px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);align-items:center}
.ig-sh{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3)}
.ig-sr .on,.ig-sr .off{text-align:center;font-variant-numeric:tabular-nums;padding:4px 0;font-size:13px;font-weight:600}
.ig-sr .on{background:#E3F4EA;color:#1D6B41}
.ig-sr .off{background:#FCEBDD;color:#A2470F}
.ig-card figcaption{font-size:13px;color:var(--fg3);padding:12px 22px 14px}

/* six components */
.ig-six{padding:120px 0 0 !important}
.ig-cs{display:grid;grid-template-columns:1fr 1fr;column-gap:72px;border-top:1px solid var(--ink);margin-top:10px;counter-reset:c}
.ig-c{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line);counter-increment:c}
.ig-c b{font-family:'Bricolage Grotesque',sans-serif;font-size:30px;letter-spacing:-.035em;line-height:1.05;color:var(--ink)}
.ig-c b::before{content:counter(c) " ";color:var(--acc)}
.ig-c p{font-size:15.5px;margin:0}

/* first quarter */
.ig-first{padding:120px 0 0 !important}
.ig-q1{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px}
.ig-q1s{background:var(--bg2);padding:26px 24px 24px;position:relative}
.ig-q1s:last-child{background:var(--acc);color:#fff}
.ig-q1s span{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.ig-q1s:last-child span{color:#E4E2FF}
.ig-q1s h3{font-size:22px;margin:12px 0 10px}
.ig-q1s:last-child h3{color:#fff}
.ig-q1s p{font-size:15px;margin:0}
.ig-q1s:last-child p{color:#E4E2FF}

/* faq */
.ig-faq{padding:120px 0 0 !important}
.ig-faqgrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:72px;align-items:start}
.ig-faqgrid h2{margin:0}
.ig-qs{list-style:none;margin:0;padding:0;counter-reset:q;border-top:1px solid var(--ink)}
.ig-qs li{counter-increment:q;display:grid;grid-template-columns:56px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}
.ig-qs li::before{content:counter(q,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--acc);padding-top:6px;grid-row:span 2}
.ig-qs h3{font-size:21px;margin:0 0 8px}
.ig-qs p{font-size:16px;margin:0}
.ig-tm{font-size:13.5px !important;color:var(--fg3) !important;margin-top:24px !important}

/* guides */
.ig-guides{padding:120px 0 120px !important}
.ig-glist{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);background:#fff}
.ig-g{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);padding:22px}
.ig-g+.ig-g{border-left:1px solid var(--line)}
.ig-g img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(.9)}
.ig-g span{display:flex;flex-direction:column;gap:14px;padding-top:18px;flex:1}
.ig-g b{font-family:'Bricolage Grotesque',sans-serif;font-size:20px;letter-spacing:-.02em;line-height:1.2}
.ig-g i{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-top:auto}
.ig-g:hover b{color:var(--acc)}

@media (max-width:980px){
  .ig-open{padding:48px 0 64px !important;text-align:left}
  .ig-open h1,.ig-dek{margin-left:0 !important}
  .ig-acts,.ig-price{justify-content:flex-start}
  .ig-seats{grid-template-columns:1fr;margin-top:44px}
  .ig-and{height:56px}
  .ig-and::before{left:50%;right:auto;top:0;bottom:0;border-top:0;border-left:2px solid var(--ink)}
  .ig-seat{padding:26px 22px}
  .ig-rhythm,.ig-meet,.ig-score,.ig-six,.ig-first,.ig-faq{padding-top:72px !important}
  .ig-guides{padding:72px 0 !important}
  .ig-rh{grid-template-columns:1fr;gap:14px;padding:24px 0}
  .ig-meetgrid,.ig-scoregrid,.ig-faqgrid,.ig-cs{grid-template-columns:1fr;gap:28px}
  .ig-meetgrid{padding:0 20px}
  .ig-photo{margin:0 -20px}
  .ig-agenda{grid-template-columns:repeat(4,1fr)}
  .ig-agenda li.lg{grid-column:1/-1;min-height:72px}
  .ig-card{overflow-x:auto}
  .ig-sr,.ig-sbar{min-width:700px}
  .ig-c{grid-template-columns:1fr;gap:8px}
  .ig-q1{grid-template-columns:1fr}
  .ig-glist{grid-template-columns:1fr}
  .ig-g+.ig-g{border-left:0;border-top:1px solid var(--line)}
}