nav.main a.lnk.on{color:#fff;box-shadow:inset 0 -2px 0 var(--red)}
.phero{background:var(--ink)}
.phero .wrap{padding-top:96px;padding-bottom:104px;display:flex;flex-direction:column;gap:26px;max-width:1440px}
.phero .kicker{color:var(--coral);font-size:18px;font-weight:700}
.phero h1{color:#fff;font-size:clamp(38px,4.6vw,66px);line-height:1.25;font-weight:900;max-width:16ch}
.phero h1 em{font-style:normal;color:var(--red)}
.phero p.lead{color:var(--line);font-size:clamp(17px,1.55vw,22px);line-height:1.75;max-width:720px}
.phero .ctas{display:flex;gap:16px;margin-top:6px;flex-wrap:wrap}
.phero .ctas .btn{font-size:20px;padding:20px 36px}
.phero .ctas .btn-ghost{padding:18px 34px}
.cards.six{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards.six .card{min-height:0}
.ready{padding:100px 0}
.ready .wrap{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.ready .head{display:flex;flex-direction:column;gap:14px}
.ready .head p{font-size:20px;color:var(--graphite);line-height:1.7}
.ready ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ready li{border:1px solid var(--line);border-radius:16px;padding:18px 20px;font-size:18px;font-weight:500;display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.ready li::before{content:"";flex:0 0 10px;height:10px;border-radius:50%;background:var(--red);margin-top:8px}
.faq{background:var(--soft);padding:100px 0}
.faq .wrap{display:flex;flex-direction:column;gap:32px}
.faq details{max-width:980px}
.faq details{background:#fff;border-radius:18px;padding:0 28px}
.faq summary{cursor:pointer;list-style:none;font-size:21px;font-weight:700;padding:24px 0;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:28px;font-weight:400;color:var(--red-text);line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq details p{font-size:18px;line-height:1.8;color:var(--graphite);padding:0 0 26px}
.faq summary:focus-visible{border-radius:8px}
@media (max-width:860px){
  .phero .wrap{padding-top:56px;padding-bottom:64px;gap:20px}
  .phero .kicker{font-size:14px}
  .phero .ctas{flex-direction:column}
  .phero .ctas .btn{text-align:center;font-size:18px;padding:18px 0}
  .cards.six{grid-template-columns:1fr}
  .ready,.faq{padding:72px 0}
  .ready .wrap{grid-template-columns:1fr;gap:24px}
  .ready .head p{font-size:16px}
  .ready ul{grid-template-columns:1fr;gap:10px}
  .ready li{font-size:16px;padding:14px 16px}
  .faq .wrap{gap:20px}
  .faq details{padding:0 18px}
  .faq summary{font-size:17px;padding:18px 0}
  .faq details p{font-size:16px;padding-bottom:18px}
}