@import url("/assets/service-foundation.css");
.redesign-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.76fr);gap:clamp(48px,8vw,130px);min-height:min(730px,calc(100svh - 82px));padding-top:clamp(108px,12vw,172px);padding-bottom:86px;align-items:center}.redesign-hero h1,.redesign-problem h2,.redesign-lead h2{margin:20px 0 0;font-family:var(--service-font-heading);font-weight:550;letter-spacing:-.06em;line-height:.98;text-wrap:balance}.redesign-hero h1{max-inline-size:var(--ctg-public-measure-display);font-size:clamp(52px,5.9vw,84px)}.redesign-hero-body{max-inline-size:var(--ctg-public-measure-lede);text-wrap:pretty;margin-top:30px;color:var(--redesign-muted);font-size:17px;line-height:1.7}.redesign-hero-body p{margin:0}.redesign-hero-body p+p{margin-top:14px}.redesign-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:34px}.redesign-hero-actions p{max-width:310px;margin:0;color:#aeb7c7;font-size:13px;line-height:1.5}.redesign-hero-visual{position:relative;min-height:414px}.redesign-visual-window{position:absolute;inset:14px 0 0 auto;width:min(100%,440px);height:352px;padding:25px;border:1px solid rgba(190,208,255,.27);border-radius:17px;background:linear-gradient(145deg,rgba(55,65,85,.82),rgba(27,31,39,.94));box-shadow:0 30px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.09);transform:rotate(3deg)}.redesign-visual-window>span{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:rgba(212,222,243,.4)}.redesign-visual-window>span:nth-child(2){background:rgba(183,205,255,.65)}.redesign-visual-title{width:62%;height:54px;margin-top:44px;border-radius:5px;background:linear-gradient(90deg,rgba(224,230,244,.82) 72%,transparent 72%);opacity:.8}.redesign-visual-copy{width:78%;height:58px;margin-top:22px;background:repeating-linear-gradient(180deg,rgba(203,215,240,.35) 0 6px,transparent 6px 17px)}.redesign-visual-path{display:flex;align-items:center;gap:10px;margin-top:44px}.redesign-visual-path i{display:block;width:48px;height:48px;border:1px solid rgba(190,207,241,.27);border-radius:50%;background:rgba(169,193,255,.08)}.redesign-visual-path i+ i{position:relative}.redesign-visual-path i+i:before{position:absolute;right:100%;top:50%;width:10px;height:1px;content:"";background:rgba(189,211,255,.47)}.redesign-visual-leak{position:absolute;z-index:2;display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(255,184,191,.62);border-radius:50%;background:#442e38;color:#ffd8de;font-family:var(--service-font-heading);font-size:25px;box-shadow:0 0 0 9px rgba(255,170,181,.08),0 0 30px rgba(255,143,157,.22)}.redesign-visual-leak--one{top:51px;right:3px}.redesign-visual-leak--two{bottom:76px;left:4px}.redesign-visual-leak--three{right:76px;bottom:2px}.redesign-problem{border-top:1px solid var(--redesign-line);border-bottom:1px solid var(--redesign-line);background:linear-gradient(120deg,rgba(255,255,255,.022),rgba(116,143,209,.055),rgba(255,255,255,.01))}.redesign-problem-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(350px,.8fr);gap:clamp(52px,10vw,170px);padding:110px 0}.redesign-problem h2{max-width:700px;font-size:clamp(44px,5vw,72px)}.redesign-problem-copy{color:var(--redesign-muted);font-size:17px;line-height:1.6}.redesign-problem-copy>p{margin:0}.redesign-problem-copy ul{display:grid;gap:0;margin:25px 0;padding:0;border-top:1px solid var(--redesign-line);list-style:none}.redesign-problem-copy li{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid var(--redesign-line);color:#e0e4ea}.redesign-problem-copy li:before{position:absolute;left:0;top:16px;content:"→";color:var(--redesign-accent);font-weight:750}.redesign-problem-copy>p:last-child{margin-top:8px;color:#e0e4ea;font-family:var(--service-font-heading);font-size:25px;letter-spacing:-.035em}.redesign-lead{position:relative;overflow:hidden;border-top:1px solid var(--redesign-line);background:radial-gradient(48% 100% at 78% 100%,rgba(111,145,255,.42),transparent 69%),#1b1e25}.redesign-lead:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.025),transparent 56%)}.redesign-lead-layout{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) minmax(255px,.45fr);gap:44px;padding:100px 0;align-items:center}.redesign-lead-marker{display:grid;width:92px;height:92px;place-items:center;border:1px solid rgba(202,219,255,.45);border-radius:50%;background:radial-gradient(circle,rgba(163,191,255,.45),rgba(106,141,229,.14) 57%,transparent 61%);color:#fff;font-family:var(--service-font-heading);font-size:47px;box-shadow:0 0 0 13px rgba(166,193,255,.07),0 0 46px rgba(128,162,255,.34)}.redesign-lead h2{max-width:720px;font-size:clamp(42px,4.6vw,65px)}.redesign-lead-copy>p:not(.redesign-eyebrow){max-width:680px;margin:22px 0 0;color:#c5ccd9;font-size:17px;line-height:1.6}.redesign-lead-copy>p+p{margin-top:10px}.redesign-lead-action{padding-left:35px;border-left:1px solid rgba(207,218,241,.22)}.redesign-lead-action .redesign-primary-cta{width:100%;min-width:0}.redesign-lead-action p{margin:18px 0 0;color:#b7c0ce;font-size:13px;line-height:1.5;text-align:center}.redesign-footer{padding:30px 0;background:#121419;color:#8993a1;font-size:12px}.redesign-footer .redesign-shell{display:flex;gap:18px;flex-wrap:wrap}.redesign-footer span:first-child{color:#dbe1eb;font-weight:750}.redesign-footer span:nth-child(2){margin-left:auto}
@media(max-width:980px){.redesign-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:132px}.redesign-hero-copy{max-width:830px}.redesign-hero-visual{width:min(100%,580px);min-height:360px}.redesign-problem-layout{grid-template-columns:1fr;gap:44px}.redesign-lead-layout{grid-template-columns:94px minmax(0,1fr)}.redesign-lead-action{grid-column:1/-1;padding:30px 0 0;border-top:1px solid rgba(207,218,241,.22);border-left:0}.redesign-lead-action .redesign-primary-cta{width:max-content}.redesign-footer span:nth-child(2){width:100%;margin-left:0}}
@media(max-width:640px){.redesign-hero{padding-top:104px;padding-bottom:62px}.redesign-hero h1{font-size:clamp(43px,12vw,59px)}.redesign-hero-body{margin-top:25px;font-size:16px;line-height:1.62}.redesign-hero-actions{align-items:stretch;flex-direction:column;margin-top:29px}.redesign-primary-cta{width:100%;min-width:0}.redesign-hero-actions p{max-width:none;text-align:center}.redesign-hero-visual{min-height:289px}.redesign-visual-window{width:calc(100% - 24px);height:260px;padding:19px}.redesign-visual-title{height:39px;margin-top:33px}.redesign-visual-copy{height:45px;margin-top:17px}.redesign-visual-path{margin-top:27px}.redesign-visual-path i{width:37px;height:37px}.redesign-visual-leak{width:34px;height:34px;font-size:21px}.redesign-visual-leak--two{bottom:51px}.redesign-problem-layout{gap:32px;padding:72px 0}.redesign-problem h2{font-size:clamp(40px,11vw,56px)}.redesign-problem-copy{font-size:16px}.redesign-problem-copy li{padding-top:14px;padding-bottom:14px}.redesign-problem-copy li:before{top:14px}.redesign-lead-layout{grid-template-columns:1fr;gap:29px;padding:76px 0}.redesign-lead-marker{width:76px;height:76px;font-size:39px}.redesign-lead h2{font-size:clamp(40px,10.8vw,56px)}.redesign-lead-copy>p:not(.redesign-eyebrow){font-size:16px}.redesign-lead-action{padding-top:25px}.redesign-lead-action .redesign-primary-cta{width:100%;min-width:0}.redesign-lead-action p{text-align:center}.redesign-footer{padding:25px 0}}

/* Website Redesigns hero: the right-side media field is intentionally blank
   until the dedicated full-bleed project image is supplied. */
