/* Louisville Lead Inspections: styles shared by every page */
.lli {--ink: #0a1226;
      --navy: #15223c;
      --navy-2: #1d2d4f;
      --red: #d42a3c;
      --red-d: #a91f2f;
      --sky: #8fb5e0;
      --sky-2: #c9dcf2;
      --mist: #f2f5fa;
      --sand: #faf7f2;
      --white: #ffffff;
      --text: #1a2236;
      --muted: #5e6a80;
      --line: #e3e8f0;
      --yellow: #f6d84a;
      --pink: #ff5fa2;
      --r-lg: 28px;
      --r-md: 18px;
      --shadow: 0 24px 60px -20px rgba(10, 18, 38, .25);
      --shadow-sm: 0 8px 24px -10px rgba(10, 18, 38, .18);}
.lli, .lli *, .lli::before, .lli *::before, .lli::after, .lli *::after {box-sizing: border-box; margin: 0; padding: 0;}
html {scroll-behavior: smooth; scroll-padding-top: 96px;}
.lli {font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
      color: var(--text); background: var(--white);
      font-size: 17px; line-height: 1.65; overflow-x: hidden;
      -webkit-font-smoothing: antialiased;}
.lli img {max-width: 100%; display: block;}
.lli a {color: inherit;}
.lli .wrap {max-width: 1240px; margin: 0 auto; padding: 0 24px;}
.lli h1, .lli h2, .lli h3 {line-height: 1.08; letter-spacing: -0.025em; color: var(--ink);}
.lli h2 {font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 800;}
.lli h3 {font-weight: 700; letter-spacing: -0.01em;}
.lli .kicker {display: inline-flex; align-items: center; gap: 8px;
      font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--red);
      margin-bottom: 16px;}
.lli .kicker::before {content: ""; width: 22px; height: 2px; background: currentColor; border-radius: 2px;}
.lli .lede {font-size: 1.15rem; color: var(--muted); max-width: 620px;}
.lli section {padding: 120px 0; position: relative;}
.lli .ph {background: #fff3a3; color: #5c4a00; padding: 0 5px; border-radius: 4px; outline: 1px dashed #c9a400;}
.lli .btn {display: inline-flex; align-items: center; justify-content: center; gap: 10px;
      font: inherit; font-weight: 700; font-size: 1rem; text-decoration: none; cursor: pointer;
      padding: 16px 28px; border-radius: 999px; border: 0;
      background: var(--red); color: var(--white);
      box-shadow: 0 10px 30px -10px rgba(212, 42, 60, .7);
      transition: transform .25s, background .25s, box-shadow .25s;}
.lli .btn:hover {transform: translateY(-2px); background: var(--red-d); box-shadow: 0 16px 36px -12px rgba(212, 42, 60, .8);}
.lli .btn .arrow {transition: transform .25s;}
.lli .btn:hover .arrow {transform: translateX(4px);}
.lli .btn-ghost {background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.35); box-shadow: none; backdrop-filter: blur(8px);}
.lli .btn-ghost:hover {background: var(--white); color: var(--ink); box-shadow: none;}
.lli .btn-dark {background: var(--ink); box-shadow: 0 10px 30px -12px rgba(10,18,38,.6);}
.lli .btn-dark:hover {background: var(--navy-2);}
.lli .btn-light {background: var(--white); color: var(--ink); box-shadow: none;}
.lli .btn-light:hover {background: var(--sky-2);}
html.lli-js .lli .reveal {opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);}
html.lli-js .lli .reveal.lli-in {opacity: 1; transform: none;}
.lli .d1 {transition-delay: .08s;}
.lli .d2 {transition-delay: .16s;}
.lli .d3 {transition-delay: .24s;}
.lli .d4 {transition-delay: .32s;}
.lli .announce {background: var(--ink); color: #cfd8e8; font-size: .88rem; font-weight: 500;
      text-align: center; padding: 10px 16px; position: relative; z-index: 60;}
.lli .announce strong {color: var(--white);}
.lli .announce .pulse {display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--red); margin-right: 8px; box-shadow: 0 0 0 0 rgba(212,42,60,.7); animation: pulse 2s infinite; vertical-align: middle;}
.lli .announce .short {display: none;}
.lli .announce a {color: var(--sky); font-weight: 700; margin-left: 8px;}
@keyframes pulse { 70% { box-shadow: 0 0 0 10px rgba(212,42,60,0); } 100% { box-shadow: 0 0 0 0 rgba(212,42,60,0); } }
.lli .nav {position: fixed; left: 0; right: 0; top: calc(var(--annH, 41px) + 6px); z-index: 50;
      transition: top .3s, padding .3s;
      padding: 0 24px;}
.lli .nav-bar {max-width: 1240px; margin: 0 auto;
      display: flex; align-items: center; justify-content: space-between; gap: 20px;
      padding: 10px 10px 10px 18px; border-radius: 999px;
      background: rgba(10, 18, 38, .35); border: 1px solid rgba(255,255,255,.14);
      backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%);
      transition: background .3s, box-shadow .3s;}
