/* it-t10-plumber.css: the plumber page drawn to the owner's mockup
   (tools/plumber-pack/plumber-page-pixel-perfect-handoff/01-final-page-reference.png, 761px wide).
   Desktop sizes are the mockup's pixels times --u (the page width over 761, up to 1440px), so the page
   is the mockup at scale. Below 900px the sections stack with fixed sizes. Built by tools/plumber_page.py. */
main.t-plumber{container-type:inline-size;--navy:#011D3B;--ink:#0A1F44;--text:#1D2B45;--muted:#56657C;--blue:#1F6CB4;--pale:#F5F8FC;--pale2:#F1F7FD;
  --bluebg:#E8F1FC;--line:#E3E9F1;--orange:#FF6A1F;--cta:#C04E06;--jak:Inter,'Inter Fallback',-apple-system,"Segoe UI",Roboto,sans-serif}
main.t-plumber > section{--u:calc(min(100cqw,1440px)/761)}
.t-plumber .pl-in{width:min(100%,calc(761*var(--u)));margin:0 auto;padding-inline:calc(44*var(--u));position:relative}
.t-plumber svg.i{width:1em;height:1em;flex:none}
.t-plumber svg.i .f{fill:currentColor;stroke:none}
.t-plumber svg.fi{fill:none}
.t-plumber .pl-h2{font:800 calc(22.6*var(--u))/calc(30*var(--u)) var(--jak);letter-spacing:-.015em;color:var(--ink);text-align:center}
.t-plumber .pl-k{font:800 calc(8.2*var(--u))/calc(12*var(--u)) var(--jak);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);text-align:center}
.t-plumber .pl-sub{font:400 calc(11.4*var(--u))/calc(16*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--muted);text-align:center}
.t-plumber .pl-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(6*var(--u));background:var(--cta);color:#fff!important;
  font:700 calc(10.6*var(--u))/1 var(--jak);border-radius:calc(4*var(--u));box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) calc(-6*var(--u)) rgba(192,78,6,.55)}
