/* Synergy IQ / homepage design review, September 2026.
   Intentionally page-scoped: no other routes or application styles are changed.
   System fonts match the app. No font downloads or animation library required. */
.synergy-home-v1 {
  --sy-ink: #10283f;
  --sy-muted: #4e6475;
  --sy-blue: #155eb7;
  --sy-cyan: #72defb;
  --sy-violet: #b4a2ff;
  --sy-lime: #d0fb83;
  --sy-line: #d9e3ea;
  --sy-soft: #f4f7f9;
  --sy-navy: #081d30;
  --sy-display: ui-rounded, "Trebuchet MS", system-ui, sans-serif;
  --sy-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --sy-hero-title-size: clamp(2.65rem, 5.1vw, 4.75rem);
  --sy-hero-title-line: 1.035;
  --sy-hero-title-letter: -.038em;
  margin: 0;
  color: var(--sy-ink);
  background: #fff;
  font: 400 1.125rem/1.65 var(--sy-body);
  -webkit-text-size-adjust: 100%;
}
.synergy-home-v1 *, .synergy-home-v1 *::before, .synergy-home-v1 *::after { box-sizing: border-box; }
.synergy-home-v1 [hidden] { display: none !important; }
.synergy-home-v1 :where(h1,h2,h3,p,figure) { margin: 0; }
.synergy-home-v1 :where(h1,h2,h3) { font-family: var(--sy-display); font-weight: 800; text-wrap: balance; }
.synergy-home-v1 h2 { font-size: clamp(2rem, 3.3vw, 3rem); line-height: 1.13; letter-spacing: -.025em; }
.synergy-home-v1 h3 { font-size: 1.375rem; line-height: 1.25; letter-spacing: -.018em; }
.synergy-home-v1 p { max-width: 65ch; }
.synergy-home-v1 p + p { margin-top: 1rem; }
.synergy-home-v1 :where(section,[id]) { scroll-margin-top: 6.5rem; }
.synergy-home-v1 a { color: var(--sy-blue); text-underline-offset: .22em; text-decoration-thickness: 1px; }
.synergy-home-v1 a:hover { text-decoration-thickness: 2px; }
.synergy-home-v1 button { font: inherit; cursor: pointer; }
.synergy-home-v1 :where(a,button,summary):focus-visible { outline: 3px solid #247acb; outline-offset: 5px; border-radius: 5px; }
.synergy-home-v1 :where(.sy-dark,.sy-hero) :where(a,button,summary):focus-visible { outline-color: var(--sy-lime); }
.synergy-home-v1 .sy-shell { width: min(1240px, calc(100% - 5rem)); margin-inline: auto; }
.synergy-home-v1 .sy-section { padding-block: clamp(4rem, 7vw, 6.5rem); }
.synergy-home-v1 .sy-soft { background: var(--sy-soft); }
.synergy-home-v1 .sy-dark { color: #f4f9fe; background: var(--sy-navy); }
.synergy-home-v1 .sy-dark p { color: #c0d0df; }
.synergy-home-v1 .sy-dark a { color: #a9eaff; }
.synergy-home-v1 .sy-kicker { display: flex; align-items: center; gap: .7rem; margin-bottom: 1rem; color: #255778; font-size: .75rem; line-height: 1.5; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.synergy-home-v1 .sy-kicker::before { content: ""; width: 1.65rem; height: 2px; background: linear-gradient(90deg, #1986d4, #9381ea); flex-shrink: 0; }
.synergy-home-v1 .sy-dark .sy-kicker, .synergy-home-v1 .sy-hero .sy-kicker { color: #9ae2f8; }
.synergy-home-v1 .sy-lede { font-size: 1.1875rem; line-height: 1.6; color: var(--sy-muted); margin-top: 1.25rem; }
.synergy-home-v1 .sy-note { font-size: .875rem; line-height: 1.6; color: var(--sy-muted); }
.synergy-home-v1 .sy-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 1.75rem; }
.synergy-home-v1 .sy-btn { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 48px; padding: .75rem 1.2rem; border: 1px solid transparent; border-radius: 9px; font-size: .9375rem; line-height: 1.4; font-weight: 700; text-decoration: none; touch-action: manipulation; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; }
.synergy-home-v1 .sy-btn:hover { transform: translateY(-2px); text-decoration: none; }
.synergy-home-v1 .sy-btn:active { transform: translateY(0); }
.synergy-home-v1 .sy-btn--lime { color: #132a30; background: var(--sy-lime); box-shadow: 0 1px 2px #04152326, 0 6px 18px #04152318; }
.synergy-home-v1 .sy-btn--lime:hover { background: #e0ffad; }
.synergy-home-v1 .sy-btn--blue { color: #fff; background: var(--sy-blue); }
.synergy-home-v1 .sy-btn--blue:hover { background: #104c95; }
.synergy-home-v1 .sy-btn--outline { color: var(--sy-ink); border-color: #879aaa; background: #fff; }
.synergy-home-v1 .sy-link { display: inline-flex; align-items: center; gap: .65rem; min-height: 44px; font-size: .9375rem; font-weight: 650; }
.synergy-home-v1 .sy-link span[aria-hidden] { display: inline-block; transition: transform 180ms ease; }
.synergy-home-v1 .sy-link:hover span[aria-hidden] { transform: translateX(3px); }
.synergy-home-v1 .sy-pill { display: inline-flex; align-items: center; gap: .45rem; padding: .3rem .65rem; color: #334f61; background: #ecf1f5; border: 1px solid #d3dfe7; border-radius: 99px; font: 650 .75rem/1.45 var(--sy-body); }
.synergy-home-v1 .sy-pill--featured { background: #eaf5d5; color: #304b1c; border-color: #c7d8ad; }
.synergy-home-v1 .sy-skip { position: fixed; top: .5rem; left: 1rem; z-index: 100; transform: translateY(-200%); background: #fff; padding: .8rem 1rem; }
.synergy-home-v1 .sy-skip:focus { transform: none; }
/* Navigation remains a real set of links, including without JavaScript. */
.synergy-home-v1 .sy-header { position: sticky; top: 0; z-index: 20; background: #fff; border-bottom: 1px solid var(--sy-line); }
.synergy-home-v1 .sy-header-inner { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; }
.synergy-home-v1 .sy-brand { color: var(--sy-ink); text-decoration: none; font: 800 1.4rem/1 var(--sy-display); letter-spacing: -.035em; white-space: nowrap; }
.synergy-home-v1 .sy-brand span { color: #155eb7; }
.synergy-home-v1 .sy-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .1rem 1.3rem; }
.synergy-home-v1 .sy-nav a { min-height: 44px; display: inline-flex; align-items: center; color: #364e61; text-decoration: none; font-size: .875rem; font-weight: 550; }
.synergy-home-v1 .sy-nav a:hover, .synergy-home-v1 .sy-nav [aria-current] { color: var(--sy-blue); text-decoration: underline; text-decoration-thickness: 2px; }
.synergy-home-v1 .sy-menu-button { color: var(--sy-ink); background: #fff; border: 1px solid #879aaa; border-radius: 8px; min-height: 44px; padding: .4rem .8rem; font-size: .875rem; }
/* Hero: finite light-streak entrance, not an endlessly moving background. */
.synergy-home-v1 .sy-hero { position: relative; isolation: isolate; overflow: clip; color: #fff; background: radial-gradient(ellipse at 88% 60%, #123c64 0, transparent 55%), #081d30; padding-block: clamp(3rem, 4vw, 4.5rem); }
.synergy-home-v1 .sy-hero::before, .synergy-home-v1 .sy-hero::after { content: ""; position: absolute; z-index: -1; pointer-events: none; width: 76%; height: 2px; right: -8%; top: 35%; transform: rotate(-27deg); transform-origin: right; background: linear-gradient(90deg, transparent, #429ded55, #83e4ff, #b49af0, transparent); box-shadow: 0 0 22px #56baff55; }
.synergy-home-v1 .sy-hero::after { top: 79%; right: -18%; opacity: .4; transform: rotate(-27deg) translateY(14px); }
.synergy-home-v1[data-motion="on"] .sy-hero::before { animation: sy-streak-in 1300ms ease-out both; }
@keyframes sy-streak-in { from { opacity: 0; transform: rotate(-27deg) scaleX(.3); } to { opacity: 1; transform: rotate(-27deg) scaleX(1); } }
.synergy-home-v1 .sy-hero-grid { display: grid; grid-template-columns: 1.02fr 1fr; gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.synergy-home-v1 .sy-hero h1 { font-size: var(--sy-hero-title-size); line-height: var(--sy-hero-title-line); letter-spacing: var(--sy-hero-title-letter); max-width: 15ch; }
.synergy-home-v1 .sy-hero h1 span { color: #9ce5ff; }
.synergy-home-v1 #home-title span{display:inline-block;margin-top:.08em}
.synergy-home-v1 .sy-hero-tagline{margin:-.25rem 0 1.15rem;color:#8fdcff;font:800 clamp(1.05rem,1.5vw,1.3rem)/1.35 var(--sy-display);letter-spacing:-.015em}
.synergy-home-v1 .sy-hero-lede { color: #d0e0ec; font-size: 1.25rem; line-height: 1.6; margin-top: 1.5rem; max-width: 45ch; }
.synergy-home-v1 .sy-hero .sy-note { color: #b7cbdb; margin-top: 1.2rem; }
.synergy-home-v1 .sy-hero .sy-link { color: #e3f3ff; }
.synergy-home-v1 .sy-hero-proof { display: flex; gap: .6rem; align-items: center; margin-top: 2rem; font-size: .8125rem; color: #b7cbdb; }
.synergy-home-v1 .sy-hero-proof::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sy-lime); }
/* Seven real links, one conceptual network. Positions are a true seven-point orbit. */
.synergy-home-v1 .sy-network-frame { width: min(520px,100%); justify-self: end; container: sy-network / inline-size; padding: 1.15rem 1.15rem .9rem; background: #0b2338e8; border: 1px solid #6785a15c; border-radius: 24px; box-shadow: 0 2px 4px #010d191a, 0 24px 70px #010d1938; }
.synergy-home-v1 .sy-network-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: .75rem; color: #bdd2e5; letter-spacing: .04em; }
.synergy-home-v1 .sy-network-top strong { color: #f3f8ff; }
.synergy-home-v1 .sy-network { position: relative; aspect-ratio: 1; width: 100%; margin-top: .6rem; }
.synergy-home-v1 .sy-network svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.synergy-home-v1 .sy-orbit-line { fill: none; stroke: #6688a8; stroke-opacity: .25; stroke-width: .25; }
.synergy-home-v1 .sy-network-edge { fill: none; stroke: #567794; stroke-width: .35; stroke-opacity: .35; transition: stroke-opacity 220ms ease; }
.synergy-home-v1 .sy-network-edge.is-active { stroke: #82e1fd; stroke-opacity: 1; stroke-width: .65; }
.synergy-home-v1 .sy-node { position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); width: 21%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; text-align: center; color: #e9f3fc; text-decoration: none; background: #102d46; border: 1px solid #577894; border-radius: 50%; font: 700 clamp(.75rem, .95vw, .875rem)/1.22 var(--sy-display); transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease; }
.synergy-home-v1 .sy-node:hover, .synergy-home-v1 .sy-node.is-active { color: #fff; text-decoration: none; background: #16476b; border-color: #8ce5ff; box-shadow: 0 0 22px #4abfff24, inset 0 1px 0 #ffffff1c; }
.synergy-home-v1 .sy-node-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 25%; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50%; border: 1px solid #8dd6f8; background: radial-gradient(circle at 30% 20%,#287abe,#124b82 75%); font: 800 clamp(2rem,3.4vw,3rem)/1 var(--sy-display); box-shadow: 0 0 0 8px #62bce80a, 0 0 35px #268ce333; }
.synergy-home-v1 .sy-network-detail { min-height: 112px; border-top: 1px solid #47698480; padding-top: 1rem; display: grid; grid-template-columns: 1fr auto; column-gap: .6rem; align-content: start; }
.synergy-home-v1 .sy-network-detail strong { font-family: var(--sy-display); font-size: 1.0625rem; }
.synergy-home-v1 .sy-network-detail p { grid-column: 1 / -1; font-size: .875rem; line-height: 1.5; color: #c3d7e7; margin-top: .3rem; }
.synergy-home-v1 .sy-network-status { font-size: .6875rem; font-weight: 700; color: var(--sy-lime); align-self: center; }
.synergy-home-v1 .sy-network-caption { color: #acc4d8; font-size: .75rem; line-height: 1.5; margin-top: .5rem; }
.synergy-home-v1 .sy-motion { border: 0; padding: .35rem .6rem; min-height: 44px; color: #d0e5f4; background: #19374f; border-radius: 7px; font-size: .75rem; }
.synergy-home-v1 .sy-principles { background: #fff; border-bottom: 1px solid var(--sy-line); }
.synergy-home-v1 .sy-principles-inner { display: grid; grid-template-columns: repeat(3,1fr); padding-block: 1.4rem; gap: 1rem; }
.synergy-home-v1 .sy-principles p { font-size: .875rem; color: #4e6475; }
.synergy-home-v1 .sy-principles strong { display: block; color: var(--sy-ink); font-size: .9375rem; font-weight: 700; }
/* Split editorial layouts alternate with product imagery and structured grids. */
.synergy-home-v1 .sy-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,5rem); align-items: start; }
.synergy-home-v1 .sy-section-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 3rem; margin-bottom: 2.5rem; }
.synergy-home-v1 .sy-section-heading > p { color: var(--sy-muted); }
.synergy-home-v1 .sy-reading p { color: var(--sy-muted); }
.synergy-home-v1 .sy-feature { border-radius: 24px; border: 1px solid var(--sy-line); background: #fff; box-shadow: 0 1px 3px #17304708, 0 16px 45px #1730470c; overflow: hidden; }
.synergy-home-v1 .sy-feature-top { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; justify-content: space-between; padding: 1rem 1.25rem; border-bottom: 1px solid var(--sy-line); font-size: .8125rem; }
.synergy-home-v1 .sy-feature-top span { color: var(--sy-muted); }
.synergy-home-v1 .sy-media-placeholder { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .55rem; text-align: center; aspect-ratio: 16 / 10; padding: 2rem; background: radial-gradient(ellipse at 10% 90%, #d5eef6 0, transparent 60%), radial-gradient(ellipse at 100% 0,#e7e1f8 0,transparent 65%), #f3f6f9; color: #344e64; }
.synergy-home-v1 .sy-media-placeholder::before { content: ""; position: absolute; inset: 1.25rem; border: 1px dashed #879db0; border-radius: 12px; pointer-events: none; }
.synergy-home-v1 .sy-media-placeholder strong { font: 700 1.125rem/1.35 var(--sy-display); }
.synergy-home-v1 .sy-media-placeholder span { font-size: .8125rem; color: #506579; }
.synergy-home-v1 .sy-media-icon { width: 44px; height: 44px; margin-bottom: .5rem; }
.synergy-home-v1 .sy-media-caption { font-size: .8125rem; color: var(--sy-muted); padding: .8rem 1.25rem; border-top: 1px solid var(--sy-line); }
.synergy-home-v1 .sy-media-slot img { display: block; width: 100%; height: auto; }
.synergy-home-v1 .sy-release { margin-top: 1.8rem; padding: 1.4rem; background: #f4f8fb; border: 1px solid var(--sy-line); border-radius: 14px; position: relative; }
.synergy-home-v1 .sy-release::before { content: ""; position: absolute; left: 1.4rem; right: 1.4rem; top: 0; height: 2px; background: linear-gradient(90deg,#1687c5,#7b6bd9,#bdd77b); }
.synergy-home-v1 .sy-release-price { font: 800 2.1rem/1.3 var(--sy-display); font-variant-numeric: tabular-nums; margin-top: .65rem; }
.synergy-home-v1 .sy-release p { margin-top: .7rem; font-size: .9375rem; color: var(--sy-muted); }
.synergy-home-v1 .sy-release .sy-actions { margin-top: 1rem; }
.synergy-home-v1 .sy-node-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,16.25rem),1fr)); gap: 1px; background: var(--sy-line); border: 1px solid var(--sy-line); border-radius: 18px; overflow: hidden; }
.synergy-home-v1 .sy-capacity { padding: 1.5rem; background: #fff; display: flex; flex-direction: column; gap: .8rem; min-width: 0; }
.synergy-home-v1 .sy-capacity--first { background: #eef6fc; }
.synergy-home-v1 .sy-capacity--idea { background: #edf0f8; }
.synergy-home-v1 .sy-capacity .sy-number { font: 600 .75rem/1.3 var(--sy-body); color: #50647b; letter-spacing: .05em; }
.synergy-home-v1 .sy-capacity h3 { font-size: 1.25rem; }
.synergy-home-v1 .sy-capacity p { font-size: 1rem; color: var(--sy-muted); line-height: 1.6; }
.synergy-home-v1 .sy-capacity .sy-pill { align-self: flex-start; margin-top: auto; }
.synergy-home-v1 .sy-capacity .sy-link { margin-top: auto; }
.synergy-home-v1 .sy-model { position: relative; border-left: 2px solid #9e8de6; padding-left: 1.4rem; margin-top: 1.8rem; }
.synergy-home-v1 .sy-model strong { color: var(--sy-ink); }
.synergy-home-v1 .sy-question { font: 700 clamp(1.5rem,2.3vw,2rem)/1.3 var(--sy-display); color: var(--sy-ink); }
.synergy-home-v1 .sy-method { display: grid; grid-template-columns: repeat(4,1fr); margin: 2.5rem 0 0; padding: 0; list-style: none; gap: 1.5rem; }
.synergy-home-v1 .sy-method li { border-top: 1px solid #617489; padding-top: 1.4rem; }
.synergy-home-v1 .sy-method .sy-number { color: #8fdef8; font-size: .8125rem; }
.synergy-home-v1 .sy-method h3 { margin-top: .8rem; }
.synergy-home-v1 .sy-method p { margin-top: .75rem; font-size: 1rem; line-height: 1.65; }
.synergy-home-v1 .sy-fine-rule { border: 0; height: 1px; margin: 2rem 0; background: var(--sy-line); }
.synergy-home-v1 .sy-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1.6rem; }
.synergy-home-v1 .sy-compare div { padding-left: 1rem; border-left: 2px solid #768bda; }
.synergy-home-v1 .sy-compare strong { font-family: var(--sy-display); }
.synergy-home-v1 .sy-compare p { font-size: 1rem; margin-top: .5rem; }
.synergy-home-v1 .sy-proof { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(2rem,5vw,5rem); }
.synergy-home-v1 .sy-proof-details { border-top: 1px solid #8da1b0; }
.synergy-home-v1 .sy-proof-details details { border-bottom: 1px solid #b9c9d5; }
.synergy-home-v1 .sy-proof-details summary { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 68px; padding-block: 1rem; cursor: pointer; font: 700 1.125rem/1.4 var(--sy-display); list-style: none; }
.synergy-home-v1 .sy-proof-details summary::-webkit-details-marker { display: none; }
.synergy-home-v1 .sy-proof-details summary::after { content: "+"; font: 400 1.5rem/1 var(--sy-body); }
.synergy-home-v1 .sy-proof-details details[open] summary::after { content: "−"; }
.synergy-home-v1 .sy-proof-details details p { font-size: 1rem; color: var(--sy-muted); padding-bottom: 1.25rem; }
.synergy-home-v1 .sy-claim-note { padding: 1.2rem 1.4rem; border: 1px solid #c5d8e7; border-radius: 12px; margin-top: 1.75rem; background: #eef6fc; font-size: 1rem; line-height: 1.6; }
.synergy-home-v1 .sy-history-grid { display: grid; grid-template-columns: 1fr 1.35fr; gap: 4rem; }
.synergy-home-v1 .sy-timeline { margin: 0; padding: 0; list-style: none; }
.synergy-home-v1 .sy-timeline li { position: relative; padding: 0 0 1.7rem 1.8rem; border-left: 1px solid #a6bbc9; }
.synergy-home-v1 .sy-timeline li::before { content: ""; position: absolute; width: 9px; height: 9px; border: 2px solid #3f79a5; background: var(--sy-soft); border-radius: 50%; left: -5px; top: .5rem; }
.synergy-home-v1 .sy-timeline li:last-child { padding-bottom: 0; }
.synergy-home-v1 .sy-timeline li:last-child::before { background: #1985bf; box-shadow: 0 0 0 5px #1985bf14; }
.synergy-home-v1 .sy-timeline h3 { font-size: 1.125rem; }
.synergy-home-v1 .sy-timeline p { font-size: 1rem; margin-top: .4rem; color: var(--sy-muted); }
.synergy-home-v1 .sy-founder { display: grid; grid-template-columns: 96px 1fr; gap: 1rem; align-items: center; margin-top: 1.7rem; }
.synergy-home-v1 .sy-founder .sy-media-placeholder { aspect-ratio: 4/5; padding: .5rem; border-radius: 10px; }
.synergy-home-v1 .sy-founder .sy-media-placeholder::before { inset: .4rem; border-radius: 6px; }
.synergy-home-v1 .sy-founder .sy-media-placeholder span { font-size: .6875rem; z-index: 1; }
.synergy-home-v1 .sy-founder strong { display: block; font-size: .9375rem; }
.synergy-home-v1 .sy-founder p { font-size: .875rem; color: var(--sy-muted); }
.synergy-home-v1 .sy-community { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
.synergy-home-v1 .sy-community-card { padding: clamp(1.5rem,3.5vw,3rem); border: 1px solid var(--sy-line); border-radius: 20px; }
.synergy-home-v1 .sy-community-card h2 { font-size: clamp(1.75rem,2.7vw,2.35rem); }
.synergy-home-v1 .sy-community-card > p:not(.sy-kicker) { color: var(--sy-muted); font-size: 1rem; margin-top: 1rem; }
.synergy-home-v1 .sy-community-card--signup { background: #eef6f9; border-color: #c9dfe9; }
.synergy-home-v1 .sy-final { position: relative; overflow: clip; text-align: center; padding-block: 4rem; border-top: 1px solid var(--sy-line); background: linear-gradient(130deg, #f3f8fc, #f7f5fc); }
.synergy-home-v1 .sy-final::before { content: ""; display: block; position: absolute; top: 0; left: 25%; right: 25%; height: 2px; background: linear-gradient(90deg,transparent,#2a9ed6,#a490e8,transparent); }
.synergy-home-v1 .sy-final h2 { font-size: clamp(2rem,3.8vw,3.2rem); }
.synergy-home-v1 .sy-final p { margin: 1rem auto 0; color: var(--sy-muted); }
.synergy-home-v1 .sy-final .sy-actions { justify-content: center; }
.synergy-home-v1 .site-footer-rich { background: var(--sy-navy); color: #d0e0ec; padding: 3rem 0 1.5rem; }
.synergy-home-v1 .footer-top { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 2rem; }
.synergy-home-v1 .footer-brand-name { font: 800 1.5rem/1.2 var(--sy-display); color: #fff; }
.synergy-home-v1 .footer-brand-desc { font-size: .875rem; line-height: 1.6; max-width: 32ch; margin-top: 1rem; }
.synergy-home-v1 .footer-col h3 { color: #fff; font: 650 .875rem/1.4 var(--sy-body); }
.synergy-home-v1 .footer-col ul { margin: .6rem 0 0; padding: 0; list-style: none; }
.synergy-home-v1 .footer-col a { display: inline-flex; align-items: center; min-height: 38px; font-size: .8125rem; color: #b9cddb; }
.synergy-home-v1 .footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; border-top: 1px solid #40607b; padding-top: 1.5rem; margin-top: 2rem; font-size: .8125rem; }
.synergy-home-v1 .footer-legal { display: flex; gap: 1.2rem; }
.synergy-home-v1 .footer-legal a { color: #c6dbea; min-height: 30px; }
.synergy-home-v1 .footer-reg { color: #acc1d2; font-size: .8125rem; line-height: 1.6; max-width: 100ch; margin-top: 1rem; }
.synergy-home-v1 .sy-dark .sy-note { color: #bacddd; }
@media (min-width: 1500px) { .synergy-home-v1 .sy-hero h1 { font-size: 4.75rem; } }
@media (max-width: 1050px) {
  .synergy-home-v1 .sy-shell { width: min(1240px, calc(100% - 3rem)); }
  .synergy-home-v1 .sy-nav { gap: .1rem .85rem; }
  .synergy-home-v1 .sy-node-grid { grid-template-columns: repeat(2,1fr); }
  .synergy-home-v1 .sy-node { font-size: .75rem; }
}
@media (max-width: 900px) {
  .synergy-home-v1 .sy-header-inner { flex-wrap: wrap; gap: 0; padding-block: .85rem; min-height: 70px; }
  .synergy-home-v1 .sy-nav { width: 100%; display: grid; grid-template-columns: repeat(4,1fr); gap: .2rem 1rem; margin-top: .8rem; }
  .synergy-home-v1[data-enhanced] .sy-nav:not(.is-open) { display: none; }
  .synergy-home-v1 .sy-hero-grid, .synergy-home-v1 .sy-split, .synergy-home-v1 .sy-section-heading, .synergy-home-v1 .sy-proof, .synergy-home-v1 .sy-history-grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .synergy-home-v1 .sy-hero h1 { font-size: clamp(2.65rem,7vw,4.5rem); max-width: 17ch; }
  .synergy-home-v1 .sy-network-frame { width: min(520px,100%); justify-self: center; }
  .synergy-home-v1 .sy-node { font-size: .875rem; }
  .synergy-home-v1 .sy-method { grid-template-columns: repeat(2,1fr); }
  .synergy-home-v1 .sy-section-heading { align-items: start; gap: 1.2rem; }
  .synergy-home-v1 .sy-footer-links { grid-template-columns: 1fr 1fr; }
  .synergy-home-v1 .footer-top { grid-template-columns: 1.5fr 1fr 1fr; }
  .synergy-home-v1 .footer-top > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .synergy-home-v1 { font-size: 1.0625rem; }
  .synergy-home-v1 .sy-shell { width: calc(100% - 2.5rem); }
  .synergy-home-v1 .sy-hero { padding-block: 3rem; }
  .synergy-home-v1 .sy-hero h1 { font-size: clamp(2.55rem,10.2vw,3.8rem); }
  .synergy-home-v1 .sy-hero-lede, .synergy-home-v1 .sy-lede { font-size: 1.125rem; }
  .synergy-home-v1 .sy-network-frame { padding: .85rem .65rem; border-radius: 18px; }
  .synergy-home-v1 .sy-node { font-size: clamp(.75rem,2.7vw,.875rem); width: 22%; }
  .synergy-home-v1 .sy-network-detail { min-height: 132px; grid-template-columns: 1fr; }
  .synergy-home-v1 .sy-network-status { grid-row: 2; margin-top: .3rem; }
  .synergy-home-v1 .sy-principles-inner { grid-template-columns: 1fr; padding-block: 1.2rem; }
  .synergy-home-v1 .sy-principles p { display: flex; flex-wrap: wrap; column-gap: .65rem; }
  .synergy-home-v1 .sy-node-grid, .synergy-home-v1 .sy-community { grid-template-columns: 1fr; }
  .synergy-home-v1 .sy-capacity { padding: 1.3rem; }
  .synergy-home-v1 .sy-media-placeholder { padding: 1.8rem; }
  .synergy-home-v1 .sy-section { padding-block: 3.5rem; }
  .synergy-home-v1 .sy-hero .sy-actions { align-items: flex-start; flex-direction: column; }
  .synergy-home-v1 .sy-btn { max-width: 100%; }
  .synergy-home-v1 .sy-compare { gap: 1rem; }
  .synergy-home-v1 .sy-method { gap: 1.5rem 1rem; }
  .synergy-home-v1 .footer-top { grid-template-columns: repeat(2,1fr); }
  .synergy-home-v1 .footer-col a { min-height: 44px; }
  .synergy-home-v1 .footer-legal a { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (max-width: 360px) {
  .synergy-home-v1 .sy-shell { width: calc(100% - 2rem); }
  .synergy-home-v1 .sy-node { font-size: .7rem; }
  .synergy-home-v1 .sy-nav { grid-template-columns: repeat(2,1fr); }
  .synergy-home-v1 .sy-compare, .synergy-home-v1 .sy-method { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .synergy-home-v1 *, .synergy-home-v1 *::before, .synergy-home-v1 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.synergy-home-v1[data-motion="off"] *, .synergy-home-v1[data-motion="off"] *::before, .synergy-home-v1[data-motion="off"] *::after { animation: none !important; transition: none !important; }
@media (forced-colors: active) {
  .synergy-home-v1 .sy-node, .synergy-home-v1 .sy-node-core, .synergy-home-v1 .sy-btn, .synergy-home-v1 .sy-pill { border: 1px solid ButtonText; }
  .synergy-home-v1 .sy-network-edge { stroke: CanvasText; }
  .synergy-home-v1 .sy-hero h1 span { color: CanvasText; }
}

/* Keep secondary copy readable on the dark section; never inherit light-page grey. */
.synergy-home-v1 .sy-dark .sy-section-heading > p { color: #c0d0df; }
/* Narrow containers and enlarged text get a readable list, not tiny orbit labels. */
@container sy-network (max-width: 18rem) {
  .synergy-home-v1 .sy-network { aspect-ratio: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; padding-block: 1rem; }
  .synergy-home-v1 .sy-network svg { display: none; }
  .synergy-home-v1 .sy-node { position: static; width: 100%; aspect-ratio: auto; transform: none; min-height: 58px; border-radius: 10px; padding: .6rem .2rem; font-size: .8125rem; }
  .synergy-home-v1 .sy-node-core { position: static; width: 100%; transform: none; aspect-ratio: auto; min-height: 70px; grid-column: 1 / -1; border-radius: 12px; font-size: 2rem; }
  .synergy-home-v1 .sy-network-detail { grid-template-columns: 1fr; min-height: 132px; }
  .synergy-home-v1 .sy-network-status { grid-row: 2; }
  .synergy-home-v1 .sy-network-top { flex-wrap: wrap; }
}


/* Interactive network cue: make the click/tap affordance obvious without adding more explanatory copy. */
.synergy-home-v1 .sy-network-top .sy-network-learn-cue{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.38rem .72rem;border-radius:999px;background:var(--sy-lime);color:#132a30;font-size:.78rem;font-weight:850;letter-spacing:.01em;line-height:1.2;box-shadow:0 0 0 1px #ffffff24,0 0 22px #d0fb8350;text-transform:none}
@media(max-width:620px){.synergy-home-v1 .sy-network-top .sy-network-learn-cue{font-size:.74rem;padding:.34rem .62rem}}


/* IQ Mindware parent-brand lock-up — 2026-09-17. */
.synergy-home-v1 .sy-brand {
  display: block;
  flex: 0 0 92px;
  width: 92px;
  height: 64px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: url("/assets/branding/iq-mindware-logo-colour.png?v=20260917-1") center / contain no-repeat;
}
.synergy-home-v1 .sy-brand span { display: none; }
@media (max-width: 720px) {
  .synergy-home-v1 .sy-brand { flex-basis: 78px; width: 78px; height: 54px; }
}

/* Focused value now / network value over time */
.sy-value-pivot{padding:clamp(68px,8vw,106px) 0;background:#eef5f7;color:#13213a}
.sy-value-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);column-gap:48px;align-items:end;margin-bottom:34px}
.sy-value-heading .sy-kicker{grid-column:1/-1}
.sy-value-heading h2{margin:.45rem 0;font-size:clamp(2.4rem,5vw,5rem);line-height:.95;letter-spacing:-.05em}
.sy-value-heading h2 span{color:var(--sy-cyan)}
.sy-value-heading>p:last-child{color:#526579;line-height:1.65}
.sy-value-visual{overflow:hidden;margin:0 0 24px;border:1px solid rgba(22,72,108,.14);border-radius:30px;background:#0b2238;box-shadow:0 22px 64px rgba(22,49,72,.13)}
.sy-value-visual img{display:block;width:100%;height:auto}
.sy-value-visual figcaption{padding:14px 22px 16px;background:#fff;color:#526579;font-size:.9rem;line-height:1.55}
.sy-value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sy-value-grid article{padding:30px;border-radius:24px;background:#fff;border-top:5px solid #35d8ff;box-shadow:0 18px 52px rgba(22,49,72,.09)}
.sy-value-grid article:last-child{border-top-color:#ccff66;background:linear-gradient(140deg,#0d2943,#123657);color:#fff}
.sy-value-grid span{font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#16758f}
.sy-value-grid article:last-child span{color:#ccff66}
.sy-value-grid h3{margin:.55rem 0;font-size:clamp(1.5rem,2.5vw,2.25rem)}
.sy-value-grid p{color:#56697a;line-height:1.62}
.sy-value-grid article:last-child p{color:#d4e4eb}
.sy-value-grid p strong{color:#19344b}.sy-value-grid article:last-child p strong{color:#ccff66}
.sy-value-boundary{margin:22px 0 0;padding:16px 20px;border-left:4px solid #ccff66;background:#fff;border-radius:0 14px 14px 0;color:#4b6070}
@media(max-width:820px){.sy-value-heading,.sy-value-grid{grid-template-columns:1fr}.sy-value-heading .sy-kicker{grid-column:auto}.sy-value-visual{border-radius:20px}.sy-value-visual img{min-height:255px;object-fit:cover;object-position:center}.sy-value-visual figcaption{padding:13px 16px}}


/* Mobile access to the complete wide intelligence diagram. */
.sy-value-full-image{display:none}
@media(max-width:820px){
  .sy-value-full-image{
    width:max-content;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    min-height:44px;
    margin:-10px 0 24px;
    color:#185fa9;
    font-size:.94rem;
    font-weight:800;
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:4px;
  }
}


/* Shared primary-page hero typography — one scale across every main navigation page. */
.synergy-home-v1{
  --sy-menu-hero-lede-size:1.25rem;
  --sy-menu-hero-lede-line:1.6;
}
body.synergy-home-v1 main :is(
  .sy-hero-lede,
  .demo-hero-lede,
  .how-lede,
  .plans-hero-lede,
  .science-hero-lede,
  .swi-hero-lede,
  .learn-hero-lede,
  .faq-hero-lede-v2
){
  font-size:var(--sy-menu-hero-lede-size);
  line-height:var(--sy-menu-hero-lede-line);
}
@media(max-width:620px){
  .synergy-home-v1{--sy-menu-hero-lede-size:1.125rem;--sy-menu-hero-lede-line:1.65}
}

/* Desktop homepage hero: keep the complete opening section visible in one viewport.
   Wider copy measure reduces wrapping; network and vertical spacing compress only on desktop. */
@media (min-width: 1100px) {
  .synergy-home-v1 .sy-hero {
    padding-block: clamp(.8rem, 1.5vh, 1.25rem);
  }
  .synergy-home-v1 .sy-hero .sy-shell {
    width: min(1240px, calc(100% - 5rem));
  }
  .synergy-home-v1 .sy-hero-grid {
    grid-template-columns: minmax(0, 1.12fr) minmax(460px, .88fr);
    gap: clamp(.9rem, 1.5vw, 1.5rem);
    align-items: start;
  }
  .synergy-home-v1 .sy-hero h1 {
    font-size: clamp(3.55rem, 4.45vw, 4.35rem);
    line-height: .94;
    max-width: 20ch;
  }
  body.synergy-home-v1 main .sy-hero-lede {
    max-width: 61ch;
    font-size: clamp(1rem, 1.18vw, 1.1rem);
    line-height: 1.48;
    margin-top: .9rem;
  }
  .synergy-home-v1 .sy-hero .sy-actions {
    margin-top: 1rem;
  }
  .synergy-home-v1 .sy-hero-proof {
    margin-top: .7rem;
  }
  .synergy-home-v1 .sy-network-frame {
    width: min(500px, 100%);
    padding: .8rem .9rem .65rem;
    border-radius: 20px;
  }
  .synergy-home-v1 .sy-network {
    margin-top: .3rem;
  }
  .synergy-home-v1 .sy-network-detail {
    min-height: 86px;
    padding-top: .7rem;
  }
}

/* Shorter laptop screens need a little more compression while preserving the same layout. */
@media (min-width: 1100px) and (max-height: 820px) {
  .synergy-home-v1 .sy-hero h1 {
    font-size: clamp(3.25rem, 4vw, 3.9rem);
  }
  body.synergy-home-v1 main .sy-hero-lede {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: .7rem;
  }
  .synergy-home-v1 .sy-network-frame {
    width: min(440px, 100%);
  }
  .synergy-home-v1 .sy-network-detail {
    min-height: 76px;
  }
}