/* Taxi Toolkit — Hero Content */
.tt-hero{max-width:600px;font-family:'Manrope',system-ui,sans-serif}

/* rating badge */
.tt-hero__badge{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:8px 16px 8px 10px;border-radius:999px;backdrop-filter:blur(6px)}
.tt-hero__avatars{display:flex;align-items:center}
.tt-hero__avatar{width:30px;height:30px;border-radius:50%;border:2px solid rgba(11,20,32,.9);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}
.tt-hero__avatar+.tt-hero__avatar{margin-left:-10px}
.tt-hero__badge-text{display:flex;flex-direction:column;gap:1px;line-height:1;text-align:left}
.tt-hero__badge-top{display:inline-flex;align-items:center;gap:7px}
.tt-hero__stars{color:#fbbc05;font-size:14px;letter-spacing:1px}
.tt-hero__badge-top b{color:#fff;font-family:'Sora',sans-serif;font-size:14px;font-weight:800}
.tt-hero__badge-sub{color:#cfe6f7;font-size:12px;font-weight:600;margin-top:3px}

/* headline */
.tt-hero__title{font-family:'Sora',system-ui,sans-serif;font-weight:800;font-size:52px;line-height:1.05;letter-spacing:-.02em;color:#fff;margin:20px 0 0}
.tt-hero__title-hl{background:linear-gradient(120deg,var(--tt-hl-from,#4cc2f5),var(--tt-hl-to,#189cd9));-webkit-background-clip:text;background-clip:text;color:transparent}
.tt-hero__sub{font-size:19px;line-height:1.55;color:#d5e2ee;margin:20px 0 0;font-weight:500}

/* buttons */
.tt-hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.tt-hero__btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:800;font-size:17px;padding:16px 30px;border-radius:12px;transition:filter .18s,transform .18s}
.tt-hero__btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.tt-hero__btn--primary{background:linear-gradient(135deg,var(--tt-btn-from,#189cd9),var(--tt-btn-to,#1f71b8));color:#fff;box-shadow:0 10px 30px rgba(24,156,217,.4)}
.tt-hero__btn--whatsapp{background:#25D366;color:#0b3d1f}
.tt-hero__btn--outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}

/* ticks */
.tt-hero__ticks{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:32px;font-size:14px;font-weight:600;color:#bcd2e4}
.tt-hero__tick{display:inline-flex;align-items:center;gap:8px}
.tt-hero__tick i{color:#4cc2f5;font-style:normal}

@media(max-width:600px){
	.tt-hero__title{font-size:34px}
}