.t-plumber .pl-btn:hover{background:#A94404}
.t-plumber .pl-btn svg.ar{width:1.15em;height:1.15em;stroke-width:2.2}
.t-plumber a.t10-link{text-decoration:none!important;color:inherit}

/* hero: the whole mockup band, photo full bleed; copy over its navy left */
.t-plumber .pl-hero{position:relative;background:#021C38;color:#fff;overflow:hidden}
.t-plumber .pl-hero-img img{display:block;width:100%;height:auto;aspect-ratio:761/313}
.t-plumber .pl-hero-in{position:absolute;inset:0;margin:0 auto;padding-top:calc(30*var(--u))}
.t-plumber .pl-hero h1{font:800 calc(28.6*var(--u))/calc(30.8*var(--u)) var(--jak);letter-spacing:-.018em;color:#fff;max-width:calc(292*var(--u));padding-top:0}
.t-plumber .pl-lede{margin-top:calc(3*var(--u))!important;font:400 calc(11.3*var(--u))/calc(16*var(--u)) Inter,'Inter Fallback',sans-serif;color:#E6EDF6}
.t-plumber .pl-hero .pl-btn{width:calc(128*var(--u));height:calc(36*var(--u));margin-top:calc(14*var(--u))}
.t-plumber .pl-trust{display:flex;align-items:center;margin-top:calc(17*var(--u))!important;font:500 calc(8.4*var(--u))/calc(11.5*var(--u)) Inter,'Inter Fallback',sans-serif;color:#fff}
.t-plumber .pl-trust li{display:flex;align-items:center;gap:calc(9*var(--u))}
.t-plumber .pl-trust li:nth-child(2){margin-left:calc(20*var(--u))}
.t-plumber .pl-trust li:nth-child(3){margin-left:calc(32*var(--u))}
.t-plumber .pl-trust svg{font-size:calc(20*var(--u));color:#6EA0C8;stroke-width:1.9}
.t-plumber .pl-trust svg.fi{font-size:calc(22*var(--u))}

/* four documents */
.t-plumber .pl-docs{background:#fff;padding:calc(19*var(--u)) 0 calc(22*var(--u))}
.t-plumber .pl-docs .pl-h2{margin-top:calc(2*var(--u))!important}
.t-plumber .pl-four{display:grid;grid-template-columns:repeat(4,1fr);margin:calc(8.5*var(--u)) calc(-13*var(--u)) 0!important}
.t-plumber .pl-four a{display:flex;flex-direction:column;align-items:center;text-align:center}
.t-plumber .pl-c{display:grid;place-items:center;width:calc(51*var(--u));height:calc(51*var(--u));border-radius:50%;background:var(--bluebg);color:var(--blue);font-size:calc(29*var(--u))}
.t-plumber .pl-c svg{stroke-width:1.8}
.t-plumber .pl-four b{margin-top:calc(3*var(--u));font:700 calc(11.9*var(--u))/calc(14*var(--u)) var(--jak);color:var(--ink)}
.t-plumber .pl-four span:not(.pl-c){margin-top:calc(4.5*var(--u));font:400 calc(9*var(--u))/calc(15*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--muted)}
.t-plumber .pl-four a:hover b{color:var(--blue)}

/* template studio: the pale band, three documents drawn in HTML */
.t-plumber .pl-studio{background:var(--pale);padding:calc(16*var(--u)) 0 calc(18*var(--u))}
.t-plumber .pl-studio .pl-h2{margin-top:calc(2*var(--u))!important;font-size:calc(22.4*var(--u))}
.t-plumber .pl-studio .pl-sub{margin-top:calc(2*var(--u))!important;font-size:calc(11.9*var(--u))}
.t-plumber .pl-cards{display:grid;grid-template-columns:repeat(3,calc(174*var(--u)));justify-content:space-between;margin:calc(20*var(--u)) calc(-33*var(--u)) 0 calc(-33*var(--u))!important;padding-inline:calc(44*var(--u))}
/* the pack studio fan replaced the three drawn document cards (owner, 24 Sep 2026: cover the white
   space around it, this section only). The old grid gave the fan's slot one of three equal columns
   (space-between with a single item just parks it on the left) and capped it there; give the slot
   the section's full width so the fan can center in it, and make the fan itself bigger. */
.t-plumber .pl-studio .pl-cards{grid-template-columns:1fr!important;justify-content:center!important;margin:calc(28*var(--u)) 0 0!important;padding-inline:0!important}
.t-plumber .pl-studio .t10-fan{height:calc(230*var(--u));max-width:calc(430*var(--u));margin-top:calc(6*var(--u))}
.t-plumber .pl-studio .t10-fan-c{width:calc(150*var(--u));border-radius:calc(6*var(--u))}
.t-plumber .pl-studio .t10-fan-1{transform:translate(-50%,-50%) translateX(calc(-88*var(--u))) rotate(-9deg)}
.t-plumber .pl-studio .t10-fan-2{transform:translate(-50%,-50%) translateX(calc(-30*var(--u))) rotate(-3deg) translateY(calc(-4*var(--u)))}
.t-plumber .pl-studio .t10-fan-3{transform:translate(-50%,-50%) translateX(calc(30*var(--u))) rotate(3deg) translateY(calc(-4*var(--u)))}
.t-plumber .pl-studio .t10-fan-4{transform:translate(-50%,-50%) translateX(calc(88*var(--u))) rotate(9deg)}
.t-plumber .pl-cards h3{text-align:center;font:700 calc(10.2*var(--u))/calc(14*var(--u)) var(--jak);color:var(--ink);margin-bottom:calc(7*var(--u))!important}
.t-plumber .pl-doc{border-radius:calc(5*var(--u));background:#fff;box-shadow:0 calc(3*var(--u)) calc(14*var(--u)) rgba(10,31,68,.08),0 0 0 1px rgba(10,31,68,.04);height:calc(173*var(--u))}
.t-plumber .pl-doc::after{border-radius:inherit}
.t-plumber .pd{padding:calc(14*var(--u)) calc(15*var(--u)) 0;font:400 calc(3.6*var(--u))/1.45 Inter,'Inter Fallback',sans-serif;color:#5D6A7E;height:100%}
.t-plumber .pd-top{display:flex;justify-content:space-between;align-items:flex-start;min-height:calc(14*var(--u))}
.t-plumber .pd-row{display:flex;justify-content:space-between;align-items:center;margin-top:calc(4*var(--u))}
.t-plumber .pd-logo{font:800 calc(8*var(--u))/1 var(--jak);color:var(--ink);letter-spacing:-.01em}
.t-plumber .pd-logo b{color:var(--blue)}
.t-plumber .pd-box{border:1px solid #E6EBF2;border-radius:calc(2*var(--u));padding:calc(3*var(--u)) calc(7*var(--u));font-size:calc(3.6*var(--u));color:#6B778A}
.t-plumber .pd-stamp{margin-top:calc(-2*var(--u));border:1.5px solid #3FBF6B;color:#2DA55A;border-radius:calc(2*var(--u));padding:calc(3.5*var(--u)) calc(6*var(--u));font:800 calc(4*var(--u))/1 var(--jak);text-transform:uppercase;background:#F2FBF5}
.t-plumber .pd{position:relative}
.t-plumber .pd-t{font:600 calc(11.2*var(--u))/1 var(--jak);color:var(--ink)}
.t-plumber .pd-meta{display:flex;justify-content:space-between;margin-top:calc(8*var(--u));line-height:1.45}
.t-plumber .pd-meta > div:last-child{width:42%}
.t-plumber .pd-meta small{display:block;font-size:1em}
.t-plumber .pd-meta b{display:block;color:#33415A;font-weight:600}
.t-plumber .pd table{width:100%;border-collapse:collapse;margin-top:calc(9*var(--u));font-size:1em}
.t-plumber .pd th{background:#EEF2F7;color:#33415A;font-weight:600;text-align:left;padding:calc(3*var(--u)) calc(3*var(--u))}
.t-plumber .pd td{padding:calc(3.2*var(--u)) calc(3*var(--u));border-bottom:1px solid #EDF1F6}
.t-plumber .pd td i{display:inline-block;width:calc(1.6*var(--u));height:calc(1.6*var(--u));border-radius:50%;background:#98A3B3;margin-right:calc(4*var(--u));vertical-align:middle}
.t-plumber .pd th:nth-child(n+3),.t-plumber .pd td:nth-child(n+3){text-align:right}
.t-plumber .pd td:last-child{color:#33415A}
.t-plumber .pd-foot{display:flex;justify-content:space-between;align-items:center;margin-top:calc(6*var(--u))}
.t-plumber .pd-tot{display:flex;align-items:center;gap:calc(6*var(--u))}
.t-plumber .pd-tot small{font-size:1em}
.t-plumber .pd-tot b{background:#2F7FE0;background:var(--blue);color:#fff;border-radius:calc(1.5*var(--u));padding:calc(2.4*var(--u)) calc(6*var(--u));font-weight:700}
.t-plumber .pd-paid{color:var(--blue);font-weight:800}
.t-plumber .pl-doc .pl-edit{bottom:auto;top:50%;transform:translate(-50%,calc(-50% + 8px));background:#0A1F44;border-radius:calc(5*var(--u));
  font:700 calc(9.6*var(--u))/1 var(--jak);padding:calc(10*var(--u)) calc(16*var(--u));gap:calc(6*var(--u));width:calc(152*var(--u));justify-content:center}
.t-plumber .pl-doc .pl-edit svg{width:1.2em;height:1.2em}
.t-plumber .pl-doc:hover .pl-edit,.t-plumber .pl-doc:focus-visible .pl-edit{transform:translate(-50%,-50%)}
@media (hover:none){.t-plumber .pl-doc .pl-edit{transform:translate(-50%,-50%)}}
.t-plumber .pl-doc:hover::after,.t-plumber .pl-doc:focus-visible::after{background:rgba(255,255,255,.35)}

/* all 30 plumber designs (added under the mockup's studio band) */
.t-plumber .pl-all{background:var(--pale);padding:0 0 calc(22*var(--u))}
.t-plumber .pl-all .t10-strip{margin-top:0;padding-top:calc(16*var(--u));border-top:1px solid var(--line)}
.t-plumber .pl-all .t10-strip-top h3{font:700 16px/1.3 var(--jak);color:var(--ink)}
.t-plumber .pl-all .tgx-btn:hover,.t-plumber .pl-all .tgx-all:hover{border-color:var(--blue);color:var(--blue)}
.t-plumber .pl-more{margin-top:6px!important;text-align:center;font:600 15px/1.4 var(--jak);color:var(--blue)}
.t-plumber .pl-more a{display:inline-flex;align-items:center;gap:6px}

/* payment band */
.t-plumber .pl-pay{background:var(--navy);color:#fff;height:calc(237*var(--u))}
.t-plumber .pl-pay-in{height:100%}
.t-plumber .pl-pay-copy{position:absolute;left:calc(49*var(--u));top:calc(27*var(--u))}
.t-plumber .pl-pay h2{font:800 calc(26.3*var(--u))/calc(29.5*var(--u)) var(--jak);letter-spacing:-.012em;color:#fff}
.t-plumber .pl-pay-copy p{margin-top:calc(8*var(--u))!important;font:400 calc(11.8*var(--u))/calc(18*var(--u)) Inter,'Inter Fallback',sans-serif;color:#E3EAF3}
.t-plumber .pl-btn-s{width:calc(124*var(--u));height:calc(37*var(--u));margin-top:calc(15*var(--u))}
.t-plumber .pl-card{position:absolute;left:calc(391*var(--u));top:calc(11*var(--u));width:calc(321*var(--u));height:calc(203*var(--u));background:#fff;border-radius:calc(6*var(--u));
  display:flex;padding:calc(17*var(--u)) calc(14*var(--u)) calc(14*var(--u)) calc(18*var(--u));color:var(--text);box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) rgba(0,0,0,.25)}
.t-plumber .pl-inv{flex:1;font:400 calc(6.9*var(--u))/1.5 Inter,'Inter Fallback',sans-serif;color:#51607A}
.t-plumber .pl-inv .pd-logo{font-size:calc(9*var(--u))}
.t-plumber .pl-inv-t{font:700 calc(14.5*var(--u))/1 var(--jak);color:var(--ink);margin-top:calc(8*var(--u))!important}
.t-plumber .pl-inv-m{display:flex;justify-content:space-between;margin-top:calc(6*var(--u))}
.t-plumber .pl-inv-m b{display:block;color:var(--ink);font-weight:600}
.t-plumber .pl-inv-m .r{text-align:right}
.t-plumber .pl-inv table{width:100%;border-collapse:collapse;margin-top:calc(8*var(--u));font-size:calc(7.3*var(--u))}
.t-plumber .pl-inv td{padding:calc(5*var(--u)) 0;border-bottom:1px solid #DDE4EE;color:#46546C}
.t-plumber .pl-inv td:last-child{text-align:right;color:var(--ink)}
.t-plumber .pl-inv tr.tot td{border-bottom:0;font-weight:700;color:var(--ink)}
.t-plumber .pl-side{width:calc(100*var(--u));margin-left:calc(18*var(--u));display:flex;flex-direction:column}
.t-plumber .pl-qrbox{background:var(--pale);border-radius:calc(4*var(--u));padding:calc(8*var(--u)) calc(20*var(--u)) calc(6*var(--u));text-align:center;margin-top:calc(-3*var(--u))}
.t-plumber .pl-qrbox b{display:block;margin-top:calc(3*var(--u));font:700 calc(8.3*var(--u))/1.2 var(--jak);color:var(--ink)}
.t-plumber .pl-qr{width:calc(58*var(--u));margin:0 auto;background:transparent}
.t-plumber .pl-status{margin-top:calc(6*var(--u))!important}
.t-plumber .pl-status li{display:flex;align-items:center;gap:calc(8*var(--u));font:400 calc(7.2*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:#33415A;height:calc(31*var(--u));position:relative}
.t-plumber .pl-dot{display:grid;place-items:center;flex:none;width:calc(24*var(--u));height:calc(24*var(--u));border-radius:50%;background:var(--blue);color:#fff;font-size:calc(13*var(--u))}
.t-plumber .pl-dot svg{stroke-width:2.2}
.t-plumber .pl-status li + li::before{content:"";position:absolute;left:calc(10*var(--u));top:calc(-10*var(--u));height:calc(10*var(--u));border-left:1px solid #C9D8EC}

/* pricing */
.t-plumber .pl-price{background:#fff;padding:calc(15*var(--u)) 0 0;height:calc(145*var(--u))}
.t-plumber .pl-price .pl-h2{font-size:calc(22.1*var(--u))}
.t-plumber .pl-three{display:grid;grid-template-columns:repeat(3,calc(236*var(--u)));margin:calc(10*var(--u)) calc(-15*var(--u)) 0 calc(-17*var(--u))!important}
.t-plumber .pl-three a{display:flex;flex-direction:column;align-items:center}
.t-plumber .pl-c-l{width:calc(59*var(--u));height:calc(59*var(--u));font-size:calc(33*var(--u))}
.t-plumber .pl-three b{display:inline-flex;align-items:center;gap:calc(5*var(--u));margin-top:calc(4*var(--u));font:700 calc(11.8*var(--u))/calc(16*var(--u)) var(--jak);color:var(--blue)}
.t-plumber .pl-three a:hover b{text-decoration:underline}

/* details */
.t-plumber .pl-det{background:#fff;padding:calc(20*var(--u)) 0 0;height:calc(256*var(--u))}
.t-plumber .pl-det .pl-h2{font-size:calc(20.3*var(--u))}
.t-plumber .pl-det .pl-sub{margin-top:calc(2*var(--u))!important;font-size:calc(12.3*var(--u))}
.t-plumber .pl-det-in{display:flex;margin-top:calc(9*var(--u));padding-left:calc(23*var(--u))}
.t-plumber .pl-lines{width:calc(329*var(--u));border-top:1px solid var(--line)}
.t-plumber .pl-lines li{height:calc(34*var(--u));display:flex;align-items:center;padding-left:calc(13*var(--u));border-bottom:1px solid var(--line);font:400 calc(11*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--text)}
.t-plumber .pl-inc{margin-left:calc(31*var(--u));padding:calc(0*var(--u)) 0 0 calc(46*var(--u));border-left:1px solid var(--line);height:calc(144*var(--u))}
.t-plumber .pl-inc h3{font:700 calc(12.3*var(--u))/calc(12*var(--u)) var(--jak);color:var(--ink);margin-top:calc(1*var(--u))!important}
.t-plumber .pl-inc ul{margin-top:calc(9*var(--u))!important}
.t-plumber .pl-inc li{display:flex;align-items:center;gap:calc(9*var(--u));height:calc(21.7*var(--u));font:400 calc(10.8*var(--u))/1 Inter,'Inter Fallback',sans-serif;color:var(--text)}
.t-plumber .pl-inc svg.fc{font-size:calc(12*var(--u));color:#fff;background:var(--blue);border-radius:50%;stroke-width:2.4}
.t-plumber .pl-inc svg.fc circle{display:none}

/* sent opened paid */
.t-plumber .pl-track{background:var(--pale2);padding:calc(17*var(--u)) 0 0;height:calc(181*var(--u))}
.t-plumber .pl-track .pl-h2{font-size:calc(19.8*var(--u))}
.t-plumber .pl-track .pl-sub{margin-top:calc(1*var(--u))!important;font-size:calc(11.9*var(--u))}
.t-plumber .pl-steps{display:grid;grid-template-columns:repeat(3,calc(206*var(--u)));justify-content:center;margin-top:calc(9*var(--u))!important;position:relative}
.t-plumber .pl-steps::before{content:"";position:absolute;left:calc(50% - 206*var(--u));right:calc(50% - 206*var(--u));top:calc(18*var(--u));border-top:calc(1.4*var(--u)) solid var(--blue)}
.t-plumber .pl-steps li{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.t-plumber .pl-steps .pl-dot{width:calc(36*var(--u));height:calc(36*var(--u));font-size:calc(20*var(--u))}
.t-plumber .pl-steps .pl-dot svg{stroke-width:2.6}
.t-plumber .pl-steps b{margin-top:calc(8*var(--u));font:700 calc(10*var(--u))/calc(13*var(--u)) var(--jak);color:var(--ink)}
.t-plumber .pl-steps span:not(.pl-dot){margin-top:calc(3*var(--u));font:400 calc(8.4*var(--u))/calc(13*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--muted)}

/* more tools, guides, faq */
.t-plumber .pl-more-sec{background:#fff;padding:calc(10*var(--u)) 0 calc(24*var(--u))}
.t-plumber .pl-more-sec .pl-h2{font-size:calc(18.7*var(--u));line-height:calc(26*var(--u))}
.t-plumber a.pl-a{color:var(--blue)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.18em!important;text-decoration-color:currentColor!important}
.t-plumber a.pl-a:hover{color:var(--ink)!important}
.t-plumber .pl-tools{display:flex;justify-content:space-between;margin:calc(7*var(--u)) calc(9*var(--u)) 0!important;font:400 calc(11.2*var(--u))/calc(16*var(--u)) Inter,'Inter Fallback',sans-serif}
.t-plumber .pl-help{display:grid;grid-template-columns:calc(328*var(--u)) 1fr;margin:calc(25*var(--u)) calc(9*var(--u)) 0!important}
.t-plumber .pl-help > div:first-child{border-right:1px solid var(--line)}
.t-plumber .pl-help > div:last-child{padding-left:calc(65*var(--u))}
.t-plumber .pl-help h3{font:800 calc(13.3*var(--u))/calc(16*var(--u)) var(--jak);color:var(--ink)}
.t-plumber .pl-guides{margin-top:calc(8*var(--u))!important;font:400 calc(11.1*var(--u))/calc(21.3*var(--u)) Inter,'Inter Fallback',sans-serif}
.t-plumber .pl-faq{margin-top:calc(8*var(--u))}
.t-plumber .pl-faq details{border:0}
.t-plumber .pl-faq summary{padding:0;display:inline;font:400 calc(11.1*var(--u))/calc(21.3*var(--u)) Inter,'Inter Fallback',sans-serif;color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.t-plumber .pl-faq summary::after{content:none}
.t-plumber .pl-faq summary:hover{color:var(--ink)}
.t-plumber .pl-faq details{display:block}
.t-plumber .pl-faq .a{padding:calc(2*var(--u)) 0 calc(8*var(--u))}
.t-plumber .pl-faq .a p{font:400 max(14px,calc(9.4*var(--u)))/1.55 Inter,'Inter Fallback',sans-serif;color:var(--muted)}
.t-plumber .pl-faq .a a{color:var(--blue)}

/* end: the wrench picture, whole */
.t-plumber .pl-end{position:relative;background:#021C38;color:#fff}
.t-plumber .pl-end-img img{display:block;width:100%;height:auto;aspect-ratio:761/157}
.t-plumber .pl-end-in{position:absolute;inset:0;padding-top:calc(30*var(--u))}
.t-plumber .pl-end h2{font:800 calc(19.2*var(--u))/calc(24*var(--u)) var(--jak);letter-spacing:-.01em;color:#fff;padding-left:calc(5*var(--u))}
.t-plumber .pl-end p{margin-top:calc(2*var(--u))!important;font:400 calc(10.2*var(--u))/calc(14*var(--u)) Inter,'Inter Fallback',sans-serif;color:#E6EDF6;padding-left:calc(5*var(--u))}
.t-plumber .pl-btn-e{width:calc(132*var(--u));height:calc(34*var(--u));margin:calc(14*var(--u)) 0 0 calc(5*var(--u))}
main.t-plumber ~ .site-footer{margin-top:0!important}
.t-plumber .t10-long{background:var(--pale)}
.t-plumber .t10-inc li::before{background:var(--blue)}

/* phones and tablets: stack, fixed sizes, pictures whole */
@media (max-width:899px){
  main.t-plumber > section{--u:1.3px}
  .t-plumber .pl-in{width:100%;padding-inline:20px}
  .t-plumber .pl-h2{font-size:26px;line-height:1.2}
  .t-plumber .pl-k{font-size:12px;line-height:1.4}
  .t-plumber .pl-sub{font-size:16px;line-height:1.5;margin-top:6px!important}
  .t-plumber .pl-btn{font-size:16px;height:50px!important;width:auto!important;padding:0 24px;border-radius:6px}
  .t-plumber .pl-hero{display:flex;flex-direction:column-reverse}
  .t-plumber .pl-hero-in{position:static;padding:32px 20px 8px}
  .t-plumber .pl-hero h1{font-size:34px;line-height:1.12;max-width:none}
  .t-plumber .pl-lede{font-size:16px;line-height:1.5;margin-top:10px!important}
  .t-plumber .pl-lede br{display:none}
  .t-plumber .pl-hero .pl-btn{margin-top:20px}
  .t-plumber .pl-trust{flex-wrap:wrap;gap:12px 20px;font-size:14px;line-height:1.3;margin-top:22px!important}
  .t-plumber .pl-trust li{gap:8px;margin:0!important}
  .t-plumber .pl-trust svg{font-size:24px}
  .t-plumber .pl-docs{padding:44px 0}
  .t-plumber .pl-docs .pl-h2{margin-top:8px!important}
  .t-plumber .pl-four{grid-template-columns:1fr 1fr;gap:28px 12px;margin:28px 0 0!important}
  .t-plumber .pl-c{width:60px;height:60px;font-size:26px}
  .t-plumber .pl-four b{font-size:16px;line-height:1.3;margin-top:10px}
  .t-plumber .pl-four span:not(.pl-c){font-size:14px;line-height:1.45;margin-top:4px}
  .t-plumber .pl-studio{padding:44px 0 32px}
  .t-plumber .pl-studio .pl-h2{font-size:26px}
  .t-plumber .pl-cards{--u:1.9px;grid-template-columns:minmax(0,340px);justify-content:center;gap:28px;margin:28px 0 0!important;padding:0}
  .t-plumber .pl-cards h3{font-size:16px;line-height:1.3;margin-bottom:10px!important}
  /* the fan's desktop sizing is keyed to --u, which this breakpoint already redefines smaller for
     the (unused, now hidden by the fan) card grid; give the fan its own sane phone-width numbers
     instead of inheriting that --u, which made it wildly oversized here */
  .t-plumber .pl-studio .t10-fan{height:260px;max-width:320px;margin-top:8px}
  .t-plumber .pl-studio .t10-fan-c{width:150px;border-radius:8px}
  .t-plumber .pl-studio .t10-fan-1{transform:translate(-50%,-50%) translateX(-70px) rotate(-9deg)}
  .t-plumber .pl-studio .t10-fan-2{transform:translate(-50%,-50%) translateX(-24px) rotate(-3deg) translateY(-4px)}
  .t-plumber .pl-studio .t10-fan-3{transform:translate(-50%,-50%) translateX(24px) rotate(3deg) translateY(-4px)}
  .t-plumber .pl-studio .t10-fan-4{transform:translate(-50%,-50%) translateX(70px) rotate(9deg)}
  .t-plumber .pl-doc{height:auto}
  .t-plumber .pd{padding-bottom:18px}
  .t-plumber .pl-doc .pl-edit{font-size:15px;padding:12px 18px;width:auto;border-radius:6px}
  .t-plumber .pl-all{padding-bottom:40px}
  .t-plumber .pl-pay{height:auto;padding:44px 0}
  .t-plumber .pl-pay-in{display:flex;flex-direction:column;gap:32px}
  .t-plumber .pl-pay-copy,.t-plumber .pl-card{position:static}
  .t-plumber .pl-pay h2{font-size:28px;line-height:1.18}
  .t-plumber .pl-pay-copy p{font-size:16px;line-height:1.5;margin-top:10px!important}
  .t-plumber .pl-pay-copy p br,.t-plumber .pl-pay h2 br{display:none}
  .t-plumber .pl-btn-s{margin-top:20px}
  .t-plumber .pl-card{width:100%;height:auto;flex-direction:column;padding:20px;gap:18px}
  .t-plumber .pl-inv{font-size:13px}
  .t-plumber .pl-inv .pd-logo{font-size:16px}
  .t-plumber .pl-inv-t{font-size:22px}
  .t-plumber .pl-inv table{font-size:14px}
  .t-plumber .pl-inv td{padding:8px 0}
  .t-plumber .pl-side{width:auto;margin:0;flex-direction:row;align-items:center;gap:20px}
  .t-plumber .pl-qrbox{margin:0;padding:12px 16px;flex:none}
  .t-plumber .pl-qr{width:96px}
  .t-plumber .pl-qrbox b{font-size:14px}
  .t-plumber .pl-status{margin:0!important}
  .t-plumber .pl-status li{font-size:14px;height:44px;gap:10px}
  .t-plumber .pl-status .pl-dot{width:30px;height:30px;font-size:15px}
  .t-plumber .pl-status li + li::before{left:15px;top:-7px;height:7px}
  .t-plumber .pl-price{padding-top:44px;height:auto}
  .t-plumber .pl-three{grid-template-columns:1fr;gap:22px;margin:24px 0 0!important}
  .t-plumber .pl-c-l{width:64px;height:64px;font-size:28px}
  .t-plumber .pl-three b{font-size:17px;line-height:1.4;margin-top:8px}
  .t-plumber .pl-det{padding:44px 0;height:auto}
  .t-plumber .pl-det-in{flex-direction:column;padding:0;margin-top:22px;gap:28px}
  .t-plumber .pl-lines{width:100%}
  .t-plumber .pl-lines li{height:48px;font-size:16px}
  .t-plumber .pl-inc{margin:0;padding:0;border:0;height:auto}
  .t-plumber .pl-inc h3{font-size:18px;line-height:1.3}
  .t-plumber .pl-inc ul{margin-top:10px!important}
  .t-plumber .pl-inc li{height:34px;font-size:16px;gap:10px}
  .t-plumber .pl-inc svg.fc{font-size:18px}
  .t-plumber .pl-track{padding:44px 0;height:auto}
  .t-plumber .pl-steps{grid-template-columns:repeat(3,1fr);margin-top:24px!important}
  .t-plumber .pl-steps::before{left:16.6%;right:16.6%;top:24px;border-top-width:2px}
  .t-plumber .pl-steps .pl-dot{width:48px;height:48px;font-size:22px}
  .t-plumber .pl-steps b{font-size:16px;line-height:1.3;margin-top:10px}
  .t-plumber .pl-steps span:not(.pl-dot){font-size:13px;line-height:1.45}
  .t-plumber .pl-more-sec{padding:44px 0}
  .t-plumber .pl-more-sec .pl-h2{font-size:24px;line-height:1.25}
  .t-plumber .pl-tools{flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:16px;line-height:1.6;margin:18px 0 0!important}
  .t-plumber .pl-help{grid-template-columns:1fr;gap:32px;margin:32px 0 0!important}
  .t-plumber .pl-help > div:first-child{border:0}
  .t-plumber .pl-help > div:last-child{padding:0}
  .t-plumber .pl-help h3{font-size:19px;line-height:1.3}
  .t-plumber .pl-guides,.t-plumber .pl-faq summary{font-size:16px;line-height:2.2}
  /* ui-audit 18 Oct: the inline summary was a 20px tap target; inline-block plus padding offset by a negative margin gives 43px with no layout change */
  .t-plumber .pl-faq summary{display:inline-block;padding:4px 0;margin:-4px 0}
  .t-plumber .pl-end{display:flex;flex-direction:column-reverse}
  .t-plumber .pl-end-in{position:static;padding:36px 20px 12px}
  .t-plumber .pl-end h2{font-size:28px;line-height:1.2;padding:0}
  .t-plumber .pl-end p{font-size:16px;line-height:1.5;padding:0;margin-top:6px!important}
  .t-plumber .pl-btn-e{margin:18px 0 0}
}
@media (max-width:420px){
  .t-plumber .pl-hero h1{font-size:30px}
  .t-plumber .pl-steps span:not(.pl-dot) br{display:none}
}

/* it-hero-phone-v1 start */
/* One composed hero on phones (24 Sep 2026): the picture sits under the copy inside the same panel,
   with a scrim in the panel color, instead of a separate strip beneath the text. */
@media (max-width:899px){
.t-plumber .pl-hero{display:flex;flex-direction:column;position:relative;background:rgb(2,28,56);overflow:hidden;height:auto;min-height:0}
.t-plumber .pl-hero-in{order:1;position:relative;inset:auto;z-index:2;background:transparent;padding-bottom:0;margin-bottom:0}
.t-plumber .pl-hero-img{order:2;position:relative;z-index:1;inset:auto;margin:calc(100vw*-0.3000) 0 0;width:100%;max-width:none;height:auto}
.t-plumber .pl-hero-img{aspect-ratio:1/0.7500;overflow:hidden}
.t-plumber .pl-hero-img img{display:block;position:static;width:100%;height:100%;max-width:none;aspect-ratio:auto;padding-top:calc(100vw*0.1800);box-sizing:border-box;background:rgb(2,28,56);object-fit:cover;object-position:100% 50%;-webkit-mask-image:none;mask-image:none}
.t-plumber .pl-hero-img::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(2,28,56) 0,rgb(2,28,56) calc(100vw*0.1875),rgba(2,28,56,0.85) calc(100vw*0.2250),rgba(2,28,56,0.5) calc(100vw*0.3075),rgba(2,28,56,0) calc(100vw*0.5250))}
}
/* it-hero-phone-v1 end */