.about-story{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;padding:32px 4px}.about-story h2{font-size:25px;margin-bottom:16px}.about-story p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:16px}.about-story aside{background:var(--pale);padding:26px;border-radius:12px;align-self:start}.about-story aside h2{font-size:23px}.about-story .checks li{font-size:14px;line-height:1.6;margin-bottom:14px}.about-story .checks li:before{top:3px}.about-story aside>p{font-size:14px;margin-bottom:0}.about-purpose{margin-bottom:30px}.about-purpose>p{max-width:850px}.about-purpose a{display:inline-block;margin-top:14px;color:var(--blue);font-weight:700;font-size:13px}.about-hero .tool-copy>p{max-width:620px}.about-hero .tool-copy h2{max-width:600px}
@media(max-width:700px){.about-story{grid-template-columns:1fr;gap:18px;padding:28px 4px}.about-story aside{padding:22px}.about-story p{font-size:14px}.about-story h2{font-size:23px}}

/* Wider About page with a larger, readable type scale. */
body.about-page{max-width:none;width:100%;margin:0}
.about-page .tool-main{padding:28px 24px}
.about-page .about-hero{grid-template-columns:1.3fr 1fr;padding:38px}
.about-page .tool-copy h1{font-size:clamp(36px,3vw,56px)}
.about-page .tool-copy h2{font-size:25px;max-width:none}
.about-page .tool-copy>p{font-size:18px;line-height:1.75;max-width:none}
.about-page .tool-copy .button,.about-page .tool-banner .button{font-size:14px;min-height:46px}
.about-page .tool-picture.dashboard img{max-width:420px}
.about-page .about-story{gap:40px;padding:36px 8px}
.about-page .about-story h2,.about-page .tool-overview>h2,.about-page .tool-features h2,.about-page .tool-banner h2{font-size:29px}
.about-page .about-story p,.about-page .about-story aside>p,.about-page .tool-features p,.about-page .tool-overview>p,.about-page .tool-points p,.about-page .tool-banner p{font-size:18px;line-height:1.75}
.about-page .about-story .checks li{font-size:17px;line-height:1.7;margin-bottom:18px}
.about-page .about-story .checks li:before{top:5px}
.about-page .about-purpose>p{max-width:none}
.about-page .tool-points h3{font-size:23px}
.about-page .about-purpose a{font-size:16px;line-height:1.5}
.about-page .tool-banner p{max-width:calc(100% - 300px)}
@media(max-width:1000px){.about-page .tool-main{padding:24px 20px}.about-page .about-hero{padding:28px;gap:24px}.about-page .tool-copy h2{font-size:22px}.about-page .about-story{gap:24px}.about-page .about-story h2,.about-page .tool-overview>h2,.about-page .tool-features h2{font-size:26px}}
@media(max-width:700px){.about-page .tool-main{padding:20px 12px}.about-page .about-hero{grid-template-columns:1fr;padding:24px 20px}.about-page .tool-copy h1{font-size:34px}.about-page .tool-copy h2{font-size:21px}.about-page .tool-copy>p,.about-page .about-story p,.about-page .about-story aside>p,.about-page .tool-features p,.about-page .tool-overview>p,.about-page .tool-points p,.about-page .tool-banner p{font-size:16px;line-height:1.7}.about-page .about-story .checks li{font-size:16px}.about-page .about-story{padding:28px 4px}.about-page .tool-banner p{max-width:80%}.about-page .tool-banner{min-height:240px}.about-page .tool-copy .button{white-space:normal}}