/* Why IQ? — Synergy IQ explanatory page, September 2026. */
.why-iq-v2 { --why-ink:#10283f; --why-muted:#4a627a; --why-line:#cfdaea; --why-soft:#f5f8fd; }
.why-iq-v2 .why-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.why-iq-v2 .why-hero-copy { max-width:720px; }
.why-iq-v2 .why-hero-copy .sy-actions { margin-top:1.8rem; }
.why-iq-v2 .why-hero-note { margin-top:1.25rem; color:#bed2e9; font-size:1rem; max-width:61ch; }
.why-iq-v2 .why-hero-note strong { color:#fff; }
.why-iq-v2 .why-section { padding:clamp(4rem,8vw,7rem) 0; }
.why-iq-v2 .why-section--soft { background:var(--why-soft); }
.why-iq-v2 .why-section--dark { color:#fff; background:radial-gradient(ellipse at 35% 0,#274c82 0,#192d55 46%,#111b38 95%); }
.why-iq-v2 .why-section--dark :is(h2,h3) { color:#fff; }
.why-iq-v2 .why-section--dark p { color:#d5e3f5; }
.why-iq-v2 .why-section-heading { display:grid; grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr); gap:clamp(2rem,6vw,6rem); align-items:start; margin-bottom:2.4rem; }
.why-iq-v2 .why-section-heading > div:first-child { max-width:620px; }
.why-iq-v2 .why-section-heading > div:last-child { max-width:720px; }
.why-iq-v2 .why-section-heading h2 { margin:.45rem 0 0; font:800 clamp(2.25rem,5vw,4.7rem)/.98 var(--sy-display); letter-spacing:-.045em; color:var(--why-ink); }
.why-iq-v2 .why-section-heading p { font-size:clamp(1.05rem,1.5vw,1.2rem); line-height:1.7; color:var(--why-muted); }
.why-iq-v2 .why-section--dark .why-section-heading h2 { color:#fff; }
.why-iq-v2 .why-section--dark .why-section-heading p { color:#d5e3f5; }
.why-iq-v2 .why-cite { display:inline-block; margin-left:.15rem; font-size:.72em; vertical-align:super; color:#2764b7; font-weight:800; text-decoration:none; }
.why-iq-v2 .why-section--dark .why-cite { color:#ccff66; }
.why-iq-v2 .why-cite:hover { text-decoration:underline; }
.why-iq-v2 .why-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.why-iq-v2 .why-card { border:1px solid var(--why-line); border-radius:20px; background:#fff; padding:1.5rem; box-shadow:0 8px 24px #1733550d; }
.why-iq-v2 .why-card > span:first-child { display:inline-flex; align-items:center; min-height:30px; padding:.25rem .55rem; border-radius:8px; background:#eef4ff; color:#2764b7; font-size:.82rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.why-iq-v2 .why-card h3 { margin:1rem 0 .55rem; color:var(--why-ink); font-size:1.35rem; }
.why-iq-v2 .why-card p { margin:0; color:var(--why-muted); line-height:1.65; }
.why-iq-v2 .why-g-box { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:1.2rem; align-items:stretch; }
.why-iq-v2 .why-g-symbol { display:grid; place-items:center; min-height:320px; border-radius:24px; background:linear-gradient(145deg,#1b315d,#111b38); color:#ccff66; border:1px solid #5676ab; box-shadow:0 18px 42px #08152d24; }
.why-iq-v2 .why-g-symbol strong { font:800 clamp(6rem,14vw,11rem)/1 var(--sy-display); letter-spacing:-.08em; }
.why-iq-v2 .why-g-copy { border:1px solid var(--why-line); border-radius:24px; background:#fff; padding:clamp(1.5rem,4vw,2.6rem); }
.why-iq-v2 .why-g-copy h3 { margin:0 0 .75rem; font-size:1.7rem; color:var(--why-ink); }
.why-iq-v2 .why-g-copy p { color:var(--why-muted); font-size:1.07rem; line-height:1.7; }
.why-iq-v2 .why-network-copy { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(2rem,5vw,4rem); align-items:center; }
.why-iq-v2 .why-network-copy .sy-network-frame { max-width:630px; width:100%; justify-self:center; }
.why-iq-v2 .why-network-list { display:grid; gap:.9rem; }
.why-iq-v2 .why-network-point { display:grid; grid-template-columns:48px minmax(0,1fr); gap:1rem; align-items:start; padding:1rem 0; border-top:1px solid #ffffff25; }
.why-iq-v2 .why-network-point:first-child { border-top:0; }
.why-iq-v2 .why-network-point span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:#193b35; background:#ccff66; font-weight:850; box-shadow:0 3px 0 #7fbc36; }
.why-iq-v2 .why-network-point h3 { margin:.05rem 0 .25rem; font-size:1.2rem; }
.why-iq-v2 .why-network-point p { margin:0; line-height:1.6; }
.why-iq-v2 .why-mutualism { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.9fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.why-iq-v2 .why-mutualism h2 { margin:.4rem 0 1rem; font:800 clamp(2.2rem,4.5vw,4.2rem)/1 var(--sy-display); letter-spacing:-.04em; color:var(--why-ink); }
.why-iq-v2 .why-mutualism p { color:var(--why-muted); font-size:1.08rem; line-height:1.75; }
.why-iq-v2 .why-mutualism-diagram { position:relative; min-height:380px; border-radius:26px; border:1px solid #b9cbe1; background:radial-gradient(circle at 50% 42%,#dbe9ff,#f8fbff 66%); overflow:hidden; }
.why-iq-v2 .why-mutualism-diagram::before { content:""; position:absolute; inset:18%; border:2px dashed #7b61ff55; border-radius:50%; }
.why-iq-v2 .why-mutualism-node { position:absolute; display:grid; place-items:center; width:118px; height:118px; border-radius:50%; border:1px solid #ffffffcc; box-shadow:0 5px 0 var(--deep),0 12px 25px #1733551f; background:var(--colour); color:#08152d; text-align:center; font-weight:850; line-height:1.05; }
.why-iq-v2 .why-mutualism-node--a { --colour:#22aaff;--deep:#1465a1;left:11%;top:16%; }
.why-iq-v2 .why-mutualism-node--b { --colour:#7b61ff;--deep:#4a32b3;color:#fff;right:10%;top:22%; }
.why-iq-v2 .why-mutualism-node--c { --colour:#ffb84d;--deep:#815012;left:38%;bottom:8%; }
.why-iq-v2 .why-mutualism-arrow { position:absolute; height:4px; transform-origin:left center; background:linear-gradient(90deg,#2764b7,#7b61ff); border-radius:3px; opacity:.72; }
.why-iq-v2 .why-mutualism-arrow::after { content:""; position:absolute; right:-2px; top:50%; width:12px; height:12px; border-top:4px solid #7b61ff; border-right:4px solid #7b61ff; transform:translateY(-50%) rotate(45deg); }
.why-iq-v2 .why-mutualism-arrow--1 { width:39%; left:29%; top:31%; transform:rotate(8deg); }
.why-iq-v2 .why-mutualism-arrow--2 { width:33%; left:61%; top:51%; transform:rotate(118deg); }
.why-iq-v2 .why-mutualism-arrow--3 { width:31%; left:40%; top:67%; transform:rotate(205deg); }
.why-iq-v2 .why-hypothesis { margin-top:1.35rem; padding:1rem 1.1rem; border-left:5px solid #ccff66; border-radius:0 14px 14px 0; background:#19365f; color:#fff; }
.why-iq-v2 .why-hypothesis strong { color:#ccff66; }
.why-iq-v2 .why-boundary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.why-iq-v2 .why-boundary-card { padding:1.2rem; border-radius:17px; border:1px solid var(--why-line); background:#fff; }
.why-iq-v2 .why-boundary-card strong { display:block; margin-bottom:.4rem; color:var(--why-ink); font-size:1.06rem; }
.why-iq-v2 .why-boundary-card p { margin:0; color:var(--why-muted); line-height:1.55; font-size:.95rem; }
.why-iq-v2 .why-boundary-card--accent { border-color:#b7dc68; background:#f7ffe6; }
.why-iq-v2 .why-claim { margin-top:1.4rem; padding:1.2rem 1.35rem; border-radius:16px; background:#111b38; color:#e2ecfa; }
.why-iq-v2 .why-claim strong { color:#ccff66; }
.why-iq-v2 .why-split-product { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.why-iq-v2 .why-product-card { min-height:250px; border-radius:22px; padding:1.6rem; border:1px solid #547aaa; background:linear-gradient(145deg,#2a5592,#1a315e); color:#fff; box-shadow:0 8px 28px #102a4a24; }
.why-iq-v2 .why-product-card--measure { background:#fff; color:var(--why-ink); border-color:var(--why-line); }
.why-iq-v2 .why-product-card .why-product-label { display:inline-flex; padding:.3rem .55rem; border-radius:8px; background:#ccff66; color:#193b35; font-weight:850; font-size:.82rem; letter-spacing:.05em; }
.why-iq-v2 .why-product-card--measure .why-product-label { background:#e8efff; color:#2764b7; }
.why-iq-v2 .why-product-card h3 { margin:1rem 0 .55rem; color:inherit; font-size:1.65rem; }
.why-iq-v2 .why-product-card p { color:#d9e6f6; line-height:1.65; }
.why-iq-v2 .why-product-card--measure p { color:var(--why-muted); }
.why-iq-v2 .why-sources { padding:clamp(4rem,7vw,6rem) 0; background:#f5f8fd; border-top:1px solid #d6e0ed; }
.why-iq-v2 .why-sources h2 { margin:.45rem 0 1.25rem; color:var(--why-ink); font-size:clamp(2rem,4vw,3.2rem); }
.why-iq-v2 .why-source-list { display:grid; gap:.7rem; margin:0; padding:0; list-style:none; counter-reset:refs; }
.why-iq-v2 .why-source-list li { counter-increment:refs; display:grid; grid-template-columns:42px minmax(0,1fr); gap:.8rem; align-items:start; padding:.85rem 0; border-top:1px solid #d8e2ee; color:var(--why-muted); line-height:1.55; }
.why-iq-v2 .why-source-list li::before { content:"[" counter(refs) "]"; font-weight:850; color:#2764b7; }
.why-iq-v2 .why-source-list a { color:#174f94; font-weight:750; }
.why-iq-v2 .why-final { padding:clamp(4rem,7vw,6rem) 0; background:#111b38; color:#fff; }
.why-iq-v2 .why-final-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:center; }
.why-iq-v2 .why-final h2 { margin:.35rem 0 .6rem; color:#fff; font:800 clamp(2rem,4vw,3.5rem)/1 var(--sy-display); letter-spacing:-.035em; }
.why-iq-v2 .why-final p { margin:0; color:#cdddf0; max-width:66ch; }
@media (max-width:980px) {
  .why-iq-v2 .why-hero-grid,.why-iq-v2 .why-section-heading,.why-iq-v2 .why-network-copy,.why-iq-v2 .why-mutualism,.why-iq-v2 .why-g-box,.why-iq-v2 .why-final-grid { grid-template-columns:1fr; }
  .why-iq-v2 .why-hero-grid .sy-network-frame { max-width:680px; justify-self:center; width:100%; }
  .why-iq-v2 .why-three { grid-template-columns:1fr; }
  .why-iq-v2 .why-boundary-grid { grid-template-columns:1fr 1fr; }
  .why-iq-v2 .why-final-grid .sy-actions { justify-self:start; }
}
@media (max-width:620px) {
  .why-iq-v2 .why-section { padding:3.5rem 0; }
  .why-iq-v2 .why-boundary-grid,.why-iq-v2 .why-split-product { grid-template-columns:1fr; }
  .why-iq-v2 .why-mutualism-diagram { min-height:330px; }
  .why-iq-v2 .why-mutualism-node { width:94px; height:94px; font-size:.86rem; }
  .why-iq-v2 .why-source-list li { grid-template-columns:34px minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  .why-iq-v2 .why-mutualism-arrow { transition:none; }
}


/* Seven-capacity mutualism figure: same geometry and colours as the Synergy IQ family. */
.why-iq-v2 .why-mutualism-network{position:relative;min-height:430px;border-radius:26px;border:1px solid #b9cbe1;background:radial-gradient(circle at 50% 45%,#e3efff 0,#f8fbff 66%);overflow:hidden;box-shadow:inset 0 1px 0 #fff}
.why-iq-v2 .why-mutualism-network-lines{position:absolute;inset:6% 7% 13%;width:86%;height:81%;overflow:visible}
.why-iq-v2 .why-mutualism-network-lines line,.why-iq-v2 .why-mutualism-network-lines path{fill:none;stroke:#6b78df;stroke-width:.7;stroke-opacity:.42;vector-effect:non-scaling-stroke}
.why-iq-v2 .why-mutualism-network-lines path{stroke:#7b61ff;stroke-dasharray:2.5 2.5;stroke-opacity:.28}
.why-iq-v2 .why-mutualism-orbit{fill:none;stroke:#7b61ff;stroke-width:.6;stroke-dasharray:2.5 2.5;stroke-opacity:.24;vector-effect:non-scaling-stroke}
.why-iq-v2 .why-mutualism-core,.why-iq-v2 .why-mutualism-cap{position:absolute;display:grid;place-items:center;text-align:center;border-radius:50%;font:850 clamp(.7rem,1.4vw,.95rem)/1.05 var(--sy-display);transform:translate(-50%,-50%);box-shadow:0 4px 0 var(--deep),0 10px 20px #17335524;border:1px solid #ffffffcc}
.why-iq-v2 .why-mutualism-core{left:50%;top:46%;width:108px;height:108px;color:#fff;background:linear-gradient(145deg,#22aaff,#2764b7);--deep:#174381;font-size:2.2rem}
.why-iq-v2 .why-mutualism-cap{width:92px;height:92px;padding:.35rem;color:#08152d;background:var(--colour)}
.why-iq-v2 .why-mutualism-cap--attention{left:50%;top:15%;--colour:#22aaff;--deep:#1465a1}
.why-iq-v2 .why-mutualism-cap--relational{left:77%;top:27%;--colour:#7b61ff;--deep:#4a32b3;color:#fff}
.why-iq-v2 .why-mutualism-cap--binding{left:84%;top:54%;--colour:#ff6f91;--deep:#a72d51}
.why-iq-v2 .why-mutualism-cap--path{left:66%;top:78%;--colour:#18b7a0;--deep:#0c6b60}
.why-iq-v2 .why-mutualism-cap--knowledge{left:34%;top:78%;--colour:#2764b7;--deep:#174381;color:#fff}
.why-iq-v2 .why-mutualism-cap--generative{left:16%;top:54%;--colour:#ffb84d;--deep:#815012}
.why-iq-v2 .why-mutualism-cap--reasoning{left:23%;top:27%;--colour:#9166db;--deep:#6038a3;color:#fff}
.why-iq-v2 .why-mutualism-network-caption{position:absolute;left:1rem;right:1rem;bottom:.8rem;margin:0!important;text-align:center!important;color:#526c85!important;font-size:.88rem!important;line-height:1.4!important}
@media(max-width:620px){.why-iq-v2 .why-mutualism-network{min-height:360px}.why-iq-v2 .why-mutualism-core{width:82px;height:82px;font-size:1.7rem}.why-iq-v2 .why-mutualism-cap{width:72px;height:72px;font-size:.68rem}.why-iq-v2 .why-mutualism-cap--attention{top:14%}.why-iq-v2 .why-mutualism-cap--path,.why-iq-v2 .why-mutualism-cap--knowledge{top:76%}}


/* Shared-variance and generic mutualism diagrams — theory visuals distinct from the product network. */
.why-iq-v2 .why-g-overlap{position:relative;min-height:390px;border:1px solid #c6d6e9;border-radius:26px;background:radial-gradient(circle at 50% 48%,#f8fbff 0,#eaf3ff 72%);overflow:hidden;box-shadow:0 14px 34px #17335512}
.why-iq-v2 .why-g-lobe{position:absolute;display:grid;place-items:center;text-align:center;width:46%;height:46%;border-radius:50%;border:2px solid var(--edge);background:var(--fill);color:#10283f;line-height:1.1;mix-blend-mode:multiply}
.why-iq-v2 .why-g-lobe strong{font:850 clamp(1rem,1.8vw,1.25rem)/1.05 var(--sy-display)}
.why-iq-v2 .why-g-lobe small{display:block;margin-top:.22rem;font-size:.78rem;font-weight:700;max-width:14ch}
.why-iq-v2 .why-g-lobe--verbal{left:4%;top:27%;--fill:#c9efb8cc;--edge:#78c94f}
.why-iq-v2 .why-g-lobe--spatial{right:4%;top:27%;--fill:#fff099cc;--edge:#e7c533}
.why-iq-v2 .why-g-lobe--numerical{left:27%;bottom:4%;--fill:#a8dcffcc;--edge:#43aef3}
.why-iq-v2 .why-g-lobe--memory{left:27%;top:4%;--fill:#ffc0c9cc;--edge:#ff7e91}
.why-iq-v2 .why-g-centre{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;width:34%;aspect-ratio:1;border-radius:50%;background:#fff;border:2px solid #93a9c4;box-shadow:0 10px 25px #1733551e;z-index:3;color:#111b38}
.why-iq-v2 .why-g-centre strong{font:850 clamp(3.5rem,8vw,6rem)/.9 var(--sy-display);letter-spacing:-.06em}
.why-iq-v2 .why-g-centre small{font-size:.86rem;font-weight:800;color:#536b85}
.why-iq-v2 .why-g-overlap-caption{position:absolute;z-index:4;left:1rem;right:1rem;bottom:.7rem;margin:0!important;text-align:center;color:#526c85!important;font-size:.86rem!important;line-height:1.4!important}

.why-iq-v2 .why-mutualism-model{position:relative;min-height:420px;border:1px solid #c3d2e5;border-radius:26px;background:linear-gradient(155deg,#fbfdff,#edf4ff);overflow:hidden;box-shadow:0 14px 34px #17335512}
.why-iq-v2 .why-mutualism-model-lines{position:absolute;inset:7% 7% 14%;width:86%;height:79%;overflow:visible}
.why-iq-v2 .why-mutualism-model-lines path{fill:none;stroke:#4667a3;stroke-width:1.2;stroke-opacity:.58;marker-end:url(#why-arrow);vector-effect:non-scaling-stroke}
.why-iq-v2 .why-mutualism-model-lines marker path{fill:#4667a3;stroke:none}
.why-iq-v2 .why-mutualism-ability{position:absolute;display:grid;place-items:center;text-align:center;min-width:118px;min-height:72px;padding:.65rem .8rem;border-radius:16px;background:#fff;border:1px solid #aec2db;box-shadow:0 5px 0 var(--deep),0 10px 22px #1733551a;color:#10283f;transform:translate(-50%,-50%);font:800 .92rem/1.08 var(--sy-display)}
.why-iq-v2 .why-mutualism-ability--knowledge{left:50%;top:13%;--deep:#2764b7}
.why-iq-v2 .why-mutualism-ability--reasoning{left:18%;top:45%;--deep:#9166db}
.why-iq-v2 .why-mutualism-ability--wm{left:82%;top:45%;--deep:#7b61ff}
.why-iq-v2 .why-mutualism-ability--speed{left:34%;top:78%;--deep:#18b7a0}
.why-iq-v2 .why-mutualism-ability--visual{left:66%;top:78%;--deep:#ffb84d}
.why-iq-v2 .why-mutualism-model-caption{position:absolute;left:1rem;right:1rem;bottom:.8rem;margin:0!important;text-align:center!important;color:#526c85!important;font-size:.86rem!important;line-height:1.4!important}
@media(max-width:620px){.why-iq-v2 .why-g-overlap{min-height:330px}.why-iq-v2 .why-g-lobe small{display:none}.why-iq-v2 .why-g-centre{width:38%}.why-iq-v2 .why-mutualism-model{min-height:360px}.why-iq-v2 .why-mutualism-ability{min-width:92px;min-height:60px;font-size:.74rem;padding:.5rem}.why-iq-v2 .why-mutualism-ability--reasoning{left:20%}.why-iq-v2 .why-mutualism-ability--wm{left:80%}}


/* Final clean-up of the shared-variance figure: labels sit in clear outer lobes. */
.why-iq-v2 .why-g-lobe{display:block;text-align:center;line-height:1.05;mix-blend-mode:normal}
.why-iq-v2 .why-g-lobe strong{position:absolute;z-index:2;white-space:nowrap;font:850 clamp(1rem,1.8vw,1.28rem)/1.05 var(--sy-display);color:#10283f}
.why-iq-v2 .why-g-lobe--memory strong{left:50%;top:16%;transform:translate(-50%,-50%)}
.why-iq-v2 .why-g-lobe--verbal strong{left:25%;top:46%;transform:translate(-50%,-50%)}
.why-iq-v2 .why-g-lobe--spatial strong{left:75%;top:46%;transform:translate(-50%,-50%)}
.why-iq-v2 .why-g-lobe--numerical strong{left:50%;top:84%;transform:translate(-50%,-50%)}
.why-iq-v2 .why-g-centre{top:50%;width:31%}
.why-iq-v2 .why-g-centre small{display:block;margin-top:.2rem;font-size:.9rem;font-weight:800;color:#536b85}
.why-iq-v2 .why-g-overlap{padding-bottom:0}
.why-iq-v2 .why-g-overlap-caption{display:none!important}
@media(max-width:620px){
  .why-iq-v2 .why-g-lobe strong{font-size:.9rem}
  .why-iq-v2 .why-g-centre{width:34%}
  .why-iq-v2 .why-g-centre small{font-size:.72rem}
}