:root{
  --cp-blue:#174f72;--cp-blue-dark:#0f354e;--cp-blue-soft:#dcebf2;--cp-ink:#16222a;--cp-muted:#5d6a72;--cp-paper:#f6f7f5;--cp-line:#d9dfdf;--cp-lime:#c8d74d;
}
body{background:var(--cp-paper);color:var(--cp-ink)}
/* Computer Pros intentionally uses a light, shop-oriented visual system rather than the dark MEG header/hero. */
html body header.cpros-header{background:#fff!important;border-bottom:1px solid var(--cp-line)!important;box-shadow:none!important}
html body header.cpros-header .meg-primary-menu>a,html body header.cpros-header .meg-primary-menu .nav-group>a{color:#24333c!important}
html body header.cpros-header .meg-primary-menu>a:hover,html body header.cpros-header .meg-primary-menu .nav-group>a:hover{color:var(--cp-blue)!important}
html body header.cpros-header .meg-site-actions .btn{background:var(--cp-blue)!important;border-radius:999px!important;padding-inline:20px!important}
.cpros-wordmark{gap:11px!important;color:var(--cp-ink)!important;text-decoration:none!important}.cpros-wordmark>span:last-child{display:flex;flex-direction:column;line-height:1.02}.cpros-wordmark strong{font-size:20px;letter-spacing:-.03em}.cpros-wordmark small{margin-top:5px;color:#75828a;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cpros-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--cp-blue)!important;color:#fff!important;font-size:14px;font-weight:900;letter-spacing:-.03em}
html body header.cpros-header .nav-menu{border-color:#d9e0e2!important;border-radius:12px!important;box-shadow:0 18px 48px rgba(28,52,66,.14)!important}.cpros-header .nav-menu a:hover{background:#eef5f8!important;color:var(--cp-blue-dark)!important}
html body header.cpros-header .meg-submenu-toggle:after{border-color:#60717b!important}
.meg-button-primary{background:var(--cp-blue)!important;border-radius:999px!important}.meg-button-primary:hover{background:var(--cp-blue-dark)!important}

.cpros-hero{padding:76px 0 82px;background:#edf2f2;overflow:hidden}.cpros-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:70px;align-items:center}.cpros-kicker{margin:0 0 18px;color:var(--cp-blue);font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.cpros-hero h1{margin:0;max-width:720px;font-size:clamp(48px,5.4vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:790;text-wrap:balance}.cpros-hero-lead{max-width:650px;margin:26px 0 0;color:#4e5e67;font-size:20px;line-height:1.58}.cpros-hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px}.cpros-call-link{display:flex;flex-direction:column;color:var(--cp-ink);text-decoration:none}.cpros-call-link strong{font-size:16px}.cpros-call-link span{margin-top:2px;color:#718087;font-size:11px}.cpros-hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.cpros-hero-facts span{padding:7px 10px;border:1px solid #cbd6d8;border-radius:999px;background:rgba(255,255,255,.55);font-size:11px;font-weight:720;color:#52636d}.cpros-hero-media{position:relative;margin:0;min-height:520px}.cpros-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;box-shadow:0 28px 70px rgba(37,62,72,.16)}.cpros-hero-media figcaption{position:absolute;left:22px;right:22px;bottom:22px;padding:17px 19px;border-radius:15px;background:rgba(15,35,46,.88);backdrop-filter:blur(8px);color:#fff}.cpros-hero-media figcaption strong,.cpros-hero-media figcaption span{display:block}.cpros-hero-media figcaption strong{font-size:14px}.cpros-hero-media figcaption span{margin-top:4px;color:#d6e1e5;font-size:12px;line-height:1.45}
.cpros-service-strip{background:#fff;border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}.cpros-service-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.cpros-service-strip a{position:relative;display:flex;flex-direction:column;min-height:138px;padding:26px 28px;border-right:1px solid var(--cp-line);color:var(--cp-ink);text-decoration:none}.cpros-service-strip a:first-child{border-left:1px solid var(--cp-line)}.cpros-service-strip a:hover{background:#f1f6f7}.cpros-service-strip span{font-size:10px;color:#91a0a7}.cpros-service-strip strong{margin-top:auto;font-size:18px}.cpros-service-strip small{margin-top:4px;color:#6b7980;font-size:12px}
.cpros-intro{padding:104px 0;background:#fff}.cpros-intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,.78fr);gap:110px}.cpros-intro h2,.cpros-section-head h2,.cpros-custom-band h2,.cpros-proof h2,.cpros-location h2{margin:0;font-size:clamp(38px,4.4vw,60px);line-height:1.02;letter-spacing:-.045em}.cpros-intro-copy p{margin:0 0 18px;color:#55646d;font-size:17px;line-height:1.7}.cpros-intro-copy a,.cpros-proof-links a{color:var(--cp-blue-dark);font-weight:800;text-decoration:none;border-bottom:1px solid #8aaaba;padding-bottom:3px}
.cpros-workbench{padding:102px 0;background:#132631;color:#fff}.cpros-section-head{max-width:760px}.cpros-workbench .cpros-kicker{color:#8bc1d9}.cpros-workbench .cpros-section-head h2{color:#fff}.cpros-section-head>p:last-child{margin:20px 0 0;color:#b5c5cc;font-size:17px;line-height:1.6}.cpros-workbench-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid #38505d;border-left:1px solid #38505d}.cpros-workbench-grid>a{display:flex;min-height:292px;flex-direction:column;padding:28px;border-right:1px solid #38505d;border-bottom:1px solid #38505d;color:#fff;text-decoration:none;transition:.18s}.cpros-workbench-grid>a:hover{background:#193441}.cpros-service-no{font-size:10px;color:#7da8bb}.cpros-workbench h3{margin:38px 0 10px;color:#fff;font-size:25px;letter-spacing:-.025em}.cpros-workbench p{margin:0;color:#b8c9d0;line-height:1.65}.cpros-workbench b{margin-top:auto;padding-top:26px;color:#dbe86e;font-size:12px}
.cpros-custom-band{padding:78px 0;background:#dbe8ec}.cpros-custom-grid{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:end}.cpros-custom-band p:not(.cpros-kicker){max-width:690px;margin:18px 0 0;color:#53666f;line-height:1.65}.cpros-custom-band>a{display:inline-flex;gap:18px;align-items:center;padding:16px 20px;border:1px solid #9eb6c0;border-radius:999px;color:var(--cp-blue-dark);font-weight:800;text-decoration:none}
.cpros-proof{padding:104px 0;background:#fff}.cpros-proof-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.cpros-proof-copy>p:not(.cpros-kicker){color:#5b6971;line-height:1.7}.cpros-proof-links{display:flex;gap:22px;margin-top:28px}.cpros-quotes{border-top:1px solid var(--cp-line)}.cpros-quotes blockquote{margin:0;padding:27px 0;border-bottom:1px solid var(--cp-line)}.cpros-quotes p{margin:0;font-size:20px;line-height:1.45;letter-spacing:-.02em}.cpros-quotes cite{display:block;margin-top:10px;color:#7b878d;font-size:11px;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.cpros-location{padding:94px 0;background:#0f354e;color:#fff}.cpros-location-grid{display:grid;grid-template-columns:1fr .7fr;gap:100px}.cpros-location .cpros-kicker{color:#a7d5e6}.cpros-location h2{color:#fff}.cpros-location p{max-width:660px;color:#c9d8df;line-height:1.7}.cpros-location-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-content:start}.cpros-location-details>div{padding-top:14px;border-top:1px solid #467088}.cpros-location-details span,.cpros-location-details strong{display:block}.cpros-location-details span{color:#9cb8c6;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.cpros-location-details strong{margin-top:8px;font-size:16px;line-height:1.5}.cpros-location-details a{color:#fff}.cpros-location-details .meg-button{grid-column:1/-1;justify-self:start;background:#fff!important;color:var(--cp-blue-dark)!important}

/* Distinct Computer Pros treatment for interior pages while retaining the shared technical framework. */
.meg-editorial-hero{background:#eaf1f3!important;color:var(--cp-ink)!important;border-bottom:1px solid var(--cp-line)!important}.meg-editorial-hero h1{color:var(--cp-ink)!important}.meg-editorial-lead{color:#53646d!important}.meg-editorial-hero .meg-overline{color:var(--cp-blue)!important}.meg-editorial-aside{background:#fff!important;border:1px solid #ccd9de!important;border-radius:16px!important;box-shadow:none!important}.meg-editorial-aside strong,.meg-editorial-aside li{color:var(--cp-ink)!important}.meg-editorial-actions>a{color:var(--cp-blue-dark)!important}.meg-editorial-hero-image img{border-radius:18px!important;box-shadow:0 22px 54px rgba(35,61,73,.14)!important}.meg-detail-section,.meg-process-section{background:#132631!important}.meg-detail-section h2,.meg-process-section h2,.meg-detail-section h3,.meg-process-section h3{color:#fff!important}.meg-detail-section p,.meg-process-section p{color:#becbd1!important}.meg-service-cta{background:#dce9ed!important}.meg-service-cta .meg-overline{color:var(--cp-blue)!important}.meg-service-cta-actions a{color:var(--cp-blue-dark)!important}
.footer.pro-footer{background:#0b2738!important}.footer-v37-grid{border-color:#315164!important}.footer a{color:#e6f0f4!important}.footer-note,.footer-about p,.footer-bottom{color:#a9bec8!important}.cpros-wordmark-footer .cpros-mark{background:#fff!important;color:var(--cp-blue-dark)!important}

@media(max-width:1160px){
 html body header.cpros-header .meg-primary-menu.is-open{background:#fff!important;border-top-color:#d8e0e3!important;box-shadow:0 18px 36px rgba(18,46,61,.12)!important}
 html body header.cpros-header .meg-primary-menu.is-open>a,html body header.cpros-header .meg-primary-menu.is-open .nav-group>a{color:#22333c!important;border-bottom-color:#dce3e5!important}
 html body header.cpros-header .meg-primary-menu.is-open .nav-menu{background:#edf4f6!important}.cpros-header .nav-menu a{color:#334750!important;border-bottom-color:#d7e1e5!important}
 .cpros-hero-grid{grid-template-columns:1fr .9fr;gap:40px}.cpros-workbench-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
 .cpros-hero{padding:46px 0 56px}.cpros-hero-grid,.cpros-intro-grid,.cpros-proof-grid,.cpros-location-grid,.cpros-custom-grid{grid-template-columns:1fr;gap:38px}.cpros-hero h1{font-size:clamp(43px,12vw,60px)}.cpros-hero-media{min-height:360px}.cpros-service-strip-grid{grid-template-columns:1fr 1fr}.cpros-service-strip a:nth-child(odd){border-left:1px solid var(--cp-line)}.cpros-intro,.cpros-workbench,.cpros-proof{padding:70px 0}.cpros-workbench-grid{grid-template-columns:1fr}.cpros-workbench-grid>a{min-height:230px}.cpros-custom-band{padding:60px 0}.cpros-location{padding:66px 0}.cpros-location-details{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .cpros-hero-actions{align-items:flex-start;flex-direction:column}.cpros-hero-media{min-height:300px}.cpros-hero-media figcaption{left:12px;right:12px;bottom:12px}.cpros-service-strip-grid{grid-template-columns:1fr}.cpros-service-strip a,.cpros-service-strip a:first-child,.cpros-service-strip a:nth-child(odd){border-left:1px solid var(--cp-line);border-right:1px solid var(--cp-line)}.cpros-intro h2,.cpros-section-head h2,.cpros-custom-band h2,.cpros-proof h2,.cpros-location h2{font-size:clamp(34px,10vw,44px)}.cpros-location-details{grid-template-columns:1fr}.cpros-location-details .meg-button{grid-column:auto}.cpros-proof-links{align-items:flex-start;flex-direction:column}
}


/* v1.2 logo, readability, and widget contrast */
.cpros-existing-logo{display:block!important;width:auto!important;height:48px!important;max-width:230px!important;object-fit:contain!important;object-position:left center!important}
.cpros-existing-logo-footer{height:52px!important;max-width:240px!important;filter:none!important}
.cpros-wordmark-copy{display:flex;flex-direction:column;line-height:1.02}

/* Keep the navy identity, but ensure all pale sections have sufficient text contrast. */
.cpros-custom-band,.cpros-custom-band *{color:var(--cp-ink)}
.cpros-custom-band .cpros-kicker{color:var(--cp-blue-dark)!important}
.cpros-custom-band>a{color:var(--cp-blue-dark)!important;background:rgba(255,255,255,.36)}
.cpros-service-strip a,.cpros-service-strip strong{color:var(--cp-ink)!important}
.cpros-service-strip small{color:#4d5d66!important}

/* The inherited MEG widget had orange/cream states with low contrast against the Computer Pros palette. */
.meg-modal .meg-widget{background:#fff!important;color:var(--cp-ink)!important}
.meg-modal .meg-widget-head{background:#fff!important}
.meg-modal .meg-step-title{color:#15252f!important}
.meg-modal .meg-step-note{color:#53636d!important}
.meg-modal .meg-choice{
  background:#fff!important;
  border:1px solid #d3dde2!important;
  color:#15252f!important;
  box-shadow:none!important;
}
.meg-modal .meg-choice:hover,.meg-modal .meg-choice:focus-visible{
  background:#edf4f7!important;
  border-color:#9db8c5!important;
  color:#0f354e!important;
}
.meg-modal .meg-choice b{color:#142832!important}
.meg-modal .meg-choice span{color:#566871!important}
.meg-modal .meg-icon{
  background:#e3edf2!important;
  color:#174f72!important;
  border-color:#c7d8e0!important;
}
.meg-modal .meg-choice:hover .meg-icon,.meg-modal .meg-choice:focus-visible .meg-icon{
  background:#174f72!important;
  color:#fff!important;
}
.meg-modal .meg-progress>span,.meg-modal .meg-progress-bar{background:var(--cp-blue)!important}
.meg-modal .meg-actions .meg-next,.meg-modal .meg-actions button[data-action="next"]{background:var(--cp-blue)!important;color:#fff!important}

@media(max-width:1160px){
  .cpros-existing-logo{height:44px!important;max-width:210px!important}
}

/* v1.3.0 — distinct Computer Pros identity: white/navy/orange, utility header, asymmetric hero, card-based homepage */
:root{--cp-navy:#153f5b;--cp-navy-2:#0e3047;--cp-orange:#ff7a00;--cp-orange-soft:#fff0e2;--cp-bg:#f4f7f8;--cp-ink:#17242c;--cp-muted:#5e6d76;--cp-border:#d8e0e4}
body{background:var(--cp-bg)!important;color:var(--cp-ink)!important}
.cpros-utility-bar{background:var(--cp-navy-2);color:#e9f1f5;font:700 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.cpros-utility-inner{display:flex;justify-content:space-between;gap:18px;padding:9px 0}.cpros-utility-inner>div{display:flex;gap:20px;align-items:center}.cpros-utility-bar a{color:#fff;text-decoration:none}
html body header.cpros-header{background:#fff!important;border-bottom:1px solid #dce3e6!important;box-shadow:none!important;position:relative;top:auto}
.cpros-nav-shell{min-height:86px!important}.cpros-wordmark{display:flex!important;align-items:center!important;min-width:250px}.cpros-existing-logo{height:54px!important;max-width:300px!important;width:auto!important;object-fit:contain!important;object-position:left center!important}.cpros-existing-logo-footer{height:58px!important;max-width:290px!important}
.cpros-header .meg-primary-menu>a,.cpros-header .nav-group>a{color:#263842!important;font-weight:800!important}.cpros-header .meg-primary-menu>a:hover,.cpros-header .nav-group>a:hover{color:var(--cp-orange)!important}.cpros-header .btn-main{background:var(--cp-navy)!important;color:#fff!important;border-radius:8px!important;padding:13px 18px!important;box-shadow:none!important}.cpros-header .btn-main:hover{background:var(--cp-navy-2)!important}
.cpros-header .nav-menu{border-radius:10px!important;border:1px solid #dbe3e7!important;background:#fff!important;box-shadow:0 18px 45px rgba(20,48,64,.12)!important}.cpros-header .nav-menu a{color:#29404c!important}.cpros-header .nav-menu a:hover{background:var(--cp-orange-soft)!important;color:#8d4100!important}

.cpros-hero-v130{background:linear-gradient(115deg,#f8fafb 0%,#eef3f5 100%);padding:72px 0 76px;overflow:hidden}.cpros-hero-v130-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:74px;align-items:center}.cpros-eyebrow{margin:0 0 14px;color:var(--cp-orange);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.cpros-hero-v130 h1{margin:0;max-width:760px;color:var(--cp-navy-2);font-size:clamp(54px,5.5vw,84px);line-height:.94;letter-spacing:-.055em}.cpros-hero-v130 h1 em{color:var(--cp-orange);font-style:normal}.cpros-hero-v130-lead{max-width:670px;margin:27px 0 0;color:#52636d;font-size:19px;line-height:1.65}.cpros-hero-v130-actions{display:flex;gap:14px;align-items:center;margin-top:31px}.cpros-primary-cta,.cpros-secondary-cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border-radius:8px;font-weight:850;text-decoration:none;cursor:pointer}.cpros-primary-cta{border:1px solid var(--cp-orange);background:var(--cp-orange);color:#fff}.cpros-secondary-cta{border:1px solid #b9c7ce;background:#fff;color:var(--cp-navy)}.cpros-quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid #cfd9de;border-bottom:1px solid #cfd9de}.cpros-quick-facts>div{padding:16px 18px 16px 0;border-right:1px solid #d6dfe3}.cpros-quick-facts>div+div{padding-left:18px}.cpros-quick-facts>div:last-child{border-right:0}.cpros-quick-facts strong,.cpros-quick-facts span{display:block}.cpros-quick-facts strong{color:var(--cp-navy-2);font-size:14px}.cpros-quick-facts span{margin-top:3px;color:#7a878e;font-size:11px}.cpros-hero-v130-media{position:relative}.cpros-image-frame{position:relative;z-index:2;min-height:560px;overflow:hidden;border-radius:18px;background:#cfd9dd;box-shadow:0 28px 60px rgba(20,50,68,.16)}.cpros-image-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cpros-image-tag{position:absolute;left:22px;right:22px;bottom:22px;padding:16px 18px;border-radius:10px;background:rgba(14,48,71,.94);color:#fff}.cpros-image-tag span,.cpros-image-tag strong{display:block}.cpros-image-tag span{color:#ffc488;font-size:9px;font-weight:900;letter-spacing:.13em}.cpros-image-tag strong{margin-top:4px;font-size:17px}.cpros-orange-block{position:absolute;z-index:1;width:150px;height:150px;right:-32px;top:-28px;border-radius:22px;background:var(--cp-orange);transform:rotate(9deg)}

.cpros-problem-picker{padding:86px 0;background:#fff}.cpros-section-title-row{display:flex;justify-content:space-between;gap:30px;align-items:end}.cpros-section-title-row h2,.cpros-shop-story h2,.cpros-capabilities h2,.cpros-trust-band h2,.cpros-location-v130 h2{margin:0;color:var(--cp-navy-2);font-size:clamp(38px,4.4vw,60px);line-height:1.02;letter-spacing:-.045em}.cpros-section-title-row>a{color:var(--cp-navy);font-weight:850;text-decoration:none}.cpros-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.cpros-problem-grid>a{display:grid;grid-template-columns:42px 1fr 26px;gap:18px;align-items:start;padding:24px;border:1px solid var(--cp-border);border-radius:14px;background:#f8fafb;color:var(--cp-ink);text-decoration:none;transition:.18s}.cpros-problem-grid>a:hover{transform:translateY(-2px);border-color:#ffc18b;box-shadow:0 14px 30px rgba(25,56,72,.08)}.cpros-problem-grid>a>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--cp-orange-soft);color:#a84b00;font-size:10px;font-weight:900}.cpros-problem-grid h3{margin:1px 0 7px;color:var(--cp-navy-2);font-size:21px}.cpros-problem-grid p{margin:0;color:#65747c;line-height:1.55}.cpros-problem-grid b{color:var(--cp-orange);font-size:22px}

.cpros-shop-story{padding:92px 0;background:var(--cp-navy-2);color:#fff}.cpros-shop-story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center}.cpros-story-number{min-height:270px;padding:32px;border:1px solid #436277;border-radius:18px;background:#153f5b}.cpros-story-number span,.cpros-story-number strong,.cpros-story-number small{display:block}.cpros-story-number span{color:#f2b374;font-size:10px;font-weight:900;letter-spacing:.14em}.cpros-story-number strong{margin-top:68px;color:#fff;font-size:54px;letter-spacing:-.05em}.cpros-story-number small{margin-top:4px;color:#b9c9d2;font-size:14px}.cpros-story-copy .cpros-eyebrow{color:#ffb66b}.cpros-shop-story h2{color:#fff}.cpros-story-copy p{max-width:760px;color:#c2d0d7;font-size:17px;line-height:1.7}.cpros-story-copy a{color:#fff;font-weight:850;text-decoration:none;border-bottom:1px solid #7894a4;padding-bottom:3px}

.cpros-capabilities{padding:92px 0;background:#f5f7f7}.cpros-capabilities-head{max-width:720px}.cpros-capabilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.cpros-capabilities article{display:flex;min-height:300px;flex-direction:column;padding:24px;border:1px solid var(--cp-border);border-radius:16px;background:#fff}.cpros-cap-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:10px;background:var(--cp-navy);color:#fff;font-size:12px;font-weight:900}.cpros-capabilities h3{margin:28px 0 10px;color:var(--cp-navy-2);font-size:22px}.cpros-capabilities article p{margin:0;color:#67767e;line-height:1.6}.cpros-capabilities article a{margin-top:auto;padding-top:24px;color:#a84b00;font-weight:850;text-decoration:none}

.cpros-trust-band{padding:82px 0;background:#fff;border-top:1px solid var(--cp-border);border-bottom:1px solid var(--cp-border)}.cpros-trust-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.cpros-trust-points{display:grid;gap:0;border-top:1px solid var(--cp-border)}.cpros-trust-points>div{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:19px 0;border-bottom:1px solid var(--cp-border)}.cpros-trust-points strong{color:var(--cp-navy-2)}.cpros-trust-points span{color:#687780}

.cpros-location-v130{padding:88px 0;background:#eef3f5}.cpros-location-v130-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:24px}.cpros-location-card,.cpros-location-action{border-radius:18px;padding:34px}.cpros-location-card{background:var(--cp-navy);color:#fff}.cpros-location-card .cpros-eyebrow{color:#ffc183}.cpros-location-card h2{color:#fff}.cpros-location-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.cpros-location-meta>div{padding-top:15px;border-top:1px solid #50748b}.cpros-location-meta span,.cpros-location-meta strong{display:block}.cpros-location-meta span{color:#a9c0cd;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.cpros-location-meta strong{margin-top:6px;color:#fff}.cpros-location-meta a{color:#fff}.cpros-location-action{display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid var(--cp-border)}.cpros-location-action h3{margin:0;color:var(--cp-navy-2);font-size:29px;letter-spacing:-.03em}.cpros-location-action p{color:#65747c;line-height:1.65}.cpros-location-action .cpros-primary-cta{align-self:flex-start}.cpros-location-action>a{margin-top:18px;color:var(--cp-navy);font-weight:850;text-decoration:none}

.cpros-footer-v130{background:#0a2638;color:#dce7ec;padding:56px 0 22px}.cpros-footer-main{display:grid;grid-template-columns:1.5fr .7fr .7fr .8fr;gap:54px}.cpros-footer-main>div:not(.cpros-footer-brand){display:flex;flex-direction:column;gap:10px}.cpros-footer-main strong{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.cpros-footer-main a{color:#dce7ec;text-decoration:none}.cpros-footer-main a:hover{color:#ffb56a}.cpros-footer-main span,.cpros-footer-brand p{color:#9fb4bf;font-size:12px;line-height:1.65}.cpros-footer-brand p{max-width:420px}.cpros-footer-brand img{filter:brightness(0) invert(1);opacity:.95}.cpros-footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid #29495b;color:#7895a4;font-size:11px}.cpros-footer-bottom a{color:#a8c0cc;text-decoration:none}

@media(max-width:1160px){.cpros-utility-bar{display:none}.cpros-nav-shell{min-height:74px!important}.cpros-wordmark{min-width:0}.cpros-existing-logo{height:44px!important;max-width:230px!important}.cpros-hero-v130-grid{grid-template-columns:1fr .9fr;gap:40px}.cpros-capabilities-grid{grid-template-columns:1fr 1fr}.cpros-footer-main{grid-template-columns:1.3fr 1fr 1fr}.cpros-footer-main>div:last-child{grid-column:2/4}.cpros-header .meg-primary-menu.is-open{background:#fff!important}}
@media(max-width:800px){.cpros-hero-v130{padding:48px 0 56px}.cpros-hero-v130-grid,.cpros-shop-story-grid,.cpros-trust-grid,.cpros-location-v130-grid{grid-template-columns:1fr;gap:38px}.cpros-hero-v130 h1{font-size:clamp(46px,12vw,64px)}.cpros-image-frame{min-height:390px}.cpros-orange-block{width:100px;height:100px;right:-15px}.cpros-problem-grid{grid-template-columns:1fr}.cpros-capabilities-grid{grid-template-columns:1fr 1fr}.cpros-footer-main{grid-template-columns:1fr 1fr}.cpros-footer-main>div:last-child{grid-column:auto}.cpros-footer-brand{grid-column:1/-1}.cpros-footer-bottom{flex-direction:column}.cpros-quick-facts{grid-template-columns:1fr}.cpros-quick-facts>div,.cpros-quick-facts>div+div{padding:12px 0;border-right:0;border-bottom:1px solid #d6dfe3}.cpros-quick-facts>div:last-child{border-bottom:0}}
@media(max-width:520px){.cpros-hero-v130-actions{align-items:stretch;flex-direction:column}.cpros-primary-cta,.cpros-secondary-cta{width:100%;box-sizing:border-box}.cpros-image-frame{min-height:320px}.cpros-image-tag{left:12px;right:12px;bottom:12px}.cpros-section-title-row{align-items:flex-start;flex-direction:column}.cpros-problem-grid>a{grid-template-columns:36px 1fr 20px;padding:18px}.cpros-capabilities-grid{grid-template-columns:1fr}.cpros-story-number{min-height:220px}.cpros-story-number strong{margin-top:42px;font-size:46px}.cpros-trust-points>div{grid-template-columns:1fr;gap:5px}.cpros-location-meta{grid-template-columns:1fr}.cpros-footer-main{grid-template-columns:1fr}.cpros-footer-brand{grid-column:auto}.cpros-existing-logo-footer{height:48px!important;max-width:240px!important}}

/* v1.4.0 — Alameda identity and straightforward copy treatment */
.cpros-alameda-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;align-items:center;min-height:270px}
.cpros-alameda-card img{display:block;width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.16))}
.cpros-alameda-card div{min-width:0}
.cpros-alameda-card div span{color:#f2b374;font-size:10px;font-weight:900;letter-spacing:.14em}
.cpros-alameda-card div strong{margin-top:12px;font-size:30px;line-height:1.08;letter-spacing:-.035em}
.cpros-alameda-card div small{margin-top:10px;color:#b9c9d2;font-size:13px;line-height:1.5}
.cpros-story-copy .cpros-inline-link{display:inline;color:#fff;font-weight:700;border-bottom:1px solid #7894a4;padding-bottom:1px}
@media(max-width:520px){.cpros-alameda-card{grid-template-columns:92px minmax(0,1fr);min-height:0;padding:24px}.cpros-alameda-card img{width:92px;height:92px}.cpros-alameda-card div strong{font-size:24px}}


/* v1.4.1 — visible mobile menu control on the light Computer Pros header */
@media(max-width:1160px){
  html body header.cpros-header .meg-mobile-toggle{
    display:block!important;
    margin-left:auto!important;
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
    position:relative!important;
    border:1px solid #d7e0e4!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--cp-navy,#0f354e)!important;
    font-size:0!important;
    box-shadow:0 2px 8px rgba(15,53,78,.06)!important;
    z-index:12030!important;
  }
  html body header.cpros-header .meg-mobile-toggle:before,
  html body header.cpros-header .meg-mobile-toggle:after{
    content:""!important;
    position:absolute!important;
    left:10px!important;
    width:24px!important;
    height:2px!important;
    border-radius:2px!important;
    background:var(--cp-navy,#0f354e)!important;
    transition:transform .2s ease, top .2s ease!important;
  }
  html body header.cpros-header .meg-mobile-toggle:before{top:15px!important;box-shadow:0 7px 0 var(--cp-navy,#0f354e)!important;}
  html body header.cpros-header .meg-mobile-toggle:after{top:29px!important;}
  html body header.cpros-header .meg-mobile-toggle[aria-expanded="true"]:before{
    top:22px!important;
    box-shadow:none!important;
    transform:rotate(45deg)!important;
  }
  html body header.cpros-header .meg-mobile-toggle[aria-expanded="true"]:after{
    top:22px!important;
    transform:rotate(-45deg)!important;
  }
}


/* v1.4.2 — interior-page readability + desktop nav hover polish */
/* Keep hero side information integrated with the page instead of a large floating card. */
html body .meg-editorial-hero .meg-editorial-aside{
  background:transparent!important;
  border:0!important;
  border-left:3px solid var(--cp-orange,#f97316)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:4px 0 4px 24px!important;
}
html body .meg-editorial-hero .meg-editorial-aside strong{
  color:var(--cp-navy-2,#0f354e)!important;
  font-size:18px!important;
  margin-bottom:10px!important;
}
html body .meg-editorial-hero .meg-editorial-aside li{
  color:#43535d!important;
  padding:9px 0!important;
  font-size:14px!important;
  line-height:1.4!important;
}
html body .meg-editorial-hero .meg-editorial-aside li+li{
  border-top:1px solid #cbd7dc!important;
}

/* Dark service section + light cards: force strong readable text inside the cards. */
html body .meg-detail-section .meg-detail-list>div{
  background:#f8fafb!important;
  border-color:#cfd8dc!important;
}
html body .meg-detail-section .meg-detail-list>div p{
  color:#43535d!important;
  font-weight:500!important;
}
html body .meg-detail-section .meg-detail-list>div p strong{
  color:#17384d!important;
  font-weight:800!important;
}
html body .meg-detail-section .meg-detail-list>div span{
  background:var(--cp-orange,#f97316)!important;
}

/* Desktop navigation: use a subtle outlined pill on hover; never wash the label out. */
@media(min-width:1161px){
  html body header.cpros-header .meg-primary-menu>a,
  html body header.cpros-header .meg-primary-menu .nav-group>a{
    position:relative!important;
    z-index:1!important;
    color:#263842!important;
    border-radius:999px!important;
    transition:color .15s ease,box-shadow .15s ease,background .15s ease!important;
  }
  html body header.cpros-header .meg-primary-menu>a:hover,
  html body header.cpros-header .meg-primary-menu>a:focus-visible,
  html body header.cpros-header .meg-primary-menu .nav-group:hover>a,
  html body header.cpros-header .meg-primary-menu .nav-group>a:hover,
  html body header.cpros-header .meg-primary-menu .nav-group>a:focus-visible{
    color:var(--cp-navy,#174f72)!important;
    background:transparent!important;
    box-shadow:0 0 0 1.5px var(--cp-navy,#174f72)!important;
    outline:none!important;
  }
  html body header.cpros-header .nav-menu a:hover,
  html body header.cpros-header .nav-menu a:focus-visible{
    color:#8d4100!important;
    background:var(--cp-orange-soft,#fff0e5)!important;
    box-shadow:none!important;
  }
}

@media(max-width:900px){
  html body .meg-editorial-hero .meg-editorial-aside{
    padding-left:18px!important;
  }
}

/* v1.4.3 — unified Computer Pros desktop navigation hover.
   All first-level navigation links use the same outlined pill treatment,
   including direct links and dropdown parents. This intentionally overrides
   the inherited MEG rules that turn first-level labels white on hover. */
@media (min-width:1161px){
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > a,
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > .nav-group > a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:9px 12px!important;
    border:1.5px solid transparent!important;
    border-radius:999px!important;
    background:transparent!important;
    color:#263842!important;
    box-shadow:none!important;
    text-decoration:none!important;
    line-height:1!important;
    transition:border-color .15s ease,color .15s ease,background-color .15s ease!important;
  }

  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > a:hover,
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > a:focus-visible,
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > .nav-group:hover > a,
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > .nav-group:focus-within > a,
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > .nav-group > a:hover,
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu > .nav-group > a:focus-visible{
    border-color:var(--cp-navy,#153f5b)!important;
    background:#fff!important;
    color:var(--cp-navy,#153f5b)!important;
    box-shadow:none!important;
    outline:none!important;
    transform:none!important;
  }

  /* Dropdown rows keep their own rectangular hover style. */
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu .nav-menu a:hover,
  html body header.top.cpros-header nav.links.clean-nav.meg-primary-menu .nav-menu a:focus-visible{
    border-color:transparent!important;
    border-radius:0!important;
    background:var(--cp-orange-soft,#fff0e2)!important;
    color:#8d4100!important;
    box-shadow:none!important;
  }
}

/* v1.4.6 — stronger mobile submenu contrast */
@media(max-width:1160px){
  html body header.cpros-header .meg-primary-menu.is-open .nav-menu{
    background:#f2f6f7!important;
    border-left:3px solid var(--cp-orange,#f97316)!important;
    padding:6px 0!important;
  }
  html body header.cpros-header .meg-primary-menu.is-open .nav-menu a{
    display:block!important;
    color:#263842!important;
    background:transparent!important;
    font-weight:700!important;
    opacity:1!important;
    padding:15px 18px!important;
    line-height:1.25!important;
    text-decoration:none!important;
    border-bottom:1px solid #d8e1e4!important;
  }
  html body header.cpros-header .meg-primary-menu.is-open .nav-menu a:last-child{
    border-bottom:0!important;
  }
  html body header.cpros-header .meg-primary-menu.is-open .nav-menu a:hover,
  html body header.cpros-header .meg-primary-menu.is-open .nav-menu a:focus-visible,
  html body header.cpros-header .meg-primary-menu.is-open .nav-menu a:active{
    color:var(--cp-blue-dark,#0f354e)!important;
    background:#e3edf1!important;
  }
}

/* v1.6.0 — approved footer + compact Alameda map */
.cpros-footer-v130.cpros-footer-v160{
  background:#1b2026!important;
  color:#c5c9cf!important;
  padding:54px 0 24px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.cpros-footer-v160 .cpros-footer-main{
  display:grid!important;
  grid-template-columns:1.45fr .86fr .72fr .85fr!important;
  gap:58px!important;
  align-items:start!important;
}
.cpros-footer-v160 .cpros-footer-brand,
.cpros-footer-v160 .cpros-footer-column{
  min-width:0!important;
}
.cpros-footer-v160 .cpros-footer-logo-link{
  display:inline-block!important;
  margin:0 0 22px!important;
}
.cpros-footer-v160 .cpros-footer-brand img{
  max-width:180px!important;
  width:auto!important;
  height:auto!important;
  filter:none!important;
  opacity:1!important;
}
.cpros-footer-v160 .cpros-footer-brand p{
  max-width:430px!important;
  margin:0!important;
  color:#b5bac1!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.cpros-footer-v160 .cpros-footer-column{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
.cpros-footer-v160 .cpros-footer-column strong{
  margin:4px 0 12px!important;
  color:#ffd09c!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.cpros-footer-v160 .cpros-footer-column a,
.cpros-footer-v160 .cpros-footer-column span{
  display:block!important;
  margin:0!important;
  color:#d3d6da!important;
  font-size:15px!important;
  line-height:1.5!important;
  text-decoration:none!important;
}
.cpros-footer-v160 .cpros-footer-column a:hover,
.cpros-footer-v160 .cpros-footer-column a:focus-visible{
  color:#ff8a24!important;
}
.cpros-footer-v160 .cpros-footer-visit span + span{margin-top:2px!important}
.cpros-footer-v160 .cpros-footer-visit a{margin-top:8px!important}
.cpros-footer-v160 .cpros-footer-visit a + span{margin-top:8px!important}
.cpros-footer-v160 .cpros-footer-bottom{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  margin-top:46px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(255,255,255,.13)!important;
  color:#8e949c!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
  font-size:12px!important;
}
.cp-location-map{
  min-height:265px!important;
  height:100%!important;
  overflow:hidden!important;
  border:1px solid rgba(15,39,57,.18)!important;
  border-radius:4px!important;
  background:#e8e9e7!important;
  box-shadow:0 10px 28px rgba(15,39,57,.08)!important;
}
.cp-location-map iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:265px!important;
  border:0!important;
  filter:saturate(.78) contrast(.96)!important;
}
@media(max-width:980px){
  .cpros-footer-v160 .cpros-footer-main{grid-template-columns:1.2fr 1fr 1fr!important;gap:36px!important}
  .cpros-footer-v160 .cpros-footer-brand{grid-column:1/-1!important}
}
@media(max-width:680px){
  .cpros-footer-v130.cpros-footer-v160{padding:42px 0 22px!important}
  .cpros-footer-v160 .cpros-footer-main{grid-template-columns:1fr 1fr!important;gap:32px 24px!important}
  .cpros-footer-v160 .cpros-footer-brand{grid-column:1/-1!important}
  .cpros-footer-v160 .cpros-footer-bottom{flex-direction:column!important;align-items:flex-start!important;margin-top:34px!important}
  .cp-location-map,.cp-location-map iframe{min-height:230px!important}
}
@media(max-width:440px){
  .cpros-footer-v160 .cpros-footer-main{grid-template-columns:1fr!important}
  .cpros-footer-v160 .cpros-footer-brand{grid-column:auto!important}
}
