/* UK Handy Helpers — Stage 1 mobile-first product focus
   Purpose: make the existing homepage feel like a trades/helper app without changing database logic.
   Safe override file: remove this link from index.php to roll back the visual layer.
*/

:root{
  --uhh-bg:#f3f6fb;
  --uhh-ink:#0f172a;
  --uhh-muted:#64748b;
  --uhh-line:rgba(15,23,42,.10);
  --uhh-green:#22c55e;
  --uhh-green-dark:#15803d;
  --uhh-blue:#2563eb;
  --uhh-card:#ffffff;
  --uhh-shadow:0 18px 50px rgba(15,23,42,.10);
  --uhh-radius:24px;
}

html{ scroll-behavior:smooth; }
body{
  background:
    radial-gradient(circle at top left, rgba(34,197,94,.13), transparent 34rem),
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 30rem),
    var(--uhh-bg) !important;
  color:var(--uhh-ink) !important;
}

/* Keep the page focused on helpers/jobs. */
.hs-market,
.hs-rentals{
  display:none !important;
}

/* Masthead: cleaner, less heavy, more app-like. */
#masthead.topbar,
.topbar{
  background:rgba(255,255,255,.88) !important;
  border-bottom:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 8px 30px rgba(15,23,42,.06) !important;
  backdrop-filter:blur(16px) saturate(150%);
}

.topbar-inner{
  gap:14px !important;
  align-items:center !important;
}

.logo img{
  max-height:70px !important;
  width:auto !important;
}

.nav-row{
  gap:8px !important;
}

.nav-chip{
  border-radius:999px !important;
  font-weight:900 !important;
  box-shadow:none !important;
  border:1px solid rgba(15,23,42,.08) !important;
}

.chip-accent{
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  color:#052e16 !important;
}

/* Hero */
.uhh-stage1-hero.hero-pro{
  position:relative !important;
  overflow:hidden !important;
  padding:20px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(52,211,153,.35), transparent 32%),
    radial-gradient(circle at 90% 10%, rgba(96,165,250,.30), transparent 32%),
    linear-gradient(135deg,#061625 0%, #0f172a 54%, #10203b 100%) !important;
  box-shadow:0 22px 70px rgba(15,23,42,.24) !important;
  color:#fff !important;
}

.uhh-stage1-hero-copy{
  position:relative;
  z-index:1;
  max-width:860px;
  margin:0 0 16px;
}

.uhh-stage1-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(34,197,94,.14);
  border:1px solid rgba(134,239,172,.22);
  color:#bbf7d0;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.uhh-stage1-hero-copy h1{
  margin:10px 0 8px !important;
  max-width:760px;
  font-size:clamp(30px, 4vw, 56px) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  font-weight:1000 !important;
  color:#fff !important;
}

.uhh-stage1-hero-copy p{
  margin:0 !important;
  max-width:720px;
  color:rgba(226,232,240,.90) !important;
  font-size:clamp(14px, 1.8vw, 17px) !important;
  line-height:1.55 !important;
  font-weight:700 !important;
}

.hero-shortcuts.uhh-stage1-shortcuts{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:16px 0 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.uhh-stage1-shortcuts .hs-item{
  min-height:96px !important;
  border-radius:22px !important;
  padding:14px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.12) !important;
  backdrop-filter:blur(10px);
  color:#fff !important;
  transition:transform .16s ease, background .16s ease, border-color .16s ease !important;
}

.uhh-stage1-shortcuts .hs-item:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,255,255,.30) !important;
}

.uhh-stage1-shortcuts .hs-ic{
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  background:rgba(34,197,94,.16) !important;
  color:#86efac !important;
  border:1px solid rgba(134,239,172,.18) !important;
}

.uhh-stage1-shortcuts .hs-title{
  color:#fff !important;
  font-size:15px !important;
  font-weight:1000 !important;
}

.uhh-stage1-shortcuts .hs-sub{
  color:rgba(226,232,240,.78) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.uhh-stage1-shortcuts .hs-right{
  color:rgba(255,255,255,.65) !important;
}

/* Search card */
.hero-pro .search-pro{
  position:relative !important;
  z-index:2 !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.16) !important;
}

.hero-pro .search-bar .inp{
  border-radius:16px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  background:#f8fafc !important;
  color:#0f172a !important;
  font-weight:850 !important;
}

