/* Confident page typography; product UI retains its compact hierarchy. */
body[data-brand-theme="light"]{--headline-purple:#1c524e;--headline-ink:#0e1c1b}
.hero h1{font-weight:800}.hero h1>span{color:var(--headline-purple)}
.section-head h2,.intelligence .section-head h2,.playbook-copy h2{font-size:clamp(38px,4.2vw,52px);font-weight:800;line-height:1.12;letter-spacing:-1.9px}
.section-head h2>span,.playbook-copy h2 span{color:var(--headline-purple)}
.process-card h3,.comparison-row h3{font-weight:800}.process-card h3{font-size:29px}
.cta-panel h2{font-size:clamp(36px,4.2vw,52px);font-weight:800}.founder-copy h2{font-size:40px;font-weight:800}
/* A compact, open illustration rather than another product screen. */
.playbook-section{grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding-block:68px}
.playbook-copy .eyebrow{font-size:9px;letter-spacing:1.45px}
.playbook-copy h2{font-size:clamp(34px,3.4vw,44px);margin:20px 0 22px;line-height:1.14}
.playbook-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#485d5c;max-width:510px}
.learning-art{position:relative;min-width:0;width:100%;max-width:560px;margin-inline:auto}
.learning-art .learning-cosmos{display:block;width:100%;height:auto;overflow:visible;stroke-linecap:round}
.learning-pattern-bars rect{transform-box:fill-box;transform-origin:center bottom;animation:pattern-bars 10s cubic-bezier(.2,.7,.3,1) infinite;animation-delay:calc(var(--i)*.12s)}
.learning-noise{animation:pattern-noise 10s ease-in-out infinite}
.learning-pattern-line{stroke-dasharray:100;animation:pattern-line 10s ease-in-out infinite}
.learning-pattern-points circle{animation:pattern-points 10s ease-in-out infinite;animation-delay:calc(var(--i)*.45s)}
.learning-art[data-learning-active="false"] *{animation-play-state:paused}
@keyframes pattern-bars{0%,8%,100%{transform:scaleY(.28);opacity:.5}46%,85%{transform:scaleY(1);opacity:1}}
@keyframes pattern-noise{0%,100%{transform:translateY(-12px);opacity:.5}50%,85%{transform:translateY(0);opacity:.2}}
@keyframes pattern-line{0%,12%{stroke-dashoffset:100;opacity:0}18%{opacity:1}65%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes pattern-points{0%,20%,100%{opacity:0}40%,80%{opacity:1}}
@media(max-width:900px){.playbook-section{gap:32px}.playbook-copy h2{font-size:36px}}
@media(max-width:650px){.section-head h2,.intelligence .section-head h2{font-size:36px;letter-spacing:-1.25px;line-height:1.16}.founder-copy h2{font-size:33px}.cta-panel h2{font-size:35px}.process-card h3{font-size:28px}.playbook-section{grid-template-columns:1fr;gap:22px;padding-block:48px}.playbook-copy h2{font-size:34px;letter-spacing:-1.25px;margin:17px 0 20px}.playbook-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.playbook-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.learning-art{max-width:450px}}
@media(prefers-reduced-motion:reduce){.learning-art *{animation:none!important}}

/* Mobile hero: concise copy and a clear primary action. */
.hero-description-mobile{display:none}
@media(max-width:600px){
 .hero{padding-top:30px}
 .hero-copy{width:calc(100% - 40px);text-align:left}
 .hero-copy .eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:.95px;line-height:1.5;gap:8px}
 .hero h1{font-size:36px;line-height:1.1;letter-spacing:-1.5px;margin:19px 0 18px;max-width:100%;text-wrap:initial;font-weight:800}
 .hero h1>span{display:inline}
 .hero .desktop-break{display:none}
 .hero-description-desktop{display:none}
 .hero-description-mobile{display:inline}
 .hero-description{font-size:15px;line-height:1.65;max-width:36ch;margin:0;color:#485d5c}
 .hero-description .hero-managed{font-size:14px;line-height:1.55;margin-top:12px;font-weight:700}
 .hero-actions{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:8px;margin-top:22px}
 .hero-actions .button:not(.button-secondary){font-size:15px;min-height:50px;padding:13px 22px;gap:24px}
 .hero-actions .button-secondary{border:0;border-radius:0;background:none;box-shadow:none;padding:7px 0;min-height:36px;font-size:13px;font-weight:600;gap:10px;color:#224441}
 .hero-actions .button-secondary:hover{transform:none;text-decoration:underline;text-underline-offset:4px;background:none;box-shadow:none}
 .hero-copy .fine{display:none}
 .hero-product{margin-top:25px;width:calc(100% - 36px)}
}
@media(max-width:360px){.hero h1{font-size:33px;letter-spacing:-1.25px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.7px}.hero-description{font-size:14px}}