/* Synergy IQ Learn landing page — September 2026. */
.synergy-learn-page{--lr-ink:#10283f;--lr-muted:#526b82;--lr-line:#d4e1ec;--lr-soft:#f3f7fb;--lr-navy:#111b38;--lr-lime:#ccff66;--lr-cyan:#22aaff;--lr-violet:#7b61ff;--lr-pink:#ff6f91;--lr-teal:#18b7a0;--lr-amber:#ffb84d}
.synergy-learn-page .learn-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(4.5rem,8vw,7rem) 0;background:linear-gradient(112deg,#071c31f0,#111b38f5),url('/assets/img/neural-network-wallpaper-960.jpg?v=20260916-live-2') center/cover no-repeat;color:#fff}
.synergy-learn-page .learn-hero:after{content:"";position:absolute;z-index:-1;right:-10vw;bottom:-36vw;width:58vw;height:58vw;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 70px #22aaff08,0 0 0 140px #ccff6606}
.synergy-learn-page .learn-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.synergy-learn-page .learn-hero h1{margin:.45rem 0 1.2rem;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)}
.synergy-learn-page .learn-hero h1 span{color:var(--lr-lime)}
.synergy-learn-page .learn-hero-lede{max-width:63ch;color:#d6e5f2;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.72}
.synergy-learn-page .learn-map{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;padding:1rem;border:1px solid #7894aa52;border-radius:26px;background:#0b2338dd;box-shadow:0 22px 60px #020c172d}
.synergy-learn-page .learn-map-card{min-height:132px;padding:1rem;border-radius:18px;background:#ffffff0c;border:1px solid #ffffff14;color:#fff;text-decoration:none;transition:transform .16s ease,background .16s ease}
.synergy-learn-page .learn-map-card:hover{transform:translateY(-3px);background:#ffffff13;text-decoration:none}.synergy-learn-page .learn-map-card b{display:block;margin:.65rem 0 .35rem;font:850 1.05rem/1.1 var(--sy-display)}.synergy-learn-page .learn-map-card p{margin:0;color:#bfd1e0;font-size:.88rem;line-height:1.5}.synergy-learn-page .learn-map-dot{display:block;width:12px;height:12px;border-radius:50%;background:var(--dot);box-shadow:0 0 0 6px color-mix(in srgb,var(--dot) 18%,transparent)}
.synergy-learn-page .learn-section{padding:clamp(4rem,7vw,6.2rem) 0}.synergy-learn-page .learn-section--soft{background:var(--lr-soft)}.synergy-learn-page .learn-section--dark{background:var(--lr-navy);color:#fff}
.synergy-learn-page .learn-section-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:2rem}.synergy-learn-page .learn-section-head h2{margin:.35rem 0 0;color:var(--lr-ink);font:850 clamp(2.2rem,4.5vw,4.1rem)/1 var(--sy-display);letter-spacing:-.04em}.synergy-learn-page .learn-section-head>p{margin:0;color:var(--lr-muted);font-size:1.05rem;line-height:1.72}.synergy-learn-page .learn-section--dark .learn-section-head h2{color:#fff}.synergy-learn-page .learn-section--dark .learn-section-head>p{color:#c8d9e8}
.synergy-learn-page .learn-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.synergy-learn-page .learn-format{position:relative;overflow:hidden;padding:1.4rem;border:1px solid var(--lr-line);border-radius:22px;background:#fff;box-shadow:0 10px 28px #173a570d}.synergy-learn-page .learn-format:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--accent)}.synergy-learn-page .learn-format .tag{display:inline-flex;margin:.35rem 0 .9rem;padding:.32rem .58rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,white);color:#29425a;font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.synergy-learn-page .learn-format h3{margin:0 0 .55rem;color:var(--lr-ink);font:850 1.45rem/1.08 var(--sy-display)}.synergy-learn-page .learn-format p{margin:0 0 1rem;color:var(--lr-muted);line-height:1.65}.synergy-learn-page .learn-format a{font-weight:850;color:#17689f;text-decoration:none}.synergy-learn-page .learn-format a:hover{text-decoration:underline}
.synergy-learn-page .topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.synergy-learn-page .topic-card{padding:1.35rem;border:1px solid var(--lr-line);border-radius:22px;background:#fff}.synergy-learn-page .topic-card h3{margin:.15rem 0 .5rem;color:var(--lr-ink);font:850 1.3rem/1.1 var(--sy-display)}.synergy-learn-page .topic-card p{margin:0 0 1rem;color:var(--lr-muted);line-height:1.62}.synergy-learn-page .topic-links{display:flex;flex-wrap:wrap;gap:.5rem}.synergy-learn-page .topic-links a{display:inline-flex;padding:.45rem .65rem;border-radius:999px;background:#eef5fb;border:1px solid #d3e3ef;color:#265675;font-size:.82rem;font-weight:800;text-decoration:none}.synergy-learn-page .topic-links a:hover{background:#e4f2ff;border-color:#a9d9fb;text-decoration:none}.synergy-learn-page .topic-card[data-tone="network"]{border-top:5px solid var(--lr-violet)}.synergy-learn-page .topic-card[data-tone="training"]{border-top:5px solid var(--lr-cyan)}.synergy-learn-page .topic-card[data-tone="reasoning"]{border-top:5px solid var(--lr-amber)}.synergy-learn-page .topic-card[data-tone="ai"]{border-top:5px solid var(--lr-teal)}
.synergy-learn-page .learn-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,2.4rem);border-radius:26px;background:linear-gradient(135deg,#21446f,#111b38);border:1px solid #5579a4;color:#fff;box-shadow:0 18px 42px #0a1f391c}.synergy-learn-page .learn-callout h2{margin:0 0 .55rem;color:#fff;font:850 clamp(1.8rem,3.6vw,3rem)/1.02 var(--sy-display);letter-spacing:-.03em}.synergy-learn-page .learn-callout p{margin:0;color:#c8dae8;max-width:65ch;line-height:1.65}
@media(max-width:900px){.synergy-learn-page .learn-hero-grid,.synergy-learn-page .learn-section-head,.synergy-learn-page .learn-callout{grid-template-columns:1fr}.synergy-learn-page .learn-format-grid{grid-template-columns:1fr}.synergy-learn-page .topic-grid{grid-template-columns:1fr}.synergy-learn-page .learn-callout .sy-actions{justify-self:start}}
@media(max-width:560px){.synergy-learn-page .learn-map{grid-template-columns:1fr}.synergy-learn-page .learn-hero{padding-top:3.7rem}}