/* Pricing narrative: replace the receipt pattern with a readable explanation. */
.flow button span{opacity:1}
.opening{padding-top:80px;padding-bottom:88px}
.opening .hero-grid{grid-template-columns:1.16fr 1fr;gap:64px;align-items:center}
.opening h1{font-size:clamp(42px,4.6vw,64px);line-height:1.13;letter-spacing:-.05em;max-width:650px}
.opening .lede{font-size:17px;line-height:1.85;max-width:600px;margin:26px 0 16px}
.opening-context{font-size:15px;line-height:1.8;max-width:550px;margin:0 0 28px}
.opening-actions{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}
.opening-actions .secondary{display:inline-flex;align-items:center;min-height:44px;margin:0;font-size:13px}
.fee-explanation{padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:18px;min-width:0}
.fee-symbol{width:56px;height:56px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;color:var(--accent);margin-bottom:25px}
.fee-symbol svg{display:block;width:38px;height:38px}
.fee-explanation h2{font-size:clamp(28px,2.6vw,36px);line-height:1.24;letter-spacing:-.045em;margin:0 0 22px}
.fee-explanation p{font-size:15px;line-height:1.85;margin:0 0 18px}
.fee-explanation p:last-child{margin-bottom:0}
#engine .contrast article{padding:28px}
#engine .contrast h3{font-size:25px;line-height:1.3;min-height:2.6em}
#engine .contrast article p:not(.eyebrow){font-size:15px;line-height:1.85;margin:18px 0 0}
.pilot-card h3{font-size:32px;line-height:1.25}
.pilot-conversation{margin:24px 0 30px}
.pilot-conversation p{font-size:15px;line-height:1.85;margin:0 0 18px}
.pilot-conversation p:last-child{margin-bottom:0}
@media(min-width:851px) and (max-width:1100px){
 .opening .hero-grid{gap:32px}
 .opening h1{font-size:49px}
 .fee-explanation{padding:28px}
 .fee-explanation h2{font-size:30px}
}
@media(max-width:850px){
 .opening{padding-block:60px}
 .opening .hero-grid{grid-template-columns:1fr;gap:36px}
 .opening h1{font-size:clamp(40px,6.4vw,56px);max-width:670px}
 .opening .lede{max-width:650px}
 .fee-explanation{max-width:650px;width:100%}
 .fee-explanation h2{font-size:34px}
 #engine .contrast article{padding:23px}
}
@media(max-width:650px){
 .opening{padding-block:44px 58px}
 .opening h1{font-size:clamp(36px,10vw,48px);line-height:1.15}
 .opening .lede{font-size:16px;line-height:1.85;margin-top:24px}
 .opening-context{font-size:14px}
 .opening-actions{gap:10px 18px}
 .fee-explanation{padding:28px 24px}
 .fee-explanation h2{font-size:29px}
 .fee-explanation p{font-size:15px}
 #engine .contrast h3{min-height:0;font-size:24px}
 .pilot-card h3{font-size:29px}
}
@media(max-width:360px){
 .fee-explanation{padding:25px 20px}
 .fee-explanation h2{font-size:27px}
 .opening-actions .primary{padding-inline:15px}
}
@media print{
 .fee-explanation{break-inside:avoid}
 .opening .hero-grid{gap:30px}
}