/* Synergy IQ Plans — consumer pricing architecture, September 2026. */
.synergy-plans-page{--plans-ink:#10283f;--plans-muted:#526a82;--plans-line:#d7e2ee;--plans-soft:#f4f8fc;--plans-navy:#111b38;--plans-lime:#ccff66;--plans-blue:#22aaff}
.synergy-plans-page .plans-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4.8rem,8vw,7.2rem) 0;background:linear-gradient(110deg,#071c31ef,#111b38f4),url('/assets/img/neural-network-wallpaper-960.jpg?v=20260916-live-2') center/cover no-repeat;color:#fff}
.synergy-plans-page .plans-hero::after{content:"";position:absolute;z-index:-1;width:46vw;height:46vw;right:-16vw;bottom:-30vw;border-radius:50%;border:1px solid #8fe6ff24;box-shadow:0 0 0 60px #8fe6ff08,0 0 0 120px #ccff6605}
.synergy-plans-page .plans-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(2.6rem,6vw,6rem);align-items:center}
.synergy-plans-page .plans-hero h1{margin:.45rem 0 1.25rem;color:#fff;font-family:var(--sy-display);font-size:var(--sy-hero-title-size);font-weight:850;line-height:var(--sy-hero-title-line);letter-spacing:var(--sy-hero-title-letter);max-width:none}
.synergy-plans-page .plans-hero h1 span{color:var(--plans-lime)}
.synergy-plans-page .plans-hero-lede{max-width:62ch;color:#d5e3f5;font-size:clamp(1.08rem,1.55vw,1.3rem);line-height:1.68}
.synergy-plans-page .plans-hero .sy-link{color:#eaf6ff}
.synergy-plans-page .plans-trust-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.6rem}
.synergy-plans-page .plans-trust-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem .72rem;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0d;color:#eaf4ff;font-size:.84rem;font-weight:760;line-height:1.2}
.synergy-plans-page .plans-trust-pill::before{content:"✓";display:grid;place-items:center;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--plans-lime);color:#17302b;font-size:.72rem;font-weight:950}
.synergy-plans-page .plans-bundle-card{position:relative;padding:clamp(1.6rem,3vw,2.2rem);border:1px solid #91b5d34d;border-radius:28px;background:linear-gradient(160deg,#153554f0,#0b2338f5);box-shadow:0 24px 70px #020c193f,inset 0 1px 0 #ffffff10;overflow:hidden}
.synergy-plans-page .plans-bundle-card::before{content:"";position:absolute;inset:auto -18% -42% auto;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ccff6630,transparent 68%);pointer-events:none}
.synergy-plans-page .plans-bundle-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#a9c8e1;font-size:.8rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.synergy-plans-page .plans-bundle-eyebrow span:last-child{padding:.34rem .58rem;border-radius:999px;background:var(--plans-lime);color:#142b2f;letter-spacing:.02em}
.synergy-plans-page .plans-bundle-card h2{margin:1rem 0 .65rem;color:#fff;font:850 clamp(2rem,4vw,3.2rem)/1 var(--sy-display);letter-spacing:-.035em}
.synergy-plans-page .plans-bundle-card>p{color:#c6d8e9;line-height:1.6}
.synergy-plans-page .plans-price-anchor{display:flex;align-items:end;gap:1rem;margin:1.55rem 0 1rem}
.synergy-plans-page .plans-price-anchor .was{display:grid;color:#91abc0;font-size:.85rem;line-height:1.3}
.synergy-plans-page .plans-price-anchor .was strong{font-size:1.4rem;text-decoration:line-through;text-decoration-thickness:2px}
.synergy-plans-page .plans-price-anchor .now{display:grid;color:#fff}
.synergy-plans-page .plans-price-anchor .now strong{font:900 clamp(3.7rem,8vw,5.8rem)/.8 var(--sy-display);letter-spacing:-.06em;color:var(--plans-lime)}
.synergy-plans-page .plans-price-anchor .now small{margin-top:.45rem;font-size:.82rem;color:#d4e4ef}
.synergy-plans-page .plans-save{display:inline-flex;align-items:center;gap:.5rem;margin:.2rem 0 1.2rem;padding:.55rem .8rem;border-radius:12px;background:#ccff6618;border:1px solid #ccff6650;color:#e6ffc0;font-weight:850}
.synergy-plans-page .plans-nine-dots{display:grid;grid-template-columns:repeat(9,1fr);gap:.42rem;margin-top:1.2rem}
.synergy-plans-page .plans-nine-dots span{height:10px;border-radius:999px;background:var(--dot,#6c879d);box-shadow:0 0 12px color-mix(in srgb,var(--dot) 42%,transparent)}
.synergy-plans-page .plans-bundle-note{margin-top:1rem;color:#9fb8cd;font-size:.86rem;line-height:1.55}
.synergy-plans-page .plans-architecture{padding:clamp(3.7rem,7vw,5.8rem) 0;background:#fff}
.synergy-plans-page .plans-section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,6rem);align-items:end;margin-bottom:2rem}
.synergy-plans-page .plans-section-head h2{margin:.4rem 0 0;color:var(--plans-ink);font:850 clamp(2.45rem,5vw,4.55rem)/.96 var(--sy-display);letter-spacing:-.05em}
.synergy-plans-page .plans-section-head p:last-child{margin:0;color:var(--plans-muted);font-size:1.08rem;line-height:1.7}
.synergy-plans-page .plans-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.synergy-plans-page .plans-route-step{position:relative;padding:1.35rem;border:1px solid var(--plans-line);border-radius:20px;background:var(--plans-soft);overflow:hidden}
.synergy-plans-page .plans-route-step::before{content:attr(data-step);position:absolute;right:1rem;top:.6rem;color:#153b6812;font:900 4.5rem/1 var(--sy-display)}
.synergy-plans-page .plans-route-step span{display:inline-flex;padding:.3rem .55rem;border-radius:999px;background:#e5edf6;color:#2d5579;font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.synergy-plans-page .plans-route-step h3{margin:.8rem 0 .4rem;color:var(--plans-ink);font-size:1.45rem}
.synergy-plans-page .plans-route-step p{margin:0;color:var(--plans-muted);font-size:1rem;line-height:1.6}
.synergy-plans-page .plans-apps{padding:clamp(4rem,7vw,6rem) 0;background:#eef4fb}
.synergy-plans-page .plans-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.05rem}
.synergy-plans-page .plan-app-card{--theme:#2764b7;--deep:#174381;position:relative;display:flex;flex-direction:column;min-height:390px;padding:1.35rem;border:1px solid #d3deea;border-radius:22px;background:#fff;box-shadow:0 10px 26px #1733550c;overflow:hidden;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease}
.synergy-plans-page .plan-app-card::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--theme)}
.synergy-plans-page .plan-app-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--theme) 50%,#d3deea);box-shadow:0 18px 40px #17335518}
.synergy-plans-page .plan-app-card[data-plan-theme="gtrack"]{--theme:#ccff66;--deep:#668f17}
.synergy-plans-page .plan-app-card[data-plan-theme="attention-control"]{--theme:#22aaff;--deep:#1465a1}
.synergy-plans-page .plan-app-card[data-plan-theme="relational-memory"]{--theme:#7b61ff;--deep:#4a32b3}
.synergy-plans-page .plan-app-card[data-plan-theme="binding-memory"]{--theme:#ff6f91;--deep:#a72d51}
.synergy-plans-page .plan-app-card[data-plan-theme="path-horizon"]{--theme:#18b7a0;--deep:#0c6b60}
.synergy-plans-page .plan-app-card[data-plan-theme="knowledge-access"]{--theme:#2764b7;--deep:#174381}
.synergy-plans-page .plan-app-card[data-plan-theme="generative-search"]{--theme:#ffb84d;--deep:#87530d}
.synergy-plans-page .plan-app-card[data-plan-theme="reasoning"]{--theme:#9166db;--deep:#6038a3}
.synergy-plans-page .plan-app-card[data-plan-theme="space-pace-hagi"]{--theme:#ccff66;--deep:#526f1a;background:linear-gradient(155deg,#fff,#f4ffe4)}
.synergy-plans-page .plan-card-top{display:flex;justify-content:space-between;align-items:start;gap:.8rem;margin-top:.25rem}
.synergy-plans-page .plan-status{display:inline-flex;align-items:center;min-height:28px;padding:.3rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--theme) 12%,#fff);border:1px solid color-mix(in srgb,var(--theme) 38%,#d4e0eb);color:var(--deep);font-size:.74rem;font-weight:900;letter-spacing:.045em;text-transform:uppercase}
.synergy-plans-page .plan-price{display:grid;text-align:right;color:var(--plans-ink)}
.synergy-plans-page .plan-price strong{font:900 1.85rem/1 var(--sy-display);letter-spacing:-.04em}
.synergy-plans-page .plan-price small{margin-top:.18rem;color:#71869a;font-size:.7rem;line-height:1.2}
.synergy-plans-page .plan-icon{display:grid;place-items:center;width:70px;height:70px;margin:1.2rem 0 .95rem;border-radius:19px;background:var(--theme);color:#10283f;box-shadow:0 5px 0 var(--deep),0 12px 24px #17335516}
.synergy-plans-page .plan-app-card[data-plan-theme="relational-memory"] .plan-icon,.synergy-plans-page .plan-app-card[data-plan-theme="knowledge-access"] .plan-icon,.synergy-plans-page .plan-app-card[data-plan-theme="reasoning"] .plan-icon{color:#fff}
.synergy-plans-page .plan-icon svg{width:36px;height:36px}
.synergy-plans-page .plan-app-card h3{margin:0;color:var(--plans-ink);font:850 1.55rem/1.05 var(--sy-display);letter-spacing:-.025em}
.synergy-plans-page .plan-type{margin:.45rem 0 .7rem;color:var(--deep);font-size:.79rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.synergy-plans-page .plan-app-card>p{margin:0;color:var(--plans-muted);font-size:.98rem;line-height:1.62}
.synergy-plans-page .plan-card-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto;padding-top:1.25rem}
.synergy-plans-page .plan-card-actions .sy-btn{min-height:44px;padding:.62rem .9rem;font-size:.86rem}
.synergy-plans-page .plan-card-actions .sy-link{font-size:.86rem}
.synergy-plans-page .plan-transition-note{margin-top:.85rem;padding:.72rem .8rem;border-radius:12px;background:#edf7ff;color:#355d7f;font-size:.82rem;line-height:1.45}
.synergy-plans-page .plans-complete{padding:clamp(4rem,7vw,6.2rem) 0;background:radial-gradient(ellipse at 20% 10%,#2c5588 0,#172e57 42%,#111b38 90%);color:#fff}
.synergy-plans-page .plans-complete-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.synergy-plans-page .plans-complete h2{margin:.45rem 0 1rem;color:#fff;font:850 clamp(2.5rem,5.5vw,4.8rem)/.96 var(--sy-display);letter-spacing:-.05em}
.synergy-plans-page .plans-complete p{color:#d2e0ef;font-size:1.05rem;line-height:1.7}
.synergy-plans-page .plans-complete .sy-link{color:#eaf6ff}
.synergy-plans-page .plans-maths-card{padding:1.6rem;border:1px solid #ffffff22;border-radius:24px;background:#ffffff0b;box-shadow:inset 0 1px 0 #ffffff0b}
.synergy-plans-page .plans-maths-line{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid #ffffff17;color:#c9d9e8}
.synergy-plans-page .plans-maths-line strong{color:#fff;font-size:1.05rem}
.synergy-plans-page .plans-maths-line b{font:850 1.3rem/1 var(--sy-display);color:#fff}
.synergy-plans-page .plans-maths-total{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-top:1.35rem}
.synergy-plans-page .plans-maths-total span{color:#a9c0d3;font-size:.85rem}
.synergy-plans-page .plans-maths-total strong{display:block;margin-top:.25rem;color:var(--plans-lime);font:900 clamp(3.3rem,7vw,5.4rem)/.85 var(--sy-display);letter-spacing:-.06em}
.synergy-plans-page .plans-save-big{display:grid;place-items:center;min-width:112px;aspect-ratio:1;border-radius:50%;background:var(--plans-lime);color:#16302f;text-align:center;box-shadow:0 0 35px #ccff6640}
.synergy-plans-page .plans-save-big strong{font:900 1.55rem/1 var(--sy-display)}
.synergy-plans-page .plans-save-big small{font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.synergy-plans-page .plans-current{padding:clamp(4rem,7vw,5.5rem) 0;background:#fff}
.synergy-plans-page .plans-current-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.synergy-plans-page .plans-current h2{margin:.4rem 0 0;color:var(--plans-ink);font:850 clamp(2.35rem,5vw,4.2rem)/.98 var(--sy-display);letter-spacing:-.045em}
.synergy-plans-page .plans-current-list{display:grid;gap:.8rem}
.synergy-plans-page .plans-current-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:.9rem;padding:1rem 0;border-top:1px solid var(--plans-line)}
.synergy-plans-page .plans-current-item span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef5fb;color:#255578;font-weight:900}
.synergy-plans-page .plans-current-item strong{display:block;color:var(--plans-ink);font-size:1.04rem}
.synergy-plans-page .plans-current-item p{margin:.25rem 0 0;color:var(--plans-muted);font-size:.96rem;line-height:1.55}
.synergy-plans-page .plans-boundary{padding:2.8rem 0;background:#f1f6fb;border-top:1px solid #d8e3ef}
.synergy-plans-page .plans-boundary-inner{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start}
.synergy-plans-page .plans-boundary-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#111b38;color:var(--plans-lime);font-weight:900}
.synergy-plans-page .plans-boundary h2{margin:0 0 .35rem;color:var(--plans-ink);font-size:1.45rem}
.synergy-plans-page .plans-boundary p{margin:0;color:var(--plans-muted);font-size:.98rem;line-height:1.6}
@media(max-width:1000px){.synergy-plans-page .plans-hero-grid,.synergy-plans-page .plans-section-head,.synergy-plans-page .plans-complete-grid,.synergy-plans-page .plans-current-grid{grid-template-columns:1fr}.synergy-plans-page .plans-route,.synergy-plans-page .plans-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.synergy-plans-page .plans-bundle-card{max-width:620px}}
@media(max-width:680px){.synergy-plans-page .plans-hero{padding:4rem 0}.synergy-plans-page .plans-route,.synergy-plans-page .plans-app-grid{grid-template-columns:1fr}.synergy-plans-page .plans-nine-dots{grid-template-columns:repeat(9,1fr)}.synergy-plans-page .plans-price-anchor{align-items:center}.synergy-plans-page .plans-maths-total{align-items:center}.synergy-plans-page .plans-save-big{min-width:96px}.synergy-plans-page .plans-boundary-inner{grid-template-columns:1fr}.synergy-plans-page .plan-app-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.synergy-plans-page .plan-app-card{transition:none}}


/* Direct purchase status for currently available $19 apps. */
.synergy-plans-page .plans-checkout-status{margin:1.25rem auto;padding:.9rem 1rem;border:1px solid #bfd4e6;border-radius:14px;background:#fff;color:#365775;font-size:.95rem;line-height:1.5}
.synergy-plans-page .plan-card-actions button.sy-btn:disabled{cursor:wait;opacity:.72;transform:none}

/* Focused value now / network value over time */
.plans-value-pivot{padding:28px 0;background:#edf5f6;border-top:1px solid rgba(17,35,56,.08);border-bottom:1px solid rgba(17,35,56,.08)}
.plans-value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.plans-value-grid article{padding:25px 28px;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(20,47,67,.07);border-top:4px solid #35d8ff}
.plans-value-grid article:last-child{border-top-color:#ccff66;background:#102945;color:#fff}
.plans-value-grid span{font-size:.7rem;font-weight:900;letter-spacing:.14em;color:#25718a}
.plans-value-grid article:last-child span{color:#ccff66}
.plans-value-grid h2{margin:.45rem 0;font-size:clamp(1.45rem,2.6vw,2.25rem);letter-spacing:-.035em}
.plans-value-grid p{margin:.45rem 0 0;line-height:1.6;color:#576a78}
.plans-value-grid article:last-child p{color:#d2e2e9}
.plan-transfer{padding:12px 14px;border-radius:12px;background:rgba(53,216,255,.08);color:#43596b!important;font-size:.91rem;line-height:1.48!important}
@media(max-width:720px){.plans-value-grid{grid-template-columns:1fr}}


/* Make current purchases unmistakable and roadmap offers visually secondary. */
.synergy-plans-page .plans-group-title{margin:0 0 .85rem;color:var(--plans-ink);font:850 clamp(1.45rem,3vw,2.1rem)/1.05 var(--sy-display);letter-spacing:-.03em}
.synergy-plans-page .plans-group-title--available{color:#244f2f}
.synergy-plans-page .plans-app-grid--available{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px;margin-bottom:3rem}
.synergy-plans-page .plan-app-card[data-availability="available"]{border:2px solid color-mix(in srgb,var(--theme) 62%,#668f17);box-shadow:0 16px 38px #1733551c,0 0 0 5px color-mix(in srgb,var(--theme) 10%,transparent)}
.synergy-plans-page .plan-app-card[data-availability="available"] .plan-status{background:#eaf8d8;border-color:#8fbb50;color:#2f5c20}
.synergy-plans-page .plans-coming-intro{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:end;margin-bottom:1rem;padding-top:.3rem;border-top:1px solid #cedbe7}
.synergy-plans-page .plans-coming-intro .plans-group-title{margin:1rem 0 0}
.synergy-plans-page .plans-coming-intro p{margin:1rem 0 0;color:var(--plans-muted);line-height:1.55}
.synergy-plans-page .plan-app-card[data-availability="coming-soon"]{min-height:360px;opacity:.63;filter:saturate(.58);background:#f7f9fc;box-shadow:none}
.synergy-plans-page .plan-app-card[data-availability="coming-soon"]:hover{transform:none;border-color:#d3deea;box-shadow:none}
.synergy-plans-page .plan-app-card[data-availability="coming-soon"] .plan-status{background:#edf1f5;border-color:#cad4de;color:#627386}
.synergy-plans-page .plan-app-card[data-availability="coming-soon"] .plan-price strong{color:#647789}


/* Use the full hero text column at every viewport, including desktop. */
.synergy-plans-page .plans-title-break{display:none}


/* Offers section: editorial hierarchy without a redundant availability banner. */
.synergy-plans-page .plans-apps .plans-section-head{
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:clamp(2rem,4vw,4rem);
  align-items:center;
  margin-bottom:clamp(2.5rem,5vw,4rem);
  padding-bottom:clamp(1.75rem,3vw,2.5rem);
  border-bottom:1px solid var(--plans-line);
}
.synergy-plans-page .plans-apps .plans-section-head h2{
  max-width:15ch;
  font-size:clamp(2.65rem,4.6vw,4.25rem);
  line-height:.98;
}
.synergy-plans-page .plans-apps .plans-section-head h2 span{display:block}
.synergy-plans-page .plans-apps .plans-title-now{color:var(--plans-blue)}
.synergy-plans-page .plans-apps .plans-title-next{margin-top:.08em;color:var(--plans-ink)}
.synergy-plans-page .plans-apps .plans-section-head>p{
  padding-left:1.25rem;
  border-left:3px solid #79aa31;
  font-size:1.05rem;
  line-height:1.7;
}
.synergy-plans-page .plans-apps .plans-section-head>p strong{color:var(--plans-ink)}
@media(max-width:1000px){
  .synergy-plans-page .plans-apps .plans-section-head{grid-template-columns:1fr;gap:1.4rem}
  .synergy-plans-page .plans-apps .plans-section-head h2{max-width:16ch}
  .synergy-plans-page .plans-apps .plans-section-head>p{max-width:62ch}
}

@media(max-width:680px){
  .synergy-plans-page .plans-coming-intro{grid-template-columns:1fr}
  .synergy-plans-page .plans-app-grid--available{grid-template-columns:1fr}
}

/* Compact desktop hero: retain shared type sizes and natural page flow. */
@media(min-width:1001px){
  .synergy-plans-page .plans-hero{padding:clamp(2rem,4vh,3rem) 0}
  .synergy-plans-page .plans-hero-lede{margin:.8rem 0}
  .synergy-plans-page .plans-trust-row{margin-top:1rem;gap:.5rem}
}

/* The deferred bundle no longer occupies a second hero column. */
.synergy-plans-page .plans-hero-grid--focused{grid-template-columns:minmax(0,1fr)}
.synergy-plans-page .plans-hero-grid--focused>div{max-width:960px}


/* Plans hero: pair the offer with the same interactive network map used on Why IQ. */
.synergy-plans-page .plans-hero-grid--focused{
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);
  gap:clamp(2.5rem,5vw,5rem);
  align-items:center;
}
.synergy-plans-page .plans-hero-grid--focused>div:first-child{max-width:720px}
.synergy-plans-page .plans-network-wrap{
  display:flex;
  justify-content:flex-end;
  min-width:0;
}
.synergy-plans-page .plans-network-wrap .sy-network-frame{
  width:min(520px,100%);
}
@media(min-width:1001px){
  .synergy-plans-page .plans-hero{padding-bottom:clamp(3.25rem,5vw,4.5rem)}
}
@media(max-width:1000px){
  .synergy-plans-page .plans-hero-grid--focused{grid-template-columns:1fr}
  .synergy-plans-page .plans-hero-grid--focused>div:first-child{max-width:760px}
  .synergy-plans-page .plans-network-wrap{justify-content:center}
  .synergy-plans-page .plans-network-wrap .sy-network-frame{margin-top:.5rem}
}


/* The embedded network reuses page-scoped Synergy styles; do not inherit the page-root white canvas. */
.synergy-plans-page .plans-network-wrap.synergy-home-v1.sy-app-colours {
  margin: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}
