/* FreelanceKu V5.1 — hero layout precision patch, loaded after all earlier themes */
.hero .hero-content {max-width:1160px}
.hero .nav-bar {align-items:center}
.hero-welcome {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap;
  gap:18px; margin-top:29px; min-width:0;
}
.welcome-copy {font-size:clamp(14px,1.6vw,18px);font-weight:600;letter-spacing:-.015em;color:rgba(238,250,255,.95);min-width:0;overflow-wrap:anywhere}
.welcome-live {
  display:inline-flex; align-items:center; gap:8px; white-space:nowrap; flex:none;
  padding:8px 14px; border:1px solid rgba(87,234,206,.29); border-radius:999px;
  background:rgba(9,171,159,.17);color:#92ffe3;font-size:10px;font-weight:850;letter-spacing:.14em;
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.hero .hero-banner-showcase {margin:14px 0 0}
.hero .hero-banners-viewport {border-radius:24px;box-shadow:0 20px 42px rgba(0,21,65,.22),inset 0 1px rgba(255,255,255,.35)}
.hero .hero-body {max-width:780px;padding-top:31px;padding-bottom:92px}
.hero .hero-body h1 {
  margin:0 0 13px; max-width:690px; font-size:clamp(30px,4vw,53px);
  font-weight:850; line-height:1.14; letter-spacing:-.042em; text-wrap:balance;
}
.hero .hero-description {
  max-width:655px; margin:0 0 25px; color:rgba(231,246,255,.89);
  font-size:clamp(13px,1.5vw,16px);line-height:1.67;
}
.hero .search-field {width:100%;max-width:720px;border-radius:22px}
/* A single borderless metadata line, rather than a second row of cards */
.hero .trust-strip {
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;
  gap:13px;max-width:720px;margin:15px 0 0;
  color:rgba(236,250,255,.86);line-height:1.35;
}
.hero .trust-strip .trust-pill {
  display:inline-flex;align-items:center;justify-content:flex-start;
  flex:0 1 auto; min-width:0; padding:0; margin:0;
  background:transparent; border:0;border-radius:0;
  box-shadow:none;backdrop-filter:none;
  font-size:11px;font-weight:680;color:rgba(236,250,255,.87);
  gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.hero .trust-strip .trust-icon {
  display:inline-flex; width:16px;height:16px;flex:0 0 16px;
  align-items:center;justify-content:center;
  padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;
  color:#83f2d6;
}
.hero .trust-strip .trust-icon svg {width:15px;height:15px}
.hero .trust-strip .trust-divider {
  display:block;flex:0 0 3px;width:3px;height:3px;border-radius:50%;
  background:rgba(255,255,255,.57);padding:0;margin:0;border:0;box-shadow:none;
}
.hero-feature-row{display:none!important}
/* Calm footer, clear separation from floating WhatsApp */
.site-footer {margin-bottom:34px}
.site-footer .footer-upper p {flex:1 1 260px}
.site-footer .footer-lower {align-items:baseline}
/* Account for large accessibility font and small screens gracefully */
@media (max-width:700px) {
  .hero .hero-banner-showcase {margin-top:13px}
  .hero-welcome {gap:8px;margin-top:23px}
  .welcome-copy {font-size:13px;line-height:1.45}
  .welcome-live {padding:6px 9px;font-size:8.5px;letter-spacing:.075em;gap:6px}
  .welcome-live .pulse-dot {width:6px;height:6px}
  .hero .hero-banners-viewport {aspect-ratio:2.25/1;border-radius:20px}
  .hero .hero-body {padding-top:25px;padding-bottom:80px}
  .hero .hero-body h1 {max-width:100%;font-size:clamp(29px,7.8vw,37px);line-height:1.17;letter-spacing:-.042em;margin-bottom:11px}
  .hero .hero-description {max-width:100%;font-size:13px;line-height:1.65;margin-bottom:23px}
  .hero .search-field {min-height:68px;border-radius:19px}
  .hero .trust-strip {gap:9px;margin-top:13px;justify-content:space-between;}
  .hero .trust-strip .trust-pill {font-size:10px;font-weight:640;letter-spacing:-.02em;gap:5px}
  .hero .trust-strip .trust-icon {flex-basis:14px;width:14px;height:14px}
  .hero .trust-strip .trust-icon svg {width:14px;height:14px}
  .site-footer {margin-bottom:58px}
  .site-footer .footer-upper {gap:10px}
  .site-footer .footer-upper p {flex:none}
}
@media (max-width:375px) {
 .welcome-copy{font-size:11.5px}
 .welcome-live{font-size:7.5px;padding:5px 7px}
 .hero .hero-body h1{font-size:29px}
 .hero .trust-strip .trust-pill{font-size:9px}
 .hero .trust-strip{gap:6px}
}
@media (prefers-reduced-motion:reduce){.hero .hero-banners-viewport{scroll-behavior:auto}}