/* simple homepage (review copy). Plain words, big pictures, short page. */
.hs-hero{padding:104px 0 90px}
.hs-hey{display:inline-block;margin:0 0 14px;padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:17px;font-weight:500;letter-spacing:.01em}
body.tf-page .hs-hero h1{font-size:clamp(3rem,8vw,6rem)!important;line-height:.98!important;font-weight:500;letter-spacing:-.05em!important;margin:0 auto 18px}
.hs-hero .ix-lead{font-size:clamp(1.1rem,1.8vw,1.4rem);max-width:700px}
.hs-hero .ix-key{max-width:620px}
.hs-hero .ix-key .kf__row{display:flex;gap:10px}
.hs-hero .ix-key .kf__row input{flex:1;padding:18px 24px;font-size:18px}
.hs-hero .ix-key .kf__row button{padding:18px 30px;font-size:18px;white-space:nowrap}
.hs-proof{margin-top:34px}
.hs-prods{padding:84px 0 40px}
.hs-grid{margin-top:34px}
.hs-grid .ix-card h3{margin:0;font-size:24px;font-weight:500;letter-spacing:-.03em;color:var(--navy);line-height:1.15}
.hs-name{display:block;font-size:13px;line-height:1.35;color:#6b7f95;font-weight:500}
.hs-grid .ix-card__price small{font-size:14px;font-weight:500;color:#52677e}
.hs-try{border-style:dashed;border-color:#9fbaf0;background:#f4f8ff}
.hs-fine{text-align:center;margin:26px auto 0;max-width:640px;font-size:14px;color:#6b7f95}
.hs-how{padding:56px 0 72px;background:#fff}
.hs-steps{list-style:none;margin:28px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px}
.hs-steps li{text-align:center;padding:30px 22px;border-radius:22px;background:#f3f8ff;border:1px solid #dbe7f7;display:flex;flex-direction:column;align-items:center;gap:10px}
.hs-steps img{width:72px;height:72px}
.hs-steps b{font-size:22px;font-weight:600;color:var(--navy);letter-spacing:-.02em}
.hs-steps span{font-size:17px;line-height:1.45;color:#52677e}
.hs-who{padding:80px 0}
.hs-who .btn-row{margin-top:28px}
.hs-ai{padding:80px 0}
.hs-ai__box{max-width:760px;margin:26px auto 0}
.hs-ai__note{margin:12px 0 0;text-align:center;font-size:15px;color:#52677e}
.hs-learn{padding:70px 0 20px}
.hs-learn__row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:26px auto 0}
.hs-learn__row a{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:18px;background:#fff;border:1px solid #dbe7f7;text-decoration:none;transition:.2s}
.hs-learn__row a:hover{border-color:var(--blue);transform:translateY(-3px)}
.hs-learn__row b{font-size:20px;font-weight:600;color:var(--navy)}
.hs-learn__row span{font-size:15px;color:#52677e}
.hs-price{padding:70px 0}
.hs-price__row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:26px auto 0}
.hs-price__row div{text-align:center;padding:26px 16px;border-radius:20px;background:#fff;border:1px solid #dbe7f7;box-shadow:0 10px 30px rgba(25,76,144,.07)}
.hs-price__row b{display:block;font-size:34px;font-weight:600;color:var(--blue);letter-spacing:-.03em;line-height:1.1}
.hs-price__row span{display:block;margin-top:8px;font-size:15px;line-height:1.35;color:#52677e}
@media(max-width:900px){
  .hs-hero{padding:84px 0 70px}
  .hs-steps,.hs-learn__row,.hs-price__row{grid-template-columns:1fr;max-width:520px}
  .hs-learn__row,.hs-price__row{grid-template-columns:repeat(2,1fr)}
  .hs-hero .ix-key .kf__row{flex-direction:column}
}
@media(max-width:480px){.hs-learn__row,.hs-price__row{grid-template-columns:1fr}.hs-prods{padding-top:56px}}
.hs-ai .code{white-space:pre-wrap;word-break:break-word;overflow-x:visible}

.hs-tag{margin:0 0 14px;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:500;letter-spacing:-.02em;color:#fde68a}
.hs-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.hs-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 34px;border-radius:999px;font-size:18px;font-weight:600;text-decoration:none;transition:.2s}
.hs-btn--main{background:#fff;color:#0f2a5c;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.hs-btn--main:hover{transform:translateY(-2px)}
.hs-btn--ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.hs-btn--ghost:hover{background:rgba(255,255,255,.22)}
@media(max-width:480px){.hs-btn{width:100%}}