.hero-pro .btn-search{
  border-radius:16px !important;
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  color:#052e16 !important;
  font-weight:1000 !important;
  box-shadow:0 12px 28px rgba(22,163,74,.26) !important;
}

.hero-pro .btn-reset{
  border-radius:16px !important;
  font-weight:1000 !important;
}

/* Section headers */
.section-head{
  align-items:flex-end !important;
  gap:14px !important;
  margin:26px 0 14px !important;
}

.section-title{
  font-size:clamp(24px,3vw,36px) !important;
  letter-spacing:-.045em !important;
  font-weight:1000 !important;
  color:#0f172a !important;
}

.section-subtitle{
  color:#64748b !important;
  font-weight:750 !important;
  line-height:1.45 !important;
}

.uhh-tipbox{
  border-radius:18px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 12px 32px rgba(15,23,42,.06) !important;
}

/* Helper cards */
.grid{
  gap:18px !important;
}

.grid > .helper-pro,
.helpers-grid > .helper-pro{
  border-radius:26px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.09) !important;
  padding:16px !important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.grid > .helper-pro:hover,
.helpers-grid > .helper-pro:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 60px rgba(15,23,42,.13) !important;
  border-color:rgba(34,197,94,.24) !important;
}

.helper-pro .hp-head{
  display:grid !important;
  grid-template-columns:76px minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
}

.helper-pro .avatar-wrap,
.helper-pro .avatar-wrap img{
  width:76px !important;
  height:76px !important;
  border-radius:22px !important;
}

.helper-pro .avatar-wrap{
  background:linear-gradient(135deg,rgba(34,197,94,.20),rgba(37,99,235,.16)) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  overflow:hidden !important;
}

.helper-pro .avatar-wrap img{
  object-fit:cover !important;
  display:block !important;
}

.helper-pro .name{
  font-size:18px !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  font-weight:1000 !important;
  color:#0f172a !important;
}

.helper-pro .loc{
  color:#64748b !important;
  font-weight:800 !important;
  font-size:12px !important;
}

