:root {
  --navy-950: #071b2b;
  --navy-900: #0c263b;
  --navy-800: #123a56;
  --blue-600: #0878d1;
  --blue-500: #1494e8;
  --blue-100: #e8f5ff;
  --orange-500: #f59e0b;
  --orange-400: #ffb627;
  --ink: #152231;
  --muted: #667586;
  --line: #dfe7ee;
  --surface: #f5f8fb;
  --white: #fff;
  --success: #169b62;
  --shadow-sm: 0 8px 24px rgba(12, 38, 59, .07);
  --shadow-lg: 0 24px 70px rgba(7, 27, 43, .16);
  --radius: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Manrope", sans-serif; color: var(--ink); background: var(--white); line-height: 1.65; }
a { color: var(--blue-600); }
h1, h2, h3, h4, h5, h6 { color: var(--navy-950); font-weight: 800; letter-spacing: -.035em; }
.container,
.pl-container {
  width: min(100% - 2rem, 1180px);
  max-width: 1180px;
  margin-inline: auto;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.pl-js .home-fallback,
html.pl-js .contact-fallback,
html.pl-js .search-fallback,
html.pl-js .auth-fallback,
html.pl-js .builder-profile-fallback,
html.pl-js .public-jobs-fallback,
html.pl-js .post-job-fallback,
html.pl-js .builders-directory-fallback,
html.pl-js .faq-fallback,
html.pl-js .footer-fallback {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

html.pl-js .fallback-revealed {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.trust-bar { padding: 7px 0; background: var(--navy-950); color: #b9cbd8; font-size: .72rem; font-weight: 700; letter-spacing: .02em; }
.trust-bar i { margin-right: 6px; color: var(--orange-400); }
.trust-bar-inner,
.main-nav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.main-nav { position: sticky; top: 0; z-index: 1000; padding: .8rem 0; background: rgba(255,255,255,.97); border-bottom: 1px solid rgba(12,38,59,.08); backdrop-filter: blur(16px); }
.site-brand, .footer-brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--navy-950); font-weight: 800; text-decoration: none; letter-spacing: -.05em; }
.brand-mark { display: inline-grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, var(--orange-400), var(--orange-500)); color: var(--navy-950); box-shadow: 0 7px 16px rgba(245,158,11,.24); }
.brand-copy { font-size: 1.3rem; }.brand-copy span { color: var(--blue-600); }.brand-copy small { color: var(--orange-500); font-size: .72em; }
.site-logo { display: block; width: 248px; height: auto; }
.footer-logo { display: block; width: 245px; height: auto; }
.main-nav-menu { display: flex; align-items: center; min-width: 0; }
.main-nav-list {
  display: flex;
  align-items: center;
  gap: .15rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-nav .nav-link { display: inline-flex; align-items: center; gap: .35rem; margin: 0 .12rem; padding: .65rem .7rem; color: #3b4b5a; font-size: .86rem; font-weight: 700; border: 0; border-radius: 9px; background: transparent; text-decoration: none; cursor: pointer; }
.main-nav .nav-link:hover, .main-nav .nav-link.active { color: var(--blue-600); background: var(--blue-100); }
.main-nav .nav-link-muted { color: #8a98a5; }
.nav-logout { font-family: inherit; }
.nav-toggle {
  display: none;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: #f8fafc;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  cursor: pointer;
}

.legacy-bootstrap-area .btn { padding: .72rem 1.15rem; border-radius: 10px; font-weight: 800; font-size: .88rem; transition: all .2s ease; }
.legacy-bootstrap-area .btn:hover { transform: translateY(-1px); }
.legacy-bootstrap-area .btn-brand,
.legacy-bootstrap-area .btn-warning { color: var(--navy-950); background: linear-gradient(145deg, var(--orange-400), var(--orange-500)); border: 0; box-shadow: 0 8px 18px rgba(245,158,11,.24); }
.legacy-bootstrap-area .btn-brand:hover,
.legacy-bootstrap-area .btn-warning:hover { color: var(--navy-950); box-shadow: 0 12px 24px rgba(245,158,11,.32); }
.legacy-bootstrap-area .btn-primary { background: var(--blue-600); border-color: var(--blue-600); }
.legacy-bootstrap-area .btn-outline-primary { color: var(--blue-600); border-color: #b8d8ef; }
.legacy-bootstrap-area .btn-lg { padding: .9rem 1.35rem; font-size: .96rem; }
.pl-button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .72rem 1.05rem;
  border: 1px solid transparent;
  border-radius: 12px;
  font-size: .86rem;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.pl-button:hover { transform: translateY(-1px); text-decoration: none; }
.pl-button-primary { color: #fff; background: var(--blue-600); box-shadow: 0 8px 18px rgba(8,120,209,.2); }
.pl-button-primary:hover { color: #fff; background: var(--blue-500); }
.pl-button-warn { color: var(--navy-950); background: linear-gradient(145deg, var(--orange-400), var(--orange-500)); box-shadow: 0 8px 18px rgba(245,158,11,.24); }
.pl-button-warn:hover { color: var(--navy-950); box-shadow: 0 12px 24px rgba(245,158,11,.32); }
.pl-button-sm { min-height: 36px; padding: .55rem .8rem; font-size: .76rem; }

.flash-wrap { position: relative; z-index: 5; margin-top: 1rem; }
.legacy-bootstrap-area .alert { border: 0; border-radius: 12px; box-shadow: var(--shadow-sm); }
.pl-alert {
  padding: 1rem 1.1rem;
  color: #31556e;
  background: var(--blue-100);
  border: 1px solid #cfe7f8;
  border-radius: 14px;
  box-shadow: var(--shadow-sm);
  font-weight: 750;
}
.pl-alert-success { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }
.pl-alert-warning { color: #92400e; background: #fffbeb; border-color: #fde68a; }
.pl-alert-danger { color: #991b1b; background: #fef2f2; border-color: #fecaca; }
.eyebrow { display: inline-flex; align-items: center; gap: .5rem; color: var(--orange-400); font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.eyebrow::before { width: 22px; height: 2px; background: currentColor; content: ""; }
.eyebrow.text-primary { color: var(--blue-600) !important; }

.hero { position: relative; overflow: hidden; color: var(--white); background: radial-gradient(circle at 78% 15%, rgba(20,148,232,.38), transparent 32%), linear-gradient(125deg, var(--navy-950), var(--navy-800)); }
.hero::after { position: absolute; inset: 0; opacity: .09; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px); background-size: 48px 48px; content: ""; }
.hero .container { position: relative; z-index: 1; }
.hero h1 { max-width: 760px; margin: 1rem 0 1.3rem; color: var(--white); font-size: clamp(2.65rem, 5vw, 4.75rem); line-height: 1.06; }
.hero .lead { max-width: 630px; margin-bottom: 2rem; color: #c5d8e5; font-size: 1.12rem; }
.hero-points { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2rem; color: #c5d8e5; font-size: .78rem; font-weight: 700; }
.hero-points i { margin-right: .4rem; color: var(--orange-400); }
.hero-card { padding: 1.6rem; color: var(--ink); background: rgba(255,255,255,.98); border: 1px solid rgba(255,255,255,.4); border-radius: 20px; box-shadow: var(--shadow-lg); }
.hero-marketplace { min-height: 590px; }
.hero-finder { padding: 1.7rem; color: var(--ink); background: rgba(255,255,255,.99); border: 1px solid rgba(255,255,255,.5); border-radius: 20px; box-shadow: var(--shadow-lg); }
.hero-finder h2 { margin: .55rem 0 .5rem; font-size: 1.65rem; }
.hero-finder p { margin-bottom: 1.25rem; color: var(--muted); font-size: .86rem; }
.hero-finder small { display: block; margin-top: .85rem; color: var(--muted); font-size: .68rem; text-align: center; }
.hero-card-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: .65rem; }
.hero-card-label { color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.status-dot { display: inline-flex; align-items: center; gap: .4rem; color: var(--success); font-size: .7rem; font-weight: 800; }
.status-dot::before { width: 7px; height: 7px; border-radius: 50%; background: var(--success); content: ""; box-shadow: 0 0 0 4px rgba(22,155,98,.12); }
.estimate-line { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; border-bottom: 1px solid var(--line); font-size: .86rem; }
.estimate-line b { color: var(--navy-950); }.hero-card-link { display: flex; justify-content: space-between; margin-top: 1.2rem; font-size: .8rem; font-weight: 800; text-decoration: none; }

.section-space { padding-top: 5.5rem; padding-bottom: 5.5rem; }
.section-head { max-width: 700px; margin-bottom: 2.5rem; }
.section-head h2 { margin: .7rem 0; font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.15; }
.section-head p { color: var(--muted); }
.section-head-row { display: flex; max-width: none; align-items: end; justify-content: space-between; gap: 2rem; }
.section-head-row h2 { margin-bottom: .35rem; }
.category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.category-tile { display: flex; min-height: 112px; align-items: center; gap: .9rem; padding: 1.15rem; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-sm); text-decoration: none; transition: all .2s ease; }
.category-tile:hover { color: var(--ink); border-color: #b8d8ef; transform: translateY(-3px); box-shadow: 0 16px 35px rgba(12,38,59,.11); }
.category-tile > span:nth-child(2) { min-width: 0; flex: 1; }
.category-tile b, .category-tile small { display: block; }
.category-tile b { color: var(--navy-950); font-size: .82rem; line-height: 1.3; }
.category-tile small { margin-top: .25rem; color: var(--muted); font-size: .66rem; font-weight: 700; }
.category-tile > i { color: #a9bac7; font-size: .7rem; }
.feature-card, .job-card, .content-card, .step, .stat-card, .auth-card { background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.feature-card { display: block; height: 100%; padding: 1.7rem; color: var(--ink); text-decoration: none; transition: all .25s ease; }
.feature-card:hover { color: var(--ink); border-color: #b8d8ef; transform: translateY(-5px); box-shadow: 0 18px 45px rgba(12,38,59,.12); }
.feature-icon { display: grid; width: 48px; height: 48px; place-items: center; color: var(--blue-600); background: var(--blue-100); border-radius: 13px; font-size: 1.15rem; }
.feature-card h3, .step h3 { margin-top: 1.3rem; font-size: 1.06rem; }
.feature-card p, .step p { color: var(--muted); font-size: .86rem; }.feature-card span { font-size: .76rem; font-weight: 800; }
.metrics-strip { position: relative; z-index: 2; margin-top: -35px; }
.metrics-panel { padding: 1.15rem 1.5rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-lg); }
.metric { padding: .5rem 1rem; border-right: 1px solid var(--line); }.metric:last-child { border: 0; }
.metric b { display: block; color: var(--navy-950); font-size: 1.35rem; }.metric span { color: var(--muted); font-size: .72rem; font-weight: 700; }
.how { background: var(--surface); }.step { position: relative; height: 100%; padding: 1.8rem; overflow: hidden; }.step b { color: var(--blue-100); font-size: 4rem; line-height: 1; }.step i { position: absolute; top: 1.6rem; right: 1.6rem; color: var(--blue-600); font-size: 1.25rem; }
.cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.7rem; color: var(--white); background: radial-gradient(circle at 90% 10%, rgba(20,148,232,.5), transparent 30%), var(--navy-950); border-radius: 22px; box-shadow: var(--shadow-lg); }
.cta h2 { color: var(--white); }.cta p { margin: 0; color: #bfd1dd; }
.audience-card { height: 100%; padding: 2.3rem; border-radius: 20px; box-shadow: var(--shadow-sm); }
.audience-card h2 { margin: .75rem 0; font-size: clamp(1.55rem,3vw,2.25rem); }
.audience-card p { max-width: 600px; margin-bottom: 1.5rem; color: var(--muted); }
.audience-homeowner { background: linear-gradient(145deg,#eef8ff,#fff); border: 1px solid #d6eaf7; }
.audience-builder { color: var(--white); background: radial-gradient(circle at 90% 10%,rgba(20,148,232,.42),transparent 34%),var(--navy-950); }
.audience-builder h2 { color: var(--white); }.audience-builder p { color: #bfd1dd; }

.page-hero { position: relative; width: 100%; padding: 2.35rem 0 2rem; overflow: hidden; background: radial-gradient(circle at 84% 0, rgba(20,148,232,.12), transparent 24rem), linear-gradient(180deg, #fbfdff, #f6f9fc); border-bottom: 1px solid var(--line); }
.page-hero::before { position: absolute; inset: auto 8% -42px auto; width: 220px; height: 220px; content: ""; background: radial-gradient(circle, rgba(245,158,11,.14), transparent 68%); border-radius: 999px; pointer-events: none; }
.page-hero .container { position: relative; z-index: 1; }
.page-hero h1 { max-width: 820px; margin: .5rem 0 .45rem; font-size: clamp(1.95rem, 3.2vw, 3rem); line-height: 1.05; letter-spacing: -.055em; }.page-hero p { max-width: 680px; }
.page-shell { padding-top: 3.5rem; padding-bottom: 5rem; }
.content-card { padding: 1.7rem; }.content-card h1, .content-card h2, .content-card h3 { margin-bottom: 1.2rem; }
.category-price-hero { padding: 3.2rem 0 3.5rem; color: var(--white); background: radial-gradient(circle at 82% 10%,rgba(20,148,232,.38),transparent 29%),linear-gradient(135deg,var(--navy-950),var(--navy-800)); }
.category-price-hero h1 { max-width: 800px; margin: .65rem 0 .7rem; color: var(--white); font-size: clamp(2.4rem,5vw,4rem); line-height: 1.08; }
.category-price-hero p { max-width: 680px; margin: 0; color: #bfd1dd; font-size: 1rem; }
.category-price-back { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: 2.2rem; color: #bfd1dd; font-size: .72rem; font-weight: 800; text-decoration: none; }.category-price-back:hover { color: var(--white); }
.category-hero-meta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.6rem; }.category-hero-meta span { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .7rem; color: #d6e4ed; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); border-radius: 30px; font-size: .68rem; font-weight: 800; }.category-hero-meta i { color: var(--orange-400); }
.category-hero-action { padding: 1.3rem; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.13); border-radius: 16px; backdrop-filter: blur(8px); }.category-hero-action span,.category-hero-action strong { display: block; }.category-hero-action span { color: #9fc0d5; font-size: .68rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }.category-hero-action strong { margin: .35rem 0 1rem; color: var(--white); font-size: .92rem; line-height: 1.5; }
.category-price-shell { padding-top: 3rem; padding-bottom: 5rem; }.category-price-toolbar { display: flex; align-items: end; justify-content: space-between; gap: 2rem; padding-bottom: 1.4rem; margin-bottom: 1rem; border-bottom: 1px solid var(--line); }.category-price-toolbar h2 { margin: .45rem 0 .2rem; font-size: 1.75rem; }.category-price-toolbar p { margin: 0; color: var(--muted); font-size: .8rem; }.category-price-toolbar form { flex: 0 0 210px; }
.category-service-list { display: grid; gap: .75rem; }.category-service-card { display: grid; grid-template-columns: 46px minmax(0,1fr) auto 14px; align-items: center; gap: 1rem; padding: 1.1rem 1.15rem; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 5px 16px rgba(12,38,59,.045); text-decoration: none; transition: all .2s ease; }.category-service-card:hover { color: var(--ink); border-color: #a8d2ee; transform: translateY(-2px); box-shadow: 0 14px 32px rgba(12,38,59,.1); }
.category-service-icon { display: grid; width: 46px; height: 46px; place-items: center; color: var(--blue-600); background: var(--blue-100); border-radius: 12px; }.category-service-copy,.category-service-price { display: block; min-width: 0; }.category-service-title { display: block; color: var(--navy-950); font-size: .9rem; font-weight: 800; }.category-service-note { display: block; margin-top: .2rem; color: var(--muted); font-size: .66rem; font-weight: 600; }.category-service-price { min-width: 155px; text-align: right; }.category-service-price small,.category-service-price strong,.category-service-price span { display: block; }.category-service-price small { color: var(--muted); font-size: .62rem; }.category-service-price strong { color: var(--blue-600); font-size: 1.08rem; }.category-service-price strong em { color: var(--muted); font-size: .58rem; font-style: normal; }.category-service-price span { color: var(--muted); font-size: .57rem; font-weight: 700; }.category-service-arrow { color: #a8bac7; font-size: .65rem; }
.category-price-aside { position: sticky; top: 100px; display: grid; gap: 1rem; }.category-aside-card { padding: 1.4rem; background: var(--white); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }.category-aside-card h3 { margin: .85rem 0 .5rem; font-size: 1rem; }.category-aside-card p { color: var(--muted); font-size: .76rem; }.category-aside-highlight { background: linear-gradient(145deg,#eef8ff,#fff); border-color: #d2e8f6; }.category-aside-icon { display: grid; width: 44px; height: 44px; place-items: center; color: var(--blue-600); background: var(--white); border-radius: 12px; box-shadow: var(--shadow-sm); }.category-price-guide { display: grid; gap: .8rem; }.category-price-guide span { display: grid; grid-template-columns: 28px 1fr; align-items: center; column-gap: .55rem; padding-bottom: .75rem; border-bottom: 1px solid var(--line); }.category-price-guide span:last-child { padding-bottom: 0; border: 0; }.category-price-guide i { grid-row: span 2; display: grid; width: 28px; height: 28px; place-items: center; color: var(--blue-600); background: var(--blue-100); border-radius: 8px; font-size: .6rem; }.category-price-guide b { color: var(--navy-950); font-size: .72rem; }.category-price-guide small { color: var(--muted); font-size: .61rem; }
.category-about { padding-top: 3.5rem; margin-top: 3.5rem; border-top: 1px solid var(--line); }.category-about h2 { margin: .5rem 0 1rem; font-size: 1.7rem; }.category-about-copy { color: #526372; font-size: .84rem; }
.form-label { margin-bottom: .45rem; color: #3b4b5a; font-size: .76rem; font-weight: 800; }
.form-control, .form-select { min-height: 48px; padding: .7rem .85rem; color: var(--ink); border: 1px solid #ccd9e3; border-radius: 10px; font-size: .88rem; box-shadow: none !important; }
.form-control:focus, .form-select:focus { border-color: var(--blue-500); box-shadow: 0 0 0 4px rgba(20,148,232,.1) !important; }
form.is-loading { opacity: .65; pointer-events: none; }
textarea.form-control { min-height: 130px; }
.form-text, small.text-muted { color: var(--muted) !important; font-size: .72rem; }
.form-section { padding-bottom: 1.7rem; margin-bottom: 1.7rem; border-bottom: 1px solid var(--line); }.form-section:last-child { border: 0; }
.form-section-title { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.2rem; }.form-section-title i { color: var(--blue-600); }
.form-section-title h3 { margin: 0; font-size: 1rem; }
.secure-note { display: flex; gap: .8rem; padding: 1rem; color: #31556e; background: var(--blue-100); border-radius: 11px; font-size: .78rem; }.secure-note i { margin-top: .18rem; color: var(--blue-600); }

.table-responsive.content-card { padding: 0; overflow: hidden; }
.table { margin: 0; font-size: .83rem; }.table > :not(caption) > * > * { padding: 1rem 1.1rem; border-bottom-color: #e8eef3; vertical-align: middle; }
.table thead th, .price-table th { color: #c9d8e3; background: var(--navy-900); border: 0; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.table tbody tr:hover { background: #f8fbfd; }.price-value { color: var(--blue-600); font-weight: 800; }
.unit-badge, .soft-badge { display: inline-flex; padding: .28rem .55rem; color: var(--blue-600); background: var(--blue-100); border-radius: 20px; font-size: .65rem; font-weight: 800; }
.job-card { height: 100%; padding: 1.5rem; }.job-card h3 { font-size: 1.12rem; }.job-card p { font-size: .84rem; }
.job-meta { display: flex; flex-wrap: wrap; gap: .7rem; margin-bottom: 1rem; color: var(--muted); font-size: .7rem; font-weight: 700; }.job-meta i { color: var(--blue-600); }
.lead-filters { position: sticky; top: 84px; z-index: 3; padding: 1rem; background: rgba(255,255,255,.97); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-sm); backdrop-filter: blur(12px); }
.lead-search { position: relative; margin-bottom: .75rem; }.lead-search i { position: absolute; top: 50%; left: 1rem; color: var(--blue-600); transform: translateY(-50%); }.lead-search input { width: 100%; min-height: 48px; padding: .7rem 1rem .7rem 2.8rem; border: 1px solid #ccd9e3; border-radius: 10px; outline: 0; }.lead-search input:focus { border-color: var(--blue-500); box-shadow: 0 0 0 4px rgba(20,148,232,.1); }
.lead-filter-row { display: grid; grid-template-columns: 1fr 1.25fr 1fr 1fr auto; gap: .6rem; }.lead-filter-row .form-select { min-width: 0; }
.lead-clear { display: inline-block; margin-top: .65rem; font-size: .72rem; font-weight: 800; text-decoration: none; }
.lead-list-title { margin: 0; font-size: 1.15rem; }.lead-list { display: grid; gap: 1rem; }
.lead-card { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 1.5rem; padding: 1.5rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.lead-card:hover { border-color: #b8d8ef; }.lead-card h3 { margin: .45rem 0 .6rem; font-size: 1.15rem; }.lead-card p { margin-bottom: .8rem; color: #526372; font-size: .82rem; }
.lead-budget { display: inline-flex; align-items: center; gap: .4rem; color: #31556e; font-size: .73rem; }.lead-budget i { color: var(--blue-600); }
.lead-card-action { display: flex; flex-direction: column; justify-content: center; gap: .65rem; padding-left: 1.4rem; border-left: 1px solid var(--line); }.lead-card-action > strong { color: var(--navy-950); font-size: 1.35rem; }.lead-card-action > small { margin-top: -.5rem; color: var(--muted); font-size: .65rem; }
.lead-status { display: inline-flex; align-items: center; gap: .35rem; color: var(--muted); font-size: .68rem; font-weight: 800; }.lead-status-open { color: var(--success); }
.job-photos { display: flex; gap: .5rem; flex-wrap: wrap; }.job-photos img { width: 92px; height: 72px; object-fit: cover; border: 2px solid var(--white); border-radius: 8px; box-shadow: var(--shadow-sm); }
.builder-cover { width: calc(100% + 3rem); height: 160px; margin: -1.5rem -1.5rem 1.25rem; object-fit: cover; border-radius: var(--radius) var(--radius) 0 0; }
.builder-directory-card { color: var(--ink); transition: all .22s ease; }.builder-directory-card:hover { color: var(--ink); border-color: #b8d8ef; transform: translateY(-4px); box-shadow: 0 18px 45px rgba(12,38,59,.12); }.builder-card-link { color: var(--blue-600); font-size: .74rem; font-weight: 800; }
.directory-hero { padding: 2.6rem 0 2.35rem; color: var(--white); background: radial-gradient(circle at 12% 0,rgba(245,158,11,.16),transparent 20rem),radial-gradient(circle at 86% 0,rgba(20,148,232,.28),transparent 29rem),linear-gradient(135deg,var(--navy-950),var(--navy-800)); }.directory-hero-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,360px); gap: 2rem; align-items: end; }.directory-hero-copy { min-width: 0; }.directory-hero h1 { max-width: 760px; margin: .55rem 0 .75rem; color: var(--white); font-size: clamp(2.05rem,3.8vw,3.35rem); line-height: 1.03; letter-spacing: -.06em; }.directory-hero p { max-width: 640px; margin: 0; color: #bfd1dd; font-size: .98rem; }.directory-hero-stats { display: flex; flex-wrap: wrap; gap: 1.45rem; margin-top: 1.4rem; }.directory-hero-stats span { color: #a9c2d3; font-size: .68rem; font-weight: 800; }.directory-hero-stats strong { display: block; color: var(--white); font-size: 1.25rem; }.directory-hero-card { padding: 1.25rem; color: #d8e7f4; background: rgba(15,23,42,.58); border: 1px solid rgba(226,232,240,.18); border-radius: 20px; box-shadow: 0 24px 70px rgba(2,6,23,.2); backdrop-filter: blur(16px); }.directory-hero-card strong { display: block; color: var(--white); font-size: 1rem; }.directory-hero-card p { margin: .55rem 0 1rem; color: #bfd1dd; font-size: .82rem; line-height: 1.6; }.directory-hero-card a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .75rem 1rem; color: #07111f; background: var(--orange-400); border-radius: 12px; font-size: .78rem; font-weight: 900; text-decoration: none; }.directory-hero-card a:hover { background: var(--orange-500); }
.directory-search-panel { display: grid; gap: .9rem; padding: 1.4rem; color: var(--ink); background: var(--white); border: 1px solid rgba(255,255,255,.4); border-radius: 18px; box-shadow: var(--shadow-lg); }.directory-search-panel small { color: var(--muted); font-size: .62rem; text-align: center; }.directory-search-panel small i { color: var(--success); }
.directory-shell { padding-top: 3rem; padding-bottom: 5rem; }.directory-results-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }.directory-results-head h2 { margin: .45rem 0 .2rem; font-size: 1.8rem; }.directory-results-head p { margin: 0; color: var(--muted); font-size: .78rem; }.builder-directory-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.builder-result-card { display: grid; grid-template-columns: 150px minmax(0,1fr); min-height: 245px; overflow: hidden; color: var(--ink); background: var(--white); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); text-decoration: none; transition: all .22s ease; }.builder-result-card:hover { color: var(--ink); border-color: #a8d2ee; transform: translateY(-3px); box-shadow: 0 18px 42px rgba(12,38,59,.12); }.builder-result-media { position: relative; min-height: 100%; overflow: hidden; background: var(--navy-900); }.builder-result-media img { width: 100%; height: 100%; object-fit: cover; }.builder-result-media-empty { display: grid; place-items: center; color: #84bce1; background: radial-gradient(circle at 30% 20%,rgba(20,148,232,.36),transparent 35%),var(--navy-900); font-size: 2.2rem; }.builder-availability { position: absolute; bottom: .75rem; left: .65rem; right: .65rem; display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .38rem .45rem; color: #d0dae1; background: rgba(7,27,43,.82); border-radius: 30px; font-size: .58rem; font-weight: 800; backdrop-filter: blur(8px); }.builder-availability i { font-size: .45rem; }.builder-availability.is-available i { color: #24d391; }
.builder-result-body { display: flex; min-width: 0; flex-direction: column; padding: 1.15rem; }.builder-result-top { display: flex; justify-content: space-between; gap: .8rem; }.builder-result-top h3 { margin: 0 0 .25rem; font-size: 1rem; }.builder-location { display: block; color: var(--muted); font-size: .62rem; font-weight: 700; }.builder-location i { margin-right: .3rem; color: var(--blue-600); }.builder-rating { display: grid; flex: 0 0 auto; grid-template-columns: auto auto; align-items: center; column-gap: .25rem; color: var(--navy-950); }.builder-rating i { color: var(--orange-500); font-size: .7rem; }.builder-rating b { font-size: .8rem; }.builder-rating small { grid-column: 1 / 3; color: var(--muted); font-size: .55rem; text-align: right; }.builder-rating-new { display: flex; gap: .3rem; color: var(--muted); }.builder-rating-new small { font-size: .58rem; }
.builder-skills { display: flex; flex-wrap: wrap; gap: .35rem; margin: .8rem 0; }.builder-skills span { padding: .28rem .48rem; color: #31556e; background: var(--blue-100); border-radius: 20px; font-size: .56rem; font-weight: 800; }.builder-result-body > p { margin: 0 0 .9rem; color: #526372; font-size: .68rem; line-height: 1.55; }.builder-result-footer { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding-top: .75rem; margin-top: auto; border-top: 1px solid var(--line); }.builder-result-footer span { color: var(--muted); font-size: .55rem; font-weight: 700; }.builder-result-footer span i { color: var(--success); }.builder-result-footer strong { color: var(--blue-600); font-size: .62rem; }.builder-result-footer strong i { margin-left: .2rem; }
.directory-bottom-cta { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.4rem; margin-top: 3rem; color: var(--white); background: radial-gradient(circle at 85% 15%,rgba(20,148,232,.42),transparent 30%),var(--navy-950); border-radius: 20px; box-shadow: var(--shadow-lg); }.directory-bottom-cta h2 { max-width: 720px; margin: .65rem 0 .35rem; color: var(--white); font-size: 1.65rem; }.directory-bottom-cta p { margin: 0; color: #bfd1dd; font-size: .75rem; }
.builder-profile-hero { padding: 3.5rem 0 3rem; background: radial-gradient(circle at 85% 15%,rgba(20,148,232,.2),transparent 30%),linear-gradient(135deg,var(--navy-950),var(--navy-800)); }.builder-back { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: 2rem; color: #bfd1dd; font-size: .75rem; font-weight: 800; text-decoration: none; }.builder-back:hover { color: var(--white); }.builder-profile-head { display: flex; align-items: center; gap: 1.4rem; }.builder-profile-head h1 { margin: 0; color: var(--white); font-size: clamp(2rem,4vw,3.2rem); }.builder-profile-icon { display: grid; flex: 0 0 auto; width: 82px; height: 82px; place-items: center; color: var(--navy-950); background: linear-gradient(145deg,var(--orange-400),var(--orange-500)); border-radius: 22px; font-size: 2rem; box-shadow: 0 18px 35px rgba(0,0,0,.2); }.builder-profile-meta { display: flex; flex-wrap: wrap; gap: .8rem 1.3rem; margin-top: .8rem; color: #bfd1dd; font-size: .75rem; font-weight: 700; }.builder-profile-meta span { display: inline-flex; align-items: center; gap: .4rem; }.builder-profile-meta i { color: var(--orange-400); }
.profile-skill { display: inline-flex; align-items: center; gap: .4rem; padding: .5rem .75rem; color: #31556e; background: var(--blue-100); border-radius: 30px; font-size: .72rem; font-weight: 800; }.profile-skill i { color: var(--success); }.builder-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }.builder-gallery img { width: 100%; height: 170px; object-fit: cover; border-radius: 10px; }.builder-review { padding: 1.1rem 0; border-bottom: 1px solid var(--line); }.builder-review:last-child { padding-bottom: 0; border: 0; }.builder-review div { display: flex; flex-wrap: wrap; gap: .7rem; justify-content: space-between; }.builder-review p { margin: .55rem 0; color: #526372; font-size: .82rem; }.builder-review small { color: var(--muted); font-size: .67rem; }.builder-profile-cta { position: sticky; top: 100px; }
.empty-state { padding: 4rem 1.5rem; text-align: center; background: var(--surface); border: 1px dashed #c8d6e0; border-radius: var(--radius); }.empty-state i { color: #9ab2c2; font-size: 2rem; }.empty-state h3 { margin-top: 1rem; font-size: 1.1rem; }

.dashboard-head { display: flex; justify-content: space-between; align-items: end; gap: 1rem; margin-bottom: 1.7rem; }.dashboard-head h1 { margin: 0; }.dashboard-head p { margin: .25rem 0 0; color: var(--muted); }
.admin-nav { display: flex; gap: .35rem; padding: .45rem; margin-bottom: 1.8rem; overflow-x: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 13px; }
.admin-nav a { flex: 0 0 auto; padding: .58rem .78rem; color: #526372; border-radius: 8px; font-size: .72rem; font-weight: 800; text-decoration: none; }.admin-nav a:hover { color: var(--blue-600); background: var(--white); box-shadow: var(--shadow-sm); }
.builder-nav { display: flex; gap: .4rem; padding: .45rem; margin-bottom: 1.8rem; overflow-x: auto; background: var(--navy-950); border-radius: 13px; box-shadow: var(--shadow-sm); }
.builder-nav a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .45rem; padding: .65rem .9rem; color: #b9cbd8; border-radius: 9px; font-size: .74rem; font-weight: 800; text-decoration: none; }
.builder-nav a:hover, .builder-nav a.active { color: var(--navy-950); background: var(--white); }
.stat-card { display: block; height: 100%; padding: 1.5rem; color: var(--ink); text-decoration: none; }.stat-card:hover { color: var(--ink); border-color: #b8d8ef; }.stat-card-icon { display: grid; width: 42px; height: 42px; place-items: center; color: var(--blue-600); background: var(--blue-100); border-radius: 11px; }.stat-card strong { display: block; margin-top: 1rem; color: var(--navy-950); font-size: 2rem; }.stat-card span { color: var(--muted); font-size: .76rem; font-weight: 700; }

.auth-page { min-height: calc(100vh - 300px); padding: 4rem 0; background: radial-gradient(circle at 15% 15%, rgba(20,148,232,.12), transparent 26%), var(--surface); }.auth-card { overflow: hidden; }.auth-card-body { padding: 2rem; }.auth-icon { display: grid; width: 48px; height: 48px; margin-bottom: 1.2rem; place-items: center; color: var(--blue-600); background: var(--blue-100); border-radius: 13px; }.auth-card h1 { font-size: 1.6rem; }.auth-aside { height: 100%; padding: 2rem; color: var(--white); background: linear-gradient(145deg, var(--navy-950), var(--navy-800)); }.auth-aside h2 { color: var(--white); }.auth-aside p { color: #bfd1dd; }.auth-list { display: grid; gap: 1rem; margin-top: 1.5rem; }.auth-list span { display: flex; gap: .7rem; font-size: .78rem; font-weight: 700; }.auth-list i { color: var(--orange-400); }
.auth-builder-cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.35rem; margin: 1.5rem 0 2rem; color: var(--white); background: radial-gradient(circle at 90% 10%,rgba(20,148,232,.35),transparent 35%),var(--navy-950); border-radius: 14px; }.auth-builder-cta h2 { margin: .4rem 0 .2rem; color: var(--white); font-size: 1.05rem; }.auth-builder-cta p { max-width: 430px; margin: 0; color: #bfd1dd; font-size: .74rem; }.auth-builder-cta .btn { flex: 0 0 auto; }
.auth-register-options { padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid var(--line); }.auth-register-heading { margin-bottom: .8rem; }.auth-register-heading span,.auth-register-heading small { display: block; }.auth-register-heading span { color: var(--navy-950); font-size: .84rem; font-weight: 800; }.auth-register-heading small { color: var(--muted); font-size: .68rem; }.auth-register-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }.auth-register-option { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: .65rem; padding: .85rem; color: var(--ink); border: 1px solid #cfe0ec; border-radius: 11px; text-decoration: none; transition: all .2s ease; }.auth-register-option > i:first-child { display: grid; width: 34px; height: 34px; place-items: center; color: var(--blue-600); background: var(--blue-100); border-radius: 9px; }.auth-register-option > i:last-child { color: #9ab2c2; font-size: .65rem; }.auth-register-option span,.auth-register-option b,.auth-register-option small { display: block; min-width: 0; }.auth-register-option b { color: inherit; font-size: .7rem; line-height: 1.3; }.auth-register-option small { margin-top: .15rem; color: var(--muted); font-size: .55rem; line-height: 1.35; }.auth-register-option:hover { color: var(--blue-600); border-color: #8fc7ea; transform: translateY(-2px); box-shadow: var(--shadow-sm); }.auth-register-builder { color: var(--white); background: var(--navy-950); border-color: var(--navy-950); }.auth-register-builder > i:first-child { color: var(--navy-950); background: var(--orange-400); }.auth-register-builder > i:last-child,.auth-register-builder small { color: #bfd1dd; }.auth-register-builder:hover { color: var(--white); border-color: var(--blue-500); }

.site-footer {
  width: 100%;
  padding: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 8% 0%, rgba(8, 120, 209, .09), transparent 22rem),
    #f8fbff;
}

.footer-fallback {
  width: 100%;
  padding: 0;
}

.footer-card {
  padding: clamp(1.5rem, 4vw, 3.25rem);
  background: var(--white);
  border-top: 1px solid #dbe5ef;
  border-bottom: 1px solid #dbe5ef;
  border-radius: 0;
  box-shadow: 0 22px 60px rgba(12, 38, 59, .08);
}

.footer-main {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, .9fr);
  gap: clamp(1.5rem, 4vw, 4rem);
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  color: var(--navy-950);
  text-decoration: none;
}

.footer-logo {
  width: 220px;
  max-width: 100%;
}

.site-footer h6 {
  margin: 0 0 1rem;
  color: var(--navy-950);
  font-size: .9rem;
  font-weight: 900;
  letter-spacing: -.02em;
}

.footer-links a {
  display: block;
  margin: .65rem 0;
  color: #40556a;
  font-size: .9rem;
  font-weight: 650;
  text-decoration: none;
}

.site-footer a:hover {
  color: var(--blue-600) !important;
}

.footer-newsletter p {
  max-width: 340px;
  margin: 0 0 1rem;
  color: #40556a;
  font-size: .9rem;
  line-height: 1.6;
}

.footer-newsletter-form {
  display: grid;
  gap: .8rem;
}

.footer-newsletter-form input {
  width: 100%;
  height: 42px;
  padding: 0 .9rem;
  color: var(--ink);
  background: var(--white);
  border: 1px solid #cbd9e6;
  border-radius: 8px;
  font: inherit;
}

.footer-newsletter-form input:focus {
  border-color: var(--blue-600);
  outline: 3px solid rgba(8, 120, 209, .14);
}

.footer-newsletter-form .pl-button {
  justify-self: start;
  padding-inline: 1rem;
}

.footer-bottom {
  display: grid;
  grid-template-columns: minmax(180px, .8fr) minmax(280px, 1.2fr) auto;
  align-items: center;
  gap: 1.5rem;
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid #dbe5ef;
}

.footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem 1.5rem;
}

.footer-legal a {
  color: #40556a;
  font-size: .86rem;
  font-weight: 650;
  text-decoration: none;
}

.footer-social {
  display: flex;
  justify-content: flex-end;
  gap: .65rem;
}

.footer-social a {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: #52677b;
  border: 1px solid #dbe5ef;
  border-radius: 50%;
  text-decoration: none;
}

.footer-social a:hover {
  color: var(--blue-600) !important;
  background: var(--blue-100);
}

.footer-copy {
  margin: 1.25rem 0 0;
  color: #728399;
  font-size: .78rem;
}

.faq-page {
  background: var(--white);
}

.faq-hero-card {
  margin: 3rem 0;
  padding: clamp(2rem, 5vw, 4rem);
  color: var(--white);
  background:
    radial-gradient(circle at 100% 0%, rgba(239, 68, 68, .72), transparent 17rem),
    radial-gradient(circle at 82% 55%, rgba(96, 165, 250, .88), transparent 26rem),
    linear-gradient(120deg, #020817 0%, #0f172a 48%, #1d4f8f 100%);
  border-radius: 0;
}

.faq-head {
  max-width: 760px;
  margin: 0 auto 2rem;
  text-align: center;
}

.faq-head h1 {
  color: var(--white);
  font-size: clamp(2rem, 4vw, 3rem);
}

.faq-head p {
  color: rgba(226, 232, 240, .82);
}

.faq-list {
  display: grid;
  width: min(100%, 720px);
  margin-inline: auto;
  overflow: hidden;
  background: rgba(15, 23, 42, .64);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
}

.faq-list details {
  padding: 1.1rem 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.faq-list details:last-child {
  border-bottom: 0;
}

.faq-list summary {
  cursor: pointer;
  font-weight: 900;
}

.faq-list p {
  color: rgba(226, 232, 240, .86);
}
.cookie-banner { position: fixed; right: 1rem; bottom: 1rem; z-index: 1050; display: flex; max-width: 470px; align-items: center; gap: 1rem; padding: 1rem; background: var(--white); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow-lg); font-size: .76rem; }.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;color:var(--muted)}

@media (max-width: 991px) {
  .trust-bar-secondary { display: none; }
  .nav-toggle { display: inline-flex; }
  .main-nav-inner { align-items: center; flex-wrap: wrap; }
  .main-nav-menu {
    display: none;
    flex: 1 0 100%;
    padding-top: 1rem;
  }
  .main-nav.is-open .main-nav-menu { display: block; }
  .main-nav-list {
    display: grid;
    gap: .45rem;
    padding: .6rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
  }
  .main-nav .nav-link,
  .main-nav .pl-button,
  .main-nav form,
  .main-nav form button {
    width: 100%;
    justify-content: flex-start;
  }
  .main-nav .theme-toggle-btn { width: 100%; justify-content: flex-start; }
  .metrics-strip { margin-top: 0; padding-top: 1rem; }.metric { border: 0; border-bottom: 1px solid var(--line); }.metric:last-child { border: 0; }
  .hero-card { margin-top: 1rem; }.auth-aside { display: none; }
  .hero-marketplace { min-height: auto; }.category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lead-filter-row { grid-template-columns: repeat(2,minmax(0,1fr)); }.lead-filter-row .btn { width: 100%; }.lead-card { grid-template-columns: 1fr; }.lead-card-action { padding: 1rem 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .category-price-aside { position: static; }
  .builder-directory-grid { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .footer-newsletter { grid-column: 1 / -1; }
  .footer-bottom { grid-template-columns: 1fr; align-items: start; }
  .footer-legal { justify-content: flex-start; }
  .footer-social { justify-content: flex-start; }
}
@media (max-width: 767px) {
  .site-logo { width: 210px; }
  .hero h1 { font-size: 2.55rem; }.hero .lead { font-size: .95rem; }.section-space { padding-top: 4rem; padding-bottom: 4rem; }
  .cta { display: block; padding: 2rem; }.cta .btn { margin-top: 1.2rem; width: 100%; }.dashboard-head { display: block; }.dashboard-head .btn { margin-top: 1rem; }
  .page-hero { padding: 2.7rem 0 2.3rem; }.page-shell { padding-top: 2rem; }.content-card { padding: 1.2rem; }
  .footer-card { padding: 1.25rem; border-radius: 14px; }
  .footer-main { grid-template-columns: 1fr; gap: 1.6rem; }
  .footer-newsletter { grid-column: auto; }
  .footer-bottom { display: grid; grid-template-columns: 1fr; gap: 1.1rem; margin-top: 2rem; padding-top: 1.4rem; }
  .footer-legal { justify-content: flex-start; gap: .65rem 1rem; }
  .section-head-row { display: block; }.section-head-row .btn { margin-top: 1rem; }.category-grid { grid-template-columns: 1fr; }.category-tile { min-height: 86px; }.audience-card { padding: 1.6rem; }
  .lead-filters { position: static; }.lead-filter-row { grid-template-columns: 1fr; }.lead-card { padding: 1.15rem; }
  .builder-profile-head { align-items: flex-start; }.builder-profile-icon { width: 62px; height: 62px; border-radius: 16px; font-size: 1.5rem; }.builder-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }.builder-gallery img { height: 125px; }.builder-profile-cta { position: static; }
  .auth-builder-cta { display: block; }.auth-builder-cta .btn { width: 100%; margin-top: 1rem; }
  .auth-register-grid { grid-template-columns: 1fr; }
  .category-price-hero { padding: 2.4rem 0 2.7rem; }.category-price-back { margin-bottom: 1.5rem; }.category-price-toolbar { display: block; }.category-price-toolbar form { margin-top: 1rem; }.category-service-card { grid-template-columns: 40px minmax(0,1fr) 12px; gap: .75rem; padding: 1rem; }.category-service-icon { width: 40px; height: 40px; }.category-service-price { grid-column: 2 / 4; min-width: 0; padding-top: .65rem; border-top: 1px solid var(--line); text-align: left; }.category-service-price small,.category-service-price strong,.category-service-price span { display: inline; margin-right: .35rem; }
  .directory-hero { padding: 2.7rem 0; }.directory-hero-stats { gap: 1rem; }.directory-results-head { display: block; }.directory-results-head .btn { margin-top: 1rem; }.builder-result-card { grid-template-columns: 1fr; }.builder-result-media { min-height: 150px; }.builder-result-media img { position: absolute; inset: 0; }.builder-result-footer { align-items: flex-start; flex-direction: column; }.directory-bottom-cta { display: block; padding: 1.7rem; }.directory-bottom-cta .btn { width: 100%; margin-top: 1.2rem; }
}