/* Sales site. Builds on app.css tokens (steel + safety orange). */
body.site{background:var(--concrete)}
.site .bar{justify-content:space-between}
.site .bar nav a{color:#a9b9c8}
.s-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.hero{background:#141e28;color:#e8eef3;padding:56px 0 64px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:repeating-linear-gradient(90deg,var(--orange) 0 26px,#111 26px 52px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
.hero .kicker{font-family:var(--head);text-transform:uppercase;letter-spacing:.14em;color:var(--orange);font-weight:700;font-size:17px;margin:0 0 10px}
.hero h1{font-size:62px;line-height:.95;color:#fff;margin:0 0 18px}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero .lead{color:#b9c8d6;font-size:20px}
.hero .actions .btn.ghost{color:#e8eef3;border-color:#4a5d6e}
.hero .actions .btn.ghost:hover{background:#ffffff10}
.hero .small{color:#8fa3b5}
.s-sec{padding:64px 0}
.s-sec.alt{background:#fff;border-block:1px solid var(--line)}
.s-sec h2{font-size:38px;margin-bottom:10px}
.s-sec .lead{margin-bottom:28px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.feat > div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--steel);border-radius:3px;padding:18px 20px}
.s-sec.alt .feat > div{background:var(--concrete)}
.feat h3{font-size:23px;margin:0 0 6px}
.feat p{margin:0;color:#3b4a57}
.feat .tag{display:inline-block;font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:13px;font-weight:700;color:var(--orange);margin-bottom:4px}
.steps4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;counter-reset:st}
.steps4 > div{position:relative;padding:18px 20px 18px 66px;background:#fff;border:1px solid var(--line);border-radius:3px}
.steps4 > div::before{counter-increment:st;content:counter(st);position:absolute;left:16px;top:16px;width:36px;height:36px;display:grid;place-items:center;background:var(--orange);color:var(--orange-ink);font-family:var(--head);font-weight:800;font-size:22px;border-radius:2px}
.steps4 h3{margin:0 0 4px;font-size:21px}
.steps4 p{margin:0;color:#3b4a57;font-size:16px}
.late-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#fff}
.late-line div{padding:14px 16px;border-right:1px solid var(--line)}
.late-line div:last-child{border-right:0}
.late-line b{display:block;font-family:var(--head);font-size:26px;text-transform:uppercase}
.late-line .d0 b{color:var(--paid)}.late-line .d1 b{color:#b9650a}.late-line .d7 b{color:var(--orange)}.late-line .d14 b{color:var(--red)}
.gates{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gates > div{background:var(--steel);color:#e8eef3;border-radius:3px;padding:18px 20px}
.gates h3{color:#fff;margin:0 0 6px}
.gates p{margin:0;color:#b9c8d6;font-size:16px}
.gates .cost{display:block;margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--orange)}
.price-card{max-width:560px;background:#141e28;color:#e8eef3;border-radius:4px;padding:28px 30px;border-top:6px solid var(--orange)}
.price-card .amount{font-family:var(--head);font-weight:800;font-size:76px;line-height:1;color:#fff}
.price-card .amount small{font-size:24px;color:#8fa3b5}
.price-card ul{padding-left:20px;margin:16px 0 20px;color:#c9d5df}
.price-card li{margin-bottom:4px}
.price-wrap{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:28px;align-items:start}
.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:16px}
.compare th,.compare td{padding:10px 12px;border-bottom:1px solid #e6ebef;text-align:left;vertical-align:top}
.compare th{font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:15px;color:var(--soft);background:#f7f9fa}
.compare td.us{font-weight:600;color:#1d5e3a}
.faq details{background:#fff;border:1px solid var(--line);border-radius:3px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:600;cursor:pointer;font-size:18px}
.faq details p{margin:10px 0 0;color:#3b4a57}
.cta-band{background:var(--orange);color:var(--orange-ink);padding:46px 0}
.cta-band h2{font-size:40px;margin:0 0 8px}
.cta-band .btn{background:#141e28;color:#fff}
.s-foot{background:#141e28;color:#8fa3b5;padding:30px 0;font-size:14px}
.s-foot a{color:#c9d5df}
.s-foot .cols{display:flex;gap:28px;flex-wrap:wrap;justify-content:space-between}
.legal{max-width:760px;margin:0 auto;padding:40px 20px}
.legal h2{margin-top:28px;font-size:24px}
.legal .updated{color:var(--soft)}
@media (max-width:900px){
  .hero-grid,.price-wrap{grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:46px}
  .late-line{grid-template-columns:1fr 1fr}
  .late-line div:nth-child(2){border-right:0}
  .late-line div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:520px){.hero h1{font-size:40px}.s-sec h2{font-size:30px}.price-card .amount{font-size:60px}}