/* Local section system: one spacing, panel, pill and reading contract. */
body.wab-local-ui-contract{--wab-section-space:clamp(64px,5vw,96px);--wab-layout-gap:clamp(28px,3.333vw,64px);--wab-panel-space:clamp(24px,2.222vw,40px);--wab-icon-size:48px;--wab-focus-color:#0056dc;--wab-copy-gap:18px;--wab-title-gap:28px;--wab-panel-shadow:0 8px 28px rgb(16 17 23 / .045);--wab-panel-radius:12px}
@media(max-width:767px){body.wab-local-ui-contract{--wab-title-gap:24px}}
body.wab-local-ui-contract main :is(h2,h3){margin-bottom:var(--wab-title-gap)}
body.wab-local-ui-contract main p+p{margin-top:var(--wab-copy-gap)}
body.wab-local-ui-contract :is(.br-offer-item,.k-designed-process li,.sp-values article,.sp-even-pair article){border-bottom:0!important;box-shadow:var(--wab-panel-shadow)!important;border-radius:var(--wab-panel-radius)}
body.wab-local-ui-contract :is(.br-deliverables,.local-home-service__offerings){display:flex!important;flex-wrap:wrap;gap:8px!important;padding:0!important;list-style:none!important}
body.wab-local-ui-contract :is(.br-deliverables,.local-home-service__offerings)>li{display:inline-flex!important;align-items:center;min-height:30px!important;padding:5px 16px!important;margin:0!important;background:#e6e6e2!important;color:#21212d!important;border-radius:999px!important;font:700 14px/1.35 Effra,sans-serif!important}
body.wab-local-ui-contract :is(.br-deliverables,.local-home-service__offerings)>li::before{display:none!important}
body.wab-local-ui-contract .ws-service-direction{padding:var(--wab-panel-space)!important;gap:var(--wab-layout-gap)!important}
body.wab-local-ui-contract .ws-service-direction__title .svc-icon{margin-bottom:24px!important}
/* Ordinary content lists: marker starts at the copy edge; wrapped lines start under the text.
   Navigation, pill collections and process timelines retain their explicit component classes. */
body.wab-local-ui-contract main :is(ul:not([class]),ul.wp-block-list,.ws-service-direction__story ul:not([class])):not(:where(.home-facts *,.svc-trust *,.gform_wrapper *)){padding-inline-start:0!important;list-style:none!important}
body.wab-local-ui-contract main :is(ul:not([class]),ul.wp-block-list,.ws-service-direction__story ul:not([class])):not(:where(.home-facts *,.svc-trust *,.gform_wrapper *))>li{position:relative;padding-inline-start:26px!important;margin-bottom:8px;list-style:none!important}
body.wab-local-ui-contract main :is(ul:not([class]),ul.wp-block-list,.ws-service-direction__story ul:not([class])):not(:where(.home-facts *,.svc-trust *,.gform_wrapper *))>li::marker{content:""}
body.wab-local-ui-contract main :is(ul:not([class]),ul.wp-block-list,.ws-service-direction__story ul:not([class])):not(:where(.home-facts *,.svc-trust *,.gform_wrapper *))>li::before{content:""!important;display:block!important;position:absolute!important;inset-inline-start:0!important;left:0!important;top:.4em;top:calc(.5lh - 6px)!important;width:12px!important;height:12px!important;background:var(--service-list-color,currentColor)!important;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4 1 5 5-5 5-1.5-1.5L6 6 2.5 2.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
body.wab-local-ui-contract main :is(ul:not([class]),ul.wp-block-list,.ws-service-direction__story ul:not([class])):not(:where(.home-facts *,.svc-trust *,.gform_wrapper *))>li::after{content:none!important;display:none!important}
body.wab-local-ui-contract .k-native-offer>.k-container>h2{margin-bottom:44px!important}
body.wab-local-ui-contract .svc-cross-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:0!important}
body.wab-local-ui-contract .svc-cross-services__half{position:relative;display:grid!important;grid-template-rows:minmax(360px,auto) 320px!important;overflow:hidden;background:#21212d;color:#fff;text-decoration:none!important;isolation:isolate}
body.wab-local-ui-contract .svc-cross-services__half:nth-child(2){background:#13131c}
body.wab-local-ui-contract .svc-cross-services__content{position:relative!important;inset:auto!important;max-width:none!important;width:100%!important;padding:56px clamp(24px,4vw,64px)!important;background:transparent!important;z-index:1}
body.wab-local-ui-contract .svc-cross-services__content h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.1!important}
body.wab-local-ui-contract .svc-cross-services__half>img{position:relative!important;inset:auto!important;width:100%!important;height:320px!important;max-height:none!important;object-fit:cover;transition:transform .6s ease;transform:scale(1)}
body.wab-local-ui-contract .svc-cross-services__half:is(:hover,:focus-visible)>img{transform:scale(1.035)}
body.wab-local-ui-contract .svc-cross-services__half:is(:hover,:focus-visible){outline:3px solid #0056dc;outline-offset:-3px}
body.wab-local-ui-contract .svc-cross-services__half:is(:hover,:focus-visible) .button{background:#fff!important;color:#101117!important}
body.wab-local-ui-contract .svc-cross-services__content ul{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none;margin:24px 0 32px}
body.wab-local-ui-contract .svc-cross-services__content li{font-size:14px;padding:6px 14px;background:#30303d;border-radius:999px}
body.wab-local-ui-contract .svc-cross-services__content li::before{display:none}
body.wab-local-ui-contract .br-collaboration__scene{position:relative;isolation:isolate;overflow:clip;min-height:540px;display:grid;align-items:center;background:#101117}
body.wab-local-ui-contract .br-collaboration__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;z-index:-1}
body.wab-local-ui-contract .br-collaboration__story{position:relative;padding-block:96px;color:#fff}
body.wab-local-ui-contract .br-collaboration__story :is(h2,p){color:inherit}
body.wab-local-ui-contract .local-home-goals{padding-bottom:96px!important}
body.wab-local-ui-contract .local-home-goals>div>header{text-align:center;margin-bottom:40px}
body.wab-local-ui-contract :is(.local-home-service h3,.local-home-service__button){text-transform:capitalize!important}
body.wab-local-ui-contract .client-review__source{background:#0a66c2!important;color:white!important}
body.wab-local-ui-contract :is(.client-review__source,.client-proof__reviews,.sp-link):is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:5px;outline-offset:4px}
body.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__avatar{width:88px!important;height:88px!important;min-width:88px!important}
body.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__panel{grid-template-columns:88px minmax(0,1fr)!important;gap:24px!important}
body.wab-local-ui-contract .local-personal-contact__links a{font-size:18px!important;line-height:1.45!important}
body.wab-local-ui-contract .sp-practical-grid{align-items:start;gap:48px}
body.wab-local-ui-contract .k-library-stage :is(table){width:100%;border-collapse:collapse;display:block;overflow-x:auto}
body.wab-local-ui-contract .k-library-stage :is(th,td){padding:14px;text-align:left;border-bottom:1px solid #e6e6e2;overflow-wrap:anywhere}
body.wab-local-ui-contract .k-library-stage :is(ul,ol):not([class]){padding-left:24px}
@media(min-width:768px){body.wab-local-ui-contract main :is(.br-collaboration__story,.sp-why-copy)>:is(h2,p){width:66.6667%!important;max-width:850px!important;margin-inline:auto!important}body.wab-local-ui-contract .sp-why-copy{width:100%!important}}
@media(max-width:767px){body.wab-local-ui-contract .svc-cross-services{grid-template-columns:1fr!important}body.wab-local-ui-contract .svc-cross-services__half{grid-template-rows:auto 260px!important}body.wab-local-ui-contract .svc-cross-services__half>img{height:260px!important}body.wab-local-ui-contract .svc-cross-services__content{padding:40px 24px!important}body.wab-local-ui-contract .br-collaboration__scene{min-height:420px}body.wab-local-ui-contract .br-collaboration__story{padding-block:64px}body.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__panel{grid-template-columns:72px minmax(0,1fr)!important;gap:18px!important}body.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__avatar{width:72px!important;height:72px!important;min-width:72px!important}}
@media(prefers-reduced-motion:reduce){body.wab-local-ui-contract .svc-cross-services__half>img{transition:none;transform:none!important}}

/* Native and kit process use the same rail endpoints and marker palette. */
body.wab-local-ui-contract .wab-process__list::before{display:none!important}
body.wab-local-ui-contract .wab-process__list>li::after{content:""!important;display:block!important;position:absolute!important;left:-34px!important;top:43px!important;width:2px!important;height:calc(100% + 20px)!important;background:linear-gradient(#c6c6c1,#e6e6e2)!important;pointer-events:none}
body.wab-local-ui-contract .wab-process__list>li:last-child::after{display:none!important}
body.wab-local-ui-contract .wab-process__list>li:nth-child(n) .wab-process__number{background:#0056dc!important}
body.wab-local-ui-contract .wab-process__symbol{color:#0056dc!important;background:#e6e6e2!important}
body.wab-local-ui-contract .wab-client-reviews__card figcaption>a{background:#0a66c2!important;color:#fff!important;transition:background-color .2s,box-shadow .2s}
body.wab-local-ui-contract .wab-client-reviews__card figcaption>a:is(:hover,:focus-visible){background:#004182!important;box-shadow:0 0 0 3px #c9b4ff;outline-offset:4px}
body.wab-local-ui-contract .wab-client-reviews__rating:is(:hover,:focus-visible){text-decoration:none!important}
@media(max-width:480px){body.wab-local-ui-contract .wab-process__list>li::after{left:-29px!important;top:40px!important;height:calc(100% + 16px)!important}}
body.wab-local-ui-contract .svc-cross-services__half{padding:0!important}
body.wab-local-ui-contract .svc-cross-services__half>img{margin:0!important}
body.wab-local-ui-contract .svc-cross-services__half::after{display:none!important}
body.wab-local-ui-contract .k-hero .svc-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px!important;width:100%;margin-top:40px;padding:24px 0;border:0}
body.wab-local-ui-contract .k-hero .svc-trust>*{justify-content:center;min-width:0;text-align:center;font-size:14px}


body.wab-local-ui-contract .k-library-stage .sp-even-pair article{padding:32px!important}
body.wab-local-ui-contract .k-library-stage .sp-open-timeline li{background:transparent!important}
body.wab-local-ui-contract .k-library-stage .sp-origin{padding-top:0!important}
body.wab-local-ui-contract .k-library-stage .sp-origin-wide{margin-top:0!important;border:0!important}
@media(max-width:767px){body.wab-local-ui-contract .k-hero .svc-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important}}
body.wab-local-ui-contract :is(.footer-socials a,.header-whatsapp-link){position:relative;overflow:visible;--kit-hover-fill:#0056dc;--kit-hover-text:#fff}
body.wab-local-ui-contract .header-whatsapp-link{--kit-hover-fill:#25d366}
body.wab-local-ui-contract :is(.footer-socials a,.header-whatsapp-link):focus-visible{outline:2px solid #0056dc!important;outline-offset:4px!important}
body.wab-local-ui-contract .k-library-stage .local-home-question-layout{display:block!important}
body.wab-local-ui-contract .k-library-stage .local-home-question-layout>header{text-align:center!important;margin-bottom:40px}
body.wab-local-ui-contract .k-library-stage .local-home-goals{padding-bottom:96px!important}
body.wab-local-ui-contract .wab-entry-pending{opacity:0;transform:translateY(14px)}
body.wab-local-ui-contract .wab-entry-ready{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}
@media(prefers-reduced-motion:reduce){body.wab-local-ui-contract :is(.wab-entry-pending,.wab-entry-ready){opacity:1;transform:none;transition:none}}
@media(min-width:768px){body.wab-local-ui-contract main [data-wab-reading]{width:66.6667%!important;max-width:850px!important;margin-inline:auto!important}}
@media(max-width:767px){body.wab-local-ui-contract main [data-wab-reading]{width:100%!important;max-width:none!important}}
/* Native service lists use ::after for chevrons: both pseudo slots are reset for compact pills. */
body.wab-local-ui-contract .svc-cross-services__content li::after{content:none!important;display:none!important}
body.wab-local-ui-contract .svc-cross-services__content li{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 16px!important;margin:0!important;font:700 14px/1.35 Effra,sans-serif!important}
/* Photo-story specimen: one readable column, preserving paragraph order. */
body.wab-local-ui-contract .sp-about-work--why>.container:first-child{display:block!important}
body.wab-local-ui-contract .sp-about-work--why>.container:first-child>h2{width:66.6667%!important;max-width:850px!important;margin:0 auto 28px!important;text-align:center!important}
body.wab-local-ui-contract .sp-about-work--why .sp-why-copy{display:block!important;column-count:1!important;width:66.6667%!important;max-width:850px!important;margin:0 auto!important}
body.wab-local-ui-contract main .sp-about-work--why .sp-why-copy>p{width:100%!important;max-width:none!important;margin:0 0 18px!important;text-align:left!important}
@media(max-width:767px){body.wab-local-ui-contract .sp-about-work--why>.container:first-child>h2,body.wab-local-ui-contract .sp-about-work--why .sp-why-copy{width:100%!important;max-width:none!important}}
/* Native consumers attach to the reviewed local family; existing content and order are untouched. */
body.wab-local-ui-contract.wab-local-ui-contract main h2:not(.case-card *){margin-bottom:var(--wab-title-gap)!important}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact.local-personal-contact .local-personal-contact__panel{grid-template-columns:88px minmax(0,1fr)!important;gap:24px!important}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact.local-personal-contact .local-personal-contact__avatar{width:88px!important;height:88px!important;min-width:88px!important}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact .local-personal-contact__copy>h2,body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact .local-personal-contact__form h3{font-family:WABSanukBlack,Effra,sans-serif!important;font-weight:900!important;text-transform:none!important;letter-spacing:-.015em!important}
body.wab-local-ui-contract .local-home-services{background:#0056dc!important;color:#fff!important}
body.wab-local-ui-contract .local-home-services .local-home-ribbon{color:#fff!important;opacity:1!important}
body.wab-local-ui-contract .local-home-services .local-home-service{background:#fff!important;color:#101117!important}
body.wab-local-ui-contract .local-home-services .local-home-service :is(h3,p){color:#101117!important}
body.wab-local-ui-contract .local-home-ribbon--questions{color:#30303d!important;opacity:1!important}
body.wab-local-ui-contract .local-home-ribbon--contact{color:#30303d!important;opacity:1!important}
@media(max-width:480px){body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact.local-personal-contact .local-personal-contact__panel{grid-template-columns:72px minmax(0,1fr)!important;gap:18px!important}body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact.local-personal-contact .local-personal-contact__avatar{width:72px!important;height:72px!important;min-width:72px!important}}
body.wab-local-ui-contract .local-home-ribbon--questions[data-ribbon-enhanced] .local-home-ribbon__surface{display:none!important}
body.wab-local-ui-contract .local-home-ribbon--questions[data-ribbon-enhanced] .local-home-ribbon__stroke{display:block!important}
body.wab-local-ui-contract .svc-trust{gap:20px}
body.wab-local-ui-contract .svc-trust>a:is(:hover,:focus-visible){text-decoration:underline!important;text-underline-offset:5px}
/* Latest landing review: coherent matte surfaces and compact contact hierarchy. */
body.wab-local-ui-contract.wab-local-ui-contract :is(.wab-client-reviews__card,.local-personal-contact__form,.ws-service-pillars>article,.wab-section-faq details,.br-faq details,.svc-faq details,.br-offer-item){box-shadow:0 8px 28px rgb(16 17 23 / .045)!important}
body.wab-local-ui-contract .br-intro{padding-top:112px!important}
body.wab-local-ui-contract :is(.br-chapter-number,.k-process-number,.wab-process__number){font-family:WABSanukBlack,Effra,sans-serif!important;font-weight:900}
body.wab-local-ui-contract .br-stack-ready .br-offer-item{opacity:var(--stack-card-opacity,1);transition:opacity .25s ease}
body.wab-local-ui-contract .br-offer-item:focus-within{opacity:1!important}
body.wab-local-ui-contract .br-service__details{font-size:16px;line-height:1.55;margin:16px 0 0}
body.wab-local-ui-contract .br-collaboration:not(.wab-photo-section--plain) .br-collaboration__background{opacity:.7!important}
body.wab-local-ui-contract .br-collaboration__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(#10111729,#10111780);z-index:-1;pointer-events:none}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__info{display:contents!important}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__person{grid-column:2;grid-row:1;display:grid!important;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:start;gap:8px}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__details-row{display:contents!important;margin:0!important}
body.wab-local-ui-contract .local-personal-contact__details-row a{font:400 17px/1.4 Effra,sans-serif!important;color:inherit;text-decoration:none}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact.local-personal-contact .local-personal-contact__links{grid-column:1/-1!important;grid-row:2!important;margin:0!important}
body.wab-local-ui-contract .local-personal-contact__person>strong{font-size:20px!important}
body.wab-local-ui-contract .ws-service-pillars>article{position:relative;padding-top:68px!important}
body.wab-local-ui-contract .ws-service-price{position:absolute!important;top:22px;right:24px;display:flex;align-items:baseline;gap:5px;margin:0!important;font:400 14px/1.4 Effra,sans-serif!important}
body.wab-local-ui-contract .ws-service-price strong{font-size:22px;font-weight:700}
body.wab-local-ui-contract .ws-service-price small{font-size:13px}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .wab-media-pending{opacity:0!important;transition:none}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .wab-media-pending.wab-media-visible{opacity:var(--media-final-opacity,1)!important;transition:opacity .9s ease;transition-delay:var(--media-entry-delay,180ms)}
@media(max-width:767px){body.wab-local-ui-contract .br-intro{padding-top:72px!important}}
@media(prefers-reduced-motion:reduce){body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .wab-media-pending{opacity:var(--media-final-opacity,1)!important;transition:none!important}body.wab-local-ui-contract .br-stack-ready .br-offer-item{opacity:1!important;transition:none!important}}
/* Header contour opt-in shares the one ring enhancer while preserving native button geometry. */
body.wab-local-ui-contract .wab-header-contour{position:relative;overflow:visible;--kit-hover-fill:#0056dc}
body.wab-local-ui-contract .wab-header-contour:focus-visible{outline:2px solid #4386ff!important;outline-offset:4px!important}
/* Practical contact uses the same panel/radius/shadow system, with actual palette tints. */
body.wab-local-ui-contract .sp-practical-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important;align-items:stretch!important}
body.wab-local-ui-contract .sp-practical-grid>article{padding:36px!important;background:#d1e1f9;border-radius:12px;box-shadow:var(--wab-panel-shadow);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
body.wab-local-ui-contract .sp-practical-grid>article:nth-child(2){background:#e8dffc}
body.wab-local-ui-contract .sp-practical-grid>article::before{content:"";display:block;width:48px;height:48px;margin-bottom:24px;border-radius:50%;background:#0056dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='16' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16M8 14h3M8 17h6'/%3E%3C/svg%3E") center/24px no-repeat;flex:0 0 48px}
body.wab-local-ui-contract .sp-practical-grid>article:nth-child(2)::before{background-color:#7054ad;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 10c0 6-7 12-7 12S5 16 5 10a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
body.wab-local-ui-contract .sp-practical-grid h2{font-size:clamp(28px,3vw,38px)!important;line-height:1.12!important}
body.wab-local-ui-contract .sp-practical-grid p{font:400 18px/1.55 Effra,sans-serif!important;margin:0 0 18px!important}
body.wab-local-ui-contract .sp-practical-grid article>a{margin-top:auto}
@media(max-width:767px){body.wab-local-ui-contract .sp-practical-grid{grid-template-columns:1fr!important;gap:24px!important}body.wab-local-ui-contract .sp-practical-grid>article{padding:28px!important}}
/* Actual legacy contact card family: green / neutral / blue; original template is the source. */
body.wab-local-ui-contract .sp-practical-grid--legacy3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;overflow:hidden;border-radius:18px}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article{background:var(--wab-green)!important;color:#101117!important;border-radius:0!important;box-shadow:none!important;padding:36px 28px!important}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article:nth-child(2){background:#e6e6e2!important;color:#101117!important}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article:nth-child(3){background:#0056dc!important;color:#fff!important;--wab-button-context-ink:#fff;--wab-button-context-paper:#0056dc}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article :is(h2,h3,p,a){color:inherit}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article h2{font:700 clamp(21px,2vw,26px)/1.25 Effra,sans-serif!important;text-transform:none!important;margin:0 0 18px!important}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article h3{font-size:23px!important;margin:28px 0 16px!important}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article:first-child::before{background-color:#74ce70;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d5d38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-3 2c2 4 3 5 7 7l2-3 5 2v4c0 2-2 3-4 2C9 19 4 14 2 6 1 4 3 3 5 3Z'/%3E%3C/svg%3E")}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article:nth-child(3)::before{background-color:#2875e5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
body.wab-local-ui-contract .sp-practical-grid--legacy3>article:nth-child(2)::before{background-color:#d2d8e2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230056dc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 10c0 6-7 12-7 12S5 16 5 10a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
body.wab-local-ui-contract .sp-practical-grid--legacy3 .sp-link{font-size:18px!important;overflow-wrap:anywhere}
body.wab-local-ui-contract .sp-practical-grid--legacy3 article>a:not(.button){margin-top:0;margin-bottom:14px}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract:not(.kit-service-preview) .sp-practical-grid--legacy3 .button--dark{--kit-hover-fill:#101117;--kit-hover-text:#fff}
@media(max-width:900px){body.wab-local-ui-contract .sp-practical-grid--legacy3{grid-template-columns:1fr!important}body.wab-local-ui-contract .sp-practical-grid--legacy3>article{padding:30px!important}}

body.wab-local-ui-contract .sp-practical-grid--legacy3 .button--dark{--wb-btn-bg:#fff!important;--wb-btn-fg:#101117!important;--wb-btn-border:#fff!important}
/* Latest explicit correction supersedes whole-card 30%: contents disappear, paper remains. */
body.wab-local-ui-contract .br-stack-ready .br-offer-item{opacity:1!important;transition:none!important}
body.wab-local-ui-contract .br-offer-item>.wab-content-panel__content{opacity:var(--stack-content-opacity,1);transition:opacity .2s linear}
body.wab-local-ui-contract .br-offer-item:focus-within{z-index:99!important}
body.wab-local-ui-contract .br-offer-item:focus-within>.wab-content-panel__content{opacity:1!important;transition:none!important}
@media(prefers-reduced-motion:reduce){body.wab-local-ui-contract .br-offer-item>.wab-content-panel__content{opacity:1!important;transition:none!important}}
/* Contact review: phone/mail are the primary contact lines; WhatsApp is the white variant here only. */
body.wab-local-ui-contract .studio-pages--contact .sp-practical-card--phone p>a,
body.wab-local-ui-contract .studio-pages--contact .sp-practical-card--mail>p>a{display:block;font:900 clamp(22px,2.3vw,30px)/1.25 WABSanukBlack,Effra,sans-serif!important;text-decoration:none;overflow-wrap:anywhere;margin:0 0 8px}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-card--phone p br{display:none}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article>.button{margin-top:auto!important}
/* Match the shared button selector specificity. Set state tokens instead of pinning
   background/color with !important, which previously defeated the hover engine. */
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract:not(.kit-service-preview) .studio-pages--contact .sp-practical-card--phone .button--whatsapp{--wb-btn-bg:#fff;--wb-btn-fg:#101117;--wb-btn-border:#fff;--kit-hover-fill:#101117;--kit-hover-text:#fff}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract:not(.kit-service-preview) .studio-pages--contact .sp-practical-card--phone .button--whatsapp .fa-whatsapp,body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract:not(.kit-service-preview) .studio-pages--contact .sp-practical-card--phone .button--whatsapp .fa-whatsapp::before{color:#20b95b!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3 :is(a,button):focus-visible{outline:2px solid currentColor!important;outline-offset:4px!important}

/* Contact: white intro and card surround, with the original three card colours. */
body.wab-local-ui-contract .studio-pages--contact :is(.sp-hero--contact,.sp-practical){background:#fff!important;color:#101117!important}
body.wab-local-ui-contract .studio-pages--contact .sp-hero--contact{padding:160px 0 48px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-hero--contact p{color:#48515b!important}
body.wab-local-ui-contract .studio-pages--contact .sp-hero-bottom{margin-top:24px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical--before-form{padding:0 0 64px!important}
@media(max-width:650px){
body.wab-local-ui-contract .studio-pages--contact .sp-hero--contact{padding:112px 0 24px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-hero--contact h1{font-size:36px!important;line-height:1.08!important}
body.wab-local-ui-contract .studio-pages--contact .sp-hero-bottom{margin-top:14px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-hero-bottom p{font-size:17px!important;line-height:1.45!important;margin:0!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical--before-form{padding-bottom:32px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3{padding-top:0!important;border-radius:14px}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article{padding:22px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article::before{width:34px;height:34px;flex-basis:34px;background-size:18px;margin-bottom:12px}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article h2{font-size:22px!important;margin-bottom:12px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3 h3{font-size:21px!important;margin:18px 0 10px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3 p{font-size:17px!important;line-height:1.45!important;margin-bottom:10px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-card--phone p>a{display:flex;align-items:center;min-height:44px;margin:0;font-size:22px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article>.button{margin-top:10px!important}
}
/* 19 October review: same component hierarchy, fewer competing surfaces. */
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article::before{content:none!important;display:none!important}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article{transition:background-color .2s ease,box-shadow .2s ease}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article:hover{box-shadow:inset 0 0 0 999px rgb(16 17 23 / .035)!important}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-meeting-panel .button--dark{--wb-btn-bg:#fff;--wb-btn-fg:#101117;--wb-btn-border:#fff}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-card__icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:#fff;color:#101117!important;font-size:19px;margin-bottom:20px}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article h2{font:700 18px/1.4 Effra,sans-serif!important;margin-bottom:16px!important}
body.wab-local-ui-contract .studio-pages--contact .sp-meeting-row{display:flex;justify-content:flex-end;position:relative;z-index:2;margin-top:-48px;padding-bottom:0}
body.wab-local-ui-contract .studio-pages--contact .sp-meeting-panel{box-sizing:border-box;width:calc((100% - 64px)/2);padding:30px 32px;background:#101117;color:#fff;border-radius:14px;box-shadow:0 10px 30px #1011170b;transform:translate(-20px,20px)}
body.wab-local-ui-contract .studio-pages--contact .sp-meeting-panel h3{font:900 clamp(23px,2.2vw,30px)/1.15 WABSanukBlack,Effra,sans-serif!important;margin:0 0 14px!important;text-transform:none!important}
body.wab-local-ui-contract .studio-pages--contact .sp-meeting-panel p{font:400 18px/1.5 Effra,sans-serif;color:#d4d4db!important;margin:0 0 22px}
body.wab-local-ui-contract .sp-contact-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:start}
body.wab-local-ui-contract .sp-contact-meta article :is(p,dl){margin:0 0 12px}
body.wab-local-ui-contract .sp-contact-meta dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}
body.wab-local-ui-contract .sp-contact-meta dd{margin:0}
body.wab-local-ui-contract .sp-contact-meta .footer-list-item{padding:0;list-style:none}
body.wab-local-ui-contract .sp-contact-meta .footer-link--simple{color:#101117!important}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact .local-personal-contact__person{gap:8px!important}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact .local-personal-contact__details-row{gap:8px!important}
body.wab-local-ui-contract.wab-local-ui-contract .local-personal-contact .local-personal-contact__captcha-note{font:400 12px/1.5 Effra,sans-serif!important;color:#626873!important;margin:16px 0 0!important}
body.wab-local-ui-contract .svc-photo-hero::before{background:linear-gradient(90deg,#101117b8,#1011178c 55%,#101117b8)}
body.wab-local-ui-contract .svc-photo-hero::after{background:linear-gradient(0deg,#101117,transparent 45%,#10111710)}
body.wab-local-ui-contract .svc-page--websites{--service-accent:#0056dc}
body.wab-local-ui-contract :is(.br-page,.svc-page--branding,.svc-page--socials){--service-accent:#7054ad}
body.wab-local-ui-contract .svc-page--systems{--service-accent:var(--wab-coral)}
body.wab-local-ui-contract .br-offer__layout>header{min-width:0;padding-bottom:20px}
body.wab-local-ui-contract .br-offer__layout>header .button{max-width:100%;white-space:normal;box-sizing:border-box}
body.wab-local-ui-contract .br-service .br-offer-item__heading{align-items:center!important}
body.wab-local-ui-contract .br-service .br-offer-item__heading h3{margin:0!important}
body.wab-local-ui-contract .br-service .br-deliverables{margin-top:24px!important;margin-bottom:0!important}
body.wab-local-ui-contract.wab-local-ui-contract .br-stack-ready .br-offer-item{background:color-mix(in srgb,#fff, #f5f5f2 var(--stack-paper-mix,0%))!important;box-shadow:0 8px 28px rgb(16 17 23 / var(--stack-shadow-alpha,.045))!important}
body.wab-local-ui-contract .wab-client-reviews__rating>span{display:inline-flex;gap:3px;color:#f5b52e}
body.wab-local-ui-contract .wab-client-reviews__rating .fa-star{font-size:16px;color:#f5b52e}
body.wab-local-ui-contract .wab-case-slider__heading{align-items:center}
body.wab-local-ui-contract .svc-technology-list{list-style:none!important;display:flex!important;flex-wrap:wrap;gap:8px!important;margin:22px 0 0!important;padding:0!important}
body.wab-local-ui-contract .svc-technology-list>li{margin:0!important;padding:5px 13px!important;border-radius:999px;background:#292b37;color:#fff;font:700 14px/1.4 Effra,sans-serif}
body.wab-local-ui-contract .svc-technology-list>li::before,body.wab-local-ui-contract .svc-technology-list>li::after{content:none!important}
body.wab-local-ui-contract .ws-connections{padding:34px;margin-top:36px;background:#21212d;border-radius:14px}
body.wab-local-ui-contract .ws-connections h3{margin:0 0 18px}
body.wab-local-ui-contract .ws-connections p{margin-bottom:24px}
body.wab-local-ui-contract .ws-service-directions__contact{display:grid!important;grid-template-columns:88px minmax(0,1fr)!important;gap:28px!important;align-items:start!important;padding:40px!important;margin-top:48px!important;background:#21212d!important;border-radius:14px}
body.wab-local-ui-contract .ws-service-directions__contact>img{width:88px;height:88px;object-fit:cover;border-radius:50%}
body.wab-local-ui-contract .ws-service-directions__contact h3{font:900 clamp(26px,2.8vw,38px)/1.12 WABSanukBlack,Effra,sans-serif!important;text-transform:none!important;margin:0 0 18px!important}
body.wab-local-ui-contract .ws-service-directions__contact p{margin-bottom:24px!important}
body.wab-local-ui-contract .ws-care-intro{margin-bottom:28px!important}
body.wab-local-ui-contract .ws-service-pillars{gap:22px!important}
body.wab-local-ui-contract .ws-service-pillars>article{padding:26px!important;display:flex;flex-direction:column;align-items:flex-start}
body.wab-local-ui-contract .ws-service-pillars>article>.ws-icon-circle{background:#0056dc!important;color:#fff!important;margin-bottom:20px}
body.wab-local-ui-contract .ws-service-pillars>article:nth-child(2)>.ws-icon-circle{background:#7054ad!important}
body.wab-local-ui-contract .ws-service-pillars>article:nth-child(3)>.ws-icon-circle{background:var(--wab-coral)!important;color:#101117!important}
body.wab-local-ui-contract .ws-service-pillars .ws-service-price{top:34px;right:26px}
body.wab-local-ui-contract .ws-service-pillars>article>h3{margin:0 0 16px!important}
body.wab-local-ui-contract .ws-service-pillars>article>p:not(.ws-service-price){margin-bottom:24px!important}
body.wab-local-ui-contract .ws-service-pillars>article>.ws-button{margin-top:auto}
@media(max-width:900px){body.wab-local-ui-contract .studio-pages--contact .sp-meeting-row{margin-top:24px}body.wab-local-ui-contract .studio-pages--contact .sp-meeting-panel{width:100%;transform:none}body.wab-local-ui-contract .sp-contact-meta{grid-template-columns:1fr;gap:32px}}
@media(max-width:650px){body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article{transition:background-color .2s ease,box-shadow .2s ease}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article:hover{box-shadow:inset 0 0 0 999px rgb(16 17 23 / .035)!important}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-meeting-panel .button--dark{--wb-btn-bg:#fff;--wb-btn-fg:#101117;--wb-btn-border:#fff}
body.wab-local-ui-contract .studio-pages--contact .sp-practical-card__icon{width:38px;height:38px;flex-basis:38px;font-size:17px;margin-bottom:16px}body.wab-local-ui-contract .studio-pages--contact .sp-meeting-panel{padding:24px}body.wab-local-ui-contract .ws-service-directions__contact{grid-template-columns:1fr!important;padding:26px!important;gap:20px!important}body.wab-local-ui-contract .ws-connections{padding:26px}body.wab-local-ui-contract .ws-service-directions__contact>img{width:72px;height:72px}}

@media(prefers-reduced-motion:reduce){body.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article{transition:none}}

/* Technical offer: explicit light/dark copy and useful, schematic service previews. */
body.wab-local-ui-contract .svc-page--systemen .svc-section--light{color:#101117}
body.wab-local-ui-contract .svc-page--systemen .svc-section--light :is(p,.svc-section-heading p){color:#41414b!important}
body.wab-local-ui-contract .svc-page--systemen .svc-technical-offer{gap:28px}
body.wab-local-ui-contract .svc-technical-offer article{padding:var(--wab-panel-space) 0;gap:var(--wab-layout-gap);background:transparent;border-radius:0;box-shadow:none!important;color:inherit;align-items:start}
body.wab-local-ui-contract .svc-page--systemen .svc-technical-offer article>div:first-child{display:block}
body.wab-local-ui-contract .svc-page--systemen .svc-technical-offer article:nth-child(even){--offer-accent:var(--wab-coral);--offer-paper:#4a302e}
body.wab-local-ui-contract .svc-page--systemen .svc-technical-offer article:nth-child(odd){--offer-accent:#4386e4;--offer-paper:#203b60}
body.wab-local-ui-contract .svc-offer-flow{display:flex;flex-direction:column;gap:12px;margin-top:28px;padding:24px;background:var(--offer-paper);border-radius:12px}
body.wab-local-ui-contract .svc-offer-flow>span{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#fff;border-radius:8px;color:#101117;font:400 17px/1.3 Effra,sans-serif}
body.wab-local-ui-contract .svc-offer-flow small{display:grid;place-items:center;flex:0 0 28px;height:28px;background:var(--offer-accent);color:#101117;border-radius:50%;font-size:14px}
body.wab-local-ui-contract .svc-page--systemen .svc-cross-services__half--websites{background:#0056dc!important}
body.wab-local-ui-contract .svc-page--systemen .svc-cross-services__half--handwerk{background:#4a302e!important}
body.wab-local-ui-contract .svc-page--systemen .svc-cross-services__content li{background:#fff;color:#101117!important}
/* Panel-head icons: one solid circle and a predictable baseline; social/logo/button icons excluded. */
body.wab-local-ui-contract :is(.svc-technical-offer .svc-icon,.wab-content-panel .svc-icon,.lq-icon,.local-home-service__icon,.local-home-goal__icon,.ws-icon-circle,.sp-practical-card__icon,.brand-service__icon){display:inline-grid!important;place-items:center!important;width:var(--wab-icon-size)!important;height:var(--wab-icon-size)!important;flex:0 0 var(--wab-icon-size)!important;border-radius:50%!important;background:var(--panel-icon-bg,#0056dc)!important;color:var(--panel-icon-fg,#fff)!important;font-size:20px!important;line-height:1!important;margin:0 0 24px!important}
body.wab-local-ui-contract :is(.svc-technical-offer,.local-home-goal-list,.local-home-service-list,.ws-service-pillars){--panel-icon-bg:#0056dc;--panel-icon-fg:#fff}
body.wab-local-ui-contract :is(.local-home-service__title,.ws-service-direction__title){align-items:start}
/* One service family, one icon colour. Existing page labels use the same family hue. */
body.wab-local-ui-contract .svc-page--branding{--service-list-color:#7054ad;--service-label-color:#c9b4ff}
body.wab-local-ui-contract .svc-page--websites{--service-list-color:#0056dc;--service-label-color:#6aa5f4}
body.wab-local-ui-contract .svc-page--systemen{--service-list-color:var(--wab-coral);--service-label-color:var(--wab-coral)}
body.wab-local-ui-contract .svc-page--branding :is(.svc-technical-offer,.svc-technical-offer article){--panel-icon-bg:#7054ad;--panel-icon-fg:#fff}
body.wab-local-ui-contract .svc-page--websites :is(.svc-technical-offer,.svc-technical-offer article){--panel-icon-bg:#0056dc;--panel-icon-fg:#fff}
body.wab-local-ui-contract .svc-page--systemen :is(.svc-technical-offer,.svc-technical-offer article){--panel-icon-bg:var(--wab-coral);--panel-icon-fg:#101117}
@media(max-width:767px){body.wab-local-ui-contract .svc-technical-offer article{padding:var(--wab-panel-space) 0}body.wab-local-ui-contract .svc-offer-flow{padding:18px}}

/* Reusable edge-to-edge service feature with an explicit 50/50 content grid. */
body.wab-local-ui-contract .wab-service-feature{position:relative;isolation:isolate;overflow:clip;padding-block:var(--wab-section-space);background:var(--wab-coral);color:#101117}
body.wab-local-ui-contract .wab-service-feature--personal{background:#21212d;color:#fff}
body.wab-local-ui-contract .wab-service-feature__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--wab-layout-gap);align-items:center}
body.wab-local-ui-contract .wab-service-feature__copy :is(h2,p){color:inherit!important}
body.wab-local-ui-contract .wab-service-feature__copy p{margin-bottom:28px}
body.wab-local-ui-contract .wab-service-feature__visual{display:flex;align-items:center;justify-content:center;gap:28px;min-width:0}
body.wab-local-ui-contract .wab-service-feature__visual>img{width:200px;height:200px;object-fit:cover;border-radius:50%;flex:none}
body.wab-local-ui-contract .wab-service-feature__visual>span{font:700 26px/1.2 Effra,sans-serif}

/* Background geometry is oversized and clipped by the section, never by a small artboard. */
body.wab-local-ui-contract .wab-drawn-section{position:relative;isolation:isolate;overflow:clip}
body.wab-local-ui-contract .wab-drawn-section>.container{position:relative;z-index:1}
body.wab-local-ui-contract .wab-brand-wave{position:absolute;z-index:0;pointer-events:none;overflow:visible;width:140%;height:125%;top:-25%;right:-40%;color:var(--wab-wave-ink,#fff)}
body.wab-local-ui-contract .wab-brand-wave [data-brand-pen]{stroke-dasharray:1;stroke-dashoffset:0}
body.wab-local-ui-contract .wab-draw-replaced{display:none!important}
body.wab-local-ui-contract .wab-drawn-section:has(>.wab-brand-wave) :is(.sp-continuity-curl,.br-offer__ribbon){display:none!important}
@media(max-width:767px){body.wab-local-ui-contract .wab-brand-wave{width:210%;height:85%;right:-105%;top:6%}}
@media(prefers-reduced-motion:reduce){body.wab-local-ui-contract .wab-brand-wave [data-brand-pen]{stroke-dashoffset:0!important}}

body.wab-local-ui-contract .wab-drawn-section>.wab-brand-wave{color:var(--wab-wave-ink,#fff)}
body.wab-local-ui-contract [data-brand-edge="left"]>.wab-brand-wave{right:auto;left:-42%;top:-18%}
body.wab-local-ui-contract [data-brand-shape="loop-a"]>.wab-brand-wave{width:120%;height:125%;right:-40%;top:-26%}
body.wab-local-ui-contract [data-brand-shape="loop-b"]>.wab-brand-wave{width:135%;height:125%;right:-50%;top:-28%}
body.wab-local-ui-contract .studio-pages--approach .sp-continuity.wab-drawn-section::before{display:none!important}
body.wab-local-ui-contract .svc-cross-services__half:focus-visible{outline:2px solid #fff!important;outline-offset:-5px!important}

body.wab-local-ui-contract .sp-practical-grid{--panel-icon-bg:#fff;--panel-icon-fg:#101117}

/* Website connection illustration: a central browser with two meaningful foreground layers. */
body.wab-local-ui-contract .wab-connect-scene{position:relative;width:100%;aspect-ratio:1.2;container-type:inline-size;color:#101117;font-family:Effra,sans-serif}
body.wab-local-ui-contract .wab-connect-scene__art{position:absolute;inset:0}
body.wab-local-ui-contract .wab-connect-scene__wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.wab-local-ui-contract .wab-connect-browser{position:absolute;left:2%;top:20%;width:86%;height:65%;background:#f5f5f2;border:1px solid #b36552;border-radius:12px;box-shadow:0 24px 42px #7f3b282b;transform:rotate(-4deg);overflow:hidden}
body.wab-local-ui-contract .wab-connect-browser__chrome{height:14%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5%;background:#21212d;color:#fff;font-size:2.5cqw}
body.wab-local-ui-contract .wab-connect-browser__chrome>span:nth-child(2){display:flex;align-items:center;gap:7px}
body.wab-local-ui-contract .wab-connect-browser__chrome i{font-size:2cqw}
body.wab-local-ui-contract .wab-connect-browser__dots{display:flex;gap:4px}
body.wab-local-ui-contract .wab-connect-browser__dots b{width:5px;height:5px;border-radius:50%;background:#a5a5ad}
body.wab-local-ui-contract .wab-connect-browser__page{padding:5% 6%}
body.wab-local-ui-contract .wab-connect-browser__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:7%}
body.wab-local-ui-contract .wab-connect-browser__brand{width:6cqw;height:2cqw;background:#0056dc;border-radius:2px}
body.wab-local-ui-contract .wab-connect-browser__nav-lines{display:flex;gap:1.8cqw}
body.wab-local-ui-contract .wab-connect-browser__nav-lines b{width:5cqw;height:.8cqw;background:#c7c7c1;border-radius:2px}
body.wab-local-ui-contract .wab-connect-browser__content{display:grid;grid-template-columns:1fr 1fr;gap:7%}
body.wab-local-ui-contract .wab-connect-browser__story>span{display:block;font:900 5.7cqw/1.02 WABSanukBlack,Effra,sans-serif;letter-spacing:-.02em;margin-bottom:3cqw}
body.wab-local-ui-contract .wab-connect-browser__story>b{display:block;width:95%;height:.85cqw;margin-bottom:1.2cqw;background:#d1d1cb;border-radius:2px}
body.wab-local-ui-contract .wab-connect-browser__story>b:nth-of-type(3){width:60%}
body.wab-local-ui-contract .wab-connect-form{padding:3cqw;background:#fff;border-radius:7px;box-shadow:0 3px 12px #10111708}
body.wab-local-ui-contract .wab-connect-form>span:first-child{display:block;margin-bottom:2.5cqw;font:700 3.1cqw/1.2 Effra,sans-serif}
body.wab-local-ui-contract .wab-connect-form>b{display:block;height:3cqw;border-radius:3px;margin-bottom:1.5cqw;background:#eeeeea}
body.wab-local-ui-contract .wab-connect-form>b:nth-of-type(3){height:5cqw}
body.wab-local-ui-contract .wab-connect-form__submit{display:flex;justify-content:space-between;align-items:center;background:#0056dc;color:#fff;border-radius:4px;padding:1.5cqw 1.8cqw;font:700 2.3cqw/1.2 Effra,sans-serif}
body.wab-local-ui-contract .wab-connect-client{position:absolute;right:0;top:4%;width:42%;padding:4cqw;background:#fff;border-radius:12px;box-shadow:0 12px 28px #7f3b2826;transform:rotate(4deg)}
body.wab-local-ui-contract .wab-connect-client__icon{display:grid;place-items:center;width:7cqw;height:7cqw;background:#0056dc;color:#fff;border-radius:50%;font-size:3cqw;margin-bottom:2.5cqw}
body.wab-local-ui-contract .wab-connect-client__title{display:block;font:700 3.3cqw/1.2 Effra,sans-serif;margin-bottom:3cqw}
body.wab-local-ui-contract .wab-connect-client__record{display:flex;gap:2cqw;align-items:center}
body.wab-local-ui-contract .wab-connect-client__record>span{width:5cqw;height:5cqw;border-radius:50%;background:#e6e6e2}
body.wab-local-ui-contract .wab-connect-client__record>div{flex:1}
body.wab-local-ui-contract .wab-connect-client__record b{display:block;height:1cqw;background:#cecec8;border-radius:2px;margin-block:1cqw}
body.wab-local-ui-contract .wab-connect-client__record b:last-child{width:65%;background:#e6e6e2}
body.wab-local-ui-contract .wab-connect-client__record>i{color:#0056dc;font-size:2.6cqw}
body.wab-local-ui-contract .wab-connect-received{position:absolute;left:0;bottom:5%;display:flex;align-items:center;gap:2cqw;padding:2.5cqw 3.5cqw;background:#fff;border-radius:999px;box-shadow:0 8px 24px #7f3b2826;transform:rotate(-3deg);font-size:3cqw}
body.wab-local-ui-contract .wab-connect-received>span{display:grid;place-items:center;width:5.5cqw;height:5.5cqw;border-radius:50%;background:var(--wab-green);font-size:2.8cqw}
body.wab-local-ui-contract .wab-connect-task{position:absolute;right:0;bottom:-4%;width:52%;padding:3.8cqw;display:flex;gap:2.5cqw;align-items:center;transform:rotate(2deg);background:#0056dc;color:#fff;border-radius:12px;box-shadow:0 16px 30px #7f3b2833}
body.wab-local-ui-contract .wab-connect-task__icon{display:grid;place-items:center;background:#fff;color:#0056dc;width:7cqw;height:7cqw;flex:0 0 7cqw;border-radius:50%;font-size:3cqw}
body.wab-local-ui-contract .wab-connect-task strong{display:block;font:700 3cqw/1.2 Effra,sans-serif}
body.wab-local-ui-contract .wab-connect-task div>span{display:block;margin-top:1cqw;font:400 2.5cqw/1.2 Effra,sans-serif}
@media(max-width:767px){body.wab-local-ui-contract .wab-connect-scene{aspect-ratio:1.2;margin-top:8px}body.wab-local-ui-contract .wab-connect-browser{top:22%;height:62%}body.wab-local-ui-contract .wab-connect-client{top:1%;border-radius:8px}body.wab-local-ui-contract .wab-connect-browser,body.wab-local-ui-contract .wab-connect-task{border-radius:8px}}
@media(max-width:767px){body.wab-local-ui-contract .wab-service-feature{padding-block:var(--wab-section-space)}body.wab-local-ui-contract .wab-service-feature__layout{grid-template-columns:1fr;gap:var(--wab-layout-gap)}body.wab-local-ui-contract .wab-service-feature__visual>img{width:120px;height:120px}body.wab-local-ui-contract .wab-service-feature__visual>span{font-size:21px}}

body.wab-local-ui-contract .local-personal-contact__details-row a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}

/* Related system journey: one concrete example and one primary next step. */
body.wab-local-ui-contract .svc-system-context{padding-block:var(--wab-section-space);background:#f5f5f2;color:#101117}
body.wab-local-ui-contract .svc-system-context__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--wab-layout-gap);align-items:start}
body.wab-local-ui-contract .svc-system-context :is(h2,h3,p){color:inherit!important}
body.wab-local-ui-contract .svc-system-context aside{padding:36px;background:#fff;border-radius:12px;box-shadow:var(--wab-panel-shadow)}
body.wab-local-ui-contract .svc-system-context h3{font:900 clamp(26px,3vw,36px)/1.1 WABSanukBlack,Effra,sans-serif!important;margin:0 0 24px!important}
body.wab-local-ui-contract .svc-system-context aside>p{margin-bottom:28px}
body.wab-local-ui-contract .svc-system-context .svc-system-context__website{font-size:16px!important;margin:28px 0 0!important}
body.wab-local-ui-contract .svc-system-context__website a{color:#0056dc!important;text-decoration:underline;text-underline-offset:4px}
/* One text-link underline, independent of buttons, navigation and whole-card anchors. */
body.wab-local-ui-contract :is(.studio-pages--contact,.local-personal-contact,.footer,.contact-cards) a:is([href^="tel:"],[href^="mailto:"]):not(.button){display:inline-block;width:fit-content;max-width:100%;--wab-text-link-padding:2px;padding-bottom:3px}
body.wab-local-ui-contract.wab-local-ui-contract .wab-text-link{padding-bottom:calc(var(--wab-text-link-padding,0px) + 1px)!important;color:var(--wab-link-ink,currentColor)!important;opacity:1!important;text-decoration:none!important;border-bottom:0!important;background-image:linear-gradient(currentColor,currentColor)!important;background-size:0% 1.5px!important;background-repeat:no-repeat!important;background-position:left bottom!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size .3s ease!important}
/* Footer reset uses a padding shorthand; retain the same extra underline pixel here. */
body.wab-local-ui-contract.wab-local-ui-contract .footer-bottom__meta>.footer-legal a.wab-text-link{padding-bottom:1px!important}
body.wab-local-ui-contract.wab-local-ui-contract .wab-text-link:is(:hover,:focus-visible){color:var(--wab-link-ink,currentColor)!important;opacity:1!important;text-decoration:none!important;background-size:100% 1.5px!important}
body.wab-local-ui-contract.wab-local-ui-contract .wab-text-link:focus-visible{outline:2px solid var(--wab-focus-color,#0056dc)!important;outline-offset:4px!important}
@media(prefers-reduced-motion:reduce){body.wab-local-ui-contract.wab-local-ui-contract .wab-text-link{transition:none!important}}
/* Solid-surface contrast: supporting form copy and map metadata use real ink, not stacked opacity. */
body.wab-local-ui-contract .gform_wrapper :is(.gfield_required,.gfield_required_text){color:#626873!important;opacity:1!important}
body.wab-local-ui-contract .gform_wrapper :is(input,textarea)::placeholder{color:#626873!important;opacity:1!important}
body.wab-local-ui-contract .local-personal-contact__captcha-note{opacity:1!important}
body.wab-local-ui-contract .studio-pages--contact .sp-location__fallback{color:#101117!important}
body.wab-local-ui-contract .studio-pages--contact .sp-location__fallback :is(strong,span){color:inherit!important}
body.wab-local-ui-contract .studio-pages--contact .sp-location__fallback a,body.wab-local-ui-contract .sp-location .maplibregl-ctrl-attrib a{color:#0056dc!important}
body.wab-local-ui-contract .sp-location .maplibregl-ctrl-attrib{color:#41414b!important}
body.wab-local-ui-contract .svc-page--hosting .svc-section--light :is(p,.svc-section-heading p){color:#41414b!important}
body.wab-local-ui-contract.lang-en .contact-card--mail{background:#0056dc!important;color:#fff!important}
body.wab-local-ui-contract.lang-en .contact-card__meta{opacity:1!important}
body.wab-local-ui-contract.lang-en :is(.contact-meta-card__label,.contact-meta-card__foot){color:#626873!important;opacity:1!important}
body.wab-local-ui-contract.lang-en .contact-meta-card a{color:#0056dc!important}

body.wab-local-ui-contract .local-question-page :is(.lq-text-services,.lq-text-next) a,body.wab-legal-copy main .content-max-3xl a:not(.button){color:#0056dc!important}

/* Review controls keep the same accessible blue as body links. */
body.kit-service-preview .k-hero-variants a{color:#0056dc!important}

/* Functional consistency: semantic surfaces determine focus, never page-name patches. */
body.wab-local-ui-contract :is([data-header-theme="dark"],.dark){--wab-focus-color:#4386ff}
body.wab-local-ui-contract [data-header-theme="light"]{--wab-focus-color:#0056dc}
body.wab-local-ui-contract main :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--wab-focus-color,#0056dc)!important;outline-offset:4px!important}
body.wab-local-ui-contract .wab-section-faq__question:focus-visible{outline-offset:-3px!important}

/* Calm shared curves replace the old English overview background only on local preview. */
body.wab-local-ui-contract .service-page>.section-bg--image.wab-drawn-section>.bg--image{display:none!important}


/* Ben, 19 October: pause all decorative site curves, including legacy fallbacks.
   Kit demonstrations, social artwork, functional icons and service illustrations remain intact. */
body.wab-local-ui-contract:not(.kit-service-preview) :is(.wab-brand-wave,[data-home-ribbon]){display:none!important}
/* Explicit exception: one large tonal curl above the homepage service panels. */
body.wab-local-ui-contract .wab-local-home-content #werkgebieden{position:relative;isolation:isolate;overflow:clip}
body.wab-local-ui-contract .wab-local-home-content #werkgebieden>.container{position:relative;z-index:1}
body.wab-local-ui-contract .wab-local-home-content #werkgebieden>[data-home-brand-exception="true"]{display:block!important;position:absolute;width:150%;height:auto;aspect-ratio:2;max-width:none;left:-25%;top:-160px;color:#e6e6e2!important;opacity:1!important;pointer-events:none;z-index:0;transform:none!important}
@media(max-width:767px){body.wab-local-ui-contract .wab-local-home-content #werkgebieden>[data-home-brand-exception="true"]{width:200%;left:-50%;top:-20px;opacity:.65!important}}

body.wab-local-ui-contract:not(.kit-service-preview) :is(.br-offer,.br-contact,.sp-continuity,.socials-intake-hero,.section--swirl-black,.section--swirl-white)::before,
body.wab-local-ui-contract:not(.kit-service-preview) .sp-collective--cinematic::after{content:none!important;display:none!important}
body.wab-local-ui-contract:not(.kit-service-preview) .service-page .section-hero{--service-hero-art:none!important}
body.wab-local-ui-contract:not(.kit-service-preview) .bg--image img[src*="hero-loop"]{display:none!important}
body.wab-local-ui-contract:not(.kit-service-preview) #home-help-title,
body.wab-local-ui-contract:not(.kit-service-preview) .studio-pages--contact .sp-hero--contact h1{text-align:center!important}

body.wab-local-ui-contract:not(.kit-service-preview) .local-home-question-layout>header{width:100%!important;max-width:none!important}

/* Open website offer rows align with their shared section heading. */
body.wab-local-ui-contract .ws-offer .ws-service-direction{padding-inline:0!important}

/* Placement only: the homepage USP component keeps its own shared four-item styling. */
body.wab-local-ui-contract .svc-photo-hero .home-facts{position:absolute;inset:auto 0 0;width:100%;text-align:left}
body.wab-local-ui-contract .svc-photo-hero .home-facts li::before,body.wab-local-ui-contract .svc-photo-hero .home-facts li::after{display:none!important}

/* The shared offer row follows its section theme; light rows never inherit dark panel paper. */
body.wab-local-ui-contract [data-header-theme="light"] .svc-technical-offer article{background:transparent;color:#101117;border-radius:0;box-shadow:none!important;padding-inline:0!important}
body.wab-local-ui-contract [data-header-theme="light"] .svc-technical-offer :is(p,ul,li){color:inherit!important;opacity:1!important}
body.wab-local-ui-contract .svc-technical-offer :is(p,ul){font:400 17px/1.55 Effra,sans-serif!important}

/* Editorial offer rows use one calm surface on every service page. */
body.wab-local-ui-contract .ws-offer .ws-service-direction{border-radius:0;box-shadow:none!important;background:transparent}

body.wab-local-ui-contract [data-header-theme="light"] .svc-section-heading p{color:#41414b!important;opacity:1!important}

/* Harmonised contact surfaces use the same canonical family values as other UI panels.
   This shared contract owns colours; local Studio CSS only owns layout and marker geometry. */
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article{background:var(--wab-surface-green)!important;color:var(--wab-darkest)!important;--wab-button-context-ink:var(--wab-darkest);--wab-button-context-paper:var(--wab-surface-green)}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article:nth-child(2){background:var(--wab-surface-salmon)!important;color:var(--wab-darkest)!important;--wab-button-context-paper:var(--wab-surface-salmon)}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article:nth-child(3){background:var(--wab-surface-blue)!important;color:var(--wab-paper)!important;--wab-button-context-ink:var(--wab-paper);--wab-button-context-paper:var(--wab-surface-blue)}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-grid--legacy3>article :is(h2,h3,p,a){color:inherit!important}
body.wab-local-ui-contract.wab-local-ui-contract.wab-local-ui-contract .studio-pages--contact .sp-practical-card__icon{background:var(--wab-paper)!important;color:var(--wab-dark)!important}
body.wab-local-ui-contract .svc-page--systemen{--service-list-color:var(--wab-coral-ink);--service-label-color:var(--wab-coral)}
body.wab-local-ui-contract .wab-cycle__result>.fa-check{color:var(--wab-blue)}

/* Page-context labels restored by the latest explicit NL/EN instruction. */