.lli .nav.scrolled {top: 12px;}
.lli .nav.scrolled .nav-bar {background: rgba(10, 18, 38, .92); box-shadow: 0 12px 40px -12px rgba(0,0,0,.5);}
.lli .logo img {height: 50px; width: auto; border-radius: 10px;}
.lli .nav-links {display: flex; gap: 6px; list-style: none;}
.lli .nav-links a {color: #e6ecf6; text-decoration: none; font-weight: 600; font-size: .93rem; padding: 10px 14px; border-radius: 999px; transition: background .2s;}
.lli .nav-links a:hover {background: rgba(255,255,255,.1);}
.lli .nav-cta {display: flex; gap: 8px; align-items: center;}
.lli .nav-phone {color: var(--white); font-weight: 700; text-decoration: none; font-size: .95rem; padding: 0 12px; white-space: nowrap;}
.lli .nav .btn {padding: 12px 20px; font-size: .93rem;}
.lli .hero {min-height: 100vh; min-height: 100svh; padding: 190px 0 90px;
      display: flex; align-items: center; color: var(--white); overflow: hidden;
      background-color: var(--ink);}
.lli .hero-bg {position: absolute; inset: 0; z-index: 0;
      background:
        url('https://images.leadconnectorhq.com/image/f_webp/q_85/r_1920/u_https://assets.cdn.filesafe.space/4Wp4lO8lmgCwIlaEMHGZ/media/6782e5358fcd50535c6773ac.jpeg') center/cover no-repeat;
      transform: scale(1.06); animation: heroZoom 18s ease-out forwards;}
@keyframes heroZoom { to { transform: scale(1); } }
.lli .hero::after {content: ""; position: absolute; inset: 0; z-index: 1;
      background:
        radial-gradient(ellipse at 15% 60%, rgba(10,18,38,.92) 0%, rgba(10,18,38,.55) 55%, rgba(10,18,38,.25) 100%),
        linear-gradient(180deg, rgba(10,18,38,.55) 0%, rgba(10,18,38,0) 30%, rgba(10,18,38,.85) 100%);}
.lli .hero .wrap {position: relative; z-index: 2; width: 100%;}
.lli .hero-grid {display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center;}
.lli .hero .kicker {color: var(--sky);}
.lli .hero h1 {color: var(--white); font-size: clamp(2.6rem, 5.6vw, 4.8rem); font-weight: 800; margin-bottom: 24px;}
.lli .hero h1 em {font-style: normal; background: linear-gradient(90deg, #ff6b7a, #ff9a8b); -webkit-background-clip: text; background-clip: text; color: transparent;}
.lli .hero .lede {color: #d3dcec; font-size: 1.2rem; margin-bottom: 36px;}
.lli .hero-ctas {display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 44px;}
.lli .hero-proof {display: flex; flex-wrap: wrap; gap: 26px; color: #c3cee2; font-size: .92rem; font-weight: 600;}
.lli .hero-proof span {display: inline-flex; align-items: center; gap: 8px;}
.lli .hero-proof svg {color: var(--sky); flex: none;}
.lli .checker {background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22);
      backdrop-filter: blur(22px) saturate(150%); -webkit-backdrop-filter: blur(22px) saturate(150%);
      border-radius: var(--r-lg); padding: 32px; box-shadow: 0 40px 80px -30px rgba(0,0,0,.6);}
.lli .checker h2 {color: var(--white); font-size: 1.55rem; margin-bottom: 6px;}
.lli .checker p.sub {color: #c3cee2; font-size: .95rem; margin-bottom: 20px;}
.lli .chips {display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 20px;}
.lli .chip {font: inherit; font-weight: 700; font-size: .95rem; color: var(--white); cursor: pointer;
      background: rgba(255,255,255,.08); border: 1.5px solid rgba(255,255,255,.2); border-radius: 14px;
      padding: 14px 10px; transition: all .2s;}
.lli .chip:hover {background: rgba(255,255,255,.16);}
.lli .chip[aria-pressed="true"] {background: var(--white); color: var(--ink); border-color: var(--white);}
.lli .result {border-radius: var(--r-md); padding: 20px; background: rgba(10,18,38,.55); border: 1px solid rgba(255,255,255,.12);
      min-height: 138px; display: flex; flex-direction: column; justify-content: center;}
.lli .result .status {display: inline-block; align-self: flex-start; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; margin-bottom: 10px;}
.lli .status.late {background: var(--red); color: var(--white);}
.lli .status.soon {background: var(--yellow); color: var(--ink);}
.lli .status.ok {background: var(--sky); color: var(--ink);}
.lli .status.na {background: rgba(255,255,255,.2); color: var(--white);}
.lli .result .big {font-size: 1.35rem; font-weight: 800; color: var(--white); line-height: 1.25;}
.lli .result .small {color: #c3cee2; font-size: .9rem; margin-top: 6px;}
.lli .result .hint {color: #c3cee2; font-size: .95rem; text-align: center;}
.lli .checker .btn {width: 100%; margin-top: 16px;}
.lli .scroll-cue {position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 2; color: rgba(255,255,255,.6); font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.lli .scroll-cue i {width: 1px; height: 40px; background: linear-gradient(rgba(255,255,255,.7), transparent); animation: cue 2s infinite;}
@keyframes cue { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }
.lli .stats {padding: 0; margin-top: -60px; z-index: 5;}
.lli .stats-card {background: var(--white); border-radius: var(--r-lg); box-shadow: var(--shadow);
      display: grid; grid-template-columns: repeat(4, 1fr); overflow: hidden;}
.lli .stat {padding: 34px 28px; border-right: 1px solid var(--line);}
.lli .stat:last-child {border-right: 0;}
.lli .stat .num {font-size: 2.6rem; font-weight: 800; color: var(--ink); letter-spacing: -0.03em; line-height: 1;}
.lli .stat .num small {font-size: 1.1rem; color: var(--red); margin-left: 2px;}
.lli .stat .lbl {color: var(--muted); font-size: .92rem; margin-top: 8px; font-weight: 500;}
.lli .aud-head {display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 44px; flex-wrap: wrap;}
.lli .tabs {display: inline-flex; background: var(--mist); padding: 6px; border-radius: 999px; gap: 4px; flex-wrap: wrap;}
.lli .tab {font: inherit; font-weight: 700; font-size: .93rem; border: 0; background: transparent; color: var(--muted); padding: 12px 20px; border-radius: 999px; cursor: pointer; transition: all .25s;}
.lli .tab[aria-selected="true"] {background: var(--ink); color: var(--white); box-shadow: var(--shadow-sm);}
.lli .panel {display: none; grid-template-columns: 1fr 1fr; gap: 0; border-radius: var(--r-lg); overflow: hidden; background: var(--sand); min-height: 520px;}
.lli .panel.active {display: grid; animation: fadeUp .5s ease;}
@keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.lli .panel-img {position: relative;}
.lli .panel-img img {width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.lli .panel-body {padding: 60px 56px; display: flex; flex-direction: column; justify-content: center;}
.lli .panel-body h3 {font-size: clamp(1.6rem, 2.6vw, 2.2rem); margin-bottom: 16px;}
.lli .panel-body p {color: var(--muted); margin-bottom: 22px;}
.lli .ticks {list-style: none; display: grid; gap: 12px; margin-bottom: 30px;}
.lli .ticks li {display: flex; gap: 12px; align-items: flex-start; font-weight: 600; color: var(--ink);}
.lli .cta-row {display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center;}
.lli .more-link {font-weight: 700; color: var(--red); text-decoration: none; border-bottom: 2px solid transparent; transition: border-color .2s;}
.lli .more-link:hover, .lli .more-link:focus-visible {border-bottom-color: currentColor;}
.lli .swab .more-link {color: var(--sky);}
.lli .ticks li::before {content: ""; flex: none; width: 22px; height: 22px; margin-top: 2px; border-radius: 50%; background: var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;}
.lli .swab {background: var(--ink); color: var(--white); overflow: hidden;}
.lli .swab::before {content: ""; position: absolute; width: 700px; height: 700px; right: -200px; top: -200px; background: radial-gradient(circle, rgba(212,42,60,.35), transparent 65%); pointer-events: none;}
.lli .swab::after {content: ""; position: absolute; width: 600px; height: 600px; left: -200px; bottom: -250px; background: radial-gradient(circle, rgba(143,181,224,.25), transparent 65%); pointer-events: none;}
.lli .swab-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; position: relative; z-index: 1;}
.lli .swab h2 {color: var(--white); margin-bottom: 20px;}
.lli .swab .lede {color: #c3cee2; margin-bottom: 30px;}
.lli .big30 {display: flex; align-items: baseline; gap: 16px; margin-bottom: 26px;}
.lli .big30 b {font-size: clamp(5rem, 11vw, 8.5rem); font-weight: 800; line-height: .85; letter-spacing: -0.05em; background: linear-gradient(180deg, #fff, #8fb5e0); -webkit-background-clip: text; background-clip: text; color: transparent;}
.lli .big30 span {font-size: 1.15rem; font-weight: 700; color: var(--sky); max-width: 180px; line-height: 1.3;}
.lli .vials {display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.lli .vial-card {background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: var(--r-lg); padding: 34px 24px 26px; text-align: center;}
.lli .vial {width: 70px; height: 200px; margin: 0 auto 24px; position: relative; border: 3px solid rgba(255,255,255,.55); border-top: 0; border-radius: 0 0 36px 36px; overflow: hidden;}
.lli .vial::before {content: ""; position: absolute; top: 0; left: -8px; right: -8px; height: 3px; background: rgba(255,255,255,.55);}
.lli .vial .liquid {position: absolute; left: 0; right: 0; bottom: 0; height: 68%; transition: height 1.6s cubic-bezier(.2,.7,.2,1);}
.lli .vial .liquid::before {content: ""; position: absolute; top: -6px; left: -10%; width: 120%; height: 12px; border-radius: 50%; background: inherit; filter: brightness(1.15);}
html.lli-js .lli .vials:not(.lli-in) .vial .liquid {height: 0;}
.lli .vial.yellow .liquid {background: linear-gradient(180deg, #ffe873, #e8c22a);}
.lli .vial.pink .liquid {background: linear-gradient(180deg, #ff86b8, #e2347f);}
.lli .vial-card h3 {color: var(--white); font-size: 1.1rem; margin-bottom: 6px;}
.lli .vial-card p {color: #aab6cc; font-size: .9rem;}
.lli .vial-card.alert {border-color: rgba(255,95,162,.5); background: rgba(255,95,162,.08);}
.lli .bento {display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: minmax(220px, auto); gap: 20px; margin-top: 56px;}
.lli .tile {border-radius: var(--r-lg); padding: 34px; background: var(--mist); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; transition: transform .3s, box-shadow .3s;}
.lli .tile:hover {transform: translateY(-4px); box-shadow: var(--shadow);}
.lli .tile h3 {font-size: 1.35rem; margin: 26px 0 8px;}
.lli .t-a h3 {margin-top: 0;}
.lli .tile p {color: var(--muted); font-size: .97rem;}
.lli .tile .ico {margin-bottom: auto; width: 54px; height: 54px; border-radius: 16px; display: grid; place-items: center; background: var(--white); color: var(--red); box-shadow: var(--shadow-sm);}
.lli .t-a {grid-column: span 4; grid-row: span 2; background: var(--navy); color: var(--white); padding: 44px;}
.lli .t-a h3 {color: var(--white); font-size: clamp(1.8rem, 3vw, 2.5rem); max-width: 520px;}
.lli .t-a p {color: #c3cee2; max-width: 480px; font-size: 1.05rem; margin-bottom: 26px;}
.lli .t-a .ico {background: rgba(255,255,255,.1); color: var(--sky); box-shadow: none;}
.lli .t-a .badge {position: absolute; top: 34px; right: 34px; background: var(--red); color: var(--white); font-weight: 800; font-size: .78rem; padding: 8px 14px; border-radius: 999px; letter-spacing: .05em; text-transform: uppercase;}
.lli .t-a .doc {position: absolute; right: -40px; bottom: -60px; width: 300px; height: 360px; background: var(--white); border-radius: 18px; transform: rotate(-8deg); box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); padding: 28px; opacity: .97;}
.lli .doc i {display: block; height: 10px; border-radius: 6px; background: var(--line); margin-bottom: 12px;}
.lli .doc i:nth-child(1) {width: 60%; height: 14px; background: var(--navy);}
.lli .doc i:nth-child(2) {width: 40%; background: var(--red); margin-bottom: 26px;}
.lli .doc i:nth-child(odd) {width: 85%;}
.lli .doc .stamp {position: absolute; bottom: 70px; right: 40px; border: 3px solid #2e9e6a; color: #2e9e6a; font-weight: 800; padding: 6px 12px; border-radius: 8px; transform: rotate(-12deg); font-size: .9rem; letter-spacing: .08em;}
.lli .t-a .t-content {position: relative; z-index: 1; max-width: 56%;}
.lli .t-b {grid-column: span 2; background: var(--sand);}
.lli .t-c {grid-column: span 2; background: var(--sand);}
.lli .t-d, .lli .t-e, .lli .t-f {grid-column: span 2;}
.lli .t-f {background: linear-gradient(135deg, var(--red), #e8505f);}
.lli .t-f h3, .lli .t-f p {color: var(--white);}
.lli .t-f p {opacity: .9;}
.lli .t-f .ico {background: rgba(255,255,255,.18); color: var(--white); box-shadow: none;}
.lli .tile a.more {color: var(--white); font-weight: 700; margin-top: 12px; display: inline-block;}
.lli .process {background: var(--sand);}
.lli .process-grid {display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center;}
.lli .process-photo {border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4/5; position: relative; box-shadow: var(--shadow);}
.lli .process-photo img {width: 100%; height: 100%; object-fit: cover; object-position: 72% center;}
.lli .process-photo .float {position: absolute; left: 24px; bottom: 24px; right: 24px; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); border-radius: var(--r-md); padding: 18px 20px; display: flex; gap: 14px; align-items: center;}
.lli .float .dot {width: 44px; height: 44px; border-radius: 50%; background: var(--red); display: grid; place-items: center; color: var(--white); flex: none;}
.lli .float strong {display: block; color: var(--ink);}
.lli .float span {font-size: .88rem; color: var(--muted);}
.lli .timeline {list-style: none; margin-top: 40px; position: relative;}
.lli .timeline::before {content: ""; position: absolute; left: 23px; top: 10px; bottom: 10px; width: 2px; background: var(--line);}
.lli .timeline .bar {position: absolute; left: 23px; top: 10px; width: 2px; height: calc(100% - 20px); background: var(--red); transition: height 1.8s cubic-bezier(.2,.7,.2,1);}
html.lli-js .lli .timeline:not(.lli-in) .bar {height: 0;}
.lli .timeline li {display: grid; grid-template-columns: 48px 1fr; gap: 22px; padding-bottom: 34px; position: relative;}
.lli .timeline li:last-child {padding-bottom: 0;}
.lli .timeline .n {width: 48px; height: 48px; border-radius: 50%; background: var(--ink); border: 2px solid var(--ink); display: grid; place-items: center; font-weight: 800; color: var(--white); position: relative; z-index: 1; transition: all .4s;}
html.lli-js .lli .timeline:not(.lli-in) .n {background: var(--white); color: var(--ink); border-color: var(--line);}
.lli .timeline h3 {font-size: 1.25rem; margin: 10px 0 6px;}
.lli .timeline p {color: var(--muted);}
.lli .price-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 56px; align-items: stretch;}
.lli .plan {border: 1.5px solid var(--line); border-radius: var(--r-lg); padding: 38px 32px; display: flex; flex-direction: column; background: var(--white); transition: transform .3s, box-shadow .3s;}
.lli .plan:hover {transform: translateY(-6px); box-shadow: var(--shadow);}
.lli .plan .name {font-weight: 700; color: var(--muted); font-size: .95rem; text-transform: uppercase; letter-spacing: .08em;}
.lli .plan .amt small {font-size: 1rem; font-weight: 600; color: var(--muted); letter-spacing: 0; margin-right: 4px;}
.lli .plan.hot .amt small {color: var(--sky-2);}
.lli .plan .amt {font-size: 2.7rem; font-weight: 800; color: var(--ink); letter-spacing: -0.04em; margin: 14px 0 2px; line-height: 1;}
.lli .plan .per {color: var(--muted); font-size: .92rem;}
.lli .plan ul {list-style: none; display: grid; gap: 12px; margin: 28px 0 32px; flex: 1;}
.lli .plan li {padding-left: 30px; position: relative; color: var(--text); font-size: .97rem;}
.lli .plan li::before {content: ""; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border-radius: 50%; background: var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d42a3c' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/10px no-repeat;}
.lli .plan .btn {width: 100%;}
.lli .plan.hot {background: var(--ink); border-color: var(--ink); color: var(--white); position: relative; transform: scale(1.03); box-shadow: var(--shadow);}
.lli .plan.hot:hover {transform: scale(1.03) translateY(-6px);}
.lli .plan.hot .amt, .lli .plan.hot li {color: var(--white);}
.lli .plan.hot .name, .lli .plan.hot .per {color: var(--sky-2);}
.lli .plan.hot li::before {background-color: rgba(255,255,255,.12);}
.lli .plan.hot .flag {position: absolute; top: 24px; right: 24px; background: var(--red); color: var(--white); font-size: .72rem; font-weight: 800; padding: 6px 12px; border-radius: 999px; text-transform: uppercase; letter-spacing: .06em;}
.lli .price-foot {text-align: center; color: var(--muted); margin-top: 34px; font-size: .95rem;}
.lli .reviews {background: var(--mist); overflow: hidden;}
.lli .rev-head {display: flex; justify-content: space-between; align-items: end; gap: 30px; flex-wrap: wrap; margin-bottom: 44px;}
.lli .g-rating {display: flex; align-items: center; gap: 16px; background: var(--white); border-radius: var(--r-md); padding: 16px 22px; box-shadow: var(--shadow-sm);}
.lli .g-rating .score {font-size: 2.2rem; font-weight: 800; color: var(--ink); line-height: 1;}
.lli .stars {color: #f5b400; letter-spacing: 2px; font-size: 1.05rem;}
.lli .g-rating small {display: block; color: var(--muted); font-size: .85rem;}
.lli .rev-track {display: grid; grid-auto-flow: column; grid-auto-columns: minmax(320px, 1fr); gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 14px; scrollbar-width: thin;}
.lli .rev {scroll-snap-align: start; background: var(--white); border-radius: var(--r-lg); padding: 34px; display: flex; flex-direction: column; box-shadow: var(--shadow-sm);}
.lli .rev-ico {width: 52px; height: 52px; border-radius: 16px; background: var(--mist); color: var(--red); display: grid; place-items: center; margin-bottom: 22px;}
.lli .rev h3 {font-size: 1.2rem; margin-bottom: 10px;}
.lli .rev .quote {font-size: 3.4rem; line-height: .6; color: var(--red); font-weight: 800; height: 28px;}
.lli .rev p {font-size: 1.05rem; color: var(--text); margin: 12px 0 24px; flex: 1;}
.lli .rev .who {display: flex; align-items: center; gap: 12px;}
.lli .rev .av {width: 44px; height: 44px; border-radius: 50%; background: var(--navy); color: var(--white); display: grid; place-items: center; font-weight: 800;}
.lli .rev .who strong {display: block; color: var(--ink); font-size: .95rem;}
.lli .rev .who span {color: var(--muted); font-size: .85rem;}
.lli .about-grid {display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: center;}
.lli .video {position: relative; aspect-ratio: 16/10; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow); cursor: pointer;
      background: var(--navy) url('https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/4Wp4lO8lmgCwIlaEMHGZ/media/6782e5358fcd50535c6773ac.jpeg') center/cover no-repeat;}
.lli .video img.fallback {width: 100%; height: 100%; object-fit: cover;}
.lli .video::after {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(10,18,38,.8));}
.lli .play {position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 92px; height: 92px; border-radius: 50%; background: var(--white); display: grid; place-items: center; color: var(--red); box-shadow: 0 0 0 14px rgba(255,255,255,.2); transition: transform .3s;}
.lli .video:not(.has-video) .play {display: none;}
.lli .video:hover .play {transform: translate(-50%,-50%) scale(1.08);}
.lli .video .cap {position: absolute; z-index: 2; left: 28px; bottom: 24px; color: var(--white); font-weight: 700;}
.lli .video .cap span {display: block; font-weight: 500; font-size: .88rem; color: #c3cee2;}
.lli .creds {display: flex; flex-wrap: wrap; gap: 10px; margin: 26px 0 32px;}
.lli .cred {display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid var(--line); border-radius: 999px; padding: 8px 14px; font-weight: 600; font-size: .88rem; color: var(--ink);}
.lli .cred svg {color: var(--red); flex: none;}
.lli .cred-link {text-decoration: none; border-radius: 16px; line-height: 1.4; transition: border-color .2s, background .2s;}
.lli .cred-link:hover {border-color: var(--red); background: var(--mist);}
.lli .area {background: var(--ink); color: var(--white); padding: 100px 0 0; overflow: hidden;}
.lli .area h2 {color: var(--white);}
.lli .area .lede {color: #c3cee2;}
.lli .area-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-bottom: 70px;}
.lli .map {border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4/3; border: 1px solid rgba(255,255,255,.1);}
.lli .map iframe {width: 100%; height: 100%; border: 0; filter: grayscale(.4) contrast(1.05);}
.lli .marquee {border-top: 1px solid rgba(255,255,255,.1); padding: 26px 0; overflow: hidden; white-space: nowrap; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);}
.lli .marquee-track {display: inline-flex; gap: 46px; animation: scrollX 40s linear infinite;}
.lli .marquee span {font-size: 1.5rem; font-weight: 800; color: rgba(255,255,255,.28); letter-spacing: -0.01em;}
.lli .marquee span:nth-child(3n) {color: var(--sky);}
@keyframes scrollX { to { transform: translateX(-50%); } }
.lli .faq-grid {display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; align-items: start;}
.lli .faq-side {position: sticky; top: 120px;}
.lli .faq-side .lede {margin: 18px 0 30px;}
.lli .help-card {background: var(--sand); border-radius: var(--r-lg); padding: 28px;}
.lli .help-card strong {display: block; font-size: 1.1rem; color: var(--ink); margin-bottom: 4px;}
.lli .help-card p {color: var(--muted); font-size: .95rem; margin-bottom: 16px;}
.lli details {border-bottom: 1px solid var(--line);}
.lli details:first-child {border-top: 1px solid var(--line);}
.lli summary {list-style: none; cursor: pointer; padding: 26px 56px 26px 0; font-weight: 700; color: var(--ink); font-size: 1.12rem; position: relative; transition: color .2s;}
.lli summary:hover {color: var(--red);}
.lli summary::-webkit-details-marker {display: none;}
.lli summary::after {content: ""; position: absolute; right: 0; top: 50%; width: 36px; height: 36px; margin-top: -18px; border-radius: 50%; background: var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1226' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") center/16px no-repeat; transition: transform .3s, background-color .3s;}
.lli details[open] summary::after {transform: rotate(45deg); background-color: var(--sky-2);}
.lli .faq-body {padding: 0 0 26px; color: var(--muted); max-width: 680px;}
.lli .faq-body p, .lli .faq-body ul {margin-bottom: 12px;}
.lli .faq-body ul {padding-left: 20px;}
.lli .faq-body strong {color: var(--ink);}
.lli .faq-body a {color: var(--red); font-weight: 600;}
.lli .book {padding: 40px 0 120px;}
.lli .book-card {border-radius: 36px; overflow: hidden; display: grid; grid-template-columns: .95fr 1.05fr;
      background: var(--navy); box-shadow: var(--shadow); position: relative;}
.lli .book-info {padding: 64px 56px; color: #c3cee2; position: relative; overflow: hidden;}
.lli .book-info::before {content: ""; position: absolute; width: 520px; height: 520px; left: -160px; bottom: -220px; background: radial-gradient(circle, rgba(212,42,60,.45), transparent 65%);}
.lli .book-info > * {position: relative;}
.lli .book-info h2 {color: var(--white); margin-bottom: 18px;}
.lli .book-info .lede {color: #c3cee2; margin-bottom: 36px;}
.lli .contact-list {list-style: none; display: grid; gap: 16px; margin-bottom: 36px;}
.lli .contact-list li {display: flex; gap: 14px; align-items: center;}
.lli .contact-list .ci {width: 46px; height: 46px; border-radius: 14px; background: rgba(255,255,255,.08); display: grid; place-items: center; color: var(--sky); flex: none;}
.lli .contact-list a {color: var(--white); text-decoration: none; font-weight: 700;}
.lli .contact-list small {display: block; color: #93a1ba; font-size: .82rem;}
.lli .book-form {background: var(--white); padding: 56px 52px;}
.lli .book-form h3 {font-size: 1.5rem; margin-bottom: 4px;}
.lli .book-form .sub {color: var(--muted); font-size: .95rem; margin-bottom: 26px;}
.lli .row2 {display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.lli .field {margin-bottom: 14px; position: relative;}
.lli .field label {display: block; font-size: .82rem; font-weight: 700; color: var(--ink); margin-bottom: 6px;}
.lli .field input, .lli .field select {width: 100%; font: inherit; font-size: .97rem; padding: 14px 16px; border: 1.5px solid var(--line);
      border-radius: 14px; background: var(--mist); color: var(--text); transition: border-color .2s, background .2s, box-shadow .2s;
      appearance: none; -webkit-appearance: none;}
.lli .field select {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e6a80' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; padding-right: 40px;}
.lli .field input:focus, .lli .field select:focus {outline: 0; border-color: var(--sky); background-color: var(--white); box-shadow: 0 0 0 4px rgba(143,181,224,.25);}
.lli .book-form iframe {display: block; width: 100% !important; min-height: 590px; border: 0;}
.lli .alt-book {text-align: center; margin-top: 14px; font-size: .92rem; color: var(--muted);}
.lli .alt-book a {color: var(--red); font-weight: 700;}
.lli .consent {font-size: .72rem; color: var(--muted); line-height: 1.5; margin-top: 18px;}
.lli footer {background: var(--ink); color: #93a1ba; padding: 80px 0 0; font-size: .95rem;}
.lli .foot-grid {display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 40px; padding-bottom: 60px;}
.lli footer h4 {color: var(--white); font-size: .95rem; margin-bottom: 18px;}
.lli footer ul {list-style: none; display: grid; gap: 10px;}
.lli footer a {color: #93a1ba; text-decoration: none; transition: color .2s;}
.lli footer a:hover {color: var(--white);}
.lli .foot-logo img {height: 80px; width: auto; border-radius: 12px; margin-bottom: 18px;}
.lli .foot-bottom {border-top: 1px solid rgba(255,255,255,.08); padding: 24px 0; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; font-size: .85rem; color: #6d7a93;}
.lli .mobile-bar {display: none;}
@media (max-width: 1080px) {
.lli .nav-links {display: none;}
.lli .hero-grid, .lli .swab-grid, .lli .process-grid, .lli .about-grid, .lli .area-grid, .lli .faq-grid, .lli .book-card {grid-template-columns: 1fr;}
.lli .hero-grid {gap: 40px;}
.lli .swab-grid, .lli .process-grid, .lli .about-grid, .lli .faq-grid {gap: 50px;}
.lli .faq-side {position: static;}
.lli .bento {grid-template-columns: 1fr 1fr;}
.lli .t-a {grid-column: span 2; grid-row: auto; min-height: 420px;}
.lli .t-b, .lli .t-c, .lli .t-d, .lli .t-e, .lli .t-f {grid-column: span 1;}
.lli .price-grid {grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto;}
.lli .plan.hot {transform: none;}
.lli .plan.hot:hover {transform: translateY(-6px);}
.lli .process-photo {aspect-ratio: 16/10;}
}
@media (max-width: 760px) {
.lli section {padding: 80px 0;}
.lli .wrap {padding: 0 18px;}
.lli .nav {padding: 0 12px;}
.lli .announce {font-size: .8rem; padding: 9px 12px;}
.lli .announce .long {display: none;}
.lli .announce .short {display: inline;}
.lli .nav-phone {display: none;}
.lli .logo img {height: 42px;}
.lli .hero {padding: 150px 0 80px;}
.lli .checker {padding: 24px;}
.lli .scroll-cue {display: none;}
.lli .stats-card {grid-template-columns: 1fr 1fr;}
.lli .stat {padding: 24px 20px;}
.lli .stat:nth-child(2) {border-right: 0;}
.lli .stat:nth-child(-n+2) {border-bottom: 1px solid var(--line);}
.lli .stat .num {font-size: 2rem;}
.lli .panel.active {grid-template-columns: 1fr;}
.lli .panel-img {min-height: 240px;}
.lli .panel-body {padding: 36px 26px;}
.lli .tabs {width: 100%; border-radius: 22px;}
.lli .tab {flex: 1 1 45%; padding: 10px 12px;}
.lli .vials {gap: 14px;}
.lli .vial {height: 150px; width: 58px;}
.lli .bento {grid-template-columns: 1fr;}
.lli .t-a, .lli .t-b, .lli .t-c, .lli .t-d, .lli .t-e, .lli .t-f {grid-column: span 1;}
.lli .t-a {padding: 34px; min-height: 0; padding-bottom: 260px;}
.lli .t-a .t-content {max-width: 100%;}
.lli .t-a .badge {position: static; display: inline-block; margin-bottom: 70px; align-self: flex-start;}
.lli .t-a .doc {width: 220px; height: 260px; right: 20px; bottom: -50px;}
.lli .tile {min-height: 230px;}
.lli .book-info, .lli .book-form {padding: 40px 24px;}
.lli .row2 {grid-template-columns: 1fr; gap: 0;}
.lli .foot-grid {grid-template-columns: 1fr 1fr;}
.lli .foot-grid > div:first-child {grid-column: span 2;}
.lli .foot-bottom {padding-bottom: 96px;}
.lli .mobile-bar {display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 70;
        background: rgba(10,18,38,.92); backdrop-filter: blur(14px); padding: 8px; border-radius: 999px; box-shadow: 0 12px 30px -8px rgba(0,0,0,.5);}
.lli .mobile-bar a {text-align: center; padding: 13px; border-radius: 999px; font-weight: 700; text-decoration: none; color: var(--white); font-size: .95rem;}
.lli .mobile-bar a.call {background: rgba(255,255,255,.12);}
.lli .mobile-bar a.book-btn {background: var(--red);}
}
@media (prefers-reduced-motion: reduce) {
.lli, .lli *, .lli::before, .lli *::before, .lli::after, .lli *::after {animation: none !important; transition: none !important;}
html.lli-js .lli .reveal {opacity: 1; transform: none;}
}
.lli .hero.hero-sub {min-height: auto; padding: 200px 0 110px;}
.lli .hero-sub h1 {font-size: clamp(2.3rem, 4.6vw, 3.9rem);}
.lli .glance h2 {color: var(--white); font-size: 1.35rem; margin-bottom: 18px;}
.lli .glance ol {list-style: none; display: grid; gap: 14px; counter-reset: g;}
.lli .glance li {display: grid; grid-template-columns: 34px 1fr; gap: 14px; align-items: start; color: #dfe7f4; font-weight: 600; line-height: 1.45; counter-increment: g;}
.lli .glance li::before {content: counter(g); width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); color: var(--white); font-weight: 800; font-size: .9rem;}
.lli .pg-split .wrap {display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: start;}
.lli .pg-split .copy > * + * {margin-top: 18px;}
.lli .pg-split .copy p {color: var(--muted); font-size: 1.08rem; max-width: 60ch;}
.lli .pg-split .copy p b {color: var(--ink);}
.lli .pg-split.sand {background: var(--sand);}
.lli .pg-card {background: var(--mist); border-radius: var(--r-lg); padding: 36px;}
.lli .pg-split.sand .pg-card {background: var(--white); box-shadow: var(--shadow-sm);}
.lli .pg-card h3 {font-size: 1.2rem; margin-bottom: 18px; color: var(--ink);}
.lli .pg-card .ticks {margin-bottom: 0;}
.lli .pg-related {padding: 90px 0; background: var(--mist);}
.lli .pg-related h2 {font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 28px;}
.lli .pg-related .grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}
.lli .pg-related a {display: block; background: var(--white); border-radius: var(--r-md); padding: 26px; text-decoration: none; border: 1px solid var(--line); transition: transform .2s, box-shadow .2s;}
.lli .pg-related a:hover {transform: translateY(-3px); box-shadow: var(--shadow-sm);}
.lli .pg-related strong {display: block; color: var(--ink); font-size: 1.08rem; margin-bottom: 6px;}
.lli .pg-related span {color: var(--muted); font-size: .95rem;}
.lli .pg-related strong::after {content: " \2192"; color: var(--red);}
.lli .preview-slot {min-height: 320px; display: grid; place-items: center; text-align: center; padding: 24px; border: 2px dashed var(--line); border-radius: var(--r-md); color: var(--muted); font-weight: 600; background: var(--mist);}
@media (max-width: 900px) {
.lli .pg-split .wrap {grid-template-columns: 1fr; gap: 36px;}
.lli .pg-related .grid {grid-template-columns: 1fr;}
.lli .hero.hero-sub {padding: 150px 0 80px;}
}

/* \2500 \2500  GHL: break out of the builder's fixed-width container \2500 \2500  */
html, body { overflow-x: hidden; }
.lli-full {
  width: 100vw !important; max-width: 100vw !important;
  position: relative; left: 50%; right: 50%;
  margin-left: -50vw !important; margin-right: -50vw !important;
}
/* \2500 \2500  GHL: neutralize builder typography inside our blocks \2500 \2500  */
.lli h1, .lli h2, .lli h3, .lli h4, .lli p, .lli a, .lli li, .lli span,
.lli button, .lli input, .lli select, .lli label { font-family: inherit; }
.lli a:hover { text-decoration: none; }

/* "Website by My Launch Partner" line: clear the sticky Call / Book bar on phones */
@media (max-width:900px){.lli-credit{padding-bottom:110px!important}}