/* =========================================================
   HAMILTON EDITORIAL TEMPLATE — WRAPPER AND FRAME OWNERSHIP
   ========================================================= */
body.page-template-webbies-editorial,
body.page-template-webbies-editorial #page,
body.page-template-webbies-editorial #content,
body.page-template-webbies-editorial .site-content {
  width:100%;
  max-width:none;
  margin:0;
  padding-left:0;
  padding-right:0;
}
body.page-template-webbies-editorial .site-content > .ast-container {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-template-webbies-editorial .wb-page,
body.page-template-webbies-editorial .wb-page main {
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
html,
body.page-template-webbies-editorial { overflow-x:clip; }
body.page-template-webbies-editorial #page,
body.page-template-webbies-editorial #content,
body.page-template-webbies-editorial .site-content,
body.page-template-webbies-editorial .site-content > .ast-container,
body.page-template-webbies-editorial .wb-page,
body.page-template-webbies-editorial .wb-page main {
  overflow-y:visible !important;
}
body.page-template-webbies-editorial .wb-frame {
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
}
@media (min-width:1101px) {
  body.page-template-webbies-editorial {
    --wb-editorial-gutter:14px;
    --wb-editorial-top-space:14px;
    --wb-editorial-section-gap:14px;
    --wb-frame:min(1820px,calc(100vw - 28px));
    --wb-radius:18px;
  }
  body.page-template-webbies-editorial .wb-page {
    position:relative;
    padding-top:var(--wb-editorial-top-space);
    padding-bottom:var(--wb-editorial-section-gap);
    background:transparent;
  }
  body.page-template-webbies-editorial .wb-frame {
    width:var(--wb-frame);
    max-width:var(--wb-frame);
    margin-right:auto;
    margin-left:auto;
    margin-top:var(--wb-editorial-section-gap);
    box-shadow:0 18px 55px rgba(33,92,82,.045),0 1px 0 rgba(255,255,255,.65) inset;
  }
  body.page-template-webbies-editorial main > .wb-frame:first-child { margin-top:0; }
  body.page-template-webbies-editorial .wb-frame + .wb-frame { margin-top:var(--wb-editorial-section-gap); }
}


/* =========================================================
   HAMILTON EDITORIAL TEMPLATE — ASTRA WRAPPER OWNERSHIP
   Exact reference contract. No viewport breakout workaround.
   ========================================================= */
body.page-template-webbies-editorial,
body.page-template-webbies-editorial #page,
body.page-template-webbies-editorial #content,
body.page-template-webbies-editorial .site-content {
  width:100%;
  max-width:none;
  margin:0;
  padding-left:0;
  padding-right:0;
}
body.page-template-webbies-editorial .site-content > .ast-container {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.page-template-webbies-editorial .wb-page {
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  overflow:visible;
}
html,
body.page-template-webbies-editorial {
  overflow-x:clip;
}
body.page-template-webbies-editorial #page,
body.page-template-webbies-editorial #content,
body.page-template-webbies-editorial .site-content,
body.page-template-webbies-editorial .site-content > .ast-container,
body.page-template-webbies-editorial .wb-page,
body.page-template-webbies-editorial .wb-page main {
  overflow-y:visible !important;
}
body.page-template-webbies-editorial .wb-page main {
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

:root{
  --wb-ink:#101817;--wb-muted:#687775;--wb-canvas:#e2efed;--wb-paper:#f8fcfb;
  --wb-paper-soft:#edf5f3;--wb-line:#c1d8d4;--wb-teal:#365f5c;--wb-green:#629491;
  --wb-orange:#e85c33;--wb-yellow:#ffc640;--wb-heading:"Montserrat Alternates","Inter",Arial,sans-serif;
  --wb-sans:"Inter",Arial,sans-serif;--wb-serif:"Lora",Georgia,serif;
  --wb-frame:min(1820px,calc(100vw - 28px));--wb-radius:18px;--wb-ease:cubic-bezier(.22,1,.36,1);
}
.wb-page,.wb-page *,.wb-page *::before,.wb-page *::after{box-sizing:border-box}
body.webbies-landing-page{margin:0;overflow-x:clip;background:var(--wb-canvas);color:var(--wb-ink);font:400 16px/1.65 var(--wb-sans);-webkit-font-smoothing:antialiased}
.wb-page{position:relative;width:100%;max-width:none;margin:0;color:var(--wb-ink);isolation:isolate}
.wb-page main{position:relative;z-index:2;width:100%}
.wb-page :where(h1,h2,h3,p,figure){margin:0}.wb-page :where(h1,h2,h3){font-family:var(--wb-heading);font-weight:600;letter-spacing:-.05em;text-wrap:balance}
.wb-page :where(img,svg){display:block;max-width:100%}.wb-page a{color:inherit}.wb-page :focus-visible{outline:3px solid var(--wb-orange);outline-offset:4px}
.wb-serif{font-family:var(--wb-serif);font-style:italic;font-weight:500;color:var(--wb-teal)}.wb-kicker{color:var(--wb-green);font-size:.72rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.wb-frame{width:var(--wb-frame);margin:14px auto 0;overflow:clip;border:1px solid var(--wb-line);border-radius:var(--wb-radius);background:var(--wb-paper);box-shadow:0 20px 70px rgba(33,92,82,.06)}
.wb-frame+.wb-frame{margin-top:14px}.wb-skip{position:fixed;z-index:1005;top:10px;left:10px;transform:translateY(-150%);padding:10px 16px;border-radius:999px;background:var(--wb-yellow);font-weight:750;text-decoration:none}.wb-skip:focus{transform:none}
.wb-progress{position:fixed;z-index:1000;top:50%;right:7px;width:6px;height:132px;overflow:hidden;border-radius:99px;background:rgba(54,95,92,.15);transform:translateY(-50%)}.wb-progress span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--wb-green);transform:scaleY(0);transform-origin:top}
.wb-thread{position:absolute;z-index:1;top:0;left:50%;width:min(1200px,94vw);height:100%;min-height:7000px;pointer-events:none;transform:translateX(-50%);overflow:visible}.wb-thread path{fill:none;vector-effect:non-scaling-stroke}.wb-thread__base{stroke:rgba(54,95,92,.11);stroke-width:1.3}.wb-thread__draw{stroke:var(--wb-green);stroke-width:1.7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.wb-thread__node{fill:var(--wb-orange);opacity:.9}.wb-thread__node:nth-of-type(even){fill:var(--wb-yellow)}
.wb-reveal{opacity:1;transform:none}.wb-motion-ready .wb-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s var(--wb-ease)}.wb-motion-ready .wb-reveal.is-visible{opacity:1;transform:none}
.wb-cta{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--wb-ink);border-radius:999px;background:var(--wb-yellow);font-size:.84rem;font-weight:800;text-decoration:none;transition:.25s var(--wb-ease)}.wb-cta::after{content:"↗";margin-left:14px}.wb-cta:hover{background:var(--wb-teal);color:#fff;transform:translateY(-3px)}
.wb-text-link{display:inline-flex;margin-top:24px;font-size:.84rem;font-weight:750;text-decoration:underline;text-underline-offset:5px}
.wb-editorial-hero{position:relative;min-height:calc(100vh - 28px);background:linear-gradient(145deg,#f8fcfb 0%,#edf5f3 100%)}.wb-editorial-hero::before{position:absolute;inset:-15% -10% auto auto;width:58vw;height:58vw;max-width:900px;max-height:900px;border:1px solid rgba(54,95,92,.18);border-radius:47% 53% 61% 39%/42% 40% 60% 58%;content:"";animation:wbHeroShape 14s ease-in-out infinite alternate}.wb-editorial-hero::after{position:absolute;top:12%;right:10%;width:17px;height:17px;border-radius:50%;background:var(--wb-orange);content:"";box-shadow:-90px 175px 0 -4px var(--wb-yellow)}
@keyframes wbHeroShape{to{transform:translate(-7%,8%) rotate(18deg);border-radius:61% 39% 43% 57%/52% 61% 39% 48%}}
.wb-editorial-hero__inner{position:relative;z-index:2;min-height:calc(100vh - 28px);display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,6vw,100px)}.wb-editorial-hero h1{max-width:1500px;margin-top:20px;font-size:clamp(3.25rem,7vw,8.8rem);line-height:.93;letter-spacing:-.075em}.wb-editorial-hero h1 .wb-serif{display:inline-block}
.wb-editorial-hero__bottom{display:flex;max-width:1100px;align-items:center;justify-content:space-between;gap:38px;margin-top:clamp(42px,7vh,85px)}.wb-editorial-hero__bottom p{max-width:740px;color:var(--wb-muted);font-size:clamp(1rem,1.2vw,1.25rem)}.wb-editorial-hero__scroll{position:absolute;right:42px;bottom:38px;display:flex;align-items:center;gap:12px;color:var(--wb-muted);font-size:.7rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase;writing-mode:vertical-rl}.wb-editorial-hero__scroll i{display:block;width:1px;height:54px;background:var(--wb-green);animation:wbScrollPulse 1.8s ease-in-out infinite}@keyframes wbScrollPulse{50%{transform:scaleY(.35);transform-origin:bottom}}
.wb-scope-editorial{background:var(--wb-teal);color:#fff}.wb-scope-editorial__intro{padding:clamp(52px,7vw,110px);text-align:center}.wb-scope-editorial__intro .wb-kicker{color:#b9d8d3}.wb-scope-editorial__intro h2{max-width:1250px;margin:18px auto 0;color:#fff;font-size:clamp(2.65rem,5vw,6.4rem);line-height:1}.wb-scope-editorial__intro h2 .wb-serif{color:var(--wb-yellow)}.wb-scope-editorial__intro>p:last-child{max-width:760px;margin:28px auto 0;color:rgba(255,255,255,.76);font-size:1.05rem}
.wb-scope-editorial__routes{border-top:1px solid rgba(255,255,255,.18)}.wb-scope-route{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:clamp(34px,4.5vw,70px) clamp(32px,6vw,100px);border-bottom:1px solid rgba(255,255,255,.18);transition:background .3s ease,padding-left .4s var(--wb-ease)}.wb-scope-route:last-child{border-bottom:0}.wb-scope-route:hover{background:rgba(255,255,255,.055);padding-left:clamp(42px,7vw,125px)}.wb-scope-route>span{color:var(--wb-yellow);font-family:var(--wb-heading);font-size:.86rem;font-weight:750}.wb-scope-route .wb-kicker{color:#b9d8d3}.wb-scope-route h3{margin-top:9px;color:#fff;font-size:clamp(1.65rem,3vw,3.8rem)}.wb-scope-route p:not(.wb-kicker){max-width:800px;margin-top:14px;color:rgba(255,255,255,.7)}.wb-scope-route a{display:inline-flex;margin-top:18px;color:var(--wb-yellow);font-size:.8rem;font-weight:750;text-underline-offset:5px}
.wb-process__header,.wb-projects__header{padding:clamp(46px,6vw,90px)}.wb-process__header h2,.wb-projects__header h2{max-width:1100px;margin-top:16px;font-size:clamp(2.35rem,4.2vw,5.2rem);line-height:1.03}.wb-process__header>p:last-child,.wb-projects__header>p:last-child{max-width:790px;margin-top:24px;color:var(--wb-muted);font-size:1.03rem}
.wb-process__layout{display:grid;grid-template-columns:minmax(0,6.5fr) minmax(420px,5.5fr);border-top:1px solid var(--wb-line)}.wb-process__steps{background:var(--wb-paper)}.wb-process-step{min-height:62vh;display:grid;grid-template-columns:60px 1fr;gap:28px;align-content:center;padding:clamp(44px,6vw,94px);border-bottom:1px solid var(--wb-line);opacity:.35;transition:opacity .35s ease,background .35s ease}.wb-process-step:last-child{border-bottom:0}.wb-process-step.is-active{opacity:1;background:var(--wb-paper-soft)}.wb-process-step>span{color:var(--wb-green);font-weight:750}.wb-process-step h3{max-width:720px;font-size:clamp(1.7rem,2.6vw,3.2rem);line-height:1.08}.wb-process-step p{max-width:760px;margin-top:18px;color:var(--wb-muted)}
.wb-process__stage{position:relative;background:var(--wb-paper-soft)}.wb-process-visual{position:sticky;top:14px;height:calc(100vh - 28px);min-height:650px;overflow:hidden;background:linear-gradient(rgba(193,216,212,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(193,216,212,.35) 1px,transparent 1px),#f8fcfb;background-size:42px 42px}.wb-process-visual__top{position:absolute;z-index:8;top:24px;right:28px;left:28px;display:flex;justify-content:space-between;color:var(--wb-muted);font-size:.68rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.wb-process-scene{position:absolute;inset:0;display:grid;place-items:center;padding:80px 44px 44px;opacity:0;visibility:hidden;transform:translateY(28px) scale(.98);transition:opacity .55s ease,visibility .55s ease,transform .7s var(--wb-ease)}.wb-process-scene.is-active{opacity:1;visibility:visible;transform:none}
.wb-process-scene[data-process-scene="0"] strong{position:relative;z-index:2;display:grid;width:220px;height:220px;place-items:center;border-radius:50%;background:var(--wb-teal);color:#fff;font-family:var(--wb-heading);font-size:1.6rem;line-height:1;text-align:center;box-shadow:0 28px 70px rgba(54,95,92,.25)}.wb-process-scene[data-process-scene="0"] i{position:absolute;padding:12px 18px;border:1px solid var(--wb-line);border-radius:999px;background:#fff;font-style:normal;font-size:.75rem;font-weight:750}.wb-process-scene[data-process-scene="0"] i:nth-of-type(1){transform:translate(-180px,-130px)}.wb-process-scene[data-process-scene="0"] i:nth-of-type(2){transform:translate(190px,-10px)}.wb-process-scene[data-process-scene="0"] i:nth-of-type(3){transform:translate(-100px,180px)}.wb-orbit{position:absolute;border:1px solid var(--wb-line);border-radius:50%}.wb-orbit--a{width:390px;height:390px}.wb-orbit--b{width:540px;height:540px}
.wb-map-root{position:absolute;top:25%;padding:18px 30px;border-radius:14px;background:var(--wb-teal);color:#fff;font-weight:750}.wb-map-root::after{position:absolute;top:100%;left:50%;width:1px;height:90px;background:var(--wb-line);content:""}.wb-map-row{position:absolute;top:56%;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:82%}.wb-map-row span{position:relative;padding:18px 12px;border:1px solid var(--wb-line);border-radius:12px;background:#fff;font-size:.75rem;font-weight:750;text-align:center}.wb-map-row span::before{position:absolute;right:50%;bottom:100%;width:1px;height:35px;background:var(--wb-line);content:""}
.wb-ui-hero{position:absolute;top:18%;left:8%;width:68%;min-height:180px;padding:28px;border-radius:24px;background:var(--wb-teal);color:#fff}.wb-ui-hero b,.wb-ui-hero small{display:block}.wb-ui-hero b{font-size:1.3rem}.wb-ui-hero small{margin-top:12px;color:rgba(255,255,255,.7)}.wb-ui-hero em{display:inline-flex;margin-top:22px;padding:10px 14px;border-radius:999px;background:var(--wb-yellow);color:var(--wb-ink);font-style:normal;font-size:.7rem;font-weight:750}.wb-ui-cards{position:absolute;top:52%;left:8%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:68%}.wb-ui-cards i{height:125px;border:1px solid var(--wb-line);border-radius:18px;background:#fff}.wb-ui-phone{position:absolute;right:5%;top:34%;width:20%;height:300px;padding:14px;border:6px solid var(--wb-ink);border-radius:28px;background:#fff}.wb-ui-phone i{display:block;height:54px;margin-bottom:10px;border-radius:8px;background:var(--wb-paper-soft)}.wb-ui-phone i:first-child{height:78px;background:var(--wb-green)}
.wb-launch-list{display:grid;gap:16px;width:min(100%,560px)}.wb-launch-list span{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:20px 24px;border:1px solid var(--wb-line);border-radius:16px;background:#fff}.wb-launch-list i{color:var(--wb-green);font-style:normal;font-size:.72rem;font-weight:800;text-transform:uppercase}
.wb-projects{background:var(--wb-paper)}.wb-projects__header{text-align:center}.wb-projects__header h2,.wb-projects__header>p:last-child{margin-right:auto;margin-left:auto}.wb-project{display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,5fr);border-top:1px solid var(--wb-line)}.wb-project--reverse{grid-template-columns:minmax(360px,5fr) minmax(0,7fr)}.wb-project--reverse .wb-project__image{order:2}.wb-project__image{position:relative;max-height:760px;overflow:auto;background:var(--wb-paper-soft);scrollbar-width:thin}.wb-project__image img{width:100%;height:auto}.wb-project__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,82px)}.wb-project__copy h3{margin-top:14px;font-size:clamp(1.8rem,3vw,3.6rem);line-height:1.06}.wb-project__copy p:not(.wb-kicker){margin-top:20px;color:var(--wb-muted)}.wb-project__copy a{margin-top:22px;font-size:.8rem;font-weight:750;text-underline-offset:5px}
.wb-text-statement{background:var(--wb-teal);color:#fff}.wb-text-statement__inner{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(64px,8vw,130px);text-align:center}.wb-text-statement__inner .wb-kicker{color:#b9d8d3}.wb-text-statement__inner h2{max-width:1250px;margin-top:18px;color:#fff;font-size:clamp(2.8rem,5.5vw,7rem);line-height:.98}.wb-text-statement__inner h2 .wb-serif{color:var(--wb-yellow)}.wb-text-statement__inner>p:last-child{max-width:900px;margin-top:30px;color:rgba(255,255,255,.74);font-size:1.08rem}.wb-text-statement__notes{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.wb-text-statement__notes span{padding:24px;border-right:1px solid rgba(255,255,255,.2);font-size:.72rem;font-weight:750;text-align:center;text-transform:uppercase}.wb-text-statement__notes span:last-child{border-right:0}

.wb-answers{display:grid;grid-template-columns:minmax(340px,4.5fr) minmax(0,7.5fr)}.wb-answers__intro{padding:clamp(45px,5vw,80px);background:var(--wb-paper-soft)}.wb-answers__intro h2{margin-top:16px;font-size:clamp(2.1rem,3.4vw,4.3rem);line-height:1.03}.wb-answers__intro>p:last-child{margin-top:24px;color:var(--wb-muted)}.wb-answers__list details{border-bottom:1px solid var(--wb-line)}.wb-answers__list details:last-child{border-bottom:0}.wb-answers__list summary{position:relative;padding:30px 70px 30px 34px;cursor:pointer;list-style:none;font-family:var(--wb-heading);font-size:clamp(1rem,1.35vw,1.45rem);font-weight:600}.wb-answers__list summary::-webkit-details-marker{display:none}.wb-answers__list summary::after{position:absolute;right:30px;content:"+"}.wb-answers__list details[open] summary::after{content:"−"}.wb-answers__list details p{max-width:850px;padding:0 70px 30px 34px;color:var(--wb-muted)}
.wb-closing{display:grid;grid-template-columns:minmax(0,7fr) minmax(400px,5fr);background:var(--wb-teal)}.wb-closing__statement{padding:clamp(52px,6vw,100px);color:#fff}.wb-closing__statement .wb-kicker{color:#b9d8d3}.wb-closing__statement h2{margin-top:18px;color:#fff;font-size:clamp(2.6rem,4.8vw,6.1rem);line-height:1}.wb-closing__statement h2 .wb-serif{color:var(--wb-yellow)}.wb-closing__statement>p:last-child{max-width:800px;margin-top:28px;color:rgba(255,255,255,.74)}.wb-closing__action{position:relative;padding:clamp(42px,5vw,76px);background:#fff}.wb-closing__routes{display:grid;margin:22px 0 30px;border-top:1px solid var(--wb-line)}.wb-closing__routes span{display:grid;grid-template-columns:35px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--wb-line);font-family:var(--wb-heading);font-size:1.15rem;font-weight:600}.wb-closing__routes i{color:var(--wb-green);font-family:var(--wb-sans);font-size:.68rem;font-style:normal}.wb-closing__action>a{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:14px 16px 14px 28px;border:1px solid var(--wb-ink);border-radius:999px;background:var(--wb-yellow);font-weight:800;text-decoration:none;transition:.25s var(--wb-ease)}.wb-closing__action>a b{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--wb-ink);color:#fff}.wb-closing__action>a:hover{background:var(--wb-teal);color:#fff;transform:translateY(-3px)}
@media(max-width:1100px){.wb-thread{opacity:.6}.wb-process__layout,.wb-project,.wb-project--reverse,.wb-answers,.wb-closing{grid-template-columns:1fr}.wb-project--reverse .wb-project__image{order:0}.wb-process__stage{min-height:70vh}.wb-process-visual{position:relative;top:0;height:70vh;min-height:540px}.wb-process-step{min-height:auto;opacity:1}.wb-scope-route:hover{padding-left:clamp(32px,6vw,100px)}}
@media(max-width:760px){:root{--wb-frame:calc(100vw - 16px);--wb-radius:14px}.wb-frame{margin-top:8px}.wb-frame+.wb-frame{margin-top:8px}.wb-progress{display:none}.wb-thread{display:none}.wb-editorial-hero,.wb-editorial-hero__inner{min-height:calc(100svh - 16px)}.wb-editorial-hero__inner{padding:34px 24px}.wb-editorial-hero h1{font-size:clamp(3rem,14vw,5.3rem)}.wb-editorial-hero__bottom{display:grid;margin-top:38px}.wb-editorial-hero__scroll{right:16px;bottom:18px}.wb-scope-editorial__intro,.wb-process__header,.wb-projects__header{padding:42px 24px}.wb-scope-editorial__intro h2,.wb-text-statement__inner h2{font-size:clamp(2.6rem,12vw,4.6rem)}.wb-scope-route{grid-template-columns:44px 1fr;gap:14px;padding:30px 22px}.wb-scope-route h3{font-size:1.7rem}.wb-process-step{grid-template-columns:38px 1fr;gap:12px;padding:38px 24px}.wb-process-visual{height:590px;min-height:590px}.wb-map-row{grid-template-columns:repeat(2,1fr);top:48%}.wb-map-root::after{height:60px}.wb-ui-hero{left:6%;width:72%}.wb-ui-cards{left:6%;width:72%;grid-template-columns:1fr;top:48%}.wb-ui-cards i{height:55px}.wb-ui-phone{right:3%;width:24%;height:260px}.wb-project__image{max-height:560px}.wb-project__copy{padding:36px 24px}.wb-text-statement__inner{min-height:auto;padding:70px 24px}.wb-text-statement__notes{grid-template-columns:1fr 1fr}.wb-text-statement__notes span:nth-child(2){border-right:0}.wb-text-statement__notes span:nth-child(-n/**/+2){border-bottom:1px solid rgba(255,255,255,.2)}.wb-answers__intro{padding:40px 24px}.wb-answers__list summary{padding:24px 54px 24px 24px;font-size:1rem}.wb-answers__list details p{padding:0 24px 26px}.wb-closing__statement,.wb-closing__action{padding:44px 24px}}
@media(prefers-reduced-motion:reduce){.wb-editorial-hero::before,.wb-editorial-hero__scroll i{animation:none}.wb-reveal,.wb-motion-ready .wb-reveal{opacity:1;transform:none;transition:none}.wb-process-scene{transition:none}}

/* Focused project evidence crops */
.wb-project__image {
  max-height:none !important;
  min-height:clamp(420px,46vw,720px);
  overflow:hidden !important;
}
.wb-project__image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* =========================================================
   APPROVED HAMILTON FOUNDER COMPONENT — LITERAL CONTRACT
   ========================================================= */


















@media(max-width:1100px){}
@media(max-width:760px){}


/* =========================================================
   FLAGSHIP ROUTED HERO + SCOPE SYSTEM
   ========================================================= */
.wb-route-system{position:relative;overflow:hidden;background:#f8fcfb}
.wb-route-system__hero{position:relative;min-height:clamp(720px,92vh,1040px);display:flex;align-items:flex-start;padding:clamp(70px,8vw,130px);background:linear-gradient(145deg,#f8fcfb 0%,#edf5f3 100%)}
.wb-route-system__hero-copy{position:relative;z-index:5;max-width:1120px}
.wb-route-system__hero h1{max-width:1080px;margin-top:20px;font-size:clamp(3.6rem,6.8vw,8rem);line-height:.93;letter-spacing:-.075em}
.wb-route-system__hero-copy>p:not(.wb-kicker){max-width:760px;margin-top:30px;color:var(--wb-muted);font-size:clamp(1rem,1.2vw,1.25rem)}
.wb-route-system__hero .wb-cta{margin-top:30px}
.wb-route-system__scope{position:relative;min-height:1540px;padding:clamp(64px,7vw,110px);background:#eef6f4}
.wb-route-system__scope-heading{position:relative;z-index:5;max-width:900px}
.wb-route-system__scope-heading h2{margin-top:16px;font-size:clamp(2.7rem,4.8vw,5.9rem);line-height:1}
.wb-route-system__scope-heading>p:last-child{max-width:730px;margin-top:24px;color:var(--wb-muted)}
.wb-circuit{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.wb-circuit path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.wb-circuit__base{stroke:url(#wbRouteFade);stroke-width:1.6}
.wb-circuit__offset{stroke:rgba(98,148,145,.22);stroke-width:1.1}
.wb-circuit__pulse{stroke:#fff;stroke-width:2.2}
.wb-circuit__pulse--secondary{stroke:var(--wb-yellow);stroke-width:1.6;opacity:.9}
.wb-circuit--mobile{display:none}
.wb-route-stop{position:absolute;z-index:4;width:min(430px,31vw);padding:0 0 0 42px}
.wb-route-stop::before{position:absolute;top:8px;left:0;width:14px;height:14px;border:3px solid #eef6f4;border-radius:50%;background:var(--wb-orange);box-shadow:0 0 0 1px var(--wb-orange);content:""}
.wb-route-stop>span{position:absolute;top:42px;left:0;color:var(--wb-green);font-size:.68rem;font-weight:800}
.wb-route-stop h3{margin-top:9px;font-size:clamp(1.65rem,2.3vw,2.8rem);line-height:1.05}
.wb-route-stop p:not(.wb-kicker){margin-top:14px;color:var(--wb-muted)}
.wb-route-stop a{display:inline-flex;margin-top:17px;font-size:.8rem;font-weight:750;text-underline-offset:5px}
.wb-route-stop--1{top:335px;left:24%}
.wb-route-stop--2{top:600px;right:8%}
.wb-route-stop--3{top:875px;left:34%}
.wb-route-stop--4{top:1190px;left:8%}
@media(max-width:1100px){
  .wb-route-system__hero{min-height:760px;padding:70px 46px}
  .wb-route-system__scope{min-height:1460px;padding:70px 46px}
  .wb-route-stop{width:min(410px,40vw)}
  .wb-route-stop--1{left:16%}.wb-route-stop--2{right:4%}.wb-route-stop--3{left:28%}.wb-route-stop--4{left:5%}
}
@media(max-width:760px){
  .wb-route-system__hero{min-height:auto;padding:56px 24px 110px}
  .wb-route-system__hero h1{font-size:clamp(3.1rem,14vw,5.2rem)}
  .wb-route-system__scope{min-height:auto;padding:60px 24px 70px}
  .wb-route-system__scope-heading{margin-bottom:62px}
  .wb-circuit--desktop{display:none}.wb-circuit--mobile{display:block;opacity:.85}
  .wb-route-stop{position:relative;top:auto!important;right:auto!important;left:auto!important;width:auto;min-height:210px;margin-left:48px;padding:0 0 36px 34px}
  .wb-route-stop::before{left:-13px}
  .wb-route-stop>span{left:-12px}
  .wb-route-stop:nth-of-type(even){margin-left:110px}
}

.wb-project__image{min-height:0!important;max-height:none!important;overflow:hidden!important;background:#fff!important}
.wb-project__image img{display:block;width:100%!important;height:auto!important;object-fit:contain!important;object-position:center!important;image-rendering:auto!important}

.wb-process-visual{background:linear-gradient(rgba(193,216,212,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(193,216,212,.35) 1px,transparent 1px),#f8fcfb!important;background-size:44px 44px!important}
.wb-process-scene[data-process-scene="0"] strong{width:245px!important;height:245px!important;font-size:1.75rem!important}
.wb-map-root{top:22%!important;padding:20px 34px!important;font-size:1rem!important}
.wb-map-row{top:55%!important;gap:22px!important}
.wb-map-row span{padding:22px 14px!important;border-radius:16px!important}
.wb-ui-hero{top:14%!important;left:7%!important;width:70%!important;min-height:210px!important;padding:34px!important}
.wb-ui-cards{top:51%!important;left:7%!important;width:70%!important}
.wb-ui-cards i{height:145px!important}
.wb-ui-phone{right:4%!important;top:31%!important;width:21%!important;height:330px!important}
.wb-launch-list span{min-height:92px!important}


/* =========================================================
   FOUNDER COMPONENT — REMOVE LEGACY OUTER GRID
   ========================================================= */





@media(max-width:1100px){
  
  
}


/* =========================================================
   PROJECT EVIDENCE — EQUAL NATIVE-PIXEL VIEWPORTS
   ========================================================= */
.wb-project{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
.wb-project--reverse{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
}
.wb-project__image{
  width:min(100%,680px) !important;
  aspect-ratio:1 !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:center !important;
  justify-self:center !important;
  overflow:hidden !important;
  background:#fff !important;
}
.wb-project__image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
  image-rendering:auto !important;
}
@media(max-width:1100px){
  .wb-project,.wb-project--reverse{grid-template-columns:1fr !important}
  .wb-project--reverse .wb-project__image{order:0 !important}
  .wb-project__image{width:min(100%,760px) !important}
}


/* =========================================================
   CANTOR-INSPIRED ROUTED HERO + SCOPE — FINAL GEOMETRY
   ========================================================= */
.wb-route-system{
  position:relative !important;
  min-height:2300px !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:linear-gradient(180deg,#f8fcfb 0 35%,#eef6f4 35% 100%) !important;
}
.wb-route-system__hero,
.wb-route-system__scope{
  position:relative !important;
  z-index:3 !important;
  background:transparent !important;
}
.wb-route-system__hero{
  min-height:820px !important;
  display:block !important;
  padding:clamp(72px,7vw,112px) !important;
}
.wb-route-system__hero-label{
  position:absolute !important;
  top:clamp(72px,7vw,112px) !important;
  left:clamp(46px,6vw,96px) !important;
}
.wb-route-system__hero-copy{
  width:min(650px,46vw) !important;
  max-width:650px !important;
  margin-left:auto !important;
  padding-top:34px !important;
}
.wb-route-system__hero h1{
  max-width:650px !important;
  margin:0 !important;
  font-size:clamp(3.15rem,4.55vw,5.65rem) !important;
  line-height:.95 !important;
  letter-spacing:-.065em !important;
}
.wb-route-system__hero-copy>p:not(.wb-kicker){
  max-width:630px !important;
  margin-top:28px !important;
}
.wb-route-system__scope{
  min-height:1480px !important;
  padding:70px clamp(46px,6vw,96px) 90px !important;
}
.wb-route-system__scope-heading{
  position:relative !important;
  z-index:4 !important;
  width:min(720px,52vw) !important;
  min-height:350px !important;
}
.wb-route-system__scope-heading h2{
  max-width:720px !important;
  font-size:clamp(2.65rem,4.1vw,5rem) !important;
}
.wb-route-system__stops{
  position:relative !important;
  z-index:4 !important;
  min-height:1040px !important;
}
.wb-route-stop{
  position:absolute !important;
  width:min(410px,30vw) !important;
  padding-left:40px !important;
}
.wb-route-stop--1{top:60px !important;left:28% !important;right:auto !important}
.wb-route-stop--2{top:330px !important;right:7% !important;left:auto !important}
.wb-route-stop--3{top:620px !important;left:39% !important;right:auto !important}
.wb-route-stop--4{top:880px !important;left:7% !important;right:auto !important}
.wb-circuit{
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  pointer-events:none !important;
  overflow:visible !important;
}
.wb-circuit path{
  fill:none !important;
  vector-effect:non-scaling-stroke !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
.wb-circuit--mobile{display:none !important}
@media(max-width:1100px){
  .wb-route-system__hero-copy{width:min(650px,58vw) !important}
  .wb-route-system__scope-heading{width:min(720px,65vw) !important}
  .wb-route-stop{width:min(390px,38vw) !important}
}
@media(max-width:760px){
  .wb-route-system{
    min-height:auto !important;
    background:linear-gradient(180deg,#f8fcfb 0 24%,#eef6f4 24% 100%) !important;
  }
  .wb-route-system__hero{
    min-height:690px !important;
    padding:54px 24px 90px !important;
  }
  .wb-route-system__hero-label{
    position:relative !important;
    top:auto !important;
    left:auto !important;
  }
  .wb-route-system__hero-copy{
    width:auto !important;
    max-width:none !important;
    margin:55px 0 0 !important;
    padding:0 !important;
  }
  .wb-route-system__hero h1{
    font-size:clamp(3rem,13vw,5rem) !important;
  }
  .wb-route-system__scope{
    min-height:auto !important;
    padding:58px 24px 70px !important;
  }
  .wb-route-system__scope-heading{
    width:auto !important;
    min-height:0 !important;
    margin-bottom:78px !important;
  }
  .wb-route-system__stops{min-height:1130px !important}
  .wb-circuit--desktop{display:none !important}
  .wb-circuit--mobile{display:block !important}
  .wb-route-stop{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    width:auto !important;
    min-height:245px !important;
    margin:0 0 0 55px !important;
    padding:0 0 45px 35px !important;
  }
  .wb-route-stop:nth-child(even){margin-left:105px !important}
}

/* =========================================================
   V4.2 — HEADER GAP + ROUTE FALLBACK
   ========================================================= */
@media (min-width:1101px){
  body.page-template-webbies-editorial main > .wb-frame:first-child{
    margin-top:28px !important;
  }
}

/* This subtle fallback remains visible even before the JS-created SVG loads. */
.wb-route-system::after{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  content:"";
  opacity:.42;
  background:
    linear-gradient(90deg,transparent 0 11%,rgba(98,148,145,.55) 11% 11.12%,transparent 11.12% 100%),
    linear-gradient(180deg,transparent 0 27%,rgba(98,148,145,.42) 27% 27.08%,transparent 27.08% 100%),
    linear-gradient(90deg,transparent 0 46%,rgba(98,148,145,.45) 46% 46.1%,transparent 46.1% 100%);
  mask-image:linear-gradient(to bottom,transparent 5%,#000 16%,#000 91%,transparent 99%);
}
.wb-route-system.has-runtime-circuit::after{opacity:.12}

/* =========================================================
   V4.2 — LITERAL HAMILTON FOUNDER TRANSITION
   ========================================================= */




@media(prefers-reduced-motion:reduce){
  
}

/* =========================================================
   V4.3 — PURPOSEFUL SCROLL-DRIVEN ROUTE
   ========================================================= */
.wb-route-system::after{display:none !important}

.wb-circuit__base,
.wb-circuit__offset{
  opacity:1 !important;
}
.wb-circuit__progress{
  fill:none;
  stroke:#365f5c;
  stroke-width:3.2;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke-dashoffset .08s linear;
}
.wb-circuit__node{
  transition:fill .28s ease,transform .28s ease;
  transform-box:fill-box;
  transform-origin:center;
}
.wb-circuit__node.is-active{
  fill:#365f5c !important;
  transform:scale(1.35);
}

.wb-route-system__hero-points{
  position:absolute;
  z-index:4;
  top:220px;
  left:clamp(58px,7vw,118px);
  width:min(420px,30vw);
  height:440px;
  pointer-events:none;
}
.wb-route-point{
  position:absolute;
  display:flex;
  align-items:center;
  gap:10px;
  color:#101817;
  opacity:.68;
  transition:opacity .3s ease,color .3s ease,transform .35s cubic-bezier(.22,1,.36,1);
}
.wb-route-point i{
  display:grid;
  width:26px;
  height:26px;
  place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  font-size:.58rem;
  font-style:normal;
  font-weight:800;
}
.wb-route-point b{
  font-family:var(--wb-heading);
  font-size:.82rem;
  letter-spacing:.02em;
}
.wb-route-point.is-active{
  color:#365f5c;
  opacity:1;
  transform:translateX(8px);
}
.wb-route-point--offer{top:35px;left:70px}
.wb-route-point--structure{top:145px;left:245px}
.wb-route-point--proof{top:260px;left:90px}
.wb-route-point--action{top:365px;left:250px}

.wb-route-stop{
  transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1);
}
.wb-route-stop:not(.is-route-active){
  opacity:.55;
  transform:translateY(10px);
}
.wb-route-stop.is-route-active{
  opacity:1;
  transform:none;
}

@media(max-width:1100px){
  .wb-route-system__hero-points{
    left:42px;
    width:360px;
  }
}
@media(max-width:760px){
  .wb-route-system__hero-points{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin:28px 0 0;
  }
  .wb-route-point{
    position:relative;
    top:auto!important;
    left:auto!important;
  }
  .wb-route-point.is-active{transform:translateX(4px)}
  .wb-circuit__progress{stroke-width:2.8}
}


/* =========================================================
   V4.4 — CLEAN CANTOR-INSPIRED LINE COMPOSITIONS
   ========================================================= */
.wb-route-system,
.wb-route-system__hero,
.wb-route-system__scope,
.wb-route-system__stops,
.wb-route-system__hero-points,
.wb-circuit{
  display:none !important;
}

.wb-premium-hero,
.wb-premium-scope{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#f8fcfb;
}

.wb-premium-hero{
  min-height:clamp(760px,88vh,980px);
}

.wb-premium-hero__copy{
  position:relative;
  z-index:3;
  width:min(650px,46vw);
  margin-left:auto;
  padding:clamp(92px,8vw,138px) clamp(72px,7vw,120px) 90px 0;
}

.wb-premium-hero__copy h1{
  max-width:650px;
  margin-top:18px;
  font-size:clamp(3.25rem,4.65vw,5.7rem);
  line-height:.95;
  letter-spacing:-.065em;
}

.wb-premium-hero__copy>p:not(.wb-kicker){
  max-width:620px;
  margin-top:28px;
  color:var(--wb-muted);
  font-size:clamp(1rem,1.15vw,1.18rem);
}

.wb-premium-hero__copy .wb-cta{
  margin-top:28px;
}

.wb-premium-scope{
  min-height:1320px;
  background:#eef6f4;
  padding:clamp(72px,6vw,108px);
}

.wb-premium-scope__intro{
  position:relative;
  z-index:3;
  max-width:760px;
}

.wb-premium-scope__intro h2{
  margin-top:16px;
  font-size:clamp(2.8rem,4.3vw,5.2rem);
  line-height:.98;
}

.wb-premium-scope__intro>p:last-child{
  max-width:680px;
  margin-top:22px;
  color:var(--wb-muted);
}

.wb-premium-scope__items{
  position:relative;
  z-index:3;
  min-height:920px;
  margin-top:70px;
}

.wb-premium-scope__item{
  position:absolute;
  width:min(390px,29vw);
  padding:0;
}

.wb-premium-scope__item h3{
  margin-top:8px;
  font-size:clamp(1.75rem,2.25vw,2.65rem);
  line-height:1.05;
}

.wb-premium-scope__item>p:not(.wb-kicker){
  margin-top:14px;
  color:var(--wb-muted);
}

.wb-premium-scope__item a{
  display:inline-flex;
  margin-top:16px;
  font-size:.82rem;
  font-weight:750;
  text-underline-offset:5px;
}

.wb-premium-scope__item--1{top:40px;left:18%}
.wb-premium-scope__item--2{top:300px;right:9%}
.wb-premium-scope__item--3{top:565px;left:34%}
.wb-premium-scope__item--4{top:805px;left:8%}

.wb-premium-line{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.wb-premium-line path{
  fill:none;
  vector-effect:non-scaling-stroke;
}

.wb-premium-line__pulse{
  opacity:.9;
}

@media(max-width:1100px){
  .wb-premium-hero__copy{
    width:min(650px,58vw);
    padding-right:48px;
  }
  .wb-premium-scope__item{
    width:min(390px,38vw);
  }
}

@media(max-width:760px){
  .wb-premium-hero{
    min-height:auto;
    padding:0;
  }

  .wb-premium-hero__copy{
    width:auto;
    margin:0;
    padding:58px 24px 110px;
  }

  .wb-premium-hero__copy h1{
    font-size:clamp(3rem,13vw,5rem);
  }

  .wb-premium-line--hero{
    opacity:.58;
    transform:scale(1.55);
    transform-origin:center;
  }

  .wb-premium-scope{
    min-height:auto;
    padding:58px 24px 70px;
  }

  .wb-premium-scope__items{
    min-height:auto;
    margin-top:68px;
    display:grid;
    gap:64px;
  }

  .wb-premium-scope__item{
    position:relative;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:auto;
    max-width:390px;
  }

  .wb-premium-scope__item:nth-child(even){
    margin-left:auto;
  }

  .wb-premium-line--scope{
    opacity:.48;
    transform:scale(1.45);
    transform-origin:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .wb-premium-line__pulse{display:none}
}

/* =========================================================
   V5.0 — FLAGSHIP HERO + SCOPE CONSTELLATION
   ========================================================= */
.wb-premium-hero,
.wb-premium-scope,
.wb-premium-line{
  display:none !important;
}

/* HERO */
.wb-flagship-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr);
  min-height:clamp(760px,88vh,980px);
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 28%,rgba(54,95,92,.09),transparent 23%),
    linear-gradient(145deg,#f8fcfb 0%,#edf5f3 100%);
}

.wb-flagship-hero__copy{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(70px,7vw,118px);
}

.wb-flagship-hero__title{
  max-width:900px;
  margin-top:18px;
  font-size:clamp(3.8rem,5.8vw,7.2rem);
  line-height:.93;
  letter-spacing:-.072em;
}

.wb-flagship-hero__title span{
  display:block;
  color:var(--wb-green);
}

.wb-flagship-hero__intro{
  max-width:720px;
  margin-top:30px;
  color:var(--wb-muted);
  font-size:clamp(1rem,1.12vw,1.18rem);
}

.wb-flagship-hero .wb-cta{
  align-self:flex-start;
  margin-top:30px;
}

/* Build signal */
.wb-build-signal{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:clamp(32px,3vw,52px);
  margin-left:0;
  overflow:hidden;
  border:1px solid rgba(76,174,159,.35);
  border-radius:24px;
  background:rgba(248,252,251,.82);
  box-shadow:0 24px 70px rgba(33,92,82,.08);
  backdrop-filter:blur(10px);
}

.wb-build-signal__top,
.wb-build-signal__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 22px;
  border-color:rgba(76,174,159,.22);
  color:var(--wb-muted);
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.wb-build-signal__top{border-bottom:1px solid rgba(76,174,159,.22)}
.wb-build-signal__bottom{
  position:relative;
  gap:18px;
  border-top:1px solid rgba(76,174,159,.22);
  text-transform:none;
  letter-spacing:0;
}

.wb-build-signal__bottom i{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  background:var(--wb-yellow);
  transform:scaleX(0);
  transform-origin:left;
}

.wb-build-signal__canvas{
  position:relative;
  flex:1;
  min-height:560px;
}

.wb-build-signal__canvas::before,
.wb-build-signal__canvas::after{
  position:absolute;
  inset:0;
  content:"";
  background-image:
    linear-gradient(rgba(193,216,212,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(193,216,212,.22) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}

.wb-build-signal__orbit{
  position:absolute;
  top:50%;
  left:50%;
  width:68%;
  aspect-ratio:1;
  border:1px solid rgba(54,95,92,.2);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(calc(var(--signal-progress,0) * 18deg));
  transition:transform .2s linear;
}

.wb-build-signal__orbit::before,
.wb-build-signal__orbit::after{
  position:absolute;
  inset:12%;
  border:1px solid rgba(54,95,92,.12);
  border-radius:50%;
  content:"";
}
.wb-build-signal__orbit::after{inset:28%}

.wb-build-signal__core{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  width:180px;
  aspect-ratio:1;
  place-content:center;
  padding:24px;
  border-radius:50%;
  background:var(--wb-green);
  color:#fff;
  text-align:center;
  transform:translate(-50%,-50%);
  box-shadow:0 18px 40px rgba(54,95,92,.2);
}

.wb-build-signal__core span{
  font-size:.65rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.72;
}
.wb-build-signal__core strong{
  margin-top:8px;
  font-family:var(--wb-heading);
  font-size:1.35rem;
  line-height:1.05;
}

.wb-build-signal__node{
  position:absolute;
  display:flex;
  min-width:128px;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(54,95,92,.22);
  border-radius:999px;
  background:#f8fcfb;
  color:var(--wb-muted);
  transform:translateY(8px);
  opacity:.48;
  transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1),border-color .4s ease,background .4s ease;
}

.wb-build-signal__node span{
  display:grid;
  width:26px;
  height:26px;
  place-items:center;
  border-radius:50%;
  background:#e9f2f0;
  font-size:.58rem;
  font-weight:800;
}

.wb-build-signal__node strong{
  font-family:var(--wb-heading);
  font-size:.82rem;
}

.wb-build-signal__node.is-active{
  border-color:var(--wb-green);
  background:#fff;
  color:var(--wb-ink);
  transform:none;
  opacity:1;
}

.wb-build-signal__node--1{top:15%;left:8%}
.wb-build-signal__node--2{top:18%;right:7%}
.wb-build-signal__node--3{bottom:17%;left:9%}
.wb-build-signal__node--4{right:8%;bottom:14%}

/* SCOPE CONSTELLATION */
.wb-scope-constellation{
  position:relative;
  overflow:hidden;
  background:var(--wb-green);
  color:#fff;
}

.wb-scope-constellation__intro{
  max-width:980px;
  padding:clamp(70px,7vw,118px);
  padding-bottom:42px;
}

.wb-scope-constellation .wb-kicker{color:rgba(255,255,255,.64)}

.wb-scope-constellation__intro h2{
  margin-top:16px;
  color:#fff;
  font-size:clamp(3.1rem,5vw,6.2rem);
  line-height:.96;
}

.wb-scope-constellation__intro h2 span{color:var(--wb-yellow)}

.wb-scope-constellation__intro>p:last-child{
  max-width:720px;
  margin-top:24px;
  color:rgba(255,255,255,.72);
}

.wb-scope-constellation__stage{
  position:relative;
  min-height:1040px;
  margin:0 clamp(34px,4vw,70px) clamp(34px,4vw,70px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  border-radius:24px;
  background:
    radial-gradient(circle at center,rgba(255,255,255,.08),transparent 24%),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:auto,64px 64px,64px 64px;
}

.wb-scope-constellation__stage::before,
.wb-scope-constellation__stage::after{
  position:absolute;
  top:50%;
  left:50%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  content:"";
  transform:translate(-50%,-50%);
}
.wb-scope-constellation__stage::before{width:46%;aspect-ratio:1}
.wb-scope-constellation__stage::after{width:68%;aspect-ratio:1}

.wb-scope-constellation__center{
  --scope-rotate:0deg;
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  display:grid;
  width:240px;
  aspect-ratio:1;
  place-content:center;
  padding:30px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  background:#f8fcfb;
  color:var(--wb-ink);
  text-align:center;
  transform:translate(-50%,-50%) rotate(var(--scope-rotate));
  transition:transform .2s linear;
  box-shadow:0 26px 60px rgba(16,24,23,.16);
}

.wb-scope-constellation__center span{
  font-size:.67rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--wb-muted);
}
.wb-scope-constellation__center strong{
  margin-top:9px;
  font-family:var(--wb-heading);
  font-size:1.55rem;
  line-height:1.05;
}

.wb-scope-path{
  position:absolute;
  z-index:3;
  width:min(390px,28vw);
  padding:28px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.065);
  backdrop-filter:blur(8px);
  transform:translateY(18px) scale(.98);
  opacity:.5;
  transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1),background .4s ease,border-color .4s ease;
}

.wb-scope-path.is-active{
  border-color:rgba(255,255,255,.32);
  background:rgba(255,255,255,.1);
  transform:none;
  opacity:1;
}

.wb-scope-path__index{
  display:block;
  margin-bottom:20px;
  color:var(--wb-yellow);
  font-size:.72rem;
  font-weight:800;
}

.wb-scope-path h3{
  margin-top:8px;
  color:#fff;
  font-size:clamp(1.65rem,2.15vw,2.55rem);
  line-height:1.05;
}

.wb-scope-path>p:not(.wb-kicker){
  margin-top:14px;
  color:rgba(255,255,255,.7);
}

.wb-scope-path a{
  display:inline-flex;
  margin-top:16px;
  color:#fff;
  font-size:.82rem;
  font-weight:750;
  text-underline-offset:5px;
}

.wb-scope-path--1{top:8%;left:7%}
.wb-scope-path--2{top:10%;right:6%}
.wb-scope-path--3{bottom:8%;left:8%}
.wb-scope-path--4{right:7%;bottom:7%}

@media(max-width:1100px){
  .wb-flagship-hero{grid-template-columns:1fr}
  .wb-build-signal{
    margin:0 46px 46px;
    min-height:620px;
  }
  .wb-build-signal__canvas{min-height:520px}
  .wb-scope-constellation__stage{min-height:1240px}
  .wb-scope-path{width:min(420px,40vw)}
}

@media(max-width:760px){
  .wb-flagship-hero__copy{padding:56px 24px 42px}
  .wb-flagship-hero__title{font-size:clamp(3rem,13vw,5rem)}
  .wb-build-signal{
    margin:0 18px 18px;
    min-height:560px;
  }
  .wb-build-signal__canvas{min-height:460px}
  .wb-build-signal__core{width:150px}
  .wb-build-signal__node{min-width:110px;padding:10px 12px}
  .wb-build-signal__node--1{top:12%;left:5%}
  .wb-build-signal__node--2{top:14%;right:4%}
  .wb-build-signal__node--3{bottom:14%;left:5%}
  .wb-build-signal__node--4{right:4%;bottom:12%}

  .wb-scope-constellation__intro{padding:58px 24px 36px}
  .wb-scope-constellation__stage{
    min-height:auto;
    margin:0 18px 18px;
    padding:30px 18px;
    display:grid;
    gap:18px;
  }
  .wb-scope-constellation__stage::before,
  .wb-scope-constellation__stage::after,
  .wb-scope-constellation__center{display:none}
  .wb-scope-path{
    position:relative;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:auto;
    transform:none;
    opacity:1;
  }
}

/* =========================================================
   V6.0 — CONNECTED SYSTEM HERO + HORIZONTAL SCOPE JOURNEY
   Locked Webbies palette:
   Ink #101817 | Muted #687775 | Canvas #E2EFED
   Paper #F8FCFB | Soft #EDF5F3 | Line #C1D8D4
   Teal #365F5C | Green #629491 | Orange #E85C33 | Yellow #FFC640
   ========================================================= */
.wb-flagship-hero,
.wb-scope-constellation{
  display:none !important;
}

/* ---------------- HERO ---------------- */
.wb-system-hero{
  position:relative;
  min-height:clamp(780px,90vh,1020px);
  overflow:hidden;
  padding:clamp(28px,3vw,48px);
  background:var(--wb-paper);
}

.wb-system-hero__browser{
  height:100%;
  min-height:clamp(720px,84vh,940px);
  overflow:hidden;
  border:1px solid var(--wb-line);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 52%,rgba(98,148,145,.08),transparent 26%),
    var(--wb-paper);
  box-shadow:0 24px 70px rgba(33,92,82,.07);
}

.wb-system-hero__browser-bar{
  display:grid;
  grid-template-columns:1fr minmax(280px,2fr) 1fr;
  align-items:center;
  min-height:54px;
  padding:0 20px;
  border-bottom:1px solid var(--wb-line);
  color:var(--wb-muted);
  font-size:.7rem;
}

.wb-system-hero__lights{
  display:flex;
  gap:8px;
}
.wb-system-hero__lights i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--wb-orange);
}
.wb-system-hero__lights i:nth-child(2){background:var(--wb-yellow)}
.wb-system-hero__lights i:nth-child(3){background:#78c8bb}

.wb-system-hero__address{text-align:center}
.wb-system-hero__status{
  justify-self:end;
  color:var(--wb-green);
  font-weight:750;
}

.wb-system-hero__canvas{
  position:relative;
  min-height:clamp(665px,calc(84vh - 54px),886px);
  overflow:hidden;
}

.wb-system-map{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.wb-system-map__line{
  fill:none;
  stroke:var(--wb-line);
  stroke-width:1.3;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wb-system-map__line--soft{stroke:rgba(98,148,145,.34)}
.wb-system-map__line--dash{
  stroke-dasharray:8 10;
  stroke:rgba(98,148,145,.42);
}

.wb-system-hero__heading{
  position:absolute;
  z-index:5;
  top:11%;
  left:50%;
  width:min(760px,58%);
  text-align:center;
  transform:translateX(-50%);
}

.wb-system-hero__heading h1{
  margin-top:15px;
  font-size:clamp(3.5rem,5.35vw,6.4rem);
  line-height:.94;
  letter-spacing:-.07em;
}
.wb-system-hero__heading h1 span{
  display:block;
  color:var(--wb-green);
}
.wb-system-hero__intro{
  max-width:720px;
  margin:25px auto 0;
  color:var(--wb-muted);
  font-size:clamp(1rem,1.12vw,1.18rem);
}
.wb-system-hero__heading .wb-cta{margin-top:26px}

.wb-system-module{
  position:absolute;
  z-index:4;
  width:min(300px,20vw);
  min-width:220px;
  padding:18px;
  border:1px solid var(--wb-line);
  border-radius:14px;
  background:rgba(248,252,251,.94);
  box-shadow:0 16px 36px rgba(33,92,82,.07);
}
.wb-system-module__label{
  margin-bottom:13px;
  color:var(--wb-green);
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.wb-system-module strong{
  display:block;
  font-family:var(--wb-heading);
  font-size:1rem;
  line-height:1.22;
}
.wb-system-module small{
  display:block;
  margin-top:11px;
  color:var(--wb-muted);
  font-size:.68rem;
  line-height:1.45;
}
.wb-system-module--offer{top:23%;left:4%}
.wb-system-module--proof{top:25%;right:4%}
.wb-system-module--pages{bottom:7%;left:16%}
.wb-system-module--action{right:16%;bottom:8%}

.wb-system-module__meter{
  height:8px;
  margin-top:15px;
  overflow:hidden;
  border-radius:99px;
  background:var(--wb-soft);
}
.wb-system-module__meter span{
  display:block;
  width:78%;
  height:100%;
  border-radius:inherit;
  background:var(--wb-green);
}

.wb-system-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.wb-system-proof span{
  display:grid;
  min-height:50px;
  place-items:center;
  border:1px solid var(--wb-line);
  border-radius:9px;
  background:var(--wb-soft);
  color:var(--wb-ink);
  font-size:.66rem;
  font-weight:700;
}

.wb-system-pages{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
}
.wb-system-pages i{
  height:38px;
  border:1px solid var(--wb-line);
  border-radius:8px;
  background:var(--wb-soft);
}
.wb-system-pages i:first-child{
  grid-column:span 2;
  background:var(--wb-green);
}
.wb-system-pages i:last-child{background:var(--wb-yellow)}

.wb-system-action{
  display:flex;
  align-items:center;
  gap:8px;
}
.wb-system-action span,
.wb-system-action b,
.wb-system-action strong{
  display:grid;
  flex:1;
  min-height:46px;
  place-items:center;
  border-radius:8px;
  font-family:var(--wb-heading);
  font-size:.65rem;
}
.wb-system-action span{background:var(--wb-soft);color:var(--wb-muted)}
.wb-system-action b{background:#dbe9e6;color:var(--wb-green)}
.wb-system-action strong{background:var(--wb-yellow);color:var(--wb-ink)}

.wb-system-core{
  position:absolute;
  z-index:4;
  top:67%;
  left:50%;
  display:grid;
  width:260px;
  aspect-ratio:1;
  place-content:center;
  padding:30px;
  border:1px solid var(--wb-line);
  border-radius:50%;
  background:var(--wb-teal);
  color:#fff;
  text-align:center;
  transform:translate(-50%,-50%);
  box-shadow:0 22px 50px rgba(54,95,92,.18);
}
.wb-system-core::before,
.wb-system-core::after{
  position:absolute;
  border:1px solid rgba(98,148,145,.22);
  border-radius:50%;
  content:"";
}
.wb-system-core::before{inset:-35px}
.wb-system-core::after{inset:-70px}
.wb-system-core span{
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  opacity:.68;
}
.wb-system-core strong{
  margin-top:9px;
  font-family:var(--wb-heading);
  font-size:1.35rem;
  line-height:1.1;
}

.wb-system-device{
  position:absolute;
  z-index:4;
  right:3%;
  bottom:2%;
  width:105px;
  height:200px;
  padding:9px;
  border:5px solid var(--wb-ink);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 30px rgba(16,24,23,.12);
}
.wb-system-device__speaker{
  display:block;
  width:30px;
  height:4px;
  margin:0 auto 9px;
  border-radius:99px;
  background:var(--wb-ink);
}
.wb-system-device__screen{
  display:grid;
  gap:8px;
}
.wb-system-device__screen i{
  height:31px;
  border-radius:6px;
  background:var(--wb-soft);
}
.wb-system-device__screen i:first-child{height:54px;background:var(--wb-green)}
.wb-system-device__screen b{
  margin-top:4px;
  color:var(--wb-green);
  font-size:.56rem;
  text-align:center;
}

/* ---------------- HORIZONTAL SCOPE ---------------- */
.wb-scope-horizontal{
  --scope-distance:0px;
  position:relative;
  overflow:clip;
  background:var(--wb-teal);
}

.wb-scope-horizontal__sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  background:var(--wb-teal);
}

.wb-scope-horizontal__progress{
  position:absolute;
  z-index:10;
  right:clamp(30px,4vw,70px);
  bottom:30px;
  left:clamp(30px,4vw,70px);
  height:3px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.18);
}
.wb-scope-horizontal__progress span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:var(--wb-yellow);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .06s linear;
}

.wb-scope-horizontal__track{
  display:flex;
  width:max-content;
  height:100%;
  will-change:transform;
}

.wb-scope-slide{
  position:relative;
  display:grid;
  flex:0 0 min(88vw,1450px);
  grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);
  align-items:center;
  gap:clamp(50px,6vw,110px);
  height:100%;
  padding:clamp(70px,7vw,118px);
  overflow:hidden;
}

.wb-scope-slide--intro{
  display:grid;
  flex-basis:100vw;
  grid-template-columns:minmax(0,1fr) auto;
  background:var(--wb-teal);
  color:#fff;
}

.wb-scope-slide--intro .wb-scope-slide__content{max-width:920px}
.wb-scope-slide--intro .wb-kicker{color:rgba(255,255,255,.62)}
.wb-scope-slide--intro h2{
  margin-top:16px;
  color:#fff;
  font-size:clamp(3.3rem,5.5vw,6.7rem);
  line-height:.94;
}
.wb-scope-slide--intro h2 span{
  display:block;
  color:var(--wb-yellow);
}
.wb-scope-slide--intro .wb-scope-slide__content>p:not(.wb-kicker){
  max-width:720px;
  margin-top:25px;
  color:rgba(255,255,255,.72);
}
.wb-scope-slide__hint{
  display:inline-flex;
  margin-top:36px;
  color:rgba(255,255,255,.62);
  font-size:.76rem;
  letter-spacing:.04em;
}
.wb-scope-slide__index{
  align-self:end;
  color:rgba(255,255,255,.12);
  font-family:var(--wb-heading);
  font-size:clamp(10rem,20vw,24rem);
  line-height:.7;
}

.wb-scope-slide--light{background:var(--wb-paper);color:var(--wb-ink)}
.wb-scope-slide--paper{background:var(--wb-canvas);color:var(--wb-ink)}
.wb-scope-slide--soft{background:var(--wb-soft);color:var(--wb-ink)}
.wb-scope-slide--dark{background:var(--wb-teal);color:#fff}

.wb-scope-slide__number{
  position:absolute;
  top:48px;
  right:60px;
  color:rgba(16,24,23,.12);
  font-family:var(--wb-heading);
  font-size:clamp(6rem,12vw,14rem);
  font-weight:600;
  line-height:.8;
}
.wb-scope-slide--dark .wb-scope-slide__number{color:rgba(255,255,255,.1)}

.wb-scope-slide__content{
  position:relative;
  z-index:3;
  max-width:600px;
}
.wb-scope-slide__content h3{
  margin-top:13px;
  font-size:clamp(2.8rem,4.6vw,5.8rem);
  line-height:.96;
}
.wb-scope-slide__content>p:not(.wb-kicker){
  max-width:580px;
  margin-top:22px;
  color:var(--wb-muted);
  font-size:clamp(1rem,1.15vw,1.18rem);
}
.wb-scope-slide--dark .wb-kicker{color:rgba(255,255,255,.62)}
.wb-scope-slide--dark h3{color:#fff}
.wb-scope-slide--dark .wb-scope-slide__content>p:not(.wb-kicker){color:rgba(255,255,255,.72)}
.wb-scope-slide__content a{
  display:inline-flex;
  margin-top:20px;
  font-weight:750;
  text-underline-offset:5px;
}

.wb-scope-slide__visual{
  position:relative;
  z-index:2;
  min-height:480px;
}

/* Scope visual 1 */
.wb-scope-visual__browser{
  position:absolute;
  inset:8% 3% 4% 4%;
  overflow:hidden;
  border:1px solid var(--wb-line);
  border-radius:20px;
  background:#fff;
  box-shadow:0 26px 60px rgba(33,92,82,.1);
}
.wb-scope-visual__browser>span{
  display:block;
  height:46%;
  background:var(--wb-teal);
}
.wb-scope-visual__browser>div{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  padding:22px;
}
.wb-scope-visual__browser i{
  height:118px;
  border:1px solid var(--wb-line);
  border-radius:12px;
  background:var(--wb-soft);
}
.wb-scope-visual__browser i:nth-child(2){background:var(--wb-yellow)}
.wb-scope-visual__note{
  position:absolute;
  top:3%;
  left:0;
  padding:12px 18px;
  border-radius:999px;
  background:var(--wb-yellow);
  font-size:.72rem;
  font-weight:800;
}

/* Scope visual 2 */
.wb-scope-compare{
  position:absolute;
  inset:6%;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto 1fr;
  gap:14px;
}
.wb-scope-compare span{
  padding:13px 18px;
  border-radius:999px;
  background:#fff;
  font-size:.72rem;
  font-weight:800;
  text-align:center;
}
.wb-scope-compare i,
.wb-scope-compare b{
  border:1px solid var(--wb-line);
  border-radius:18px;
  background:
    linear-gradient(var(--wb-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--wb-line) 1px,transparent 1px),
    #fff;
  background-size:44px 44px;
}
.wb-scope-compare i{opacity:.55}
.wb-scope-compare b{
  background:
    radial-gradient(circle at 50% 40%,rgba(98,148,145,.18),transparent 25%),
    linear-gradient(var(--wb-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--wb-line) 1px,transparent 1px),
    #fff;
  background-size:auto,44px 44px,44px 44px;
}

/* Scope visual 3 */
.wb-scope-focus{
  position:absolute;
  inset:9%;
  display:grid;
  place-content:center;
  border:1px solid var(--wb-line);
  border-radius:22px;
  background:#fff;
  text-align:center;
  box-shadow:0 24px 55px rgba(33,92,82,.08);
}
.wb-scope-focus span{
  color:var(--wb-green);
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.wb-scope-focus i{
  width:140px;
  height:3px;
  margin:25px auto;
  background:linear-gradient(90deg,var(--wb-green),var(--wb-yellow));
}
.wb-scope-focus strong{
  max-width:400px;
  font-family:var(--wb-heading);
  font-size:clamp(1.8rem,2.8vw,3.4rem);
  line-height:1.04;
}

/* Scope visual 4 */
.wb-scope-components{
  position:absolute;
  inset:8%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.wb-scope-components i{
  border:1px solid rgba(255,255,255,.2);
  border-radius:18px;
  background:rgba(255,255,255,.08);
}
.wb-scope-components i:nth-child(1){background:var(--wb-green)}
.wb-scope-components i:nth-child(4){background:var(--wb-yellow)}
.wb-scope-components span{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  width:120px;
  aspect-ratio:1;
  place-items:center;
  border-radius:50%;
  background:var(--wb-paper);
  color:var(--wb-ink);
  font-size:.76rem;
  font-weight:800;
  transform:translate(-50%,-50%);
  box-shadow:0 18px 35px rgba(16,24,23,.2);
}

@media(max-width:1100px){
  .wb-system-hero__heading{width:68%}
  .wb-system-module{width:230px;min-width:0}
  .wb-system-module--pages{left:8%}
  .wb-system-module--action{right:8%}
  .wb-scope-slide{
    flex-basis:94vw;
    grid-template-columns:minmax(300px,.9fr) minmax(440px,1.1fr);
    padding:70px 50px;
  }
}

@media(max-width:760px){
  .wb-system-hero{padding:18px}
  .wb-system-hero__browser{min-height:auto}
  .wb-system-hero__browser-bar{
    grid-template-columns:auto 1fr;
    min-height:46px;
  }
  .wb-system-hero__address{text-align:right}
  .wb-system-hero__status{display:none}
  .wb-system-hero__canvas{
    display:flex;
    flex-direction:column;
    min-height:auto;
    padding:52px 20px 24px;
  }
  .wb-system-map,
  .wb-system-device{display:none}
  .wb-system-hero__heading{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    text-align:left;
    transform:none;
  }
  .wb-system-hero__heading h1{
    font-size:clamp(3rem,13vw,5rem);
  }
  .wb-system-hero__intro{margin-left:0}
  .wb-system-core{
    position:relative;
    top:auto;
    left:auto;
    width:190px;
    margin:58px auto 42px;
    transform:none;
  }
  .wb-system-module{
    position:relative;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:auto;
    min-width:0;
    margin-top:12px;
  }

  .wb-scope-horizontal{
    height:auto !important;
    overflow:visible;
  }
  .wb-scope-horizontal__sticky{
    position:relative;
    top:auto;
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .wb-scope-horizontal__progress{display:none}
  .wb-scope-horizontal__track{
    display:block;
    width:auto;
    height:auto;
    transform:none !important;
  }
  .wb-scope-slide,
  .wb-scope-slide--intro{
    display:block;
    width:auto;
    height:auto;
    min-height:0;
    padding:58px 24px;
  }
  .wb-scope-slide__index{display:none}
  .wb-scope-slide__number{
    top:30px;
    right:24px;
    font-size:6rem;
  }
  .wb-scope-slide__content h3{font-size:clamp(2.6rem,12vw,4.5rem)}
  .wb-scope-slide__visual{
    min-height:390px;
    margin-top:38px;
  }
}

/* =========================================================
   V7.0 — TRUSTED-STUDIO HERO + CARD-ONLY HORIZONTAL JOURNEY
   ========================================================= */

/* ---------------- HERO ---------------- */
.wb-network-hero{
  position:relative;
  min-height:clamp(800px,calc(100svh - 28px),980px);
  overflow:hidden;
  padding:clamp(20px,2.2vw,34px);
  background:var(--wb-paper);
}

.wb-network-hero__window{
  min-height:clamp(758px,calc(100svh - 72px),912px);
  overflow:hidden;
  border:1px solid var(--wb-line);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 32%,rgba(98,148,145,.055),transparent 27%),
    var(--wb-paper);
  box-shadow:0 24px 70px rgba(33,92,82,.065);
}

.wb-network-hero__bar{
  display:grid;
  grid-template-columns:1fr minmax(250px,2fr) 1fr;
  align-items:center;
  min-height:50px;
  padding:0 18px;
  border-bottom:1px solid var(--wb-line);
  color:var(--wb-muted);
  font-size:.68rem;
  letter-spacing:.02em;
}
.wb-network-hero__bar>span:nth-child(2){text-align:center}
.wb-network-hero__bar strong{
  display:inline-flex;
  align-items:center;
  justify-self:end;
  gap:7px;
  color:var(--wb-green);
  font-size:.67rem;
}
.wb-network-hero__bar strong i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#78c8bb;
  box-shadow:0 0 0 5px rgba(120,200,187,.12);
}
.wb-network-hero__mark{
  display:flex;
  gap:7px;
}
.wb-network-hero__mark i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--wb-orange);
}
.wb-network-hero__mark i:nth-child(2){background:var(--wb-yellow)}
.wb-network-hero__mark i:nth-child(3){background:#78c8bb}

.wb-network-hero__canvas{
  position:relative;
  min-height:clamp(708px,calc(100svh - 122px),862px);
  overflow:hidden;
}

.wb-network-lines{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.wb-network-lines path{
  fill:none;
  stroke:var(--wb-line);
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.wb-network-lines__soft{
  stroke:rgba(98,148,145,.36)!important;
  stroke-dasharray:5 9;
}

.wb-network-hero__copy{
  position:absolute;
  z-index:5;
  top:8.5%;
  left:50%;
  width:min(760px,58%);
  text-align:center;
  transform:translateX(-50%);
}
.wb-network-hero__copy h1{
  margin-top:14px;
  font-size:clamp(3.5rem,5.3vw,6.25rem);
  line-height:.94;
  letter-spacing:-.065em;
}
.wb-network-hero__copy h1 span{
  display:block;
  color:var(--wb-green);
}
.wb-network-hero__copy>p:not(.wb-kicker){
  max-width:700px;
  margin:22px auto 0;
  color:var(--wb-muted);
  font-size:clamp(.98rem,1.08vw,1.16rem);
}
.wb-network-hero__copy .wb-cta{margin-top:24px}

.wb-network-card{
  position:absolute;
  z-index:4;
  border:1px solid var(--wb-line);
  border-radius:13px;
  background:rgba(248,252,251,.97);
  box-shadow:0 16px 38px rgba(33,92,82,.08);
}

.wb-network-card--signal{
  top:32%;
  left:3.2%;
  width:180px;
  padding:14px;
}
.wb-network-card--signal>p{
  margin:0 0 9px;
  color:var(--wb-muted);
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wb-network-card--signal>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 0;
  border-top:1px solid rgba(193,216,212,.65);
  color:var(--wb-ink);
  font-size:.67rem;
  font-weight:700;
}
.wb-network-card--signal>div i{
  position:relative;
  display:block;
  width:28px;
  height:15px;
  flex:0 0 auto;
  border-radius:99px;
  background:#dbe7e4;
}
.wb-network-card--signal>div i::after{
  position:absolute;
  top:3px;
  left:3px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#fff;
  content:"";
  box-shadow:0 1px 3px rgba(16,24,23,.18);
}
.wb-network-card--signal>div i.is-on{background:var(--wb-green)}
.wb-network-card--signal>div i.is-on::after{transform:translateX(13px)}

.wb-network-card--status{
  top:34%;
  right:3.3%;
  display:grid;
  width:178px;
  min-height:104px;
  align-content:center;
  padding:15px 58px 15px 15px;
}
.wb-network-card__eyebrow,
.wb-network-card__label{
  color:var(--wb-muted);
  font-size:.59rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wb-network-card--status strong{
  margin-top:7px;
  font-family:var(--wb-heading);
  font-size:.85rem;
  line-height:1.15;
}
.wb-network-card--status>i{
  position:absolute;
  top:50%;
  right:15px;
  display:grid;
  width:34px;
  aspect-ratio:1;
  place-items:center;
  border-radius:50%;
  background:var(--wb-green);
  color:#fff;
  font-family:var(--wb-heading);
  font-size:.78rem;
  font-style:normal;
  transform:translateY(-50%);
  box-shadow:0 0 0 8px rgba(98,148,145,.11);
}

.wb-network-card--audience{
  bottom:5.5%;
  left:7%;
  width:250px;
  padding:17px;
}
.wb-audience-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:12px;
}
.wb-audience-grid i{
  display:grid;
  aspect-ratio:1;
  place-items:center;
  border:1px solid var(--wb-line);
  border-radius:9px;
  background:var(--wb-soft);
  color:var(--wb-green);
  font-size:.61rem;
  font-style:normal;
  font-weight:850;
}
.wb-audience-grid i:nth-child(2){background:var(--wb-canvas)}
.wb-audience-grid i:nth-child(3){background:#dcece9}
.wb-audience-grid i:nth-child(4){background:#fff2cf}
.wb-network-card--audience small{
  display:block;
  margin-top:10px;
  color:var(--wb-muted);
  font-size:.62rem;
  line-height:1.4;
}

.wb-network-flow{
  position:absolute;
  z-index:4;
  bottom:7.5%;
  left:50%;
  display:flex;
  width:min(350px,27%);
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 17px;
  border:1px solid var(--wb-line);
  border-radius:999px;
  background:rgba(248,252,251,.97);
  color:var(--wb-muted);
  font-size:.64rem;
  box-shadow:0 14px 34px rgba(33,92,82,.07);
  transform:translateX(-50%);
}
.wb-network-flow strong{color:var(--wb-green)}
.wb-network-flow i{
  width:26px;
  height:1px;
  background:var(--wb-line);
}

.wb-network-card--journey{
  right:7%;
  bottom:4.7%;
  width:250px;
  padding:17px;
}
.wb-journey-row{
  display:grid;
  grid-template-columns:26px 1fr 10px;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(193,216,212,.68);
}
.wb-journey-row i{
  color:var(--wb-green);
  font-size:.57rem;
  font-style:normal;
  font-weight:850;
}
.wb-journey-row span{
  color:var(--wb-ink);
  font-size:.66rem;
  font-weight:700;
}
.wb-journey-row b{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wb-line);
}
.wb-journey-row b.is-ready{
  background:var(--wb-yellow);
  box-shadow:0 0 0 4px rgba(255,198,64,.14);
}

/* ---------------- ONE PINNED SECTION / CARD-ONLY MOTION ---------------- */
.wb-pathways-scroll{
  position:relative;
  min-height:100vh;
  overflow:visible;
  background:var(--wb-teal);
  color:#fff;
}

.wb-pathways-sticky{
  position:sticky;
  top:0;
  height:100svh;
  min-height:680px;
  overflow:hidden;
  border-radius:inherit;
  background:
    radial-gradient(circle at 16% 84%,rgba(98,148,145,.24),transparent 25%),
    var(--wb-teal);
}

.wb-pathways-grid{
  display:grid;
  height:100%;
  grid-template-columns:minmax(300px,.74fr) minmax(0,1.62fr);
  align-items:center;
  gap:clamp(34px,4.5vw,78px);
  padding:clamp(52px,5.2vw,92px);
}

.wb-pathways-copy{
  position:relative;
  z-index:4;
  max-width:520px;
}
.wb-pathways-copy .wb-kicker{color:rgba(255,255,255,.62)}
.wb-pathways-copy h2{
  margin-top:16px;
  color:#fff;
  font-size:clamp(3rem,4.4vw,5.6rem);
  line-height:.95;
}
.wb-pathways-copy h2 span{
  display:block;
  color:var(--wb-yellow);
}
.wb-pathways-copy>p:not(.wb-kicker){
  max-width:500px;
  margin-top:24px;
  color:rgba(255,255,255,.7);
}
.wb-pathways-copy>small{
  display:block;
  margin-top:12px;
  color:rgba(255,255,255,.52);
  font-size:.66rem;
  letter-spacing:.03em;
}
.wb-pathways-progress{
  width:min(320px,100%);
  height:3px;
  margin-top:34px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.16);
}
.wb-pathways-progress span{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:var(--wb-yellow);
  transform:scaleX(0);
  transform-origin:left;
}

.wb-pathways-viewport{
  min-width:0;
  overflow:hidden;
}
.wb-pathways-track{
  display:flex;
  width:max-content;
  gap:clamp(14px,1.35vw,22px);
  will-change:transform;
}

.wb-pathway-card{
  display:grid;
  width:clamp(320px,27vw,410px);
  height:clamp(520px,66svh,650px);
  flex:0 0 auto;
  grid-template-rows:44% 56%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  color:var(--wb-ink);
  box-shadow:0 24px 58px rgba(9,28,26,.18);
}
.wb-pathway-card--paper{background:var(--wb-paper)}
.wb-pathway-card--canvas{background:var(--wb-canvas)}
.wb-pathway-card--yellow{background:var(--wb-yellow)}
.wb-pathway-card--green{background:var(--wb-green);color:#fff}

.wb-pathway-card__visual{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid rgba(16,24,23,.11);
}
.wb-pathway-card--green .wb-pathway-card__visual{border-color:rgba(255,255,255,.15)}
.wb-pathway-card__copy{
  display:flex;
  flex-direction:column;
  padding:clamp(22px,2.1vw,32px);
}
.wb-pathway-card__copy>span{
  color:var(--wb-green);
  font-size:.61rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wb-pathway-card--green .wb-pathway-card__copy>span{color:rgba(255,255,255,.66)}
.wb-pathway-card__copy h3{
  margin-top:13px;
  font-size:clamp(1.8rem,2.15vw,2.65rem);
  line-height:1;
}
.wb-pathway-card--green .wb-pathway-card__copy h3{color:#fff}
.wb-pathway-card__copy p{
  margin-top:17px;
  color:var(--wb-muted);
  font-size:.87rem;
  line-height:1.55;
}
.wb-pathway-card--green .wb-pathway-card__copy p{color:rgba(255,255,255,.7)}
.wb-pathway-card__copy a{
  margin-top:auto;
  padding-top:16px;
  font-size:.77rem;
  font-weight:800;
  text-underline-offset:4px;
}

.wb-pathway-visual--new{
  display:grid;
  place-items:center;
  background:
    linear-gradient(rgba(193,216,212,.38) 1px,transparent 1px),
    linear-gradient(90deg,rgba(193,216,212,.38) 1px,transparent 1px),
    var(--wb-soft);
  background-size:34px 34px;
}
.wb-mini-site{
  display:grid;
  width:72%;
  height:68%;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:11px;
  border:1px solid var(--wb-line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 18px 35px rgba(33,92,82,.1);
}
.wb-mini-site i{
  display:block;
  grid-column:1/-1;
  height:8px;
  border-radius:99px;
  background:var(--wb-line);
}
.wb-mini-site strong{
  display:grid;
  grid-column:1/-1;
  place-items:center;
  background:var(--wb-teal);
  color:#fff;
  font-family:var(--wb-heading);
  font-size:.68rem;
  text-align:center;
}
.wb-mini-site span{
  border-radius:5px;
  background:var(--wb-canvas);
}
.wb-pathway-visual--new>b{
  position:absolute;
  top:14px;
  left:14px;
  padding:8px 11px;
  border-radius:99px;
  background:var(--wb-yellow);
  font-size:.58rem;
}

.wb-pathway-visual--redesign{
  display:grid;
  place-items:center;
  background:var(--wb-soft);
}
.wb-before-after{
  display:grid;
  width:82%;
  height:72%;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto 1fr;
  gap:8px;
}
.wb-before-after span{
  padding:7px;
  border-radius:99px;
  background:#fff;
  font-size:.58rem;
  font-weight:800;
  text-align:center;
}
.wb-before-after i,
.wb-before-after b{
  border:1px solid var(--wb-line);
  border-radius:10px;
  background:
    linear-gradient(rgba(193,216,212,.65) 1px,transparent 1px),
    linear-gradient(90deg,rgba(193,216,212,.65) 1px,transparent 1px),
    #fff;
  background-size:25px 25px;
}
.wb-before-after i{opacity:.55}
.wb-before-after b{
  background:
    radial-gradient(circle at 50% 42%,rgba(98,148,145,.24),transparent 28%),
    linear-gradient(rgba(193,216,212,.65) 1px,transparent 1px),
    linear-gradient(90deg,rgba(193,216,212,.65) 1px,transparent 1px),
    #fff;
  background-size:auto,25px 25px,25px 25px;
}

.wb-pathway-visual--focused{
  display:grid;
  align-content:center;
  justify-items:center;
  padding:30px;
  text-align:center;
}
.wb-pathway-visual--focused span{
  font-size:.58rem;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.wb-pathway-visual--focused i{
  width:100px;
  height:2px;
  margin:18px 0;
  background:var(--wb-teal);
}
.wb-pathway-visual--focused strong{
  max-width:240px;
  font-family:var(--wb-heading);
  font-size:clamp(1.45rem,2vw,2.2rem);
  line-height:1.02;
}

.wb-pathway-visual--wordpress{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  padding:28px;
}
.wb-pathway-visual--wordpress i{
  border:1px solid rgba(255,255,255,.19);
  border-radius:10px;
  background:rgba(255,255,255,.08);
}
.wb-pathway-visual--wordpress i:first-child{background:var(--wb-teal)}
.wb-pathway-visual--wordpress i:nth-child(4){background:var(--wb-yellow)}
.wb-pathway-visual--wordpress strong{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  width:90px;
  aspect-ratio:1;
  place-items:center;
  border-radius:50%;
  background:var(--wb-paper);
  color:var(--wb-ink);
  font-size:.62rem;
  transform:translate(-50%,-50%);
  box-shadow:0 12px 26px rgba(16,24,23,.2);
}

@media(max-width:1100px) and (min-width:901px){
  .wb-network-hero__copy{
    top:7.5%;
    width:61%;
  }
  .wb-network-hero__copy h1{font-size:clamp(3.45rem,6vw,5.3rem)}
  .wb-network-card--signal{top:37%;left:2%;width:166px}
  .wb-network-card--status{top:38%;right:2%;width:166px}
  .wb-network-card--audience{left:3%;width:220px}
  .wb-network-card--journey{right:3%;width:220px}
  .wb-network-flow{width:290px}

  .wb-pathways-grid{
    grid-template-columns:minmax(270px,.7fr) minmax(0,1.35fr);
    gap:30px;
    padding:50px 36px;
  }
  .wb-pathways-copy h2{font-size:clamp(2.8rem,4.6vw,4.2rem)}
  .wb-pathway-card{width:320px}
}

@media(max-width:900px){
  .wb-network-hero{
    min-height:0;
    padding:14px;
  }
  .wb-network-hero__window{min-height:0}
  .wb-network-hero__canvas{
    display:grid;
    min-height:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:54px 28px 24px;
    overflow:visible;
  }
  .wb-network-lines{display:none}
  .wb-network-hero__copy{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    grid-column:1/-1;
    grid-row:1;
    margin-bottom:32px;
    text-align:left;
    transform:none;
  }
  .wb-network-hero__copy h1{font-size:clamp(3.6rem,9vw,5rem)}
  .wb-network-hero__copy>p:not(.wb-kicker){margin-left:0}
  .wb-network-card,
  .wb-network-flow{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:auto;
    min-width:0;
    transform:none;
  }
  .wb-network-card--signal{grid-column:1;grid-row:2}
  .wb-network-card--status{grid-column:2;grid-row:2}
  .wb-network-card--audience{grid-column:1;grid-row:3}
  .wb-network-card--journey{grid-column:2;grid-row:3}
  .wb-network-flow{
    grid-column:1/-1;
    grid-row:4;
    justify-self:stretch;
    max-width:none;
  }

  .wb-pathways-scroll{
    min-height:0!important;
    height:auto!important;
  }
  .wb-pathways-sticky{
    position:relative;
    top:auto;
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .wb-pathways-grid{
    display:block;
    height:auto;
    padding:clamp(46px,8vw,72px) clamp(22px,6vw,52px);
  }
  .wb-pathways-copy{max-width:720px}
  .wb-pathways-copy h2{font-size:clamp(3rem,8.5vw,5rem)}
  .wb-pathways-progress,
  .wb-pathways-copy>small{display:none}
  .wb-pathways-viewport{
    margin-top:42px;
    overflow:visible;
  }
  .wb-pathways-track{
    display:grid;
    width:auto;
    grid-template-columns:1fr 1fr;
    gap:14px;
    transform:none!important;
  }
  .wb-pathway-card{
    width:auto;
    height:auto;
    min-height:570px;
  }
}

@media(max-width:760px){
  body.page-template-webbies-editorial .wb-frame{
    width:calc(100vw - 16px);
    max-width:calc(100vw - 16px);
    margin-right:auto;
    margin-left:auto;
  }
  body.page-template-webbies-editorial .wb-frame,
  body.page-template-webbies-editorial .wb-frame+.wb-frame{margin-top:8px}

  .wb-network-hero{
    min-height:0;
    padding:10px;
  }
  .wb-network-hero__window{min-height:0}
  .wb-network-hero__bar{
    grid-template-columns:auto 1fr;
    min-height:44px;
    padding:0 12px;
  }
  .wb-network-hero__bar>span:nth-child(2){text-align:right}
  .wb-network-hero__bar strong{display:none}
  .wb-network-hero__canvas{
    display:grid;
    min-height:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:42px 14px 16px;
    overflow:visible;
  }
  .wb-network-lines{display:none}
  .wb-network-hero__copy{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    grid-column:1/-1;
    grid-row:1;
    margin-bottom:26px;
    text-align:left;
    transform:none;
  }
  .wb-network-hero__copy h1{font-size:clamp(3rem,13.2vw,5rem)}
  .wb-network-hero__copy>p:not(.wb-kicker){margin-left:0}
  .wb-network-card,
  .wb-network-flow{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:auto;
    min-width:0;
    transform:none;
  }
  .wb-network-card--signal,
  .wb-network-card--status,
  .wb-network-card--audience,
  .wb-network-card--journey{padding:12px}
  .wb-network-card--signal{grid-column:1;grid-row:2}
  .wb-network-card--status{grid-column:2;grid-row:2}
  .wb-network-card--status{min-height:110px;padding-right:48px}
  .wb-network-card--audience,
  .wb-network-card--journey{min-height:178px}
  .wb-network-card--audience{grid-column:1;grid-row:3}
  .wb-network-card--journey{grid-column:2;grid-row:3}
  .wb-audience-grid{gap:4px}
  .wb-audience-grid i{font-size:.5rem}
  .wb-network-card--audience small{font-size:.56rem}
  .wb-network-flow{
    grid-column:1/-1;
    grid-row:4;
    justify-self:stretch;
    max-width:none;
    margin:2px 0;
  }

  .wb-pathways-grid{padding:48px 20px}
  .wb-pathways-copy h2{font-size:clamp(2.8rem,12vw,4.4rem)}
  .wb-pathways-track{grid-template-columns:1fr}
  .wb-pathway-card{
    min-height:590px;
    grid-template-rows:42% 58%;
  }
  .wb-pathway-card__copy{padding:24px}
}

@media(prefers-reduced-motion:reduce){
  .wb-pathways-track{will-change:auto}
}

/* =========================================================
   V8.0 — LITERAL CONNECTED-STUDIO COMPOSITION
   ========================================================= */

.wb-network-hero{
  min-height:clamp(940px,78vw,1120px);
  padding:0;
  background:var(--wb-paper);
}
.wb-network-hero__canvas{
  position:relative;
  display:block;
  min-height:clamp(940px,78vw,1120px);
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 73%,rgba(98,148,145,.055),transparent 30%),
    var(--wb-paper);
}
.wb-network-lines path{
  stroke:rgba(193,216,212,.9);
  stroke-width:1.4;
}
.wb-network-lines circle{
  fill:var(--wb-green);
  opacity:.55;
}
.wb-network-lines__soft{
  stroke:rgba(98,148,145,.42)!important;
  stroke-dasharray:7 10;
}
.wb-network-hero__copy{
  top:10.5%;
  width:min(790px,58%);
}
.wb-network-hero__copy h1{
  margin-top:15px;
  color:var(--wb-ink);
  font-size:clamp(3.75rem,5.35vw,6.15rem);
  line-height:.93;
  letter-spacing:-.064em;
}
.wb-network-hero__copy h1 span{
  margin-top:2px;
  color:var(--wb-green);
}
.wb-network-hero__copy>p:not(.wb-kicker){
  max-width:690px;
  margin-top:24px;
  font-size:clamp(1rem,1.13vw,1.18rem);
  line-height:1.62;
}
.wb-network-hero__actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:26px;
}
.wb-network-hero__copy .wb-cta{margin-top:0}
.wb-network-hero__secondary{
  display:inline-flex;
  min-height:54px;
  align-items:center;
  justify-content:center;
  padding:0 25px;
  border:1px solid var(--wb-line);
  border-radius:999px;
  background:#fff;
  color:var(--wb-ink);
  font-family:var(--wb-heading);
  font-size:.8rem;
  font-weight:750;
  text-decoration:none;
  box-shadow:0 8px 22px rgba(33,92,82,.06);
}
.wb-network-card{
  border:1px solid rgba(193,216,212,.92);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(33,92,82,.1);
}

.wb-network-card--signal{
  top:34.5%;
  left:7.5%;
  width:220px;
  padding:0 16px;
}
.wb-signal-row{
  display:flex;
  min-height:68px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.wb-signal-row+.wb-signal-row{border-top:1px solid rgba(193,216,212,.7)}
.wb-signal-row strong{
  display:grid;
  grid-template-columns:40px 1fr;
  align-items:center;
  gap:8px;
}
.wb-signal-row em{
  color:var(--wb-muted);
  font-family:var(--wb-heading);
  font-size:1.15rem;
  font-style:normal;
  letter-spacing:-.04em;
}
.wb-signal-row span{
  color:var(--wb-ink);
  font-size:.67rem;
  font-weight:720;
  line-height:1.25;
}
.wb-signal-row>i{
  position:relative;
  width:30px;
  height:17px;
  flex:0 0 auto;
  border-radius:99px;
  background:#dfe9e7;
}
.wb-signal-row>i::after{
  position:absolute;
  top:3px;
  left:3px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#fff;
  content:"";
  box-shadow:0 1px 3px rgba(16,24,23,.2);
}
.wb-signal-row.is-connected em{color:var(--wb-teal)}
.wb-signal-row.is-connected>i{background:var(--wb-green)}
.wb-signal-row.is-connected>i::after{transform:translateX(13px)}

.wb-network-card--status{
  top:33.5%;
  right:7.5%;
  display:block;
  width:222px;
  min-height:166px;
  padding:14px;
}
.wb-network-card--status .wb-network-card__eyebrow{
  display:block;
  color:var(--wb-teal);
  font-size:.62rem;
  letter-spacing:.025em;
  text-transform:none;
}
.wb-status-field{
  position:relative;
  display:grid;
  height:116px;
  grid-template-columns:repeat(3,1fr);
  grid-template-rows:repeat(3,1fr);
  margin-top:11px;
  overflow:hidden;
  border-radius:9px;
  background:rgba(226,239,237,.72);
}
.wb-status-field>i{
  border-right:1px dashed rgba(98,148,145,.18);
  border-bottom:1px dashed rgba(98,148,145,.18);
}
.wb-status-field>strong{
  position:absolute;
  top:50%;
  left:50%;
  display:grid;
  width:50px;
  aspect-ratio:1;
  place-items:center;
  border-radius:50%;
  background:var(--wb-teal);
  color:#fff;
  font-family:var(--wb-heading);
  font-size:1rem;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 10px rgba(98,148,145,.13),0 10px 22px rgba(54,95,92,.2);
}

.wb-network-card--audience{
  bottom:7%;
  left:16%;
  width:248px;
  padding:16px;
}
.wb-network-card--audience .wb-network-card__label{
  color:var(--wb-ink);
  font-size:.7rem;
  letter-spacing:0;
  text-transform:none;
}
.wb-audience-grid{
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-top:11px;
}
.wb-audience-grid i{
  aspect-ratio:1;
  border-radius:8px;
  background:var(--wb-soft);
  color:var(--wb-teal);
}
.wb-audience-grid i:nth-child(2),
.wb-audience-grid i:nth-child(3),
.wb-audience-grid i:nth-child(4){background:var(--wb-soft)}
.wb-audience-grid i.has-person{
  border-color:rgba(98,148,145,.38);
  background:
    radial-gradient(circle at 50% 39%,rgba(255,255,255,.95) 0 18%,transparent 19%),
    radial-gradient(ellipse at 50% 92%,rgba(255,255,255,.95) 0 34%,transparent 35%),
    linear-gradient(145deg,var(--wb-canvas),#cde1dd);
  font-size:.58rem;
  font-weight:850;
  text-shadow:0 1px 0 #fff;
}
.wb-audience-grid i.has-person:nth-child(4){background-color:#fff2cf}
.wb-audience-grid i.has-person:nth-child(6){background-color:#d9ebe8}
.wb-audience-grid i.has-person:nth-child(8){background-color:#fde5dc}

.wb-network-hub{
  position:absolute;
  z-index:4;
  bottom:7%;
  left:50%;
  width:410px;
  height:248px;
  overflow:hidden;
  border:1px dashed rgba(98,148,145,.35);
  border-radius:16px;
  background:
    radial-gradient(circle,rgba(98,148,145,.18) 1px,transparent 1.5px),
    rgba(248,252,251,.82);
  background-size:13px 13px;
  transform:translateX(-50%);
}
.wb-network-hub__core{
  position:absolute;
  z-index:3;
  top:50%;
  left:50%;
  display:flex;
  min-width:140px;
  min-height:46px;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:999px;
  background:var(--wb-teal);
  color:#fff;
  font-family:var(--wb-heading);
  font-size:.77rem;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 8px rgba(98,148,145,.12),0 0 0 16px rgba(98,148,145,.07),0 14px 30px rgba(54,95,92,.2);
}
.wb-network-hub__core i{
  display:grid;
  width:24px;
  aspect-ratio:1;
  place-items:center;
  border-radius:7px;
  background:#fff;
  color:var(--wb-teal);
  font-style:normal;
}
.wb-network-hub__node{
  position:absolute;
  z-index:3;
  display:grid;
  width:60px;
  aspect-ratio:1;
  place-items:center;
  border:1px solid var(--wb-line);
  border-radius:50%;
  background:#fff;
  color:var(--wb-teal);
  font-size:.53rem;
  font-weight:800;
  box-shadow:0 8px 18px rgba(33,92,82,.08);
}
.wb-network-hub__node--audience{top:30px;left:48px}
.wb-network-hub__node--offer{bottom:27px;left:31px}
.wb-network-hub__node--proof{bottom:24px;left:112px}
.wb-network-hub__line{
  position:absolute;
  z-index:1;
  left:89px;
  height:1px;
  transform-origin:left;
  background:rgba(98,148,145,.42);
}
.wb-network-hub__line--a{top:59px;width:125px;transform:rotate(22deg)}
.wb-network-hub__line--b{top:188px;left:87px;width:131px;transform:rotate(-27deg)}
.wb-network-hub__line--c{top:191px;left:165px;width:83px;transform:rotate(-61deg)}
.wb-network-hub__out{
  position:absolute;
  top:50%;
  right:30px;
  display:flex;
  align-items:center;
  gap:14px;
  transform:translateY(-50%);
}
.wb-network-hub__out::before{
  width:60px;
  height:1px;
  margin-right:-4px;
  background:rgba(98,148,145,.45);
  content:"";
}
.wb-network-hub__out i,
.wb-network-hub__out b,
.wb-network-hub__out em{
  display:block;
  width:11px;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--wb-green);
  box-shadow:0 0 0 5px rgba(98,148,145,.1);
}
.wb-network-hub__out b{background:var(--wb-yellow)}
.wb-network-hub__out em{background:var(--wb-orange)}

.wb-network-team-label{
  position:absolute;
  z-index:5;
  right:21%;
  bottom:31%;
  display:flex;
  min-height:42px;
  align-items:center;
  gap:9px;
  padding:0 16px;
  border:1px solid var(--wb-line);
  border-radius:10px;
  background:#fff;
  color:var(--wb-ink);
  font-size:.68rem;
  font-weight:750;
  box-shadow:0 10px 24px rgba(33,92,82,.09);
}
.wb-network-team-label span{
  color:var(--wb-yellow);
  font-size:1rem;
}
.wb-network-card--journey{
  right:15%;
  bottom:7.5%;
  width:286px;
  height:228px;
  padding:0;
}
.wb-team-map{
  position:relative;
  width:100%;
  height:100%;
}
.wb-team-map::before,
.wb-team-map::after{
  position:absolute;
  top:50%;
  left:50%;
  width:98px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(98,148,145,.42),transparent);
  content:"";
}
.wb-team-map::before{transform:translate(-50%,-50%) rotate(27deg)}
.wb-team-map::after{transform:translate(-50%,-50%) rotate(-27deg)}
.wb-team-map>strong{
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  display:grid;
  width:56px;
  aspect-ratio:1;
  place-items:center;
  border:1px solid rgba(255,198,64,.5);
  border-radius:12px;
  background:#fff8e5;
  color:var(--wb-teal);
  font-family:var(--wb-heading);
  font-size:1rem;
  transform:translate(-50%,-50%);
  box-shadow:0 8px 20px rgba(33,92,82,.09);
}
.wb-team-node{
  position:absolute;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:5px;
}
.wb-team-node i{
  display:grid;
  width:42px;
  aspect-ratio:1;
  place-items:center;
  border:5px solid var(--wb-soft);
  border-radius:50%;
  background:var(--wb-teal);
  color:#fff;
  font-size:.56rem;
  font-style:normal;
  font-weight:850;
}
.wb-team-node small{color:var(--wb-muted);font-size:.55rem}
.wb-team-node--strategy{top:28px;left:34px}
.wb-team-node--design{top:28px;right:34px}
.wb-team-node--build{right:50%;bottom:25px;transform:translateX(50%)}
.wb-team-node--design i{background:var(--wb-green)}
.wb-team-node--build i{background:var(--wb-orange)}

/* Refined card rail: smaller cards and a gradual entrance/exit. */
.wb-pathways-grid{
  grid-template-columns:minmax(330px,.78fr) minmax(0,1.7fr);
  gap:clamp(30px,3.5vw,58px);
  padding:clamp(48px,4.5vw,76px);
}
.wb-pathways-copy h2{font-size:clamp(3rem,4.15vw,5.25rem)}
.wb-pathways-viewport{
  position:relative;
  margin-right:clamp(-24px,-1.6vw,-8px);
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 62px,#000 calc(100% - 62px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 62px,#000 calc(100% - 62px),transparent 100%);
}
.wb-pathways-track{
  gap:18px;
  padding:14px 72px 22px;
}
.wb-pathway-card{
  position:relative;
  width:clamp(285px,22.5vw,328px);
  height:clamp(430px,57svh,500px);
  grid-template-rows:42% 58%;
  border-color:rgba(193,216,212,.96);
  border-radius:20px;
  background:var(--wb-paper);
  color:var(--wb-ink);
  box-shadow:0 20px 42px rgba(9,28,26,.15);
  transition:transform .25s ease,box-shadow .25s ease;
}
.wb-pathway-card::after{
  position:absolute;
  top:14px;
  right:14px;
  width:7px;
  aspect-ratio:1;
  border-radius:50%;
  background:var(--wb-green);
  content:"";
  box-shadow:0 0 0 5px rgba(98,148,145,.12);
}
.wb-pathway-card--paper,
.wb-pathway-card--canvas,
.wb-pathway-card--yellow,
.wb-pathway-card--green{
  background:var(--wb-paper);
  color:var(--wb-ink);
}
.wb-pathway-card--yellow::after{background:var(--wb-yellow);box-shadow:0 0 0 5px rgba(255,198,64,.15)}
.wb-pathway-card--green::after{background:var(--wb-orange);box-shadow:0 0 0 5px rgba(232,92,51,.12)}
.wb-pathway-card__visual{
  margin:10px 10px 0;
  border:1px solid rgba(193,216,212,.75);
  border-radius:13px;
}
.wb-pathway-card--green .wb-pathway-card__visual{border-color:rgba(193,216,212,.75)}
.wb-pathway-card__copy{padding:23px 24px 25px}
.wb-pathway-card__copy>span,
.wb-pathway-card--green .wb-pathway-card__copy>span{color:var(--wb-green)}
.wb-pathway-card__copy h3,
.wb-pathway-card--green .wb-pathway-card__copy h3{
  margin-top:10px;
  color:var(--wb-ink);
  font-size:clamp(1.55rem,1.65vw,2rem);
  line-height:1.05;
}
.wb-pathway-card__copy p,
.wb-pathway-card--green .wb-pathway-card__copy p{
  margin-top:14px;
  color:var(--wb-muted);
  font-size:.78rem;
  line-height:1.52;
}
.wb-pathway-card__copy a{font-size:.7rem}
.wb-pathway-visual--focused{background:#fff5d9}
.wb-pathway-visual--wordpress{background:#e4f0ee}
.wb-pathway-visual--wordpress i{
  border-color:rgba(54,95,92,.14);
  background:rgba(98,148,145,.12);
}
.wb-pathway-visual--wordpress i:first-child{background:var(--wb-teal)}
.wb-pathway-visual--wordpress strong{box-shadow:0 10px 22px rgba(54,95,92,.14)}

@media(hover:hover) and (pointer:fine){
  .wb-pathway-card:hover{
    transform:translateY(-7px);
    box-shadow:0 28px 54px rgba(9,28,26,.2);
  }
  .wb-network-hero__secondary:hover{border-color:var(--wb-green);color:var(--wb-teal)}
}

@media(max-width:1180px) and (min-width:901px){
  .wb-network-hero{min-height:960px}
  .wb-network-hero__canvas{min-height:960px}
  .wb-network-hero__copy{width:64%}
  .wb-network-card--signal{left:3%}
  .wb-network-card--status{right:3%}
  .wb-network-card--audience{left:5%}
  .wb-network-card--journey{right:5%}
  .wb-network-team-label{right:14%}
  .wb-network-hub{width:370px}
  .wb-pathways-grid{
    grid-template-columns:minmax(290px,.75fr) minmax(0,1.45fr);
    padding:44px 32px;
  }
  .wb-pathway-card{width:288px}
}

@media(max-width:900px){
  .wb-network-hero{
    min-height:0;
    padding:14px;
  }
  .wb-network-hero__canvas{
    display:grid;
    min-height:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    padding:54px 28px 26px;
    overflow:visible;
  }
  .wb-network-hero__copy{
    position:relative;
    top:auto;
    left:auto;
    width:auto;
    grid-column:1/-1;
    grid-row:1;
    margin-bottom:28px;
    text-align:left;
    transform:none;
  }
  .wb-network-hero__actions{justify-content:flex-start}
  .wb-network-card,
  .wb-network-hub,
  .wb-network-team-label{
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:auto;
    min-width:0;
    height:auto;
    transform:none;
  }
  .wb-network-card--signal{grid-column:1;grid-row:2}
  .wb-network-card--status{grid-column:2;grid-row:2}
  .wb-network-hub{
    grid-column:1/-1;
    grid-row:3;
    width:100%;
    height:260px;
  }
  .wb-network-card--audience{grid-column:1;grid-row:4}
  .wb-network-team-label{
    grid-column:2;
    grid-row:4;
    align-self:start;
    justify-self:start;
    margin:0 0 -54px 14px;
  }
  .wb-network-card--journey{
    grid-column:2;
    grid-row:4;
    min-height:252px;
    padding-top:35px;
  }
  .wb-pathways-viewport{
    margin-right:0;
    -webkit-mask-image:none;
    mask-image:none;
  }
  .wb-pathways-track{padding:0}
  .wb-pathway-card{
    width:auto;
    height:auto;
    min-height:500px;
  }
}

@media(max-width:760px){
  .wb-network-hero{padding:10px}
  .wb-network-hero__canvas{
    grid-template-columns:1fr;
    gap:10px;
    padding:46px 14px 16px;
  }
  .wb-network-hero__copy,
  .wb-network-card--signal,
  .wb-network-card--status,
  .wb-network-hub,
  .wb-network-card--audience,
  .wb-network-card--journey{
    grid-column:1;
  }
  .wb-network-hero__copy{grid-row:1}
  .wb-network-hero__copy h1{font-size:clamp(3rem,13.2vw,5rem)}
  .wb-network-hero__actions{align-items:stretch;flex-direction:column}
  .wb-network-hero__actions .wb-cta,
  .wb-network-hero__secondary{width:100%}
  .wb-network-card--signal{grid-row:2}
  .wb-network-card--status{grid-row:3}
  .wb-network-hub{grid-row:4;height:270px}
  .wb-network-card--audience{grid-row:5}
  .wb-network-team-label{
    z-index:5;
    grid-column:1;
    grid-row:6;
    margin:14px 0 -50px 14px;
  }
  .wb-network-card--journey{grid-row:6;min-height:260px}
  .wb-pathways-grid{padding:48px 20px}
  .wb-pathway-card{
    min-height:480px;
    grid-template-rows:40% 60%;
  }
}

/* =========================================================
   V8.1 — ASYMMETRIC FLAGSHIP HERO + EXPANDING SYSTEM CARD
   ========================================================= */
body.wb-system-open{overflow:hidden!important}
.wb-fiscal-hero{position:relative;min-height:clamp(760px,72vw,980px);padding:14px;background:var(--wb-paper)}
.wb-fiscal-hero__grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(330px,1fr);gap:14px;min-height:calc(clamp(760px,72vw,980px) - 28px)}
.wb-fiscal-hero__main{position:relative;min-width:0;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#f7faf9 0%,#edf3f1 100%)}
.wb-fiscal-hero__main::before{position:absolute;inset:0;background:linear-gradient(rgba(193,216,212,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(193,216,212,.18) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.32),transparent 70%);content:""}
.wb-fiscal-hero__copy{position:relative;z-index:4;width:min(78%,920px);padding:clamp(42px,5vw,86px)}
.wb-fiscal-hero__copy h1{margin-top:18px;font-size:clamp(3.4rem,5.15vw,6.55rem);line-height:.98;letter-spacing:-.065em}
.wb-fiscal-hero__copy h1 .wb-serif{display:block;color:var(--wb-teal)}
.wb-fiscal-hero__copy>p:not(.wb-kicker){max-width:720px;margin-top:27px;color:var(--wb-muted);font-size:clamp(1rem,1.18vw,1.22rem)}
.wb-fiscal-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.wb-fiscal-hero__secondary{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:14px 24px;border:1px solid var(--wb-line);border-radius:999px;background:#fff;font-size:.84rem;font-weight:800;text-decoration:none;transition:.25s var(--wb-ease)}
.wb-fiscal-hero__secondary:hover{border-color:var(--wb-teal);transform:translateY(-3px)}
.wb-build-illustration{position:absolute;right:3%;bottom:2%;width:min(70%,760px);aspect-ratio:1.45;transform:rotate(-4deg)}
.wb-build-board{position:absolute;right:4%;bottom:5%;width:76%;height:58%;border:3px solid var(--wb-ink);border-radius:22px;background:#fff;box-shadow:0 26px 0 -14px rgba(16,24,23,.14),0 38px 70px rgba(33,92,82,.14);transform:perspective(900px) rotateX(52deg) rotateZ(-8deg)}
.wb-build-board::before{position:absolute;inset:10px;border:1px solid var(--wb-line);border-radius:15px;content:""}
.wb-build-board__screen{position:absolute;left:7%;bottom:7%;width:34%;height:52%;overflow:hidden;border:2px solid var(--wb-ink);border-radius:10px;background:var(--wb-teal)}
.wb-build-board__screen i,.wb-build-board__screen b,.wb-build-board__screen em{display:block;position:absolute;background:#fff}
.wb-build-board__screen i{top:13%;left:12%;width:70%;height:9%;border-radius:99px}
.wb-build-board__screen b{top:33%;left:12%;width:50%;height:7%;border-radius:99px;opacity:.75}
.wb-build-board__screen em{right:0;bottom:0;width:42%;height:100%;background:var(--wb-yellow);clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}
.wb-build-key{position:absolute;display:grid;place-items:center;border:2px solid var(--wb-ink);border-radius:10px;background:#fff;font-family:var(--wb-heading);font-size:clamp(.58rem,.72vw,.78rem);font-weight:650;box-shadow:0 8px 0 rgba(16,24,23,.08)}
.wb-build-key--strategy{top:8%;left:9%;width:23%;height:27%}.wb-build-key--structure{top:8%;left:35%;width:23%;height:27%}.wb-build-key--design{top:8%;right:9%;width:23%;height:27%}.wb-build-key--build{right:9%;bottom:8%;width:25%;height:28%}.wb-build-key--growth{right:37%;bottom:8%;width:25%;height:28%;background:var(--yellow,var(--wb-yellow))}
.wb-build-illustration__hand{position:absolute;z-index:3;top:0;right:0;width:44%;height:54%;border:3px solid var(--wb-ink);border-left:0;border-bottom:0;border-radius:0 70% 0 0;transform:rotate(16deg)}
.wb-build-illustration__hand::before{position:absolute;right:8%;bottom:-32%;width:74%;height:42%;border:3px solid var(--wb-ink);border-top:0;border-radius:0 0 70% 35%;content:"";transform:rotate(11deg)}
.wb-hand-line{position:absolute;right:15%;display:block;width:64%;height:2px;background:var(--wb-ink);transform-origin:right}.wb-hand-line--one{top:25%;transform:rotate(10deg)}.wb-hand-line--two{top:38%;transform:rotate(18deg)}.wb-hand-line--three{top:51%;transform:rotate(26deg)}.wb-hand-line--four{top:64%;transform:rotate(34deg)}
.wb-fiscal-hero__tabs{display:grid;grid-template-rows:minmax(0,1.78fr) minmax(240px,.92fr);gap:14px;min-width:0}
.wb-fiscal-tab{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;align-items:flex-start;padding:clamp(30px,3.2vw,55px);border:0;border-radius:28px;text-align:left;text-decoration:none;cursor:pointer}
.wb-fiscal-tab--system{background:var(--wb-orange);color:#fff}
.wb-fiscal-tab--scope{background:var(--wb-ink);color:#fff}
.wb-fiscal-tab__label{position:relative;z-index:2;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.wb-fiscal-tab strong{position:relative;z-index:2;max-width:500px;margin-top:17px;font-family:var(--wb-heading);font-size:clamp(2rem,3vw,4.3rem);font-weight:600;line-height:1.04;letter-spacing:-.055em}
.wb-fiscal-tab__badge{position:absolute;z-index:2;top:34%;right:8%;padding:7px 13px;border-radius:999px;background:var(--wb-yellow);color:var(--wb-ink);font-size:.72rem;font-weight:800}
.wb-fiscal-tab__action{position:relative;z-index:4;display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.24);font-size:.76rem;font-weight:750}
.wb-fiscal-tab__action i{display:grid;width:34px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.52);border-radius:50%;font-style:normal}
.wb-fiscal-chart{position:absolute;right:8%;bottom:20%;left:8%;height:38%}
.wb-fiscal-chart::before{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 32%,rgba(255,255,255,.17) 33% 34%);content:""}
.wb-fiscal-chart i{position:absolute;bottom:0;width:2px;background:rgba(255,255,255,.62);transform-origin:bottom}.wb-fiscal-chart i::after{position:absolute;top:-7px;left:-6px;width:14px;aspect-ratio:1;border:3px solid #fff;border-radius:50%;background:var(--wb-orange);content:""}
.wb-fiscal-chart i:nth-child(1){left:8%;height:34%;transform:rotate(-26deg)}.wb-fiscal-chart i:nth-child(2){left:29%;height:57%;transform:rotate(12deg)}.wb-fiscal-chart i:nth-child(3){left:48%;height:48%;transform:rotate(-13deg)}.wb-fiscal-chart i:nth-child(4){left:68%;height:65%;transform:rotate(-34deg)}.wb-fiscal-chart i:nth-child(5){right:8%;height:92%}
.wb-fiscal-chart b{position:absolute;right:7%;bottom:0;width:75%;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.15),#fff);clip-path:polygon(0 83%,18% 47%,40% 62%,67% 32%,100% 0,100% 100%,0 100%)}
.wb-scope-mini{display:flex;gap:0;margin-top:auto;padding-top:28px}.wb-scope-mini i{display:grid;width:54px;aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:var(--wb-ink);font-size:.65rem;font-style:normal;font-weight:750}.wb-scope-mini i+i{margin-left:-9px}.wb-scope-mini i:nth-child(2){background:var(--wb-teal)}.wb-scope-mini i:nth-child(3){background:var(--wb-green)}.wb-scope-mini i:nth-child(4){background:var(--wb-orange)}
.wb-fiscal-tab{transition:transform .35s var(--wb-ease),filter .35s ease}.wb-fiscal-tab:hover{transform:translateY(-4px);filter:saturate(1.04)}
.wb-system-dialog[hidden]{display:none}.wb-system-dialog{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:14px}.wb-system-dialog__backdrop{position:absolute;inset:0;background:rgba(10,18,17,.68);backdrop-filter:blur(10px);opacity:0;animation:wbDialogFade .28s forwards}.wb-system-dialog__panel{position:relative;width:min(1500px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:var(--wb-orange);color:#fff;box-shadow:0 45px 130px rgba(0,0,0,.3);transform-origin:85% 25%;animation:wbDialogOpen .55s var(--wb-ease) forwards}.wb-system-dialog__close{position:sticky;z-index:10;top:18px;float:right;display:grid;width:48px;aspect-ratio:1;margin:18px 18px -66px 0;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(16,24,23,.18);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.wb-system-dialog__head{padding:clamp(48px,6vw,92px) clamp(34px,7vw,110px) 36px;text-align:center}.wb-system-dialog__head .wb-kicker{color:#ffe0d5}.wb-system-dialog__head h2{max-width:1080px;margin:18px auto 0;color:#fff;font-size:clamp(2.8rem,5.5vw,7rem);line-height:.98}.wb-system-dialog__head h2 .wb-serif{color:var(--wb-yellow)}.wb-system-dialog__head>p:last-child{max-width:850px;margin:26px auto 0;color:rgba(255,255,255,.78);font-size:1.05rem}.wb-system-dialog__map{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:28px clamp(24px,4vw,70px) 56px}.wb-system-dialog__map::before{position:absolute;top:50%;right:7%;left:7%;height:1px;background:rgba(255,255,255,.35);content:""}.wb-system-dialog__map article{position:relative;z-index:2;min-height:245px;padding:25px;border:1px solid rgba(255,255,255,.52);border-radius:20px;background:rgba(255,255,255,.09);backdrop-filter:blur(4px)}.wb-system-dialog__map article span{display:grid;width:34px;aspect-ratio:1;place-items:center;border-radius:50%;background:#fff;color:var(--wb-orange);font-size:.66rem;font-weight:850}.wb-system-dialog__map article h3{margin-top:45px;color:#fff;font-size:clamp(1.25rem,1.7vw,2rem)}.wb-system-dialog__map article p{margin-top:13px;color:rgba(255,255,255,.73);font-size:.86rem;line-height:1.55}.wb-system-dialog__core{position:absolute;z-index:4;top:50%;left:50%;display:none;align-items:center;gap:10px;padding:13px 18px;border-radius:999px;background:var(--wb-ink);transform:translate(-50%,-50%)}.wb-system-dialog__core i{display:grid;width:30px;aspect-ratio:1;place-items:center;border-radius:8px;background:#fff;color:var(--wb-teal);font-style:normal;font-weight:850}.wb-system-dialog__core strong{font-family:var(--wb-heading);font-size:.62rem;line-height:1.15}.wb-system-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px clamp(34px,7vw,110px);border-top:1px solid rgba(255,255,255,.3)}.wb-system-dialog__footer p{max-width:700px;color:rgba(255,255,255,.78)}
@keyframes wbDialogFade{to{opacity:1}}@keyframes wbDialogOpen{from{opacity:0;transform:translate(26%, -20%) scale(.22)}to{opacity:1;transform:none}}
@media(max-width:1100px){.wb-fiscal-hero{min-height:0}.wb-fiscal-hero__grid{grid-template-columns:1fr;min-height:0}.wb-fiscal-hero__main{min-height:760px}.wb-fiscal-hero__tabs{grid-template-columns:1fr 1fr;grid-template-rows:none}.wb-fiscal-tab{min-height:430px}.wb-system-dialog__map{grid-template-columns:repeat(2,1fr)}.wb-system-dialog__map article:last-of-type{grid-column:1/-1}.wb-system-dialog__map::before{display:none}}
@media(max-width:700px){.wb-fiscal-hero{padding:8px}.wb-fiscal-hero__main{min-height:720px;border-radius:14px}.wb-fiscal-hero__copy{width:100%;padding:36px 24px}.wb-fiscal-hero__copy h1{font-size:clamp(3rem,13vw,4.8rem)}.wb-fiscal-hero__actions{align-items:stretch;flex-direction:column}.wb-fiscal-hero__actions a{width:100%}.wb-build-illustration{right:-8%;bottom:1%;width:105%}.wb-fiscal-hero__tabs{grid-template-columns:1fr}.wb-fiscal-tab{min-height:430px;border-radius:14px}.wb-fiscal-tab--scope{min-height:340px}.wb-system-dialog{padding:8px}.wb-system-dialog__panel{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:14px;animation-name:wbDialogOpenMobile}.wb-system-dialog__head{padding:72px 24px 30px}.wb-system-dialog__head h2{font-size:clamp(2.7rem,12vw,4.6rem)}.wb-system-dialog__map{grid-template-columns:1fr;padding:18px 16px 34px}.wb-system-dialog__map article,.wb-system-dialog__map article:last-of-type{grid-column:auto;min-height:0}.wb-system-dialog__map article h3{margin-top:28px}.wb-system-dialog__footer{align-items:stretch;flex-direction:column;padding:24px}.wb-system-dialog__footer .wb-cta{width:100%}}@keyframes wbDialogOpenMobile{from{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wb-fiscal-tab,.wb-system-dialog__panel,.wb-system-dialog__backdrop{animation:none!important;transition:none!important}.wb-fiscal-tab:hover{transform:none}}

/* =========================================================
   V8.2 — HERO IMAGE, EARLY PROOF CARD, DARK SYSTEM DIALOG
   ========================================================= */
.wb-fiscal-hero{min-height:clamp(700px,61vw,860px)}
.wb-fiscal-hero__grid{min-height:calc(clamp(700px,61vw,860px) - 28px);grid-template-columns:minmax(0,2.08fr) minmax(350px,.92fr)}
.wb-fiscal-hero__copy{width:min(79%,900px);padding-bottom:24px}
.wb-build-image{position:absolute;z-index:2;right:-2%;bottom:-1%;width:min(77%,900px);margin:0;pointer-events:none}
.wb-build-image img{display:block;width:100%;height:auto;mix-blend-mode:multiply;filter:saturate(.9) contrast(1.02)}
.wb-fiscal-hero__tabs{grid-template-rows:minmax(0,1.48fr) minmax(260px,1fr)}
.wb-fiscal-tab--system{background:var(--wb-teal)}
.wb-fiscal-tab--system .wb-fiscal-chart i::after{background:var(--wb-yellow);border-color:#fff}
.wb-fiscal-tab--system .wb-fiscal-tab__badge{background:var(--wb-yellow);color:var(--wb-ink)}
.wb-fiscal-tab--proof{background:#0f2522;color:#fff;text-decoration:none}
.wb-fiscal-tab--proof::before{position:absolute;inset:0;background:radial-gradient(circle at 90% 8%,rgba(98,148,145,.23),transparent 32%),repeating-radial-gradient(circle at 95% 0,transparent 0 15px,rgba(255,255,255,.045) 16px 17px);content:"";pointer-events:none}
.wb-fiscal-tab--proof strong{max-width:560px;font-size:clamp(1.55rem,2.15vw,2.8rem);line-height:1.03}
.wb-proof-mini{position:relative;z-index:2;display:grid;gap:8px;margin-top:auto;padding-top:24px}
.wb-proof-mini>i{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.055);font-style:normal;transition:.28s var(--wb-ease)}
.wb-proof-mini>i:hover{border-color:rgba(255,198,64,.58);background:rgba(255,255,255,.09);transform:translateX(5px)}
.wb-proof-mini b{display:grid;width:31px;aspect-ratio:1;place-items:center;border-radius:50%;background:rgba(98,148,145,.28);color:#fff;font-size:.62rem}
.wb-proof-mini em{font-family:var(--wb-heading);font-style:normal;font-size:.78rem;font-weight:650}
.wb-proof-mini small{color:rgba(255,255,255,.58);font-size:.61rem;text-align:right}

.wb-system-dialog{padding:clamp(12px,2vw,28px)}
.wb-system-dialog__backdrop{background:rgba(5,15,14,.74);backdrop-filter:blur(12px)}
.wb-system-dialog__panel{width:min(1680px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;border-color:rgba(193,216,212,.38);border-radius:30px;background:linear-gradient(145deg,#173d39 0%,#0d2926 68%,#09201e 100%);box-shadow:0 48px 150px rgba(0,0,0,.42)}
.wb-system-dialog__panel::before{position:absolute;inset:0;background:radial-gradient(circle at 15% 12%,rgba(98,148,145,.22),transparent 30%),linear-gradient(rgba(193,216,212,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(193,216,212,.045) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;content:"";pointer-events:none}
.wb-system-dialog__close{position:absolute;z-index:12;top:24px;right:24px;float:none;width:52px;margin:0;border-color:rgba(255,255,255,.42);background:rgba(5,22,20,.45);font-family:var(--wb-sans);font-size:1.65rem;line-height:1;transform:none}
.wb-system-dialog__close:hover{background:var(--wb-yellow);color:var(--wb-ink)}
.wb-system-dialog__head{position:relative;z-index:2;padding:clamp(54px,5vw,82px) clamp(34px,6vw,94px) 24px;text-align:left}
.wb-system-dialog__head .wb-kicker{color:#b9d8d3}
.wb-system-dialog__head h2{max-width:1120px;margin:15px 0 0;font-size:clamp(2.8rem,4.7vw,6.2rem);line-height:.96}
.wb-system-dialog__head h2 .wb-serif{color:#9fc7be}
.wb-system-dialog__head>p:last-child{max-width:860px;margin:22px 0 0;color:rgba(255,255,255,.72)}
.wb-system-dialog__map{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:28px clamp(28px,4vw,66px) 34px}
.wb-system-dialog__map::before{top:53px;right:6%;left:6%;background:linear-gradient(90deg,transparent,rgba(193,216,212,.65) 8%,rgba(193,216,212,.65) 92%,transparent)}
.wb-system-dialog__map article{min-height:340px;padding:25px 20px 22px;border-color:rgba(193,216,212,.26);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));backdrop-filter:blur(8px)}
.wb-system-dialog__map article+article{margin-left:-1px}
.wb-system-dialog__map article span{position:relative;z-index:4;background:#244e49;color:#fff;box-shadow:0 0 0 6px #12332f}
.wb-system-dialog__map article:first-child span{background:var(--wb-yellow);color:var(--wb-ink)}
.wb-system-dialog__map article h3{margin-top:24px;font-size:clamp(1.25rem,1.5vw,1.75rem)}
.wb-system-dialog__map article p{min-height:44px;margin-top:9px;font-size:.78rem}
.wb-stage-visual{position:relative;height:150px;margin-top:22px;overflow:hidden;border:1px solid rgba(193,216,212,.18);border-radius:15px;background:rgba(4,20,18,.28)}
.wb-stage-visual--target::before,.wb-stage-visual--target::after{position:absolute;top:50%;left:50%;border:1px solid rgba(193,216,212,.42);border-radius:50%;content:"";transform:translate(-50%,-50%)}
.wb-stage-visual--target::before{width:102px;height:102px}.wb-stage-visual--target::after{width:64px;height:64px}
.wb-stage-visual--target i{position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;background:#dceae6;transform:translate(-50%,-60%)}
.wb-stage-visual--target b{position:absolute;top:56%;left:50%;width:54px;height:27px;border-radius:30px 30px 8px 8px;background:#8db5aa;transform:translateX(-50%)}
.wb-stage-visual--target em{position:absolute;top:28px;right:31px;width:12px;aspect-ratio:1;border-radius:50%;background:var(--wb-yellow);box-shadow:0 0 18px rgba(255,198,64,.75)}
.wb-stage-visual--sitemap i,.wb-stage-visual--sitemap b,.wb-stage-visual--sitemap em,.wb-stage-visual--sitemap small{position:absolute;border:1px solid rgba(193,216,212,.4);border-radius:7px;background:#6c9990}
.wb-stage-visual--sitemap i{top:20px;left:50%;width:38px;height:33px;transform:translateX(-50%)}
.wb-stage-visual--sitemap b,.wb-stage-visual--sitemap em,.wb-stage-visual--sitemap small{bottom:22px;width:35px;height:31px}
.wb-stage-visual--sitemap b{left:18px}.wb-stage-visual--sitemap em{left:50%;transform:translateX(-50%)}.wb-stage-visual--sitemap small{right:18px}
.wb-stage-visual--sitemap::before{position:absolute;top:52px;bottom:52px;left:50%;width:1px;background:rgba(193,216,212,.5);content:""}
.wb-stage-visual--sitemap::after{position:absolute;right:36px;bottom:52px;left:36px;height:1px;background:rgba(193,216,212,.5);content:""}
.wb-stage-visual--design i,.wb-stage-visual--design b,.wb-stage-visual--design em{position:absolute;border:1px solid rgba(193,216,212,.35);border-radius:10px;background:#2a504b}
.wb-stage-visual--design i{inset:25px 34px 28px 24px}.wb-stage-visual--design b{inset:37px 25px 18px 39px;opacity:.7}.wb-stage-visual--design em{right:42px;bottom:29px;width:47px;height:16px;border:0;border-radius:5px;background:linear-gradient(90deg,#567f77 0 35%,#8db5aa 35% 68%,var(--wb-yellow) 68%)}
.wb-stage-visual--design::before{position:absolute;z-index:2;top:43px;left:40px;width:65px;height:42px;border:1px solid #b9d8d3;content:"";clip-path:polygon(0 100%,34% 48%,54% 68%,72% 38%,100% 100%)}
.wb-stage-visual--code i{position:absolute;top:21px;left:20px;display:grid;width:62px;height:45px;place-items:center;border:1px solid rgba(193,216,212,.38);border-radius:9px;color:#fff;font-style:normal;font-weight:700}
.wb-stage-visual--code b{position:absolute;right:20px;bottom:25px;width:57px;height:57px;border:1px dashed rgba(193,216,212,.55);border-radius:10px}
.wb-stage-visual--code em{position:absolute;bottom:24px;left:22px;width:66px;height:55px;background:radial-gradient(circle,#8db5aa 2px,transparent 3px);background-size:15px 15px}
.wb-stage-visual--code small{position:absolute;right:34px;bottom:40px;color:#fff;font-size:1rem}
.wb-stage-visual--code::after{position:absolute;top:43px;right:20px;width:65px;height:45px;border-top:1px dashed rgba(193,216,212,.55);border-right:1px dashed rgba(193,216,212,.55);content:""}
.wb-stage-visual--growth i{position:absolute;right:18px;bottom:58px;left:18px;height:72px;background:linear-gradient(145deg,transparent 0 15%,#b9d8d3 16% 18%,transparent 19% 34%,#b9d8d3 35% 37%,transparent 38% 55%,#fff 56% 58%,transparent 59%);clip-path:polygon(0 82%,22% 54%,42% 68%,65% 28%,82% 43%,100% 0,100% 100%,0 100%)}
.wb-stage-visual--growth b{position:absolute;right:24px;bottom:18px;width:62px;aspect-ratio:1;border:9px solid rgba(193,216,212,.22);border-top-color:#8db5aa;border-right-color:#8db5aa;border-radius:50%}
.wb-stage-visual--growth em{position:absolute;right:39px;bottom:38px;color:#fff;font-style:normal;font-size:.7rem}
.wb-system-dialog__footer{position:relative;z-index:2;padding:25px clamp(34px,6vw,94px);border-color:rgba(193,216,212,.22)}

@media(max-width:1100px){
  .wb-fiscal-hero__main{min-height:720px}.wb-build-image{width:min(84%,820px)}
  .wb-fiscal-tab--proof strong{font-size:clamp(1.45rem,2.8vw,2.35rem)}
  .wb-system-dialog__map{grid-template-columns:repeat(2,1fr);gap:12px}
  .wb-system-dialog__map article+article{margin-left:0}.wb-system-dialog__map article:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  .wb-fiscal-hero__main{min-height:690px}.wb-build-image{right:-18%;bottom:0;width:128%}
  .wb-fiscal-hero__tabs{grid-template-columns:1fr}.wb-fiscal-tab--proof{min-height:400px}
  .wb-proof-mini small{display:none}.wb-proof-mini>i{grid-template-columns:38px 1fr}
  .wb-system-dialog__panel{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}
  .wb-system-dialog__close{top:14px;right:14px;width:44px}
  .wb-system-dialog__head{padding:70px 22px 24px}.wb-system-dialog__head h2{font-size:clamp(2.5rem,11vw,4rem)}
  .wb-system-dialog__map{grid-template-columns:1fr;padding:14px 14px 28px}.wb-system-dialog__map article,.wb-system-dialog__map article:last-child{grid-column:auto;min-height:285px}
  .wb-system-dialog__footer{padding:22px}
}


/* =========================================================
   WEB DESIGN & DEVELOPMENT V9 — CONNECTED CAPABILITY MATRIX
   Straight top edge by page-specific direction; internal lines
   replace boxed cards and retain the Hamilton editorial rhythm.
   ========================================================= */
.wb-capability-system{
  overflow:hidden;
  border-radius:0 0 var(--wb-radius) var(--wb-radius);
  background:
    radial-gradient(circle at 8% 0,rgba(98,148,145,.18),transparent 29%),
    linear-gradient(145deg,#123b37 0%,#0b2926 58%,#071f1d 100%);
  color:#fff;
}
.wb-capability-system__header{
  display:grid;
  grid-template-columns:minmax(210px,2.2fr) minmax(0,7.8fr);
  gap:clamp(36px,6vw,100px);
  padding:clamp(52px,6vw,92px) clamp(42px,6vw,96px);
  border-bottom:1px solid rgba(193,216,212,.24);
}
.wb-capability-system__index{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:12px 18px;align-content:start;color:#b9d8d3;font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.wb-capability-system__index span{color:var(--wb-yellow)}
.wb-capability-system__index i{height:1px;margin-top:8px;background:rgba(193,216,212,.34)}
.wb-capability-system__index b{grid-column:2;font-weight:750}
.wb-capability-system__header .wb-kicker{color:#b9d8d3}
.wb-capability-system__header h2{
  max-width:1000px;
  margin-top:15px;
  color:#fff;
  font-size:clamp(2.7rem,4.6vw,5.8rem);
  line-height:.98;
}
.wb-capability-system__header h2 .wb-serif{color:#9fc7be}
.wb-capability-system__header>div:last-child>p:last-child{max-width:770px;margin-top:24px;color:rgba(255,255,255,.68);font-size:1.03rem}
.wb-capability-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid rgba(193,216,212,.24);
}
.wb-capability{
  position:relative;
  min-width:0;
  min-height:350px;
  display:grid;
  grid-template-rows:160px 1fr;
  overflow:hidden;
  background:transparent;
  color:#fff;
  outline:0;
  transition:background .4s var(--wb-ease),color .35s ease;
}
.wb-capability:not(:nth-child(4n)){border-right:1px solid rgba(193,216,212,.24)}
.wb-capability:nth-child(n/**/+5){border-top:1px solid rgba(193,216,212,.24)}
.wb-capability::after{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:3px;
  content:"";
  background:var(--wb-yellow);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .45s var(--wb-ease);
}
.wb-capability.is-active{background:var(--wb-yellow);color:var(--wb-ink)}
.wb-capability.is-active::after{transform:scaleX(1)}
.wb-capability:focus-visible{z-index:3;outline:3px solid var(--wb-orange);outline-offset:-3px}
.wb-capability__visual{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(193,216,212,.19);
  color:rgba(255,255,255,.82);
}
.wb-capability.is-active .wb-capability__visual{border-color:rgba(16,24,23,.18);color:var(--wb-ink)}
.wb-capability__copy{position:relative;padding:24px 26px 30px}
.wb-capability__copy>span{color:var(--wb-yellow);font-size:.68rem;font-weight:800;letter-spacing:.08em}
.wb-capability.is-active .wb-capability__copy>span{color:var(--wb-ink)}
.wb-capability__copy h3{margin-top:16px;color:inherit;font-size:clamp(1.35rem,1.8vw,2rem);letter-spacing:-.045em}
.wb-capability__copy p{margin-top:12px;color:rgba(255,255,255,.64);font-size:.87rem;line-height:1.58}
.wb-capability.is-active .wb-capability__copy p{color:rgba(16,24,23,.72)}
.wb-capability__copy>i{position:absolute;right:25px;bottom:24px;font-style:normal;font-size:1.25rem;transition:transform .3s var(--wb-ease)}
.wb-capability.is-active .wb-capability__copy>i{transform:translateX(5px)}

/* Strategy visual */
.wb-capability__visual--strategy .wb-orbit-ring{position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.48}
.wb-orbit-ring--one{width:92px;height:92px}.wb-orbit-ring--two{width:58px;height:58px}
.wb-capability__visual--strategy i{width:11px;height:11px;border-radius:50%;background:var(--wb-yellow);box-shadow:0 0 18px rgba(255,198,64,.75)}
.wb-capability.is-active .wb-capability__visual--strategy i{background:var(--wb-ink);box-shadow:none}
.wb-capability__visual--strategy b{position:absolute;width:132px;height:1px;background:currentColor;opacity:.45}
.wb-capability__visual--strategy b::after{position:absolute;top:-66px;left:66px;width:1px;height:132px;background:currentColor;content:""}
.wb-capability.is-active .wb-orbit-ring--one{animation:wb-capability-spin 7s linear infinite}

/* Messaging visual */
.wb-capability__visual--messaging>span{position:absolute;width:92px;height:58px;border:1px solid currentColor;border-radius:9px;opacity:.62}
.wb-capability__visual--messaging>span:first-child{transform:translate(-24px,-14px)}
.wb-capability__visual--messaging>span:nth-child(2){transform:translate(27px,18px)}
.wb-capability__visual--messaging>span::after{position:absolute;left:15px;bottom:-9px;width:15px;height:15px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;background:inherit;content:"";transform:rotate(45deg)}
.wb-capability__visual--messaging b{position:absolute;display:flex;gap:7px;transform:translate(30px,18px)}
.wb-capability__visual--messaging b i{width:6px;height:6px;border-radius:50%;background:var(--wb-yellow)}
.wb-capability.is-active .wb-capability__visual--messaging b i{background:var(--wb-ink);animation:wb-capability-pulse 1.4s ease-in-out infinite}
.wb-capability.is-active .wb-capability__visual--messaging b i:nth-child(2){animation-delay:.18s}.wb-capability.is-active .wb-capability__visual--messaging b i:nth-child(3){animation-delay:.36s}

/* Structure visual */
.wb-capability__visual--structure .wb-structure-root{position:absolute;top:35px;width:28px;height:24px;border:1px solid currentColor;border-radius:4px;background:rgba(255,255,255,.06)}
.wb-capability__visual--structure .wb-structure-branch{position:absolute;top:59px;width:1px;height:40px;background:currentColor;opacity:.62}
.wb-capability__visual--structure .wb-structure-branch::after{position:absolute;top:28px;left:-58px;width:116px;height:1px;background:currentColor;content:""}
.wb-capability__visual--structure i{--wb-node-x:0px;position:absolute;top:88px;width:27px;height:23px;border:1px solid currentColor;border-radius:4px;background:rgba(255,255,255,.06);transform:translateX(var(--wb-node-x))}
.wb-capability__visual--structure i:nth-of-type(1){--wb-node-x:-58px}.wb-capability__visual--structure i:nth-of-type(3){--wb-node-x:58px}
.wb-capability.is-active .wb-capability__visual--structure i{animation:wb-capability-node 1.8s ease-in-out infinite}.wb-capability.is-active .wb-capability__visual--structure i:nth-of-type(2){animation-delay:.2s}.wb-capability.is-active .wb-capability__visual--structure i:nth-of-type(3){animation-delay:.4s}

/* Design visual */
.wb-design-window{position:relative;width:146px;height:88px;border:1px solid currentColor;border-radius:7px;overflow:hidden}
.wb-design-window::before{display:block;height:18px;border-bottom:1px solid currentColor;content:"";opacity:.5}
.wb-design-window>i{position:absolute;top:29px;left:12px;width:42px;height:32px;border:1px solid currentColor}
.wb-design-window>b,.wb-design-window>em,.wb-design-window>small{position:absolute;right:13px;display:block;height:3px;background:currentColor;content:"";opacity:.55}
.wb-design-window>b{top:31px;width:57px}.wb-design-window>em{top:43px;width:46px}.wb-design-window>small{top:55px;width:35px}
.wb-capability.is-active .wb-design-window::after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.48) 48%,transparent 66%);transform:translateX(-120%);animation:wb-capability-scan 2.4s ease-in-out infinite}

/* Development visual */
.wb-capability__visual--development span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:700}
.wb-capability__visual--development i{position:absolute;width:120px;height:76px;border:1px solid currentColor;border-radius:6px;opacity:.38}
.wb-capability__visual--development b{position:absolute;bottom:41px;width:52px;height:2px;background:var(--wb-yellow)}
.wb-capability.is-active .wb-capability__visual--development b{background:var(--wb-ink);animation:wb-capability-code 1.3s steps(4,end) infinite}

/* Conversion visual */
.wb-capability__visual--conversion>span{position:absolute;width:22px;height:22px;border:1px solid currentColor;border-radius:50%}
.wb-capability__visual--conversion>span:first-child{transform:translate(-67px,-29px)}.wb-capability__visual--conversion>span:nth-child(2){transform:translate(66px,29px)}
.wb-capability__visual--conversion>i{position:absolute;width:120px;height:62px;border:1px dashed currentColor;border-color:transparent transparent currentColor currentColor;border-radius:0 0 0 52px;transform:rotate(-12deg)}
.wb-capability__visual--conversion>b,.wb-capability__visual--conversion>em{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--wb-yellow)}
.wb-capability__visual--conversion>b{transform:translate(-20px,-3px)}.wb-capability__visual--conversion>em{transform:translate(26px,17px)}
.wb-capability.is-active .wb-capability__visual--conversion>b,.wb-capability.is-active .wb-capability__visual--conversion>em{background:var(--wb-ink);animation:wb-capability-pulse 1.45s ease-in-out infinite}.wb-capability.is-active .wb-capability__visual--conversion>em{animation-delay:.45s}

/* Performance visual */
.wb-capability__visual--performance>span{position:absolute;width:126px;height:64px;overflow:hidden;border:1px solid currentColor;border-bottom:0;border-radius:126px 126px 0 0;opacity:.6}
.wb-capability__visual--performance>i{position:absolute;bottom:48px;left:50%;width:56px;height:2px;background:currentColor;transform:rotate(-28deg);transform-origin:left}
.wb-capability__visual--performance>b{position:absolute;bottom:43px;width:12px;height:12px;border-radius:50%;background:var(--wb-yellow)}
.wb-capability__visual--performance>em{position:absolute;bottom:41px;width:148px;height:1px;background:currentColor;opacity:.28}
.wb-capability.is-active .wb-capability__visual--performance>i{animation:wb-capability-needle 2.2s var(--wb-ease) infinite alternate}.wb-capability.is-active .wb-capability__visual--performance>b{background:var(--wb-ink)}

/* Growth visual */
.wb-capability__visual--growth{display:flex;align-items:flex-end;justify-content:center;gap:9px;padding-bottom:40px}
.wb-capability__visual--growth>span{display:block;width:17px;border:1px solid currentColor;border-bottom-width:3px;opacity:.72;transform-origin:bottom}
.wb-capability__visual--growth>span:nth-child(1){height:28px}.wb-capability__visual--growth>span:nth-child(2){height:43px}.wb-capability__visual--growth>span:nth-child(3){height:62px}.wb-capability__visual--growth>span:nth-child(4){height:79px}.wb-capability__visual--growth>span:nth-child(5){height:103px}
.wb-capability__visual--growth>i{position:absolute;top:35px;width:132px;height:55px;border-top:2px solid var(--wb-yellow);clip-path:polygon(0 85%,21% 65%,40% 71%,61% 35%,79% 48%,100% 0,100% 8%,79% 56%,61% 43%,40% 79%,21% 73%,0 93%)}
.wb-capability.is-active .wb-capability__visual--growth>i{border-color:var(--wb-ink)}
.wb-capability.is-active .wb-capability__visual--growth>span{animation:wb-capability-bars 1.7s var(--wb-ease) infinite alternate}
.wb-capability.is-active .wb-capability__visual--growth>span:nth-child(2){animation-delay:.08s}.wb-capability.is-active .wb-capability__visual--growth>span:nth-child(3){animation-delay:.16s}.wb-capability.is-active .wb-capability__visual--growth>span:nth-child(4){animation-delay:.24s}.wb-capability.is-active .wb-capability__visual--growth>span:nth-child(5){animation-delay:.32s}

@keyframes wb-capability-spin{to{transform:rotate(360deg)}}
@keyframes wb-capability-pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes wb-capability-node{0%,100%{transform:translate(var(--wb-node-x),0)}50%{transform:translate(var(--wb-node-x),-6px)}}
@keyframes wb-capability-scan{55%,100%{transform:translateX(120%)}}
@keyframes wb-capability-code{0%{width:18px}100%{width:78px}}
@keyframes wb-capability-needle{from{transform:rotate(-36deg)}to{transform:rotate(18deg)}}
@keyframes wb-capability-bars{from{transform:scaleY(.74)}to{transform:scaleY(1)}}

@media(max-width:1100px){
  .wb-capability-system__header{grid-template-columns:1fr}.wb-capability-system__index{display:none}
  .wb-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wb-capability:not(:nth-child(4n)){border-right:0}
  .wb-capability:nth-child(odd){border-right:1px solid rgba(193,216,212,.24)}
  .wb-capability:nth-child(n/**/+3){border-top:1px solid rgba(193,216,212,.24)}
}
@media(max-width:700px){
  .wb-capability-system{border-radius:0 0 14px 14px}
  .wb-capability-system__header{padding:48px 22px}
  .wb-capability-system__header h2{font-size:clamp(2.5rem,11vw,4rem)}
  .wb-capability-grid{grid-template-columns:1fr}
  .wb-capability,.wb-capability:nth-child(odd){border-right:0}
  .wb-capability:nth-child(n/**/+2){border-top:1px solid rgba(193,216,212,.24)}
  .wb-capability{min-height:320px;grid-template-rows:142px 1fr}
}
@media(prefers-reduced-motion:reduce){
  .wb-motion-hero{transition:none}
  .wb-capability *{animation:none!important;transition:none!important}
}


/* =========================================================
   WEB DESIGN & DEVELOPMENT V9.1 — CONTAINED CAPABILITY GRID
   ========================================================= */
.wb-capability-system{
  padding:0 0 clamp(54px,6vw,86px);
  border-radius:0 0 var(--wb-radius) var(--wb-radius);
  background:#365f5c;
}
.wb-capability-system__header{
  display:block;
  width:min(1280px,calc(100% - 112px));
  margin:0 auto;
  padding:clamp(62px,7vw,102px) 0 clamp(42px,5vw,66px);
  border-bottom:0;
}
.wb-capability-system__index{display:none!important}
.wb-capability-system__header .wb-kicker{color:#c1d8d4}
.wb-capability-system__header h2{
  max-width:1040px;
  margin-top:14px;
  font-size:clamp(2.75rem,4.5vw,5.65rem);
}
.wb-capability-system__header h2 .wb-serif{color:#b9d8d3}
.wb-capability-system__header>p:last-child{
  max-width:770px;
  margin-top:22px;
  color:rgba(255,255,255,.72);
  font-size:1.03rem;
}
.wb-capability-grid{
  width:min(1280px,calc(100% - 112px));
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(193,216,212,.27);
  background:#0b2926;
}
.wb-capability{
  min-height:342px;
  grid-template-rows:158px 1fr;
  background:#0b2926;
  color:#fff;
  transition:background .28s ease,color .28s ease,transform .35s var(--wb-ease);
}
.wb-capability:hover:not(.is-highlight),.wb-capability.is-active:not(.is-highlight){background:#10332f}
.wb-capability.is-active{color:#fff}
.wb-capability.is-highlight,.wb-capability.is-highlight.is-active{
  background:var(--wb-yellow);
  color:var(--wb-ink);
}
.wb-capability::after{height:2px;background:var(--wb-yellow)}
.wb-capability.is-active::after{transform:scaleX(1)}
.wb-capability.is-highlight::after{background:var(--wb-ink);transform:scaleX(1)}
.wb-capability__visual{color:rgba(255,255,255,.82)}
.wb-capability.is-active .wb-capability__visual{border-color:rgba(193,216,212,.19);color:rgba(255,255,255,.9)}
.wb-capability.is-highlight .wb-capability__visual,
.wb-capability.is-highlight.is-active .wb-capability__visual{border-color:rgba(16,24,23,.2);color:var(--wb-ink)}
.wb-capability__copy>span{color:var(--wb-yellow)}
.wb-capability.is-active .wb-capability__copy>span{color:var(--wb-yellow)}
.wb-capability.is-highlight .wb-capability__copy>span,
.wb-capability.is-highlight.is-active .wb-capability__copy>span{color:var(--wb-ink)}
.wb-capability__copy p{color:rgba(255,255,255,.68)}
.wb-capability.is-active .wb-capability__copy p{color:rgba(255,255,255,.72)}
.wb-capability.is-highlight .wb-capability__copy p,
.wb-capability.is-highlight.is-active .wb-capability__copy p{color:rgba(16,24,23,.74)}
.wb-capability__copy>i{opacity:.8}
.wb-capability:hover .wb-capability__copy>i,.wb-capability.is-active .wb-capability__copy>i{transform:translateX(5px)}
.wb-capability.is-highlight .wb-capability__visual--strategy i,
.wb-capability.is-highlight .wb-capability__visual--messaging b i,
.wb-capability.is-highlight .wb-capability__visual--development b,
.wb-capability.is-highlight .wb-capability__visual--conversion>b,
.wb-capability.is-highlight .wb-capability__visual--conversion>em,
.wb-capability.is-highlight .wb-capability__visual--performance>b{background:var(--wb-ink);box-shadow:none}
.wb-capability.is-highlight .wb-capability__visual--growth>i{border-color:var(--wb-ink)}

/* Every module animates when the section is in view. Hover/focus adds emphasis,
   while the yellow composition remains fixed instead of rotating backgrounds. */
.wb-capability-system.is-live .wb-capability__visual--strategy .wb-orbit-ring--one{animation:wb-capability-spin 8s linear infinite}
.wb-capability-system.is-live .wb-capability__visual--messaging b i{animation:wb-capability-pulse 1.55s ease-in-out infinite}
.wb-capability-system.is-live .wb-capability__visual--messaging b i:nth-child(2){animation-delay:.18s}
.wb-capability-system.is-live .wb-capability__visual--messaging b i:nth-child(3){animation-delay:.36s}
.wb-capability-system.is-live .wb-capability__visual--structure i{animation:wb-capability-node 2s ease-in-out infinite}
.wb-capability-system.is-live .wb-capability__visual--structure i:nth-of-type(2){animation-delay:.2s}
.wb-capability-system.is-live .wb-capability__visual--structure i:nth-of-type(3){animation-delay:.4s}
.wb-capability-system.is-live .wb-design-window::after{
  position:absolute;inset:0;content:"";
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.44) 48%,transparent 66%);
  transform:translateX(-120%);animation:wb-capability-scan 2.8s ease-in-out infinite
}
.wb-capability-system.is-live .wb-capability.is-highlight .wb-design-window::after{background:linear-gradient(110deg,transparent 30%,rgba(16,24,23,.2) 48%,transparent 66%)}
.wb-capability-system.is-live .wb-capability__visual--development b{animation:wb-capability-code 1.5s steps(4,end) infinite}
.wb-capability-system.is-live .wb-capability__visual--conversion>b,
.wb-capability-system.is-live .wb-capability__visual--conversion>em{animation:wb-capability-pulse 1.6s ease-in-out infinite}
.wb-capability-system.is-live .wb-capability__visual--conversion>em{animation-delay:.45s}
.wb-capability-system.is-live .wb-capability__visual--performance>i{animation:wb-capability-needle 2.3s var(--wb-ease) infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--growth>span{animation:wb-capability-bars 1.8s var(--wb-ease) infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--growth>span:nth-child(2){animation-delay:.08s}
.wb-capability-system.is-live .wb-capability__visual--growth>span:nth-child(3){animation-delay:.16s}
.wb-capability-system.is-live .wb-capability__visual--growth>span:nth-child(4){animation-delay:.24s}
.wb-capability-system.is-live .wb-capability__visual--growth>span:nth-child(5){animation-delay:.32s}

@media(max-width:1100px){
  .wb-capability-system__header,.wb-capability-grid{width:calc(100% - 72px)}
}
@media(max-width:700px){
  .wb-capability-system{padding-bottom:28px}
  .wb-capability-system__header,.wb-capability-grid{width:calc(100% - 28px)}
  .wb-capability-system__header{padding:48px 0 36px}
  .wb-capability{min-height:318px}
}
@media(prefers-reduced-motion:reduce){
  .wb-capability-system.is-live .wb-capability *{animation:none!important}
}

/* Locked capability system — no visual change from approved v9.3. */
.wb-capability-system{border-radius:var(--wb-radius);background:#365f5c}
.wb-capability-grid{background:transparent}
.wb-capability,
.wb-capability:hover:not(.is-highlight),
.wb-capability.is-active:not(.is-highlight){background:transparent}
.wb-capability.is-highlight,
.wb-capability.is-highlight.is-active{background:var(--wb-yellow)}
.wb-capability::after{display:none}
.wb-capability__visual{background:transparent}

@media(max-width:1100px){
  .wb-capability-system{border-radius:var(--wb-radius)}
}
@media(max-width:700px){
  .wb-capability-system{border-radius:var(--wb-radius)}
}

/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.1.0 — COMPACT RELIABLE HERO
   One authoritative hero contract replaces the accumulated V9/V10
   overrides. The static field paints immediately; the optimized canvas
   takes over only after its first successful frame.
   ========================================================= */
body:has(.wb-motion-hero),
body.webbies-seo-local-search,
body:has(.wb-motion-hero) #page,
body.webbies-seo-local-search #page,
body:has(.wb-motion-hero) #content,
body.webbies-seo-local-search #content,
body:has(.wb-motion-hero) .site-content,
body.webbies-seo-local-search .site-content,
body:has(.wb-motion-hero) .site-content > .ast-container,
body.webbies-seo-local-search .site-content > .ast-container,
body:has(.wb-motion-hero) .wsc-manual-page-root,
body.webbies-seo-local-search .wsc-manual-page-root,
body:has(.wb-motion-hero) .wb-page,
body.webbies-seo-local-search .wb-page{background:transparent!important}
body:has(.wb-motion-hero) :is(.wghf-header,.wgfh-header),
body.webbies-seo-local-search :is(.wghf-header,.wgfh-header){z-index:30!important;background:transparent!important}
body:has(.wb-motion-hero) :is(.wghf-header-spacer,.wgfh-header-spacer),
body.webbies-seo-local-search :is(.wghf-header-spacer,.wgfh-header-spacer){z-index:2!important;background:transparent!important}
body:has(.wb-motion-hero) .wb-page,
body.webbies-seo-local-search .wb-page{position:relative;z-index:4}

.wb-motion-hero{
  --wb-panel-x:0px;--wb-panel-y:0px;
  position:relative;z-index:5;width:100vw!important;max-width:none!important;min-height:0!important;
  display:flex!important;align-items:center!important;
  margin-top:clamp(-210px,-12vw,-160px)!important;margin-right:0!important;margin-left:0!important;
  padding:clamp(6px,.8vw,12px) 0 clamp(38px,3.2vw,54px)!important;
  overflow:visible!important;isolation:isolate;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;
  background-color:#eef5f3!important;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iNzglIiBjeT0iMzglIiByPSI2NiUiPjxzdG9wIHN0b3AtY29sb3I9IiM2NmFhYTYiIHN0b3Atb3BhY2l0eT0iLjY4Ii8+PHN0b3Agb2Zmc2V0PSIuNTIiIHN0b3AtY29sb3I9IiNiOWRkZDgiIHN0b3Atb3BhY2l0eT0iLjQyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZWVmNWYzIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9ImIiIGN4PSIxNiUiIGN5PSI4MiUiIHI9IjUyJSI+PHN0b3Agc3RvcC1jb2xvcj0iIzM2NWY1YyIgc3RvcC1vcGFjaXR5PSIuMzIiLz48c3RvcCBvZmZzZXQ9Ii42MiIgc3RvcC1jb2xvcj0iIzYyOTQ5MSIgc3RvcC1vcGFjaXR5PSIuMTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlZWY1ZjMiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0iYyIgY3g9IjQ4JSIgY3k9IjE0JSIgcj0iNDIlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii45NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJtIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMjUiLz48c3RvcCBvZmZzZXQ9Ii40NiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuNDgiLz48L2xpbmVhckdyYWRpZW50Pgo8cGF0dGVybiBpZD0icCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoLTgpIj48cGF0aCBkPSJNMiA5aDVNMTEgNGgzTTEyIDE0aDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYyOTQ5MSIgc3Ryb2tlLXdpZHRoPSIxLjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9Ii42MiIvPjwvcGF0dGVybj4KPG1hc2sgaWQ9Im0xIj48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjbSkiLz48L21hc2s+CjwvZGVmcz4KPHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSIjZWVmNWYzIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2EpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2IpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2MpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI3ApIiBtYXNrPSJ1cmwoI20xKSIgb3BhY2l0eT0iLjg4Ii8+CjxwYXRoIGQ9Ik0tMTIwIDYyNUMyMDUgNDMwIDM2NSA3NjUgNjY1IDYwMHM0MTAtNDEwIDc1NS0yNjAgMjYwIDM2MCA0MzAgMjQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iLjIyIi8+CjxjaXJjbGUgY3g9IjExNzAiIGN5PSIyODUiIHI9IjQiIGZpbGw9IiNmZmM2NDAiLz48Y2lyY2xlIGN4PSIxMzQ1IiBjeT0iNTU4IiByPSIzIiBmaWxsPSIjZmZjNjQwIi8+PGNpcmNsZSBjeD0iOTkwIiBjeT0iNzA0IiByPSIyLjciIGZpbGw9IiNmZmM2NDAiLz4KPC9zdmc+")!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important;
}
.wb-motion-hero::before,.wb-motion-hero::after{display:none!important;border:0!important}
.wb-motion-hero.wb-field-live{background:transparent!important}
.wb-motion-field{
  position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;
  background-color:#eef5f3;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iNzglIiBjeT0iMzglIiByPSI2NiUiPjxzdG9wIHN0b3AtY29sb3I9IiM2NmFhYTYiIHN0b3Atb3BhY2l0eT0iLjY4Ii8+PHN0b3Agb2Zmc2V0PSIuNTIiIHN0b3AtY29sb3I9IiNiOWRkZDgiIHN0b3Atb3BhY2l0eT0iLjQyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZWVmNWYzIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9ImIiIGN4PSIxNiUiIGN5PSI4MiUiIHI9IjUyJSI+PHN0b3Agc3RvcC1jb2xvcj0iIzM2NWY1YyIgc3RvcC1vcGFjaXR5PSIuMzIiLz48c3RvcCBvZmZzZXQ9Ii42MiIgc3RvcC1jb2xvcj0iIzYyOTQ5MSIgc3RvcC1vcGFjaXR5PSIuMTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlZWY1ZjMiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0iYyIgY3g9IjQ4JSIgY3k9IjE0JSIgcj0iNDIlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii45NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJtIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMjUiLz48c3RvcCBvZmZzZXQ9Ii40NiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuNDgiLz48L2xpbmVhckdyYWRpZW50Pgo8cGF0dGVybiBpZD0icCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoLTgpIj48cGF0aCBkPSJNMiA5aDVNMTEgNGgzTTEyIDE0aDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYyOTQ5MSIgc3Ryb2tlLXdpZHRoPSIxLjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9Ii42MiIvPjwvcGF0dGVybj4KPG1hc2sgaWQ9Im0xIj48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjbSkiLz48L21hc2s+CjwvZGVmcz4KPHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSIjZWVmNWYzIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2EpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2IpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2MpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI3ApIiBtYXNrPSJ1cmwoI20xKSIgb3BhY2l0eT0iLjg4Ii8+CjxwYXRoIGQ9Ik0tMTIwIDYyNUMyMDUgNDMwIDM2NSA3NjUgNjY1IDYwMHM0MTAtNDEwIDc1NS0yNjAgMjYwIDM2MCA0MzAgMjQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iLjIyIi8+CjxjaXJjbGUgY3g9IjExNzAiIGN5PSIyODUiIHI9IjQiIGZpbGw9IiNmZmM2NDAiLz48Y2lyY2xlIGN4PSIxMzQ1IiBjeT0iNTU4IiByPSIzIiBmaWxsPSIjZmZjNjQwIi8+PGNpcmNsZSBjeD0iOTkwIiBjeT0iNzA0IiByPSIyLjciIGZpbGw9IiNmZmM2NDAiLz4KPC9zdmc+");
  background-repeat:no-repeat;background-position:center;background-size:cover;
}
.wb-motion-field::before,.wb-motion-field::after{display:none!important}
.wb-motion-field__canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;opacity:0;transition:opacity .25s ease}
.wb-top-field-backdrop{
  position:absolute;left:0;width:100%;height:0;z-index:1;overflow:hidden;pointer-events:none;
  background-color:#eef5f3;
  background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDkwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiPgo8ZGVmcz4KPHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iNzglIiBjeT0iMzglIiByPSI2NiUiPjxzdG9wIHN0b3AtY29sb3I9IiM2NmFhYTYiIHN0b3Atb3BhY2l0eT0iLjY4Ii8+PHN0b3Agb2Zmc2V0PSIuNTIiIHN0b3AtY29sb3I9IiNiOWRkZDgiIHN0b3Atb3BhY2l0eT0iLjQyIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZWVmNWYzIiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50Pgo8cmFkaWFsR3JhZGllbnQgaWQ9ImIiIGN4PSIxNiUiIGN5PSI4MiUiIHI9IjUyJSI+PHN0b3Agc3RvcC1jb2xvcj0iIzM2NWY1YyIgc3RvcC1vcGFjaXR5PSIuMzIiLz48c3RvcCBvZmZzZXQ9Ii42MiIgc3RvcC1jb2xvcj0iIzYyOTQ5MSIgc3RvcC1vcGFjaXR5PSIuMTciLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNlZWY1ZjMiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+CjxyYWRpYWxHcmFkaWVudCBpZD0iYyIgY3g9IjQ4JSIgY3k9IjE0JSIgcj0iNDIlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9Ii45NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9yYWRpYWxHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJtIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuMjUiLz48c3RvcCBvZmZzZXQ9Ii40NiIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuNDgiLz48L2xpbmVhckdyYWRpZW50Pgo8cGF0dGVybiBpZD0icCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoLTgpIj48cGF0aCBkPSJNMiA5aDVNMTEgNGgzTTEyIDE0aDQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzYyOTQ5MSIgc3Ryb2tlLXdpZHRoPSIxLjE1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9Ii42MiIvPjwvcGF0dGVybj4KPG1hc2sgaWQ9Im0xIj48cmVjdCB3aWR0aD0iMTYwMCIgaGVpZ2h0PSI5MDAiIGZpbGw9InVybCgjbSkiLz48L21hc2s+CjwvZGVmcz4KPHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSIjZWVmNWYzIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2EpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2IpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI2MpIi8+PHJlY3Qgd2lkdGg9IjE2MDAiIGhlaWdodD0iOTAwIiBmaWxsPSJ1cmwoI3ApIiBtYXNrPSJ1cmwoI20xKSIgb3BhY2l0eT0iLjg4Ii8+CjxwYXRoIGQ9Ik0tMTIwIDYyNUMyMDUgNDMwIDM2NSA3NjUgNjY1IDYwMHM0MTAtNDEwIDc1NS0yNjAgMjYwIDM2MCA0MzAgMjQ1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iODYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iLjIyIi8+CjxjaXJjbGUgY3g9IjExNzAiIGN5PSIyODUiIHI9IjQiIGZpbGw9IiNmZmM2NDAiLz48Y2lyY2xlIGN4PSIxMzQ1IiBjeT0iNTU4IiByPSIzIiBmaWxsPSIjZmZjNjQwIi8+PGNpcmNsZSBjeD0iOTkwIiBjeT0iNzA0IiByPSIyLjciIGZpbGw9IiNmZmM2NDAiLz4KPC9zdmc+");
  background-repeat:no-repeat;background-position:center;background-size:cover;
}
.wb-top-field-backdrop .wb-motion-field{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.wb-top-field-backdrop.is-live .wb-motion-field__canvas{opacity:1}

.wb-motion-hero__card{
  position:relative;z-index:6;width:min(680px,calc(var(--wb-frame) - 92px))!important;min-height:0!important;
  display:flex;flex-direction:column;justify-content:center;
  margin:0 0 0 max(14px,calc((100vw - var(--wb-frame))/2 + clamp(46px,5vw,82px)))!important;
  padding:clamp(38px,3.45vw,54px)!important;overflow:visible;
  border:1px solid rgba(54,95,92,.18);border-radius:0;background:rgba(248,252,251,.975);color:var(--wb-ink);
  box-shadow:0 28px 76px rgba(33,92,82,.105),0 1px 0 rgba(255,255,255,.94) inset;
  transform:translate3d(var(--wb-panel-x),var(--wb-panel-y),0);transition:transform .2s var(--wb-ease),box-shadow .28s ease;will-change:transform;
}
.wb-motion-hero__card::before{display:none!important}
.wb-motion-hero__card>*:not(.wb-motion-hero__corner){position:relative;z-index:2}
.wb-motion-hero__corner{position:absolute;z-index:4;width:26px;height:26px;pointer-events:none}
.wb-motion-hero__corner--tl{top:-2px;left:-2px;border-top:3px solid var(--wb-teal);border-left:3px solid var(--wb-teal)}
.wb-motion-hero__corner--tr{top:-2px;right:-2px;border-top:3px solid var(--wb-green);border-right:3px solid var(--wb-green)}
.wb-motion-hero__corner--bl{bottom:-2px;left:-2px;border-bottom:3px solid var(--wb-green);border-left:3px solid var(--wb-green)}
.wb-motion-hero__corner--br{right:-2px;bottom:-2px;border-right:3px solid var(--wb-yellow);border-bottom:3px solid var(--wb-yellow)}
.wb-motion-hero__meta{display:flex;align-items:center;justify-content:space-between;gap:20px}
.wb-motion-hero__meta .wb-kicker{color:var(--wb-teal)}
.wb-motion-hero__meta>span{color:var(--wb-muted);font-size:.69rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.wb-motion-hero__card h1{max-width:590px;margin-top:26px;color:var(--wb-ink);font-size:clamp(2.85rem,3.45vw,4.05rem);line-height:.98;letter-spacing:-.064em}
.wb-motion-hero__accent{display:block;color:var(--wb-teal)}
.wb-motion-hero__card h1 .wb-serif{display:block;color:var(--wb-green)}
.wb-motion-hero__card h1 .wb-serif::after{content:""}
.wb-motion-hero__intro{max-width:560px;margin-top:22px;color:var(--wb-muted);font-size:clamp(.96rem,1.02vw,1.06rem);line-height:1.62}
.wb-motion-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}
.wb-motion-hero__card .wb-cta{min-height:56px;padding:14px 24px;border-color:var(--wb-teal);border-radius:0;background:var(--wb-teal);color:#fff;font-size:.88rem;letter-spacing:-.01em;box-shadow:none}
.wb-motion-hero__card .wb-cta::after{margin-left:18px}
.wb-motion-hero__card .wb-cta:hover{border-color:var(--wb-yellow);background:var(--wb-yellow);color:var(--wb-ink);transform:translateY(-3px)}
.wb-motion-hero__secondary{display:inline-flex;min-height:auto;align-items:center;justify-content:center;padding:11px 2px 9px;border:0;border-bottom:1px solid rgba(54,95,92,.42);border-radius:0;color:var(--wb-ink);font-size:.86rem;font-weight:800;text-decoration:none;transition:color .22s ease,border-color .22s ease,transform .22s var(--wb-ease)}
.wb-motion-hero__secondary::after{content:"↓";margin-left:14px;color:var(--wb-teal)}
.wb-motion-hero__secondary:hover{border-color:var(--wb-teal);background:transparent;color:var(--wb-teal);transform:translateY(-2px)}
.wb-motion-hero.wb-field-static .wb-motion-hero__card{transform:none}

@media(max-width:1100px){
  .wb-motion-hero{margin-top:-82px!important;padding:14px 0 44px!important}
  .wb-motion-hero__card{width:min(620px,calc(100% - 48px))!important;margin:0 0 0 24px!important;padding:42px 38px!important}
}
@media(max-width:700px){
  .wb-motion-hero{margin-top:-10px!important;padding:18px 0 28px!important}
  .wb-motion-hero__card{width:calc(100% - 28px)!important;margin:0 14px!important;padding:36px 22px 40px!important}
  .wb-motion-hero__meta{align-items:flex-start;flex-direction:column;gap:8px}
  .wb-motion-hero__card h1{margin-top:24px;font-size:clamp(2.45rem,10.9vw,3.65rem)}
  .wb-motion-hero__intro{margin-top:22px;line-height:1.65}
  .wb-motion-hero__actions{align-items:stretch;flex-direction:column;gap:14px;margin-top:28px}
  .wb-motion-hero__actions a{width:100%}
  .wb-motion-hero__card .wb-cta{min-height:58px}
  .wb-motion-hero__secondary{min-height:50px;border:1px solid rgba(54,95,92,.34)}
  .wb-motion-hero__corner{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){
  .wb-motion-field__canvas{display:none!important}
  .wb-motion-hero__card{transition:none!important;transform:none!important}
}

/* Process visual foundation */
.wb-process__stage{background:#edf5f3}
.wb-process-visual{
  background:
    linear-gradient(rgba(193,216,212,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(193,216,212,.34) 1px,transparent 1px),
    radial-gradient(circle at 72% 18%,rgba(98,148,145,.13),transparent 34%),
    #f8fcfb;
  background-size:42px 42px,42px 42px,auto,auto;
}
.wb-process-scene{padding:82px clamp(28px,3.2vw,48px) 38px}
.wb-system-viz{
  width:min(100%,640px);
  overflow:hidden;
  border:1px solid rgba(54,95,92,.22);
  border-radius:24px;
  background:rgba(248,252,251,.96);
  box-shadow:0 26px 68px rgba(33,92,82,.12);
}
.wb-system-viz__chrome{
  min-height:52px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:0 18px;
  border-bottom:1px solid var(--wb-line);
  background:rgba(237,245,243,.94);
  color:var(--wb-muted);
  font-size:.64rem;
  font-style:normal;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wb-system-viz__chrome>span{display:flex;gap:6px}
.wb-system-viz__chrome>span i{width:8px;height:8px;border-radius:50%;background:var(--wb-green)}
.wb-system-viz__chrome>span i:nth-child(2){background:var(--wb-yellow)}
.wb-system-viz__chrome>span i:nth-child(3){background:var(--wb-orange)}
.wb-system-viz__chrome b{color:var(--wb-teal);font-size:.67rem;text-align:center}
.wb-system-viz__chrome em{color:var(--wb-green);font-style:normal}

/* 01 — Discovery model */
.wb-discovery-canvas{position:relative;height:430px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(98,148,145,.12),transparent 55%)}
.wb-discovery-links{position:absolute;inset:0;width:100%;height:100%}
.wb-discovery-links path,.wb-discovery-links circle{fill:none;stroke:rgba(54,95,92,.29);stroke-width:1.6;stroke-dasharray:7 8}
.wb-discovery-links circle:last-of-type{stroke:rgba(98,148,145,.18)}
.wb-discovery-core{
  position:absolute;z-index:3;top:50%;left:50%;width:235px;min-height:176px;display:flex;flex-direction:column;justify-content:center;
  padding:26px;border-radius:30px;background:linear-gradient(145deg,#3f6d69,#2d5652);color:#fff;
  box-shadow:0 22px 55px rgba(54,95,92,.22);transform:translate(-50%,-50%);
}
.wb-discovery-core span,.wb-discovery-core small{color:#cfe3df;font-size:.62rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.wb-discovery-core strong{margin:13px 0;color:#fff;font-family:var(--wb-heading);font-size:1.24rem;line-height:1.12;letter-spacing:-.035em}
.wb-discovery-node{position:absolute;z-index:4;width:150px;padding:14px 15px;border:1px solid var(--wb-line);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(33,92,82,.08)}
.wb-discovery-node span{display:block;color:var(--wb-green);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.wb-discovery-node b{display:block;margin-top:4px;color:var(--wb-ink);font-size:.72rem;line-height:1.25}
.wb-discovery-node--audience{top:38px;left:26px}.wb-discovery-node--offer{top:48px;right:22px}.wb-discovery-node--proof{bottom:34px;left:28px}.wb-discovery-node--action{right:24px;bottom:34px;border-color:rgba(255,198,64,.72);background:#fff9e9}
.wb-process-scene.is-active .wb-discovery-links{animation:wb-viz-drift 9s ease-in-out infinite alternate}
.wb-process-scene.is-active .wb-discovery-core{animation:wb-viz-breathe 3.8s ease-in-out infinite}

/* 02 — Page architecture */















/* 03 — Responsive interface system */










/* 04 — Launch control */
.wb-launch-dashboard{min-height:430px;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;padding:34px}
.wb-launch-score{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;border-right:1px solid var(--wb-line)}
.wb-launch-score>div{width:205px;height:205px;display:grid;place-content:center;text-align:center;border-radius:50%;background:conic-gradient(var(--wb-green) 0 92%,var(--wb-paper-soft) 92% 100%);position:relative}.wb-launch-score>div::before{position:absolute;inset:14px;border-radius:50%;background:#fff;content:""}.wb-launch-score strong,.wb-launch-score span{position:relative;z-index:2}.wb-launch-score strong{color:var(--wb-teal);font-family:var(--wb-heading);font-size:3.1rem;line-height:1}.wb-launch-score span{margin-top:7px;color:var(--wb-muted);font-size:.62rem;font-weight:750;text-transform:uppercase}.wb-launch-score small{margin-top:20px;color:var(--wb-muted);font-size:.58rem;text-align:center}
.wb-launch-checks{display:grid;gap:11px;align-content:center}.wb-launch-checks>span{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;min-height:63px;padding:13px 14px;border:1px solid var(--wb-line);border-radius:13px;background:#fff}.wb-launch-checks i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--wb-green)}.wb-launch-checks i::after{width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;content:"";transform:rotate(-45deg) translateY(-1px)}.wb-launch-checks b{font-size:.7rem}.wb-launch-checks em{color:var(--wb-green);font-size:.53rem;font-style:normal;font-weight:800;text-transform:uppercase}
.wb-launch-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:4px}.wb-launch-metrics span{padding:13px;border:1px solid var(--wb-line);border-radius:12px;background:var(--wb-paper-soft);text-align:center}.wb-launch-metrics b{display:block;color:var(--wb-teal);font-family:var(--wb-heading);font-size:1.15rem}.wb-launch-metrics small{display:block;margin-top:3px;color:var(--wb-muted);font-size:.52rem}
.wb-process-scene.is-active .wb-launch-score>div{animation:wb-viz-breathe 3.8s ease-in-out infinite}.wb-process-scene.is-active .wb-launch-checks>span{animation:wb-viz-rise .55s var(--wb-ease) both}.wb-process-scene.is-active .wb-launch-checks>span:nth-child(2){animation-delay:.08s}.wb-process-scene.is-active .wb-launch-checks>span:nth-child(3){animation-delay:.16s}.wb-process-scene.is-active .wb-launch-checks>span:nth-child(4){animation-delay:.24s}

@keyframes wb-viz-breathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.025)}}
@keyframes wb-viz-drift{from{transform:translate3d(-3px,2px,0) rotate(-.4deg)}to{transform:translate3d(4px,-3px,0) rotate(.5deg)}}
@keyframes wb-viz-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes wb-viz-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* Match the Hamilton regional crossfade: opacity and transform only.
   The previous visibility toggle caused the inactive portrait to disappear
   before the opacity transition could overlap. */



@media(max-width:1100px){
  .wb-process__layout{grid-template-columns:1fr!important}
  .wb-process__stage{display:none!important}
  .wb-process-step{min-height:auto!important;opacity:1!important}
  .wb-process-step.is-active{background:var(--wb-paper-soft)}
}
@media(prefers-reduced-motion:reduce){
  .wb-system-viz *{animation:none!important}
  
}

/* V10.0.8 visual collision guard: neutralize legacy scene-01 element rules. */
.wb-process-scene[data-process-scene="0"] .wb-discovery-core strong{
  position:static!important;
  z-index:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  place-items:initial!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
.wb-process-scene[data-process-scene="0"] .wb-system-viz__chrome i{
  position:static!important;
  display:block!important;
  width:8px!important;
  height:8px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  transform:none!important;
}
.wb-process-scene.is-active .wb-launch-score>div{animation:wb-viz-pulse 3.8s ease-in-out infinite}
@keyframes wb-viz-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}

/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.0.9 — REGIONAL FRAME RHYTHM
   Match the approved Hamilton regional page gutters and section gaps
   for every framed section after the full-bleed hero. The hero itself
   and its editorial panel remain unchanged.
   ========================================================= */
@media (min-width:1101px){
  body:has(.wb-motion-hero),
  body.webbies-seo-local-search{
    --wb-regional-gutter:clamp(22px,2.25vw,42px);
    --wb-regional-section-gap:clamp(18px,1.7vw,28px);
    --wb-regional-frame:min(1820px,calc(100vw - (var(--wb-regional-gutter) * 2)));
  }

  body:has(.wb-motion-hero) .wb-page,
  body.webbies-seo-local-search .wb-page{
    padding-bottom:var(--wb-regional-section-gap);
  }

  body:has(.wb-motion-hero) #wb-main > .wb-frame:not(.wb-motion-hero),
  body.webbies-seo-local-search #wb-main > .wb-frame:not(.wb-motion-hero){
    width:var(--wb-regional-frame)!important;
    max-width:var(--wb-regional-frame)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }

  body:has(.wb-motion-hero) #wb-main > .wb-motion-hero + .wb-frame,
  body.webbies-seo-local-search #wb-main > .wb-motion-hero + .wb-frame,
  body:has(.wb-motion-hero) #wb-main > .wb-frame:not(.wb-motion-hero) + .wb-frame:not(.wb-motion-hero),
  body.webbies-seo-local-search #wb-main > .wb-frame:not(.wb-motion-hero) + .wb-frame:not(.wb-motion-hero){
    margin-top:var(--wb-regional-section-gap)!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  body:has(.wb-motion-hero),
  body.webbies-seo-local-search{
    --wb-regional-frame:calc(100vw - 32px);
    --wb-regional-section-gap:16px;
  }

  body:has(.wb-motion-hero) #wb-main > .wb-frame:not(.wb-motion-hero),
  body.webbies-seo-local-search #wb-main > .wb-frame:not(.wb-motion-hero){
    width:var(--wb-regional-frame)!important;
    max-width:var(--wb-regional-frame)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }

  body:has(.wb-motion-hero) #wb-main > .wb-motion-hero + .wb-frame,
  body.webbies-seo-local-search #wb-main > .wb-motion-hero + .wb-frame,
  body:has(.wb-motion-hero) #wb-main > .wb-frame:not(.wb-motion-hero) + .wb-frame:not(.wb-motion-hero),
  body.webbies-seo-local-search #wb-main > .wb-frame:not(.wb-motion-hero) + .wb-frame:not(.wb-motion-hero){
    margin-top:var(--wb-regional-section-gap)!important;
  }
}

@media (max-width:760px){
  body:has(.wb-motion-hero),
  body.webbies-seo-local-search{
    --wb-regional-frame:calc(100vw - 16px);
    --wb-regional-section-gap:8px;
  }

  body:has(.wb-motion-hero) #wb-main > .wb-frame:not(.wb-motion-hero),
  body.webbies-seo-local-search #wb-main > .wb-frame:not(.wb-motion-hero){
    width:var(--wb-regional-frame)!important;
    max-width:var(--wb-regional-frame)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }

  body:has(.wb-motion-hero) #wb-main > .wb-motion-hero + .wb-frame,
  body.webbies-seo-local-search #wb-main > .wb-motion-hero + .wb-frame,
  body:has(.wb-motion-hero) #wb-main > .wb-frame:not(.wb-motion-hero) + .wb-frame:not(.wb-motion-hero),
  body.webbies-seo-local-search #wb-main > .wb-frame:not(.wb-motion-hero) + .wb-frame:not(.wb-motion-hero){
    margin-top:var(--wb-regional-section-gap)!important;
  }
}

/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.0.10 — PROCESS VISUAL 02
   Clean page architecture without connector lines.
   ========================================================= */
.wb-architecture-canvas{
  min-height:430px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:24px;
  padding:32px 28px 26px;
  background:
    radial-gradient(circle at 86% 8%,rgba(255,198,64,.12),transparent 34%),
    linear-gradient(180deg,rgba(248,252,251,.96),rgba(237,245,243,.76));
}
.wb-architecture-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.wb-architecture-summary>p{
  max-width:160px;
  margin:0;
  color:var(--wb-muted);
  font-size:.62rem;
  font-weight:700;
  line-height:1.45;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.wb-architecture-root{
  position:relative;
  width:min(100%,280px);
  padding:19px 21px;
  border-radius:17px;
  background:linear-gradient(145deg,#3f6c68,#315b57);
  color:#fff;
  box-shadow:0 18px 38px rgba(54,95,92,.2);
}
.wb-architecture-root span{
  display:block;
  color:#cfe3df;
  font-size:.57rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wb-architecture-root b{
  display:block;
  margin-top:6px;
  font-size:.88rem;
  line-height:1.25;
}
.wb-architecture-root i{
  position:absolute;
  right:18px;
  bottom:17px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--wb-yellow);
  box-shadow:0 0 0 7px rgba(255,198,64,.14);
}
.wb-architecture-pages{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.wb-architecture-pages article{
  position:relative;
  min-height:142px;
  padding:17px 15px 15px;
  overflow:hidden;
  border:1px solid var(--wb-line);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 26px rgba(33,92,82,.055);
}
.wb-architecture-pages article>span{
  color:var(--wb-green);
  font-size:.56rem;
  font-weight:800;
}
.wb-architecture-pages article>b{
  display:block;
  margin-top:11px;
  color:var(--wb-ink);
  font-size:.79rem;
}
.wb-architecture-pages article>small{
  display:block;
  margin-top:5px;
  color:var(--wb-muted);
  font-size:.58rem;
  line-height:1.35;
}
.wb-architecture-pages article>i{
  display:block;
  width:72%;
  height:4px;
  margin-top:15px;
  border-radius:999px;
  background:var(--wb-paper-soft);
}
.wb-architecture-pages article>i:last-child{
  width:46%;
  margin-top:7px;
}
.wb-architecture-pages article.is-route{
  border-color:rgba(255,198,64,.9);
  background:linear-gradient(180deg,#fffaf0,#fff5d9);
  transform:translateY(-6px);
  box-shadow:0 18px 34px rgba(183,132,17,.11);
}
.wb-architecture-pages article.is-route::after{
  position:absolute;
  right:13px;
  bottom:13px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--wb-yellow);
  content:"";
}
.wb-architecture-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.wb-architecture-flow span{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--wb-muted);
  font-size:.53rem;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.wb-architecture-flow span b{
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  flex:0 0 auto;
  border:1px solid var(--wb-line);
  border-radius:50%;
  background:#fff;
  color:var(--wb-green);
  font-size:.48rem;
}
.wb-architecture-flow span.is-active b{
  border-color:var(--wb-yellow);
  background:var(--wb-yellow);
  color:var(--wb-ink);
}
.wb-process-scene.is-active .wb-architecture-pages article{
  animation:wb-viz-rise .62s var(--wb-ease) both;
}
.wb-process-scene.is-active .wb-architecture-pages article:nth-child(2){animation-delay:.07s}
.wb-process-scene.is-active .wb-architecture-pages article:nth-child(3){animation-delay:.14s}
.wb-process-scene.is-active .wb-architecture-pages article:nth-child(4){animation-delay:.21s}

/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.0.10 — PROCESS VISUAL 03
   Layered responsive system without connector lines.
   ========================================================= */
.wb-build-canvas{
  position:relative;
  height:430px;
  padding:30px 26px 26px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 10%,rgba(255,198,64,.17),transparent 34%),
    linear-gradient(180deg,rgba(248,252,251,.98),rgba(237,245,243,.78));
}
.wb-build-desktop{
  position:absolute;
  left:27px;
  bottom:43px;
  width:72%;
  height:322px;
  overflow:hidden;
  border:1px solid var(--wb-line);
  border-radius:19px;
  background:#fff;
  box-shadow:0 22px 52px rgba(33,92,82,.14);
}
.wb-build-toolbar{
  height:36px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 13px;
  border-bottom:1px solid var(--wb-line);
  background:var(--wb-paper-soft);
}
.wb-build-toolbar i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wb-green);
}
.wb-build-toolbar i:nth-child(2){background:var(--wb-yellow)}
.wb-build-toolbar i:nth-child(3){background:var(--wb-orange)}
.wb-build-toolbar span{
  margin-left:auto;
  color:var(--wb-muted);
  font-size:.51rem;
}
.wb-build-hero{
  height:153px;
  padding:24px;
  background:
    radial-gradient(circle at 88% 20%,rgba(255,255,255,.14),transparent 32%),
    linear-gradient(145deg,#3d6965,#2f5753);
  color:#fff;
}
.wb-build-hero span{
  color:#cfe3df;
  font-size:.53rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wb-build-hero b{
  display:block;
  margin-top:11px;
  font-family:var(--wb-heading);
  font-size:1.18rem;
  line-height:1.06;
}
.wb-build-hero em{
  display:inline-flex;
  margin-top:18px;
  padding:8px 12px;
  border-radius:999px;
  background:var(--wb-yellow);
  color:var(--wb-ink);
  font-size:.54rem;
  font-style:normal;
  font-weight:800;
}
.wb-build-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  padding:16px;
}
.wb-build-cards i{
  height:91px;
  border:1px solid var(--wb-line);
  border-radius:11px;
  background:linear-gradient(180deg,#fff,var(--wb-paper-soft));
}
.wb-build-cards i:nth-child(2){background:#fff8e7}
.wb-build-side{
  position:absolute;
  z-index:3;
  top:28px;
  right:24px;
  bottom:37px;
  width:144px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
}
.wb-build-tokens{
  width:142px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px 12px;
  padding:13px;
  border:1px solid var(--wb-line);
  border-radius:14px;
  background:rgba(255,255,255,.97);
  box-shadow:0 15px 34px rgba(33,92,82,.12);
}
.wb-build-tokens span{
  color:var(--wb-muted);
  font-size:.49rem;
  font-weight:800;
}
.wb-build-tokens b{
  font-family:var(--wb-heading);
  font-size:.9rem;
}
.wb-build-tokens>i{
  width:42px;
  height:5px;
  border-radius:99px;
  background:var(--wb-teal);
}
.wb-build-tokens em{
  width:15px;
  height:15px;
  border-radius:50%;
  background:var(--wb-teal);
}
.wb-build-tokens em:nth-of-type(2){background:var(--wb-green)}
.wb-build-tokens em:nth-of-type(3){background:var(--wb-yellow)}
.wb-build-mobile{
  position:relative;
  width:116px;
  height:249px;
  padding:12px 9px;
  border:6px solid var(--wb-ink);
  border-radius:25px;
  background:#fff;
  box-shadow:0 21px 45px rgba(16,24,23,.18);
}
.wb-build-mobile>span{
  display:block;
  width:36px;
  height:4px;
  margin:0 auto 12px;
  border-radius:99px;
  background:var(--wb-line);
}
.wb-build-mobile>div{display:grid;gap:8px}
.wb-build-mobile i,.wb-build-mobile b{
  display:block;
  height:36px;
  border-radius:7px;
  background:var(--wb-paper-soft);
}
.wb-build-mobile b{
  height:69px;
  background:var(--wb-green);
}
.wb-build-mobile em{
  position:absolute;
  right:34px;
  bottom:7px;
  width:38px;
  height:4px;
  border-radius:99px;
  background:var(--wb-line);
}
.wb-build-status{
  position:absolute;
  z-index:4;
  right:178px;
  bottom:15px;
  left:28px;
  display:flex;
  gap:8px;
}
.wb-build-status span{
  padding:6px 9px;
  border:1px solid var(--wb-line);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:var(--wb-muted);
  font-size:.49rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.wb-process-scene.is-active .wb-build-mobile{animation:wb-viz-float 3.6s ease-in-out infinite}
.wb-process-scene.is-active .wb-build-tokens{animation:wb-viz-float 4.2s .35s ease-in-out infinite reverse}

/* =========================================================
   APPROVED HAMILTON FOUNDER COMPONENT
   Exact structure and spacing contract; page-specific copy retained.
   ========================================================= */
.wb-founder{display:block;background:var(--wb-line)}
.wb-founder__grid{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(400px,5fr);
  gap:1px;
  background:var(--wb-line);
}
.wb-founder__copy{
  min-height:620px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:clamp(42px,5vw,78px);
  background:var(--wb-paper);
}
.wb-founder__title{
  max-width:760px;
  margin:0;
  color:var(--wb-ink);
  font-size:clamp(2.65rem,4.6vw,5.1rem);
  font-weight:600;
  line-height:.94;
  letter-spacing:-.055em;
}
.wb-founder__body{
  max-width:860px;
  margin-top:36px;
  color:var(--wb-muted);
  font-size:clamp(.98rem,1.08vw,1.12rem);
  line-height:1.72;
}
.wb-founder__body p+p{margin-top:21px}
.wb-founder__lead{
  color:var(--wb-ink);
  font-size:clamp(1.08rem,1.3vw,1.32rem);
  line-height:1.58;
}
.wb-founder__lead span,.wb-founder__accountability span{color:#087b69}
.wb-founder__lead strong{font-weight:700}
.wb-founder__accountability{
  max-width:700px;
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid var(--wb-line);
  color:var(--wb-ink);
  font-size:.93rem;
}
.wb-founder__accountability .wb-text-link{margin-top:0}
.wb-founder__visual{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(26px,3.3vw,52px);
  background:linear-gradient(145deg,#eef6f4,#f8fcfb);
}
.wb-founder__portrait{
  position:relative;
  width:min(100%,600px);
  aspect-ratio:1;
  margin:0 auto;
  overflow:hidden;
  border:1px solid var(--wb-line);
  border-radius:20px;
  background:#e8f1ef;
  box-shadow:0 22px 55px rgba(33,92,82,.09);
}
.wb-founder__portrait img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  z-index:1;
  opacity:0;
  visibility:visible;
  filter:blur(1.4px);
  transform:scale(1.025);
  transition:opacity 1.3s cubic-bezier(.22,.61,.36,1),transform 1.9s cubic-bezier(.22,.61,.36,1),filter 1.3s ease;
  will-change:opacity,transform,filter;
  pointer-events:none;
}
.wb-founder__portrait img.is-active{
  z-index:2;
  opacity:1;
  filter:blur(0);
  transform:scale(1);
}
.wb-founder__controls{
  width:min(100%,600px);
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:14px auto 0;
  padding:7px 9px;
  border:1px solid rgba(76,174,159,.38);
  border-radius:9px;
  background:#08a487;
}
.wb-founder__play{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  padding:0;
  border:0;
  border-radius:5px;
  background:#f8fbfa;
  color:#08a487;
  cursor:pointer;
  font-size:14px;
  font-weight:800;
  line-height:1;
}
.wb-founder__play:hover{transform:none;background:#fff}
.wb-founder__track{position:relative;height:20px;cursor:pointer;touch-action:none}
.wb-founder__track::before{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  height:4px;
  border-radius:99px;
  background:rgba(255,255,255,.7);
  content:"";
  transform:translateY(-50%);
}
.wb-founder__track span{
  position:absolute;
  top:50%;
  left:0;
  width:100%;
  height:4px;
  border-radius:99px;
  background:#fff;
  transform:translateY(-50%) scaleX(0);
  transform-origin:left;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}
.wb-founder__track i{
  position:absolute;
  top:50%;
  left:0;
  width:16px;
  height:16px;
  border:0;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
  transform:translate(-50%,-50%);
  transition:left .55s cubic-bezier(.22,.61,.36,1);
}
.wb-founder__count{display:none}
.wb-founder__caption{
  width:min(100%,600px);
  min-height:54px;
  margin:13px auto 0;
  text-align:left;
}
.wb-founder__caption strong{
  display:block;
  color:var(--wb-ink);
  font-size:.86rem;
  letter-spacing:.01em;
}
.wb-founder__caption span{
  display:block;
  margin-top:3px;
  color:var(--wb-muted);
  font-size:.73rem;
  line-height:1.45;
}
@media(max-width:1100px){
  .wb-founder__grid{grid-template-columns:1fr}
  .wb-founder__copy{min-height:auto}
  .wb-founder__visual{padding-block:42px}
}
@media(max-width:760px){
  .wb-founder__copy{padding:38px 24px}
  .wb-founder__title{font-size:clamp(2.55rem,13vw,4rem);line-height:.96}
  .wb-founder__body{margin-top:28px;font-size:.95rem;line-height:1.66}
  .wb-founder__lead{font-size:1.04rem;line-height:1.55}
  .wb-founder__body p+p{margin-top:18px}
  .wb-founder__visual{padding:22px}
  .wb-founder__portrait{border-radius:14px}
  .wb-founder__controls{width:100%;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:6px 8px}
  .wb-founder__play{width:30px;height:30px;font-size:12px}
  .wb-founder__caption{min-height:48px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .wb-founder__portrait img{transition:none}
  .wb-system-viz *{animation:none!important}
}


/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.2.0 — FINAL PUBLISH POLISH
   Motion-inspired hero rail, normalized founder framing and
   zero-layout-shift portrait transitions.
   ========================================================= */
.wb-motion-hero{
  padding-bottom:clamp(76px,5vw,90px)!important;
}
.wb-motion-hero__rail{
  position:absolute;
  z-index:7;
  right:0;
  bottom:-1px;
  left:0;
  min-height:51px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  border-top:0;
  border-bottom:1px solid rgba(54,95,92,.14);
  background:linear-gradient(180deg,rgba(238,245,243,.18) 0%,rgba(248,252,251,.72) 42%,rgba(248,252,251,.92) 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.72) inset;
  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
  overflow:hidden;
}
.wb-motion-hero__rail::before{display:none!important;content:none!important}
.wb-motion-hero__rail span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:13px 18px;
  border-right:1px solid rgba(54,95,92,.16);
  color:var(--wb-ink);
  font-size:clamp(.61rem,.66vw,.72rem);
  font-weight:800;
  line-height:1.25;
  letter-spacing:.12em;
  text-align:center;
  text-transform:uppercase;
}
.wb-motion-hero__rail span:last-child{border-right:0}

/* The approved Hamilton media set is pre-normalized to keep facial scale and
   shoulder position consistent. The container itself never changes geometry. */
.wb-founder__portrait{
  contain:layout paint;
  isolation:isolate;
  transform:translateZ(0);
}
.wb-founder__portrait img{
  object-position:50% 50%;
  transform-origin:50% 42%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media(max-width:1100px){
  .wb-motion-hero{padding-bottom:94px!important}
  .wb-motion-hero__rail{grid-template-columns:repeat(2,minmax(0,1fr));min-height:76px}
  .wb-motion-hero__rail span{padding:10px 14px;font-size:.62rem;white-space:normal}
  .wb-motion-hero__rail span:nth-child(2){border-right:0}
  .wb-motion-hero__rail span:nth-child(-n+2){border-bottom:1px solid rgba(54,95,92,.16)}
}
@media(max-width:700px){
  .wb-motion-hero{padding-bottom:108px!important}
  .wb-motion-hero__rail{min-height:88px;background:rgba(248,252,251,.94)}
  .wb-motion-hero__rail span{padding:10px 9px;font-size:.57rem;letter-spacing:.085em}
}
@media(prefers-reduced-motion:reduce){
  .wb-founder__portrait img{will-change:auto}
}

/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.2.1 — HERO FIELD BLEED
   Lets the live field and colour formations continue through
   the principle rail, then dissolve softly below the hero.
   ========================================================= */
.wb-motion-hero__rail{
  overflow:visible;
  border-top-color:rgba(54,95,92,.15);
  border-bottom-color:rgba(54,95,92,.10);
  background:
    linear-gradient(180deg,
      rgba(248,252,251,.18) 0%,
      rgba(248,252,251,.46) 48%,
      rgba(248,252,251,.80) 100%);
  border-top:0!important;
  box-shadow:0 -18px 34px rgba(238,245,243,.08);
  transform:translateY(-1px);
  -webkit-backdrop-filter:blur(6px) saturate(1.08);
  backdrop-filter:blur(6px) saturate(1.08);
}
.wb-motion-hero__rail::before{
  right:0;
  bottom:100%;
  left:0;
  height:30px;
  opacity:1;
  background:
    linear-gradient(180deg,
      rgba(248,252,251,0) 0%,
      rgba(248,252,251,.06) 42%,
      rgba(248,252,251,.18) 100%),
    repeating-linear-gradient(
      125deg,
      transparent 0 8px,
      rgba(54,95,92,.26) 8px 10px,
      transparent 10px 16px
    );
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 45%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.35) 45%,#000 100%);
}
.wb-motion-hero__rail::after{
  position:absolute;
  z-index:-1;
  top:100%;
  right:0;
  left:0;
  height:24px;
  content:"";
  pointer-events:none;
  background:linear-gradient(180deg,rgba(98,148,145,.16) 0%,rgba(98,148,145,.07) 42%,rgba(98,148,145,0) 100%);
}
.wb-motion-hero__rail span{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.10));
}

@media(max-width:1100px){
  .wb-motion-hero__rail{
    background:linear-gradient(180deg,rgba(248,252,251,.30) 0%,rgba(248,252,251,.64) 60%,rgba(248,252,251,.86) 100%);
  }
  .wb-motion-hero__rail::before{height:22px}
  .wb-motion-hero__rail::after{height:18px}
}
@media(max-width:700px){
  .wb-motion-hero__rail{
    background:linear-gradient(180deg,rgba(248,252,251,.48) 0%,rgba(248,252,251,.78) 58%,rgba(248,252,251,.94) 100%);
    -webkit-backdrop-filter:blur(4px) saturate(1.04);
    backdrop-filter:blur(4px) saturate(1.04);
  }
  .wb-motion-hero__rail::before{height:16px}
  .wb-motion-hero__rail::after{height:12px;opacity:.7}
}
@media(prefers-reduced-motion:reduce){
  .wb-motion-hero__rail{
    background:linear-gradient(180deg,rgba(248,252,251,.38),rgba(248,252,251,.88));
  }
}


/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.2.3 — RAIL SEAM CORRECTION
   Removes the one-pixel inset highlight/compositor seam and overlaps
   the rail into the live hero field without changing layout height.
   ========================================================= */
.wb-motion-hero__rail{
  border-top:0!important;
  outline:0!important;
  background-clip:border-box;
}


/* =========================================================
   WEB DESIGN & DEVELOPMENT V10.2.4 — MOBILE HERO + CONTENT POLISH
   Keeps the animated field continuous beneath the mobile hero card,
   removes unused rail space on small screens, and improves mobile reading.
   ========================================================= */
@media (max-width:700px){
  .wb-motion-hero{
    align-items:flex-start!important;
    padding:18px 0 16px!important;
  }
  .wb-motion-hero__card{
    margin:0 14px!important;
    padding:36px 22px 32px!important;
  }
  .wb-motion-hero__rail{
    display:none!important;
  }
  .wb-motion-hero__rail::before,
  .wb-motion-hero__rail::after{
    display:none!important;
    content:none!important;
  }
  .wb-motion-field,
  .wb-motion-field__canvas{
    bottom:0!important;
    height:100%!important;
  }
  .wb-text-statement__inner{
    min-height:auto!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:52px 24px 56px!important;
    text-align:left!important;
  }
  .wb-text-statement__inner h2,
  .wb-text-statement__inner>p:last-child{
    width:100%;
    max-width:none!important;
    margin-right:0!important;
    margin-left:0!important;
    text-align:left!important;
  }
  .wb-text-statement__inner>p:last-child{
    margin-top:24px!important;
    font-size:.98rem!important;
    line-height:1.68!important;
  }
}

/* Give the expanded process explanations a calmer reading rhythm. */
.wb-process-step p{
  line-height:1.65;
}

/* =========================================================
   SEO & LOCAL SEARCH — PAGE-SPECIFIC BUILD
   ========================================================= */
body.webbies-landing-page.page-template-webbies-editorial,
body.page-template-webbies-editorial.webbies-landing-page{
  background:#e2efed;
}
.wb-seo-local-search-page{
  --wb-seo-yellow:#ffc640;
  --wb-seo-yellow-soft:#fff2bd;
  --wb-seo-cream:#fffaf0;
  --wb-seo-ink:#101817;
}
.wb-seo-local-search-page .wb-motion-hero__location{
  max-width:760px;
  margin-top:12px;
  color:rgba(16,24,23,.66);
  font-size:.86rem;
}
.wb-seo-local-search-page .wb-motion-hero__principle{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:center;
  margin-top:22px;
  color:rgba(16,24,23,.62);
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.wb-seo-local-search-page .wb-motion-hero__principle strong{
  color:var(--wb-ink);
  font-size:.74rem;
}
.wb-seo-local-search-page .wb-motion-hero__accent{color:var(--wb-ink)}
.wb-seo-local-search-page .wb-motion-hero .wb-serif{color:var(--wb-teal)}
.wb-seo-local-search-page .wb-motion-hero__rail{
  background:rgba(255,250,231,.84);
  border-color:rgba(16,24,23,.18);
  backdrop-filter:blur(14px);
}
.wb-seo-local-search-page .wb-motion-hero__rail span{border-color:rgba(16,24,23,.14)}
.wb-seo-local-search-page .wb-motion-field,
.wb-top-field-backdrop .wb-motion-field{
  background-color:#ffd45d;
  background-image:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
}
body.webbies-seo-local-search .wb-top-field-backdrop{
  background:#ffd45d;
}
body.webbies-seo-local-search .wb-motion-field__canvas{mix-blend-mode:multiply;opacity:.8}
.wb-seo-local-search-page .wb-motion-hero__card{
  background:rgba(255,252,240,.92);
  box-shadow:0 35px 90px rgba(83,62,0,.15),0 1px 0 rgba(255,255,255,.9) inset;
}
.wb-seo-local-search-page .wb-motion-hero__corner{border-color:rgba(16,24,23,.4)}

/* EARLY PROOF BAND */
.wb-seo-proof-band{
  display:grid;
  grid-template-columns:minmax(260px,1.2fr) minmax(0,3fr);
  background:var(--wb-paper);
}
.wb-seo-proof-band__intro{
  padding:clamp(38px,4.5vw,72px);
  border-right:1px solid var(--wb-line);
}
.wb-seo-proof-band__intro h2{
  margin-top:14px;
  font-size:clamp(2rem,3vw,4rem);
  line-height:1.02;
}
.wb-seo-proof-band__metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.wb-seo-metric{
  position:relative;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(28px,3.4vw,54px);
  border-right:1px solid var(--wb-line);
  text-decoration:none;
  transition:background .25s ease,transform .3s var(--wb-ease);
}
.wb-seo-metric:last-child{border-right:0}
.wb-seo-metric:hover,.wb-seo-metric:focus-visible{background:var(--wb-seo-yellow-soft);transform:translateY(-3px)}
.wb-seo-metric strong{
  font-family:var(--wb-heading);
  font-size:clamp(2.1rem,3.5vw,4.8rem);
  letter-spacing:-.075em;
  line-height:.95;
}
.wb-seo-metric span{max-width:270px;margin-top:18px;color:var(--wb-muted)}
.wb-seo-metric em{margin-top:24px;color:var(--wb-teal);font-style:normal;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wb-seo-proof-band__note{
  grid-column:1/-1;
  padding:16px clamp(24px,4vw,60px);
  border-top:1px solid var(--wb-line);
  color:var(--wb-muted);
  font-size:.76rem;
}

/* SEARCH CONSTRAINTS */
.wb-seo-constraints{background:var(--wb-paper-soft)}
.wb-seo-constraints__header{padding:clamp(46px,6vw,92px)}
.wb-seo-constraints__header h2{
  max-width:1050px;
  margin-top:16px;
  font-size:clamp(2.4rem,4.5vw,5.6rem);
  line-height:1.02;
}
.wb-seo-constraints__header>p:last-child{max-width:850px;margin-top:24px;color:var(--wb-muted);font-size:1.04rem}
.wb-seo-constraints__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--wb-line);
}
.wb-seo-constraint{
  position:relative;
  min-height:360px;
  padding:clamp(36px,5vw,78px);
  background:rgba(248,252,251,.76);
  border-right:1px solid var(--wb-line);
  border-bottom:1px solid var(--wb-line);
}
.wb-seo-constraint:nth-child(2n){border-right:0}
.wb-seo-constraint:nth-last-child(-n+2){border-bottom:0}
.wb-seo-constraint::before{
  position:absolute;
  top:0;left:0;width:84px;height:6px;
  background:var(--wb-yellow);
  content:"";
}
.wb-seo-constraint>span{color:var(--wb-orange);font-size:.72rem;font-weight:800;letter-spacing:.09em}
.wb-seo-constraint h3{max-width:620px;margin-top:28px;font-size:clamp(1.55rem,2.4vw,3rem);line-height:1.05}
.wb-seo-constraint p{max-width:690px;margin-top:18px;color:var(--wb-muted)}
.wb-seo-constraints__route{border-top:0}
.wb-seo-constraints__route a{text-decoration:none}

/* CAPABILITY SEO VISUALS AND LINKS */
.wb-seo-capabilities .wb-capability__copy a{
  display:inline-flex;
  position:relative;
  z-index:4;
  margin-top:14px;
  color:inherit;
  font-size:.74rem;
  font-weight:800;
  text-underline-offset:4px;
}
.wb-capability__visual--research span{
  position:absolute;width:54px;height:54px;border:1px solid currentColor;border-radius:50%;opacity:.48
}
.wb-capability__visual--research span:nth-child(1){left:21%;top:22%}
.wb-capability__visual--research span:nth-child(2){right:18%;top:31%;width:72px;height:72px}
.wb-capability__visual--research span:nth-child(3){left:42%;bottom:18%;width:42px;height:42px}
.wb-capability__visual--research i{position:absolute;inset:24% 25%;border:1px dashed currentColor;border-radius:50%;animation:wbSeoSpin 12s linear infinite}
.wb-capability__visual--research b{position:absolute;left:49%;top:47%;width:13px;height:13px;border-radius:50%;background:var(--wb-orange)}
.wb-capability__visual--technical span{position:absolute;left:20%;right:20%;height:14px;border:1px solid currentColor;border-radius:3px}
.wb-capability__visual--technical span:nth-child(1){top:30%}.wb-capability__visual--technical span:nth-child(2){top:47%}
.wb-capability__visual--technical i,.wb-capability__visual--technical b,.wb-capability__visual--technical em{position:absolute;bottom:22%;width:12%;border-radius:4px 4px 0 0;background:currentColor;opacity:.7}
.wb-capability__visual--technical i{left:27%;height:18%}.wb-capability__visual--technical b{left:44%;height:30%}.wb-capability__visual--technical em{left:61%;height:42%}
.wb-capability__visual--seo-architecture>span{position:absolute;top:18%;left:38%;width:24%;height:16%;border-radius:8px;background:currentColor;opacity:.78}
.wb-capability__visual--seo-architecture>b{position:absolute;top:48%;left:16%;right:16%;height:1px;background:currentColor;opacity:.45}
.wb-capability__visual--seo-architecture i{position:absolute;bottom:17%;width:15%;height:22%;border:1px solid currentColor;border-radius:6px}
.wb-capability__visual--seo-architecture i:nth-of-type(1){left:13%}.wb-capability__visual--seo-architecture i:nth-of-type(2){left:34%}.wb-capability__visual--seo-architecture i:nth-of-type(3){left:55%}.wb-capability__visual--seo-architecture i:nth-of-type(4){left:76%}
.wb-capability__visual--seo-content span{position:absolute;left:18%;height:8px;border-radius:99px;background:currentColor;opacity:.55}
.wb-capability__visual--seo-content span:nth-child(1){top:26%;width:64%}.wb-capability__visual--seo-content span:nth-child(2){top:42%;width:50%}.wb-capability__visual--seo-content span:nth-child(3){top:58%;width:58%}
.wb-capability__visual--seo-content b{position:absolute;right:18%;bottom:18%;width:38px;height:38px;border-radius:50%;background:var(--wb-orange)}
.wb-capability__visual--local span{position:absolute;left:50%;top:18%;width:72px;height:72px;transform:translateX(-50%) rotate(45deg);border:2px solid currentColor;border-radius:50% 50% 50% 0}
.wb-capability__visual--local i{position:absolute;left:50%;top:38%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:currentColor}
.wb-capability__visual--local b,.wb-capability__visual--local em{position:absolute;bottom:20%;height:1px;background:currentColor;opacity:.5}
.wb-capability__visual--local b{left:17%;width:28%}.wb-capability__visual--local em{right:17%;width:28%}
.wb-capability__visual--multilocation span{position:absolute;width:28px;height:28px;border:2px solid currentColor;border-radius:50%;background:transparent}
.wb-capability__visual--multilocation span:nth-child(1){left:19%;top:27%}.wb-capability__visual--multilocation span:nth-child(2){right:19%;top:27%}.wb-capability__visual--multilocation span:nth-child(3){left:44%;bottom:20%}
.wb-capability__visual--multilocation i{position:absolute;left:28%;right:28%;top:46%;height:1px;background:currentColor;transform:rotate(28deg)}
.wb-capability__visual--multilocation b{position:absolute;left:28%;right:28%;top:46%;height:1px;background:currentColor;transform:rotate(-28deg)}
.wb-capability__visual--authority span{position:absolute;left:19%;right:19%;height:1px;background:currentColor;opacity:.46}
.wb-capability__visual--authority span:nth-child(1){top:35%;transform:rotate(14deg)}.wb-capability__visual--authority span:nth-child(2){top:58%;transform:rotate(-14deg)}
.wb-capability__visual--authority i,.wb-capability__visual--authority b,.wb-capability__visual--authority em{position:absolute;width:32px;height:32px;border-radius:50%;background:currentColor}
.wb-capability__visual--authority i{left:16%;top:25%}.wb-capability__visual--authority b{right:16%;top:48%}.wb-capability__visual--authority em{left:45%;bottom:16%;background:var(--wb-orange)}
.wb-capability__visual--measurement span{position:absolute;bottom:18%;width:11%;border-radius:4px 4px 0 0;background:currentColor;transform-origin:bottom;animation:wbSeoBars 2.8s var(--wb-ease) infinite alternate}
.wb-capability__visual--measurement span:nth-child(1){left:18%;height:22%}.wb-capability__visual--measurement span:nth-child(2){left:34%;height:38%;animation-delay:.2s}.wb-capability__visual--measurement span:nth-child(3){left:50%;height:55%;animation-delay:.4s}.wb-capability__visual--measurement span:nth-child(4){left:66%;height:73%;animation-delay:.6s}
.wb-capability__visual--measurement i{position:absolute;left:15%;right:15%;bottom:17%;height:1px;background:currentColor}
@keyframes wbSeoSpin{to{transform:rotate(360deg)}}
@keyframes wbSeoBars{to{transform:scaleY(.72)}}
.wb-seo-ai-note{
  display:grid;
  grid-template-columns:220px minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  padding:26px clamp(30px,5vw,80px);
  border-top:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.75);
}
.wb-seo-ai-note strong{color:#fff;font-family:var(--wb-heading)}
.wb-seo-ai-note a{color:var(--wb-yellow);font-size:.78rem;font-weight:800;text-underline-offset:4px}
.wb-seo-routes{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(0,4fr);border-top:1px solid rgba(255,255,255,.18)}
.wb-seo-routes__intro{display:flex;align-items:center;padding:24px clamp(26px,4vw,60px);border-right:1px solid rgba(255,255,255,.18);color:#fff;font-family:var(--wb-heading);font-size:.88rem;font-weight:650}
.wb-seo-routes__links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.wb-seo-routes__links a{display:flex;min-height:88px;align-items:center;justify-content:space-between;padding:20px;border-right:1px solid rgba(255,255,255,.18);color:#fff;font-size:.72rem;font-weight:750;text-decoration:none}
.wb-seo-routes__links a::after{color:var(--wb-yellow);content:"↗"}.wb-seo-routes__links a:last-child{border-right:0}
.wb-seo-routes__links a:hover{background:rgba(255,255,255,.06)}

/* SEO PROCESS VISUALS */
.wb-seo-process .wb-process-scene{padding:78px 38px 38px}
.wb-seo-viz{width:min(100%,680px);min-height:510px;border:1px solid var(--wb-line);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(54,95,92,.12);overflow:hidden}
.wb-seo-viz__header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--wb-line);color:var(--wb-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wb-seo-viz__header em{color:var(--wb-orange);font-style:normal}
.wb-diagnosis-board{padding:34px}
.wb-diagnosis-score{padding:30px;border-radius:18px;background:var(--wb-teal);color:#fff}
.wb-diagnosis-score span{display:block;color:#c8e0dd;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wb-diagnosis-score b{display:block;max-width:500px;margin-top:14px;font-family:var(--wb-heading);font-size:clamp(1.3rem,2vw,2.2rem);line-height:1.08}
.wb-diagnosis-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.wb-diagnosis-signals span{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--wb-line);border-radius:12px;color:var(--wb-muted);font-size:.75rem;font-weight:750}
.wb-diagnosis-signals i{width:9px;height:9px;border-radius:50%;background:var(--wb-yellow);box-shadow:0 0 0 5px rgba(255,198,64,.18)}
.wb-intent-map{display:grid;grid-template-columns:repeat(7,auto);gap:12px;align-items:center;justify-content:center;padding:90px 25px 40px}
.wb-intent-map span{display:flex;min-width:100px;min-height:112px;flex-direction:column;align-items:center;justify-content:center;padding:14px;border:1px solid var(--wb-line);border-radius:16px;background:#fff;text-align:center}
.wb-intent-map span.is-active{background:var(--wb-yellow);border-color:var(--wb-ink)}
.wb-intent-map small{color:var(--wb-green);font-size:.6rem;font-weight:800}.wb-intent-map b{margin-top:8px;font-family:var(--wb-heading);font-size:.82rem}
.wb-intent-map>i{color:var(--wb-orange);font-style:normal;font-size:1.2rem}.wb-seo-viz--mapping>p{padding:0 35px;color:var(--wb-muted);text-align:center}
.wb-workstream-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:54px 38px 24px}
.wb-workstream-grid span{position:relative;display:grid;min-height:120px;place-items:center;border:1px solid var(--wb-line);border-radius:16px;background:#fff;font-family:var(--wb-heading);font-size:.82rem;text-align:center}
.wb-workstream-grid i{position:absolute;bottom:-15px;width:1px;height:15px;background:var(--wb-line)}
.wb-workstream-core{width:max-content;margin:28px auto;padding:16px 24px;border-radius:999px;background:var(--wb-teal);color:#fff;font-weight:800}
.wb-measurement-chart{padding:55px 42px}
.wb-measurement-chart>div{display:flex;height:300px;align-items:flex-end;gap:20px;border-bottom:1px solid var(--wb-line)}
.wb-measurement-chart span{display:flex;flex:1;height:var(--h);align-items:flex-end;justify-content:center;padding:12px 6px;background:linear-gradient(var(--wb-yellow),#ffdf79);border-radius:10px 10px 0 0;color:var(--wb-ink);font-size:.62rem;font-weight:800;text-align:center;transition:height .6s var(--wb-ease)}
.wb-measurement-chart>p{margin-top:24px;color:var(--wb-muted);text-align:center}

/* TECHNICAL LEDGER */
.wb-technical-ledger{
  position:relative;
  background-color:#0c1917;
  background-image:linear-gradient(rgba(193,216,212,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(193,216,212,.08) 1px,transparent 1px);
  background-size:48px 48px;
  color:#fff;
}
.wb-technical-ledger__header{padding:clamp(58px,7vw,112px)}
.wb-technical-ledger__header .wb-kicker{color:#a9ccc7}
.wb-technical-ledger__header h2{max-width:1250px;margin-top:18px;color:#fff;font-size:clamp(2.9rem,5.5vw,7rem);line-height:.98}
.wb-technical-ledger__header h2 .wb-serif{color:var(--wb-yellow)}
.wb-technical-ledger__header>p:last-child{max-width:900px;margin-top:30px;color:rgba(255,255,255,.68);font-size:1.04rem}
.wb-technical-ledger__rows{border-top:1px solid rgba(255,255,255,.16)}
.wb-ledger-row{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:28px;align-items:center;padding:clamp(30px,4vw,62px) clamp(36px,6vw,96px);border-bottom:1px solid rgba(255,255,255,.16)}
.wb-ledger-row__number{color:var(--wb-yellow);font-size:.7rem;font-weight:850;letter-spacing:.08em}
.wb-ledger-row__copy h3{color:#fff;font-size:clamp(1.45rem,2.3vw,2.8rem);line-height:1.06}
.wb-ledger-row__copy p{max-width:820px;margin-top:12px;color:rgba(255,255,255,.62)}
.wb-ledger-row__status{padding:10px 16px;border:1px solid rgba(193,216,212,.35);border-radius:999px;color:#b9d8d3;font-size:.63rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.wb-technical-ledger__reference{padding:20px clamp(36px,6vw,96px);color:rgba(255,255,255,.58);font-size:.75rem}.wb-technical-ledger__reference a{color:var(--wb-yellow);text-underline-offset:4px}

/* SEO PROJECT PROOF */
.wb-seo-projects .wb-project__metric{display:block;margin-top:18px;color:var(--wb-orange);font-family:var(--wb-heading);font-size:clamp(2.4rem,4vw,5.4rem);font-weight:650;letter-spacing:-.07em;line-height:.95}
.wb-project__image--dashboard{display:grid;min-height:650px;place-items:center;padding:clamp(30px,5vw,75px);overflow:hidden}
.wb-search-console-proof{width:min(100%,680px);padding:26px;border:1px solid var(--wb-line);border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(54,95,92,.16)}
.wb-search-console-proof__top{display:flex;justify-content:space-between;color:var(--wb-muted);font-size:.66rem;font-weight:800;text-transform:uppercase}
.wb-search-console-proof__numbers{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;margin-top:35px}
.wb-search-console-proof__numbers>div{padding:24px;border:1px solid var(--wb-line);border-radius:18px}.wb-search-console-proof__numbers>div.is-current{background:var(--wb-yellow);border-color:var(--wb-ink)}
.wb-search-console-proof__numbers small,.wb-search-console-proof__numbers span{display:block;color:var(--wb-muted);font-size:.66rem}.wb-search-console-proof__numbers strong{display:block;margin:10px 0;font-family:var(--wb-heading);font-size:clamp(2.5rem,4vw,4.8rem);letter-spacing:-.08em}.wb-search-console-proof__numbers>i{color:var(--wb-orange);font-style:normal;font-size:1.5rem}
.wb-search-console-proof__chart{display:flex;height:180px;align-items:flex-end;gap:10px;margin-top:28px;border-bottom:1px solid var(--wb-line)}
.wb-search-console-proof__chart span{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:var(--wb-teal);opacity:.78}
.wb-search-console-proof>p{margin-top:18px;color:var(--wb-green);font-weight:850;text-align:right}
.wb-seo-projects__more{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--wb-line)}
.wb-seo-projects__more a{display:flex;min-height:86px;align-items:center;justify-content:space-between;padding:20px 24px;border-right:1px solid var(--wb-line);font-size:.76rem;font-weight:800;text-decoration:none}.wb-seo-projects__more a::after{content:"↗";color:var(--wb-orange)}.wb-seo-projects__more a:last-child{border-right:0}.wb-seo-projects__more a:hover{background:var(--wb-paper-soft)}

/* SCOPE & PRICING */
.wb-seo-scope{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:var(--wb-paper)}
.wb-seo-scope__intro{padding:clamp(46px,6vw,92px);background:var(--wb-paper-soft)}
.wb-seo-scope__intro h2{margin-top:16px;font-size:clamp(2.4rem,4vw,5rem);line-height:1.02}
.wb-seo-scope__intro>p{margin-top:24px;color:var(--wb-muted)}
.wb-seo-scope__included{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}
.wb-seo-scope__included span{position:relative;padding:13px 14px 13px 32px;border:1px solid var(--wb-line);border-radius:12px;background:#fff;font-size:.75rem;font-weight:700}
.wb-seo-scope__included span::before{position:absolute;left:14px;color:var(--wb-orange);content:"+"}
.wb-seo-scope__guide a{color:#0066cc;font-weight:750;text-underline-offset:4px}
.wb-seo-scope__factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.wb-seo-scope__factors article{min-height:330px;padding:clamp(34px,4.5vw,66px);border-left:1px solid var(--wb-line);border-bottom:1px solid var(--wb-line)}
.wb-seo-scope__factors article:nth-last-child(-n+2){border-bottom:0}
.wb-seo-scope__factors span{color:var(--wb-orange);font-size:.68rem;font-weight:850}
.wb-seo-scope__factors h3{margin-top:26px;font-size:clamp(1.4rem,2vw,2.4rem);line-height:1.08}
.wb-seo-scope__factors p{margin-top:17px;color:var(--wb-muted)}

/* FOUNDER / LINKS */
.wb-seo-local-search-page .wb-founder__copy>.wb-kicker{margin-bottom:20px}
.wb-seo-local-search-page .wb-founder__copy>.wb-cta{margin-top:30px}
.wb-seo-local-search-page .wb-founder__accountability{max-width:760px;margin-top:22px;color:var(--wb-muted);font-size:.8rem}
.wb-seo-local-search-page a:not(.wb-cta):not(.wb-motion-hero__secondary):not(.wb-capability):not(.wb-seo-metric):not(.wb-seo-routes__links a){text-decoration-thickness:1px}

/* RESPONSIVE */
@media (max-width:1100px){
  .wb-seo-proof-band{grid-template-columns:1fr}.wb-seo-proof-band__intro{border-right:0;border-bottom:1px solid var(--wb-line)}
  .wb-seo-proof-band__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wb-seo-ai-note{grid-template-columns:1fr}.wb-seo-routes{grid-template-columns:1fr}.wb-seo-routes__intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}
  .wb-seo-routes__links{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-seo-routes__links a:nth-child(2n){border-right:0}.wb-seo-routes__links a{border-bottom:1px solid rgba(255,255,255,.18)}
  .wb-seo-process .wb-process__stage{display:none}.wb-seo-process .wb-process__layout{grid-template-columns:1fr}.wb-seo-process .wb-process-step{min-height:0;opacity:1;background:var(--wb-paper);padding:48px 34px}.wb-seo-process .wb-process-step.is-active{background:var(--wb-paper-soft)}
  .wb-seo-scope{grid-template-columns:1fr}.wb-seo-scope__factors article:nth-child(odd){border-left:0}
}
@media (max-width:800px){
  .wb-seo-proof-band__metrics{grid-template-columns:1fr}.wb-seo-metric{min-height:0;border-right:0;border-bottom:1px solid var(--wb-line)}.wb-seo-metric:last-child{border-bottom:0}
  .wb-seo-constraints__grid{grid-template-columns:1fr}.wb-seo-constraint,.wb-seo-constraint:nth-child(2n),.wb-seo-constraint:nth-last-child(-n+2){min-height:0;border-right:0;border-bottom:1px solid var(--wb-line)}.wb-seo-constraint:last-child{border-bottom:0}
  .wb-ledger-row{grid-template-columns:52px 1fr}.wb-ledger-row__status{grid-column:2;width:max-content}
  .wb-seo-projects__more{grid-template-columns:1fr}.wb-seo-projects__more a{border-right:0;border-bottom:1px solid var(--wb-line)}.wb-seo-projects__more a:last-child{border-bottom:0}
  .wb-seo-scope__factors{grid-template-columns:1fr}.wb-seo-scope__factors article,.wb-seo-scope__factors article:nth-child(odd),.wb-seo-scope__factors article:nth-last-child(-n+2){min-height:0;border-left:0;border-bottom:1px solid var(--wb-line)}.wb-seo-scope__factors article:last-child{border-bottom:0}
}
@media (max-width:700px){
  .wb-seo-local-search-page .wb-motion-hero__location{font-size:.78rem}
  .wb-seo-local-search-page .wb-motion-hero__principle{margin-top:18px}
  .wb-seo-proof-band__intro,.wb-seo-constraints__header,.wb-technical-ledger__header,.wb-seo-scope__intro{padding:34px 24px}
  .wb-seo-constraint{padding:34px 24px}
  .wb-seo-ai-note{padding:24px}.wb-seo-routes__links{grid-template-columns:1fr}.wb-seo-routes__links a{border-right:0}
  .wb-ledger-row{grid-template-columns:1fr;gap:14px;padding:30px 24px}.wb-ledger-row__status{grid-column:1}.wb-technical-ledger__reference{padding:18px 24px}
  .wb-project__image--dashboard{min-height:0;padding:24px}.wb-search-console-proof{padding:18px}.wb-search-console-proof__numbers{grid-template-columns:1fr;gap:10px}.wb-search-console-proof__numbers>i{transform:rotate(90deg);text-align:center}.wb-search-console-proof__chart{height:120px}
  .wb-seo-scope__included{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .wb-capability__visual--research i,.wb-capability__visual--measurement span{animation:none!important}
}


/* =========================================================
   SEO & LOCAL SEARCH V1.0.1 — VISUAL QA CORRECTIONS
   ========================================================= */

/* 1. Yellow hero: use the same full-field runtime/fallback contract as
   Web Design & Development while retaining the SEO-specific palette. */
body.webbies-seo-local-search .wb-top-field-backdrop,
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-color:#fff4c5!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
}
body.webbies-seo-local-search .wb-motion-field__canvas{
  opacity:0!important;
  mix-blend-mode:multiply;
  transition:opacity .28s ease;
}
body.webbies-seo-local-search .wb-top-field-backdrop.is-live .wb-motion-field__canvas{
  opacity:.94!important;
}

/* 2. Match the calmer Hamilton SEO proof-strip typography, weights and
   orange editorial emphasis without changing the approved structure. */
.wb-seo-proof-band__intro h2{
  color:var(--wb-ink);
  font-weight:500;
  letter-spacing:-.062em;
}
.wb-seo-proof-band__intro h2 .wb-serif{
  color:var(--wb-orange);
  font-weight:500;
}
.wb-seo-metric strong{
  color:var(--wb-orange);
  font-family:var(--wb-serif);
  font-style:italic;
  font-weight:500;
  letter-spacing:-.055em;
}
.wb-seo-metric:nth-child(2) strong,
.wb-seo-metric:nth-child(3) strong{
  color:var(--wb-ink);
  font-family:var(--wb-heading);
  font-style:normal;
  font-weight:500;
  letter-spacing:-.072em;
}
.wb-seo-metric span{font-weight:400;line-height:1.55}
.wb-seo-metric em{color:var(--wb-teal);font-weight:750}

/* 3. Every SEO capability visual animates only while the section is live. */
.wb-capability__visual--research i,
.wb-capability__visual--measurement span{animation:none!important}
.wb-capability-system.is-live .wb-capability__visual--research i{animation:wbSeoSpin 10s linear infinite!important}
.wb-capability-system.is-live .wb-capability__visual--research span{animation:wbSeoNodeFloat 2.8s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--research span:nth-child(2){animation-delay:.22s}
.wb-capability-system.is-live .wb-capability__visual--research span:nth-child(3){animation-delay:.44s}
.wb-capability-system.is-live .wb-capability__visual--technical span{animation:wbSeoScanLine 2.5s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--technical span:nth-child(2){animation-delay:.3s}
.wb-capability-system.is-live .wb-capability__visual--technical i,
.wb-capability-system.is-live .wb-capability__visual--technical b,
.wb-capability-system.is-live .wb-capability__visual--technical em{animation:wbSeoBarPulse 2.1s var(--wb-ease) infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--technical b{animation-delay:.18s}
.wb-capability-system.is-live .wb-capability__visual--technical em{animation-delay:.36s}
.wb-capability-system.is-live .wb-capability__visual--seo-architecture>span{animation:wbSeoRootPulse 2.2s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--seo-architecture i{animation:wbSeoCardLift 2.6s var(--wb-ease) infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--seo-architecture i:nth-of-type(2){animation-delay:.15s}
.wb-capability-system.is-live .wb-capability__visual--seo-architecture i:nth-of-type(3){animation-delay:.3s}
.wb-capability-system.is-live .wb-capability__visual--seo-architecture i:nth-of-type(4){animation-delay:.45s}
.wb-capability-system.is-live .wb-capability__visual--seo-content span{animation:wbSeoContentLine 2.4s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--seo-content span:nth-child(2){animation-delay:.18s}
.wb-capability-system.is-live .wb-capability__visual--seo-content span:nth-child(3){animation-delay:.36s}
.wb-capability-system.is-live .wb-capability__visual--seo-content b{animation:wbSeoDotPulse 1.8s ease-in-out infinite}
.wb-capability-system.is-live .wb-capability__visual--local span{animation:wbSeoPinFloat 2.4s var(--wb-ease) infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--local i{animation:wbSeoDotPulse 1.7s ease-in-out infinite}
.wb-capability-system.is-live .wb-capability__visual--local b,
.wb-capability-system.is-live .wb-capability__visual--local em{animation:wbSeoLineExtend 2.2s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--multilocation span{animation:wbSeoNodePulse 2s ease-in-out infinite}
.wb-capability-system.is-live .wb-capability__visual--multilocation span:nth-child(2){animation-delay:.25s}
.wb-capability-system.is-live .wb-capability__visual--multilocation span:nth-child(3){animation-delay:.5s}
.wb-capability-system.is-live .wb-capability__visual--multilocation i,
.wb-capability-system.is-live .wb-capability__visual--multilocation b{animation:wbSeoNetworkBreathe 2.8s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--authority i,
.wb-capability-system.is-live .wb-capability__visual--authority b,
.wb-capability-system.is-live .wb-capability__visual--authority em{animation:wbSeoNodeFloat 2.4s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--authority b{animation-delay:.2s}
.wb-capability-system.is-live .wb-capability__visual--authority em{animation-delay:.4s}
.wb-capability-system.is-live .wb-capability__visual--authority span{animation:wbSeoAuthorityLine 2.7s ease-in-out infinite alternate}
.wb-capability-system.is-live .wb-capability__visual--measurement span{animation:wbSeoBars 2.4s var(--wb-ease) infinite alternate!important}
.wb-capability-system.is-live .wb-capability__visual--measurement span:nth-child(2){animation-delay:.15s!important}
.wb-capability-system.is-live .wb-capability__visual--measurement span:nth-child(3){animation-delay:.3s!important}
.wb-capability-system.is-live .wb-capability__visual--measurement span:nth-child(4){animation-delay:.45s!important}
@keyframes wbSeoNodeFloat{to{transform:translateY(-7px)}}
@keyframes wbSeoScanLine{to{transform:translateX(8px);opacity:.45}}
@keyframes wbSeoBarPulse{to{transform:scaleY(.72);opacity:1}}
@keyframes wbSeoRootPulse{to{transform:scale(.94);opacity:.58}}
@keyframes wbSeoCardLift{to{transform:translateY(-8px);background:rgba(255,255,255,.08)}}
@keyframes wbSeoContentLine{to{transform:scaleX(.78);transform-origin:left;opacity:.9}}
@keyframes wbSeoDotPulse{50%{transform:scale(.72);opacity:.62}}
@keyframes wbSeoPinFloat{to{transform:translateX(-50%) translateY(-9px) rotate(45deg)}}
@keyframes wbSeoLineExtend{to{transform:scaleX(.68)}}
@keyframes wbSeoNodePulse{50%{transform:scale(.82);opacity:.65}}
@keyframes wbSeoNetworkBreathe{to{opacity:.35;filter:blur(.2px)}}
@keyframes wbSeoAuthorityLine{to{transform:translateX(7px) rotate(14deg);opacity:.72}}
.wb-capability__visual--authority span:nth-child(2){animation-name:wbSeoAuthorityLineReverse!important}
@keyframes wbSeoAuthorityLineReverse{to{transform:translateX(-7px) rotate(-14deg);opacity:.72}}

/* 4. Remove the inherited scene-one pill styling from diagnosis markers. */
.wb-diagnosis-signals span::before{
  flex:0 0 auto;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--wb-yellow);
  box-shadow:0 0 0 5px rgba(255,198,64,.18);
  content:"";
}
.wb-diagnosis-signals i{display:none!important}

/* 5. Real proof imagery supplied for all three case studies. */
.wb-project__image--proof{
  display:grid;
  min-height:0!important;
  place-items:center;
  padding:clamp(24px,3.5vw,56px)!important;
  overflow:hidden!important;
  background:var(--wb-paper-soft)!important;
}
.wb-proof-media{width:min(100%,980px);display:grid;gap:18px;align-content:center}
.wb-proof-media figure{margin:0;overflow:hidden;border:1px solid var(--wb-line);border-radius:16px;background:#fff;box-shadow:0 18px 46px rgba(54,95,92,.08)}
.wb-proof-media img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#fff}
.wb-proof-media figcaption{padding:10px 14px;border-top:1px solid var(--wb-line);color:var(--wb-muted);font-size:.68rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase}

/* 6. Reduce the stretched empty areas in the scope-factor matrix. */
.wb-seo-scope__factors{align-content:stretch;grid-auto-rows:1fr}
.wb-seo-scope__factors article{
  min-height:0!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(30px,3.2vw,48px)!important;
}
.wb-seo-scope__factors h3{margin-top:18px}
.wb-seo-scope__factors p{margin-top:14px}

/* 7. Smaller founder CTA and one clean controller line. */
.wb-seo-local-search-page .wb-founder__copy>.wb-cta{
  width:max-content;
  max-width:100%;
  min-height:44px;
  margin-top:28px;
  padding:10px 18px;
  border-radius:6px;
  font-size:.76rem;
}
.wb-founder__track span{display:none!important}
.wb-founder__track::before{height:4px;background:rgba(255,255,255,.86)}

@media(max-width:700px){
  .wb-seo-local-search-page .wb-founder__copy>.wb-cta{width:100%;justify-content:center}
  .wb-project__image--proof{padding:18px!important}
  .wb-proof-media{gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .wb-capability-system.is-live .wb-capability__visual--research *,
  .wb-capability-system.is-live .wb-capability__visual--technical *,
  .wb-capability-system.is-live .wb-capability__visual--seo-architecture *,
  .wb-capability-system.is-live .wb-capability__visual--seo-content *,
  .wb-capability-system.is-live .wb-capability__visual--local *,
  .wb-capability-system.is-live .wb-capability__visual--multilocation *,
  .wb-capability-system.is-live .wb-capability__visual--authority *,
  .wb-capability-system.is-live .wb-capability__visual--measurement *{animation:none!important}
}


/* =========================================================
   SEO & LOCAL SEARCH V1.0.2 — HERO, PROOF AND STICKY ANSWERS
   ========================================================= */

/* The native canvas remains the primary hero treatment. This slow fallback
   drift prevents the field from ever appearing frozen while the canvas waits
   for idle time or when a browser temporarily suspends animation frames. */
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-size:112% 112%!important;
  animation:wbSeoFieldFallbackDrift 17s ease-in-out infinite alternate;
}
@keyframes wbSeoFieldFallbackDrift{
  0%{background-position:44% 48%}
  100%{background-position:58% 54%}
}

/* More breathing room between the hero card and the four-principle rail. */
@media(min-width:1101px){
  .wb-seo-local-search-page .wb-motion-hero{padding-bottom:clamp(108px,7vw,132px)!important}
  .wb-seo-local-search-page .wb-motion-hero__card{
    margin-bottom:24px!important;
  }
}
@media(min-width:701px) and (max-width:1100px){
  .wb-seo-local-search-page .wb-motion-hero{padding-bottom:112px!important}
  .wb-seo-local-search-page .wb-motion-hero__card{margin-bottom:18px!important}
}

/* Proof media: each case now uses only the evidence needed to understand it. */
.wb-proof-media--single{width:min(100%,900px)}
.wb-proof-media--single figure{align-self:center}
.wb-proof-media--single img{max-height:720px!important}

/* Exact Hamilton-style sticky editorial answer system. */
.wb-seo-local-search-page .wb-answers{
  display:block!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wb-seo-local-search-page .wb-answers__grid{
  display:grid;
  grid-template-columns:minmax(300px,4fr) minmax(0,8fr);
  gap:1px;
  overflow:visible;
  border:1px solid var(--wb-line);
  border-radius:var(--wb-radius);
  background:var(--wb-line);
}
.wb-seo-local-search-page .wb-answers__intro{
  position:sticky;
  top:var(--wb-editorial-section-gap,14px);
  height:max-content;
  align-self:start;
  padding:clamp(48px,5vw,84px);
  border-radius:var(--wb-radius) 0 0 var(--wb-radius);
  background:var(--wb-paper);
}
.wb-seo-local-search-page .wb-answers__intro h2{
  margin-top:18px;
  font-size:clamp(2.6rem,4.25vw,5.2rem);
  line-height:1.04;
}
.wb-seo-local-search-page .wb-answers__intro>p:last-child{
  margin-top:22px;
  color:var(--wb-muted);
}
.wb-seo-local-search-page .wb-answers__list{
  overflow:hidden;
  border-radius:0 var(--wb-radius) var(--wb-radius) 0;
  background:var(--wb-paper);
}
.wb-seo-local-search-page .wb-answer{
  display:grid;
  grid-template-columns:minmax(200px,.42fr) 1fr;
  gap:clamp(28px,5vw,70px);
  padding:clamp(36px,5vw,70px);
  border-bottom:1px solid var(--wb-line);
}
.wb-seo-local-search-page .wb-answer:last-child{border-bottom:0}
.wb-seo-local-search-page .wb-answer h3{
  font-size:clamp(1.35rem,2.1vw,2.35rem);
  line-height:1.12;
}
.wb-seo-local-search-page .wb-answer__body{color:var(--wb-muted)}
.wb-seo-local-search-page .wb-answer__body p+ p{margin-top:15px}
.wb-seo-local-search-page .wb-answer__body a{
  color:#0066cc!important;
  text-decoration-color:#0066cc!important;
  text-underline-offset:4px;
}
.wb-seo-local-search-page .wb-answer__body a:hover{
  color:#004c99!important;
  text-decoration-color:#004c99!important;
}

@media(max-width:1100px){
  .wb-seo-local-search-page .wb-answers__grid{grid-template-columns:1fr}
  .wb-seo-local-search-page .wb-answers__intro{
    position:static;
    border-radius:var(--wb-radius) var(--wb-radius) 0 0;
  }
  .wb-seo-local-search-page .wb-answers__list{border-radius:0 0 var(--wb-radius) var(--wb-radius)}
}
@media(max-width:760px){
  .wb-seo-local-search-page .wb-answers__intro{padding:38px 24px}
  .wb-seo-local-search-page .wb-answer{
    grid-template-columns:1fr;
    gap:18px;
    padding:38px 24px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
  .wb-seo-local-search-page .wb-motion-field{animation:none!important}
}

/* =========================================================
   SEO & LOCAL SEARCH V1.0.3 — MOTION-INSPIRED HERO FIELD
   Bright yellow + green flow field with white directional glyphs.
   No broad ribbon, stroke or translucent line crosses the hero.
   ========================================================= */
body.webbies-seo-local-search .wb-top-field-backdrop,
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-color:#ffd400!important;
  background-image:none!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
body.webbies-seo-local-search .wb-motion-field__canvas,
.wb-seo-local-search-page .wb-motion-field__canvas{
  mix-blend-mode:normal!important;
  filter:none!important;
  opacity:0;
}
body.webbies-seo-local-search .wb-top-field-backdrop.is-live .wb-motion-field__canvas{
  opacity:1!important;
}
.wb-seo-local-search-page .wb-motion-hero__card{
  background:rgba(255,252,240,.97)!important;
  box-shadow:0 32px 84px rgba(59,49,0,.16),0 1px 0 rgba(255,255,255,.95) inset!important;
}
@media(prefers-reduced-motion:reduce){
  body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
  .wb-seo-local-search-page .wb-motion-field{
    animation:none!important;
    background-position:center!important;
  }
}


/* =========================================================
   SEO & LOCAL SEARCH V1.0.4 — FASTER SOFT WAVE FIELD
   Visible colour travel with the softer Web Design palette.
   ========================================================= */
body.webbies-seo-local-search .wb-top-field-backdrop,
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-color:#f4efd5!important;
  background-image:none!important;
}
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-size:108% 108%!important;
  animation-duration:10s!important;
}


/* =========================================================
   SEO & LOCAL SEARCH V1.0.5 — COMPACT WHITE FIELD MARKS
   Shorter Motion-inspired glyphs and uninterrupted colour travel
   through the principle strip.
   ========================================================= */
body.webbies-seo-local-search .wb-motion-field__canvas,
.wb-seo-local-search-page .wb-motion-field__canvas{
  opacity:0;
}
body.webbies-seo-local-search .wb-top-field-backdrop.is-live .wb-motion-field__canvas{
  opacity:1!important;
}
.wb-seo-local-search-page .wb-motion-hero__rail{
  overflow:hidden!important;
  border-top:1px solid rgba(255,255,255,.28)!important;
  border-bottom:1px solid rgba(16,24,23,.12)!important;
  background:linear-gradient(180deg,rgba(255,252,240,.08),rgba(255,252,240,.24))!important;
  box-shadow:0 1px 0 rgba(255,255,255,.34) inset!important;
  -webkit-backdrop-filter:blur(2px) saturate(1.04)!important;
  backdrop-filter:blur(2px) saturate(1.04)!important;
}
.wb-seo-local-search-page .wb-motion-hero__rail::before,
.wb-seo-local-search-page .wb-motion-hero__rail::after{
  display:none!important;
  content:none!important;
}
.wb-seo-local-search-page .wb-motion-hero__rail span{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(16,24,23,.16)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.52);
}
@media(max-width:1100px){
  .wb-seo-local-search-page .wb-motion-hero__rail{
    background:linear-gradient(180deg,rgba(255,252,240,.13),rgba(255,252,240,.30))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .wb-seo-local-search-page .wb-motion-hero__rail{
    background:linear-gradient(180deg,rgba(255,252,240,.18),rgba(255,252,240,.38))!important;
  }
}


/* =========================================================
   SEO & LOCAL SEARCH V1.0.7 — RESTRAINED HERO IDENTITY
   One warm-yellow family, one narrower sage wave, minimal teal.
   The compact field-mark language is repeated once, statically,
   inside the dark technical-ledger header for page coherence.
   ========================================================= */
body.webbies-seo-local-search .wb-top-field-backdrop,
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-color:#f7efcf!important;
}



/* =========================================================
   SEO & LOCAL SEARCH V1.0.9 — FOCUSED VISUAL REFINEMENTS
   ========================================================= */

/* Match the Web Design & Development hero colour family while retaining
   the SEO page's compact white field marks. */
body.webbies-seo-local-search .wb-top-field-backdrop,
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-color:#eef5f3!important;
}
.wb-seo-local-search-page .wb-motion-hero__card{
  background:rgba(248,252,251,.975)!important;
  border-color:rgba(54,95,92,.18)!important;
  box-shadow:0 28px 76px rgba(33,92,82,.105),0 1px 0 rgba(255,255,255,.94) inset!important;
}

/* Slightly stronger early-proof statement without returning to the
   previous overly-heavy treatment. */
.wb-seo-local-search-page .wb-seo-proof-band__intro h2{
  font-weight:650!important;
  letter-spacing:-.057em!important;
}
.wb-seo-local-search-page .wb-seo-proof-band__intro h2 .wb-serif{
  font-weight:600!important;
}

/* On mobile, put 01–04 above each process heading so the copy can use
   the full available width. */
@media(max-width:760px){
  .wb-seo-local-search-page .wb-seo-process .wb-process-step{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:38px 24px!important;
  }
  .wb-seo-local-search-page .wb-seo-process .wb-process-step>span{
    display:block!important;
    margin:0 0 4px!important;
  }
  .wb-seo-local-search-page .wb-seo-process .wb-process-step>div{
    min-width:0!important;
  }
}


/* =========================================================
   SEO & LOCAL SEARCH V1.0.10 — WDD HERO FIELD LITERAL MATCH
   Exact Web Design & Development motion and colour renderer.
   SEO retains its approved extra bottom breathing room and
   uses shorter green directional marks.
   ========================================================= */
body.webbies-seo-local-search .wb-top-field-backdrop,
body.webbies-seo-local-search .wb-top-field-backdrop .wb-motion-field,
.wb-seo-local-search-page .wb-motion-field{
  background-color:#eef5f3!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  animation:none!important;
}

body.webbies-seo-local-search .wb-motion-field__canvas,
.wb-seo-local-search-page .wb-motion-field__canvas{
  mix-blend-mode:normal!important;
  filter:none!important;
  opacity:0!important;
  transition:opacity .25s ease!important;
}
body.webbies-seo-local-search .wb-top-field-backdrop.is-live .wb-motion-field__canvas{
  opacity:1!important;
}

/* Same translucent rail treatment as the flagship page. The animated
   field remains visible through it and the SEO-specific lower gap stays. */
.wb-seo-local-search-page .wb-motion-hero__rail{
  overflow:hidden!important;
  border-top:0!important;
  border-bottom:1px solid rgba(54,95,92,.10)!important;
  background:linear-gradient(
    180deg,
    rgba(248,252,251,.18) 0%,
    rgba(248,252,251,.46) 48%,
    rgba(248,252,251,.80) 100%
  )!important;
  box-shadow:0 -18px 34px rgba(238,245,243,.08)!important;
  transform:translateY(-1px);
  -webkit-backdrop-filter:blur(6px) saturate(1.08)!important;
  backdrop-filter:blur(6px) saturate(1.08)!important;
}
.wb-seo-local-search-page .wb-motion-hero__rail::before,
.wb-seo-local-search-page .wb-motion-hero__rail::after{
  display:none!important;
  content:none!important;
}
.wb-seo-local-search-page .wb-motion-hero__rail span{
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.10))!important;
  border-color:rgba(54,95,92,.16)!important;
  text-shadow:none!important;
}

@media(max-width:1100px){
  .wb-seo-local-search-page .wb-motion-hero__rail{
    background:linear-gradient(
      180deg,
      rgba(248,252,251,.30) 0%,
      rgba(248,252,251,.64) 60%,
      rgba(248,252,251,.86) 100%
    )!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .wb-seo-local-search-page .wb-motion-hero__rail{
    background:linear-gradient(180deg,rgba(248,252,251,.38),rgba(248,252,251,.88))!important;
  }
}


/* =========================================================
   SEO & LOCAL SEARCH V1.0.11 — EARLY PROOF BAND REFINEMENT
   Match the typography treatment of the "More pages are not
   always the answer" heading without changing proof-band size.
   ========================================================= */
.wb-seo-local-search-page .wb-seo-proof-band__intro h2{
  font-family:var(--wb-heading)!important;
  font-weight:600!important;
  letter-spacing:-.05em!important;
  line-height:1.02!important;
  text-wrap:balance;
}
.wb-seo-local-search-page .wb-seo-proof-band__intro h2 .wb-serif{
  color:var(--wb-orange)!important;
  font-family:var(--wb-serif)!important;
  font-style:italic!important;
  font-weight:500!important;
  letter-spacing:inherit!important;
}

/* Replace the previous yellow hover with a restrained Webbies green wash. */
.wb-seo-local-search-page .wb-seo-metric:hover,
.wb-seo-local-search-page .wb-seo-metric:focus-visible{
  background:rgba(98,148,145,.18)!important;
}


/* V2.0.0 — SEO page design migration to current Home/Web Design service language. */
/* =========================================================
   V10.5.0 — HOMEPAGE HERO + HOMEPAGE SERVICE-DIRECTORY ADAPTATION
   The hero and second section use the exact Home component families.
   ========================================================= */
.wb-seo-local-search-page{
  --wb-soft:#edf5f3;
  --wb-dark:#102825;
  --wb-inner:min(1480px,calc(100% - clamp(48px,7vw,136px)));
}

/* 01 · MOTION HERO */
.wb-hero{position:relative;background:#e2efed}
.wb-hero__stage{position:relative;min-height:clamp(710px,79vh,872px);padding:clamp(26px,2.8vw,48px) clamp(44px,5.8vw,106px) 0;overflow:visible;background:radial-gradient(circle at 50% 18%,rgba(248,252,251,.92),rgba(248,252,251,.22) 32%,transparent 66%)}
.wb-hero__meta{position:relative;z-index:4;display:flex;justify-content:space-between;gap:30px;align-items:center}
.wb-hero__meta>p:last-child{display:flex;gap:23px;align-items:center;font-size:.62rem;line-height:1.2;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--wb-muted)}
.wb-hero__meta>p:last-child span+span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 23px 2px 0;border-radius:50%;background:var(--wb-green)}
.wb-hero__copy{position:relative;z-index:4;width:min(1120px,86vw);margin:clamp(28px,4.5vh,60px) auto 0;text-align:center}
.wb-hero__copy>.wb-kicker{max-width:none;margin:0 0 15px;color:var(--wb-teal);font-size:.72rem;line-height:1.2}
.wb-hero__copy h1{font-size:clamp(3.05rem,4.05vw,5.45rem);line-height:.92;letter-spacing:-.068em;text-wrap:balance}
.wb-hero__copy .wb-serif{display:block;margin-top:.08em;color:var(--wb-teal)}
.wb-hero__copy>p{max-width:760px;margin:27px auto 0;font-size:clamp(1rem,1.08vw,1.2rem);line-height:1.62}
.wb-hero__actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:23px;margin-top:30px}

.wb-hero__current{position:absolute;z-index:1;right:-3%;left:-3%;bottom:-46px;height:clamp(430px,56vh,630px);overflow:visible;pointer-events:none;isolation:isolate;--wb-ribbon-x:0px;--wb-ribbon-y:0px;-webkit-mask-image:none;mask-image:none}
.wb-hero__current:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(226,239,237,0) 0%,rgba(226,239,237,0) 50%,rgba(226,239,237,.10) 78%,rgba(226,239,237,.22) 100%);pointer-events:none}.wb-hero__current:after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:10%;background:linear-gradient(180deg,transparent,rgba(226,239,237,.14));pointer-events:none}
.wb-hero__ribbon-canvas{position:absolute;z-index:2;top:50%;left:50%;display:block;width:max(112%,1620px);min-width:1620px;height:auto;aspect-ratio:3024/1592;max-width:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .28s ease;will-change:contents}
.wb-hero__current.is-flowing .wb-hero__ribbon-canvas{opacity:1}
.wb-hero__ribbon-fallback{position:absolute;z-index:1;top:50%;left:50%;display:block;width:max(112%,1620px);min-width:1620px;max-width:none;height:auto;aspect-ratio:3024/1592;transform:translate(-50%,-50%);transform-origin:50% 50%;opacity:.78;transition:opacity .28s ease}
.wb-hero__current.is-flowing .wb-hero__ribbon-fallback{opacity:0}
.wb-hero__clients{position:relative;z-index:2;min-height:118px;overflow:hidden;border-top:1px solid rgba(193,216,212,.66);background:rgba(248,252,251,.26);backdrop-filter:blur(8px)}
.wb-hero__client-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:118px}
.wb-hero__client-group{display:contents}
.wb-hero__client-group--clone{display:none}
.wb-hero__client{display:flex;align-items:center;justify-content:center;min-width:0;padding:24px clamp(14px,1.6vw,28px)}
.wb-hero__client--clone{display:none}
.wb-hero__client img{display:block;width:auto;max-width:84%;max-height:47px;object-fit:contain;opacity:.82;transition:opacity .25s var(--wb-ease),transform .25s var(--wb-ease)}
.wb-hero__client:hover img{opacity:1;transform:translateY(-2px)}
.wb-hero__client--medcare img{max-width:90%;max-height:50px}
.wb-hero__client--stairlift img{max-width:91%;max-height:49px}
.wb-hero__client--bricargo img{max-width:88%;max-height:50px}
.wb-hero__client--vhc img{max-width:90%;max-height:52px}
.wb-hero__client--buildpro img{max-width:86%;max-height:51px}
.wb-hero__client--treatment img{max-width:87%;max-height:50px}
.wb-hero__client--glamorous img{max-width:88%;max-height:38px}



.wb-hero__trust{position:relative;z-index:2;display:grid;grid-template-columns:.62fr .62fr 1.76fr;border-top:1px solid var(--wb-line);background:rgba(248,252,251,.92);backdrop-filter:blur(14px)}
.wb-hero__trust>div{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:baseline;padding:clamp(23px,2.2vw,38px) clamp(24px,3vw,55px)}
.wb-hero__trust>div+div{border-left:1px solid var(--wb-line)}
.wb-hero__trust strong{font-family:var(--wb-heading);font-size:clamp(1.1rem,1.35vw,1.55rem);line-height:1.25;letter-spacing:-.045em}
.wb-hero__trust span{font-size:.73rem;line-height:1.45;color:var(--wb-muted)}
.wb-hero__trust-statement{display:block!important}
.wb-hero__trust-statement small{display:block;margin-bottom:9px;color:var(--wb-green);font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.wb-hero__trust-statement strong{display:block;max-width:720px;font-size:clamp(.98rem,1.2vw,1.32rem);line-height:1.35;letter-spacing:-.035em}


/* 03 · editorial service directory */
.wb-service-fit{padding:0 0 clamp(34px,3vw,48px);background:var(--wb-paper)}
.wb-service-fit__head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(54px,8vw,148px);align-items:end;padding:clamp(58px,6vw,96px)}
.wb-service-fit__head h2{max-width:840px;margin-top:16px}
.wb-service-fit__head .wb-serif{display:block;color:var(--wb-teal)}
.wb-service-fit__head>p{max-width:610px;padding-bottom:7px}
.wb-service-directory{display:grid;grid-template-columns:minmax(370px,.82fr) minmax(0,1.18fr);min-height:610px;border-top:1px solid var(--wb-line);border-bottom:1px solid var(--wb-line);background:#fff}
.wb-service-directory__nav{display:flex;flex-direction:column;border-right:1px solid var(--wb-line)}
.wb-service-trigger,
.wb-service-trigger:hover,
.wb-service-trigger:focus,
.wb-service-trigger:active,
.wb-service-trigger[aria-expanded="true"]{appearance:none;width:100%;min-height:152px;margin:0;padding:26px clamp(24px,3.1vw,48px);border:0;border-bottom:1px solid var(--wb-line);border-radius:0;background:#fff;background-image:none;box-shadow:none;color:var(--wb-ink);text-align:left;cursor:pointer;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;grid-template-rows:auto auto;column-gap:18px;align-content:center;font-family:var(--wb-sans);transition:background .28s var(--wb-ease),color .28s var(--wb-ease)}
.wb-service-trigger:last-child{border-bottom:0}
.wb-service-trigger>span{grid-row:1/3;padding-top:3px;color:var(--wb-green);font-size:.63rem;font-weight:800;letter-spacing:.08em}
.wb-service-trigger>strong{font-family:var(--wb-heading);font-size:clamp(1.22rem,1.55vw,1.78rem);line-height:1.1;letter-spacing:-.04em}
.wb-service-trigger>small{grid-column:2;margin-top:8px;color:var(--wb-muted);font-size:.76rem;line-height:1.45}
.wb-service-trigger>b{grid-column:3;grid-row:1/3;align-self:center;color:var(--wb-teal);font-size:1.1rem;font-weight:500;text-align:right;transition:transform .3s var(--wb-ease)}
.wb-service-trigger:hover{background:var(--wb-soft);color:var(--wb-ink)}
.wb-service-trigger.is-active,
.wb-service-trigger.is-active:hover,
.wb-service-trigger[aria-expanded="true"]{background:var(--wb-teal);color:#fff}
.wb-service-trigger.is-active>span,.wb-service-trigger.is-active>small,.wb-service-trigger.is-active>b{color:rgba(255,255,255,.7)}
.wb-service-trigger.is-active>b{transform:rotate(45deg)}
.wb-service-trigger:focus-visible{position:relative;z-index:2;outline:3px solid var(--wb-yellow);outline-offset:-4px}
.wb-service-directory__stage{display:grid;min-width:0;background:var(--wb-dark);color:#fff}
.wb-service-panel{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(46px,5.5vw,92px);opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity .32s var(--wb-ease),transform .42s var(--wb-ease),visibility 0s linear .42s}
.wb-service-panel[hidden]{display:flex}
.wb-service-panel.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.wb-service-panel__label{color:#a9ccc7!important;font-size:.62rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wb-service-panel h3{max-width:760px;margin-top:17px;color:#fff;font-size:clamp(2rem,3vw,3.55rem);line-height:1.02}
.wb-service-panel>p:not(.wb-service-panel__label){max-width:720px;margin-top:21px;color:rgba(255,255,255,.69);font-size:clamp(.9rem,1vw,1.06rem)}
.wb-service-panel__capabilities{margin-top:34px;padding:21px 0;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}
.wb-service-panel__capabilities small,.wb-service-panel__outcome small{color:#a9ccc7;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wb-service-panel__capabilities ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:13px!important;padding:0;list-style:none}
.wb-service-panel__capabilities li{position:relative;padding-left:13px;color:rgba(255,255,255,.88);font-size:.78rem}
.wb-service-panel__capabilities li:before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:#a9ccc7}
.wb-service-panel__outcome{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start;margin-top:23px}
.wb-service-panel__outcome p{color:rgba(255,255,255,.76);font-size:.83rem;line-height:1.55}
.wb-service-panel__links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:32px}
.wb-service-panel__links>a{display:inline-flex;align-items:center;gap:10px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.42);color:#fff;font-size:.72rem;font-weight:800}
.wb-service-panel__links>a:hover b{transform:translate(3px,-2px)}
.wb-service-panel__links>.wb-service-panel__local{border-bottom-color:rgba(169,204,199,.42);color:#c9e3de;font-size:.66rem}
.wb-service-fit__foot{display:inline-flex;gap:22px;align-items:center;margin:25px 0 0 clamp(24px,3vw,52px);padding:0 0 3px;border-bottom:1px solid var(--wb-line);color:var(--wb-ink)}
.wb-service-fit__foot span{font-family:var(--wb-heading);font-size:clamp(.9rem,1vw,1.04rem);font-weight:600;letter-spacing:-.03em}
.wb-service-fit__foot a{display:inline-flex;align-items:center;gap:9px;color:var(--wb-teal);font-size:.73rem;font-weight:800}
.wb-service-fit__foot a:hover b{transform:translate(3px,-2px)}



/* Home typography hierarchy across the service page. */
body.page-template-webbies-editorial .wb-seo-local-search-page h1{font-size:clamp(3.15rem,5.15vw,6.8rem);line-height:.94;letter-spacing:-.07em}
body.page-template-webbies-editorial .wb-seo-local-search-page h2{font-size:clamp(2.25rem,3.5vw,4.45rem);line-height:1.02}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy h1{font-size:clamp(3.05rem,4.05vw,5.45rem);line-height:.92;letter-spacing:-.068em}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy .wb-serif{display:block;margin-top:.08em;color:var(--wb-teal)}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-service-panel h3{font-size:clamp(2rem,3vw,3.55rem);line-height:1.02}

/* Stairlift Store case-study button treatment. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-cta{display:inline-flex;min-height:56px;align-items:center;justify-content:center;padding:14px 24px;border:1px solid var(--wb-teal);border-radius:0;background:var(--wb-teal);color:#fff!important;font-size:.88rem;font-weight:800;text-decoration:none;transition:.25s var(--wb-ease);box-shadow:none}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-cta::after{content:"↗";margin-left:18px}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-cta:hover{border-color:var(--wb-yellow);background:var(--wb-yellow);color:var(--wb-ink)!important;transform:translateY(-3px)}

/* Homepage compact-link treatment, including project links. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-link{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;color:inherit;font-size:.86rem;font-weight:750;text-decoration:none}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-link span{transition:transform .25s var(--wb-ease)}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-link:hover span{transform:translate(3px,-2px)}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy .wb-link{margin-top:22px}

@keyframes wbClientMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-994px,0,0)}}

@media(max-width:1180px){
  .wb-seo-local-search-page{--wb-inner:calc(100% - 64px)}
  .wb-hero__stage{min-height:740px}
  .wb-hero__copy{width:min(1050px,94%);margin-top:48px}
  .wb-hero__copy h1{font-size:clamp(3.05rem,4.45vw,4.8rem)}
  .wb-hero__current{height:430px;bottom:-42px}
  .wb-hero__client-track{grid-template-columns:repeat(4,minmax(0,1fr))}
  .wb-hero__client{min-height:92px}
  .wb-service-fit__head{grid-template-columns:1fr;gap:23px;padding:clamp(48px,6vw,76px)}
  .wb-service-fit__head>p{padding-bottom:0}
  .wb-service-directory{grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr)}
}
@media(max-width:900px){
  .wb-service-directory{grid-template-columns:1fr}
  .wb-service-directory__nav{border-right:0;border-bottom:1px solid var(--wb-line)}
  .wb-service-trigger{min-height:126px}
  .wb-service-directory__stage{min-height:570px}
}
@media(max-width:760px){
  .wb-seo-local-search-page{--wb-inner:calc(100% - 40px)}
  body.page-template-webbies-editorial .wb-seo-local-search-page h1{font-size:clamp(2.48rem,11.4vw,3.55rem)}
  body.page-template-webbies-editorial .wb-seo-local-search-page h2{font-size:clamp(2rem,9.2vw,3rem)}
  .wb-hero{min-height:0}
  .wb-hero__stage{min-height:650px;padding:16px 20px 0}
  .wb-hero__copy{width:100%;margin:14px 0 0;text-align:left}
  .wb-hero__copy>.wb-kicker{margin-bottom:13px;font-size:.62rem}
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy h1{max-width:12ch;font-size:clamp(2.28rem,10vw,3.2rem);line-height:.95;text-wrap:balance}
  .wb-hero__copy .wb-serif{margin-top:.12em}
  .wb-hero__copy>p{max-width:38rem;margin:18px 0 0;font-size:.89rem;line-height:1.52}
  .wb-hero__actions{justify-content:center;gap:14px;margin-top:22px}
  .wb-hero__actions .wb-cta{width:100%}
  .wb-hero__actions .wb-link{width:100%;justify-content:center;text-align:center}
  .wb-hero__current{right:-5%;left:-5%;height:292px;bottom:-5px}
  .wb-hero__ribbon-fallback{width:max(195%,760px);min-width:760px}
  .wb-hero__ribbon-canvas{width:max(195%,760px);min-width:760px}
  .wb-hero__current.is-flowing .wb-hero__ribbon-canvas{opacity:.94}
  .wb-hero__ribbon-fallback{opacity:.75}
  .wb-hero__clients{position:absolute;z-index:5;right:0;bottom:17px;left:0;display:block;height:88px;min-height:88px;overflow:hidden;border-top:0;background:transparent;backdrop-filter:none;pointer-events:none;contain:paint}
  .wb-hero__client-track{display:flex;width:max-content;min-height:88px;animation:wbClientMarquee 40s linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
  .wb-hero__client-group,.wb-hero__client-group--clone{display:flex;flex:0 0 994px;width:994px;min-width:994px}
  .wb-hero__client{display:flex;flex:0 0 142px;min-height:88px;padding:17px 6px}
  .wb-hero__client img{width:108px;max-width:108px;max-height:44px;opacity:.76}
  .wb-hero__client--medcare img,.wb-hero__client--stairlift img,.wb-hero__client--bricargo img{width:126px;max-width:126px;max-height:48px}
  .wb-service-fit{padding:0 0 30px}
  .wb-service-fit__head{width:auto;padding:48px 22px 36px;grid-template-columns:1fr;gap:20px}
  .wb-service-directory{display:block;min-height:0}
  .wb-service-directory__nav{border-bottom:0}
  .wb-service-trigger,.wb-service-trigger:hover,.wb-service-trigger:focus,.wb-service-trigger:active,.wb-service-trigger[aria-expanded="true"]{min-height:0;padding:22px;grid-template-columns:32px minmax(0,1fr) 24px;column-gap:12px}
  .wb-service-trigger>strong{font-size:1.13rem}
  .wb-service-trigger>small{font-size:.72rem}
  .wb-seo-local-search-page.wb-enhanced .wb-service-directory__stage{display:none}
  .wb-seo-local-search-page.wb-enhanced .wb-service-directory__nav>.wb-service-panel{display:flex;min-height:0;padding:34px 22px 39px;border-bottom:1px solid rgba(255,255,255,.15);background:var(--wb-dark);opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .wb-seo-local-search-page.wb-enhanced .wb-service-directory__nav>.wb-service-panel[hidden]{display:none}
  .wb-service-directory__stage{min-height:0}
  .wb-service-panel{padding:38px 22px}
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-service-panel h3{font-size:2rem}
  .wb-service-panel__capabilities ul{display:grid;gap:9px}
  .wb-service-panel__outcome{grid-template-columns:1fr;gap:8px}
  .wb-service-fit__foot{display:grid;width:auto;gap:9px;margin:22px 22px 0;padding:0 0 4px}
}
@media(prefers-reduced-motion:reduce){.wb-hero__client-track{animation:none!important}}



/* =========================================================
   V10.5.1 — EXACT WEB DESIGN HAMILTON OUTER SPACING + FOCUSED QA FIXES
   User-approved spacing contract. Do not use global spacing to repair
   component density; the founder gap is corrected inside that component.
   ========================================================= */

/* Homepage primary button treatment for the hero CTA only. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:13px 20px;
  border:0;
  border-radius:999px;
  background:var(--wb-yellow);
  color:var(--wb-ink)!important;
  font-size:.86rem;
  line-height:1.2;
  font-weight:750;
  text-decoration:none;
  transition:transform .28s var(--wb-ease),box-shadow .28s var(--wb-ease);
}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(16,24,23,.12);
}

/* Founder component: remove the artificial space-between gap between
   the heading and the first paragraph without changing outer page rhythm. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__copy{
  justify-content:flex-start;
}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__body{
  margin-top:clamp(34px,3vw,48px);
}

/* Desktop: exact approved Web Design Hamilton editorial contract. */
@media (min-width:1101px){
  body.page-template-webbies-editorial .wb-seo-local-search-page{
    --wb-editorial-gutter:clamp(22px,2.25vw,42px);
    --wb-editorial-top-space:clamp(24px,3vw,46px);
    --wb-editorial-section-gap:clamp(18px,1.7vw,28px);
    --wb-frame:min(1820px,calc(100vw - (var(--wb-editorial-gutter) * 2)));
    padding-top:var(--wb-editorial-top-space)!important;
    padding-bottom:var(--wb-editorial-section-gap)!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame{
    width:var(--wb-frame)!important;
    max-width:var(--wb-frame)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame:first-child{
    margin-top:0!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame + .wb-frame{
    margin-top:var(--wb-editorial-section-gap)!important;
  }
}

/* Tablet contract. */
@media (min-width:761px) and (max-width:1100px){
  body.page-template-webbies-editorial .wb-seo-local-search-page{
    --wb-frame:calc(100vw - 32px);
    --wb-editorial-section-gap:16px;
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame{
    width:var(--wb-frame)!important;
    max-width:var(--wb-frame)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame:first-child{
    margin-top:0!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame + .wb-frame{
    margin-top:16px!important;
  }
}

/* Mobile contract: 8px outer gutter and 8px frame gap. */
@media (max-width:760px){
  body.page-template-webbies-editorial .wb-seo-local-search-page{
    --wb-frame:calc(100vw - 16px);
    --wb-editorial-section-gap:8px;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame{
    width:var(--wb-frame)!important;
    max-width:var(--wb-frame)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame:first-child{
    margin-top:0!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame + .wb-frame{
    margin-top:8px!important;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__actions .wb-btn{
    width:100%;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__body{
    margin-top:28px;
  }
}

/* Final frame: no extra component/footer spacing beyond the page's one
   normal bottom gap defined above. */
body.page-template-webbies-editorial .wb-seo-local-search-page #wb-main > .wb-frame:last-child{
  margin-bottom:0!important;
  min-height:0;
}


/* Exact current Home FAQ family. */
.wb-questions{padding:clamp(68px,6.2vw,104px) 0;background:var(--wb-soft)}
.wb-questions__inner{width:var(--wb-inner);margin:0 auto}
.wb-questions__intro{position:static;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:clamp(54px,8vw,148px);align-items:end;margin-bottom:clamp(38px,4vw,62px)}
.wb-questions__intro h2{max-width:760px;margin-top:16px}
.wb-questions__intro .wb-serif{color:var(--wb-teal)}
.wb-questions__intro>p:last-child{max-width:520px;margin-top:0;padding-bottom:8px}
.wb-questions__list{border-top:1px solid var(--wb-line)}
.wb-questions__list details{border-bottom:1px solid var(--wb-line)}
.wb-questions__list summary,
.wb-questions__list summary:hover,
.wb-questions__list summary:focus,
.wb-questions__list summary:active{display:grid;grid-template-columns:1fr 34px;gap:22px;align-items:center;padding:21px 4px;list-style:none;border:0;border-radius:0;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--wb-ink)!important;cursor:pointer;font-family:var(--wb-heading);font-size:clamp(.98rem,1.08vw,1.14rem);font-weight:600;line-height:1.35;letter-spacing:-.025em;text-decoration:none!important}
.wb-questions__list summary::-webkit-details-marker{display:none}
.wb-questions__list summary span{color:var(--wb-teal);font-family:var(--wb-sans);font-size:1.08rem;font-weight:500;text-align:center;transition:transform .28s var(--wb-ease)}
.wb-questions__list details[open] summary span{transform:rotate(45deg)}
.wb-questions__list details[open]{background:transparent}
.wb-questions__list details p{max-width:1050px;padding:0 54px 23px 4px;color:var(--wb-muted);font-size:.87rem;line-height:1.65}
.wb-questions__list details p a{color:var(--wb-teal);font-weight:700;text-decoration:underline;text-decoration-color:var(--wb-line);text-underline-offset:4px}
.wb-questions__list summary:focus-visible{outline:3px solid var(--wb-yellow);outline-offset:3px}


/* SEO-specific hierarchy and link adaptation. */
.wb-seo-local-search-page{--wb-soft:#edf5f3;--wb-dark:#102825;--wb-inner:min(1480px,calc(100% - clamp(48px,7vw,136px)));}
body.page-template-webbies-editorial .wb-seo-local-search-page h1{font-size:clamp(3.15rem,5.15vw,6.8rem);line-height:.94;letter-spacing:-.07em}
body.page-template-webbies-editorial .wb-seo-local-search-page h2{font-size:clamp(2.25rem,3.5vw,4.45rem);line-height:1.02}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy h1{font-size:clamp(3.05rem,4.05vw,5.45rem);line-height:.92;letter-spacing:-.068em}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy .wb-link{margin-top:22px}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy .wb-link,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-projects__more .wb-link{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;color:inherit;font-size:.86rem;font-weight:750;text-decoration:none}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy .wb-link span,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-projects__more .wb-link span{transition:transform .25s var(--wb-ease)}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy .wb-link:hover span,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-projects__more .wb-link:hover span{transform:translate(3px,-2px)}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__copy{justify-content:flex-start}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__body{margin-top:clamp(34px,3vw,48px)}
@media(max-width:760px){
  .wb-seo-local-search-page{--wb-inner:calc(100% - 40px)}
  body.page-template-webbies-editorial .wb-seo-local-search-page h1{font-size:clamp(2.48rem,11.4vw,3.55rem)}
  body.page-template-webbies-editorial .wb-seo-local-search-page h2{font-size:clamp(2rem,9.2vw,3rem)}
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__body{margin-top:28px}
}

/* Current Home FAQ responsive behavior. */
@media(max-width:1100px){
  .wb-questions__intro{grid-template-columns:1fr;gap:22px}
  .wb-questions__intro>p:last-child{padding-bottom:0}
}
@media(max-width:760px){
  .wb-questions{padding:54px 0}
  .wb-questions__inner{width:calc(100% - 40px)}
  .wb-questions__intro{margin-bottom:31px}
  .wb-questions__list summary,
  .wb-questions__list summary:hover,
  .wb-questions__list summary:focus,
  .wb-questions__list summary:active{grid-template-columns:1fr 28px;gap:14px;padding:19px 2px;font-size:.96rem}
  .wb-questions__list details p{padding:0 32px 21px 2px;font-size:.84rem}
}


/* =========================================================
   V2.1.0 — WEB DESIGN & DEVELOPMENT REFERENCE FIDELITY
   Shared typography/spacing follows the user-approved Web Design & Development
   package. SEO-only numbered sections are compacted inside their components;
   the global frame rhythm is unchanged.
   ========================================================= */

/* Exact current Web Design & Development heading hierarchy. */
body.page-template-webbies-editorial .wb-seo-local-search-page h1{
  font-size:clamp(3.15rem,5.15vw,6.8rem);
  line-height:.94;
  letter-spacing:-.07em;
}
body.page-template-webbies-editorial .wb-seo-local-search-page h2{
  font-size:clamp(2.25rem,3.5vw,4.45rem);
  line-height:1.02;
}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy h1{
  font-size:clamp(3.05rem,4.05vw,5.45rem);
  line-height:.92;
  letter-spacing:-.068em;
}
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-service-panel h3{
  font-size:clamp(2rem,3vw,3.55rem);
  line-height:1.02;
}

/* Second section: use the Web Design service-section header rhythm, then a
   compact proof row instead of the previous oversized 4-column composition. */
.wb-seo-local-search-page .wb-seo-proof-band{
  display:block;
  padding:0 0 clamp(34px,3vw,48px);
  background:var(--wb-paper);
}
.wb-seo-local-search-page .wb-seo-proof-band__head{
  border:0;
}
.wb-seo-local-search-page .wb-seo-proof-band__head h2{
  max-width:840px;
  margin-top:16px;
  font-size:clamp(2.25rem,3.5vw,4.45rem)!important;
  line-height:1.02!important;
  font-weight:600!important;
  letter-spacing:-.05em!important;
}
.wb-seo-local-search-page .wb-seo-proof-band__head h2 .wb-serif{
  display:block;
  color:var(--wb-teal)!important;
  font-family:var(--wb-serif)!important;
  font-style:italic!important;
  font-weight:500!important;
}
.wb-seo-local-search-page .wb-seo-proof-band__head>p{
  max-width:610px;
  padding-bottom:7px;
  color:var(--wb-muted);
  font-size:1rem;
  line-height:1.65;
}
.wb-seo-local-search-page .wb-seo-proof-band__metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--wb-line);
  border-bottom:1px solid var(--wb-line);
  background:#fff;
}
.wb-seo-local-search-page .wb-seo-metric{
  min-height:236px;
  padding:clamp(30px,3.5vw,52px);
  border-right:1px solid var(--wb-line);
  border-bottom:0;
  background:#fff;
  transform:none;
}
.wb-seo-local-search-page .wb-seo-metric:last-child{border-right:0}
.wb-seo-local-search-page .wb-seo-metric:hover,
.wb-seo-local-search-page .wb-seo-metric:focus-visible{
  background:var(--wb-soft)!important;
  transform:none!important;
}
.wb-seo-local-search-page .wb-seo-metric strong{
  color:var(--wb-ink);
  font-family:var(--wb-heading);
  font-style:normal;
  font-weight:600;
  font-size:clamp(2.05rem,2.75vw,3.45rem);
  line-height:.98;
  letter-spacing:-.065em;
  white-space:nowrap;
}
.wb-seo-local-search-page .wb-seo-metric:first-child strong{
  color:var(--wb-orange);
  font-family:var(--wb-serif);
  font-style:italic;
  font-weight:500;
  letter-spacing:-.04em;
}
.wb-seo-local-search-page .wb-seo-metric span{
  max-width:320px;
  margin-top:16px;
  color:var(--wb-muted);
  font-size:.9rem;
  line-height:1.55;
}
.wb-seo-local-search-page .wb-seo-metric em{
  margin-top:20px;
  color:var(--wb-teal);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
}

/* Numbered SEO point sections: keep the same content, but use the quieter
   card-heading scale and density established by the Web Design page. */
.wb-seo-local-search-page .wb-seo-constraints__header{
  padding:clamp(46px,6vw,90px);
}
.wb-seo-local-search-page .wb-seo-constraint{
  min-height:270px;
  padding:clamp(30px,3.8vw,56px);
}
.wb-seo-local-search-page .wb-seo-constraint::before{
  width:64px;
  height:4px;
}
.wb-seo-local-search-page .wb-seo-constraint h3,
.wb-seo-local-search-page .wb-seo-scope__factors h3,
.wb-seo-local-search-page .wb-ledger-row__copy h3{
  margin-top:18px;
  font-size:clamp(1.22rem,1.55vw,1.78rem);
  line-height:1.12;
  letter-spacing:-.035em;
}
.wb-seo-local-search-page .wb-seo-constraint p,
.wb-seo-local-search-page .wb-seo-scope__factors p,
.wb-seo-local-search-page .wb-ledger-row__copy p{
  margin-top:14px;
  font-size:.9rem;
  line-height:1.62;
}
.wb-seo-local-search-page .wb-seo-scope__factors article{
  min-height:270px;
  padding:clamp(30px,3.8vw,56px);
}
.wb-seo-local-search-page .wb-ledger-row{
  gap:24px;
  padding:clamp(28px,3.3vw,48px) clamp(34px,5vw,78px);
}

/* Process component: explicit literal Web Design & Development type rhythm. */
.wb-seo-local-search-page .wb-process__header,
.wb-seo-local-search-page .wb-projects__header{
  padding:clamp(46px,6vw,90px);
}
.wb-seo-local-search-page .wb-process__header h2,
.wb-seo-local-search-page .wb-projects__header h2{
  max-width:1100px;
  margin-top:16px;
  font-size:clamp(2.25rem,3.5vw,4.45rem)!important;
  line-height:1.02!important;
}
.wb-seo-local-search-page .wb-process-step h3{
  max-width:720px;
  font-size:clamp(1.7rem,2.6vw,3.2rem);
  line-height:1.08;
}
.wb-seo-local-search-page .wb-process-step p{
  margin-top:18px;
  line-height:1.65;
}

/* Keep result metrics prominent without letting them overpower their project copy. */
.wb-seo-local-search-page .wb-seo-projects .wb-project__metric{
  font-size:clamp(2.15rem,3vw,3.85rem);
  line-height:.96;
}
.wb-seo-local-search-page .wb-project__copy h3{
  font-size:clamp(1.8rem,3vw,3.6rem);
  line-height:1.06;
}

@media(max-width:1180px){
  .wb-seo-local-search-page .wb-seo-proof-band__head{
    grid-template-columns:1fr;
    gap:23px;
    padding:clamp(48px,6vw,76px);
  }
  .wb-seo-local-search-page .wb-seo-proof-band__head>p{padding-bottom:0}
}

@media(max-width:900px){
  .wb-seo-local-search-page .wb-seo-proof-band__metrics{
    grid-template-columns:1fr;
  }
  .wb-seo-local-search-page .wb-seo-metric{
    min-height:0;
    border-right:0;
    border-bottom:1px solid var(--wb-line);
  }
  .wb-seo-local-search-page .wb-seo-metric:last-child{border-bottom:0}
}

@media(max-width:760px){
  body.page-template-webbies-editorial .wb-seo-local-search-page h1{
    font-size:clamp(2.48rem,11.4vw,3.55rem);
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page h2{
    font-size:clamp(2rem,9.2vw,3rem);
  }
  .wb-seo-local-search-page .wb-seo-proof-band{
    padding-bottom:30px;
  }
  .wb-seo-local-search-page .wb-seo-proof-band__head{
    padding:48px 22px 36px;
    gap:20px;
  }
  .wb-seo-local-search-page .wb-seo-proof-band__head h2{
    font-size:clamp(2rem,9.2vw,3rem)!important;
  }
  .wb-seo-local-search-page .wb-seo-proof-band__head>p{
    font-size:.9rem;
  }
  .wb-seo-local-search-page .wb-seo-metric{
    padding:28px 22px;
  }
  .wb-seo-local-search-page .wb-seo-metric strong{
    font-size:clamp(2rem,10vw,2.8rem);
  }
  .wb-seo-local-search-page .wb-seo-constraint,
  .wb-seo-local-search-page .wb-seo-scope__factors article{
    min-height:0;
    padding:30px 22px;
  }
  .wb-seo-local-search-page .wb-seo-constraint h3,
  .wb-seo-local-search-page .wb-seo-scope__factors h3,
  .wb-seo-local-search-page .wb-ledger-row__copy h3{
    font-size:1.18rem;
  }
  .wb-seo-local-search-page .wb-ledger-row{
    padding:28px 22px;
  }
  .wb-seo-local-search-page .wb-seo-process .wb-process-step{
    padding:38px 24px!important;
  }
  .wb-seo-local-search-page .wb-process-step h3{
    font-size:clamp(1.45rem,7vw,2rem);
  }
}


/* =========================================================
   V2.1.1 — HOME-SURFACE HERO + MOBILE CONTENT FIT
   Keep the approved Web Design & Development hero typography exactly.
   The longer SEO promise gets additional stage height on mobile instead of
   shrinking the type or allowing the ribbon/client rail to collide with copy.
   ========================================================= */

/* Match the homepage paper/white hero surface while retaining the pale canvas outside. */
.wb-seo-local-search-page .wb-hero,
.wb-seo-local-search-page .wb-hero__stage{
  background:#f8fcfb;
}
.wb-seo-local-search-page .wb-hero__stage{
  background-image:none;
}
.wb-seo-local-search-page .wb-hero__current::before{
  background:linear-gradient(180deg,
    rgba(248,252,251,0) 0%,
    rgba(248,252,251,0) 50%,
    rgba(248,252,251,.10) 78%,
    rgba(248,252,251,.22) 100%);
}
.wb-seo-local-search-page .wb-hero__current::after{
  background:linear-gradient(180deg,transparent,rgba(248,252,251,.14));
}

@media(max-width:760px){
  /* Same WDD mobile H1 scale; only the SEO-specific content capacity changes. */
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy h1{
    max-width:100%;
    font-size:clamp(2.28rem,10vw,3.2rem);
    line-height:.95;
    letter-spacing:-.068em;
    text-wrap:balance;
  }

  /* The SEO headline + explanatory paragraph are longer than WDD, so reserve a
     larger stage rather than compressing type or letting the ribbon overlap copy. */
  .wb-seo-local-search-page .wb-hero__stage{
    min-height:850px;
  }
}


/* =========================================================
   V2.1.2 — MOBILE HERO + PROOF SECTION VISUAL QA
   User-directed corrections after deployed 320px review.
   Global frame spacing and all unrelated components remain unchanged.
   ========================================================= */

/* Project footer becomes one compact dark reference strip, matching the
   visual language of the local-ranking guidance strip. */
.wb-seo-local-search-page .wb-seo-projects__more{
  display:block;
  border-top:1px solid rgba(255,255,255,.14);
  background:#0c1917;
}
.wb-seo-local-search-page .wb-seo-projects__more a,
.wb-seo-local-search-page .wb-seo-projects__more a:hover,
.wb-seo-local-search-page .wb-seo-projects__more a:focus,
.wb-seo-local-search-page .wb-seo-projects__more a:active{
  display:inline-flex;
  width:auto;
  min-height:0;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:20px clamp(36px,6vw,96px);
  border:0;
  background:transparent!important;
  color:var(--wb-yellow);
  font-size:.75rem;
  font-weight:750;
  line-height:1.45;
  text-decoration:none;
}
.wb-seo-local-search-page .wb-seo-projects__more a::after{content:none}
.wb-seo-local-search-page .wb-seo-projects__more a span{
  transition:transform .25s var(--wb-ease);
}
.wb-seo-local-search-page .wb-seo-projects__more a:hover span,
.wb-seo-local-search-page .wb-seo-projects__more a:focus-visible span{
  transform:translate(3px,-2px);
}

@media(max-width:760px){
  /* Remove the artificial empty mobile band between the hero actions and ribbon.
     Keep the approved WDD type scale; only reduce SEO's previously oversized stage. */
  .wb-seo-local-search-page .wb-hero__stage{
    min-height:750px;
  }

  /* Compact the proof intro. Its long disclaimer copy should not consume an
     entire phone screen before the first actual evidence item. */
  .wb-seo-local-search-page .wb-projects__header{
    padding:32px 22px 26px!important;
    text-align:left;
  }
  .wb-seo-local-search-page .wb-projects__header h2{
    max-width:100%;
    margin-top:12px;
    font-size:clamp(1.95rem,8.8vw,2.7rem)!important;
    line-height:1.01!important;
    text-align:left;
  }
  .wb-seo-local-search-page .wb-projects__header>p:last-child{
    max-width:100%;
    margin-top:17px;
    font-size:.86rem;
    line-height:1.55;
    text-align:left;
  }

  /* Mobile proof cards must stay inside the frame. Explicitly clear desktop
     sizing assumptions and allow text/links to wrap instead of clipping. */
  .wb-seo-local-search-page .wb-seo-projects .wb-project,
  .wb-seo-local-search-page .wb-seo-projects .wb-project--reverse{
    width:100%;
    min-width:0;
    grid-template-columns:minmax(0,1fr)!important;
    overflow:hidden;
  }
  .wb-seo-local-search-page .wb-seo-projects .wb-project__image,
  .wb-seo-local-search-page .wb-seo-projects .wb-project__image--proof{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    padding:14px!important;
    overflow:hidden!important;
  }
  .wb-seo-local-search-page .wb-proof-media,
  .wb-seo-local-search-page .wb-proof-media--single,
  .wb-seo-local-search-page .wb-proof-media figure,
  .wb-seo-local-search-page .wb-proof-media img{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .wb-seo-local-search-page .wb-project__copy{
    width:100%;
    min-width:0;
    padding:30px 22px;
    overflow:hidden;
  }
  .wb-seo-local-search-page .wb-project__copy p,
  .wb-seo-local-search-page .wb-project__copy h3,
  .wb-seo-local-search-page .wb-project__copy .wb-link{
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy .wb-link{
    display:inline-flex;
    width:auto;
    max-width:100%;
    white-space:normal;
    line-height:1.45;
  }

  .wb-seo-local-search-page .wb-seo-projects__more a,
  .wb-seo-local-search-page .wb-seo-projects__more a:hover,
  .wb-seo-local-search-page .wb-seo-projects__more a:focus,
  .wb-seo-local-search-page .wb-seo-projects__more a:active{
    width:100%;
    padding:18px 22px;
    border:0;
  }
}


/* =========================================================
   V2.1.3 — MOBILE PROOF IMAGE FIT + HERO TIGHTENING + WHITE WORK STRIP
   Narrow, user-directed QA fixes only.
   ========================================================= */

/* The single Explore more work row stays visually quiet on white, like the
   compact homepage/service-page text-link treatment rather than a dark band. */
.wb-seo-local-search-page .wb-seo-projects__more{
  border-top:1px solid var(--wb-line)!important;
  background:#fff!important;
}
.wb-seo-local-search-page .wb-seo-projects__more a,
.wb-seo-local-search-page .wb-seo-projects__more a:hover,
.wb-seo-local-search-page .wb-seo-projects__more a:focus,
.wb-seo-local-search-page .wb-seo-projects__more a:active{
  color:var(--wb-ink)!important;
  background:transparent!important;
}
.wb-seo-local-search-page .wb-seo-projects__more a:hover,
.wb-seo-local-search-page .wb-seo-projects__more a:focus-visible{
  background:var(--wb-paper-soft)!important;
}

@media(max-width:760px){
  /* Pull the ribbon/client field upward again. Typography and action spacing
     remain unchanged; only the reserved stage height is reduced. */
  .wb-seo-local-search-page .wb-hero__stage{
    min-height:700px!important;
  }

  /* Earlier project rules imposed a square aspect ratio on every project image.
     Proof media can contain multiple stacked screenshots, so on mobile it must
     return to natural content height instead of being clipped at the bottom. */
  .wb-seo-local-search-page .wb-seo-projects .wb-project__image--proof{
    aspect-ratio:auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    align-self:stretch!important;
  }
  .wb-seo-local-search-page .wb-seo-projects .wb-proof-media,
  .wb-seo-local-search-page .wb-seo-projects .wb-proof-media--single{
    height:auto!important;
    max-height:none!important;
    align-content:start!important;
  }
  .wb-seo-local-search-page .wb-seo-projects .wb-proof-media figure{
    height:auto!important;
    max-height:none!important;
  }
  .wb-seo-local-search-page .wb-seo-projects .wb-proof-media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
  }
}


/* =========================================================
   V2.1.4 — DESKTOP HERO RIBBON BREATHING ROOM
   Desktop only. Match the more generous homepage hero composition without
   changing typography, ribbon geometry, mobile/tablet behavior or any section below.
   ========================================================= */
@media (min-width:1101px){
  .wb-seo-local-search-page .wb-hero__stage{
    min-height:clamp(800px,86vh,960px);
  }
}


/* =========================================================
   V2.1.5 — EXACT HOME TYPOGRAPHY FIDELITY
   Typography-only update from the user-supplied current Home package.
   Preserve all approved SEO layouts, spacing, ribbon geometry, proof media,
   interactions and responsive structure. Only type size/line-height and the
   hero supporting-copy colour are aligned to Home.
   ========================================================= */

/* Exact Home hero supporting-copy treatment. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy > p{
  color:var(--wb-muted);
  font-size:clamp(1rem,1.08vw,1.2rem);
  line-height:1.62;
}

/* Home major-heading scale across all SEO section propositions. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-proof-band__head h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-constraints__header h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-service-fit__head h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-process__header h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-technical-ledger__header h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-projects__header h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-scope__intro h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__title,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-answers__intro h2,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-questions__intro h2{
  font-size:clamp(2.25rem,3.5vw,4.45rem)!important;
  line-height:1.02!important;
}

/* Home base H3 scale for compact numbered/supporting points. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-constraint h3,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-scope__factors h3,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-ledger-row__copy h3,
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-answer h3{
  font-size:clamp(1.18rem,1.55vw,1.8rem)!important;
  line-height:1.12!important;
}

/* Home approach-step scale for the connected SEO process. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-process-step h3{
  font-size:clamp(1.3rem,1.7vw,1.95rem)!important;
  line-height:1.08!important;
}

/* Home selected-work project-title scale for SEO proof projects. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy h3{
  font-size:clamp(1.55rem,1.9vw,2.3rem)!important;
  line-height:1.12!important;
}

/* The capability-stage headline already corresponds to Home's service panel. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-service-panel h3{
  font-size:clamp(2rem,3vw,3.55rem)!important;
  line-height:1.02!important;
}

@media(max-width:760px){
  /* Exact Home mobile supporting paragraph treatment. */
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy > p{
    color:var(--wb-muted);
    font-size:.89rem;
    line-height:1.52;
  }

  /* Exact Home mobile major H2 scale. */
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-proof-band__head h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-constraints__header h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-service-fit__head h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-process__header h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-technical-ledger__header h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-projects__header h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-scope__intro h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-founder__title,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-answers__intro h2,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-questions__intro h2{
    font-size:clamp(2rem,9.2vw,3rem)!important;
    line-height:1.02!important;
  }

  /* Home mobile compact heading hierarchy. */
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-constraint h3,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-seo-scope__factors h3,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-ledger-row__copy h3,
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-answer h3{
    font-size:clamp(1.18rem,5.5vw,1.55rem)!important;
    line-height:1.12!important;
  }

  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-process-step h3{
    font-size:clamp(1.3rem,6.1vw,1.7rem)!important;
    line-height:1.08!important;
  }

  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-project__copy h3{
    font-size:clamp(1.55rem,7vw,2.05rem)!important;
    line-height:1.12!important;
  }

  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-service-panel h3{
    font-size:2rem!important;
    line-height:1.02!important;
  }
}


/* V2.1.7 — make the cross-service route use the same bottom-strip rhythm as the
   approved "Need stronger search visibility? / Request an SEO review" treatment. */
.wb-seo-local-search-page .wb-seo-constraints__footer{
  padding:1px 0 clamp(34px,3vw,48px);
  background:var(--wb-paper);
}
.wb-seo-local-search-page .wb-seo-constraints__footer .wb-service-fit__foot{
  margin-top:25px;
}
@media (max-width:700px){
  .wb-seo-local-search-page .wb-seo-constraints__footer{
    padding:1px 0 30px;
  }
  .wb-seo-local-search-page .wb-seo-constraints__footer .wb-service-fit__foot{
    margin:22px 22px 0;
  }
}

/* V2.1.8 — complete the 01–04 constraint grid border before the cross-service strip. */
.wb-seo-local-search-page .wb-seo-constraint:nth-last-child(-n+2){
  border-bottom:1px solid var(--wb-line);
}
@media (max-width:700px){
  .wb-seo-local-search-page .wb-seo-constraint:last-child{
    border-bottom:1px solid var(--wb-line);
  }
}


/* V2.1.9 — hero eyebrow copied literally from the approved Home hero.
   No other typography, spacing, ribbon, section or runtime changes. */
body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy > .wb-kicker{
  max-width:none;
  margin:0 0 15px;
  color:var(--wb-teal);
  font-size:.72rem;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
}
@media(max-width:760px){
  body.page-template-webbies-editorial .wb-seo-local-search-page .wb-hero__copy > .wb-kicker{
    margin-bottom:13px;
    font-size:.62rem;
    line-height:1.2;
    font-weight:750;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
}