/* Croydon emergency-locksmith design V4 (asu_lp design="23v4" index="1"), moved out of the post content by landing/croydon/designs/d23v4p.mjs — do not edit here; edit d23g.mjs / d23g-variants.mjs and rebuild. */
 .asu-lp--d23v4{font-size:17px} .asu-lp--d23v4 .asu-lp-band{padding-top:56px;padding-bottom:56px} .asu-lp--d23v4 [id]{scroll-margin-top:140px} .asu-lp--d23v4 p,.asu-lp--d23v4 li{font-size:17px;line-height:1.65} .asu-lp--d23v4 p.lead{font-weight:400!important;color:var(--nv-text)!important;font-size:18.5px} .asu-lp--d23v4.asu-native h2.d23-now__h{font-family:var(--nv-sans)!important;font-weight:700!important;font-size:1.3rem!important;line-height:1.35!important;color:var(--nv-green-d)!important;margin:4px 0 22px!important} .asu-lp--d23v4.asu-native h3.d23-h3big{font-size:1.5rem!important} .asu-lp--d23v4 .d23-marks{display:flex;gap:10px;flex:none}.asu-lp--d23v4 .d23-cert__top img.d23-iso9001{width:auto;flex:none} .asu-lp--d23v4 .d23-jumpm{display:none} .asu-lp--d23v4 .d23-w{max-width:44rem} .asu-lp--d23v4 .d23-wrap{max-width:1240px;margin:0 auto;padding:0 20px;position:relative} .asu-lp--d23v4 .d23-head{max-width:48rem;margin:0 0 32px} .asu-lp--d23v4 .d23-head>:last-child{margin-bottom:0} .asu-lp--d23v4 .d23-head .nv-intro{margin:0} .asu-lp--d23v4 .d23-label{display:block;font-size:16px;font-weight:700;color:var(--nv-green-d);margin:0 0 10px} .asu-lp--d23v4 .d23-ico{flex:none;width:48px;height:48px;border-radius:50%;background:#fff;border:1.5px solid var(--nv-green);color:var(--nv-green-d);display:grid;place-items:center} .asu-lp--d23v4 .d23-ico svg{width:24px;height:24px} .asu-lp--d23v4 .d23-col>:last-child{margin-bottom:0} .asu-lp--d23v4 .d23-jl{margin:0}.asu-lp--d23v4 .d23-jl a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:16px} .asu-lp--d23v4 .d23-sticky{display:none} @media (max-width:700px){.asu-lp--d23v4 .d23-sticky{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--nv-line);box-shadow:0 -4px 16px rgba(0,0,0,.08)}.asu-lp--d23v4 .d23-sticky .nv-btn{width:auto;min-height:48px;padding:10px 12px;font-size:15px;white-space:nowrap}.asu-lp--d23v4 .d23-sticky .nv-btn:first-child{flex:1 1 auto}.asu-lp--d23v4 .d23-sticky .nv-btn--outline{flex:0 0 auto}.asu-lp--d23v4{padding-bottom:72px}} /* question + answer */ .asu-lp--d23v4 .d23-qa{margin:0 0 36px} .asu-lp--d23v4 h3.d23-q{position:relative;padding-left:18px;margin:0 0 10px;font-size:1.22rem;line-height:1.4} .asu-lp--d23v4 h3.d23-q::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:2px;background:var(--nv-green)} .asu-lp--d23v4 .d23-a>p{margin:0 0 .75em}.asu-lp--d23v4 .d23-a>:last-child{margin-bottom:0} .asu-lp--d23v4 .d23-qa--lead .d23-a>p{font-size:18px;max-width:48rem} .asu-lp--d23v4 .d23-qa--wide .d23-a{max-width:52rem} /* 1. hero */ .asu-lp--d23v4 .d23-hero{width:100vw;margin-left:calc(50% - 50vw);background:var(--nv-mint2);padding:48px 0 56px;border-bottom:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;align-items:start} .asu-lp--d23v4 .d23-hero h1{margin:0 0 6px} .asu-lp--d23v4 h2.d23-now__h{font-family:var(--nv-sans)!important;font-weight:700;font-size:1.3rem;line-height:1.35;color:var(--nv-green-d);margin:0 0 22px} .asu-lp--d23v4 .d23-now{list-style:none;margin:0;padding:0;counter-reset:now} .asu-lp--d23v4 .d23-now>li{position:relative;margin:0;padding:0 0 26px 64px;counter-increment:now} .asu-lp--d23v4 .d23-now>li::before{content:counter(now);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--nv-green-d);color:#fff;display:grid;place-items:center;font-family:var(--nv-h1);font-weight:700;font-size:21px} .asu-lp--d23v4 .d23-now>li::after{content:"";position:absolute;left:21px;top:52px;bottom:6px;width:2px;background:repeating-linear-gradient(to bottom,var(--nv-green) 0 6px,transparent 6px 12px)} .asu-lp--d23v4 .d23-now>li:last-child{padding-bottom:0}.asu-lp--d23v4 .d23-now>li:last-child::after{display:none} .asu-lp--d23v4 p.d23-now__t{font-family:var(--nv-h1)!important;font-weight:700;font-size:1.35rem;line-height:1.3;color:var(--nv-head);margin:7px 0 8px} .asu-lp--d23v4 p.d23-now__p{margin:0;max-width:34rem} .asu-lp--d23v4 .d23-now__p a{font-weight:700} .asu-lp--d23v4 .d23-now__call{margin:24px 0 2px;min-width:280px;font-size:18px;min-height:56px} .asu-lp--d23v4 .d23-hprice{margin:16px 0 0!important;font-size:17px!important;max-width:34rem!important;background:#fff!important} .asu-lp--d23v4 .d23-hsmall{margin:28px 0 0;font-size:16px!important;color:var(--nv-text);max-width:36rem} .asu-lp--d23v4 .d23-hero__fig{margin:0} .asu-lp--d23v4 .d23-hero__img{display:block;width:100%;height:auto;aspect-ratio:1394/888;object-fit:cover;border-radius:14px} .asu-lp--d23v4 .d23-hero__proof{margin-top:20px;background:#fff;border:1px solid var(--nv-line);border-radius:12px;padding:16px 20px 6px} .asu-lp--d23v4 .d23-hero__cert{margin:10px 0 0;padding-top:12px;border-top:1px solid var(--nv-line);font-size:16px!important;line-height:1.55!important} .asu-lp--d23v4 .d23-hero__cert a{font-weight:700} .asu-lp--d23v4 .d23-rev{margin:6px 0 0;font-size:15.5px!important;color:var(--nv-muted)} .asu-lp--d23v4 .d23-rev a{color:var(--nv-muted);display:inline-flex;align-items:center;min-height:44px} .asu-lp--d23v4 .d23-rate{position:relative;overflow:hidden} .asu-lp--d23v4 .d23-rate--g{height:52px} .asu-lp--d23v4 .d23-rate__fb{position:absolute;left:0;top:0;margin:0;font-size:16px}.asu-lp--d23v4 .d23-rate__fb a{display:inline-flex;align-items:center;min-height:44px;font-weight:700} .asu-lp--d23v4 .d23-rate--g:has(div.ti-widget) .d23-rate__fb{display:none} .asu-lp--d23v4 .d23-rate--g .ti-reviews-container,.asu-lp--d23v4 .d23-rate--g .ti-controls,.asu-lp--d23v4 .d23-rate--g .ti-widget-container>:not(.ti-footer){display:none!important} .asu-lp--d23v4 .d23-rate--g div.ti-widget,.asu-lp--d23v4 .d23-rate--g .ti-widget-container,.asu-lp--d23v4 .d23-rate--g .ti-footer{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;flex:none!important;border:0!important;background:transparent!important;box-shadow:none!important} .asu-lp--d23v4 .d23-rate--g .ti-fade-container{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0!important;padding:0!important;height:auto!important} .asu-lp--d23v4 .d23-rate--g .ti-large-logo{order:1;margin:0!important;padding:0!important;width:auto!important;zoom:.62} .asu-lp--d23v4 .d23-rate--g .ti-large-logo .ti-v-center{height:auto!important;display:block!important} .asu-lp--d23v4 .d23-rate--g .ti-stars{order:2;margin:0!important;white-space:nowrap;display:inline-flex!important;gap:2px;height:auto!important} .asu-lp--d23v4 .d23-rate--g .ti-star{width:17px!important;height:17px!important;margin:0!important} .asu-lp--d23v4 .d23-rate--g .ti-rating-text{order:3;margin:0!important;padding:0!important;white-space:nowrap;font-size:16px!important;line-height:22px!important;color:var(--nv-head)!important} .asu-lp--d23v4 .d23-rate--g .ti-rating-text strong,.asu-lp--d23v4 .d23-rate--g .ti-rating-large{font-size:16px!important;line-height:22px!important} .asu-lp--d23v4 .d23-rate--g .ti-rating-text:nth-child(3){order:4;flex-basis:100%} /* V67 (owner): the badge is centred in its box — every row, logo + stars + rating word and the 'Based on' line */ .asu-lp--d23v4 .d23-rate--g .ti-fade-container{justify-content:center!important}.asu-lp--d23v4 .d23-rate--g .ti-rating-text{text-align:center!important}.asu-lp--d23v4 .d23-rate--g .ti-footer{text-align:center!important}.asu-lp--d23v4 .d23-rate__fb{left:0;right:0;text-align:center} .asu-lp--d23v4 .d23-plate--own{font-size:15px;padding:0 10px;text-align:center;line-height:1.2} /* V75: owner-supplied wide logos (570×160, 688×160) — shorter than the square ISO marks so they sit level, never wider than the card */ .asu-lp--d23v4 .d23-cert__top img.d23-logo--wide{height:52px!important;width:auto;max-width:100%;object-fit:contain} @media (max-width:700px){.asu-lp--d23v4 .d23-cert__top img.d23-logo--wide{height:44px!important}} .asu-lp--d23v4 .d23-certs .d23-cert__top:has(.d23-logo--wide){flex-direction:column!important;align-items:flex-start!important;gap:12px} /* 2. intro */ .asu-lp--d23v4 .d23-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:start} .asu-lp--d23v4 .d23-jump ol{columns:2;column-gap:24px}.asu-lp--d23v4 .d23-jump li{break-inside:avoid} .asu-lp--d23v4 .d23-intro .lead{font-size:19px;max-width:42rem} .asu-lp--d23v4 .d23-intro p:last-child{margin-bottom:0;max-width:42rem} .asu-lp--d23v4 .d23-jump{background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);padding:18px 22px 10px} .asu-lp--d23v4 .d23-jump__h{margin:0 0 6px;font-weight:700;font-size:17px;color:var(--nv-head)} .asu-lp--d23v4 .d23-jump ol{list-style:none;margin:0;padding:0} .asu-lp--d23v4 .d23-jump li{margin:0;border-top:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-jump a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:16px;font-weight:600;color:var(--nv-text);text-decoration:none} .asu-lp--d23v4 .d23-jump a svg{width:18px;height:18px;flex:none;color:var(--nv-green-d)} /* 3. five steps, each paired with its question */ .asu-lp--d23v4 .d23-steps{list-style:none;margin:0;padding:0} .asu-lp--d23v4 .d23-steps>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;margin:0;padding:28px 0;border-top:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-steps>li:first-child{border-top:0;padding-top:0}.asu-lp--d23v4 .d23-steps>li:last-child{padding-bottom:0} .asu-lp--d23v4 .d23-step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:22px} .asu-lp--d23v4 .d23-step__n{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--nv-green);color:var(--nv-green-d);display:grid;place-items:center;font-family:var(--nv-h1);font-weight:700;font-size:24px} .asu-lp--d23v4 .d23-step h3{font-size:1.35rem;color:var(--nv-head);margin:12px 0 8px} .asu-lp--d23v4 .d23-step p{margin:0 0 .5em}.asu-lp--d23v4 .d23-step p:last-child{margin-bottom:0} .asu-lp--d23v4 .d23-ask{background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);padding:20px 24px} .asu-lp--d23v4 .asu-lp-band--white .d23-ask{background:var(--nv-mint)} .asu-lp--d23v4 .d23-ask__k{display:block;font-size:15px;font-weight:700;color:var(--nv-muted);margin:0 0 8px} .asu-lp--d23v4 .d23-ask .d23-qa{margin:0} .asu-lp--d23v4 .d23-ask h3.d23-q{font-size:1.15rem} .asu-lp--d23v4 .d23-ask p{font-size:16.5px} /* 4. arrival + leave: two columns */ .asu-lp--d23v4 .d23-two{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:64px;align-items:start} .asu-lp--d23v4 .d23-two--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px} .asu-lp--d23v4 .d23-two--leave{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px} .asu-lp--d23v4 .d23-card{position:sticky;top:120px;background:#fff;border:1px solid var(--nv-line);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(20,40,30,.06)} .asu-lp--d23v4 .d23-card__img{display:block;width:100%;height:auto;aspect-ratio:850/540;object-fit:cover} .asu-lp--d23v4 .d23-card__b{padding:24px 26px 26px} .asu-lp--d23v4 .d23-card h3{font-size:1.2rem;margin:0 0 14px} .asu-lp--d23v4 .d23-ticks{list-style:none;padding:0;margin:0 0 16px} .asu-lp--d23v4 .d23-ticks li{position:relative;margin:0 0 10px;padding-left:34px;font-size:16.5px;line-height:1.55} .asu-lp--d23v4 .d23-ticks li::before{content:"";position:absolute;left:0;top:.18em;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--nv-green);background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23087a3e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center / 13px no-repeat} .asu-lp--d23v4 .d23-foot{margin:0;padding-top:14px;border-top:1px solid var(--nv-line);font-weight:600;color:var(--nv-head)} .asu-lp--d23v4 .d23-foot2{margin:12px 0 0;font-size:16px!important} .asu-lp--d23v4 .d23-lines{list-style:none;padding:0;margin:4px 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px} .asu-lp--d23v4 .d23-lines>li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;margin:0;align-items:start} .asu-lp--d23v4 .d23-lines .d23-ico{width:44px;height:44px}.asu-lp--d23v4 .d23-lines .d23-ico svg{width:22px;height:22px} .asu-lp--d23v4 .d23-lines b{display:block;color:var(--nv-head);font-size:17px}.asu-lp--d23v4 .d23-lines span{font-size:16.5px;line-height:1.5} .asu-lp--d23v4 .d23-fig{margin:0} .asu-lp--d23v4 .d23-fig img{display:block;width:100%;height:auto;border-radius:14px;aspect-ratio:1400/788;object-fit:cover} .asu-lp--d23v4 .d23-fig figcaption{font-size:15.5px;color:var(--nv-muted);margin-top:10px;line-height:1.5} .asu-lp--d23v4 .d23-qa--burg{margin-top:32px} /* 6. price */ .asu-lp--d23v4 .d23-pgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start;margin:4px 0 28px} .asu-lp--d23v4 .d23-ratewrap{overflow:visible} .asu-lp--d23v4 table.d23-rate{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);overflow:hidden;margin:0} .asu-lp--d23v4 .d23-rate caption{caption-side:top;text-align:left;font-weight:700;font-size:17px;color:var(--nv-head);padding:0 0 10px} .asu-lp--d23v4 .d23-rate th,.asu-lp--d23v4 .d23-rate td{padding:11px 18px;border-top:1px solid var(--nv-line);font-size:16.5px;line-height:1.45;text-align:left;background:#fff} .asu-lp--d23v4 .d23-rate thead th{border-top:0;background:var(--nv-mint2);font-size:15px;color:var(--nv-head)} .asu-lp--d23v4 .d23-rate tbody th{font-weight:600;color:var(--nv-text)} .asu-lp--d23v4 .d23-rate td{text-align:right;font-family:var(--nv-h1)!important;font-weight:700;font-size:19px;color:var(--nv-head);white-space:nowrap} .asu-lp--d23v4 .d23-rate thead th:last-child{text-align:right} .asu-lp--d23v4 .d23-rate__lo th,.asu-lp--d23v4 .d23-rate__lo td{background:var(--nv-mint2)}.asu-lp--d23v4 .d23-rate__lo td{color:var(--nv-green-d)} .asu-lp--d23v4 .d23-box{background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);padding:24px 26px} .asu-lp--d23v4 .d23-box h3{margin:0 0 14px;font-size:1.15rem} .asu-lp--d23v4 .d23-box__foot{margin:14px 0 0!important;padding-top:14px;border-top:1px solid var(--nv-line);font-size:16.5px!important;font-weight:600;color:var(--nv-head)} .asu-lp--d23v4 .d23-terms{list-style:none;padding:0;margin:0} .asu-lp--d23v4 .d23-terms li{display:flex;gap:14px;align-items:flex-start;margin:0;padding:10px 0;border-top:1px solid var(--nv-line);font-size:16.5px;line-height:1.55} .asu-lp--d23v4 .d23-terms li:first-child{border-top:0;padding-top:0} .asu-lp--d23v4 .d23-terms strong{display:block;color:var(--nv-head)} .asu-lp--d23v4 .d23-terms .d23-ico{width:38px;height:38px;border-width:1px}.asu-lp--d23v4 .d23-terms .d23-ico svg{width:19px;height:19px} .asu-lp--d23v4 .d23-terms--2{display:grid;grid-template-columns:1fr 1fr;column-gap:32px} .asu-lp--d23v4 .d23-terms--2 li:nth-child(2){border-top:0;padding-top:0} .asu-lp--d23v4 .d23-moves{margin-bottom:40px} .asu-lp--d23v4 .d23-quote{margin-bottom:24px} .asu-lp--d23v4 .d23-quote .d23-col{padding-top:40px} .asu-lp--d23v4 .d23-dd{margin:16px 0 0;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius)} .asu-lp--d23v4 .d23-dd>summary{display:flex;align-items:center;min-height:52px;padding:10px 44px 10px 18px;font-size:16px;font-weight:700;color:var(--nv-green-d)!important;cursor:pointer} .asu-lp--d23v4 .d23-dd[open]>summary{border-bottom:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-dd>.asu-lp-tablewrap{padding:12px} .asu-lp--d23v4 .d23-qt th[scope=row]{font-weight:700;color:var(--nv-head);background:#fff} .asu-lp--d23v4 .d23-qt td,.asu-lp--d23v4 .d23-qt th{font-size:16px;line-height:1.5} .asu-lp--d23v4 .d23-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start;margin:16px 0 40px} .asu-lp--d23v4 h3.d23-h3big{font-size:1.5rem;font-weight:700;margin:0 0 12px} .asu-lp--d23v4 .d23-warn{list-style:none;padding:0;margin:20px 0 0} .asu-lp--d23v4 .d23-warn li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;margin:0 0 18px} .asu-lp--d23v4 .d23-warn .d23-ico{width:44px;height:44px;border-color:var(--nv-line);color:var(--nv-head)}.asu-lp--d23v4 .d23-warn .d23-ico svg{width:22px;height:22px} .asu-lp--d23v4 ol.d23-five{list-style:none!important;padding:0!important;margin:10px 0 16px;counter-reset:five;display:grid;grid-template-columns:1fr 1fr;gap:10px 32px} .asu-lp--d23v4 .d23-five>li{position:relative;list-style:none!important;padding-left:38px;margin:0;counter-increment:five} .asu-lp--d23v4 .d23-five>li::before{content:counter(five);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--nv-green-d);color:#fff;font-size:14px;font-weight:700;line-height:1;display:grid;place-items:center} /* prompts */ .asu-lp--d23v4 .d23-prompt{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-top:44px;background:#fff;border:1px solid var(--nv-line);border-left:4px solid var(--nv-green);border-radius:0 var(--nv-radius) var(--nv-radius) 0;padding:26px 30px} .asu-lp--d23v4 .asu-lp-band--white .d23-prompt{background:var(--nv-mint)} .asu-lp--d23v4 .d23-prompt p{margin:0;font-size:17px;max-width:36rem} .asu-lp--d23v4 .d23-prompt .d23-prompt__h{font-size:1.25rem;font-weight:700;color:var(--nv-head);margin:0 0 6px} .asu-lp--d23v4 .d23-prompt .nv-btns{margin-top:0} /* 7. proof */ .asu-lp--d23v4 .d23-revs__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px;margin-bottom:24px} .asu-lp--d23v4 .d23-revs__head h2{margin:0 0 8px}.asu-lp--d23v4 .d23-revs__head p{margin:0} .asu-lp--d23v4 .d23-revs__tp{flex:0 1 420px;min-width:260px;height:24px;overflow:hidden}.asu-lp--d23v4 .d23-revs__tp a{display:inline-flex;align-items:center;min-height:44px} .asu-lp--d23v4 .d23-glink{margin:0}.asu-lp--d23v4 .d23-glink a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:16px} .asu-lp--d23v4 .d23-ti{position:relative;min-height:260px;border:1px solid var(--nv-line);border-radius:var(--nv-radius);background:var(--nv-mint)} .asu-lp--d23v4 .d23-ti:has(div.ti-widget){border-color:transparent;background:transparent} .asu-lp--d23v4 .d23-ti div.ti-widget{position:relative;z-index:1;background:#fff} .asu-lp--d23v4 .d23-skel{position:absolute;inset:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;pointer-events:none} .asu-lp--d23v4 .d23-skel>span{border:1px solid var(--nv-line);border-radius:var(--nv-radius);background:#fff} .asu-lp--d23v4 .d23-ti:has(div.ti-widget) .d23-skel{display:none} .asu-lp--d23v4 .d23-certs{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .asu-lp--d23v4 .d23-certs .d23-cert__top{flex-direction:column;align-items:flex-start;gap:12px} .asu-lp--d23v4 .d23-certs .d23-dl{grid-template-columns:1fr;gap:0}.asu-lp--d23v4 .d23-certs .d23-dl dd{margin-bottom:8px} .asu-lp--d23v4 .d23-certs>li{margin:0;background:#fff;border:1px solid var(--nv-line);border-radius:14px;padding:24px 26px} .asu-lp--d23v4 .d23-cert__top{display:flex;align-items:center;gap:18px;margin-bottom:16px} .asu-lp--d23v4 .d23-cert__top img{height:64px;width:auto;flex:none} .asu-lp--d23v4 .d23-cert__top h4{margin:0;font-size:1.15rem;line-height:1.35;color:var(--nv-green-d);font-weight:700} .asu-lp--d23v4 .d23-plate{flex:none;display:grid;place-items:center;height:64px;min-width:110px;padding:0 14px;border:1.5px solid var(--nv-line);border-radius:8px;font-family:var(--nv-h1)!important;font-weight:700;font-size:19px;line-height:1.1;color:var(--nv-head);text-align:center} .asu-lp--d23v4 .d23-dl{margin:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 18px;font-size:16px;line-height:1.55} .asu-lp--d23v4 .d23-dl dt{font-weight:700;color:var(--nv-head);margin:0} .asu-lp--d23v4 .d23-dl dd{margin:0} .asu-lp--d23v4 .d23-dl .d23-exp{font-weight:700;color:var(--nv-head)} .asu-lp--d23v4 .d23-limit{margin:24px 0 0;max-width:52rem} .asu-lp--d23v4 .d23-once{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 0;align-items:start} .asu-lp--d23v4 .d23-once>.d23-qa{margin:0;background:#fff;border:1px solid var(--nv-line);border-radius:14px;padding:24px 26px} .asu-lp--d23v4 .d23-big{display:block;font-family:var(--nv-h1)!important;font-weight:700;font-size:2rem;line-height:1.1;color:var(--nv-green-d);margin:0 0 10px} .asu-lp--d23v4 .d23-once p{font-size:16.5px} .asu-lp--d23v4 .d23-guar{margin-top:0;background:#fff;border:1px solid var(--nv-line);border-top:4px solid var(--nv-green);border-radius:14px;padding:28px 30px} .asu-lp--d23v4 .d23-guar h2{font-size:clamp(1.6rem,2.4vw,2rem)} .asu-lp--d23v4 .d23-guar p,.asu-lp--d23v4 .d23-guar li{font-size:16.5px}.asu-lp--d23v4 .d23-guar p:last-child{margin-bottom:0} /* green band */ .asu-lp--d23v4 .d23-cta{text-align:center;max-width:46rem;margin:0 auto} .asu-lp--d23v4 .d23-cta p{max-width:40rem;margin:0 auto} .asu-lp--d23v4 .d23-cta .nv-btns{justify-content:center;margin-top:28px} /* 8. doors */ .asu-lp--d23v4 .d23-doors{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px} .asu-lp--d23v4 .d23-doors>li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:20px;margin:0;padding:22px 0;border-top:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-doors h3{font-size:1.15rem;margin:2px 0 6px} .asu-lp--d23v4 .d23-doors p{margin:0} .asu-lp--d23v4 .d23-doors__k{display:block;font-size:15px;font-weight:700;color:var(--nv-muted);margin-bottom:2px} .asu-lp--d23v4 .d23-after{margin:8px 0 40px;font-size:17px;max-width:48rem} .asu-lp--d23v4 .d23-info{background:var(--nv-mint);border:1px solid var(--nv-line);border-top:4px solid var(--nv-green);border-radius:14px;padding:24px 26px} .asu-lp--d23v4 .d23-info__h{display:flex;align-items:center;gap:14px;margin:0 0 12px} .asu-lp--d23v4 .d23-info__h h3{margin:0;font-size:1.15rem} .asu-lp--d23v4 .d23-info .d23-ico{width:44px;height:44px} .asu-lp--d23v4 .d23-info p{font-size:16.5px}.asu-lp--d23v4 .d23-info p:last-child{margin-bottom:0} /* 9. routes */ .asu-lp--d23v4 .d23-routes{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:rt;align-items:start} .asu-lp--d23v4 .d23-routes>li{margin:0;background:#fff;border:1px solid var(--nv-line);border-top:4px solid var(--nv-green);border-radius:12px;padding:22px 24px;counter-increment:rt} .asu-lp--d23v4 .d23-routes h3{font-size:1.2rem;margin:0 0 10px;color:var(--nv-green-d)} .asu-lp--d23v4 .d23-routes p{font-size:16.5px;margin:0 0 .6em}.asu-lp--d23v4 .d23-routes p:last-child{margin-bottom:0} /* 10. Croydon */ .asu-lp--d23v4 .d23-stats{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .asu-lp--d23v4 .d23-stats>li{margin:0;padding:18px 20px;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius)} .asu-lp--d23v4 .d23-stats b{display:block;font-family:var(--nv-h1)!important;font-size:2.1rem;line-height:1.05;color:var(--nv-green-d)} .asu-lp--d23v4 .d23-stats span{display:block;font-size:16px;line-height:1.45;color:var(--nv-text);margin-top:4px} .asu-lp--d23v4 .d23-stats small{display:block;font-size:14.5px;color:var(--nv-muted);margin-top:6px} .asu-lp--d23v4 .d23-area th[scope=row]{font-weight:700;color:var(--nv-head);background:#fff} .asu-lp--d23v4 .d23-area td{white-space:nowrap} .asu-lp--d23v4 .d23-method{padding:4px 18px 8px}.asu-lp--d23v4 .d23-method p{font-size:16px;color:var(--nv-text);max-width:62rem} /* 11. standards */ .asu-lp--d23v4 .d23-ins{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:64px;align-items:start;margin-bottom:48px} .asu-lp--d23v4 .d23-ins__note{margin-top:24px;padding:16px 20px;background:#fff;border-left:3px solid var(--nv-green);border-radius:0 var(--nv-radius) var(--nv-radius) 0;font-size:16.5px} .asu-lp--d23v4 .d23-feat{list-style:none;padding:0;margin:0} .asu-lp--d23v4 .d23-feat>li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:20px;margin:0 0 26px} .asu-lp--d23v4 .d23-feat>li:last-child{margin-bottom:0} .asu-lp--d23v4 .d23-feat h3{font-size:1.2rem;margin:4px 0 6px} .asu-lp--d23v4 .d23-feat p{margin:0 0 .4em} .asu-lp--d23v4 .d23-where{font-size:16px!important;color:var(--nv-muted)}.asu-lp--d23v4 .d23-where b{color:var(--nv-head)} /* 12. who else + sectors */ .asu-lp--d23v4 .d23-who{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start} .asu-lp--d23v4 .d23-who h2{margin-bottom:.4em} .asu-lp--d23v4 .d23-feat--sm{margin-top:24px} .asu-lp--d23v4 .d23-feat--sm h3{font-size:1.1rem} .asu-lp--d23v4 .d23-sect{background:var(--nv-mint);border:1px solid var(--nv-line);border-radius:14px;padding:24px 26px} .asu-lp--d23v4 .d23-sect h3{font-size:1.2rem;margin:0 0 8px} .asu-lp--d23v4 .d23-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 12px}.asu-lp--d23v4 .d23-chips li{margin:0} .asu-lp--d23v4 .d23-chips a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--nv-line);border-radius:999px;background:#fff;font-size:15.5px;font-weight:600;line-height:1.3;text-decoration:none;color:var(--nv-green-d)} /* 13. related, sources */ .asu-lp--d23v4 .d23-rel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px 56px;align-items:center} .asu-lp--d23v4 .d23-rel h2{margin-bottom:.3em}.asu-lp--d23v4 .d23-rel p{margin:0} .asu-lp--d23v4 .d23-adv{margin-top:36px} .asu-lp--d23v4 .d23-adv .asu-r-links a{min-height:48px;font-size:16px} .asu-lp--d23v4 .d23-srcs{margin-top:40px;padding-top:32px;border-top:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-srchead{display:grid;grid-template-columns:auto auto 1fr;gap:6px 28px;align-items:baseline;margin-bottom:12px}.asu-lp--d23v4 .d23-srchead h2{margin:0}.asu-lp--d23v4 .d23-srchead p{margin:0} .asu-lp--d23v4 .d23-revd{font-family:var(--nv-h1)!important;font-weight:700;font-size:1.35rem;color:var(--nv-green-d)} .asu-lp--d23v4 .d23-src{list-style:none;margin:0;padding:4px 18px 6px;columns:2;column-gap:48px;counter-reset:src} .asu-lp--d23v4 .d23-src li{position:relative;break-inside:avoid;margin:0;padding:10px 0 10px 40px;border-bottom:1px solid var(--nv-line);font-size:16px;line-height:1.6;counter-increment:src} .asu-lp--d23v4 .d23-src li::before{content:counter(src);position:absolute;left:0;top:11px;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid var(--nv-line);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--nv-green-d)} @media (max-width:1100px){ .asu-lp--d23v4 .d23-intro{grid-template-columns:1fr;gap:28px} .asu-lp--d23v4 .d23-jump{display:none} .asu-lp--d23v4 .d23-jumpm{display:block;margin:24px 0 0;border:1px solid var(--nv-line);border-radius:var(--nv-radius);background:#fff} .asu-lp--d23v4 .d23-jumpm summary{display:flex;align-items:center;min-height:52px;padding:10px 44px 10px 16px;font-weight:700;font-size:16px;color:var(--nv-head);cursor:pointer} .asu-lp--d23v4 .d23-jumpm ol{list-style:none;margin:0;padding:0 16px 10px}.asu-lp--d23v4 .d23-jumpm li{margin:0} .asu-lp--d23v4 .d23-jumpm a{display:flex;align-items:center;min-height:44px;font-size:16px;border-top:1px solid var(--nv-line);text-decoration:none} .asu-lp--d23v4 .d23-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:40px} } @media (max-width:980px){ .asu-lp--d23v4 .d23-hero__grid,.asu-lp--d23v4 .d23-two,.asu-lp--d23v4 .d23-two--even,.asu-lp--d23v4 .d23-two--leave,.asu-lp--d23v4 .d23-split,.asu-lp--d23v4 .d23-ins,.asu-lp--d23v4 .d23-who,.asu-lp--d23v4 .d23-rel,.asu-lp--d23v4 .d23-pgrid{grid-template-columns:1fr;gap:32px} .asu-lp--d23v4 .d23-steps>li{grid-template-columns:1fr} .asu-lp--d23v4 .d23-card,.asu-lp--d23v4 .d23-two--leave .d23-fig{position:static} .asu-lp--d23v4 .d23-routes{grid-template-columns:1fr} .asu-lp--d23v4 .d23-doors{grid-template-columns:1fr} .asu-lp--d23v4 .d23-certs{grid-template-columns:1fr}.asu-lp--d23v4 .d23-once{grid-template-columns:1fr} .asu-lp--d23v4 .d23-quote .d23-col{padding-top:0} .asu-lp--d23v4 .d23-srchead{grid-template-columns:1fr}.asu-lp--d23v4 .d23-src{columns:1} .asu-lp--d23v4 .d23-stats{grid-template-columns:1fr 1fr} } @media (max-width:700px){ .asu-lp--d23v4 .asu-lp-band{padding-top:30px;padding-bottom:30px} .asu-lp--d23v4 .d23-ask__k{display:none} .asu-lp--d23v4.asu-native h2{font-size:1.6rem!important;line-height:1.2!important} .asu-lp--d23v4 .d23-card__img{display:none} .asu-lp--d23v4 .d23-dl{display:block}.asu-lp--d23v4 .d23-dl dt{display:inline}.asu-lp--d23v4 .d23-dl dt::after{content:": "}.asu-lp--d23v4 .d23-dl dd{display:inline;margin:0!important}.asu-lp--d23v4 .d23-dl dd::after{content:"";display:block;height:8px} .asu-lp--d23v4 p,.asu-lp--d23v4 li{font-size:16px;line-height:1.6} .asu-lp--d23v4 p.lead{font-size:17px} .asu-lp--d23v4.asu-native h2.d23-now__h{font-size:1.1rem!important;margin:0 0 16px!important} .asu-lp--d23v4.asu-native h3.d23-h3big{font-size:1.25rem!important} .asu-lp--d23v4 .d23-terms li,.asu-lp--d23v4 .d23-warn li,.asu-lp--d23v4 .d23-ticks li,.asu-lp--d23v4 .d23-lines span,.asu-lp--d23v4 .d23-ask p,.asu-lp--d23v4 .d23-once p,.asu-lp--d23v4 .d23-guar p,.asu-lp--d23v4 .d23-guar li,.asu-lp--d23v4 .d23-info p,.asu-lp--d23v4 .d23-routes p,.asu-lp--d23v4 .d23-dl{font-size:16px} .asu-lp--d23v4 .d23-terms .d23-ico,.asu-lp--d23v4 .d23-warn .d23-ico{display:none} .asu-lp--d23v4 .d23-warn li{grid-template-columns:1fr} .asu-lp--d23v4 .d23-doors__k{display:none} .asu-lp--d23v4 .d23-quote{gap:0}.asu-lp--d23v4 .d23-quote .d23-qa{margin-bottom:16px} .asu-lp--d23v4 .d23-certs .d23-cert__top{flex-direction:row;align-items:center}.asu-lp--d23v4 .d23-hero{padding-top:14px} .asu-lp--d23v4 .d23-step{grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center}.asu-lp--d23v4 .d23-step>div{display:contents}.asu-lp--d23v4 .d23-step h3{margin:0!important}.asu-lp--d23v4 .d23-step>div>p{grid-column:1/-1;margin-top:10px}.asu-lp--d23v4 .d23-step>div>p+p{margin-top:0}.asu-lp--d23v4 ul.d23-doors>li{grid-template-columns:1fr}.asu-lp--d23v4 .d23-doors .d23-ico{display:none}.asu-lp--d23v4 .d23-ask{padding:14px 14px}.asu-lp--d23v4 .d23-ask__k{margin-bottom:4px} .asu-lp--d23v4 .d23-rate--g{height:80px} .asu-lp--d23v4 .d23-marks img,.asu-lp--d23v4 .d23-cert__top img.d23-qt,.asu-lp--d23v4 .d23-cert__top img.d23-iso9001{height:48px!important} .asu-lp--d23v4 .asu-native .nv-intro,.asu-lp--d23v4 .nv-intro{font-size:17px} .asu-lp--d23v4.asu-native h1{font-size:1.85rem;line-height:1.2} .asu-lp--d23v4 [id]{scroll-margin-top:76px} .asu-lp--d23v4 .d23-hero{padding:18px 0 32px} .asu-lp--d23v4 .d23-hero__grid{gap:24px} .asu-lp--d23v4 .d23-hero .nv-hero__crumb{margin-bottom:8px} .asu-lp--d23v4 h2.d23-now__h{font-size:1.12rem;margin:2px 0 16px} .asu-lp--d23v4 .d23-now>li{padding:0 0 18px 50px} .asu-lp--d23v4 .d23-now>li::before{width:36px;height:36px;font-size:18px} .asu-lp--d23v4 .d23-now>li::after{left:17px;top:42px} .asu-lp--d23v4 p.d23-now__t{font-size:1.15rem;margin:4px 0 6px} .asu-lp--d23v4 .d23-now__call{width:100%;min-width:0;margin:24px 0 0} .asu-lp--d23v4 .d23-now>li:first-child{padding-bottom:26px} .asu-lp--d23v4 .d23-hprice{padding:12px 14px!important;margin-top:12px!important;font-size:16px!important;line-height:1.5!important} .asu-lp--d23v4 .d23-hprice b{font-size:1.2rem!important} .asu-lp--d23v4 .d23-hsmall{margin-top:20px} .asu-lp--d23v4 .d23-hero__img{aspect-ratio:16/9} .asu-lp--d23v4 .d23-hero__proof{padding:12px 16px 4px} .asu-lp--d23v4 .d23-head{margin-bottom:24px} .asu-lp--d23v4 .d23-jump{padding:12px 16px 6px} .asu-lp--d23v4 .d23-step{grid-template-columns:44px minmax(0,1fr);column-gap:14px} .asu-lp--d23v4 .d23-step__n{width:44px;height:44px;font-size:20px} .asu-lp--d23v4 .d23-step h3{margin:8px 0 6px;font-size:1.2rem} .asu-lp--d23v4 .d23-steps>li{gap:16px;padding:24px 0} .asu-lp--d23v4 .d23-ask{padding:16px 16px} .asu-lp--d23v4 .d23-qa{margin-bottom:28px} .asu-lp--d23v4 h3.d23-q{font-size:1.12rem;padding-left:14px} .asu-lp--d23v4 .d23-qa--lead .d23-a>p{font-size:17px} .asu-lp--d23v4 .d23-card__b{padding:20px 18px 22px} .asu-lp--d23v4 .d23-card__img{aspect-ratio:2/1} .asu-lp--d23v4 .d23-lines{grid-template-columns:1fr;gap:12px} .asu-lp--d23v4 .d23-box{padding:20px 16px} .asu-lp--d23v4 .d23-terms--2{grid-template-columns:1fr}.asu-lp--d23v4 .d23-terms--2 li:nth-child(2){border-top:1px solid var(--nv-line);padding-top:10px} .asu-lp--d23v4 .d23-rate th,.asu-lp--d23v4 .d23-rate td{padding:10px 12px;font-size:16px}.asu-lp--d23v4 .d23-rate td{font-size:18px} .asu-lp--d23v4 ol.d23-five{grid-template-columns:1fr} .asu-lp--d23v4 .d23-prompt{margin-top:32px;padding:22px 18px} .asu-lp--d23v4 .d23-prompt .nv-btns{width:100%;flex-direction:column;align-items:stretch} .asu-lp--d23v4 .d23-certs>li{padding:20px 16px} .asu-lp--d23v4 .d23-cert__top{gap:14px}.asu-lp--d23v4 .d23-cert__top img{height:56px}.asu-lp--d23v4 .d23-plate{height:56px;min-width:96px;font-size:17px} .asu-lp--d23v4 .d23-dl{grid-template-columns:1fr;gap:0}.asu-lp--d23v4 .d23-dl dd{margin-bottom:8px}.asu-lp--d23v4 .d23-dl dd:last-child{margin-bottom:0} .asu-lp--d23v4 .d23-once{grid-template-columns:1fr;gap:16px} .asu-lp--d23v4 .d23-once>.d23-qa{padding:20px 16px} .asu-lp--d23v4 .d23-guar{padding:22px 16px} .asu-lp--d23v4 .d23-cta .nv-btns{flex-direction:column;align-items:stretch} .asu-lp--d23v4 .d23-skel{grid-template-columns:1fr}.asu-lp--d23v4 .d23-skel>span:nth-child(n+2){display:none} .asu-lp--d23v4 .d23-ti{min-height:480px} .asu-lp--d23v4 .d23-doors>li{grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:18px 0} .asu-lp--d23v4 .d23-doors .d23-ico{width:44px;height:44px} .asu-lp--d23v4 .d23-after{margin-bottom:28px} .asu-lp--d23v4 .d23-info{padding:20px 16px} .asu-lp--d23v4 .d23-routes>li{padding:18px 16px} .asu-lp--d23v4 .d23-feat>li{grid-template-columns:44px minmax(0,1fr);column-gap:14px} .asu-lp--d23v4 .d23-ico{width:44px;height:44px}.asu-lp--d23v4 .d23-ico svg{width:22px;height:22px} .asu-lp--d23v4 .d23-stats{gap:10px}.asu-lp--d23v4 .d23-stats>li{padding:14px 14px}.asu-lp--d23v4 .d23-stats b{font-size:1.7rem}.asu-lp--d23v4 .d23-stats span{font-size:15.5px} .asu-lp--d23v4 .d23-sect{padding:20px 16px} .asu-lp--d23v4 table.d23-stack{display:block;border:0;background:transparent;border-radius:0;overflow:visible} .asu-lp--d23v4 .d23-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .asu-lp--d23v4 .d23-stack tbody{display:grid;gap:10px} .asu-lp--d23v4 .d23-stack tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);padding:14px 16px} .asu-lp--d23v4 .d23-stack th,.asu-lp--d23v4 .d23-stack td{display:block;padding:0;border:0!important;background:transparent!important;font-size:16px;line-height:1.5;white-space:normal} .asu-lp--d23v4 .d23-stack th[scope=row]{grid-column:1/-1;font-size:17px} .asu-lp--d23v4 .d23-stack td::before{content:attr(data-label);display:block;font-size:14px;font-weight:700;color:var(--nv-muted)} .asu-lp--d23v4 .d23-area tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:12px 14px} .asu-lp--d23v4 .d23-area td:last-child{grid-column:span 2} .asu-lp--d23v4 table.d23-qt tr{grid-template-columns:1fr;gap:4px}.asu-lp--d23v4 table.d23-qt td::before{display:none}.asu-lp--d23v4 table.d23-qt td:nth-child(2){font-size:15px} .asu-lp--d23v4 .asu-lp-tablewrap{overflow:visible} .asu-lp--d23v4 .d23-method{padding:4px 12px 8px} .asu-lp--d23v4 .d23-srcs{margin-top:28px;padding-top:24px} .asu-lp--d23v4 .d23-src{padding:4px 12px 6px} } /* ===== V98 final page: components added to the design 27 base ===== */ .asu-lp--d23v4 .d23-hero{background:var(--nv-mint)} .asu-lp--d23v4 .d23-hlead{margin:0 0 18px} .asu-lp--d23v4 .d23-now .d23-hbtns{margin-top:18px} .asu-lp--d23v4 .d23-now__tel{font-weight:700;white-space:nowrap} .asu-lp--d23v4 .d23-hfree{margin:10px 0 0!important;font-weight:700;color:var(--nv-green-d);font-size:16.5px!important} .asu-lp--d23v4 .d23-hp{margin-top:24px;padding:16px 20px;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius)} .asu-lp--d23v4 .d23-hp--t{max-width:36rem} .asu-lp--d23v4 .d23-rates{display:grid;gap:8px} .asu-lp--d23v4 .d23-rate{position:relative;overflow:hidden} .asu-lp--d23v4 .d23-rate--g{height:56px} .asu-lp--d23v4 .d23-rate__fb{position:absolute;left:0;right:0;top:0;margin:0;display:flex;justify-content:center;font-size:16px}.asu-lp--d23v4 .d23-rate__fb a{display:inline-flex;align-items:center;min-height:44px;font-weight:700} .asu-lp--d23v4 .d23-tp{height:24px;overflow:hidden;text-align:center}.asu-lp--d23v4 .d23-tp .trustpilot-widget{margin:0 auto}.asu-lp--d23v4 .d23-tp a{display:inline-flex;align-items:center;min-height:44px} .asu-lp--d23v4 .d23-hp--m{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px} .asu-lp--d23v4 .d23-hp__k{margin:0!important;font-size:15px!important;font-weight:700;color:var(--nv-green-d)} .asu-lp--d23v4 ul.d23-hp__marks{list-style:none!important;margin:0;padding:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px} .asu-lp--d23v4 .d23-hp__marks li{margin:0;list-style:none!important} .asu-lp--d23v4 .d23-hp__marks a{display:inline-flex;align-items:center;gap:8px;min-height:48px;text-decoration:none!important;color:var(--nv-head)!important} .asu-lp--d23v4 .d23-hp__marks img{display:block;height:48px;width:auto} .asu-lp--d23v4 .d23-hp__marks a.d23-hp__wl img{height:34px}.asu-lp--d23v4 .d23-hp__wl b{font-family:var(--nv-h1)!important;font-size:17px} .asu-lp--d23v4 .d23-hero__side .d23-hp--m{margin-top:20px} .asu-lp--d23v4 .d23-facts{list-style:none!important;padding:0!important;margin:10px 0 0}.asu-lp--d23v4 .d23-facts li{margin:0 0 4px;padding-left:22px;position:relative;font-size:16.5px}.asu-lp--d23v4 .d23-facts li::before{content:"";position:absolute;left:2px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--nv-green)}.asu-lp--d23v4 .d23-facts b{color:var(--nv-head)} .asu-lp--d23v4 .d23-ask h4.d23-q{position:relative;padding-left:14px;margin:0 0 8px;font-size:1.12rem;line-height:1.4;font-family:var(--nv-h1)!important;color:var(--nv-head)} .asu-lp--d23v4 .d23-ask h4.d23-q::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:2px;background:var(--nv-green)} .asu-lp--d23v4 .d23-ask .d23-qa--2{margin-top:18px;padding-top:16px;border-top:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-checkh{margin:28px 0 12px;font-size:1.2rem} .asu-lp--d23v4 ul.d23-sum{list-style:none!important;padding:0!important;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .asu-lp--d23v4 .d23-sum>li{margin:0;list-style:none!important} .asu-lp--d23v4 .d23-sum__a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;min-height:44px;padding:12px 14px;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius);color:var(--nv-text)!important;text-decoration:none!important} .asu-lp--d23v4 .d23-sum__a:hover{border-color:var(--nv-green)} .asu-lp--d23v4 .d23-sum__m{display:flex;align-items:center;height:32px} .asu-lp--d23v4 .d23-sum__m img{display:block;height:32px;width:auto;max-width:100%} .asu-lp--d23v4 .d23-sum__m .d23-ico{width:32px;height:32px}.asu-lp--d23v4 .d23-sum__m .d23-ico svg{width:17px;height:17px} .asu-lp--d23v4 .d23-sum__t b{display:block;font-family:var(--nv-h1)!important;font-size:16.5px;line-height:1.3;color:var(--nv-head)} .asu-lp--d23v4 .d23-sum__t span{display:block;font-size:15px;line-height:1.45;color:var(--nv-text)} .asu-lp--d23v4 .d23-routes{grid-template-columns:repeat(2,minmax(0,1fr))!important} .asu-lp--d23v4 .d23-chips--sm{margin-top:12px}.asu-lp--d23v4 .d23-chips--sm a{min-height:44px;padding:6px 12px;font-size:15px} .asu-lp--d23v4 .d23-whodd{margin:0 0 32px;max-width:52rem}.asu-lp--d23v4 .d23-whoin{padding:12px 18px 6px}.asu-lp--d23v4 .d23-whoin>p{margin:0 0 14px} .asu-lp--d23v4 .d23-ins{margin-top:40px;padding-top:36px;border-top:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-doorart{display:flex;justify-content:center;width:48px}.asu-lp--d23v4 .d23-doorart svg{width:42px;height:56px;display:block} .asu-lp--d23v4 .d23-ts{margin-top:18px;padding:18px 20px;background:#fff;border:1px solid var(--nv-line);border-left:4px solid #b54708;border-radius:0 var(--nv-radius) var(--nv-radius) 0} .asu-lp--d23v4 .d23-ts__k{display:flex;align-items:center;gap:10px;margin:0 0 8px!important;font-weight:700;color:var(--nv-head)}.asu-lp--d23v4 .d23-ts__k .d23-ico{width:36px;height:36px;border-color:#b54708;color:#b54708}.asu-lp--d23v4 .d23-ts__k .d23-ico svg{width:18px;height:18px} .asu-lp--d23v4 .d23-ts .d23-warn{margin:0}.asu-lp--d23v4 .d23-ts .d23-warn li{display:list-item;list-style:disc;margin:0 0 8px 20px;padding:0} .asu-lp--d23v4 .d23-quote{margin-top:8px} .asu-lp--d23v4 .d23-prices.asu-r{margin:0}.asu-lp--d23v4 .d23-prices table{background:#fff}.asu-lp--d23v4 .d23-prices tbody th,.asu-lp--d23v4 .d23-prices td{font-size:16px;line-height:1.45}.asu-lp--d23v4 .d23-prices .asu-r-prices__p{white-space:normal;min-width:7.5em} .asu-lp--d23v4 .d23-ti__fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin:0!important;padding:20px;text-align:center;font-size:16px;color:var(--nv-muted);z-index:0} .asu-lp--d23v4 .d23-ti:has(div.ti-widget) .d23-ti__fb{display:none}.asu-lp--d23v4 .d23-ti__fb a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px} .asu-lp--d23v4 .d23-reg__cols{display:grid;grid-template-columns:132px minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:0 0 10px;margin-top:8px;border-bottom:2px solid var(--nv-line);font-size:15px;font-weight:700;color:var(--nv-muted)} .asu-lp--d23v4 .d23-reg__cols>span:first-child{grid-column:2} .asu-lp--d23v4 ol.d23-reg{list-style:none!important;padding:0!important;margin:0} .asu-lp--d23v4 .d23-reg__row{list-style:none!important;display:grid;grid-template-columns:132px minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:24px;margin:0;padding:18px 0;border-bottom:1px solid var(--nv-line)} .asu-lp--d23v4 .d23-reg__row--wide .d23-reg__what{grid-column:span 2} .asu-lp--d23v4 .d23-reg__mark{display:flex;align-items:flex-start} .asu-lp--d23v4 .d23-reg__mark img{height:60px;width:auto;max-width:132px} .asu-lp--d23v4 .d23-reg__mark img.d23-logo{height:auto;width:100%;max-width:132px;max-height:60px} .asu-lp--d23v4 .d23-reg__n{display:block;font-size:15px;font-weight:700;color:var(--nv-muted);margin:0 0 2px} .asu-lp--d23v4 .d23-reg__what h3{margin:0 0 6px;font-size:1.15rem} .asu-lp--d23v4 .d23-reg__what h3.d23-q{padding-left:0}.asu-lp--d23v4 .d23-reg__what h3.d23-q::before{display:none} .asu-lp--d23v4 .d23-reg__what p{margin:0 0 6px;font-size:16.5px} .asu-lp--d23v4 .d23-reg__meta{align-self:start;grid-template-columns:auto minmax(0,1fr)!important;gap:4px 12px!important} .asu-lp--d23v4 .d23-reg__how{font-size:16.5px}.asu-lp--d23v4 .d23-reg__how p{margin:0} .asu-lp--d23v4 .d23-reg__k{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--nv-head);margin:0 0 4px!important} .asu-lp--d23v4 .d23-reg__k svg{width:18px;height:18px;flex:none;color:var(--nv-green-d)} .asu-lp--d23v4 .d23-more{margin-top:8px} .asu-lp--d23v4 .d23-areah{margin:28px 0 12px;font-size:1.2rem} .asu-lp--d23v4 .d23-method-dd{margin-top:12px} .asu-lp--d23v4 .d23-areas{margin-top:28px;padding:22px 24px;background:#fff;border:1px solid var(--nv-line);border-radius:14px}.asu-lp--d23v4 .d23-areas h3{margin:0 0 12px;font-size:1.2rem} .asu-lp--d23v4 .d23-areas__dl{grid-template-columns:200px minmax(0,1fr)} .asu-lp--d23v4 .d23-lists{margin-top:36px} .asu-lp--d23v4 .d23-listbox{background:#fff;border:1px solid var(--nv-line);border-radius:14px;padding:22px 24px}.asu-lp--d23v4 .asu-lp-band--white .d23-listbox{background:var(--nv-mint)} .asu-lp--d23v4 .d23-listbox h3{margin:0 0 12px;font-size:1.2rem} .asu-lp--d23v4 .d23-chips--plain li{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid var(--nv-line);border-radius:999px;background:#fff;font-size:15.5px;font-weight:600;color:var(--nv-head)} .asu-lp--d23v4 ul.d23-svc{list-style:none!important;padding:0!important;margin:0;columns:2;column-gap:28px} .asu-lp--d23v4 .d23-svc li{break-inside:avoid;margin:0;padding:4px 0;font-size:16px;line-height:1.45}.asu-lp--d23v4 .d23-svc a{display:inline-flex;align-items:center;min-height:40px} .asu-lp--d23v4 .d23-qidx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 32px;padding:16px 20px 8px} .asu-lp--d23v4 .d23-qidx h3{margin:8px 0 6px;font-size:1.05rem;color:var(--nv-green-d)} .asu-lp--d23v4 .d23-qidx ul{list-style:none!important;padding:0!important;margin:0 0 10px}.asu-lp--d23v4 .d23-qidx li{margin:0;font-size:15.5px;line-height:1.4}.asu-lp--d23v4 .d23-qidx a{display:inline-flex;align-items:center;min-height:44px} @media (max-width:1100px){.asu-lp--d23v4 ul.d23-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.asu-lp--d23v4 .d23-qidx{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:980px){.asu-lp--d23v4 .d23-reg__cols{display:none}.asu-lp--d23v4 .d23-reg__row{grid-template-columns:96px minmax(0,1fr);gap:10px 18px}.asu-lp--d23v4 .d23-reg__mark{grid-row:span 3}.asu-lp--d23v4 .d23-reg__mark img{height:48px}.asu-lp--d23v4 .d23-reg__meta,.asu-lp--d23v4 .d23-reg__how,.asu-lp--d23v4 .d23-reg__row--wide .d23-reg__what{grid-column:2}.asu-lp--d23v4 .d23-routes{grid-template-columns:1fr!important}.asu-lp--d23v4 .d23-hero__side{max-width:600px}} @media (max-width:700px){ .asu-lp--d23v4 .d23-hbtns{display:none!important} .asu-lp--d23v4 .d23-prompt{display:none!important} .asu-lp--d23v4 .d23-hlead{margin-bottom:12px} .asu-lp--d23v4 .d23-hp{padding:12px 14px} .asu-lp--d23v4 .d23-rate--g{height:84px} .asu-lp--d23v4 .d23-hero__img{aspect-ratio:2/1} .asu-lp--d23v4 .d23-hp__marks img{height:40px}.asu-lp--d23v4 .d23-hp__marks a.d23-hp__wl img{height:28px}.asu-lp--d23v4 .d23-hp__marks a{min-height:44px} .asu-lp--d23v4 ul.d23-sum{grid-template-columns:1fr 1fr;gap:8px} .asu-lp--d23v4 .d23-sum__a{padding:10px 12px}.asu-lp--d23v4 .d23-sum__m{height:26px}.asu-lp--d23v4 .d23-sum__m img{height:26px}.asu-lp--d23v4 .d23-sum__m .d23-ico{width:26px;height:26px} .asu-lp--d23v4 .d23-sum__t b{font-size:15.5px}.asu-lp--d23v4 .d23-sum__t span{font-size:14.5px} .asu-lp--d23v4 .d23-prices table,.asu-lp--d23v4 .d23-prices tbody,.asu-lp--d23v4 .d23-prices tr,.asu-lp--d23v4 .d23-prices th,.asu-lp--d23v4 .d23-prices td{display:block;width:auto!important}.asu-lp--d23v4 .d23-prices thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.asu-lp--d23v4 .d23-prices tbody tr{padding:10px 14px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--nv-line)!important;border-radius:0!important}.asu-lp--d23v4 .d23-prices tbody th{padding:0!important;border:0!important;background:transparent!important;position:static!important}.asu-lp--d23v4 .d23-prices td{padding:2px 0 0!important;border:0!important;justify-content:flex-start!important}.asu-lp--d23v4 .d23-prices td::before{display:none!important}.asu-lp--d23v4 .d23-prices td.asu-r-prices__p{font-weight:700;color:var(--nv-green-d);text-align:left}.asu-lp--d23v4 .d23-prices td.asu-r-prices__n.is-empty{display:none}.asu-lp--d23v4 .d23-prices caption{display:block;text-align:left;padding:12px 14px 4px} .asu-lp--d23v4 .d23-reg__row{display:block!important;padding:14px 0}.asu-lp--d23v4 .d23-reg__row::after{content:"";display:table;clear:both}.asu-lp--d23v4 .d23-reg__mark{float:left;margin:2px 12px 4px 0}.asu-lp--d23v4 .d23-reg__mark img{height:40px}.asu-lp--d23v4 .d23-reg__mark img.d23-logo{width:110px;max-height:none}.asu-lp--d23v4 .d23-reg__mark .d23-ico{width:40px;height:40px}.asu-lp--d23v4 .d23-reg__what>p:first-of-type,.asu-lp--d23v4 .d23-reg__what>.d23-a{clear:left}.asu-lp--d23v4 .d23-reg__meta{display:flex!important;flex-wrap:wrap;gap:0 6px;margin:8px 0 0}.asu-lp--d23v4 .d23-reg__meta dt::after{content:":"}.asu-lp--d23v4 .d23-reg__meta dd{margin:0 10px 0 0!important}.asu-lp--d23v4 .d23-reg__meta dd::after{display:none!important}.asu-lp--d23v4 .d23-reg__how{margin-top:6px}.asu-lp--d23v4 .d23-reg__k{display:inline-flex;margin:0 6px 0 0!important}.asu-lp--d23v4 .d23-reg__how>p{display:inline} .asu-lp--d23v4 .d23-areas{padding:18px 16px}.asu-lp--d23v4 .d23-listbox{padding:18px 16px}.asu-lp--d23v4 ul.d23-svc{columns:1} .asu-lp--d23v4 .d23-qidx{grid-template-columns:1fr;padding:8px 14px} .asu-lp--d23v4 .d23-ts{padding:14px 14px} .asu-lp--d23v4 .d23-ins{margin-top:28px;padding-top:24px} .asu-lp--d23v4 .d23-doorart{display:none} } /* V98 #2 */ .asu-lp--d23v4 .d23-cost{margin-bottom:8px}.asu-lp--d23v4 .d23-cost .d23-qa{margin-bottom:24px} .asu-lp--d23v4 .d23-quoteq{margin-top:32px} .asu-lp--d23v4 .d23-ex{margin:16px 0 0} .asu-lp--d23v4 .d23-ts p:last-child{margin-bottom:0} .asu-lp--d23v4 .d23-ddh>summary{list-style:none;cursor:pointer}.asu-lp--d23v4 .d23-ddh>summary::-webkit-details-marker{display:none} @media (min-width:701px){.asu-lp--d23v4 .d23-ddh>summary{pointer-events:none;cursor:default}.asu-lp--d23v4 .d23-ddh:not([open])::details-content{content-visibility:visible;display:block;height:auto}.asu-lp--d23v4 .d23-stddd>summary{display:none}} @media (max-width:700px){.asu-lp--d23v4 details.d23-info{padding:4px 16px}.asu-lp--d23v4 details.d23-info>summary{display:flex;align-items:center;gap:12px;min-height:52px;margin:0}.asu-lp--d23v4 details.d23-info[open]{padding-bottom:16px}.asu-lp--d23v4 .d23-stddd{margin-top:16px;background:#fff;border:1px solid var(--nv-line);border-radius:var(--nv-radius)}.asu-lp--d23v4 .d23-stdsum{display:flex;align-items:center;min-height:52px;padding:10px 16px;font-weight:700;color:var(--nv-green-d)}.asu-lp--d23v4 .d23-stddd[open]{padding-bottom:12px}.asu-lp--d23v4 .d23-stddd .d23-feat{padding:8px 16px 0}} /* V98 #3 height: body copy at line-height 1.55 (d27 used 1.65), tighter register and step rows */ .asu-lp--d23v4 :is(p,li,dd,td,th,summary){line-height:1.55!important} .asu-lp--d23v4 .d23-reg__row{padding:13px 0} .asu-lp--d23v4 .d23-steps>li{padding:22px 0} .asu-lp--d23v4 .d23-head{margin-bottom:24px} /* V98 #4: the production copy's Google badge rules (sized for the fixed hydrated grid the wrapper sets), and the facts list full width on a phone */ .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-reviews-container,.asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-controls,.asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-widget-container>:not(.ti-footer){display:none!important} .asu-lp--d23v4 .d23-rate--g div.ti-widget.ti-goog,.asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-widget-container,.asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-footer{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;flex:none!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-fade-container{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;column-gap:10px!important;row-gap:4px!important;text-align:center!important;margin:0!important;padding:0!important;opacity:1!important} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-large-logo{order:1!important;margin:0!important;padding:0!important;width:auto!important;zoom:.6} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-large-logo .ti-v-center{height:auto!important;display:block!important} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-footer .ti-stars{order:2!important;margin:0!important;line-height:0!important;display:inline-flex!important;gap:2px} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-stars.star-lg .ti-star{width:18px!important;height:18px!important;margin:0!important} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-rating-text{order:3!important;margin:0!important;padding:0!important;white-space:nowrap!important;line-height:22px!important;text-align:center!important} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-rating-text:nth-child(3){order:4!important;flex-basis:100%!important} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-rating-text strong.ti-rating-large{font-size:16px!important;line-height:22px!important;font-weight:700!important} .asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-rating-text span,.asu-lp--d23v4 .d23-rate--g .ti-widget.ti-goog .ti-rating-text strong{font-size:16px!important;line-height:22px!important} @media (max-width:700px){.asu-lp--d23v4 .d23-step>div>ul{grid-column:1/-1}} .asu-lp--d23v4 .d23-now .d23-hbtns{margin-top:24px} @media (max-width:700px){.asu-lp--d23v4 .d23-rate--g{height:58px}} /* V99 (review fixes) */ .asu-lp--d23v4 p.d23-subq{margin:-4px 0 10px!important;font-weight:600;color:var(--nv-muted);font-size:16px!important} .asu-lp--d23v4 .d23-steps>li:not(:has(.d23-ask)){grid-template-columns:1fr} .asu-lp--d23v4 .d23-rooms{display:flex;align-items:center;gap:12px;margin:8px 0 0!important;color:var(--nv-head)}.asu-lp--d23v4 .d23-rooms .d23-ico{width:40px;height:40px} .asu-lp--d23v4 .d23-own{margin:0 0 .75em!important;color:var(--nv-green-d)} .asu-lp--d23v4 .d23-checkh{margin-top:32px} .asu-lp--d23v4 .d23-hero__side{display:flex;flex-direction:column} .asu-lp--d23v4 .d23-hero__side .d23-hp--t{margin-top:20px;max-width:none} @media (min-width:701px){.asu-lp--d23v4 .d23-ddh>summary::after{display:none!important;content:none!important}} @media (min-width:1101px){.asu-lp--d23v4 .d23-quoteq .d23-a{columns:2;column-gap:48px}.asu-lp--d23v4 .d23-quoteq .d23-a>*{break-inside:avoid}} @media (max-width:700px){.asu-lp--d23v4 .d23-hero__side .d23-hp--t{order:-1;margin:0 0 20px}} /* V99 #3: the hero trust line can re-wrap from 2 to 3 lines on a late font recalc (throttled run: 0.036) — reserve 3 lines on a phone */ /* V100 (owner): the hero Certified marks centred, about 20% larger, with even breathing room */ .asu-lp--d23v4 .d23-hp--m{display:block;padding:20px 24px;text-align:center} .asu-lp--d23v4 .d23-hp--m .d23-hp__k{margin:0 0 14px!important;text-align:center} .asu-lp--d23v4 ul.d23-hp__marks{justify-content:center;gap:18px 26px} .asu-lp--d23v4 .d23-hp__marks a{min-height:58px} .asu-lp--d23v4 .d23-hp__marks img{height:58px} .asu-lp--d23v4 .d23-hp__marks a.d23-hp__wl img{height:41px}.asu-lp--d23v4 .d23-hp__wl b{font-size:19px} @media (max-width:700px){.asu-lp--d23v4 .d23-hp--m{padding:16px 12px}.asu-lp--d23v4 ul.d23-hp__marks{gap:14px 18px}.asu-lp--d23v4 .d23-hp__marks a{min-height:48px}.asu-lp--d23v4 .d23-hp__marks img{height:48px}.asu-lp--d23v4 .d23-hp__marks a.d23-hp__wl img{height:34px}.asu-lp--d23v4 .d23-hp__wl b{font-size:17px}} /* V100 #3 insurance covers */ .asu-lp--d23v4 ul.d23-inscov{list-style:none!important;padding:0!important;margin:10px 0}.asu-lp--d23v4 .d23-inscov li{margin:0;padding:8px 0;border-top:1px solid var(--nv-line);font-size:16px}.asu-lp--d23v4 .d23-inscov li:first-child{border-top:0}.asu-lp--d23v4 .d23-inscov b{display:block;color:var(--nv-head)}.asu-lp--d23v4 .d23-inscov span{display:block}.asu-lp--d23v4 .d23-inscov__lim{font-weight:700;color:var(--nv-green-d)} /* V101 (owner): Constructionline + Gold, Once For All and NICEIC on one row of their own; never wrap */ .asu-lp--d23v4 ul.d23-hp__marks--row2{flex-wrap:nowrap!important;margin-top:18px!important;gap:20px!important} .asu-lp--d23v4 .d23-hp__marks--row2 a.d23-hp__wl img{height:41px}.asu-lp--d23v4 .d23-hp__marks--row2 a.d23-hp__nic img{height:50px} @media (max-width:700px){.asu-lp--d23v4 .d23-hp--m{padding:14px 8px!important}.asu-lp--d23v4 ul.d23-hp__marks--row2{gap:10px!important;margin-top:14px!important}.asu-lp--d23v4 .d23-hp__marks--row2 a{min-height:44px;gap:5px}.asu-lp--d23v4 .d23-hp__marks--row2 a.d23-hp__wl img{height:30px}.asu-lp--d23v4 .d23-hp__marks--row2 a.d23-hp__nic img{height:34px}.asu-lp--d23v4 .d23-hp__marks--row2 .d23-hp__wl b{font-size:15px}} /* V101 (owner): the reviews-section widget at the live page's full content width (1410 px at 1440, 15 px gutters), summary shown */ .asu-lp--d23v4 .d23-revband>.asu-lp-in{max-width:1440px!important;padding-left:15px!important;padding-right:15px!important} .asu-lp--d23v4 .d23-revband .d23-revs__head{max-width:1200px;margin-left:auto;margin-right:auto} .asu-lp--d23v4 .d23-ti{min-height:240px} @media (max-width:700px){.asu-lp--d23v4 .d23-revband .d23-revs__head{padding:0 3px}.asu-lp--d23v4 .d23-ti{min-height:482px}} .asu-lp--d23v4 .d23-insby{display:flex;align-items:center;gap:12px;margin:10px 0 4px!important;font-weight:700;color:var(--nv-head);font-size:15px!important}.asu-lp--d23v4 img.d23-hadron{height:36px;width:auto;display:block} .asu-lp--d23v4 section.d23-revband{padding-left:0!important;padding-right:0!important} /* V110 (owner): brand logo grid — equal cells, centred, wraps cleanly; logos have width/height set inline */ .asu-lp--d23v4 .d23-listbox--brands h3{text-align:center} .asu-lp--d23v4 .d23-brands{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px} .asu-lp--d23v4 .d23-brand{margin:0;box-sizing:border-box;width:calc(50% - 7px);max-width:200px;min-height:76px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--nv-line);border-radius:14px;background:#fff} .asu-lp--d23v4 .d23-brand img{display:block;max-width:100%;object-fit:contain} .asu-lp--d23v4 .d23-brand--text{font-size:17.5px;font-weight:700;color:var(--nv-head);text-align:center;line-height:1.2} @media (min-width:701px){.asu-lp--d23v4 .d23-brand{width:calc(33.333% - 10px)}} /* V110 (owner): closing call to action — the last element of the page; on a phone it clears the sticky call bar */ .asu-lp--d23v4 .d23-fcta h2{margin-bottom:14px} .asu-lp--d23v4 .d23-fcta__lead{font-size:18.5px;line-height:1.5} .asu-lp--d23v4 .d23-fcta p.d23-fcta__free{margin:14px auto 0;font-weight:700;font-size:17px} .asu-lp--d23v4 .d23-fcta .nv-btns{margin-top:28px} .asu-lp--d23v4 .d23-fcta .nv-btn--lg{min-height:64px;font-size:1.3rem;padding-left:34px;padding-right:34px} .asu-lp--d23v4 .d23-fcta .nv-btns .nv-btn{min-height:56px} .asu-lp--d23v4 .d23-fcta p.d23-fcta__note{margin:26px auto 0;font-size:16px;line-height:1.55} .asu-lp--d23v4 .d23-fcta a:not(.nv-btn){color:#fff;text-decoration:underline;font-weight:700} @media (max-width:700px){.asu-lp--d23v4 .d23-final{padding-bottom:calc(30px + 76px)}.asu-lp--d23v4 .d23-fcta .nv-btn--lg{width:100%}} @media (min-width:701px){.asu-lp--d23v4 .asu-lp-band.d23-final{padding-top:44px;padding-bottom:44px}} /* V112 (owner): price + trust facts as white cards with a brand-green bar and shield-check icon over the lower part of the hero photo */ .asu-lp--d23v4 .d23-hero__fig{position:relative} .asu-lp--d23v4 .d23-ov{position:absolute;left:14px;right:14px;bottom:14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px} .asu-lp--d23v4 .d23-oc{display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;max-width:100%;padding:9px 14px 9px 10px;background:rgba(255,255,255,.97);border-left:5px solid var(--nv-green);border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.2)} .asu-lp--d23v4 .d23-oc--price{width:100%} .asu-lp--d23v4 .d23-oc__i{flex:none;display:block;width:24px;height:24px;margin-top:1px;color:var(--nv-green)} .asu-lp--d23v4 .d23-oc__i svg{display:block;width:24px;height:24px} .asu-lp--d23v4 .d23-oc__t{min-width:0} .asu-lp--d23v4 p.d23-oc__p{margin:0!important;font-size:16px!important;line-height:1.4!important;font-weight:600;color:var(--nv-head)} .asu-lp--d23v4 p.d23-oc__p b{font-size:1.15em;font-weight:800} .asu-lp--d23v4 p.d23-oc__s{margin:4px 0 0!important;font-size:14.5px!important;line-height:1.4!important;color:var(--nv-text)} @media (min-width:981px){ .asu-lp--d23v4 .d23-hero__grid{grid-template-rows:auto 1fr;row-gap:0} .asu-lp--d23v4 .d23-hero__top{grid-column:1;grid-row:1} .asu-lp--d23v4 .d23-hero__steps{grid-column:1;grid-row:2;padding-top:6px} .asu-lp--d23v4 .d23-hero__side{grid-column:2;grid-row:1/span 2} .asu-lp--d23v4 .d23-hero .d23-hero__img{aspect-ratio:1/1} } @media (min-width:1201px){.asu-lp--d23v4 .d23-hero .d23-hero__img{aspect-ratio:7/6}} @media (max-width:700px){ .asu-lp--d23v4 .d23-hero__side{display:contents} .asu-lp--d23v4 .d23-hero__top{order:1}.asu-lp--d23v4 .d23-hero__fig{order:2}.asu-lp--d23v4 .d23-hero__steps{order:3}.asu-lp--d23v4 .d23-hero__side .d23-hp--t{order:4;margin:0}.asu-lp--d23v4 .d23-hero__side .d23-hp--m{order:5;margin-top:0} .asu-lp--d23v4 .d23-hero .d23-hero__img{aspect-ratio:16/9} .asu-lp--d23v4 .d23-ov{position:static;margin-top:8px;align-items:stretch} .asu-lp--d23v4 .d23-oc{padding:8px 12px 8px 9px} } .asu-lp--d23v4 .d23-reg__chlogo{display:flex;align-items:center;min-height:44px;line-height:0} /* V116 (owner): breathing space inside every opened disclosure; closed heights unchanged (summary untouched) */ .asu-lp--d23v4 .d23-more>p{margin:0;padding:18px 20px 20px} .asu-lp--d23v4 .d23-whoin{padding:18px 20px 16px} .asu-lp--d23v4 .d23-method{padding:18px 20px 14px} .asu-lp--d23v4 .d23-dd>.asu-lp-tablewrap{padding:18px 20px 16px} .asu-lp--d23v4 .d23-qidx{padding:18px 20px 12px} .asu-lp--d23v4 .d23-src{padding:12px 20px 12px} .asu-lp--d23v4 .d23-stddd .d23-feat{padding-top:14px} @media (max-width:700px){ .asu-lp--d23v4 .d23-more>p{padding:16px 14px 16px} .asu-lp--d23v4 .d23-whoin{padding:16px 14px 12px} .asu-lp--d23v4 .d23-method{padding:16px 14px 12px} .asu-lp--d23v4 .d23-dd>.asu-lp-tablewrap{padding:16px 12px 12px} .asu-lp--d23v4 .d23-qidx{padding:16px 14px 8px} .asu-lp--d23v4 .d23-src{padding:12px 14px 12px} .asu-lp--d23v4 .d23-stddd .d23-feat{padding:14px 16px 0} .asu-lp--d23v4 details.d23-info[open]>summary{margin-bottom:10px} } /* V116 (owner): "Questions on this page" index: a chevron bullet per question aligned with the first line, hanging indent, comfortable leading, 44 px taps on a phone */ .asu-lp--d23v4 .d23-qidx ul{margin:0 0 8px} .asu-lp--d23v4 .d23-qidx li{margin:0;font-size:15.5px;line-height:1.5} .asu-lp--d23v4 .d23-qidx a{display:flex;align-items:flex-start;gap:8px;min-height:0;padding:4px 0;line-height:1.5} .asu-lp--d23v4 .d23-qb{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:23px;color:var(--nv-green-d)} .asu-lp--d23v4 .d23-qb svg{width:16px;height:16px} .asu-lp--d23v4 .d23-qt{flex:1 1 auto;min-width:0} @media (max-width:700px){ .asu-lp--d23v4 .d23-qidx a{min-height:44px;padding:10px 0;align-items:flex-start} } /* V116 (owner): closing CTA order = free quotes, 24-hours line, call lines, buttons, not-urgent note */ .asu-lp--d23v4 .d23-fcta p.d23-fcta__note.d23-fcta__24{margin:8px auto 0;font-size:16px} .asu-lp--d23v4 .d23-fcta p.d23-fcta__lead{margin:22px auto 0} /* V116 (owner): the manufacturer's warranty is its own item in the guarantee list */ /* V119 (owner): the warranty is a separate highlighted card under the guarantee card; exclusion lines get a neutral dot, not a tick */ .asu-lp--d23v4 .d23-ticks li.d23-x::before{width:8px;height:8px;left:7px;top:.68em;border:0;border-radius:50%;background:#6b7280} .asu-lp--d23v4 .d23-warrbox{display:flex;align-items:center;gap:14px;margin:14px 0 0;padding:16px 20px;background:#f1f9f4;border:1px solid var(--nv-line);border-left:4px solid var(--nv-green);border-radius:14px} .asu-lp--d23v4 .d23-warrbox .d23-ico{flex:none;width:44px;height:44px} .asu-lp--d23v4 .d23-warrbox p{margin:0;font-size:17px;line-height:1.4;font-weight:700;color:var(--nv-head)} /* V116 (owner): spare-key answer = lead line + 3 labelled items */ .asu-lp--d23v4 .d23-keys{margin:6px 0 0}.asu-lp--d23v4 .d23-keys li b{color:var(--nv-head)} /* V116 (owner): Sources is its own band below the questions */ .asu-lp--d23v4 .d23-srcband .d23-srcs{margin-top:0;padding-top:0;border-top:0} /* V116 height trims (caps 19,500 desktop / 35,000 phone) after the new content: Sources band padding, adv spacing; phone band padding 30 -> 24 */ .asu-lp--d23v4 .d23-srcband.asu-lp-band{padding-top:24px;padding-bottom:24px} .asu-lp--d23v4 .d23-adv{margin-top:28px} @media (max-width:700px){ .asu-lp--d23v4 .asu-lp-band{padding-top:22px;padding-bottom:22px} .asu-lp--d23v4 .d23-srcband.asu-lp-band{padding-top:14px;padding-bottom:14px} .asu-lp--d23v4 .d23-final{padding-bottom:calc(24px + 70px)} .asu-lp--d23v4 .d23-adv{margin-top:24px} } /* the question links keep a 40 px tall tap target on desktop too (metrics: no target under 40 px) */ .asu-lp--d23v4 .d23-qidx a{min-height:40px;padding-top:8px;padding-bottom:8px;box-sizing:border-box} /* V116 (owner bug): phone icon on every call button, drawn by CSS so it survives the site's phone-number script (which replaces the link's contents with the bare number) */ .asu-lp--d23v4 a.d23-tel::before{content:"";flex:0 0 auto;display:block;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.8l2.4-.4 1.7 4-1.9 1.5a11 11 0 0 0 5.3 5.3l1.5-1.9 4 1.7-.4 2.4a2.2 2.2 0 0 1-2.2 1.9C10.6 18.3 5.7 13.4 4.7 6a2.2 2.2 0 0 1 1.9-2.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.8l2.4-.4 1.7 4-1.9 1.5a11 11 0 0 0 5.3 5.3l1.5-1.9 4 1.7-.4 2.4a2.2 2.2 0 0 1-2.2 1.9C10.6 18.3 5.7 13.4 4.7 6a2.2 2.2 0 0 1 1.9-2.2z'/%3E%3C/svg%3E") center/contain no-repeat}  .asu-lp--d23v4{--nv-sans:"ASU DM Sans V",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--nv-h1:"ASU PT Sans","ASU DM Sans V",Arial,sans-serif} .asu-lp--d23v4 .d23-rates,.asu-lp--d23v4 .d23-rate{min-width:0;contain:layout paint}.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget,.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget *{font-family:var(--nv-sans)!important} .asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container{display:grid!important;grid-template-columns:66px 90px 89px!important;grid-template-rows:28px 25px!important;column-gap:10px!important;row-gap:4px!important;justify-content:center!important;align-items:center!important}.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container>.ti-large-logo{grid-area:1/1!important;zoom:.6!important;width:110px!important;height:35px!important;overflow:hidden!important;margin:0!important;padding:0!important}.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container>.ti-large-logo .ti-v-center{display:block!important;height:35px!important}.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container>.ti-stars{grid-area:1/2!important;display:flex!important;gap:0!important;width:90px!important;height:18px!important;overflow:hidden!important;margin:0!important}.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container>.ti-stars img,.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container>.ti-stars .ti-star{width:18px!important;height:18px!important;margin:0!important;flex:none!important}.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container>.ti-rating-text{grid-area:1/3!important;height:28px!important;line-height:28px!important;white-space:nowrap!important;overflow:hidden!important}.asu-lp.asu-lp--d23v4 .d23-rate--g .ti-widget .ti-fade-container>.ti-rating-text:nth-child(3){grid-area:2/1/3/4!important;height:25px!important;line-height:25px!important;text-align:center!important} .asu-lp--d23v4 .d23v-ic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--nv-mint);border:1.5px solid var(--nv-green);color:var(--nv-green-d);display:grid;place-items:center}.asu-lp--d23v4 .d23v-ic svg{width:22px;height:22px} .asu-lp--d23v4 ul.d23v-chips{list-style:none!important;margin:0;padding:0!important;display:flex;flex-wrap:wrap;gap:8px} .asu-lp--d23v4 .d23v-chips li{display:inline-flex;align-items:center;gap:6px;margin:0;padding:5px 12px 5px 8px;border:1px solid var(--nv-line);border-radius:999px;background:var(--nv-mint);font-size:15px;line-height:1.3;color:var(--nv-head)} .asu-lp--d23v4 .d23v-ci svg{width:16px;height:16px;display:block;color:var(--nv-green-d)} .asu-lp--d23v4 .d23v-chips li:has(a){padding:0 12px 0 8px}.asu-lp--d23v4 .d23v-chips a{display:inline-flex;align-items:center;min-height:40px;font-weight:600} .asu-lp--d23v4 .d23-qidx.d23-qidx--open{padding:0;gap:16px;margin:0} .asu-lp--d23v4 .d23v-qidx>div{background:#fff;border:1px solid var(--nv-line);border-radius:14px;padding:16px 18px} .asu-lp--d23v4 .d23v-qidx h3{display:flex;align-items:flex-start;gap:10px}.asu-lp--d23v4 .d23v-qidx h3>.d23v-ic{width:36px;height:36px;margin-top:calc((1lh - 36px) / 2);flex:none}.asu-lp--d23v4 .d23v-qidx h3 .d23v-ic svg{width:18px;height:18px} .asu-lp--d23v4 .d23-midcta h2{margin-top:0} .asu-lp--d23v4 .d23-area-dd{margin-top:20px} .asu-lp--d23v4 .d23-srchead{display:block}.asu-lp--d23v4 .d23-srchead h2{margin:0 0 8px}.asu-lp--d23v4 .d23-srchead p{margin:0 0 4px} @media (min-width:701px){.asu-lp--d23v4 .d23-qidx.d23-qidx--open{display:block;columns:3;column-gap:16px}.asu-lp--d23v4 .d23-qidx--open>div{break-inside:avoid;display:inline-block;width:100%;margin:0 0 16px;box-sizing:border-box}} @media (min-width:701px) and (max-width:980px){.asu-lp--d23v4 .d23-qidx.d23-qidx--open{columns:2}} @media (max-width:700px){.asu-lp--d23v4 .d23v-qidx>div{padding:8px 12px 4px}.asu-lp--d23v4 .d23-qidx.d23-qidx--open{gap:10px}.asu-lp--d23v4 .d23v-qidx h3{margin:6px 0 2px}.asu-lp--d23v4 .d23v-qidx h3>.d23v-ic{width:28px;height:28px;margin-top:calc((1lh - 28px) / 2)}.asu-lp--d23v4 .d23v-qidx h3 .d23v-ic svg{width:15px;height:15px}.asu-lp--d23v4 .d23-qidx--open a{padding-top:8px;padding-bottom:8px}.asu-lp--d23v4 .d23-qidx--open ul{margin:0 0 4px}} .asu-lp--d23v4 ul.d23v-svc{columns:auto!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px} .asu-lp--d23v4 .d23v-svc li{position:relative;padding:0 10px 0 40px!important;background:#fff;border:1px solid var(--nv-line);border-radius:10px;min-height:38px;display:flex;align-items:center} .asu-lp--d23v4 .d23v-svc li:has(a){min-height:44px} .asu-lp--d23v4 .d23v-svc li>span{display:block;padding:6px 0;line-height:1.35} .asu-lp--d23v4 .d23v-svc li>span>a:only-child{display:flex;align-items:center;min-height:44px;margin:-6px 0;padding:0} .asu-lp--d23v4 .d23v-svc li::before{content:"";position:absolute;left:10px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--nv-green-d) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center / 12px no-repeat} @media (max-width:700px){.asu-lp--d23v4 ul.d23v-svc{grid-template-columns:1fr}.asu-lp--d23v4 .d23v-svc li{min-height:34px}.asu-lp--d23v4 .d23v-svc li:has(a){min-height:44px}} .asu-lp--d23v4 .d23-hp--rc{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important} .asu-lp--d23v4 .d23-hp--rc .d23-rates{display:grid;gap:10px} .asu-lp--d23v4 .d23-rc{background:#fff;border:1px solid var(--nv-line);border-radius:14px;padding:8px 12px 10px;text-align:center} .asu-lp--d23v4 p.d23-rc__k{margin:0 0 2px!important;font-size:14px!important;line-height:1.3!important;font-weight:700;color:var(--nv-head);text-align:center} .asu-lp--d23v4 .d23-hp--rc .d23-tp{height:28px;overflow:hidden;display:flex;justify-content:center;align-items:center} .asu-lp--d23v4 .d23-hp--rc .d23-tp .trustpilot-widget{width:100%} .asu-lp--d23v4 p.d23-byline{margin:14px 0 0!important;font-size:15px!important;line-height:1.45!important;color:var(--nv-text)} .asu-lp--d23v4 p.d23-byline a{font-weight:700} .asu-lp--d23v4 a.d23-now__tel{display:flex;align-items:center;min-height:44px;width:max-content}.asu-lp--d23v4 .d23-areas__dl dt a{display:inline-flex;align-items:center;min-height:44px} /* the site phone script rewrites the number after load: on its own line it cannot re-wrap the step (CLS 0.046 at 1440) */ .asu-lp--d23v4 a.d23-hp__nic{display:inline-flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none!important} .asu-lp--d23v4 .d23-hp__cap{display:block;font-size:14px;line-height:1.15;font-weight:600;color:var(--nv-text);white-space:nowrap} .asu-lp--d23v4 ul.d23-sum.d23-sum--4{grid-template-columns:repeat(4,minmax(0,1fr))} .asu-lp--d23v4 p.d23-sumall{margin:12px 0 0} .asu-lp--d23v4 .d23-ract{margin-top:14px} .asu-lp--d23v4 .d23-ract .nv-btn{min-height:44px;padding:9px 18px;font-size:16px} .asu-lp--d23v4 ul.d23-bizsvc{list-style:none!important;margin:10px 0 12px;padding:0!important;display:flex;flex-wrap:wrap;gap:4px 16px} .asu-lp--d23v4 .d23-bizsvc li{margin:0;padding-left:16px;position:relative;font-size:16px;line-height:1.5} .asu-lp--d23v4 .d23-bizsvc li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--nv-green)} .asu-lp--d23v4 ul.d23-ptr{list-style:none!important;margin:18px 0 22px;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px} .asu-lp--d23v4 .d23-ptr li{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;background:#fff;border:1px solid var(--nv-line);border-radius:12px} .asu-lp--d23v4 .d23-ptr .d23v-ci{flex:none;margin-top:3px} .asu-lp--d23v4 .d23-ptr p{margin:0!important;font-size:16px;line-height:1.5} .asu-lp--d23v4 p.d23-cover{margin:0 0 14px} .asu-lp--d23v4 .d23-area-dd .d23-method{margin-top:14px} .asu-lp--d23v4 ul.d23-lines{background:#fff;border:1px solid var(--nv-line);border-top:4px solid var(--nv-green);border-radius:10px;padding:18px 20px!important;box-shadow:0 2px 10px rgba(20,40,30,.06)} .asu-lp--d23v4 figure.d23-sample{float:right;width:172px;margin:6px 0 14px 22px} .asu-lp--d23v4 .d23-sample img{display:block;width:172px;height:auto;border-radius:6px;box-shadow:0 3px 14px rgba(0,0,0,.16)} .asu-lp--d23v4 .d23-sample figcaption{margin-top:8px;font-size:14px;line-height:1.4;color:var(--nv-text)} .asu-lp--d23v4 #leave .d23-lines{grid-template-columns:1fr} .asu-lp--d23v4 .d23-two--leave #leave::after{content:"";display:block;clear:both} .asu-lp--d23v4 .d23-warr2{display:grid;gap:6px} .asu-lp--d23v4 .d23v-svc li>span>a{color:var(--nv-green-d);font-weight:600} .asu-lp--d23v4 #standards.d23-ins{margin-top:0;padding-top:0;border-top:0;margin-bottom:28px} .asu-lp--d23v4 .d23-feat h4{font-size:1.15rem;margin:4px 0 6px;color:var(--nv-head)} .asu-lp--d23v4 h3.d23-moreh{font-size:1.1rem;margin:18px 0 10px} .asu-lp--d23v4 .d23-author{display:flex;gap:18px;align-items:flex-start;margin:26px 0 0;padding:18px 22px;background:#fff;border:1px solid var(--nv-line);border-left:4px solid var(--nv-green);border-radius:14px;max-width:820px} .asu-lp--d23v4 .d23-author__av{flex:none;width:64px;height:64px;border-radius:50%;background:var(--nv-mint);border:1.5px solid var(--nv-green);color:var(--nv-green-d);display:grid;place-items:center} .asu-lp--d23v4 .d23-author__av svg{width:34px;height:34px} .asu-lp--d23v4 .d23-author__av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block} .asu-lp--d23v4 .d23-author p{margin:0} .asu-lp--d23v4 p.d23-author__k{font-size:14px;font-weight:600;color:var(--nv-text)} .asu-lp--d23v4 p.d23-author__n{font-size:20px;line-height:1.3;font-weight:700;color:var(--nv-head)} .asu-lp--d23v4 p.d23-author__r{font-size:15.5px;color:var(--nv-text);margin-bottom:8px} .asu-lp--d23v4 p.d23-author__d{font-size:16px;line-height:1.55} .asu-lp--d23v4 p.d23-author__l a{display:inline-flex;align-items:center;min-height:44px;font-weight:700} @media (min-width:1101px){.asu-lp--d23v4 .d23-quoteq #quote-lines{column-span:all;margin:4px 0 18px}} @media (min-width:981px){.asu-lp--d23v4 .d23-head{max-width:none;margin-bottom:16px}.asu-lp--d23v4 .d23-rafter{align-items:start;margin-top:8px}.asu-lp--d23v4 .d23-rafter .d23-qa{margin-top:0}.asu-lp--d23v4 .d23-head .nv-intro,.asu-lp--d23v4 .d23-head>p{max-width:48rem}.asu-lp--d23v4 .d23-pgrid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.asu-lp--d23v4 #sources.d23-srcs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:40px;row-gap:18px;align-items:start}.asu-lp--d23v4 #sources .d23-srchead{grid-column:1;grid-row:1}.asu-lp--d23v4 #sources #reviewer{grid-column:2;grid-row:1;margin-top:0}.asu-lp--d23v4 #sources #src-list{grid-column:1/-1;grid-row:2}.asu-lp--d23v4 .d23-src{columns:3;column-gap:32px}.asu-lp--d23v4 .d23-src li{font-size:15px;line-height:1.5;padding:8px 0 8px 36px}.asu-lp--d23v4 .d23-src li::before{top:9px}.asu-lp--d23v4 .asu-lp-band.asu-lp-band--md:not(.d23-srcband):not(.d23-final):not(.d23-midcta){padding-top:36px;padding-bottom:36px}.asu-lp--d23v4 .d23v-qidx>div{padding:12px 16px}.asu-lp--d23v4 .d23-reg__row{padding:12px 0}.asu-lp--d23v4 #quote-lines .d23-qt th,.asu-lp--d23v4 #quote-lines .d23-qt td{padding-top:8px;padding-bottom:8px;line-height:1.45}} @media (max-width:980px){.asu-lp--d23v4 ul.d23-sum.d23-sum--4{grid-template-columns:repeat(2,minmax(0,1fr))}.asu-lp--d23v4 ul.d23-ptr{grid-template-columns:1fr}} @media (max-width:700px){ .asu-lp--d23v4 #wrong .d23-fig{display:none} .asu-lp--d23v4 .d23-hero__steps{order:2}.asu-lp--d23v4 .d23-hero__fig{order:3}.asu-lp--d23v4 .d23-hero__steps .d23-now__h{margin-top:18px} .asu-lp--d23v4 .d23-ov{display:grid;grid-template-columns:1fr 1fr;gap:6px} .asu-lp--d23v4 .d23-ov .d23-oc{max-width:none;padding:7px 9px 7px 7px;border-left-width:4px;gap:7px} .asu-lp--d23v4 .d23-ov .d23-oc--price,.asu-lp--d23v4 .d23-ov .d23-oc:last-child{grid-column:1/-1} .asu-lp--d23v4 .d23-ov .d23-oc__i,.asu-lp--d23v4 .d23-ov .d23-oc__i svg{width:18px;height:18px} .asu-lp--d23v4 .d23-ov p.d23-oc__p{font-size:14.5px!important;line-height:1.35!important} .asu-lp--d23v4 #leave{display:flex;flex-direction:column}.asu-lp--d23v4 #leave>*{order:1}.asu-lp--d23v4 #leave>figure.d23-sample{order:2;float:none;width:auto;display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;align-items:center;margin:14px 0 0}.asu-lp--d23v4 .d23-sample img{width:120px} .asu-lp--d23v4 .d23-prices tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:baseline}.asu-lp--d23v4 .d23-prices tbody th{grid-column:1}.asu-lp--d23v4 .d23-prices td.asu-r-prices__p{grid-column:2;text-align:right;min-width:0!important}.asu-lp--d23v4 .d23-prices td.asu-r-prices__n{grid-column:1/-1}.asu-lp--d23v4 .d23-prices thead{display:none!important} .asu-lp--d23v4 .d23-qidx--open a{padding-top:4px!important;padding-bottom:4px!important} .asu-lp--d23v4 .d23-author{padding:14px 14px;gap:12px}.asu-lp--d23v4 .d23-author__av{width:48px;height:48px}.asu-lp--d23v4 .d23-author__av svg{width:26px;height:26px} .asu-lp--d23v4 .d23-ptr li{padding:10px 12px} } .asu-lp--d23v4 h2.d23v-h2{display:flex;align-items:flex-start;gap:16px} .asu-lp--d23v4 .d23v-hi{flex:none;width:52px;height:52px;border-radius:14px;background:var(--nv-green-d);color:#fff;display:grid;place-items:center}.asu-lp--d23v4 .d23v-hi svg{width:28px;height:28px} .asu-lp--d23v4 h2.d23v-h2>.d23v-hi{margin-top:calc((1lh - 52px) / 2)} .asu-lp--d23v4 h3.d23v-rh{display:flex;align-items:flex-start;gap:12px}.asu-lp--d23v4 h3.d23v-rh .d23v-ic{width:40px;height:40px}.asu-lp--d23v4 h3.d23v-rh .d23v-ic svg{width:20px;height:20px}.asu-lp--d23v4 h3.d23v-rh>.d23v-ic{margin-top:calc((1lh - 40px) / 2);flex:none} .asu-lp--d23v4 .d23-routes>li{box-shadow:0 2px 10px rgba(20,40,30,.06)} /* V139 (owner): breathing space inside every open accordion (the content sat flush against the border) */ .asu-lp--d23v4 .d23-dd:not(.d23-ddh)[open]{padding-bottom:4px} .asu-lp--d23v4 .d23-dd:not(.d23-ddh)>:not(summary):not(.asu-lp-tablewrap){margin-left:18px;margin-right:18px} .asu-lp--d23v4 .d23-dd:not(.d23-ddh)>summary+*{margin-top:16px} .asu-lp--d23v4 .d23-dd:not(.d23-ddh)>:last-child:not(summary){margin-bottom:16px} .asu-lp--d23v4 .d23-qbox .d23-dd>:not(summary){margin-left:0;margin-right:0} /* V139 (owner): more room around and inside the tables in expandable panels ("The six lines of a written quote") */ @media (min-width:701px){.asu-lp--d23v4 .d23-dd>.asu-lp-tablewrap{padding:20px 20px 22px!important}.asu-lp--d23v4 .d23-dd table td,.asu-lp--d23v4 .d23-dd table th{padding:12px 16px!important}} /* V139 (owner): the +/- marker sat 4px from the right border */ .asu-lp--d23v4 .d23-dd:not(.d23-ddh)>summary{padding-right:58px!important}.asu-lp--d23v4 .d23-dd:not(.d23-ddh)>summary::after{right:20px!important} /* V139 (owner): "More services in Croydon" separated from the element above; the reviewer box spans the full width */ .asu-lp--d23v4 h3.d23-moreh{margin-top:32px!important} .asu-lp--d23v4 #sources #reviewer.d23-author{grid-column:1/-1;grid-row:2;margin-top:0}.asu-lp--d23v4 #sources #src-list{grid-row:3}.asu-lp--d23v4 #reviewer .d23-author__d{max-width:72ch} .asu-lp--d23v4 .d23-guar h3.d23v-rh{align-items:center} .asu-lp--d23v4 #sources #reviewer.d23-author{max-width:none} /* V139 (owner): £ badge on the price table caption; breathing space under "More services in Croydon"; Croydon intro spacing + photo */ /* V146: the caption stays a real table caption (display:flex had turned it into a row inside the table) */.asu-lp--d23v4 .d23-prices caption{display:table-caption;caption-side:top;text-align:left}.asu-lp--d23v4 .d23-prices caption::before{content:"£";display:inline-grid;place-items:center;vertical-align:middle;width:36px;height:36px;margin-right:12px;border-radius:10px;background:var(--nv-green-d);color:#fff;font-weight:700;font-size:20px;line-height:1} .asu-lp--d23v4 h3.d23-moreh{margin-bottom:14px!important} /* V139 (owner): subtle zebra striping on the certificates table (logos multiply so their white boxes do not show on the tinted rows) */ .asu-lp--d23v4 ol.d23-reg>li{padding-left:12px;padding-right:12px}.asu-lp--d23v4 ol.d23-reg>li:nth-child(even){background:#f4f8f5}.asu-lp--d23v4 ol.d23-reg img{mix-blend-mode:multiply} .asu-lp--d23v4 ul.d23-oc__ul{margin:4px 0 0;padding:0!important;list-style:none!important}.asu-lp--d23v4 .d23-oc__ul li{position:relative;padding-left:16px}.asu-lp--d23v4 .d23-oc__ul li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--nv-green-d)}.asu-lp--d23v4 .d23-oc__ul li{margin:2px 0;font-size:14.5px;line-height:1.4;font-weight:600;color:var(--nv-head)} .asu-lp--d23v4 .d23v-doorhead p+p{margin-top:16px} .asu-lp--d23v4 .d23v-doorfig{margin:0 0 16px}.asu-lp--d23v4 .d23v-doorfig img{width:100%;height:auto;border-radius:14px;display:block}.asu-lp--d23v4 .d23v-doorfig figcaption{font-size:14px;color:var(--nv-muted);margin-top:6px} @media (min-width:901px){.asu-lp--d23v4 .d23v-doorhead{display:block;max-width:none}.asu-lp--d23v4 .d23v-doorfig{float:right;width:42%;margin:0 0 16px 40px}.asu-lp--d23v4 .d23v-doorhead::after,.asu-lp--d23v4 .d23v-costa::after{content:"";display:block;clear:both}} /* V139: related articles + case studies cards */ .asu-lp--d23v4 .d23v-more{margin:48px 0 8px}.asu-lp--d23v4 .d23v-more h2.d23v-h2{margin:0 0 20px}.asu-lp--d23v4 .d23v-more ul+h2{margin-top:48px!important} .asu-lp--d23v4 ul.d23v-cards{list-style:none!important;margin:0;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .asu-lp--d23v4 .d23v-card{margin:0}.asu-lp--d23v4 .d23v-card a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--nv-line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--nv-head);box-shadow:0 2px 10px rgba(20,40,30,.06)} .asu-lp--d23v4 .d23v-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block} .asu-lp--d23v4 .d23v-card__t{display:block;padding:14px 16px 4px;font-weight:700;font-size:16px;line-height:1.4}.asu-lp--d23v4 .d23v-card__d{display:block;padding:0 16px 14px;font-size:14px;color:var(--nv-muted)} .asu-lp--d23v4 .d23v-card a:hover .d23v-card__t{color:var(--nv-green-d);text-decoration:underline}.asu-lp--d23v4 .d23v-card__t:last-child{padding-bottom:16px} .asu-lp--d23v4 .d23v-more__all{margin:18px 0 0;font-weight:700} @media (max-width:900px){.asu-lp--d23v4 ul.d23v-cards{grid-template-columns:1fr 1fr}}@media (max-width:560px){.asu-lp--d23v4 ul.d23v-cards{grid-template-columns:1fr}} /* V139 (owner): the related-services title lines up with the top of the links on the right */ .asu-lp--d23v4 .d23-rel{align-items:start}.asu-lp--d23v4 .d23-rel h2.d23v-h2{margin-top:0} /* V139 (owner): lock standards full width; the three standards (always open: the summary is hidden, so a closed list showed nothing) sit side by side */ .asu-lp--d23v4 #standards.d23-ins{display:block}.asu-lp--d23v4 #standards>div:first-child{max-width:60rem} .asu-lp--d23v4 #standards .d23-stddd{margin:20px 0 0} @media (min-width:901px){.asu-lp--d23v4 #standards .d23-stddd .d23-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:20px 20px 4px}.asu-lp--d23v4 #standards .d23-stddd .d23-feat>li{margin:0}} @media (max-width:700px){.asu-lp--d23v4 .d23v-hi{width:34px;height:34px;border-radius:10px}.asu-lp--d23v4 .d23v-hi svg{width:19px;height:19px}.asu-lp--d23v4 h2.d23v-h2{gap:12px}.asu-lp--d23v4 h2.d23v-h2>.d23v-hi{margin-top:calc((1lh - 34px) / 2)}}