.helper-pro .role-chip{
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  margin-top:6px !important;
  border-radius:999px !important;
  padding:6px 10px !important;
  background:rgba(34,197,94,.10) !important;
  color:#166534 !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

.helper-pro .desc{
  margin-top:12px !important;
  color:#334155 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:650 !important;
}

.helper-pro .hp-mini{
  display:block !important;
  margin-top:12px !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

.helper-pro .hp-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:6px !important;
}

.helper-pro .hp-mini-cell{
  aspect-ratio:1.25/1 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#e2e8f0 !important;
}

.helper-pro .hp-mini-cell img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.helper-pro .hp-cta,
.helper-pro .cta{
  position:static !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin-top:14px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  justify-content:flex-start !important;
  max-width:100% !important;
}

.helper-pro .btn-ghost,
.helper-pro .admin-edit,
.helper-pro .btn-main{
  border-radius:999px !important;
  padding:9px 12px !important;
  min-height:38px !important;
  font-size:12px !important;
  font-weight:1000 !important;
}

/* Job cards */
.job-card{
  border-radius:24px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}

/* Mobile app-like bottom navigation injected by JS */
.uhh-mobile-nav{
  display:none;
}

@media (max-width: 760px){
  body{
    padding-bottom:78px !important;
  }

  .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #masthead.topbar,
  .topbar{
    position:sticky !important;
    top:0 !important;
    z-index:2000 !important;
  }

  .topbar-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .logo{
    display:flex !important;
    justify-content:center !important;
  }

  .logo img{
    max-height:58px !important;
  }

  .nav-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  .nav-group{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
  }

  .nav-chip{
    min-height:42px !important;
    padding:9px 10px !important;
    justify-content:center !important;
    font-size:13px !important;
  }

  .py-16{
    padding-top:12px !important;
  }

  .uhh-stage1-hero.hero-pro{
    padding:16px !important;
    border-radius:24px !important;
  }

  .uhh-stage1-hero-copy h1{
    font-size:34px !important;
    line-height:1 !important;
  }

  .uhh-stage1-hero-copy p{
    font-size:14px !important;
  }

  .hero-shortcuts.uhh-stage1-shortcuts{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  .uhh-stage1-shortcuts .hs-item{
    min-height:112px !important;
    padding:12px !important;
    align-items:flex-start !important;
  }

  .uhh-stage1-shortcuts .hs-left{
    align-items:flex-start !important;
    gap:10px !important;
  }

  .uhh-stage1-shortcuts .hs-right{
    display:none !important;
  }

  .uhh-stage1-shortcuts .hs-ic{
    width:38px !important;
    height:38px !important;
    border-radius:14px !important;
    flex:0 0 38px !important;
  }

  .uhh-stage1-shortcuts .hs-title{
    font-size:14px !important;
    line-height:1.1 !important;
  }

  .uhh-stage1-shortcuts .hs-sub{
    margin-top:4px !important;
    font-size:11px !important;
    line-height:1.25 !important;
  }

  .hero-pro .search-pro{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px !important;
  }

  .hero-pro .search-fields{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .hero-pro .search-trade,
  .hero-pro .search-area{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .hero-pro .search-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
  }

  .hero-pro .search-actions .btn{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
  }

  .section-head{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    margin-top:20px !important;
  }

  .section-title{
    font-size:26px !important;
  }

  .section-subtitle{
    font-size:13px !important;
  }

  .uhh-tipbox{
    display:none !important;
  }

  .uhh-view-toggle-row{
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
  }

  .grid,
  .helpers-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .grid > .helper-pro,
  .helpers-grid > .helper-pro{
    padding:14px !important;
    border-radius:24px !important;
  }

  .helper-pro .hp-head{
    grid-template-columns:64px minmax(0,1fr) auto !important;
    gap:10px !important;
  }

  .helper-pro .avatar-wrap,
  .helper-pro .avatar-wrap img{
    width:64px !important;
    height:64px !important;
    border-radius:19px !important;
  }

  .helper-pro .name{
    font-size:17px !important;
  }

  .helper-pro .hp-stars{
    align-self:start !important;
    font-size:12px !important;
  }

  .helper-pro .hp-mini-grid{
    grid-template-columns:repeat(4,1fr) !important;
    gap:5px !important;
  }

  .helper-pro .hp-cta,
  .helper-pro .cta{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .helper-pro .btn-ghost,
  .helper-pro .admin-edit,
  .helper-pro .btn-main{
    width:100% !important;
    justify-content:center !important;
  }

  .uhh-mobile-nav{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:9998;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:6px;
    padding:8px;
    border-radius:22px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(15,23,42,.10);
    box-shadow:0 18px 55px rgba(15,23,42,.22);
    backdrop-filter:blur(18px) saturate(160%);
  }

  .uhh-mobile-nav a{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-height:48px;
    border-radius:16px;
    color:#475569;
    text-decoration:none;
    font-size:10px;
    font-weight:1000;
  }

  .uhh-mobile-nav a.is-active{
    color:#052e16;
    background:linear-gradient(135deg,rgba(34,197,94,.24),rgba(34,197,94,.12));
  }

  .uhh-mobile-nav i{
    font-size:16px;
  }
}

@media (min-width:761px) and (max-width:1080px){
  .hero-shortcuts.uhh-stage1-shortcuts{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Stage 1C — mobile header/nav polish
   Fixes: ugly white mobile masthead, invisible login/logout, excess empty space. */
@media (max-width: 760px){
  body{
    padding-top:0 !important;
  }

  #masthead.topbar,
  .topbar{
    position:sticky !important;
    top:0 !important;
    z-index:3000 !important;
    padding:7px 0 8px !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(52,211,153,.28), transparent 38%),
      linear-gradient(135deg,#04111f 0%, #092215 46%, #0f172a 100%) !important;
    border-bottom:1px solid rgba(134,239,172,.20) !important;
    box-shadow:0 10px 34px rgba(2,6,23,.28) !important;
    backdrop-filter:blur(16px) saturate(150%) !important;
  }

  #masthead .topbar-inner,
  .topbar-inner{
    width:100% !important;
    max-width:100% !important;
    padding:0 10px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    align-items:stretch !important;
  }

  #masthead .logo,
  .logo{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    min-height:42px !important;
  }

  #masthead .logo a,
  .logo a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    max-width:210px !important;
    overflow:hidden !important;
  }

  #masthead .logo img,
  .logo img{
    height:44px !important;
    max-height:44px !important;
    width:auto !important;
    display:block !important;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.28)) !important;
  }

  #masthead .nav-row,
  .nav-row{
    width:100% !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:7px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #masthead .nav-row::-webkit-scrollbar,
  .nav-row::-webkit-scrollbar{
    display:none !important;
  }

  #masthead .nav-group,
  .nav-group{
    display:flex !important;
    grid-template-columns:none !important;
    flex:0 0 auto !important;
    width:auto !important;
    gap:8px !important;
  }

  #masthead .nav-chip,
  .nav-chip{
    flex:0 0 auto !important;
    min-width:max-content !important;
    min-height:38px !important;
    height:38px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.11) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#f8fafc !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:1000 !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    box-shadow:none !important;
    opacity:1 !important;
  }

  #masthead .nav-chip i,
  .nav-chip i{
    color:currentColor !important;
    font-size:13px !important;
    opacity:1 !important;
  }

  #masthead .chip-helpers,
  #masthead .chip-active,
  .chip-helpers,
  .chip-active{
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    color:#052e16 !important;
    border-color:rgba(134,239,172,.45) !important;
  }

  #masthead .chip-jobs,
  .chip-jobs{
    background:rgba(255,255,255,.16) !important;
    color:#ffffff !important;
  }

  #masthead .chip-accent,
  .chip-accent{
    background:linear-gradient(135deg,#fbbf24,#f59e0b) !important;
    color:#111827 !important;
    border-color:rgba(253,230,138,.55) !important;
  }

  #masthead .chip-neutral,
  .chip-neutral{
    background:rgba(255,255,255,.96) !important;
    color:#0f172a !important;
    border-color:rgba(255,255,255,.78) !important;
  }

  #masthead .nav-group:last-child .nav-chip,
  .nav-group:last-child .nav-chip{
    background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
    color:#ffffff !important;
    border-color:rgba(147,197,253,.45) !important;
  }

  .py-16{
    padding-top:10px !important;
  }

  .uhh-stage1-hero.hero-pro{
    margin-top:4px !important;
  }
}

@media (max-width: 390px){
  #masthead .nav-chip,
  .nav-chip{
    height:36px !important;
    min-height:36px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }
  #masthead .logo img,
  .logo img{
    height:40px !important;
    max-height:40px !important;
  }
}

/* Stage 2 — compressed premium mobile hero/header fallback. Main override is also placed in index.php after old inline CSS. */
@media (max-width:760px){
  #masthead.topbar,.topbar#masthead{height:58px!important;min-height:58px!important;max-height:58px!important;}
  #masthead .logo img,#masthead .logo svg{height:42px!important;max-height:42px!important;max-width:220px!important;}
  .uhh-stage1-hero-copy h1{font-size:clamp(30px,8.6vw,38px)!important;line-height:1.03!important;}
  .uhh-stage1-hero-copy p{font-size:13.5px!important;line-height:1.38!important;}
  .hero-shortcuts.uhh-stage1-shortcuts{display:flex!important;overflow-x:auto!important;gap:8px!important;}
  .uhh-stage1-shortcuts .hs-item{flex:0 0 146px!important;min-height:62px!important;height:62px!important;}
}
<style id="uhh-stage3-mobile-final">
.uhh-mobile-wordmark{display:none;}
@media (min-width:761px){#masthead.topbar,.topbar#masthead{height:72px!important;min-height:72px!important;background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 28px rgba(15,23,42,.08)!important;backdrop-filter:blur(16px) saturate(160%)!important;}#masthead .topbar-inner{height:72px!important;min-height:72px!important;padding:0 18px!important;}#masthead .logo img,#masthead .logo svg{height:50px!important;max-height:50px!important;}}
@media (max-width:760px){html,body{overflow-x:hidden!important;}body{padding-bottom:90px!important;background:#f3f7fb!important;}#masthead.topbar,.topbar#masthead{height:50px!important;min-height:50px!important;max-height:50px!important;background:linear-gradient(135deg,#04140d 0%,#082116 56%,#0b1220 100%)!important;border-bottom:1px solid rgba(52,211,153,.18)!important;box-shadow:0 8px 22px rgba(2,6,23,.22)!important;}#masthead .topbar-inner,#masthead .container.topbar-inner{height:50px!important;min-height:50px!important;max-height:50px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;}#masthead .logo{height:50px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;}#masthead .logo a{height:50px!important;width:100%!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-decoration:none!important;overflow:hidden!important;}#masthead .logo img,#masthead .logo svg{display:none!important;}#masthead .uhh-mobile-wordmark{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;color:#fff!important;}#masthead .uhh-mobile-mark{width:34px!important;height:34px!important;border-radius:13px!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;background:linear-gradient(135deg,#34d399,#06b6d4)!important;color:#052e16!important;font-weight:1000!important;font-size:12px!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 0 22px rgba(34,211,238,.20)!important;}#masthead .uhh-mobile-brand-text{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.05!important;}#masthead .uhh-mobile-brand-text strong{font-size:15px!important;font-weight:1000!important;color:#f8fafc!important;letter-spacing:-.025em!important;white-space:nowrap!important;}#masthead .uhh-mobile-brand-text em{margin-top:2px!important;font-size:10px!important;font-style:normal!important;font-weight:850!important;color:#fde68a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}#masthead .nav-row,#masthead .nav-group,#masthead .nav-chip{display:none!important;}.py-16,main.py-16{padding-top:8px!important;}.container{padding-left:12px!important;padding-right:12px!important;}.uhh-stage1-hero.hero-pro{margin:0 auto 18px!important;padding:13px!important;border-radius:22px!important;gap:9px!important;box-shadow:0 16px 42px rgba(15,23,42,.18)!important;}.uhh-stage1-kicker{padding:4px 8px!important;font-size:9px!important;letter-spacing:.10em!important;}.uhh-stage1-hero-copy h1{margin:8px 0 5px!important;max-width:295px!important;font-size:clamp(27px,7.6vw,32px)!important;line-height:1.04!important;letter-spacing:-.052em!important;}.uhh-stage1-hero-copy p{max-width:300px!important;font-size:12.8px!important;line-height:1.32!important;font-weight:760!important;}.hero-shortcuts.uhh-stage1-shortcuts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:2px 0 0!important;padding:0!important;overflow:visible!important;}.uhh-stage1-shortcuts .hs-item{flex:none!important;min-height:54px!important;height:54px!important;padding:8px 9px!important;border-radius:17px!important;}.uhh-stage1-shortcuts .hs-item:nth-child(n+3){display:none!important;}.uhh-stage1-shortcuts .hs-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;}.uhh-stage1-shortcuts .hs-ic{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:12px!important;font-size:14px!important;}.uhh-stage1-shortcuts .hs-title{font-size:12.5px!important;line-height:1.08!important;letter-spacing:0!important;}.uhh-stage1-shortcuts .hs-sub,.uhh-stage1-shortcuts .hs-right{display:none!important;}.hero-pro .search-pro{padding:9px!important;border-radius:18px!important;gap:7px!important;margin-top:0!important;}.hero-pro .search-fields{gap:7px!important;}.hero-pro .search-bar .inp,.hero-pro .search-fields .inp{height:39px!important;min-height:39px!important;border-radius:13px!important;font-size:12.5px!important;padding:0 12px!important;}.hero-pro .search-actions{gap:7px!important;}.hero-pro .search-actions .btn{height:39px!important;min-height:39px!important;border-radius:13px!important;font-size:12.5px!important;padding:0 12px!important;}.section-head{margin:18px 0 12px!important;align-items:center!important;}.section-title{font-size:24px!important;line-height:1!important;}.section-subtitle{font-size:12.8px!important;line-height:1.28!important;max-width:250px!important;}.uhh-mobile-nav{left:10px!important;right:10px!important;bottom:10px!important;padding:7px!important;border-radius:24px!important;box-shadow:0 18px 46px rgba(2,6,23,.22)!important;}.uhh-mobile-nav a{min-height:45px!important;border-radius:17px!important;}#uhhCounter{display:none!important;}}
@media (max-width:390px){.uhh-stage1-hero-copy h1{font-size:27px!important;max-width:270px!important;}.uhh-stage1-hero-copy p{font-size:12.4px!important;max-width:270px!important;}.uhh-stage1-shortcuts .hs-title{font-size:12px!important;}}