/* Homepage layout only: shared account and menu styles keep their own sizing. */
.home-page .hero{padding-top:64px;padding-bottom:42px;min-height:620px}
.home-page main>.section{padding-top:44px;padding-bottom:44px}
.home-page .comparison-section{max-width:1050px}
.home-page .section-heading{margin-bottom:28px}
.home-page .feature-grid{margin-top:32px}
.home-page .capsule{width:min(900px,100%)}
.home-page .nav-links{gap:22px}
.home-page .nav-links a{gap:6px}
.home-page .getting-started{max-width:1160px}
.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:13px;background:var(--inset)}
.start-steps li{display:flex;align-items:flex-start;gap:15px;padding:25px;min-width:0}
.start-steps li+li{border-left:1px solid var(--border)}
.start-number{color:var(--accent);font-size:12px;font-weight:600;line-height:24px;font-variant-numeric:tabular-nums}
.start-steps h3{font-size:14px;font-weight:500;margin:3px 0 9px;line-height:1.4}
.start-steps p{font-size:11px;line-height:1.8;color:var(--label);margin:0;max-width:250px}
.start-steps a{display:inline-block;font-size:10px;color:#8ad5b6;margin-top:15px;line-height:1.5}
.start-steps a:hover{color:#c5f5df}
.home-page .pricing-plans{margin-top:28px;gap:16px}
.home-page .pricing-plan{padding:26px}
.pricing-price-label{font-size:10px;color:var(--muted);margin:22px 0 8px}
.home-page .pricing-amount{margin:0 0 20px}
.home-page .pricing-detail{padding-top:15px}
.home-page .pricing-reseller-link{margin-top:19px;min-height:40px;font-size:11px;border-color:#34473e;background:#102119}
.home-page .pricing-reseller-link:hover{background:#193429;border-color:var(--accent)}
.home-page .pricing-shared{padding:22px 0 0;margin-top:25px}
.pricing-shared h3{font-size:12px;font-weight:500;margin:0 0 18px;text-align:center}
.home-page .pricing-shared .pricing-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px;margin:0 auto;max-width:720px}
.home-page .pricing-shared .pricing-features li{font-size:11px}
.home-page .pricing-note{margin-top:19px;color:var(--muted)}
.home-page main>.reseller-section{padding-top:20px;padding-bottom:44px}
.home-page main>.faq-section{padding-bottom:70px}
@media(min-width:768px) and (max-width:1000px){
  .home-page .capsule{gap:12px;padding-left:18px}
  .home-page .nav-links{gap:12px;font-size:11px}
  .home-page .nav-links .nav-icon{width:13px;height:13px}
  .home-page .nav-auth a{font-size:11px;padding:10px}
  .home-page .capsule .wordmark{font-size:23px}
  .start-steps li{padding:20px 16px;gap:11px}
}
@media(max-width:767px){
  .home-page .hero{padding-top:38px;padding-bottom:22px;min-height:0}
  .home-page main>.section{padding-top:34px;padding-bottom:28px}
  .home-page .section-heading{margin-bottom:24px}
  .home-page .feature-grid{margin-top:23px}
  .start-steps{grid-template-columns:1fr}
  .start-steps li{padding:20px}
  .start-steps li+li{border-left:0;border-top:1px solid var(--border)}
  .start-steps p{max-width:none}
  .home-page .pricing-plan{padding:23px}
  .home-page .pricing-plans{margin-top:24px}
  .home-page .pricing-shared .pricing-features{grid-template-columns:1fr;gap:9px}
  .home-page .pricing-shared h3{text-align:left}
  .home-page .pricing-reseller-link{width:100%}
  .home-page main>.reseller-section{padding-top:12px;padding-bottom:28px}
  .home-page main>.faq-section{padding-bottom:44px}
}
