/* NILA Connect | Lovable-style marketplace redesign layer
   CSS-only design system loaded last. Functionality, routes, IDs and JS are untouched. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT,WONK@9..144,500..800,0..100,0..1&family=Inter:wght@400;450;500;600;700;800;900&display=swap');

:root{
  --navy:#06251f;
  --navy2:#0d6b55;
  --teal:#0d6b55;
  --cyan:#8cebd2;
  --gold:#d9f765;
  --gold2:#c9ec50;
  --ink:#151712;
  --muted:#6c766e;
  --light:#9aa69e;
  --paper:#fbfaf7;
  --paper2:#f6f1e9;
  --white:#ffffff;
  --border:rgba(15,28,22,.10);
  --border2:rgba(15,28,22,.14);
  --shadow:0 18px 45px rgba(6,37,31,.10);
  --shadow2:0 34px 90px rgba(6,37,31,.16);
  --radius:16px;
  --radius2:26px;
  --nav-h:56px;
  --mobile-nav-h:72px;
  --font-ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-display:'Fraunces',Georgia,serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{
  font-family:var(--font-ui)!important;
  background:var(--paper)!important;
  color:var(--ink)!important;
  font-size:15px;
  line-height:1.55;
  letter-spacing:-.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.container{width:min(1160px,94vw)!important;margin-inline:auto!important}

h1,h2,h3,.section-head h2,.page-hero h1,.pagehero h1,.dir-hero-v125 h1,.join-title,.login-card h1,.auth-card h1,.form-card h2,.card h2,.card h3,.footer-brand strong{
  font-family:var(--font-display)!important;
  letter-spacing:-.055em!important;
  line-height:.98!important;
  color:var(--ink);
  font-weight:660!important;
}
p{color:var(--muted)}
.gold,.gold-text{color:var(--teal)!important;font-style:italic;font-family:var(--font-display)!important}

/* Navigation */
.nav{
  height:var(--nav-h)!important;
  background:rgba(251,250,247,.92)!important;
  border-bottom:1px solid var(--border)!important;
  backdrop-filter:blur(20px)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset!important;
}
.nav-inner{gap:14px!important}
.nav-logo svg{height:34px!important;display:block!important}
.nav-links{
  margin-left:14px!important;
  gap:3px!important;
  background:rgba(255,255,255,.55)!important;
  border:1px solid rgba(15,28,22,.08)!important;
  border-radius:999px!important;
  padding:3px!important;
  flex:0 1 auto!important;
}
.nav-links a{
  color:#3f4b44!important;
  font-size:12px!important;
  font-weight:700!important;
  padding:7px 13px!important;
  border-radius:999px!important;
}
.nav-links a:hover,.nav-links a.active{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(6,37,31,.06)!important}
.nav-actions{margin-left:auto!important;gap:8px!important}
.nav .btn{padding:8px 15px!important;font-size:12px!important;min-height:34px!important;box-shadow:none!important}
.nav .btn-outline{background:#fff!important;border:1px solid var(--border2)!important;color:var(--ink)!important}
.nav .btn-gold{background:#11130f!important;color:#fff!important;border:1px solid #11130f!important}
.nav-hamburger span{background:var(--ink)!important}

/* Buttons and controls */
.btn,.go,.btn-submit,.p-btn,.dir-btn-primary,.lb-primary,.cb-primary,.ops-btn,.ctrl-btn,.dir-mini-btn{
  border-radius:999px!important;
  font-family:var(--font-ui)!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease!important;
}
.btn:hover,.go:hover,.dir-btn-primary:hover,.p-btn:hover{transform:translateY(-1px)!important}
.btn-gold,.btn-primary,.go,.btn-submit,.dir-btn-primary,.p-btn-primary,.lb-primary{
  background:var(--ink)!important;
  color:#fff!important;
  border-color:var(--ink)!important;
  box-shadow:0 12px 24px rgba(17,19,15,.16)!important;
}
.btn-outline,.btn-soft,.p-btn-outline,.lb-soft,.dir-mini-btn{
  background:#fff!important;
  border:1px solid var(--border2)!important;
  color:var(--ink)!important;
  box-shadow:0 1px 2px rgba(6,37,31,.04)!important;
}
.btn-outline-light{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.06)!important;
}
.eyebrow,.page-hero-tag,.insight-tag,.community-badge,.plan-badge,.badge,.p-plan,.dir-card-tag,.status-pill,.ops-pill{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  background:#e6f4ee!important;
  color:var(--teal)!important;
  border:1px solid #cfe8dd!important;
  border-radius:999px!important;
  padding:6px 10px!important;
  font-family:var(--font-ui)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Cards, panels and forms across the site */
.card,.form-card,.login-card,.auth-card,.cd-card,.pd-card,.owner-card,.ops-card,.dir-card,.community-type,.insight-card,.contact-opt,.check-card,.request-side-card,.nila-life-card,.home-choice,.provider-card,.lead-card,.admin-charts-card,.admin-feedback-card,.admin-add-vendor-card,.admin-data-table,.owner-panel,.ops-panel,.p-card,.profile-card{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:24px!important;
  box-shadow:0 14px 34px rgba(6,37,31,.07)!important;
}
.form-card,.login-card,.auth-card{padding:28px!important}
.form-field input,.form-field select,.form-field textarea,.field input,.field select,.field textarea,.input,.loc-input,.ops-input,.pf-input,.search-bar input,.search-bar select,.hero-search input,.hero-search select,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],select,textarea{
  border-radius:14px!important;
  border:1px solid var(--border2)!important;
  background:#fff!important;
  color:var(--ink)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset!important;
}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.loc-input:focus,.ops-input:focus,.pf-input:focus,.search-bar input:focus,.search-bar select:focus,.hero-search input:focus,textarea:focus,input:focus,select:focus{
  outline:0!important;
  border-color:#74c9ad!important;
  box-shadow:0 0 0 4px rgba(13,107,85,.12)!important;
}
label,.form-field label,.field label{color:#34433c!important;font-weight:800!important;font-size:12px!important;letter-spacing:.02em!important}

/* Generic page hero */
.page-hero,.pagehero,.faq-hero,.dir-hero-v125,.pd-hero,.cd-hero,.owner-hero,.group-hero{
  background:linear-gradient(135deg,#06251f 0%,#0d6b55 100%)!important;
  color:#fff!important;
  border-bottom:none!important;
}
.page-hero h1,.pagehero h1,.dir-hero-v125 h1,.pd-hero h1,.cd-hero h1,.owner-hero h1,.group-hero h1{color:#fff!important}
.page-hero p,.pagehero p,.dir-hero-v125 p,.pd-hero p,.cd-hero p,.owner-hero p,.group-hero p{color:rgba(255,255,255,.74)!important}
.section{padding:84px 0!important}
.alt-bg{background:var(--paper2)!important}
.section-head{margin-bottom:32px!important}
.section-head h2{font-size:clamp(32px,4vw,56px)!important}
.section-head p{font-size:16px!important;max-width:660px!important}

/* Homepage: replica of the Lovable screenshot direction */
body.page-home .hero{
  min-height:unset!important;
  padding:38px 0 62px!important;
  color:var(--ink)!important;
  background:
    radial-gradient(circle at 78% 26%,rgba(15,107,85,.06),transparent 36%),
    linear-gradient(180deg,#fffefb 0%,#fbfaf7 58%,#f6f1e9 100%)!important;
  overflow:visible!important;
}
body.page-home .hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;background:var(--border);
}
body.page-home .hero-bg{display:none!important}
body.page-home .hero-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)!important;
  grid-template-rows:auto auto!important;
  gap:34px 62px!important;
  align-items:center!important;
  min-height:unset!important;
}
body.page-home .hero-copy{grid-column:1;grid-row:1;gap:18px!important;max-width:600px!important}
body.page-home .hero-kicker{
  background:#e9f5f0!important;
  color:var(--teal)!important;
  border:1px solid #d3e9df!important;
  border-radius:999px!important;
  padding:7px 11px!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  width:max-content!important;
}
body.page-home .kicker-dot{background:#29b17e!important;box-shadow:0 0 0 4px rgba(41,177,126,.14)!important}
body.page-home .hero h1{
  color:#1c1713!important;
  font-family:var(--font-display)!important;
  font-weight:670!important;
  font-size:clamp(46px,6.9vw,86px)!important;
  line-height:.88!important;
  letter-spacing:-.078em!important;
  max-width:570px!important;
}
body.page-home .hero h1 .gold{color:var(--teal)!important;font-style:italic!important}
body.page-home .hero p{
  color:#49544d!important;
  font-size:16px!important;
  line-height:1.58!important;
  max-width:520px!important;
  font-weight:540!important;
}
body.page-home .hero-search{
  max-width:660px!important;
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:1.1fr 1fr auto!important;
  gap:8px!important;
  box-shadow:0 18px 36px rgba(6,37,31,.10)!important;
}
body.page-home .hs-field{
  background:#fbfaf7!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  padding:11px 12px!important;
}
body.page-home .hs-field label{color:#7a837d!important;font-size:9px!important;margin-bottom:3px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
body.page-home .hs-select-wrap input,body.page-home .hs-loc-wrap input{font-size:13px!important;font-weight:750!important;color:var(--ink)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.page-home .hs-submit{
  background:var(--teal)!important;
  color:#fff!important;
  min-width:112px!important;
  border-radius:13px!important;
  box-shadow:0 10px 22px rgba(13,107,85,.20)!important;
}
body.page-home .hs-gps,body.page-home .hs-chevron{color:var(--teal)!important;filter:none!important}
body.page-home .hs-dropdown{border-radius:18px!important;border:1px solid var(--border)!important;box-shadow:var(--shadow2)!important}
body.page-home .value-actions{display:none!important}
body.page-home .trust-row{gap:20px!important;margin-top:3px!important}
body.page-home .trust-item{color:#617068!important;font-size:12px!important;font-weight:750!important}
body.page-home .trust-icon{width:18px!important;height:18px!important;background:#e9f5f0!important;color:var(--teal)!important;font-size:10px!important}
body.page-home .hero-right{display:contents!important}
body.page-home .map-prompt,body.page-home .map-mode-bar,body.page-home .hero-map-wrap{display:none!important}
body.page-home .lovable-proof-panel{
  grid-column:2;grid-row:1;
  position:relative!important;
  min-height:330px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:var(--ink)!important;
}
body.page-home .lp-card{
  position:absolute;
  background:#fff;
  border:1px solid rgba(15,28,22,.10);
  border-radius:20px;
  box-shadow:0 22px 48px rgba(6,37,31,.11);
  padding:16px;
  color:var(--ink);
}
body.page-home .lp-card strong{display:block;font-size:13px;font-weight:850;letter-spacing:-.02em;color:var(--ink);margin-bottom:5px}
body.page-home .lp-card span{display:block;color:var(--muted);font-size:11px;font-weight:650;line-height:1.4}
body.page-home .lp-icon{width:32px;height:32px;border-radius:10px;background:#e8f5ef;color:var(--teal);display:grid;place-items:center;margin-bottom:9px}
body.page-home .lp-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
body.page-home .lp-main{left:28px;top:34px;width:230px;transform:rotate(-2deg)}
body.page-home .lp-dark{right:20px;top:56px;width:232px;background:#071b18;color:#fff;transform:rotate(3deg);border-color:rgba(255,255,255,.08)}
body.page-home .lp-dark strong{color:#fff}.lp-dark span{color:rgba(255,255,255,.72)!important}
body.page-home .lp-stat{left:22px;bottom:28px;width:200px;background:#dff7ed;border-color:#b8e6d3;transform:rotate(1deg)}
body.page-home .lp-stat b{font-family:var(--font-display);font-size:36px;line-height:1;color:var(--teal);letter-spacing:-.06em}
body.page-home .lp-community{right:16px;bottom:46px;width:230px;transform:rotate(-1.5deg)}
body.page-home .lp-avatars{display:flex;margin-top:8px}.lp-avatars i{width:20px;height:20px;border-radius:50%;background:#d7efe6;border:2px solid #fff;margin-left:-5px}.lp-avatars i:first-child{margin-left:0}.lp-avatars i:nth-child(2){background:#ffdfb5}.lp-avatars i:nth-child(3){background:#cbe7ff}.lp-avatars i:nth-child(4){background:#e9d6ff}

body.page-home .hero-cats{
  grid-column:1/-1!important;
  grid-row:2!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:13px!important;
  background:transparent!important;
  border:0!important;
  padding:8px 0 0!important;
  margin:0!important;
}
body.page-home .hcat{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:15px!important;
  min-height:92px!important;
  padding:15px 12px 12px!important;
  color:var(--ink)!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  box-shadow:0 8px 22px rgba(6,37,31,.05)!important;
  gap:7px!important;
  position:relative!important;
  overflow:hidden!important;
}
body.page-home .hcat:hover{background:#fbfffc!important;border-color:#b9dfd0!important;transform:translateY(-3px)!important;box-shadow:0 16px 32px rgba(6,37,31,.09)!important}
body.page-home .hcat span{color:var(--ink)!important;font-size:13px!important;font-weight:820!important;line-height:1.1!important;white-space:normal!important;text-align:left!important}
body.page-home .hcat::after{content:'All pros';display:block;font-size:10px;color:#8a958e;font-weight:700;margin-top:auto}
body.page-home .hcat-icon-wrap{
  width:30px!important;height:30px!important;border-radius:10px!important;
  background:#e8f5ef!important;color:var(--teal)!important;
  box-shadow:none!important;display:grid!important;place-items:center!important;
  transition:transform .18s ease!important;
}
body.page-home .hcat svg{width:18px!important;height:18px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important}
body.page-home .hcat svg *{stroke:currentColor!important;fill:none!important;opacity:1!important}
body.page-home .hcat.community-cat{background:#11130f!important;color:#fff!important;border-color:#11130f!important}
body.page-home .hcat.community-cat span{color:#fff!important}
body.page-home .hcat.community-cat::after{content:'Explore';color:rgba(255,255,255,.62)!important}
body.page-home .hcat.community-cat .hcat-icon-wrap{background:rgba(255,255,255,.12)!important;color:#d9f765!important}

/* Homepage sections */
body.page-home .nila-life-section,body.page-home .home-choice-section,body.page-home .nila-memory-band{display:none!important}
body.page-home .results-strip{
  display:block!important;
  background:#fff!important;
  padding:28px 0 54px!important;
  border-top:1px solid var(--border)!important;
  margin-top:0!important;
}
body.page-home .results-strip-head h3{font-family:var(--font-display)!important;font-size:28px!important;color:var(--ink)!important;letter-spacing:-.055em!important}
body.page-home .results-strip-head a{background:#e9f5f0!important;color:var(--teal)!important;border-radius:999px!important;padding:8px 12px!important;font-size:12px!important;font-weight:800!important}
body.page-home .providers-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.page-home .provider-skeleton{border-radius:18px!important;background:linear-gradient(90deg,#f2f4f1,#fff,#f2f4f1)!important;border:1px solid var(--border)!important;min-height:118px!important}
body.page-home .provider-card,body.page-home .p-card{border-radius:18px!important}

body.page-home .section-community{
  background:var(--teal)!important;
  padding:76px 0!important;
  border:0!important;
}
body.page-home .community-banner{
  background:radial-gradient(circle at 68% 48%,rgba(217,247,101,.10),transparent 33%),#06251f!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 34px 70px rgba(0,0,0,.16)!important;
  border-radius:28px!important;
  padding:42px!important;
  color:#fff!important;
  overflow:hidden!important;
}
body.page-home .community-banner h2{color:#fff!important;font-size:clamp(32px,4.8vw,58px)!important;max-width:560px!important}
body.page-home .community-banner p{color:rgba(255,255,255,.72)!important;max-width:540px!important}
body.page-home .community-banner .gold-text{color:#d9f765!important}
body.page-home .community-banner .btn-gold{background:#d9f765!important;color:#06251f!important;border:0!important;box-shadow:0 14px 28px rgba(217,247,101,.15)!important}
body.page-home .community-banner .cb-card{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-radius:16px!important;
  box-shadow:none!important;
  backdrop-filter:blur(8px)!important;
}
body.page-home .cb-card-name{color:#fff!important}.cb-card-meta{color:rgba(255,255,255,.62)!important}.cb-card-badge{background:#d9f765!important;color:#06251f!important;border-radius:999px!important}

body.page-home .section-providers-cta{
  background:var(--paper2)!important;
  padding:72px 0!important;
}
body.page-home .provider-cta-wrap{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:24px!important;
  box-shadow:0 20px 42px rgba(6,37,31,.08)!important;
  padding:34px!important;
  position:relative!important;
  overflow:hidden!important;
}
body.page-home .provider-cta-wrap::before{
  content:"";position:absolute;left:28px;right:28px;top:18px;height:10px;border-radius:999px;
  background:linear-gradient(90deg,#d9f765 0 37%,#e8f5ef 37% 100%);
}
body.page-home .provider-cta-wrap h2{font-size:clamp(30px,4.4vw,54px)!important;color:var(--ink)!important;margin-top:18px!important}
body.page-home .provider-cta-wrap p{max-width:640px!important}
body.page-home .pctw-stat{border-left:0!important;border-top:1px solid var(--border)!important;padding-top:16px!important}
body.page-home .stat-val{font-family:var(--font-display)!important;color:var(--teal)!important;font-size:32px!important;letter-spacing:-.06em!important}
body.page-home .alt-bg{background:#fff!important;padding:72px 0 90px!important}
body.page-home .notice-empty{background:transparent!important;border:0!important;color:#748077!important;text-align:center!important}

/* Directory / marketplace flow */
.dir-hero-v125{
  padding:70px 0 46px!important;
  background:radial-gradient(circle at 80% 15%,rgba(217,247,101,.14),transparent 28%),linear-gradient(135deg,#06251f,#0d6b55)!important;
}
.dir-hero-v125 h1{font-size:clamp(42px,6vw,78px)!important;max-width:840px!important}
.dir-hero-v125 p{font-size:17px!important;line-height:1.6!important;max-width:720px!important}
.search-bar{
  background:#fff!important;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  box-shadow:0 24px 50px rgba(6,37,31,.14)!important;
  padding:10px!important;
}
.dir-cats{background:rgba(255,255,255,.7)!important;border:1px solid var(--border)!important;border-radius:22px!important;padding:12px!important;box-shadow:0 12px 24px rgba(6,37,31,.05)!important}
.dir-cat,.filter-chip,.sort-chip,.group-tab,.join-tab,.pd-tab,.cd-tab,.owner-tab,.ops-tab{
  border-radius:999px!important;
  border:1px solid var(--border2)!important;
  background:#fff!important;
  color:#36443d!important;
  font-weight:800!important;
}
.dir-cat.active,.filter-chip.active,.sort-chip.active,.group-tab.active,.join-tab.active,.pd-tab.active,.cd-tab.active,.owner-tab.active,.ops-tab.active{
  background:#11130f!important;color:#fff!important;border-color:#11130f!important;
}
.dir-body{gap:22px!important}
.dir-map-card{border-radius:24px!important;overflow:hidden!important;border:1px solid var(--border)!important;box-shadow:0 18px 42px rgba(6,37,31,.08)!important}
.dir-results{background:transparent!important}
.dir-results-head h2{font-family:var(--font-display)!important;font-size:32px!important;letter-spacing:-.055em!important;color:var(--ink)!important}
.dir-card{padding:18px!important;border-radius:20px!important}
.dir-card-avatar,.p-avatar,.mini-avatar{background:#e8f5ef!important;color:var(--teal)!important;border-radius:14px!important}
.dir-card-name,.p-name,.mini-name{font-weight:850!important;color:var(--ink)!important}
.dir-card-rating,.p-rating,.mini-rating{color:var(--teal)!important;font-weight:850!important}
.dir-card-tag.avail{background:#e8f5ef!important;color:var(--teal)!important;border-color:#cfe8dd!important}

/* Auth, join, quote, dashboard style */
.login-wrap,.auth-wrap,.join-wrap{background:var(--paper2)!important}
.login-card,.auth-card,.join-panel,.form-card{border-radius:26px!important;box-shadow:0 24px 58px rgba(6,37,31,.10)!important}
.join-tabs,.login-tabs{background:#fff!important;border:1px solid var(--border)!important;border-radius:999px!important;padding:4px!important;box-shadow:0 6px 16px rgba(6,37,31,.05)!important}
.join-title{font-size:clamp(34px,5vw,62px)!important;color:var(--ink)!important}
.form-section-title{font-family:var(--font-display)!important;font-size:28px!important;letter-spacing:-.055em!important;color:var(--ink)!important}
.form-note,.request-helper-card,.empty-note,.notice-empty,.cd-empty,.dir-empty{
  background:#fff!important;border:1px dashed var(--border2)!important;border-radius:20px!important;color:var(--muted)!important;
}
.cd-shell,.pd-shell,.owner-shell,.ops-shell,.ux-provider-app{background:var(--paper)!important}
.ux-side,.ux-side.pro,.ux-side.power,.ops-nav{background:#06251f!important;color:#fff!important}
.ux-side button,.ops-nav a,.owner-tab,.pd-tab,.cd-tab{font-family:var(--font-ui)!important}
.ux-side button.ux-side-active,.ux-side button:hover{background:rgba(217,247,101,.13)!important;color:#fff!important}
.cd-card,.pd-card,.owner-card,.ops-card{padding:22px!important}
.chart-bars i,.ux-chart i{background:linear-gradient(180deg,#0d6b55,#d9f765)!important;border-radius:10px 10px 0 0!important}

/* Footer and mobile nav */
.footer{
  background:#061d19!important;
  color:#fff!important;
  border-top:0!important;
}
.footer p,.footer a,.footer-bottom{color:rgba(255,255,255,.66)!important}
.footer strong{color:#fff!important;font-family:var(--font-ui)!important;letter-spacing:-.02em!important}
.mobile-nav{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(15,28,22,.10)!important;
  border-radius:24px 24px 0 0!important;
  box-shadow:0 -16px 38px rgba(6,37,31,.10)!important;
  backdrop-filter:blur(18px)!important;
}
.mn-item{color:#6b756f!important;font-weight:750!important}
.mn-item.active,.mn-item:hover{color:var(--teal)!important}

/* Mobile first behaviour */
@media(max-width:980px){
  .nav-links,.nav-actions{display:none!important}
  .nav-hamburger{display:flex!important}
  body.page-home .hero-inner{grid-template-columns:1fr!important;gap:24px!important}
  body.page-home .hero-copy{grid-column:1!important;grid-row:1!important;max-width:none!important}
  body.page-home .lovable-proof-panel{grid-column:1!important;grid-row:2!important;min-height:250px!important}
  body.page-home .hero-cats{grid-column:1!important;grid-row:3!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.page-home .lp-main{left:0;top:10px}.lp-dark{right:0!important;top:18px!important}.lp-stat{left:2px!important;bottom:0!important}.lp-community{right:0!important;bottom:8px!important}
  .community-banner,.provider-cta-wrap{grid-template-columns:1fr!important}
  .providers-grid,body.page-home .providers-grid,.cards-grid,.grid3,.community-type-grid,.nila-life-grid{grid-template-columns:1fr 1fr!important}
  .section{padding:64px 0!important}
}
@media(max-width:680px){
  :root{--nav-h:58px}
  body{font-size:14px;padding-bottom:var(--mobile-nav-h)}
  .container{width:min(100% - 28px,1160px)!important}
  .nav-logo svg{height:32px!important}
  body.page-home .hero{padding:28px 0 42px!important}
  body.page-home .hero h1{font-size:clamp(44px,14vw,64px)!important;line-height:.9!important;max-width:360px!important}
  body.page-home .hero p{font-size:15px!important}
  body.page-home .hero-search{grid-template-columns:1fr!important;border-radius:22px!important;padding:10px!important;max-width:none!important}
  body.page-home .hs-submit{height:46px!important;width:100%!important}
  body.page-home .trust-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body.page-home .lovable-proof-panel{min-height:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body.page-home .lp-card{position:static!important;transform:none!important;width:auto!important;padding:14px!important}
  body.page-home .hero-cats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.page-home .hcat{min-height:86px!important;padding:13px!important}
  body.page-home .section-community{padding:42px 0!important}
  body.page-home .community-banner{padding:24px!important;border-radius:24px!important}
  body.page-home .provider-cta-wrap{padding:26px 20px!important}
  body.page-home .provider-cta-wrap::before{left:20px;right:20px}
  .section{padding:52px 0!important}
  .section-head{align-items:flex-start!important;flex-direction:column!important}
  .section-head h2,.page-hero h1,.pagehero h1,.dir-hero-v125 h1{font-size:clamp(34px,11vw,52px)!important}
  .hero-search,.search-bar{grid-template-columns:1fr!important}
  .search-bar input,.search-bar select,.search-bar .go,.hero-search input,.hero-search select{min-width:100%!important}
  .providers-grid,body.page-home .providers-grid,.cards-grid,.grid3,.community-type-grid,.nila-life-grid,.dir-grid,.dashboard-grid,.form-grid,.request-value-grid{grid-template-columns:1fr!important}
  .dir-body{display:block!important}
  .dir-results,.dir-sidebar{width:100%!important;padding:0!important}
  .dir-cats,.filter-bar,.provider-sort-bar,.group-tabs,.join-tabs,.pd-tabs,.cd-tabs,.owner-tabs,.ops-filter-row{overflow-x:auto!important;white-space:nowrap!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;padding-bottom:6px!important}
  .form-card,.login-card,.auth-card,.join-panel,.card,.dir-card,.cd-card,.pd-card,.owner-card,.ops-card{border-radius:22px!important;padding:20px!important}
  table,.admin-data-table{display:block!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
}