.redesign-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.86fr);gap:clamp(42px,7vw,114px);min-height:min(800px,calc(100svh - 30px));padding-top:clamp(112px,10vw,154px);padding-bottom:0;align-items:stretch}.redesign-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 0 98px}.redesign-hero h1{max-width:800px;font-family:var(--service-font-heading);font-size:var(--service-type-h1);font-weight:520;letter-spacing:-.062em;line-height:1.1}.redesign-hero-body{max-width:610px;margin-top:31px}.redesign-hero-actions{display:block;margin-top:36px}.redesign-hero-actions p{max-width:420px;margin:17px 0 0;color:#b4bdca}.redesign-hero-media{min-height:660px;margin-right:max(0px,calc((100vw - 1280px) / -2));background:#12151a}
@media(max-width:980px){.redesign-hero{grid-template-columns:1fr;min-height:0;padding-top:132px}.redesign-hero-copy{max-width:830px;padding:0 0 78px}.redesign-hero-media{display:none}}
@media(max-width:640px){.redesign-hero{padding-top:104px;padding-bottom:0}.redesign-hero-copy{padding-bottom:62px}.redesign-hero h1{font-size:clamp(43px,12vw,59px)}.redesign-hero-actions{display:block;margin-top:29px}.redesign-hero-actions p{max-width:none;text-align:center}}

/* Dedicated hero media stays behind the copy. The gradient layer protects
   headline contrast while retaining the image's right-side focal point. */
.redesign-hero{position:relative;display:block;min-height:0;padding:0;isolation:isolate;overflow:hidden;background:#111419}.redesign-hero::after{position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,rgba(11,14,18,.95) 0%,rgba(11,14,18,.84) 38%,rgba(11,14,18,.33) 69%,rgba(11,14,18,.12) 100%)}.redesign-hero-media{position:absolute;z-index:-2;inset:0;display:block;min-height:0;margin:0;background-color:#12151a;background-image:url("/assets/images/website-redesigns/ctg-website-redesigns.png");background-position:center center;background-repeat:no-repeat;background-size:cover}.redesign-hero-inner{position:relative;z-index:1;display:flex;min-height:clamp(610px,48vw,720px);align-items:center}.redesign-hero-copy{max-width:760px;padding:82px 0 96px}.redesign-hero h1{max-width:760px}.redesign-hero-body{max-width:585px}.redesign-social-proof{position:relative;z-index:1;padding-bottom:45px}.redesign-proof-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid rgba(217,226,242,.2)}.redesign-proof-metrics>div{min-height:142px;display:flex;flex-direction:column;justify-content:center;padding:17px 0 23px}.redesign-proof-metrics>div+div{padding-left:clamp(25px,5vw,76px);border-left:1px solid rgba(217,226,242,.2)}.redesign-proof-metrics strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,4vw,62px);font-weight:400;letter-spacing:-.045em;line-height:1}.redesign-proof-metrics span,.redesign-proof-trusted p{display:block;margin-top:14px;color:#c8ced8;font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.48}.redesign-proof-trusted{display:grid;grid-template-columns:210px minmax(0,1fr);gap:40px;padding:50px 0px;align-items:center}.redesign-proof-trusted p{margin:0}.redesign-proof-wordmarks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:center;color:rgba(222,226,232,.7);text-align:center}.redesign-proof-wordmarks span{display:flex;flex-direction:column;justify-content:center;min-height:38px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(16px,1.65vw,24px);letter-spacing:.06em;line-height:1}.redesign-proof-wordmarks span:nth-child(4){font-size:clamp(13px,1.38vw,20px);letter-spacing:.025em}.redesign-proof-wordmarks small{margin-top:5px;font-family:"Manrope",sans-serif;font-size:7px;font-weight:650;letter-spacing:.18em;line-height:1.1}
@media(max-width:980px){.redesign-hero{padding:0}.redesign-hero-media{display:block}.redesign-hero-inner{min-height:610px}.redesign-hero-copy{padding:120px 0 72px}.redesign-social-proof{padding-bottom:36px}.redesign-proof-trusted{grid-template-columns:1fr;gap:22px;padding:50px 0}.redesign-proof-wordmarks{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.redesign-proof-metrics>div+div{padding-left:28px}}
@media(max-width:640px){.redesign-hero{padding:0}.redesign-hero:not(.service-hero--mobile-stacked)::after{background:linear-gradient(180deg,rgba(11,14,18,.9),rgba(11,14,18,.76) 64%,rgba(11,14,18,.93))}.redesign-hero-inner{min-height:0}.redesign-hero-copy{padding:105px 0 64px}.redesign-hero h1{font-size:clamp(43px,12vw,59px)}.redesign-social-proof{padding-bottom:30px}.redesign-proof-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.redesign-proof-metrics>div{min-height:126px;padding:17px 14px 20px 0}.redesign-proof-metrics>div+div{padding-left:18px}.redesign-proof-metrics>div:nth-child(3){border-left:0}.redesign-proof-metrics strong{font-size:43px}.redesign-proof-metrics span{font-size:10px}.redesign-proof-trusted{gap:20px;padding:50px 0}.redesign-proof-trusted p{font-size:10px}.redesign-proof-wordmarks{gap:21px 10px}.redesign-proof-wordmarks span{font-size:16px}.redesign-proof-wordmarks span:nth-child(4){font-size:13px}}

@media(min-width:1081px){.redesign-hero{display:flex;height:calc(100svh - 88px);min-height:0;flex-direction:column}.redesign-hero-inner{flex:1;min-height:0}.redesign-hero-copy{padding:44px 0 38px}.redesign-hero h1{font-size:clamp(46px,4.1vw,62px);line-height:.93}.redesign-hero-body{margin-top:22px;font-size:16px;line-height:1.55}.redesign-hero-body p+p{margin-top:10px}.redesign-hero-actions{margin-top:24px}.redesign-hero-actions p{margin-top:13px;font-size:12px}.redesign-social-proof{flex:0 0 auto;padding-bottom:0}.redesign-proof-metrics>div{min-height:112px}.redesign-proof-trusted{min-height:72px;padding:50px 0}.redesign-proof-metrics span{margin-top:10px}.redesign-proof-wordmarks{gap:13px}}
@media(min-width:1081px) and (max-height:860px){.redesign-hero-copy{padding-top:14px;padding-bottom:14px}.redesign-hero h1{font-size:clamp(40px,3.4vw,48px);line-height:.92}.redesign-hero-body{margin-top:13px;font-size:14px;line-height:1.42}.redesign-hero-body p+p{margin-top:6px}.redesign-hero-actions{margin-top:14px}.redesign-hero-actions p{margin-top:9px;font-size:11px}.redesign-proof-metrics>div{min-height:86px}.redesign-proof-metrics strong{font-size:clamp(37px,3.3vw,46px)}.redesign-proof-metrics span{margin-top:7px;font-size:10px}.redesign-proof-trusted{min-height:56px;padding:50px 0}.redesign-proof-trusted p{font-size:10px}.redesign-proof-wordmarks{gap:10px}.redesign-proof-wordmarks span{font-size:15px}.redesign-proof-wordmarks span:nth-child(4){font-size:12px}}

/* Match the image blend to the shared navigation surface. */
.redesign-hero{background:#202226}
.redesign-hero::after{background:linear-gradient(90deg,rgba(32,34,38,.95) 0%,rgba(32,34,38,.84) 38%,rgba(32,34,38,.33) 69%,rgba(32,34,38,.12) 100%)}
@media(max-width:640px){.redesign-hero:not(.service-hero--mobile-stacked)::after{background:linear-gradient(180deg,rgba(32,34,38,.9),rgba(32,34,38,.76) 64%,rgba(32,34,38,.93))}}

.redesign-proof-icon{display:block;width:28px;height:28px;margin:0 auto 8px;object-fit:contain;filter:brightness(0) invert(83%) sepia(9%) saturate(603%) hue-rotate(182deg) brightness(89%) contrast(87%) drop-shadow(0 0 5px rgba(184,201,255,.2))}
.redesign-proof-more{display:block;height:28px;margin:0 auto 8px;color:#c8ced8;font-family:Arial,sans-serif;font-size:18px;letter-spacing:3px;line-height:18px}
.redesign-proof-trusted p{font-family:var(--service-font-body)}
.redesign-proof-wordmarks span{font-size:14px;letter-spacing:0;white-space:nowrap}
@media(max-width:640px){.redesign-proof-wordmarks span,.redesign-proof-wordmarks span:nth-child(4){font-size:14px;white-space:nowrap}}

.redesign-attention{border-top:1px solid var(--redesign-line);border-bottom:1px solid var(--redesign-line);background:#25282d}
.redesign-attention-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(36px,6vw,100px);align-items:center;padding:100px 0}
.redesign-attention-copy h2,.redesign-attention-subhead{font-family:var(--service-font-heading);font-weight:520;letter-spacing:-.055em;line-height:1.1}
.redesign-attention-copy h2{max-width:760px;margin:34px 0 0;font-size:var(--service-type-h2)}
.redesign-attention-subhead{max-width:820px;margin:24px 0 0;font-size:var(--service-type-h3);font-weight:600;line-height:1.3}
.redesign-attention-body{max-width:610px;margin-top:34px;color:var(--redesign-muted);font-size:17px;line-height:1.62}.redesign-attention-body p{margin:0}.redesign-attention-body p+p{margin-top:16px}
.redesign-attention-copy .redesign-primary-cta{margin-top:34px}.redesign-attention-support{margin:18px 0 0;color:#b4bdca;font-size:13px;line-height:1.5}
.redesign-attention-visual img,.redesign-attention-mobile-visual img{display:block;width:100%;height:auto}.redesign-attention-mobile-visual{display:none}
@media(max-width:980px){.redesign-attention-layout{grid-template-columns:1fr;padding:76px 0}.redesign-attention-visual{order:-1}.redesign-attention-copy h2{font-size:clamp(40px,7vw,60px)}.redesign-attention-subhead{font-size:clamp(30px,4.8vw,40px)}}
@media(max-width:640px){.redesign-attention-layout{padding:58px 0}.redesign-attention-copy h2{font-size:clamp(38px,11vw,48px)}.redesign-attention-subhead{font-size:clamp(28px,8.5vw,36px)}.redesign-attention-mobile-visual{display:block;margin-top:28px}.redesign-attention-body{margin-top:28px;font-size:16px}.redesign-attention-copy .redesign-primary-cta{width:100%;margin-top:26px}.redesign-attention-support{text-align:center}}

.redesign-outcomes{border-bottom:1px solid var(--redesign-line);background:#202226}
.redesign-outcomes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:56px 0}
.redesign-outcomes article{min-width:0;padding:0 clamp(22px,4vw,62px);text-align:center}.redesign-outcomes article+article{border-left:1px solid rgba(217,226,242,.17)}
.redesign-outcomes h3{margin:0;color:#d8dde7;font-family:var(--service-font-body);font-size:12px;font-weight:750;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}.redesign-outcomes p{margin:13px auto 0;max-width:290px;color:#b6becd;font-size:15px;line-height:1.52}
@media(max-width:980px){.redesign-outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:36px 0}.redesign-outcomes article{padding:30px}.redesign-outcomes article:nth-child(3){border-left:0}.redesign-outcomes article:nth-child(n+3){border-top:1px solid rgba(217,226,242,.17)}}
@media(max-width:640px){.redesign-outcomes-grid{grid-template-columns:1fr}.redesign-outcomes article,.redesign-outcomes article:nth-child(3){border-left:0}.redesign-outcomes article+article{border-top:1px solid rgba(217,226,242,.17)}.redesign-outcomes article{padding:30px 12px}.redesign-outcomes p{font-size:14px}}

.redesign-problem{background:#25282d}

.redesign-problem{overflow:visible;border:0;background:#25282d}
.redesign-problem-layout{grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:clamp(42px,6vw,94px);padding:100px 0;align-items:stretch}
.redesign-problem-main{min-width:0}.redesign-problem h2{max-width:none;margin:0;font-family:var(--service-font-heading);font-size:var(--service-type-h2);font-weight:520;letter-spacing:-.055em;line-height:1.1}.redesign-problem-intro{margin:24px 0 0;color:#c7ceda;font-size:18px;line-height:1.5}
.redesign-problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.redesign-problem-grid article{min-height:204px;padding:22px 18px 18px;border:1px solid rgba(201,214,239,.2);border-radius:8px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));text-align:center}.redesign-problem-grid img{display:block;width:86px;height:86px;margin:0 auto 15px;object-fit:contain}.redesign-problem-grid p{margin:0;color:#e0e4ec;font-size:15px;line-height:1.42}
.redesign-problem-close{margin-top:34px}.redesign-problem-close>p{margin:0;color:#c7ceda;font-size:16px;line-height:1.5}.redesign-problem-close>span{display:block;max-width:320px;margin:18px 0 0;color:#aeb7c7;font-size:13px;line-height:1.5}
@media(max-width:1100px){.redesign-problem-layout{grid-template-columns:1fr}}
@media(max-width:640px){.redesign-problem-layout{padding:68px 0}.redesign-problem h2{font-size:clamp(40px,11vw,55px)}.redesign-problem-intro{font-size:16px}.redesign-problem-grid{grid-template-columns:1fr;gap:12px}.redesign-problem-grid article{min-height:0;display:grid;grid-template-columns:76px 1fr;align-items:center;padding:16px;text-align:left}.redesign-problem-grid img{width:62px;height:62px;margin:0}.redesign-problem-close>span{margin-top:18px}}

/* Hero copy parity with the approved reference composition. */
@media(min-width:1081px){
  .redesign-hero-copy{padding:68px 0 54px;transform:translateY(48px)}
  .redesign-hero h1{max-width:820px;color:var(--service-heading-dark);font-size:var(--service-type-h1);line-height:1.1}
  .redesign-hero-body{max-inline-size:var(--ctg-public-measure-lede);text-wrap:pretty;margin-top:27px;font-size:var(--service-type-body);line-height:1.7}
  .redesign-hero-actions{margin-top:32px}
  .redesign-hero-actions p{margin-top:16px;font-size:14px}
}
@media(min-width:1081px) and (max-height:860px){
  .redesign-hero-copy{padding-top:46px;padding-bottom:36px;transform:translateY(48px)}
  .redesign-hero h1{font-size:var(--service-type-h1);line-height:1.1}
  .redesign-hero-body{max-width:620px;margin-top:20px;font-size:var(--service-type-body);line-height:1.7}
  .redesign-hero-actions{margin-top:24px}
  .redesign-hero-actions p{margin-top:12px;font-size:13px}
}

/* The approach: full-bleed artwork, editorial copy and a two-column diagnosis list. */
.redesign-diagnosis{
  position:relative;
  scroll-margin-top:88px;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(64px,4.6vw,82px) 0;
  background:#202226 url("/assets/images/website-redesigns/ctg-diagnosis.png") right center / cover no-repeat;
}
.redesign-diagnosis::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(16,19,23,.76) 0%,rgba(16,19,23,.58) 38%,rgba(16,19,23,.16) 59%,transparent 77%);
  pointer-events:none;
}
.redesign-diagnosis-inner{position:relative;}
.redesign-diagnosis-heading{max-width:960px;}
.redesign-diagnosis .redesign-eyebrow{color:var(--service-eyebrow-primary);font-size:var(--service-type-eyebrow);font-weight:750;letter-spacing:.16em;line-height:1.4;}
.redesign-diagnosis h2{
  margin:28px 0 0;
  color:var(--service-heading-dark);
  font-family:var(--service-font-heading);
  font-size:var(--service-type-h2);
  font-weight:520;
  letter-spacing:-.055em;
  line-height:1.1;
  text-wrap:normal;
}
.redesign-diagnosis h2 span{display:block;}
.redesign-diagnosis h2 span:last-child{color:#b7bbc4;}
.redesign-diagnosis-copy{width:54%;max-width:740px;margin-top:32px;}
.redesign-diagnosis-intro{margin:0 0 22px;color:#c4c9d3;font-size:clamp(21px,1.9vw,29px);line-height:1.4;}
.redesign-diagnosis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3.6vw,60px);row-gap:0;}
.redesign-diagnosis-grid article{min-width:0;padding:0 0 19px;}
.redesign-diagnosis-grid article:nth-child(n+3){padding-top:19px;border-top:1px solid rgba(202,213,231,.3);}
.redesign-diagnosis-grid h3{margin:0 0 8px;color:var(--service-heading-dark);font-family:var(--service-font-heading);font-size:var(--service-type-h3);font-weight:600;letter-spacing:-.035em;line-height:1.3;}
.redesign-diagnosis-grid p{margin:0;color:#c3c8d1;font-size:clamp(14px,1.08vw,18px);line-height:1.5;}
.redesign-diagnosis-close{margin:20px 0 0;color:var(--service-heading-dark);font-family:var(--service-font-heading);font-size:var(--service-type-h3);font-weight:600;letter-spacing:-.04em;line-height:1.3;}
.redesign-diagnosis-close span{color:#b7bbc4;}
/* Keep artwork within the 1280px content scale when browser zoom creates an extra-wide CSS viewport. */
@media(min-width:2000px){
  .redesign-hero-media,.redesign-diagnosis{
    background-position:center center;
    background-size:1280px auto;
  }
  .redesign-hero{height:auto;}
  .redesign-hero-inner{min-height:720px;}
}
/* Continue the alternating solid section surfaces after the image chapter. */
.redesign-lead{background:#25282d;}
@media(max-width:1080px){
  .redesign-diagnosis{padding:64px 0 0;background-position:center bottom;background-size:auto 500px;background-color:#202226;}
  .redesign-diagnosis::before{background:linear-gradient(#202226 0%,#202226 calc(100% - 430px),rgba(32,34,38,.65) calc(100% - 340px),transparent calc(100% - 180px));}
  .redesign-diagnosis-inner{padding-bottom:400px;}
  .redesign-diagnosis-heading{max-width:850px;}
  .redesign-diagnosis h2{font-size:clamp(40px,5.3vw,57px);}
  .redesign-diagnosis-copy{width:100%;max-width:740px;}
  .redesign-diagnosis-grid p{font-size:16px;}
}
@media(max-width:640px){
  .redesign-diagnosis{padding-top:54px;background-size:auto 300px;background-position:70% bottom;}
  .redesign-diagnosis::before{background:linear-gradient(#202226 0%,#202226 calc(100% - 280px),rgba(32,34,38,.58) calc(100% - 210px),transparent calc(100% - 100px));}
  .redesign-diagnosis-inner{padding-bottom:265px;}
  .redesign-diagnosis h2{margin-top:24px;font-size:clamp(35px,8.6vw,50px);line-height:1.07;}
  .redesign-diagnosis h2 span+span{margin-top:8px;}
  .redesign-diagnosis-copy{margin-top:28px;}
  .redesign-diagnosis-grid{grid-template-columns:1fr;}
  .redesign-diagnosis-grid article+article{padding-top:18px;border-top:1px solid rgba(202,213,231,.3);}
  .redesign-diagnosis-grid h3{font-size:28px;}
  .redesign-diagnosis-grid p{font-size:15px;max-width:38ch;}
  .redesign-diagnosis-close{margin-top:16px;font-size:32px;max-width:440px;}
}

/* Mobile-only layout polish: keep full content chapters on one vertical rhythm
   and prevent the service-business labels from colliding at narrow widths. */
@media(max-width:640px){
  .redesign-hero-copy{padding:25px 0 0;}
  .redesign-hero-body{margin-top:21px;}
  .redesign-hero-actions{margin-top:18px;}
  .redesign-proof-metrics{margin-top:20px;}
  .redesign-proof-metrics>div:nth-child(-n+2){border-top:1px solid rgba(217,226,242,.2);border-bottom:1px solid rgba(217,226,242,.2);}
  .redesign-proof-trusted{gap:22px;padding:24px 0 30px;}
  .redesign-proof-trusted p br{display:none;}
  .redesign-proof-trusted p{font-size:11px;line-height:1.45;text-align:center;white-space:normal;}
  .redesign-proof-trusted p span{display:block;}
  .redesign-proof-metrics>div{padding-left:18px;}
  .redesign-proof-wordmarks{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;}
  .redesign-proof-wordmarks span,.redesign-proof-wordmarks span:nth-child(4){min-height:42px;font-size:11px;}
  .redesign-proof-icon{width:34px;height:34px;margin-bottom:6px;}
  .redesign-proof-more{height:24px;margin-bottom:6px;font-size:16px;line-height:15px;}

  .redesign-attention-layout{padding:64px 0;}
  .redesign-problem-layout{padding:64px 0;}
  .redesign-diagnosis{padding-top:64px;}
  .redesign-diagnosis-inner{padding-bottom:280px;}
  .redesign-lead-layout{padding:64px 0;}

  .redesign-outcomes-grid{padding:16px 0;}
  .redesign-outcomes article{padding:28px 12px;}
}

/* Mobile-only ordering and artwork treatment for the redesign story. */
@media(max-width:640px){
  .redesign-attention-visual{display:none;}
  .redesign-outcomes{display:none;}

  .redesign-diagnosis{background-position:center center;background-size:cover;}
  .redesign-diagnosis::before{background:linear-gradient(90deg,rgba(32,34,38,.93) 0%,rgba(32,34,38,.84) 56%,rgba(32,34,38,.58) 100%);}
  .redesign-diagnosis-inner{padding-bottom:64px;}
}

/* Every content chapter carries its own 20px mobile perimeter. Keep the
   existing 64px vertical rhythm by moving the remaining space inward. */
@media(max-width:640px){
  .redesign-attention,.redesign-problem,.redesign-diagnosis,.redesign-lead{padding:20px;}
  .redesign-attention .redesign-shell,.redesign-problem .redesign-shell,.redesign-diagnosis .redesign-shell,.redesign-lead .redesign-shell{width:100%;}
  .redesign-attention-layout,.redesign-problem-layout,.redesign-lead-layout{padding:44px 0;}
  .redesign-diagnosis-inner{padding:44px 0;}
}

/* Reuse the approved redesign hero with page-specific service artwork. */
.service-hero-page .redesign-hero-media{background-image:var(--service-hero-image);background-position:var(--service-hero-position);}


/* Website Redesigns proof and FAQ: editorial evidence followed by clear next-step answers. */
.redesign-results{border-top:1px solid var(--redesign-line);border-bottom:1px solid var(--redesign-line);background:#202226;}
.redesign-results-inner{padding:clamp(88px,8vw,118px) 0;}
.redesign-results-intro{max-width:900px;}
.redesign-results h2{margin:18px 0 0;color:var(--service-heading-dark);font-family:var(--service-font-heading);font-size:var(--service-type-h2);font-weight:520;letter-spacing:-.052em;line-height:1.1;}
.redesign-results-intro>p:last-child{max-width:745px;margin:23px 0 0;color:#c3c8d1;font-size:17px;line-height:1.6;}
.redesign-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;border-top:1px solid rgba(209,220,241,.25);border-bottom:1px solid rgba(209,220,241,.25);}
.redesign-results-grid article{min-width:0;padding:37px clamp(24px,3vw,46px) 39px;}
.redesign-results-grid article+article{border-left:1px solid rgba(209,220,241,.2);}
.redesign-result-number{margin:0;color:var(--service-eyebrow-primary);font-family:var(--service-font-heading);font-size:var(--service-type-callout);font-weight:520;letter-spacing:-.07em;line-height:.9;}
.redesign-results-grid h3{margin:28px 0 0;color:#dfe4ef;font-size:11px;font-weight:750;letter-spacing:.16em;line-height:1.35;text-transform:uppercase;}
.redesign-results-grid article>p:last-child:not(.redesign-result-callout){max-width:31ch;margin:13px 0 0;color:#bec6d2;font-size:17px;line-height:1.55;}
.redesign-results-close{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(30px,6vw,100px);align-items:baseline;margin-top:43px;}
.redesign-results-close .redesign-results-close__statement{margin:0;color:var(--service-heading-dark);font-family:var(--service-font-heading);font-size:var(--service-type-h3);font-weight:600;letter-spacing:-.04em;line-height:1.3;}
.redesign-results-close p:not(.redesign-results-close__statement){max-width:610px;margin:0;color:#c3c8d1;font-size:17px;line-height:1.58;}
.redesign-results-disclaimer{max-width:800px;margin:37px 0 0;padding-top:18px;border-top:1px solid rgba(209,220,241,.17);color:#9fa8b6;font-size:11px;line-height:1.55;}
@media(max-width:980px){
  .redesign-results-grid article{padding:33px 24px;}
  .redesign-results-close{grid-template-columns:1fr;gap:17px;}

}
@media(max-width:640px){
  .redesign-results{padding:20px;}
  .redesign-results .redesign-shell{width:100%;}
  .redesign-results-inner{padding:48px 0;}
  .redesign-results h2{font-size:clamp(36px,10vw,46px);line-height:1.06;}
  .redesign-results-intro>p:last-child{margin-top:19px;font-size:16px;}
  .redesign-results-grid{grid-template-columns:1fr;margin-top:42px;}
  .redesign-results-grid article{padding:31px 0;}
  .redesign-results-grid article+article{border-top:1px solid rgba(209,220,241,.2);border-left:0;}
  .redesign-result-number{font-size:clamp(60px,18vw,78px);}
  .redesign-results-grid h3{margin-top:20px;}
  .redesign-results-close{margin-top:34px;}
  .redesign-results-close .redesign-results-close__statement{font-size:30px;}
  .redesign-results-close p:not(.redesign-results-close__statement){font-size:16px;}
  .redesign-results-disclaimer{margin-top:30px;font-size:10px;}

}

/* Final responsive composition pass for the shared service hero. */
.redesign-hero{display:grid;height:auto;min-height:calc(100svh - 62px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) auto;gap:0;}
.redesign-hero-inner{min-height:0;align-items:center;}
.redesign-proof-trusted{padding:30px 0 34px;}
.redesign-proof-wordmarks{align-items:stretch;}
.redesign-proof-wordmarks span,.redesign-proof-wordmarks span:nth-child(4){min-width:0;min-height:54px;font-size:13px;line-height:1.18;white-space:normal;}

@media(min-width:1440px){
  .redesign-hero{display:grid;height:auto;min-height:calc(100svh - 88px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) auto;gap:0;}
  .redesign-hero-inner{min-height:0;}
  .redesign-hero-copy{max-width:760px;padding:0 0 54px;transform:translateY(48px);}
  .redesign-hero h1{font-size:var(--service-type-h1);line-height:1.1;}
  .redesign-hero-body{max-inline-size:var(--ctg-public-measure-lede);text-wrap:pretty;margin-top:27px;font-size:var(--service-type-body);line-height:1.7;}
  .redesign-hero-actions{margin-top:32px;}
  .redesign-hero-actions p{margin-top:16px;font-size:14px;}
  .redesign-social-proof{flex:0 0 auto;padding-bottom:0;}
  .redesign-proof-wordmarks span,.redesign-proof-wordmarks span:nth-child(4){font-size:14px;}
}

@media(min-width:1024px) and (max-width:1439px){
  .redesign-hero{display:grid;min-height:calc(100svh - 88px);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(min-content,1fr) auto;gap:0;}
  .redesign-hero-inner{min-height:0;}
  .redesign-hero::after{background:linear-gradient(90deg,rgba(32,34,38,.98) 0%,rgba(32,34,38,.94) 42%,rgba(32,34,38,.78) 58%,rgba(32,34,38,.3) 78%,rgba(32,34,38,.08) 100%);}
  .redesign-hero-copy{width:min(100%,44rem);max-width:none;padding:62px 0 58px;}
  .redesign-hero h1{max-width:100%;font-size:clamp(3.5rem,calc(3.85vw + 1rem),var(--service-type-h1));line-height:1.1;}
  .redesign-hero-body{max-width:min(100%,36rem);font-size:var(--service-type-body);line-height:1.7;}
  .redesign-social-proof{flex:0 0 auto;padding-bottom:0;}
  .redesign-proof-trusted{grid-template-columns:190px minmax(0,1fr);gap:25px;}
  .redesign-proof-wordmarks{gap:10px;}
  .redesign-problem-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:42px;}
}

/* The flexible first hero row owns vertical alignment; the ticker remains an
   intrinsic second grid row beneath it. */
@media(min-width:1024px){
  .redesign-lead-modal-success-steps{grid-template-columns:repeat(3,minmax(0,1fr));}
  .redesign-lead-modal-success .redesign-lead-modal-success-steps{padding-block:22px;}
  .redesign-lead-modal-success .redesign-lead-modal-success-steps p{max-width:18ch;}
  .redesign-lead-modal-success .redesign-lead-modal-success-steps li+li{border-top:0;border-left:1px solid rgba(185,203,235,.18);padding-top:0;margin-top:0;}
  .redesign-hero-inner{
    align-items:center;
  }

  .redesign-hero-copy{
    align-self:center;
    margin:0;
    padding:0;
    transform:none;
  }
}

@media(min-width:1024px) and (max-height:800px){
  .redesign-hero h1{font-size:clamp(3.5rem,4vw,4rem);}
  .redesign-hero-body{margin-top:16px;line-height:1.55;}
  .redesign-hero-actions{margin-top:14px;}
  .redesign-hero-actions p{margin-top:6px;}
  .redesign-proof-trusted{padding:16px 0 18px;}
}

@media(min-width:768px) and (max-width:1023px){
  .redesign-hero-inner{min-height:0;align-items:center;}
  .redesign-hero-media{inset:0;height:auto;background-position:var(--service-hero-position);background-size:cover;}
  .redesign-hero::after{background:linear-gradient(90deg,rgba(32,34,38,.99) 0%,rgba(32,34,38,.97) 46%,rgba(32,34,38,.84) 64%,rgba(32,34,38,.4) 84%,rgba(32,34,38,.1) 100%);}
  .redesign-hero-copy{width:min(72%,38rem);min-width:0;max-width:none;padding:0;}
  .redesign-hero h1{max-width:100%;font-size:clamp(3rem,5.1vw,3.5rem);line-height:1.1;}
  .redesign-hero-body{width:100%;max-width:34rem;font-size:var(--service-type-body);line-height:1.7;}
  .redesign-hero-actions{margin-top:clamp(1.35rem,2.5vw,1.8rem);}
  .redesign-social-proof{padding-bottom:0;}
  .redesign-proof-trusted{grid-template-columns:1fr;gap:24px;padding:32px 0 38px;}
  .redesign-proof-wordmarks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;}
  .redesign-proof-wordmarks span,.redesign-proof-wordmarks span:nth-child(4){font-size:14px;}


  .redesign-attention-layout{grid-template-columns:1fr;padding:84px 0;}
  .redesign-attention-visual{display:none;}
  .redesign-attention-mobile-visual{display:block;max-width:820px;margin-top:34px;}
  .redesign-attention-mobile-visual img{max-height:470px;object-fit:cover;object-position:center;}
  .redesign-attention-body{max-width:690px;}

  .redesign-outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 0;}
  .redesign-outcomes article{padding:30px;}
  .redesign-outcomes article:nth-child(3){border-left:0;}
  .redesign-outcomes article:nth-child(n+3){border-top:1px solid rgba(217,226,242,.17);}

  .redesign-problem-layout{grid-template-columns:1fr;gap:54px;padding:84px 0;}

  .redesign-diagnosis{padding:82px 0;background-position:64% center;background-size:cover;}
  .redesign-diagnosis::before{background:linear-gradient(90deg,rgba(22,25,30,.94) 0%,rgba(22,25,30,.84) 60%,rgba(22,25,30,.42) 100%);}
  .redesign-diagnosis-inner{padding:0;}
  .redesign-diagnosis-heading{max-width:760px;}
  .redesign-diagnosis-copy{width:72%;max-width:650px;}

  .redesign-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .redesign-results-grid article{padding:34px 30px;}
  .redesign-results-grid article:nth-child(3){grid-column:1/-1;border-top:1px solid rgba(209,220,241,.2);border-left:0;}
  .redesign-results-grid article:nth-child(3)>p:last-child{max-width:45ch;}

  .redesign-lead-layout{grid-template-columns:84px minmax(0,1fr);gap:30px;padding:84px 0;}
  .redesign-lead-action{grid-column:1/-1;padding:28px 0 0;border-top:1px solid rgba(207,218,241,.22);border-left:0;}
  .redesign-lead-action .redesign-primary-cta{width:max-content;}
}

@media(min-width:768px) and (max-width:1080px){
  /* Retain the existing non-hero tablet composition through this range. */
  .redesign-hero{min-height:calc(100svh - 62px);}
  .redesign-diagnosis-heading,.redesign-diagnosis-copy{width:100%;max-width:none;}
  .redesign-lead-layout{grid-template-columns:1fr;justify-items:center;gap:28px;text-align:center;}
  .redesign-lead-copy{display:flex;flex-direction:column;align-items:center;}
  .redesign-lead-copy>p:not(.redesign-eyebrow){margin-right:auto;margin-left:auto;}
  .redesign-lead-action{grid-column:auto;display:flex;width:100%;flex-direction:column;align-items:center;padding:30px 0 0;border-top:1px solid rgba(207,218,241,.22);border-left:0;}
  .redesign-lead-action .redesign-primary-cta{width:max-content;}
  .redesign-lead-action p{width:auto;text-align:center;}
}

@media(max-width:767px){
  .redesign-shell{width:min(calc(100% - 40px),620px);}
  .redesign-hero:not(.service-hero--mobile-stacked) .redesign-hero-media{display:none;}
  .redesign-hero:not(.service-hero--mobile-stacked)::after{display:none;}
  .redesign-hero-inner{width:100%;min-height:0;max-width:none;margin:0;padding:0 20px;align-items:center;}
  .redesign-hero:not(.service-hero--mobile-stacked) .redesign-hero-inner{background:linear-gradient(90deg,rgba(32,34,38,.98) 0%,rgba(32,34,38,.93) 68%,rgba(32,34,38,.72) 100%),var(--service-hero-image,url("/assets/images/website-redesigns/ctg-website-redesigns.png")) var(--service-hero-position,68% center) / cover no-repeat;}
  .redesign-hero-copy{width:100%;min-width:0;max-width:600px;padding:84px 0 42px;}
  .redesign-hero h1{max-width:18ch;font-size:clamp(32px,8.4vw,36px);line-height:1.05;}
  .redesign-hero-body{width:100%;max-width:36rem;margin-top:24px;font-size:16px;line-height:1.55;}
  .redesign-hero-actions{margin-top:26px;}
  .redesign-hero-actions .redesign-primary-cta{width:100%;min-height:54px;}
  .redesign-hero-actions p{text-align:center;}
  .redesign-social-proof{padding-bottom:0;}
  .redesign-proof-trusted{grid-template-columns:1fr;gap:18px;padding:20px 0 24px;}
  .redesign-proof-trusted p{text-align:center;}
  .redesign-proof-trusted p br{display:none;}
  .redesign-proof-wordmarks{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px;}
  .redesign-proof-wordmarks span,.redesign-proof-wordmarks span:nth-child(4){min-height:46px;font-size:12px;}
  .redesign-proof-icon{width:22px;height:22px;margin-bottom:4px;}
  .redesign-proof-more{height:20px;margin-bottom:4px;font-size:14px;line-height:13px;}


  .redesign-attention,.redesign-problem,.redesign-diagnosis,.redesign-results,.redesign-lead{padding-right:20px;padding-left:20px;}
  .redesign-attention .redesign-shell,.redesign-problem .redesign-shell,.redesign-diagnosis .redesign-shell,.redesign-results .redesign-shell,.redesign-lead .redesign-shell{width:100%;}

  .redesign-attention-layout{grid-template-columns:1fr;padding:48px 0;}
  .redesign-attention-visual{display:none;}
  .redesign-attention-mobile-visual{display:block;margin-top:28px;}
  .redesign-attention-mobile-visual img{max-height:360px;object-fit:cover;object-position:center;}
  .redesign-attention-body{margin-top:28px;font-size:16px;}

  .redesign-outcomes{display:block;}
  .redesign-outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 0;}
  .redesign-outcomes article{padding:27px 18px;}
  .redesign-outcomes article:nth-child(3){border-left:0;}
  .redesign-outcomes article:nth-child(n+3){border-top:1px solid rgba(217,226,242,.17);}
  .redesign-outcomes p{font-size:14px;}

  .redesign-problem-layout{grid-template-columns:1fr;gap:44px;padding:48px 0;}
  .redesign-problem h2{font-size:clamp(39px,10.5vw,50px);line-height:1.02;}
  .redesign-problem-grid{grid-template-columns:1fr;gap:0;margin-top:34px;}
  .redesign-problem-grid article{display:grid;grid-template-columns:70px minmax(0,1fr);min-height:0;padding:18px 0;border:0;border-top:1px solid rgba(201,214,239,.2);border-radius:0;background:transparent;text-align:left;align-items:center;}
  .redesign-problem-grid article:last-child{border-bottom:1px solid rgba(201,214,239,.2);}
  .redesign-problem-grid img{width:56px;height:56px;margin:0;}

  .redesign-diagnosis{padding:48px 20px;background-position:62% center;background-size:cover;}
  .redesign-diagnosis::before{background:linear-gradient(90deg,rgba(32,34,38,.96) 0%,rgba(32,34,38,.88) 70%,rgba(32,34,38,.67) 100%);}
  .redesign-diagnosis .redesign-shell{width:100%;}
  .redesign-diagnosis-inner{padding:0;}
  .redesign-diagnosis-heading{max-width:100%;}
  .redesign-diagnosis-copy{width:100%;max-width:100%;}
  .redesign-diagnosis-grid{grid-template-columns:1fr;}
  .redesign-diagnosis-grid article+article{padding-top:18px;border-top:1px solid rgba(202,213,231,.3);}
  .redesign-diagnosis-close{max-width:11ch;}

  .redesign-results-inner{padding:48px 0;}
  .redesign-results-grid{grid-template-columns:1fr;margin-top:42px;}
  .redesign-results-grid article{padding:31px 0;}
  .redesign-results-grid article+article,.redesign-results-grid article:nth-child(3){grid-column:auto;border-top:1px solid rgba(209,220,241,.2);border-left:0;}
  .redesign-results-grid article>p:last-child:not(.redesign-result-callout),.redesign-results-grid article:nth-child(3)>p:last-child{max-width:38ch;}

  .redesign-lead-layout{grid-template-columns:1fr;gap:28px;padding:48px 0;}
  .redesign-lead-marker{width:72px;height:72px;font-size:37px;}
  .redesign-lead h2{font-size:clamp(38px,10vw,49px);line-height:1;}
  .redesign-lead-action{grid-column:auto;padding:26px 0 0;border-top:1px solid rgba(207,218,241,.22);border-left:0;}
  .redesign-lead-action .redesign-primary-cta{width:100%;min-height:54px;}
}

@media(max-width:479px){
  .redesign-hero-inner{min-height:0;}
  .redesign-hero-copy{padding:80px 0 40px;}
  .redesign-hero h1{font-size:clamp(31px,8.5vw,35px);}
  .redesign-outcomes-grid{grid-template-columns:1fr;}
  .redesign-outcomes article,.redesign-outcomes article:nth-child(3){border-left:0;}
  .redesign-outcomes article+article{border-top:1px solid rgba(217,226,242,.17);}
}

/* Surgical responsive corrections for the Website Redesigns page. */
.redesign-social-proof{border-top:1px solid var(--redesign-line);background:#25282d;}
.redesign-proof-wordmarks .redesign-proof-more{min-height:0;}
.redesign-diagnosis-visual{display:none;}

@media(min-width:768px) and (max-width:1023px){
  .redesign-attention-mobile-visual{width:100%;max-width:820px;overflow:visible;}
  .redesign-attention-mobile-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;}

  .redesign-diagnosis{padding:72px 0 0;background:#202226;}
  .redesign-diagnosis::before{display:none;}
  .redesign-diagnosis-inner{padding:0;}
  .redesign-diagnosis-heading,.redesign-diagnosis-copy{width:100%;max-width:none;}
  .redesign-diagnosis-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .redesign-diagnosis-close{margin-top:22px;}
  .redesign-diagnosis-visual{display:block;width:100%;margin-top:32px;overflow:hidden;}
  .redesign-diagnosis-visual img{display:block;width:100%;height:auto;}

  .redesign-lead-layout{grid-template-columns:1fr;justify-items:center;gap:28px;max-width:820px;padding:76px 0;text-align:center;}
  .redesign-lead-copy{display:flex;flex-direction:column;align-items:center;}
  .redesign-lead-copy>p:not(.redesign-eyebrow){margin-right:auto;margin-left:auto;}
  .redesign-lead-action{grid-column:auto;width:100%;padding:26px 0 0;border-top:1px solid rgba(207,218,241,.22);border-left:0;text-align:center;}
  .redesign-lead-action .redesign-primary-cta{width:max-content;margin-inline:auto;}
}

@media(max-width:767px){
  .redesign-hero-copy{padding-top:28px;}
  .redesign-attention-mobile-visual{overflow:visible;}
  .redesign-attention-mobile-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;}

  .redesign-diagnosis{padding:48px 20px 0;background:#202226;}
  .redesign-diagnosis::before{display:none;}
  .redesign-diagnosis-visual{display:block;width:100%;margin-top:28px;overflow:hidden;}
  .redesign-diagnosis-visual img{display:block;width:100%;height:auto;}

  .redesign-lead-layout{justify-items:center;text-align:center;}
  .redesign-lead-copy{display:flex;flex-direction:column;align-items:center;}
  .redesign-lead-copy>p:not(.redesign-eyebrow){margin-right:auto;margin-left:auto;}
  .redesign-lead-action{width:100%;text-align:center;}
  .redesign-lead-action .redesign-primary-cta{margin-inline:auto;}
}

@media(max-width:479px){
  .redesign-hero-copy{padding-top:28px;}
}

@media(min-width:768px) and (max-width:1024px){
  .redesign-attention .redesign-shell,.redesign-outcomes .redesign-shell{width:86%;max-width:none;}
  .redesign-attention-layout{grid-template-columns:1fr;padding:44px 0 54px;}
  .redesign-attention-visual{display:none;}
  .redesign-attention-mobile-visual{display:none;}
  .redesign-attention-copy h2{max-width:none;margin-top:28px;font-size:clamp(52px,7vw,72px);line-height:.94;}
  .redesign-attention-subhead{max-width:none;margin-top:30px;font-size:clamp(38px,5vw,52px);line-height:.98;}
  .redesign-attention-body{max-width:700px;margin-top:30px;font-size:20px;line-height:1.55;}
  .redesign-attention-body p:first-child,.redesign-attention-body p:nth-child(2){display:inline;}
  .redesign-attention-body p:nth-child(2)::before{content:" ";}
  .redesign-attention-body p:nth-child(3){margin-top:22px;}
  .redesign-attention-copy .redesign-primary-cta{width:min(100%,50vw);margin-top:30px;}
  .redesign-attention-support{max-width:36ch;margin-top:18px;font-size:17px;}
  .redesign-outcomes-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:72px;row-gap:64px;padding:64px 0 70px;align-items:start;}
  .redesign-outcomes article,.redesign-outcomes article+article,.redesign-outcomes article:nth-child(3),.redesign-outcomes article:nth-child(n+3){padding:0;border:0;text-align:left;}
  .redesign-outcomes h3{font-size:14px;letter-spacing:.2em;}
  .redesign-outcomes p{max-width:31ch;margin:20px 0 0;font-size:18px;line-height:1.55;text-align:left;}

  .redesign-results{position:relative;overflow:hidden;background:#202226;}
  .redesign-results::before{position:absolute;top:0;right:0;z-index:0;width:min(56vw,480px);aspect-ratio:1087/1446;content:"";background:url("/assets/images/website-redesigns/ctg-results-tablet.webp") right top/100% 100% no-repeat;-webkit-mask-image:radial-gradient(ellipse 88% 76% at 72% 36%,#000 36%,rgba(0,0,0,.9) 55%,rgba(0,0,0,.45) 74%,transparent 100%);mask-image:radial-gradient(ellipse 88% 76% at 72% 36%,#000 36%,rgba(0,0,0,.9) 55%,rgba(0,0,0,.45) 74%,transparent 100%);}
  .redesign-results-inner{position:relative;z-index:1;}
  .redesign-results-inner{padding:76px 0;}
  .redesign-results-intro{max-width:none;min-height:360px;}
  .redesign-results-intro h2{width:min(84vw,640px);max-width:none;}
  .redesign-results-intro>p:last-child{max-width:34ch;}
  .redesign-results-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0;}
  .redesign-results-grid article,.redesign-results-grid article:nth-child(3){grid-column:auto;padding:34px 18px 38px;border-top:0;border-left:1px solid rgba(209,220,241,.2);}
  .redesign-results-grid article:first-child{border-left:0;}
  .redesign-results-grid article>p:last-child:not(.redesign-result-callout),.redesign-results-grid article:nth-child(3)>p:last-child{max-width:none;font-size:17px;}
  .redesign-results-close{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:43px;padding-top:0;align-items:start;}
  .redesign-results-close p:not(.redesign-results-close__statement){padding-left:32px;border-left:1px solid rgba(209,220,241,.2);}
  .redesign-results-disclaimer{max-width:none;}

  /* Keep the Approach reading order intact on both iPad widths. */
  .redesign-diagnosis{padding:72px 0 0;background:#202226;}
  .redesign-diagnosis::before{display:none;}
  .redesign-diagnosis-inner{padding:0;}
  .redesign-diagnosis-heading,.redesign-diagnosis-copy{width:100%;max-width:none;}
  .redesign-diagnosis-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .redesign-diagnosis-close{margin-top:22px;}
  .redesign-diagnosis-visual{display:block;width:100vw;height:calc(56.28vw - 70px);margin-top:28px;margin-left:calc(50% - 50vw);overflow:hidden;}
  .redesign-diagnosis-visual img{display:block;width:100%;height:auto;transform:translateY(-70px);}

  .redesign-problem-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:0;}
  .redesign-problem-main{display:contents;}
  .redesign-problem h2,.redesign-problem-intro,.redesign-problem-grid{grid-column:1/-1;}
  .redesign-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;}
  .redesign-problem-grid article{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:136px;padding:20px 18px;align-items:center;text-align:left;}
  .redesign-problem-grid img{width:76px;height:76px;margin:0;}
  .redesign-problem-grid p{font-size:17px;}
  .redesign-problem-close{order:2;grid-column:1/-1;margin-top:0;padding-top:0;}
}

@media(max-width:767px){
  .redesign-diagnosis-visual{width:100vw;margin-left:calc(50% - 50vw);}
}

/* Keep the diagnostic CTA as one centered, responsive conversion block. */
.redesign-page .service-diagnostic-cta-button{width:min(100%,408px);}
.redesign-page .service-diagnostic-cta p{max-width:620px;margin:34px 0 0;font-size:17px;line-height:1.55;text-align:center;}

/* Keep result values distinct while retaining centered mobile metric cards. */
.redesign-result-number{color:#b8c9ff;}
@media(max-width:767px){
  .redesign-results-grid article{text-align:center;}
  .redesign-results-grid article>p:last-child:not(.redesign-result-callout),.redesign-results-grid article:nth-child(3)>p:last-child{margin-left:auto;margin-right:auto;}
  .redesign-hero-actions .redesign-primary-cta,
  .redesign-attention-copy .redesign-primary-cta,
  .redesign-lead-action .redesign-primary-cta,
  .redesign-page .service-diagnostic-cta-button{display:flex;width:max-content;max-width:100%;margin-inline:auto;align-self:center;}
  .redesign-hero-actions{align-items:center;}
  .redesign-page .service-diagnostic-cta p{text-align:center;}
  .redesign-page .service-diagnostic-cta p br{display:none;}
  .redesign-page .ctg-cta{font-size:17px;}
  .redesign-page main>section:where(:not(.service-faq)){padding-right:30px;padding-left:30px;}
  .redesign-page main>section>.redesign-shell{width:100%;}
}

/* Use one mobile scale for the page's primary section headlines. */
@media(max-width:767px){
  .redesign-page .redesign-hero h1,
  .redesign-page .service-diagnostic-intro h2,
  .redesign-page .redesign-attention-copy h2,
  .redesign-page .redesign-problem h2,
  .redesign-page .redesign-diagnosis h2,
  .redesign-page .redesign-results h2,
  .redesign-page .redesign-lead h2{font-size:43px;}
}

/* Let the flexible hero row center the mobile copy without spacer padding. */
@media(max-width:767px){
  .redesign-page .redesign-hero-copy{padding-top:1rem;padding-bottom:1rem;}
  .redesign-page .redesign-hero h1{font-size:clamp(43px,12vw,59px);line-height:.94;}
  .redesign-page main>.redesign-hero{padding-right:0;padding-left:0;}
  .redesign-page .redesign-hero-inner{padding-right:30px;padding-left:30px;}
}

/* Normalize mobile reading copy without affecting labels, captions, or CTAs. */
@media(max-width:767px){
  .redesign-page .redesign-hero-body,
  .redesign-page .service-diagnostic-intro>p:last-child,
  .redesign-page .redesign-attention-body,
  .redesign-page .redesign-outcomes p,
  .redesign-page .redesign-problem-intro,
  .redesign-page .redesign-problem-grid p,
  .redesign-page .redesign-problem-close>p,
  .redesign-page .redesign-diagnosis-intro,
  .redesign-page .redesign-diagnosis-grid p,
  .redesign-page .redesign-results-intro>p:last-child,
  .redesign-page .redesign-results-grid article>p:last-child:not(.redesign-result-callout),
  .redesign-page .redesign-results-close p:not(.redesign-results-close__statement),
  .redesign-page .redesign-lead-copy>p:not(.redesign-eyebrow){font-size:17px;}
}

/* Keep mobile interface text readable; only the results disclaimer is small print. */
@media(max-width:767px){
  .redesign-page .redesign-eyebrow,
  .redesign-page .redesign-diagnosis .redesign-eyebrow,
  .redesign-page .redesign-hero-actions p,
  .redesign-page .redesign-attention-support,
  .redesign-page .redesign-outcomes h3,
  .redesign-page .redesign-problem-close>span,
  .redesign-page .redesign-proof-metrics span,
  .redesign-page .redesign-proof-trusted p,
  .redesign-page .redesign-proof-wordmarks span,
  .redesign-page .redesign-proof-wordmarks small,
  .redesign-page .redesign-proof-more,
  .redesign-page .redesign-results-grid h3,
  .redesign-page .redesign-footer,
  .redesign-page .redesign-lead-action p{font-size:14px;}
.redesign-page .redesign-results-disclaimer{font-size:10px;}
}

.redesign-mobile-break{display:none;}

/* A CTA and its adjacent copy share one 30px mobile rhythm. */
@media(max-width:767px){
  .redesign-mobile-break{display:initial;}
  .redesign-page .redesign-hero-actions{margin-top:30px;}
  .redesign-page .redesign-hero-actions p{margin-top:30px;}

  .redesign-page .redesign-attention-copy .redesign-primary-cta{margin-top:30px;}
  .redesign-page .redesign-attention-support{margin-top:30px;}

  .redesign-page .service-diagnostic-cta{margin-top:30px;padding-top:0;}
  .redesign-page .service-diagnostic-cta p{margin-top:30px;}

  .redesign-page .redesign-lead-layout{gap:0;}
  .redesign-page .redesign-lead-action{padding-top:30px;border-top:0;}
  .redesign-page .redesign-lead-action p{margin-top:30px;}
}

/* Shared service typography: Section One is the canonical font system.
   Display roles use Instrument Sans; supporting copy and labels continue
   to inherit Manrope from .redesign-page. */
.redesign-proof-wordmarks span{
  font-family:var(--service-font-body);
}

/* Presentation-only Website Redesigns consultation modal. */
.redesign-lead-modal[hidden]{display:none;}
.redesign-lead-modal{
  position:fixed;
  z-index:1000;
  inset:0;
  display:grid;
  place-items:center;
  overflow:auto;
  overscroll-behavior:contain;
  padding:clamp(32px,6vw,96px);
  background:#26272a;
}
.redesign-lead-modal-panel{
  position:relative;
  width:min(100%,780px);
  padding:38px 48px 34px;
  overflow:hidden;
  border-width:1px;
  border-style:solid;
  border-radius:8px;
}
.redesign-lead-modal-panel:not(:has(.ctg-public-form-visual)){
  border-color:rgba(235,236,238,.22);
  background:
    radial-gradient(78% 74% at 50% 9%,rgba(255,255,255,.055),transparent 70%),
    linear-gradient(140deg,#17191d 0%,#232529 53%,#17191d 100%);
  box-shadow:0 28px 76px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);
}
.redesign-lead-modal-close{
  position:absolute;
  top:17px;
  right:19px;
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#f4f5f7;
  font:300 40px/.85 Arial,sans-serif;
  cursor:pointer;
}
.redesign-lead-modal-close:hover,.redesign-lead-modal-close:focus-visible{background:rgba(255,255,255,.1);outline:1px solid rgba(255,255,255,.5);outline-offset:2px;}
.redesign-lead-modal-logo{display:block;width:88px;max-width:62%;height:auto;margin:0 auto 24px;}
.redesign-lead-modal-intro{text-align:center;}
.redesign-lead-modal-intro .redesign-eyebrow{margin-bottom:10px;color:#d4d5d8;}
.redesign-lead-modal-intro h2{margin:0 auto;color:#f7f7f4;font-family:var(--service-font-heading);font-size:30px;font-weight:520;letter-spacing:-.06em;line-height:.98;}
.redesign-lead-modal-intro h2 span{color:#d9dadc;}
.redesign-lead-modal-intro>p:last-child{max-inline-size:var(--ctg-public-measure-lede);text-wrap:pretty;margin:14px 0 0;color:#c9cacf;font-size:16px;line-height:1.5;}
.redesign-lead-modal-form{--ctg-form-control-font:"Manrope",sans-serif;--ctg-form-label-inline:16px;--ctg-form-label-float-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px;}
.redesign-lead-modal-field{display:block;min-width:0;}
.redesign-lead-modal-field:has([name="full_name"]){grid-column:1 / -1;}
.redesign-lead-modal-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.redesign-lead-modal-form [data-public-form-status]{grid-column:1 / -1;margin:0;}
.redesign-lead-modal-success{padding-block:10px 8px;text-align:center;animation:redesign-confirmation-in 160ms ease-out;}
.redesign-lead-modal-success-cue{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 auto 20px;color:#a6c4ff;}
.redesign-lead-modal-success-cue::before,.redesign-lead-modal-success-cue::after{content:"";width:clamp(40px,8vw,80px);height:1px;background:rgba(166,196,255,.2);}
.redesign-lead-modal-success-cue>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #a6c4ff;border-radius:50%;font:400 28px/1 sans-serif;box-shadow:0 0 16px rgba(166,196,255,.05);}
.redesign-lead-modal-success-cue svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;}
.redesign-lead-modal-success>.redesign-eyebrow{margin:0 0 16px;color:#b8c6ff;font-size:11px;font-weight:650;letter-spacing:.18em;}
.redesign-lead-modal-success h2{margin:0;font-family:var(--service-font-heading);font-size:clamp(32px,4vw,44px);font-weight:520;letter-spacing:-.045em;line-height:1.1;color:#f7f7f4;text-wrap:balance;}
.redesign-lead-modal-success #redesign-lead-modal-title:focus{outline:none;}
.redesign-lead-modal-success-copy{max-width:390px;margin:18px auto 0;color:#c9cacf;font-size:16px;line-height:1.6;text-wrap:pretty;}
.redesign-lead-modal-success-steps{display:grid;gap:0;margin:28px 0 0;padding:18px 12px;border:1px solid rgba(185,203,235,.18);border-radius:12px;background:rgba(185,203,235,.025);list-style:none;text-align:center;}
.redesign-lead-modal-success-steps li{min-width:0;padding-inline:16px;}
.redesign-lead-modal-success-steps li+li{border-top:1px solid rgba(185,203,235,.14);padding-top:12px;margin-top:12px;}
.redesign-lead-modal-success-steps h3{margin:0 0 10px;color:#e7e9ee;font-size:16px;font-weight:600;line-height:1.4;}
.redesign-lead-modal-success-steps p{max-width:28ch;margin:0 auto;color:#b8bac2;font-size:14px;line-height:1.55;text-wrap:pretty;}
.redesign-lead-modal-success-reassurance{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:28px 0 0;color:#aeb3bd;font-size:12px;line-height:1.5;}
.redesign-lead-modal-success-reassurance>span+span{border-left:1px solid rgba(185,203,235,.18);padding-left:24px;}
.redesign-lead-modal-success-reassurance i{color:#a6c4ff;font-style:normal;margin-right:5px;}
@keyframes redesign-confirmation-in{from{opacity:0;}to{opacity:1;}}
.redesign-lead-modal-field input,.redesign-lead-modal-field select{
  width:100%;
  min-height:54px;
  padding:14px 16px 0;
  border-radius:5px;
  font:400 16px/1.2 "Manrope",sans-serif;
}
.redesign-lead-modal-field select{padding-right:44px;cursor:pointer;}
.redesign-lead-modal-submit{grid-column:1 / -1;width:100%;min-height:56px;margin-top:20px;justify-content:center;}
.redesign-lead-modal-disclaimer{display:block;margin:16px 0 0;color:#b3b4b8;font-size:12px;line-height:1.5;text-align:center;}
.redesign-lead-modal-disclaimer a{color:#e0e1e3;text-underline-offset:3px;}
.redesign-lead-modal-trusted{margin-top:36px;}
.redesign-lead-modal-trusted>p{display:flex;align-items:center;gap:18px;margin:0 0 16px;color:#dedfe1;font-size:11px;font-weight:750;letter-spacing:.2em;line-height:1.2;text-align:center;text-transform:uppercase;white-space:nowrap;}
.redesign-lead-modal-trusted>p::before,.redesign-lead-modal-trusted>p::after{flex:1;height:1px;content:"";background:rgba(255,255,255,.2);}
.redesign-lead-modal-ticker{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.redesign-lead-modal-ticker-track{display:flex;width:max-content;animation:redesign-lead-ticker 60s linear infinite;}
.redesign-lead-modal-ticker-group{display:flex;flex:none;align-items:center;margin:0;padding:0;list-style:none;}
.redesign-lead-modal-ticker-group li{display:flex;align-items:center;gap:24px;padding:0 20px;color:#cfd0d3;font-size:14px;line-height:1.3;white-space:nowrap;}
.redesign-lead-modal-ticker-group li::after{width:4px;height:4px;content:"";border-radius:50%;background:#d9dadc;}
@keyframes redesign-lead-ticker{to{transform:translateX(-50%);}}
@media(prefers-reduced-motion:reduce){.redesign-lead-modal-ticker-track,.redesign-lead-modal-success{animation:none;}}
@media(max-width:767px){
  .redesign-lead-modal{align-items:start;padding:24px;}
  .redesign-lead-modal-panel{padding:30px 20px 28px;}
  .redesign-lead-modal-close{top:10px;right:10px;width:36px;height:36px;font-size:34px;}
  .redesign-lead-modal-logo{width:76px;margin-bottom:22px;}
  .redesign-lead-modal-intro h2{font-size:clamp(29px,8.1vw,36px);}
  .redesign-lead-modal-intro>p:last-child{margin-top:12px;font-size:16px;}
  .redesign-lead-modal-form{grid-template-columns:1fr;gap:14px;margin-top:30px;}
  .redesign-lead-modal-field input,.redesign-lead-modal-field select{min-height:50px;font-size:16px;}
  .redesign-lead-modal-submit{min-height:54px;margin-top:16px;}
  .redesign-lead-modal-trusted{margin-top:30px;}
  .redesign-lead-modal-trusted>p{gap:13px;margin-bottom:16px;font-size:10px;letter-spacing:.16em;white-space:normal;}
  .redesign-lead-modal-ticker-group li{padding:0 15px;font-size:14px;}
}

/* Component exceptions that intentionally differ from the shared service type roles. */
.redesign-page main .redesign-results-grid h3,
.redesign-page main .redesign-outcomes h3{
  font-size:var(--service-type-eyebrow);
  line-height:1.4;
}
.redesign-results-disclaimer{font-size:10px;line-height:1.5;}

.redesign-page main .redesign-result-callout{
  margin:0;
  color:var(--service-eyebrow-primary);
  font-family:var(--service-font-heading);
  font-size:var(--service-type-callout);
  font-weight:600;
  letter-spacing:-.07em;
  line-height:.9;
}
.redesign-page main small.redesign-cta-support{
  display:block;
  font-size:14px;
  line-height:1.4;
}
.redesign-page .redesign-hero-actions .redesign-cta-support{max-width:420px;margin:17px 0 0;color:#b4bdca;}
.redesign-page .service-diagnostic-cta .redesign-cta-support{max-width:620px;margin:30px 0 0;color:#c3c8d1;text-align:center;}
.redesign-page .redesign-attention-support{margin:18px 0 0;color:#b4bdca;}
.redesign-page .redesign-lead-action .redesign-cta-support{margin:18px 0 0;color:#b7c0ce;text-align:center;}
.redesign-page .redesign-eyebrow-secondary{
  color:var(--service-eyebrow-secondary);
  font-size:var(--service-type-eyebrow);
  font-weight:700;
  letter-spacing:.13em;
  line-height:1.7;
}
.redesign-page .redesign-proof-wordmarks>span{font-size:13px;}

/* Shared service approach section: intentionally image-neutral until the
   approved service artwork is supplied. */
.service-solution{background:var(--service-bg-light);color:var(--service-body-light);}
.service-solution-quote{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);min-height:clamp(300px,23vw,350px);}
.service-solution-quote-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,3.5vw,56px) clamp(32px,5vw,80px) clamp(36px,3.5vw,56px) max(32px,calc((100vw - 1280px) / 2));}
.service-solution-quote.has-artwork{position:relative;display:block;height:clamp(374.3px,29.07vw,429.4px);min-height:clamp(374.3px,29.07vw,429.4px);isolation:isolate;background:var(--service-bg-light);}
.service-solution-quote.has-artwork .service-solution-quote-copy{position:relative;z-index:2;width:46%;min-height:100%;}
.service-solution-quote.has-artwork .service-solution-artwork{position:absolute;inset:0 0 0 auto;z-index:1;width:73%;min-height:0;}
.service-solution-eyebrow,.service-solution-label{margin:0;color:var(--service-eyebrow-tertiary);font-size:var(--service-type-eyebrow);font-weight:750;letter-spacing:.16em;text-transform:uppercase;}
.service-solution-eyebrow::after{display:inline-block;width:62px;height:1px;margin-left:18px;vertical-align:middle;content:"";background:rgba(37,39,44,.38);}
.service-solution-quote-copy h2{max-width:12ch;margin:30px 0 0;color:var(--service-heading-light);font-family:var(--service-font-heading);font-size:var(--service-type-h2);font-weight:520;letter-spacing:-.055em;line-height:1.1;text-wrap:balance;}
.service-solution-artwork{position:relative;display:grid;min-height:100%;place-items:center;overflow:hidden;background:linear-gradient(135deg,#30343a,#17191e);color:#d8dde6;isolation:isolate;}
.service-solution-artwork::before,.service-solution-artwork::after{position:absolute;content:"";pointer-events:none;}
.service-solution-artwork::before{width:68%;height:58%;border:1px solid rgba(236,240,248,.24);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.018));box-shadow:0 24px 64px rgba(0,0,0,.3);transform:rotate(-4deg);}
.service-solution-artwork::after{inset:0;background:radial-gradient(circle at 74% 28%,rgba(184,201,255,.2),transparent 28%),linear-gradient(90deg,rgba(10,12,15,.2),transparent);}
.service-solution-artwork span{position:relative;z-index:1;padding:11px 14px;border:1px solid rgba(236,240,248,.3);color:#dce1eb;font-family:var(--service-font-body);font-size:11px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;}
.service-solution-artwork.has-image::before,.service-solution-artwork.has-image::after{display:none;}
.service-solution-artwork img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.service-solution-quote.has-artwork .service-solution-artwork img{object-position:right center;transform:none;}
.service-solution-quote.has-artwork .service-solution-artwork.has-image::after{inset:0;z-index:1;display:block;background:linear-gradient(90deg,var(--service-bg-light) 0%,rgba(248,246,241,.97) 17%,rgba(248,246,241,.82) 34%,rgba(248,246,241,.36) 53%,transparent 70%);}
.service-solution-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:clamp(38px,3.5vw,52px) 0;}
.service-solution-columns article{min-width:0;padding:0 clamp(28px,4.1vw,66px);}
.service-solution-columns article:first-child{padding-left:0;}
.service-solution-columns article:last-child{padding-right:0;}
.service-solution-columns article+article{border-left:1px solid rgba(37,39,44,.2);}
.service-solution-label{margin-bottom:34px;}
.service-solution-columns article>p:last-child:not(.service-solution-summary){max-width:31ch;margin:0;color:var(--service-body-light);font-size:var(--service-type-body);line-height:1.7;}
.service-solution-columns ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;}
.service-solution-columns li{position:relative;padding-left:44px;color:#383c44;font-size:var(--service-type-body);line-height:1.45;}
.service-solution-columns li::before{position:absolute;top:.7em;left:0;width:21px;height:1px;content:"";background:#292c32;}
.service-solution-columns .service-solution-summary{max-width:18ch;margin:0;color:var(--service-heading-light);font-family:var(--service-font-heading);font-size:var(--service-type-h3);font-weight:600;letter-spacing:-.04em;line-height:1.3;}
.service-solution-cta{background:#25282d;color:#f4f5f7;}
.service-solution-cta-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:60px 0;text-align:center;}
.service-solution-cta .service-solution-eyebrow{color:#e0e4ec;}
.service-solution-cta .service-solution-eyebrow::after{display:none;}
.service-solution-cta-link{display:inline-flex;min-width:clamp(220px,25vw,375px);min-height:52px;align-items:center;justify-content:center;padding:12px 26px;border:1px solid rgba(234,238,247,.62);color:#f5f6f8;font-family:var(--service-font-body);font-size:12px;font-weight:700;letter-spacing:.22em;line-height:1.4;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,color .2s ease;}
.service-solution-cta-link:hover,.service-solution-cta-link:focus-visible{background:#f4f5f7;color:#1b1d21;outline:0;}
@media(min-width:1081px){
  .service-solution-quote.has-artwork .service-solution-quote-copy{display:grid;width:54%;grid-template-rows:auto minmax(0,1fr);justify-content:initial;}
  .service-solution-quote.has-artwork .service-solution-quote-copy h2{max-width:17ch;align-self:center;justify-self:start;margin-top:0;}
}
@media(max-width:767px){
  .service-solution-quote{grid-template-columns:1fr;}
  .service-solution-quote-copy{padding:76px max(32px,calc((100vw - 720px) / 2));}
  .service-solution-quote.has-artwork{display:grid;height:auto;min-height:0;grid-template-columns:1fr;}
  .service-solution-quote.has-artwork .service-solution-quote-copy{width:auto;min-height:0;padding:76px max(32px,calc((100vw - 720px) / 2));}
  .service-solution-quote.has-artwork .service-solution-artwork{position:relative;inset:auto;width:auto;min-height:285px;}
  .service-solution-quote.has-artwork .service-solution-artwork img{transform:none;}
  .service-solution-quote.has-artwork .service-solution-artwork.has-image::after{background:linear-gradient(180deg,#f8f6f1 0%,rgba(248,246,241,.65) 23%,transparent 56%);}
  .service-solution-artwork{min-height:285px;}
  .service-solution-columns{grid-template-columns:1fr;gap:0;width:min(calc(100% - 64px),720px);}
  .service-solution-columns article,.service-solution-columns article:first-child,.service-solution-columns article:last-child{padding:34px 0;}
  .service-solution-columns article+article{border-top:1px solid rgba(37,39,44,.2);border-left:0;}
  .service-solution-columns article>p:last-child:not(.service-solution-summary),.service-solution-columns .service-solution-summary{max-width:38ch;}
}
/* The shared light editorial section stays paired at tablet widths. The
   artwork begins beside the headline, rather than below a copy block whose
   height changes dramatically with each service's quote length. */
@media(min-width:768px) and (max-width:1080px){
  .service-solution-quote.has-artwork{display:block;height:clamp(500px,58vw,560px);min-height:0;}
  .service-solution-quote.has-artwork .service-solution-quote-copy{display:flex;width:56%;min-height:100%;padding:clamp(56px,7vw,76px) clamp(40px,5vw,64px) clamp(56px,7vw,76px) var(--service-gutter);}
  .service-solution-quote.has-artwork .service-solution-quote-copy h2{max-width:13ch;margin-top:24px;}
  .service-solution-quote.has-artwork .service-solution-artwork{position:absolute;inset:0 0 0 auto;width:68%;min-height:0;}
  .service-solution-quote.has-artwork .service-solution-artwork.has-image::after{inset:0;z-index:1;display:block;background:linear-gradient(90deg,var(--service-bg-light) 0%,rgba(248,246,241,.96) 18%,rgba(248,246,241,.72) 37%,rgba(248,246,241,.26) 57%,transparent 72%);}
  .service-solution-columns{grid-template-columns:repeat(3,minmax(0,1fr));width:min(calc(100% - (var(--service-gutter) * 2)),var(--service-shell));}
  .service-solution-columns article,.service-solution-columns article:first-child,.service-solution-columns article:last-child{padding:0 clamp(20px,3vw,34px);}
  .service-solution-columns article:first-child{padding-left:0;}
  .service-solution-columns article:last-child{padding-right:0;}
  .service-solution-columns article+article{border-top:0;border-left:1px solid rgba(37,39,44,.2);}
  .service-solution-columns article>p:last-child:not(.service-solution-summary),.service-solution-columns .service-solution-summary{max-width:none;}
}
@media(max-width:640px){
  .service-solution-quote-copy{padding:58px 30px;}
  .service-solution-quote.has-artwork .service-solution-quote-copy{padding:58px 30px;}
  .service-solution-eyebrow,.service-solution-label{letter-spacing:.16em;}
  .service-solution-eyebrow::after{width:44px;margin-left:13px;}
  .service-solution-quote-copy h2{margin-top:24px;font-size:var(--service-type-h2);}
  .service-solution-artwork{min-height:237.5px;}
  .service-solution-columns{width:calc(100% - 60px);padding:30px 0;}
  .service-solution-columns article,.service-solution-columns article:first-child,.service-solution-columns article:last-child{padding:30px 0;}
  .service-solution-label{margin-bottom:25px;}
  .service-solution-columns li{padding-left:34px;}
  .service-solution-columns li::before{width:17px;}
  .service-solution-quote.has-artwork,.service-solution-cta{width:calc(100% + 60px);margin-right:-30px;margin-left:-30px;}
  .service-solution-quote.has-artwork .service-solution-artwork{min-height:237.5px;}
  .service-solution-quote.has-artwork .service-solution-artwork img{object-position:right center;transform:scale(1.2);transform-origin:right center;}
  .service-solution-quote.has-artwork .service-solution-artwork.has-image::after{display:none;}
  .service-solution-cta-inner{width:100%;align-items:center;flex-direction:column;padding:60px 30px;text-align:center;}
  .service-solution-cta-link{width:100%;min-height:58px;}
}

.redesign-page .redesign-outcomes article{text-align:left;}
.redesign-page .redesign-outcomes p{
  margin:13px 0 0;
  line-height:1.4;
  text-align:left;
}

/* Optional AI-search signal architecture: three inputs converging on one outcome. */
.service-signal-architecture{border-top:1px solid rgba(209,220,241,.13);background:var(--service-bg-dark);color:var(--service-heading-dark);}
.service-signal-architecture-inner{padding:clamp(120px,10.4vw,150px) 0 clamp(126px,10.8vw,158px);}
.service-signal-architecture-intro{width:min(100%,1600px);min-width:0;}
.service-signal-architecture-intro .redesign-eyebrow{margin:0;color:var(--service-eyebrow-primary);}
.service-signal-architecture-intro h2{margin:22px 0 0;color:var(--service-heading-dark);font-size:var(--service-type-h2);font-weight:520;letter-spacing:-.06em;line-height:1.1;}
.service-signal-architecture-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(60px,5.5vw,84px) 0 0;padding:0;list-style:none;}
.service-signal-architecture-list li{display:grid;grid-template-rows:auto 1fr;min-width:0;padding:0 clamp(26px,3.4vw,54px);}
.service-signal-architecture-list li:first-child{padding-left:0;}
.service-signal-architecture-list li:last-child{padding-right:0;}
.service-signal-architecture-list li+li{border-left:1px solid rgba(209,220,241,.22);}
.service-signal-architecture-number{display:block;color:rgba(184,201,255,.13);font-family:var(--service-font-heading);font-size:clamp(52px,5.1vw,80px);font-weight:520;letter-spacing:-.08em;line-height:.8;}
.service-signal-architecture-content{min-width:0;margin-top:35px;}
.service-signal-architecture-content h3{margin:0;color:var(--service-eyebrow-primary);font-family:var(--service-font-body);font-size:var(--service-type-eyebrow);font-weight:750;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;}
.service-signal-architecture-content p{max-width:30ch;margin:18px 0 0;color:var(--service-body-dark);font-size:var(--service-type-body);line-height:1.7;}
.service-signal-architecture-outcomes{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:clamp(58px,6vw,88px);padding-top:28px;border-top:1px solid rgba(209,220,241,.22);}
.service-signal-architecture-outcomes span,.service-signal-architecture-outcomes p{margin:0;color:#d9def0;font-family:var(--service-font-body);font-size:12px;font-weight:750;letter-spacing:.16em;line-height:1.4;text-align:center;text-transform:uppercase;}
.service-signal-architecture-outcomes span+span::before{margin-right:13px;color:rgba(217,222,240,.45);content:"+";}
.service-signal-architecture-outcomes p{color:#b8c9ff;letter-spacing:.18em;}
@media(max-width:980px){
  .service-signal-architecture-inner{padding:104px 0 110px;}
  .service-signal-architecture-intro{width:100%;}
  .service-signal-architecture-list{margin-top:62px;}
  .service-signal-architecture-list li{padding-right:28px;padding-left:28px;}
  .service-signal-architecture-content{margin-top:28px;}
}
@media(max-width:767px){
  .service-signal-architecture-inner{padding:78px 0 82px;}
  .service-signal-architecture-intro{width:100%;}
  .service-signal-architecture-intro h2{margin-top:18px;font-size:var(--service-type-h2);line-height:1.1;}
  .service-signal-architecture-list{grid-template-columns:1fr;margin-top:46px;border-top:1px solid rgba(209,220,241,.22);}
  .service-signal-architecture-list li,.service-signal-architecture-list li:first-child,.service-signal-architecture-list li:last-child{grid-template-columns:64px minmax(0,1fr);grid-template-rows:none;column-gap:18px;padding:29px 0 31px;border-bottom:1px solid rgba(209,220,241,.22);border-left:0;}
  .service-signal-architecture-number{font-size:44px;}
  .service-signal-architecture-content{margin-top:0;padding-top:1px;}
  .service-signal-architecture-content p{max-width:34ch;margin-top:13px;}
  .service-signal-architecture-outcomes{flex-wrap:wrap;gap:9px;margin-top:40px;padding-top:22px;}
  .service-signal-architecture-outcomes span,.service-signal-architecture-outcomes p{font-size:10px;letter-spacing:.1em;}
  .service-signal-architecture-outcomes span+span::before{margin-right:9px;}
}

/* Optional editorial process composition for service pages. */
.service-editorial-steps{background:var(--service-bg-dark);color:var(--service-heading-dark);}
.service-editorial-steps-inner{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:clamp(64px,9vw,164px);align-items:start;min-height:620px;padding:clamp(96px,8vw,128px) 0 clamp(112px,10vw,160px);}
.service-editorial-steps-intro{min-width:0;}
.service-editorial-steps-intro .redesign-eyebrow{margin:0;color:var(--service-eyebrow-primary);}
.service-editorial-steps-intro h2{margin:22px 0 0;color:var(--service-heading-dark);font-size:var(--service-type-h2);font-weight:520;letter-spacing:-.06em;line-height:1.1;}
.service-editorial-steps-list{margin:0;padding:0;border-top:1px solid rgba(209,220,241,.22);list-style:none;}
.service-editorial-steps-list li{display:grid;grid-template-columns:clamp(74px,8vw,116px) minmax(0,1fr);column-gap:30px;min-width:0;padding:clamp(28px,2.8vw,42px) 0;border-bottom:1px solid rgba(209,220,241,.22);}
.service-editorial-steps-number{display:block;color:rgba(184,201,255,.16);font-family:var(--service-font-heading);font-size:clamp(54px,5.5vw,84px);font-weight:520;letter-spacing:-.075em;line-height:.82;}
.service-editorial-steps-content{min-width:0;padding-top:4px;}
.service-editorial-steps-content h3{margin:0;color:var(--service-eyebrow-primary);font-family:var(--service-font-body);font-size:var(--service-type-eyebrow);font-weight:750;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;}
.service-editorial-steps-content p{max-width:48ch;margin:18px 0 0;color:var(--service-body-dark);font-size:var(--service-type-body);line-height:1.7;}
@media(max-width:980px){
  .service-editorial-steps-inner{grid-template-columns:1fr;min-height:0;row-gap:62px;padding:84px 0 92px;}
}
@media(max-width:767px){
  .service-editorial-steps-inner{row-gap:48px;padding:72px 0;}
  .service-editorial-steps-intro h2{margin-top:18px;font-size:var(--service-type-h2);}
  .service-editorial-steps-list li{grid-template-columns:62px minmax(0,1fr);column-gap:18px;padding:29px 0 31px;}
  .service-editorial-steps-number{font-size:50px;}
  .service-editorial-steps-content{padding-top:1px;}
  .service-editorial-steps-content p{margin-top:13px;}
}

/* Landing Pages conversion progression: connected editorial stages, not feature cards. */
.service-conversion-progression{border-top:1px solid rgba(209,220,241,.12);background:#25282d;color:var(--service-heading-dark);}
.service-conversion-progression--service-dark{background:var(--service-bg-dark);}
.service-conversion-progression-inner{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);column-gap:clamp(52px,7vw,118px);align-items:start;padding:clamp(118px,9.5vw,144px) 0;}
.service-conversion-progression-intro{position:sticky;top:112px;align-self:start;min-width:0;}
.service-conversion-progression-intro .redesign-eyebrow{margin:0;color:var(--service-eyebrow-primary);}
.service-conversion-progression-intro h2{margin:22px 0 0;color:var(--service-heading-dark);font-size:var(--service-type-h2);font-weight:520;letter-spacing:-.06em;line-height:1.1;}
.service-conversion-progression-supporting{max-width:34ch;margin:28px 0 0;color:#c7ccd5;font-size:clamp(16px,1.2vw,18px);line-height:1.6;}
.service-conversion-progression-right{min-width:0;padding-left:clamp(48px,5.5vw,86px);border-left:1px solid rgba(209,220,241,.20);}
.service-conversion-progression-list{display:grid;gap:0;margin:0;padding:0;list-style:none;}
.service-conversion-progression-list li{display:grid;grid-template-columns:clamp(74px,7.5vw,108px) minmax(0,1fr);column-gap:30px;min-width:0;padding:0 0 clamp(36px,3vw,46px);}
.service-conversion-progression-list li+li{padding-top:clamp(36px,3vw,46px);border-top:1px solid rgba(209,220,241,.24);}
.service-conversion-progression-number{display:block;color:rgba(184,201,255,.14);font-family:var(--service-font-heading);font-size:clamp(52px,5vw,76px);font-weight:520;letter-spacing:-.08em;line-height:.8;}
.service-conversion-progression-content{grid-column:2;min-width:0;padding-top:4px;}
.service-conversion-progression-content h3{margin:0;color:var(--service-eyebrow-primary);font-family:var(--service-font-body);font-size:var(--service-type-eyebrow);font-weight:750;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;}
.service-conversion-progression-content p{max-width:43ch;margin:17px 0 0;color:var(--service-body-dark);font-size:var(--service-type-body);line-height:1.7;}
@media(max-width:980px){
  .service-conversion-progression-inner{grid-template-columns:1fr;row-gap:62px;padding:96px 0 102px;}
  .service-conversion-progression-intro{position:static;}
  .service-conversion-progression-right{max-width:780px;padding-left:0;border-left:0;}
}
@media(max-width:767px){
  .service-conversion-progression{padding:20px;}
  .service-conversion-progression .redesign-shell{width:100%;}
  .service-conversion-progression-inner{row-gap:48px;padding:62px 0 68px;}
  .service-conversion-progression-intro h2{margin-top:18px;font-size:var(--service-type-h2);}
  .service-conversion-progression-supporting{margin-top:22px;font-size:16px;}
  .service-conversion-progression-list li{grid-template-columns:62px minmax(0,1fr);column-gap:18px;padding-bottom:48px;}
  .service-conversion-progression-list li+li{padding-top:35px;}
  .service-conversion-progression-number{font-size:48px;}
  .service-conversion-progression-content{padding-top:1px;}
  .service-conversion-progression-content p{margin-top:13px;}
}

/* Shared display roles consume canonical measures; no universal H2 sizing. */
.service-editorial-steps-intro h2,
.service-signal-architecture-intro h2,
.service-conversion-progression-intro h2,
.redesign-lead-modal-intro h2{
  max-inline-size:var(--ctg-public-measure-section);
  text-wrap:balance;
}

.redesign-lead-modal-intro>p:last-child{margin-inline:auto;}

/* Research now follows the problem section; no unused aside column. */
.redesign-page:not(.service-hero-page) .redesign-problem-layout{grid-template-columns:minmax(0,1fr);}

/* Canonical mobile outer-section rhythm. Component interiors keep their
   existing spacing; prior outer/inner pairs are consolidated rather than
   stacked with the shared section token. */
@media(max-width:767px){
  .service-editorial-steps.ctg-public-section,
  .service-signal-architecture.ctg-public-section,
  .service-conversion-progression.ctg-public-section,
  .redesign-attention.ctg-public-section,
  .redesign-problem.ctg-public-section,
  .redesign-diagnosis.ctg-public-section,
  .redesign-results.ctg-public-section{
    padding-block:var(--ctg-public-section-block);
  }

  .service-editorial-steps.ctg-public-section .service-editorial-steps-inner,
  .service-signal-architecture.ctg-public-section .service-signal-architecture-inner,
  .service-conversion-progression.ctg-public-section .service-conversion-progression-inner,
  .redesign-attention.ctg-public-section .redesign-attention-layout,
  .redesign-problem.ctg-public-section .redesign-problem-layout,
  .redesign-diagnosis.ctg-public-section .redesign-diagnosis-inner,
  .redesign-results.ctg-public-section .redesign-results-inner{
    padding-block:0;
  }

  .service-solution:is(.ctg-public-section,[data-ctg-public-section]) .service-solution-quote-copy,
  .service-solution:is(.ctg-public-section,[data-ctg-public-section]) .service-solution-quote.has-artwork .service-solution-quote-copy,
.service-solution:is(.ctg-public-section,[data-ctg-public-section]) .service-solution-cta-inner{
    padding-block:var(--ctg-public-section-block);
  }
}

/* Service-solution artwork focal points: retain the established cover
   treatment while exposing the requested additional source-image detail at
   the top of each affected service illustration. */
.service-solution:is(.ctg-public-section,[data-ctg-public-section]) .service-solution-artwork img[src$="/landing-pages-banner.png"]{object-position:right 42%;}
.service-solution:is(.ctg-public-section,[data-ctg-public-section]) .service-solution-artwork img[src$="/cro-banner.png"]{object-position:right 40%;}
.service-solution:is(.ctg-public-section,[data-ctg-public-section]) .service-solution-artwork img[src$="/website-redesigns-banner.png"],
.service-solution:is(.ctg-public-section,[data-ctg-public-section]) .service-solution-artwork img[src$="/local-seo-banner.png"]{object-position:right 30%;}

/* Service hero viewport focal positions: keep the shared frame intact while
   revealing more of the upper image area on tablet and larger screens. */
@media(min-width:768px){
  .service-hero-page .redesign-hero-media,
  .redesign-page:not(.service-hero-page) .redesign-hero-media{background-position:center calc(50% - 30px);}
  .service-hero-page .redesign-hero.service-hero--ai-search .redesign-hero-media{background-position:center calc(50% - 60px);}
}

/* Mobile service-hero media systems. The established overlay remains the
   default; services can opt into the shared stacked copy/media architecture. */
.redesign-hero-primary{display:contents;}

@media(max-width:767px){
  .redesign-hero--website-redesigns{
    --service-hero-image:url("/assets/images/website-redesigns/ctg-website-redesigns.png");
    --service-hero-mobile-focal-position:90% center;
    --service-hero-mobile-media-scale:1.02;
    --service-hero-mobile-transform-origin:80% center;
  }
  .service-hero--google-maps{
    --service-hero-mobile-focal-position:94% center;
    --service-hero-mobile-media-scale:1.12;
    --service-hero-mobile-transform-origin:82% center;
  }
  .service-hero--new-websites{
    --service-hero-mobile-focal-position:98% center;
    --service-hero-mobile-media-scale:1.08;
    --service-hero-mobile-transform-origin:82% center;
  }
  .service-hero--local-seo{
    --service-hero-mobile-focal-position:98% center;
    --service-hero-mobile-media-scale:1.08;
    --service-hero-mobile-transform-origin:80% center;
  }
  .service-hero--ai-search{
    --service-hero-mobile-focal-position:98% center;
    --service-hero-mobile-media-scale:1.08;
    --service-hero-mobile-transform-origin:80% center;
  }
  .service-hero--landing-pages{
    --service-hero-mobile-focal-position:94% center;
    --service-hero-mobile-media-scale:1.12;
    --service-hero-mobile-transform-origin:82% center;
  }
  .service-hero--conversion-optimization{
    --service-hero-mobile-focal-position:94% center;
    --service-hero-mobile-media-scale:1.12;
    --service-hero-mobile-transform-origin:80% center;
  }
  .service-hero--calls-forms-booking{
    --service-hero-mobile-focal-position:98% center;
    --service-hero-mobile-media-scale:1.08;
    --service-hero-mobile-transform-origin:80% center;
  }

  .redesign-hero.service-hero--mobile-stacked{
    --service-hero-mobile-nav-height:62px;
    --service-hero-mobile-media-min:13.75rem;
    grid-template-rows:auto auto;
    min-height:0;
    background:var(--ctg-public-surface-dark);
  }

  .redesign-hero.service-hero--mobile-stacked::after{display:none;}

  .redesign-hero.service-hero--mobile-stacked .redesign-hero-primary{
    display:grid;
    min-height:min(calc(100svh - var(--service-hero-mobile-nav-height)),56.25rem);
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(var(--service-hero-mobile-media-min),1fr);
  }

  .redesign-hero.service-hero--mobile-stacked .redesign-hero-inner{
    z-index:1;
    grid-area:1 / 1;
    min-width:0;
    background:var(--ctg-public-surface-dark);
  }

  .redesign-hero.service-hero--mobile-stacked .redesign-hero-copy{
    max-width:none;
    padding:20px 0 50px;
  }

  .redesign-hero.service-hero--mobile-stacked h1{
    font-size:var(--ctg-public-type-h2);
    line-height:.98;
  }

  .redesign-hero.service-hero--mobile-stacked .redesign-hero-media{
    display:block;
    position:relative;
    z-index:0;
    inset:auto;
    grid-area:2 / 1;
    width:100%;
    min-height:0;
    overflow:hidden;
    background-image:none;
  }

  .redesign-hero.service-hero--mobile-stacked .redesign-hero-media::before{
    position:absolute;
    inset:0;
    content:"";
    pointer-events:none;
    background:var(--service-hero-image) var(--service-hero-mobile-focal-position,center) / cover no-repeat;
    transform:scale(var(--service-hero-mobile-media-scale,1));
    transform-origin:var(--service-hero-mobile-transform-origin,center);
  }

  .redesign-hero.service-hero--mobile-stacked .redesign-hero-actions{
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    margin-top:30px;
  }

  .redesign-hero.service-hero--mobile-stacked .redesign-hero-actions .redesign-primary-cta{
    width:max-content;
    max-width:100%;
    margin-inline:0;
    align-self:flex-start;
  }

  .redesign-page .redesign-hero.service-hero--mobile-stacked .redesign-hero-actions .redesign-cta-support{
    display:none;
  }

  .redesign-hero.service-hero--mobile-stacked .redesign-social-proof{
    grid-area:2 / 1;
  }
}