/* Homepage composition: loaded after the shared public styles. */
.publicSite .homeProblem,.publicSite .homeSteps,.publicSite .homePlans,.publicSite .homeKnowledge,.publicSite .homeDemo{padding-block:72px}
.publicSite .homeStepGrid li{min-height:0;align-content:start}
.publicSite .homeKnowledge h2,.publicSite .homeDemo h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3;letter-spacing:-.025em}
.publicSite .homeKnowledge p,.publicSite .homeDemo p:not(.eyebrow){max-width:65ch;margin-top:16px;color:var(--text-muted);line-height:1.7}
.publicSite .homeKnowledge .textLink{margin-top:24px}
.publicSite .homePlans .sectionHeading{max-width:none;margin-bottom:32px}
.publicSite .homePrice{flex-wrap:wrap;gap:4px 12px}
.publicSite .homePlanCard li{position:relative}
.publicSite .homePlanCard li::before{position:absolute;left:0;margin:0}
.publicSite .homeAnnualPrice{border-color:var(--border-soft)}
.publicSite .homePaymentNote{margin-top:24px;max-width:75ch;margin-inline:auto}
.publicSite .homePilot{padding-block:48px;background:var(--vjt-brand-graphite)}
.publicSite .homePilotCard{width:min(1180px,calc(100% - 64px));padding:32px;gap:32px;background:var(--surface);color:var(--text)}
.publicSite .homePilotCard .eyebrow{margin:0}
.publicSite .homePilotCard h2{margin-top:12px;line-height:1.4}
.publicSite .homeDemo{background:var(--bg)}
.publicSite .homeDemoGrid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px}
.publicSite .homeDemo h2{margin-top:16px;max-width:34ch}
.publicSite .homeDemo .button{justify-self:start}
@media(max-width:980px){.publicSite .homeDemoGrid{grid-template-columns:1fr;gap:28px}}
@media(max-width:680px){
.publicSite .homeProblem,.publicSite .homeSteps,.publicSite .homePlans,.publicSite .homeKnowledge,.publicSite .homeDemo{padding-block:44px}
.publicSite .homePilot{padding-block:32px}
.publicSite .homePilotCard{width:calc(100% - 40px);padding:24px;grid-template-columns:minmax(0,1fr);gap:24px}
.publicSite .homeDemo .button{width:100%}
}