/* Sales positioning shares the launch page's typography, rails and motion. */
.hero .hero-content{max-width:1000px}
.hero .client-os-badge{white-space:normal;max-width:100%;line-height:1.5;text-wrap:balance}
.hero .badge-credibility{white-space:normal}
.hero h1{max-width:980px;margin-inline:auto;font-size:clamp(42px,4.5vw,60px);line-height:1.12;letter-spacing:-1.8px;text-wrap:balance}
.hero .hero-rotation{margin:22px auto 0;color:#c8acec;font-size:30px;line-height:1.3;letter-spacing:-.6px;font-weight:500}
.hero .headline-rotation{max-width:100%}
.hero .headline-word{white-space:nowrap}
.hero .hero-copy{max-width:750px;margin:24px auto 28px;font-size:17px;line-height:29px;text-wrap:pretty}
#agent p+p{margin-top:18px}
#agent p:last-child{margin-bottom:0}
#how-it-works .how-header>div>p{max-width:650px}
#how-it-works .how-header>div>p+p{margin-top:16px}
.sales-workspace{padding-block:64px}
.sales-workspace>header{max-width:680px;margin:0 auto 36px;text-align:center}
.sales-workspace h2,.sales-closing h2{font-size:36px;line-height:1.2;letter-spacing:-.8px;text-wrap:balance}
.sales-workspace>header p{margin:22px auto 0;max-width:580px}
.sales-workspace p,.sales-closing p{font-size:16px;line-height:27px;color:#c6bcd1;text-wrap:pretty}
.sales-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:900px;margin:auto}
.sales-workspace-grid article{padding:28px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#a376d910,#a376d904)}
.sales-label{display:block;margin-bottom:24px;font-size:13px;line-height:21px;color:#bfa2e2}
.sales-workspace-grid h3{font-size:23px;line-height:31px;letter-spacing:-.4px;margin-bottom:14px;text-wrap:balance}
.sales-workspace-grid p{margin:0}
.sales-closing{padding-block:64px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#a376d910,transparent 70%)}
.sales-closing h2{max-width:760px;margin:auto}
.sales-closing h2 em{color:#bfa2e2}
.sales-closing p{margin:22px auto 28px}
@media(max-width:767px){
 .hero .hero-content{max-width:600px}
 .hero h1{max-width:560px;font-size:clamp(32px,6.6vw,42px);line-height:1.15;letter-spacing:-1px}
 .hero .hero-rotation{font-size:clamp(21px,4.9vw,27px);line-height:1.4;letter-spacing:-.35px;margin-top:20px}
 .hero .headline-rotation{display:grid;width:100%;text-align:center}
 .hero .headline-word{text-align:center}
 .hero .hero-copy{font-size:16px;line-height:27px;max-width:520px;margin-top:22px}
 .hero .client-os-badge{max-width:360px;font-size:12px;padding:9px 16px}
 .sales-workspace,.sales-closing{padding-block:48px}
 .sales-workspace h2,.sales-closing h2{font-size:30px;line-height:36px;letter-spacing:-.6px}
 .sales-workspace-grid{grid-template-columns:1fr;max-width:520px;gap:16px}
 .sales-workspace-grid article{padding:24px}
 .sales-workspace-grid h3{font-size:21px;line-height:29px}
 .sales-label{margin-bottom:18px}
 .sales-closing p{max-width:320px}
}