/* TOOLBELT PLUMBER LANDING PAGE V1 */
.plumber-page { overflow:hidden; background:var(--paper); }
.plumber-page .plumber-section { padding:clamp(78px,8vw,112px) 0; }
.plumber-page .plumber-section--soft { background:var(--paper-2); }
.plumber-page .plumber-section--dark { background:var(--ink); color:#fff; }
.plumber-page .plumber-section--ink2 { background:var(--ink-2); color:#fff; }
.plumber-page .plumber-copy { max-width:680px; }
.plumber-page .plumber-copy h2 { margin:0 0 24px; }
.plumber-page .plumber-copy p { color:#4e555c; font-size:1rem; }
.plumber-page .plumber-section--dark .plumber-copy p,
.plumber-page .plumber-section--ink2 .plumber-copy p { color:#c7ccd1; }
.plumber-page .plumber-copy .plumber-intro { font-size:1.08rem; line-height:1.72; }
.plumber-page .plumber-note { margin-top:26px; padding-left:18px; border-left:4px solid var(--accent); color:#42484f; font-weight:600; }
.plumber-page .plumber-section--dark .plumber-note,
.plumber-page .plumber-section--ink2 .plumber-note { color:#e5e8eb; }
.plumber-page .plumber-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.plumber-page .plumber-link { display:inline-flex; align-items:center; gap:9px; margin-top:26px; color:#9b7000; font-size:.82rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.plumber-page .plumber-section--dark .plumber-link,
.plumber-page .plumber-section--ink2 .plumber-link { color:var(--accent); }

/* Hero */
.plumber-hero { position:relative; min-height:760px; display:flex; align-items:center; color:#fff; background:#080a0c; overflow:hidden; }
.plumber-hero__media { position:absolute; inset:0; }
.plumber-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,7,9,.99) 0%,rgba(5,7,9,.96) 31%,rgba(5,7,9,.72) 50%,rgba(5,7,9,.18) 78%,rgba(5,7,9,.04) 100%); }
.plumber-hero__media img { width:100%; height:100%; object-fit:cover; object-position:68% center; }
.plumber-hero__inner { position:relative; z-index:2; padding:132px 0 78px; }
.plumber-hero__content { max-width:800px; }
.plumber-hero .eyeline { margin-bottom:20px; }
.plumber-hero h1 { max-width:800px; font-size:clamp(4rem,6.4vw,6.7rem); }
.plumber-hero h1 .yellow { display:block; }
.plumber-hero__copy { max-width:680px; margin-top:26px; color:#f0f2f3; font-size:1.1rem; line-height:1.7; }
.plumber-hero__proof { margin-top:34px; display:flex; flex-wrap:wrap; gap:14px 26px; }
.plumber-hero__proof span { display:inline-flex; align-items:center; gap:8px; font-size:.75rem; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.plumber-hero__proof span::before { content:""; width:16px; height:16px; border:2px solid var(--accent); border-radius:50%; background:radial-gradient(circle at center,var(--accent) 0 2px,transparent 3px); }

/* Why */
.plumber-why { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(48px,6vw,84px); align-items:center; }
.plumber-photo { position:relative; min-width:0; }
.plumber-photo img { width:100%; height:100%; min-height:520px; object-fit:cover; box-shadow:var(--shadow); }
.plumber-photo--customer img { object-position:45% center; }
.plumber-photo::before { content:""; position:absolute; left:-16px; top:-16px; width:104px; height:104px; border-top:8px solid var(--accent); border-left:8px solid var(--accent); z-index:1; pointer-events:none; }
.plumber-benefits { margin-top:38px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.plumber-benefit { padding:24px 20px 0 0; margin-right:20px; border-right:1px solid var(--line); }
.plumber-benefit:last-child { border-right:0; margin-right:0; }
.plumber-benefit span { display:block; color:var(--accent-deep); font-family:var(--heading); font-size:2.8rem; font-weight:900; line-height:1; }
.plumber-benefit h3 { margin-top:13px; font-size:1.35rem; }
.plumber-benefit p { margin-top:9px; color:var(--muted); font-size:.8rem; line-height:1.55; }

/* Example website */
.plumber-example__head { display:grid; grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr); gap:64px; align-items:end; margin-bottom:52px; }
.plumber-example__head h2 { max-width:620px; }
.plumber-example__head p { color:#c3c8ce; font-size:1.02rem; line-height:1.7; }
.plumber-example__stage { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:34px; align-items:stretch; }
.plumber-browser { min-width:0; border:1px solid #333840; background:#0f1215; box-shadow:0 28px 70px rgba(0,0,0,.36); }
.plumber-browser__bar { height:46px; display:flex; align-items:center; gap:14px; padding:0 16px; background:#181c21; border-bottom:1px solid #30353b; }
.plumber-browser__dots { display:flex; gap:6px; }
.plumber-browser__dots i { display:block; width:8px; height:8px; border-radius:50%; background:#616870; }
.plumber-browser__address { flex:1; max-width:430px; padding:7px 12px; background:#101317; border:1px solid #30353b; color:#858d96; font-size:.67rem; }
.plumber-browser__screen { position:relative; min-height:500px; overflow:hidden; background:#f4f4f2; }
.plumber-browser__screen img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% center; }
.plumber-browser__screen::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,9,11,.96) 0%,rgba(7,9,11,.88) 43%,rgba(7,9,11,.22) 72%,rgba(7,9,11,.04) 100%); }
.plumber-browser__mock { position:relative; z-index:2; width:56%; min-width:360px; padding:54px 42px; color:#fff; }
.plumber-browser__mock-brand { font-family:var(--heading); font-weight:900; letter-spacing:.08em; font-size:1.02rem; color:var(--accent); }
.plumber-browser__mock h3 { margin-top:20px; font-size:clamp(2.6rem,4vw,4rem); }
.plumber-browser__mock p { max-width:470px; margin-top:18px; color:#d5d9dd; font-size:.9rem; }
.plumber-browser__mock-cta { display:inline-flex; margin-top:22px; padding:12px 16px; background:var(--accent); color:#111; font-size:.7rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.plumber-example__meta { display:grid; border-top:1px solid #30353a; }
.plumber-example__meta article { padding:25px 0; border-bottom:1px solid #30353a; }
.plumber-example__meta h3 { font-size:1.45rem; }
.plumber-example__meta p { margin-top:9px; color:#aeb4bb; font-size:.83rem; line-height:1.55; }
.plumber-example__cta { margin-top:26px; }
.plumber-example__caption { margin-top:13px; color:#858d96; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; }

/* Services */
.plumber-services__intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:end; margin-bottom:48px; }
.plumber-services__intro p { color:#4f565d; line-height:1.72; }
.plumber-services__grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.plumber-service-card { min-height:180px; padding:26px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.plumber-service-card span { display:block; color:var(--accent-deep); font-family:var(--heading); font-size:2.3rem; font-weight:900; line-height:1; }
.plumber-service-card h3 { margin-top:18px; font-size:1.35rem; }
.plumber-services__visual { margin-top:46px; display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr); gap:30px; align-items:stretch; }
.plumber-services__visual img { width:100%; height:360px; object-fit:cover; object-position:center 44%; }
.plumber-services__callout { padding:38px; background:var(--ink); color:#fff; display:flex; flex-direction:column; justify-content:center; border-left:6px solid var(--accent); }
.plumber-services__callout strong { font-family:var(--heading); font-size:2rem; line-height:1; text-transform:uppercase; }
.plumber-services__callout p { margin-top:16px; color:#c3c8ce; }

/* Local SEO */
.plumber-local { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:72px; align-items:center; }
.plumber-local__features { margin-top:36px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #30343a; border-left:1px solid #30343a; }
.plumber-local__features article { padding:26px; border-right:1px solid #30343a; border-bottom:1px solid #30343a; }
.plumber-local__features h3 { font-size:1.4rem; }
.plumber-local__features p { margin-top:10px; color:#adb4bb; font-size:.82rem; line-height:1.55; }
.plumber-local__image { position:relative; height:620px; }
.plumber-local__image img { width:100%; height:100%; object-fit:cover; object-position:48% center; }
.plumber-local__image::after { content:""; position:absolute; right:-14px; bottom:-14px; width:100px; height:100px; border-right:8px solid var(--accent); border-bottom:8px solid var(--accent); }

/* Conversion */
.plumber-conversion { display:grid; grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr); gap:72px; align-items:center; }
.plumber-conversion__image { height:590px; overflow:hidden; }
.plumber-conversion__image img { width:100%; height:100%; object-fit:cover; object-position:35% center; }
.plumber-conversion__features { margin-top:34px; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.plumber-conversion__features div { min-height:90px; padding:20px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; gap:12px; font-weight:700; font-size:.88rem; }
.plumber-conversion__features div::before { content:"✓"; color:var(--accent-deep); font-weight:900; font-size:1.1rem; }

/* Included */
.plumber-included__head { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:60px; align-items:end; margin-bottom:44px; }
.plumber-included__head p { color:#51585f; line-height:1.7; }
.plumber-included__grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.plumber-included__grid article { min-height:205px; padding:28px 25px; background:#fff; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.plumber-included__grid span { display:block; color:var(--accent-deep); font-size:1.15rem; font-weight:900; }
.plumber-included__grid h3 { margin-top:15px; font-size:1.45rem; }
.plumber-included__grid p { margin-top:10px; color:var(--muted); font-size:.82rem; line-height:1.55; }
.plumber-included__action { margin-top:34px; }

/* Pay monthly */
.plumber-monthly { position:relative; overflow:hidden; background:#0d1013; color:#fff; }
.plumber-monthly__image { position:absolute; inset:0 0 0 50%; }
.plumber-monthly__image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.plumber-monthly__image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#0d1013 0%,rgba(13,16,19,.8) 18%,rgba(13,16,19,.18) 70%); }
.plumber-monthly__inner { position:relative; z-index:2; min-height:530px; display:flex; align-items:center; }
.plumber-monthly__copy { max-width:650px; padding:84px 0; }
.plumber-monthly__copy p { max-width:620px; margin-top:24px; color:#c5cbd1; font-size:1.02rem; line-height:1.72; }
.plumber-monthly__proof { margin-top:28px; display:flex; flex-wrap:wrap; gap:12px 22px; color:#fff; font-size:.78rem; font-weight:800; text-transform:uppercase; }
.plumber-monthly__proof span::before { content:"✓"; color:var(--accent); margin-right:8px; }

/* Process */
.plumber-process__head { max-width:820px; }
.plumber-process { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; margin-top:46px; }
.plumber-process article { padding-top:24px; border-top:4px solid var(--ink); }
.plumber-process__no { font-family:var(--heading); font-size:4.2rem; font-weight:900; color:var(--accent); line-height:1; }
.plumber-process h3 { margin-top:16px; font-size:1.8rem; }
.plumber-process p { margin-top:12px; color:var(--muted); font-size:.88rem; line-height:1.6; }

/* FAQs */
.plumber-faq { display:grid; grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); gap:70px; align-items:start; }
.plumber-faq__intro { position:sticky; top:110px; }
.plumber-faq__list { border-top:1px solid var(--line); }
.plumber-faq details { border-bottom:1px solid var(--line); }
.plumber-faq summary { list-style:none; cursor:pointer; padding:24px 48px 24px 0; position:relative; font-family:var(--heading); font-size:1.45rem; font-weight:800; line-height:1.15; text-transform:none; }
.plumber-faq summary::-webkit-details-marker { display:none; }
.plumber-faq summary::after { content:"+"; position:absolute; right:3px; top:22px; color:var(--accent-deep); font-family:var(--heading); font-size:1.8rem; font-weight:800; }
.plumber-faq details[open] summary::after { content:"−"; }
.plumber-faq details p { padding:0 44px 24px 0; color:#5b6269; font-size:.9rem; line-height:1.65; }

/* Final CTA */
.plumber-final { position:relative; overflow:hidden; color:#fff; background:#0a0c0e; }
.plumber-final__media { position:absolute; inset:0; }
.plumber-final__media img { width:100%; height:100%; object-fit:cover; object-position:50% 54%; }
.plumber-final__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,9,11,.99) 0%,rgba(7,9,11,.94) 42%,rgba(7,9,11,.5) 68%,rgba(7,9,11,.16) 100%); }
.plumber-final__inner { position:relative; z-index:2; min-height:430px; display:flex; align-items:center; padding:74px 0; }
.plumber-final__copy { max-width:760px; }
.plumber-final h2 { font-size:clamp(3.4rem,6vw,5.8rem); }
.plumber-final p { max-width:620px; margin-top:22px; color:#d3d7db; font-size:1rem; }

@media (max-width:1120px) {
  .plumber-services__grid { grid-template-columns:repeat(2,1fr); }
  .plumber-included__grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:980px) {
  .plumber-page .plumber-section { padding:76px 0; }
  .plumber-hero { min-height:700px; }
  .plumber-hero__media::after { background:linear-gradient(90deg,rgba(5,7,9,.99) 0%,rgba(5,7,9,.91) 58%,rgba(5,7,9,.42) 100%); }
  .plumber-hero__media img { object-position:62% center; }
  .plumber-hero__content { max-width:690px; }
  .plumber-why,
  .plumber-local,
  .plumber-conversion { grid-template-columns:1fr; gap:48px; }
  .plumber-example__head,
  .plumber-services__intro,
  .plumber-included__head { grid-template-columns:1fr; gap:24px; }
  .plumber-example__stage { grid-template-columns:1fr; }
  .plumber-example__meta { grid-template-columns:repeat(3,1fr); border-left:1px solid #30353a; }
  .plumber-example__meta article { padding:22px; border-right:1px solid #30353a; }
  .plumber-local__image,
  .plumber-conversion__image { height:480px; }
  .plumber-local__image { order:-1; }
  .plumber-faq { grid-template-columns:1fr; gap:32px; }
  .plumber-faq__intro { position:static; }
  .plumber-monthly__image { inset:0; opacity:.42; }
  .plumber-monthly__image::after { background:linear-gradient(90deg,rgba(13,16,19,.98),rgba(13,16,19,.72)); }
}

@media (max-width:720px) {
  .plumber-hero { min-height:660px; }
  .plumber-hero__inner { padding:120px 0 64px; }
  .plumber-hero h1 { font-size:clamp(3.5rem,14vw,5.2rem); }
  .plumber-hero__copy { font-size:1rem; }
  .plumber-benefits { grid-template-columns:1fr; }
  .plumber-benefit { border-right:0; border-bottom:1px solid var(--line); margin:0; padding:22px 0; }
  .plumber-benefit:last-child { border-bottom:0; }
  .plumber-photo img { min-height:390px; }
  .plumber-browser__screen { min-height:440px; }
  .plumber-browser__mock { width:82%; min-width:0; padding:44px 28px; }
  .plumber-example__meta { grid-template-columns:1fr; }
  .plumber-services__grid,
  .plumber-local__features,
  .plumber-conversion__features,
  .plumber-included__grid,
  .plumber-process { grid-template-columns:1fr; }
  .plumber-service-card { min-height:130px; }
  .plumber-services__visual { grid-template-columns:1fr; }
  .plumber-services__visual img { height:300px; }
  .plumber-local__image,
  .plumber-conversion__image { height:390px; }
  .plumber-included__grid article { min-height:0; }
  .plumber-process { gap:26px; }
  .plumber-monthly__inner { min-height:500px; }
  .plumber-final__inner { min-height:400px; }
}

@media (max-width:520px) {
  .plumber-page .plumber-section { padding:64px 0; }
  .plumber-hero__media img { object-position:67% center; }
  .plumber-hero__media::after { background:linear-gradient(90deg,rgba(5,7,9,.99) 0%,rgba(5,7,9,.94) 72%,rgba(5,7,9,.62) 100%); }
  .plumber-hero__proof { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .plumber-hero__proof span { font-size:.68rem; }
  .plumber-page .plumber-actions { flex-direction:column; align-items:stretch; }
  .plumber-page .plumber-actions .btn { width:100%; }
  .plumber-browser__screen { min-height:390px; }
  .plumber-browser__mock { width:92%; padding:36px 20px; }
  .plumber-browser__mock h3 { font-size:2.7rem; }
  .plumber-example__meta { display:block; }
  .plumber-services__callout { padding:30px; }
  .plumber-local__image,
  .plumber-conversion__image { height:330px; }
  .plumber-faq summary { font-size:1.3rem; padding-right:38px; }
}