/* Webbies Oakville v2.0.0 — adapted from verified v1.1.1; page-scoped. */
.wb-oakville-page{--wb-ink:#101817;
  --wb-muted:#687775;
  --wb-canvas:#e2efee;
  --wb-paper:#f8fcfb;
  --wb-soft:#edf5f3;
  --wb-line:#c1d8d4;
  --wb-teal:#365f5c;
  --wb-dark:#102825;
  --wb-green:#629491;
  --wb-orange:#e85c33;
  --wb-blue:#428eff;
  --wb-yellow:#ffc640;
  --wb-heading:"Montserrat Alternates","Inter",Arial,sans-serif;
  --wb-sans:"Inter",Arial,sans-serif;
  --wb-serif:"Lora",Georgia,serif;
  --wb-inner:min(1480px,calc(100% - clamp(48px,7vw,136px)));
  --wb-radius:18px;
  --wb-ease:cubic-bezier(.22,1,.36,1);
  width:100%;
  overflow:clip;
  color:var(--wb-ink);
  background:var(--wb-canvas);
  font-family:var(--wb-sans);}
.wb-oakville-page,.wb-oakville-page *,.wb-oakville-page *::before,.wb-oakville-page *::after{box-sizing:border-box}
.wb-oakville-page :where(h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}
.wb-oakville-page :where(ol,ul){margin:0}
.wb-oakville-page a{color:inherit;text-decoration:none}
.wb-oakville-page img,.wb-oakville-page svg{display:block;max-width:100%}
.wb-oakville-page button{color:inherit;font:inherit}
.wb-oakville-page .wb-skip{position:fixed;top:-120px;left:12px;z-index:99999;padding:10px 14px;border-radius:8px;background:var(--wb-ink);color:#fff;font-weight:700}
.wb-oakville-page .wb-skip:focus{top:12px}
.wb-oakville-page :where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--wb-yellow);outline-offset:3px}
.wb-oakville-page .wb-frame{overflow:clip;border:1px solid var(--wb-line);border-radius:var(--wb-radius);background:var(--wb-paper);box-shadow:0 18px 60px rgba(33,92,82,.035)}
.wb-oakville-page .wb-kicker{color:var(--wb-green);font-size:.72rem;line-height:1.2;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.wb-oakville-page h1,.wb-oakville-page h2,.wb-oakville-page h3,.wb-oakville-page h4{font-family:var(--wb-heading);font-weight:600;letter-spacing:-.05em;text-wrap:balance}
.wb-oakville-page h1{font-size:clamp(3.05rem,4.05vw,5.45rem);line-height:.92;letter-spacing:-.068em}
.wb-oakville-page h2{font-size:clamp(2.25rem,3.5vw,4.45rem);line-height:1.02}
.wb-oakville-page h3{font-size:clamp(1.18rem,1.55vw,1.8rem);line-height:1.12}
.wb-oakville-page p{font-size:1rem;line-height:1.68;color:var(--wb-muted)}
.wb-oakville-page .wb-serif{font-family:var(--wb-serif);font-style:italic;font-weight:500;font-size:inherit;line-height:inherit;letter-spacing:-.045em;color:var(--wb-teal)}
.wb-oakville-page .wb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:999px;background:var(--wb-yellow);color:var(--wb-ink);font-size:.86rem;line-height:1.2;font-weight:750;transition:transform .28s var(--wb-ease),box-shadow .28s var(--wb-ease)}
.wb-oakville-page .wb-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,23,.12)}
.wb-oakville-page .wb-link{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:750}
.wb-oakville-page .wb-link b{transition:transform .25s var(--wb-ease)}
.wb-oakville-page .wb-link:hover b{transform:translate(3px,-2px)}
.wb-oakville-page .wb-hero-regional{background:var(--wb-paper)}
.wb-oakville-page .wb-hero-regional__grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);min-height:720px}
.wb-oakville-page .wb-hero-regional__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(58px,6.5vw,116px)}
.wb-oakville-page .wb-hero-regional__copy h1{max-width:1050px;margin-top:18px}
.wb-oakville-page .wb-hero-regional__copy h1 .wb-serif{display:block}
.wb-oakville-page .wb-hero-regional__intro{max-width:820px;margin-top:28px;font-size:clamp(1rem,1.12vw,1.2rem)!important;line-height:1.64!important}
.wb-oakville-page .wb-hero-regional__truth{max-width:820px;margin-top:17px!important;font-size:.82rem!important;line-height:1.6!important}
.wb-oakville-page .wb-hero-regional__actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 25px;margin-top:31px}
.wb-oakville-page .wb-hero-regional__visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(34px,4vw,72px);overflow:hidden;background:radial-gradient(circle at 16% 12%,rgba(201,227,222,.18),transparent 30%),linear-gradient(145deg,#315b57 0%,#1b403c 58%,#102825 100%);color:#fff}
.wb-oakville-page .wb-hero-regional__visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}
.wb-oakville-page .wb-hero-regional__visual::after{content:"";position:absolute;right:-15%;bottom:-18%;width:58%;aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 82px rgba(255,255,255,.018);pointer-events:none}
.wb-oakville-page .wb-system-card{position:relative;z-index:1;width:min(100%,600px);padding:18px;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(248,252,251,.96);color:var(--wb-ink);box-shadow:0 30px 80px rgba(5,25,22,.3);transform:none}
.wb-oakville-page .wb-system-card__top{display:flex;justify-content:space-between;gap:20px;padding:4px 4px 15px;border-bottom:1px solid var(--wb-line);color:var(--wb-teal);font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wb-oakville-page .wb-system-card__top span:first-child{display:flex;align-items:center;gap:9px}
.wb-oakville-page .wb-system-card__top span:first-child::before{content:"";width:25px;height:7px;background:radial-gradient(circle at 3px 50%,var(--wb-orange) 0 2px,transparent 2.5px),radial-gradient(circle at 12px 50%,var(--wb-yellow) 0 2px,transparent 2.5px),radial-gradient(circle at 21px 50%,var(--wb-green) 0 2px,transparent 2.5px)}
.wb-oakville-page .wb-system-card__core{position:relative;display:flex;align-items:flex-end;width:100%;height:245px;margin:14px 0;padding:25px;overflow:hidden;border:0;border-radius:13px;background:linear-gradient(145deg,#102825,#365f5c 72%,#47736f);box-shadow:none;color:#fff;font-family:var(--wb-heading);font-size:clamp(1.45rem,2vw,2.15rem);line-height:.98;letter-spacing:-.055em;text-align:left}
.wb-oakville-page .wb-system-card__core::before{content:"";position:absolute;top:24px;right:112px;left:24px;height:116px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:linear-gradient(90deg,var(--wb-yellow) 0 24%,transparent 24%) 18px 20px/54% 6px no-repeat,linear-gradient(90deg,rgba(255,255,255,.92) 0 78%,transparent 78%) 18px 41px/72% 11px no-repeat,linear-gradient(90deg,rgba(255,255,255,.24) 0 100%) 18px 64px/42% 4px no-repeat,linear-gradient(90deg,rgba(255,255,255,.15) 0 100%) 18px 78px/58% 4px no-repeat,rgba(255,255,255,.055)}
.wb-oakville-page .wb-system-card__core::after{content:"";position:absolute;top:38px;right:25px;width:70px;height:136px;border:5px solid #eef7f5;border-radius:13px;background:linear-gradient(var(--wb-yellow),var(--wb-yellow)) 10px 18px/28px 5px no-repeat,linear-gradient(rgba(16,40,37,.7),rgba(16,40,37,.7)) 10px 34px/43px 7px no-repeat,linear-gradient(rgba(54,95,92,.24),rgba(54,95,92,.24)) 10px 54px/45px 40px no-repeat,#fff;box-shadow:0 12px 24px rgba(7,26,23,.22)}
.wb-oakville-page .wb-system-card__routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.wb-oakville-page .wb-system-card__routes span{display:grid;gap:5px;min-width:0;padding:12px 10px;border:1px solid var(--wb-line);border-radius:9px;background:var(--wb-soft);color:var(--wb-ink);font-size:.62rem;font-weight:750;line-height:1.3}
.wb-oakville-page .wb-system-card__routes small{color:var(--wb-green);font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wb-oakville-page .wb-system-card__foot{display:flex;justify-content:space-between;gap:20px;margin-top:14px;padding:14px 4px 2px;border-top:1px solid var(--wb-line);font-size:.58rem;font-weight:700;color:var(--wb-muted)}
.wb-oakville-page .wb-hero-regional__support{display:block;flex-wrap:wrap;gap:8px 18px;max-width:820px;margin-top:20px!important;color:var(--wb-teal)!important;font-size:.8rem!important;font-weight:750;line-height:1.45!important;letter-spacing:.025em}
.wb-oakville-page .wb-service-fit{padding:0 0 clamp(34px,3vw,48px);background:var(--wb-paper)}
.wb-oakville-page .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-oakville-page .wb-service-fit__head h2{max-width:880px;margin-top:16px}
.wb-oakville-page .wb-service-fit__head .wb-serif{display:block;color:var(--wb-teal)}
.wb-oakville-page .wb-service-fit__head>p{max-width:650px;padding-bottom:7px}
.wb-oakville-page .wb-service-directory{display:grid;grid-template-columns:minmax(370px,.82fr) minmax(0,1.18fr);min-height:0;border-top:1px solid var(--wb-line);border-bottom:1px solid var(--wb-line);background:#fff}
.wb-oakville-page .wb-service-directory__nav{display:flex;flex-direction:column;border-right:1px solid var(--wb-line)}
.wb-oakville-page .wb-service-trigger,.wb-oakville-page .wb-service-trigger:hover,.wb-oakville-page .wb-service-trigger:focus,.wb-oakville-page .wb-service-trigger:active,.wb-oakville-page .wb-service-trigger[aria-expanded="true"]{appearance:none;width:100%;min-height:128px;margin:0;padding:24px 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-oakville-page .wb-service-trigger:last-of-type{border-bottom:0}
.wb-oakville-page .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-oakville-page .wb-service-trigger>strong{font-family:var(--wb-heading);font-size:clamp(1.12rem,1.38vw,1.6rem);line-height:1.12;letter-spacing:-.04em;grid-column:2;grid-row:1/3}
.wb-oakville-page .wb-service-trigger>small{grid-column:2;margin-top:7px;color:var(--wb-muted);font-size:.72rem;line-height:1.42}
.wb-oakville-page .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-oakville-page .wb-service-trigger:hover{background:var(--wb-soft);color:var(--wb-ink)}
.wb-oakville-page .wb-service-trigger.is-active,.wb-oakville-page .wb-service-trigger.is-active:hover,.wb-oakville-page .wb-service-trigger[aria-expanded="true"]{background:var(--wb-teal);color:#fff}
.wb-oakville-page .wb-service-trigger.is-active>span,.wb-oakville-page .wb-service-trigger.is-active>small,.wb-oakville-page .wb-service-trigger.is-active>b{color:rgba(255,255,255,.72)}
.wb-oakville-page .wb-service-trigger.is-active>b{transform:rotate(45deg)}
.wb-oakville-page .wb-service-trigger:focus-visible{position:relative;z-index:2;outline:3px solid var(--wb-yellow);outline-offset:-4px}
.wb-oakville-page .wb-service-directory__stage{display:grid;min-width:0;background:var(--wb-dark);color:#fff}
.wb-oakville-page .wb-service-panel{min-width:0;padding:clamp(44px,5vw,88px);border-bottom:1px solid rgba(255,255,255,.12);background:var(--wb-dark)}
.wb-oakville-page .wb-service-directory.is-service-ready .wb-service-directory__stage .wb-service-panel{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;border-bottom:0;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-oakville-page .wb-service-directory.is-service-ready .wb-service-directory__stage .wb-service-panel.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.wb-oakville-page .wb-service-panel__label{color:#a9ccc7!important;font-size:.62rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wb-oakville-page .wb-service-panel h3{max-width:760px;margin-top:17px;color:#fff;font-size:clamp(1.55rem,2.15vw,2.6rem);line-height:1.08}
.wb-oakville-page .wb-service-panel>p:not(.wb-service-panel__label){max-width:760px;margin-top:21px;color:rgba(255,255,255,.7);font-size:clamp(.9rem,1vw,1.04rem)}
.wb-oakville-page .wb-packages{padding:clamp(64px,6vw,102px) 0;background:var(--wb-soft)}
.wb-oakville-page .wb-packages__inner{width:var(--wb-inner);margin:0 auto}
.wb-oakville-page .wb-packages__head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(54px,8vw,148px);align-items:end}
.wb-oakville-page .wb-packages__head h2{max-width:850px;margin-top:16px;font-size:clamp(1.9rem,2.25vw,2.9rem);line-height:1.06}
.wb-oakville-page .wb-packages__head>p{max-width:620px;padding-bottom:7px}
.wb-oakville-page .wb-operations{background:var(--wb-paper)}
.wb-oakville-page .wb-operations__head{padding:clamp(58px,6vw,94px) clamp(48px,6vw,108px)}
.wb-oakville-page .wb-operations__head h2{max-width:980px;margin-top:16px}
.wb-oakville-page .wb-operations__head>p{max-width:850px;margin-top:23px}
.wb-oakville-page .wb-approach{display:grid;grid-template-columns:minmax(390px,.82fr) minmax(0,1.18fr);padding:0;background:var(--wb-teal);color:#fff}
.wb-oakville-page .wb-approach__statement{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:clamp(58px,6vw,102px);background:radial-gradient(circle at 10% 0,rgba(255,255,255,.08),transparent 34%),var(--wb-teal)}
.wb-oakville-page .wb-approach__statement .wb-kicker{color:#a9ccc7}
.wb-oakville-page .wb-approach__statement h2{max-width:700px;margin-top:17px;color:#fff}
.wb-oakville-page .wb-approach__statement .wb-serif{display:block;color:#c9e3de}
.wb-oakville-page .wb-approach__statement>p:not(.wb-kicker){max-width:620px;margin-top:24px;color:rgba(255,255,255,.72)}
.wb-oakville-page .wb-approach__statement .wb-btn{align-self:flex-start;margin-top:30px}
.wb-oakville-page .wb-approach__system{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(42px,5vw,86px);background:var(--wb-paper);color:var(--wb-ink)}
.wb-oakville-page .wb-approach__steps{padding:0;list-style:none;border-top:1px solid var(--wb-line);margin-top:34px!important}
.wb-oakville-page .wb-approach__steps li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;padding:28px 3px;border-bottom:1px solid var(--wb-line)}
.wb-oakville-page .wb-approach__steps li>span{padding-top:5px;color:var(--wb-green);font-size:.64rem;font-weight:800}
.wb-oakville-page .wb-approach__steps h3{font-size:clamp(1.3rem,1.7vw,1.95rem)}
.wb-oakville-page .wb-approach__steps p{max-width:740px;margin-top:9px;font-size:.86rem}
.wb-oakville-page .wb-region-proof{position:relative;isolation:isolate;background:#102825!important;color:#fff!important;opacity:1!important;visibility:visible!important}
.wb-oakville-page .wb-region-proof::before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.wb-oakville-page .wb-region-proof__inner{position:relative;z-index:1;width:var(--wb-inner);margin:0 auto;padding:clamp(70px,6.2vw,106px) 0 clamp(64px,5.7vw,96px);opacity:1!important;visibility:visible!important}
.wb-oakville-page .wb-region-proof .wb-kicker{color:#a9ccc7!important}
.wb-oakville-page .wb-region-proof :where(h2,h3,h4,strong,a){color:#fff!important}
.wb-oakville-page .wb-region-proof .wb-proof__head>p,.wb-oakville-page .wb-region-proof .wb-proof-showcase__note{color:rgba(255,255,255,.66)!important}
.wb-oakville-page .wb-proof__head{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:clamp(48px,7vw,128px);align-items:end}
.wb-oakville-page .wb-proof__head h2{max-width:900px;margin-top:14px;color:#fff;font-size:clamp(2.35rem,3.35vw,4.25rem);line-height:.99}
.wb-oakville-page .wb-proof__head h2 .wb-serif{display:block;color:#c9e3de}
.wb-oakville-page .wb-proof__head>p{max-width:650px;padding-bottom:5px;color:rgba(255,255,255,.68)}
.wb-oakville-page .wb-proof-showcase{margin-top:clamp(48px,4.7vw,74px)}
.wb-oakville-page .wb-proof-showcase__note{max-width:720px;margin-top:16px!important;color:rgba(255,255,255,.62)!important;font-size:.86rem!important;line-height:1.55!important}
.wb-oakville-page .wb-proof-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:38px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}
.wb-oakville-page .wb-proof-tabs button{position:relative;display:grid;gap:13px;min-height:88px;padding:17px 16px;font-family:var(--wb-heading);font-size:clamp(.74rem,.86vw,.96rem);line-height:1.25;font-weight:600;color:rgba(255,255,255,.58);transition:background .3s ease,color .3s ease}
.wb-oakville-page .wb-proof-tabs button+button{border-left:1px solid rgba(255,255,255,.16)}
.wb-oakville-page .wb-proof-tabs button::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:3px;background:var(--wb-yellow);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--wb-ease)}
.wb-oakville-page .wb-proof-tabs button span{font-family:var(--wb-sans);font-size:.53rem;font-weight:800;letter-spacing:.1em;color:#8eb7b0}
.wb-oakville-page .wb-proof-tabs button:hover,.wb-oakville-page .wb-proof-tabs button.is-active{background:rgba(255,255,255,.055);color:#fff}
.wb-oakville-page .wb-proof-tabs button.is-active::after{transform:scaleX(1)}
.wb-oakville-page .wb-proof-stage{margin-top:16px}
.wb-oakville-page .wb-proof-scene{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:560px;margin-top:14px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#173633}
.wb-oakville-page .wb-proof-showcase.is-proof-ready .wb-proof-scene{display:none;margin-top:0}
.wb-oakville-page .wb-proof-showcase.is-proof-ready .wb-proof-scene.is-active{display:grid}
.wb-oakville-page .wb-proof-scene__media{display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(18px,2vw,32px);overflow:hidden;background:linear-gradient(145deg,#e8f2f0,#d7e7e4)}
.wb-oakville-page .wb-proof-scene__media img{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 18px 46px rgba(16,40,37,.16)}
.wb-oakville-page .wb-proof-scene__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,3.7vw,58px);background:linear-gradient(145deg,var(--wb-teal),#183c38)}
.wb-oakville-page .wb-proof-scene__copy>span{color:#b9d8d1;font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.wb-oakville-page .wb-proof-scene__copy h3{max-width:520px;margin-top:18px;color:#fff;font-size:clamp(1.75rem,2.35vw,3rem);line-height:1.04}
.wb-oakville-page .wb-proof-story{display:grid;margin-top:23px;border-top:0}
.wb-oakville-page .wb-proof__project-link{display:flex;justify-content:space-between;align-items:center;margin-top:23px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);font-size:.83rem;font-weight:800;letter-spacing:0;text-transform:none;color:#fff}
.wb-oakville-page .wb-accountable{display:block;padding:clamp(64px,6vw,98px) clamp(44px,6.5vw,118px);background:var(--wb-paper)}
.wb-oakville-page .wb-accountable__inner{width:min(1260px,100%);margin:0 auto}
.wb-oakville-page .wb-accountable__intro{display:grid;grid-template-columns:minmax(0,1fr) 118px;column-gap:clamp(34px,5vw,76px);align-items:end}
.wb-oakville-page .wb-accountable__intro>.wb-kicker,.wb-oakville-page .wb-accountable__intro>h2,.wb-oakville-page .wb-accountable__intro>p:not(.wb-kicker){grid-column:1}
.wb-oakville-page .wb-accountable__intro h2{max-width:960px;margin-top:17px}
.wb-oakville-page .wb-accountable__intro .wb-serif{display:block;color:var(--wb-teal)}
.wb-oakville-page .wb-accountable__intro>p:not(.wb-kicker){max-width:860px;margin-top:25px;font-size:clamp(.98rem,1.1vw,1.15rem)}
.wb-oakville-page .wb-accountable__founder{grid-column:2;grid-row:1/4;align-self:end;text-align:center}
.wb-oakville-page .wb-accountable__founder img{width:96px;height:96px;margin:0 auto;border:3px solid #fff;border-radius:50%;box-shadow:0 10px 28px rgba(12,28,37,.12);object-fit:cover}
.wb-oakville-page .wb-accountable__founder figcaption{display:grid;gap:2px;margin-top:10px;color:var(--wb-muted);font-size:.58rem;line-height:1.3}
.wb-oakville-page .wb-accountable__founder strong{font-family:var(--wb-heading);font-size:.7rem;letter-spacing:-.02em;color:var(--wb-ink)}
.wb-oakville-page .wb-accountable__founder span{text-transform:uppercase;letter-spacing:.06em}
.wb-oakville-page .wb-questions{padding:clamp(68px,6.2vw,104px) 0;background:var(--wb-soft)}
.wb-oakville-page .wb-questions__inner{width:var(--wb-inner);margin:0 auto}
.wb-oakville-page .wb-questions__intro{display:grid;grid-template-columns:1fr;gap:clamp(54px,8vw,148px);align-items:end;margin-bottom:clamp(38px,4vw,62px)}
.wb-oakville-page .wb-questions__intro h2{max-width:800px;margin-top:16px}
.wb-oakville-page .wb-questions__intro .wb-serif{color:var(--wb-teal)}
.wb-oakville-page .wb-questions__intro>p:last-child{max-width:550px;padding-bottom:8px}
.wb-oakville-page .wb-questions__list{border-top:1px solid var(--wb-line)}
.wb-oakville-page .wb-questions__list details{border-bottom:1px solid var(--wb-line)}
.wb-oakville-page .wb-questions__list summary,.wb-oakville-page .wb-questions__list summary:hover,.wb-oakville-page .wb-questions__list summary:focus,.wb-oakville-page .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-oakville-page .wb-questions__list summary::-webkit-details-marker{display:none}
.wb-oakville-page .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-oakville-page .wb-questions__list details[open] summary span{transform:rotate(45deg)}
.wb-oakville-page .wb-questions__list details p{max-width:1080px;padding:0 54px 23px 4px;color:var(--wb-muted);font-size:.87rem;line-height:1.65}
.wb-oakville-page .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-oakville-page .wb-next{position:relative;padding:clamp(62px,6vw,98px) clamp(46px,7vw,126px);background:var(--wb-dark)!important;color:#fff}
.wb-oakville-page .wb-next::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.wb-oakville-page .wb-next__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(46px,8vw,140px);align-items:end}
.wb-oakville-page .wb-next .wb-kicker{color:#a9ccc7}
.wb-oakville-page .wb-next h2{max-width:900px;margin-top:16px;color:#fff}
.wb-oakville-page .wb-next h2 .wb-serif{display:block;color:#c9e3de}
.wb-oakville-page .wb-next p{max-width:650px;margin-top:22px;color:rgba(255,255,255,.68)}
.wb-oakville-page .wb-next__actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:22px}
.wb-oakville-page .wb-next__actions .wb-link{color:#fff}
body.webbies-web-design-oakville-page,body.webbies-web-design-oakville-page #page,body.webbies-web-design-oakville-page #content,body.webbies-web-design-oakville-page .site-content{width:100%!important;max-width:none!important;margin:0!important;padding-right:0!important;padding-left:0!important;background:var(--wb-canvas,#e2efee)!important}
body.webbies-web-design-oakville-page .site-content>.ast-container{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.webbies-web-design-oakville-page #primary,body.webbies-web-design-oakville-page .entry-content,body.webbies-web-design-oakville-page .wb-page,body.webbies-web-design-oakville-page .wb-page main{display:block;width:100%!important;max-width:none!important;margin:0!important;padding-right:0!important;padding-left:0!important}
body.webbies-web-design-oakville-page{overflow-x:clip}
body.webbies-web-design-oakville-page .wb-oakville-page>main>.wb-frame{margin-right:auto!important;margin-left:auto!important}
@media(min-width:1101px){
body.webbies-web-design-oakville-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)))}
body.webbies-web-design-oakville-page .wb-oakville-page{padding-top:var(--wb-editorial-top-space);padding-bottom:0}
body.webbies-web-design-oakville-page .wb-oakville-page .wb-frame{width:var(--wb-frame);max-width:var(--wb-frame);margin-top:var(--wb-editorial-section-gap)}
body.webbies-web-design-oakville-page .wb-oakville-page main>.wb-frame:first-child{margin-top:0}
body.webbies-web-design-oakville-page .wb-oakville-page main>.wb-frame:last-child{margin-bottom:var(--wb-editorial-section-gap)}
}
@media(max-width:1180px){
.wb-oakville-page .wb-hero-regional__grid{grid-template-columns:minmax(0,1fr) minmax(370px,.76fr)}
.wb-oakville-page .wb-service-fit__head,.wb-oakville-page .wb-packages__head{grid-template-columns:1fr;gap:23px}
.wb-oakville-page .wb-service-fit__head>p,.wb-oakville-page .wb-packages__head>p{padding-bottom:0}
.wb-oakville-page .wb-service-directory{grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr)}
.wb-oakville-page .wb-approach{grid-template-columns:.9fr 1.1fr}
}
@media(min-width:761px) and (max-width:1100px){
body.webbies-web-design-oakville-page{--wb-frame:calc(100vw - 32px);--wb-editorial-section-gap:16px}
body.webbies-web-design-oakville-page .wb-oakville-page{padding-top:20px;padding-bottom:0}
body.webbies-web-design-oakville-page .wb-oakville-page .wb-frame{width:var(--wb-frame);max-width:var(--wb-frame);margin-top:var(--wb-editorial-section-gap)}
body.webbies-web-design-oakville-page .wb-oakville-page main>.wb-frame:first-child{margin-top:0}
body.webbies-web-design-oakville-page .wb-oakville-page main>.wb-frame:last-child{margin-bottom:var(--wb-editorial-section-gap)}
.wb-oakville-page .wb-hero-regional__grid{grid-template-columns:1fr}
.wb-oakville-page .wb-hero-regional__visual{min-height:500px}
.wb-oakville-page .wb-service-directory{grid-template-columns:1fr}
.wb-oakville-page .wb-service-directory__nav{border-right:0;border-bottom:1px solid var(--wb-line)}
.wb-oakville-page .wb-approach{grid-template-columns:1fr}
.wb-oakville-page .wb-approach__statement{min-height:0}
.wb-oakville-page .wb-proof__head,.wb-oakville-page .wb-questions__intro{grid-template-columns:1fr;gap:23px}
.wb-oakville-page .wb-proof__head>p,.wb-oakville-page .wb-questions__intro>p:last-child{padding-bottom:0}
.wb-oakville-page .wb-proof-scene{grid-template-columns:1fr;min-height:0}
.wb-oakville-page .wb-proof-scene__media{min-height:0}
.wb-oakville-page .wb-next__inner{grid-template-columns:1fr}
.wb-oakville-page .wb-next__actions{justify-content:flex-start}
}
@media(max-width:760px){
.wb-oakville-page{--wb-inner:calc(100% - 40px);--wb-radius:13px}
body.webbies-web-design-oakville-page{--wb-frame:calc(100vw - 16px);--wb-editorial-section-gap:8px}
body.webbies-web-design-oakville-page .wb-oakville-page{padding-top:8px;padding-bottom:0}
body.webbies-web-design-oakville-page .wb-oakville-page .wb-frame{width:var(--wb-frame);max-width:var(--wb-frame);margin-top:var(--wb-editorial-section-gap)}
body.webbies-web-design-oakville-page .wb-oakville-page main>.wb-frame:first-child{margin-top:0}
body.webbies-web-design-oakville-page .wb-oakville-page main>.wb-frame:last-child{margin-bottom:var(--wb-editorial-section-gap)}
.wb-oakville-page h1{font-size:clamp(2.48rem,11.4vw,3.55rem);line-height:.94}
.wb-oakville-page h2{font-size:clamp(2rem,9.2vw,3rem);line-height:1.02}
.wb-oakville-page .wb-packages__head h2{font-size:clamp(1.85rem,8.1vw,2.45rem);line-height:1.06}
.wb-oakville-page .wb-hero-regional__grid{grid-template-columns:1fr;min-height:0}
.wb-oakville-page .wb-hero-regional__copy{padding:42px 22px 36px}
.wb-oakville-page .wb-hero-regional__copy h1{margin-top:20px}
.wb-oakville-page .wb-hero-regional__intro{margin-top:24px;font-size:.98rem!important}
.wb-oakville-page .wb-hero-regional__actions{display:grid;gap:17px;margin-top:27px}
.wb-oakville-page .wb-hero-regional__actions .wb-btn{width:100%}
.wb-oakville-page .wb-hero-regional__actions .wb-link{justify-self:center;text-align:center}
.wb-oakville-page .wb-hero-regional__support{display:grid;gap:8px;margin-top:19px!important}
.wb-oakville-page .wb-hero-regional__visual{min-height:360px;padding:22px}
.wb-oakville-page .wb-system-card{padding:13px;transform:none}
.wb-oakville-page .wb-system-card__core{height:218px;margin:11px 0;padding:20px;font-size:1.45rem}
.wb-oakville-page .wb-system-card__core::before{top:20px;right:92px;left:18px;height:102px}
.wb-oakville-page .wb-system-card__core::after{top:34px;right:18px;width:58px;height:116px}
.wb-oakville-page .wb-system-card__routes{grid-template-columns:1fr 1fr}
.wb-oakville-page .wb-service-fit{padding-bottom:30px}
.wb-oakville-page .wb-service-fit__head{padding:48px 22px 36px}
.wb-oakville-page .wb-service-directory{display:block;min-height:0}
.wb-oakville-page .wb-service-directory__nav{border-right:0}
.wb-oakville-page .wb-service-trigger,.wb-oakville-page .wb-service-trigger:hover,.wb-oakville-page .wb-service-trigger:focus,.wb-oakville-page .wb-service-trigger:active,.wb-oakville-page .wb-service-trigger[aria-expanded="true"]{min-height:0;padding:22px;grid-template-columns:32px minmax(0,1fr) 24px;column-gap:12px}
.wb-oakville-page .wb-service-trigger>strong{font-size:1.13rem;grid-column:2;grid-row:1/3}
.wb-oakville-page .wb-service-trigger>small{font-size:.72rem}
.wb-oakville-page .wb-service-directory__stage{min-height:0}
.wb-oakville-page .wb-service-directory.is-service-ready .wb-service-directory__stage{display:none}
.wb-oakville-page .wb-service-directory.is-service-ready .wb-service-directory__nav>.wb-service-panel{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:100%;min-width:0;min-height:0;padding:34px 22px 39px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.15);opacity:1;visibility:visible;transform:none;pointer-events:auto}
.wb-oakville-page .wb-service-directory.is-service-ready .wb-service-directory__nav>.wb-service-panel>*{width:auto;max-width:100%;min-width:0}
.wb-oakville-page .wb-service-directory.is-service-ready .wb-service-directory__nav>.wb-service-panel h3{overflow-wrap:anywhere}
.wb-oakville-page .wb-service-directory.is-service-ready .wb-service-directory__nav>.wb-service-panel[hidden]{display:none}
.wb-oakville-page .wb-service-panel{padding:38px 22px}
.wb-oakville-page .wb-service-panel h3{font-size:1.72rem;line-height:1.08}
.wb-oakville-page .wb-packages{padding:52px 0}
.wb-oakville-page .wb-packages__head{gap:20px}
.wb-oakville-page .wb-operations__head{padding:48px 24px}
.wb-oakville-page .wb-approach{grid-template-columns:1fr}
.wb-oakville-page .wb-approach__statement{min-height:0;padding:54px 24px}
.wb-oakville-page .wb-approach__statement .wb-btn{width:100%}
.wb-oakville-page .wb-approach__system{padding:35px 22px 46px}
.wb-oakville-page .wb-approach__steps li{grid-template-columns:38px 1fr;gap:13px;padding:23px 0}
.wb-oakville-page .wb-region-proof__inner{width:calc(100% - 40px)!important;padding:54px 0!important}
.wb-oakville-page .wb-proof__head h2{font-size:clamp(2.15rem,9.4vw,3rem)}
.wb-oakville-page .wb-proof__head{grid-template-columns:1fr;gap:20px}
.wb-oakville-page .wb-proof-tabs{display:grid;grid-template-columns:1fr;overflow:visible}
.wb-oakville-page .wb-proof-tabs button{min-width:0;width:100%}
.wb-oakville-page .wb-proof-tabs button+button{border-left:0;border-top:1px solid rgba(255,255,255,.16)}
.wb-oakville-page .wb-proof-scene{grid-template-columns:1fr;min-height:0}
.wb-oakville-page .wb-proof-scene__media{min-height:0;padding:16px}
.wb-oakville-page .wb-proof-scene__copy{padding:34px 22px}
.wb-oakville-page .wb-accountable{padding:52px 24px}
.wb-oakville-page .wb-accountable__intro{grid-template-columns:1fr}
.wb-oakville-page .wb-accountable__intro>.wb-kicker,.wb-oakville-page .wb-accountable__intro>h2,.wb-oakville-page .wb-accountable__intro>p:not(.wb-kicker),.wb-oakville-page .wb-accountable__founder{grid-column:1}
.wb-oakville-page .wb-accountable__founder{grid-row:auto;display:flex;align-items:center;gap:13px;margin-top:21px;text-align:left}
.wb-oakville-page .wb-accountable__founder img{width:64px;height:64px;margin:0}
.wb-oakville-page .wb-accountable__founder figcaption{margin-top:0}
.wb-oakville-page .wb-questions{padding:54px 0}
.wb-oakville-page .wb-questions__inner{width:calc(100% - 40px)}
.wb-oakville-page .wb-questions__intro{grid-template-columns:1fr;gap:20px;margin-bottom:31px}
.wb-oakville-page .wb-questions__intro>p:last-child{padding-bottom:0}
.wb-oakville-page .wb-questions__list summary,.wb-oakville-page .wb-questions__list summary:hover,.wb-oakville-page .wb-questions__list summary:focus,.wb-oakville-page .wb-questions__list summary:active{grid-template-columns:1fr 28px;gap:14px;padding:19px 2px;font-size:.96rem}
.wb-oakville-page .wb-questions__list details p{padding:0 32px 21px 2px;font-size:.84rem}
.wb-oakville-page .wb-next{padding:52px 24px}
.wb-oakville-page .wb-next__inner{grid-template-columns:1fr;gap:30px}
.wb-oakville-page .wb-next__actions{display:grid;justify-content:stretch;gap:18px}
.wb-oakville-page .wb-next__actions .wb-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
.wb-oakville-page *{scroll-behavior:auto!important}
.wb-oakville-page .wb-service-trigger,.wb-oakville-page .wb-service-trigger>b,.wb-oakville-page .wb-service-panel,.wb-oakville-page .wb-proof-tabs button::after,.wb-oakville-page .wb-btn{transition:none!important}
}
/* Complete adaptations for reviewed Content 1.1. */
.wb-oakville-page{--wb-anchor-offset:calc(118px + var(--wghf-admin-offset,0px))}
.wb-oakville-page [id]{scroll-margin-top:var(--wb-anchor-offset)}
.wb-oakville-page [hidden]{display:none!important}
.wb-oakville-page :where(.wb-commercial-copy,.wb-packages__timing,.wb-proof-story) p+p{margin-top:16px}
.wb-oakville-page :where(.wb-commercial-copy,.wb-service-panel,.wb-proof-showcase__note) a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-weight:650}
.wb-oakville-page :where(.wb-packages__head,.wb-service-fit__head,.wb-proof__head,.wb-operations__head,.wb-accountable__intro,.wb-questions__intro,.wb-next__inner,.wb-approach__statement) h2{margin-top:0}
.wb-oakville-page .wb-hero-regional__copy h1{margin-top:0}
.wb-oakville-page .wb-system-card__top{min-height:28px}
.wb-oakville-page .wb-system-card__top>i{width:40%;height:5px;align-self:center;border-radius:4px;background:var(--wb-line)}
.wb-oakville-page .wb-system-card__lines{width:72%;display:grid;gap:9px}
.wb-oakville-page .wb-system-card__lines i{height:5px;width:80%;background:#b9d8d1;border-radius:4px}
.wb-oakville-page .wb-system-card__lines i+i{width:58%;opacity:.5}
.wb-oakville-page .wb-system-card__lines b{display:block;width:70px;height:20px;margin-top:4px;background:var(--wb-yellow);border-radius:20px}
.wb-oakville-page .wb-system-card__routes span{min-height:65px;gap:7px}
.wb-oakville-page .wb-system-card__routes i{display:block;width:18px;height:14px;border-radius:4px;background:var(--wb-green)}
.wb-oakville-page .wb-system-card__routes b{display:block;height:3px;background:var(--wb-line);border-radius:3px}
.wb-oakville-page .wb-system-card__routes b:last-child{width:60%}
.wb-oakville-page .wb-system-card__foot i{display:block;width:30%;height:4px;background:var(--wb-line);border-radius:4px}
.wb-oakville-page .wb-proof-tabs button{appearance:none;margin:0;border:0;border-radius:0;box-shadow:none;text-align:left;background:transparent;cursor:pointer}
.wb-oakville-page .wb-proof-tabs button+button{border-left:1px solid rgba(255,255,255,.16)}
.wb-oakville-page .wb-proof-tabs button:focus-visible{outline:3px solid var(--wb-yellow);outline-offset:-4px}
.wb-oakville-page .wb-proof-tabs button.is-active{background:rgba(255,255,255,.055)}
.wb-oakville-page .wb-proof-story p{font-size:.96rem;line-height:1.68;color:rgba(255,255,255,.82)}
.wb-oakville-page .wb-proof-scene__copy>p{margin-top:24px}
.wb-oakville-page .wb-proof__project-link{margin-top:0}
.wb-oakville-page .wb-proof-showcase__note{margin-top:24px!important}
.wb-oakville-page .wb-service-directory:not(.is-service-ready){grid-template-columns:1fr}
.wb-oakville-page .wb-service-panel h3{margin-top:0}
.wb-oakville-page .wb-service-fit__resource{width:var(--wb-inner);margin:26px auto 0}
.wb-oakville-page .wb-service-fit__resource a{color:var(--wb-teal);font-weight:650;text-decoration:underline;text-underline-offset:4px}
.wb-oakville-page .wb-comparison-wrap{margin-top:32px;overflow:auto;border:1px solid var(--wb-line);border-radius:16px;scrollbar-color:var(--wb-green) var(--wb-soft);scrollbar-width:auto;background:var(--wb-paper)}
.wb-oakville-page .wb-comparison-table{width:100%;min-width:560px;margin:0;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-family:var(--wb-sans);font-size:.97rem;line-height:1.6;color:var(--wb-ink)}
.wb-oakville-page .wb-comparison-table th,.wb-oakville-page .wb-comparison-table td{text-align:left;vertical-align:top;padding:22px 24px;border:0;overflow-wrap:break-word}
.wb-oakville-page .wb-comparison-table thead th{background:var(--wb-teal);color:#fff;font-size:.84rem;font-weight:700;letter-spacing:.01em}
.wb-oakville-page .wb-comparison-table th:nth-child(1){width:31%}
.wb-oakville-page .wb-comparison-table th:nth-child(2){width:25%}
.wb-oakville-page .wb-comparison-table tbody th{font-weight:650}
.wb-oakville-page .wb-comparison-table tbody td{color:var(--wb-muted)}
.wb-oakville-page .wb-comparison-table tbody tr+tr{border-top:1px solid var(--wb-line)}
.wb-oakville-page .wb-comparison-table tr>*+*{border-left:1px solid var(--wb-line)}
.wb-oakville-page .wb-commercial-copy{max-width:1080px;margin-top:28px}
.wb-oakville-page .wb-packages__timing{max-width:1080px;margin-top:34px;padding-top:30px;border-top:1px solid var(--wb-line)}
.wb-oakville-page .wb-packages__timing h3{font-size:clamp(1.4rem,1.8vw,2.1rem)}
.wb-oakville-page .wb-packages__timing h3+p{margin-top:16px}
.wb-oakville-page .wb-approach__steps{margin-top:0!important}
.wb-oakville-page .wb-approach__steps li p+p{margin-top:16px}
.wb-oakville-page .wb-operations__inner{width:var(--wb-inner);margin:0 auto;padding-bottom:48px}
.wb-oakville-page .wb-operations__inner>.wb-comparison-wrap{margin-top:0}
.wb-oakville-page .wb-comparison-table--responsibilities{min-width:0}
.wb-oakville-page .wb-comparison-table--responsibilities th:first-child{width:30%}
.wb-oakville-page .wb-comparison-table--responsibilities th:nth-child(2){width:70%}
.wb-oakville-page .wb-accountable__intro{align-items:start}
.wb-oakville-page .wb-accountable__founder{align-self:center}
.wb-oakville-page .wb-questions__list summary h3{margin:0;font:inherit;color:inherit;letter-spacing:inherit;line-height:inherit;text-wrap:wrap}
.wb-oakville-page .wb-questions__intro{max-width:880px}
.wb-oakville-page .wb-next__inner>div{min-width:0}
@media(max-width:820px){.wb-oakville-page{--wb-anchor-offset:calc(104px + var(--wghf-admin-offset,0px))}}
@media(max-width:760px){
.wb-oakville-page .wb-proof-tabs button+button{border-left:0;border-top:1px solid rgba(255,255,255,.16)}
.wb-oakville-page .wb-proof-scene__media{min-height:0}
.wb-oakville-page .wb-proof-story p{font-size:.95rem}
.wb-oakville-page .wb-comparison-table th,.wb-oakville-page .wb-comparison-table td{padding:16px}
.wb-oakville-page .wb-comparison-table--responsibilities th:first-child{width:35%}
.wb-oakville-page .wb-comparison-table--responsibilities th:nth-child(2){width:65%}
.wb-oakville-page .wb-operations__inner{padding-bottom:34px}
.wb-oakville-page .wb-accountable__founder{grid-row:auto}
}
