/* The remaining pages share the same editorial spacing and restrained accents. */
.title-accent{color:var(--accent)}
body .about-page .about-hero,body .audiences-page>.product-hero{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-block:64px}
body .about-page .about-hero h1,body .audiences-page>.product-hero h1{font-size:clamp(46px,5.6vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:600;margin:0;max-width:900px}
body .about-page .about-intro,body .audiences-page>.product-hero>p{font-size:19px;line-height:1.7;max-width:680px;text-align:center;margin:28px auto}
body .about-page .about-hero>.text-link{margin-top:8px}
body :is(.about-page,.audiences-page) .story-section{padding-block:80px;gap:80px}
body :is(.about-page,.audiences-page) .story-body>p{font-size:17px;line-height:1.85;margin-bottom:24px}
body :is(.about-page,.audiences-page) .detail-heading h2{font-size:clamp(26px,2.55vw,34px);line-height:1.2;letter-spacing:-.035em;color:var(--ink)}
body .about-page .story-emphasis{border-color:var(--accent);background:var(--accent-soft);padding:24px 28px;border-radius:0 16px 16px 0;color:var(--ink)}
body .about-page .about-statement{width:min(1160px,calc(100% - 80px));margin:24px auto;padding:48px;border-radius:20px;background:var(--accent-soft);color:var(--ink)}
body .about-page .about-statement>.wrap{width:100%;gap:60px}
body .about-page .about-statement p{color:var(--muted)}
body .about-page .about-principles{padding-block:72px}
body .about-page .about-principles .data-columns{gap:36px}
body .about-page .about-principles .data-columns>div{padding:24px;border:1px solid var(--line);border-radius:12px;transition:background .25s,border-color .25s}
body .about-page .about-principles .data-columns>div:hover{background:var(--accent-soft);border-color:var(--accent)}
body .audiences-page .audience-chapter,body .audiences-page .audience-fit{padding-block:80px}
body .audiences-page .audience-usecases{gap:24px;margin-top:36px}
body .audiences-page .audience-usecases article{padding:28px;border:1px solid var(--line);border-radius:16px;transition:transform .25s,background .25s,border-color .25s}
body .audiences-page .audience-usecases article:hover{transform:translateY(-3px);background:var(--accent-soft);border-color:var(--accent)}
body .audiences-page .audience-scenario{padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--accent-soft);gap:24px 48px}
body .audiences-page .audience-fit{border-top:1px solid var(--line)}
.pricing-opening{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:center;padding-block:40px 52px}
body .pricing-page .product-hero{padding-block:12px 34px;text-align:center}
body .pricing-page .product-hero h1{font-size:clamp(40px,4.5vw,60px);line-height:1.1;margin:0;font-weight:600}
body .pricing-page .product-hero>p{margin:20px auto 0;max-width:720px;font-size:17px;line-height:1.7}
body .pricing-page .pricing-section{padding-block:0}
body .pricing-page .pricing-options{gap:28px;max-width:980px;margin:auto}
body .pricing-page .pricing-plan{padding:30px;border-radius:18px;border:1px solid var(--line);background:var(--surface);transition:border-color .25s,box-shadow .25s}
body .pricing-page .pricing-plan-annual{background:var(--accent-soft);border:1px solid var(--accent);box-shadow:0 8px 28px #00000008}
body .pricing-page .pricing-plan:hover{box-shadow:0 12px 32px #0000000d}
body .pricing-page .annual-saving{background:var(--surface);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
body .pricing-page .plan-details{margin-block:24px}
body .pricing-page .plan-details>div{padding-block:12px}
body .pricing-page .pricing-terms{max-width:980px;margin:24px auto 0;line-height:1.7}
body :is(.about-page,.audiences-page,.pricing-page) .pilot-section{padding-block:72px;border-top:1px solid var(--line)}
/* Legal information remains readable, without a decorative full-screen opening. */
.launch-legal{padding-block:64px 80px;max-width:850px}
.launch-legal h1{font-size:clamp(36px,4vw,52px);line-height:1.15}
.launch-legal section{padding-top:28px;margin-top:32px;border-top:1px solid var(--line)}
.launch-legal p{line-height:1.85}
@media(max-width:800px){
body .about-page .about-hero,body .audiences-page>.product-hero{min-height:calc(100svh - 68px);padding-block:48px}
body .about-page .about-hero h1,body .audiences-page>.product-hero h1{font-size:48px}
body .about-page .about-intro,body .audiences-page>.product-hero>p{font-size:17px}
body :is(.about-page,.audiences-page) .story-section{padding-block:48px;gap:28px}
body :is(.about-page,.audiences-page) .story-body>p{font-size:16px}
body .about-page .about-statement{width:calc(100% - 40px);padding:28px}
body .about-page .about-statement>.wrap{gap:24px}
body .about-page .about-principles,body .audiences-page .audience-chapter,body .audiences-page .audience-fit{padding-block:48px}
body .audiences-page .audience-scenario{padding:24px;gap:20px}
.pricing-opening{padding-block:36px 44px;min-height:calc(100svh - 68px)}
body .pricing-page .pricing-options{gap:24px;grid-template-columns:1fr}
body .pricing-page .pricing-plan{padding:26px}
body :is(.about-page,.audiences-page,.pricing-page) .pilot-section{padding-block:48px}
}
@media(prefers-reduced-motion:reduce){body .about-page .about-principles .data-columns>div,body .audiences-page .audience-usecases article,body .pricing-page .pricing-plan{transition:none;transform:none}}
