/* ===== site.css ===== */
:root{--ink:#0a2335;--deep:#061b2b;--deep2:#0c2a3c;--paper:#fff;--off:#f4f7f7;--line:#dfe8ea;--muted:#657881;--cyan:#37cfdb;--cyanDark:#0d8393;--mint:#dff5f4;--green:#1ea850;--width:1250px;--font:'Prompt',Tahoma,sans-serif;--heading:'Kanit',Tahoma,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:var(--paper);font:400 15px/1.8 var(--font);color:var(--ink);overflow-x:hidden}
img{max-width:100%;display:block}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}
h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-family:var(--heading);letter-spacing:-.025em;font-weight:600;line-height:1.16}p{line-height:1.85}
.ico{display:inline-block;vertical-align:middle;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;overflow:hidden}.wrap{width:min(var(--width),calc(100% - 80px));margin:0 auto}.skip-link{position:absolute;left:12px;top:-60px;padding:10px 16px;background:#fff;z-index:999}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
/* Navigation */
.announce{background:#ecf6f6;color:#456771;border-bottom:1px solid #dbeaea;font-size:12px}.announce-inner{min-height:37px;display:flex;justify-content:space-between;align-items:center;gap:24px}.announce-inner span,.announce-inner a{display:flex;align-items:center;gap:7px}.announce-inner .ico{width:14px;height:14px;color:#228e9b}.announce-inner strong{font-weight:700;color:#124452}.announce a:hover{color:var(--cyanDark)}
.site-header{position:sticky;top:0;z-index:110;background:rgba(255,255,255,.98);border-bottom:1px solid #e9eff0;backdrop-filter:blur(14px)}.nav-inner{min-height:89px;display:flex;gap:30px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:228px;height:auto}.site-nav{display:flex;gap:30px;align-items:center}.site-nav>a{font-size:13px;font-weight:600;white-space:nowrap;color:#3f555d;transition:color .2s}.site-nav>a:hover{color:#0997a7}.nav-cta{display:flex;align-items:center;gap:10px;padding:12px 15px;white-space:nowrap;background:var(--deep);border:1px solid var(--deep);color:#fff;font-size:13px;font-weight:600;transition:.2s}.nav-cta:hover{background:#155268;border-color:#155268}.nav-cta .ico{width:16px;height:16px}.nav-contact-sm,.menu-toggle{display:none!important}
/* Hero, distinct editorial composition */
.hero{background:var(--deep);color:#fff;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 85% at 75% 55%,rgba(31,118,145,.23),transparent 75%),linear-gradient(105deg,rgba(5,17,30,.6),transparent 75%)}.hero-wrap{position:relative}.hero-accent-label{display:flex;align-items:center;gap:12px;font:600 10px/1.2 var(--font);letter-spacing:.18em;color:#a4bbc5;padding:28px 0 5px}.pulse{height:7px;width:7px;background:var(--cyan);box-shadow:0 0 0 6px rgba(55,207,219,.08);border-radius:50%}.hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:660px;align-items:center;gap:44px}.hero-copy{position:relative;z-index:2;padding:42px 0 70px}.hero-overline{font-size:12px;font-weight:600;letter-spacing:.16em;margin:0 0 20px;color:var(--cyan)}.hero-overline span{color:#7f9fae}.hero h1{font-size:clamp(53px,5.2vw,83px);font-weight:600;color:#fff;margin:0 0 27px;line-height:1.12;letter-spacing:-.045em}.hero h1>span:not(.hero-subline){display:inline-block;color:var(--cyan)}.hero h1 .hero-subline{display:block;font-size:clamp(26px,3vw,39px);letter-spacing:-.023em;color:#d8e6ec;margin-top:14px;font-weight:500}.hero-lead{max-width:535px;font-size:15.5px;color:#b9cbd2;margin:0;line-height:1.97}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:33px}.action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 20px;border:1px solid transparent;font-size:14px;font-weight:600;transition:transform .2s,background-color .2s,color .2s;line-height:1.4}.action:hover{transform:translateY(-2px)}.action.primary{background:var(--cyan);color:#072735}.action.primary:hover{background:#a4f5f7}.action.ghost{background:transparent;border-color:#527384;color:#eff9fa}.action.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.action.dark{background:var(--deep);color:#fff}.action.dark:hover{background:#145166}.action .ico{width:18px;height:18px}.action .end-arrow{margin-left:6px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:27px;color:#99b3c0;font-size:12px;font-weight:500}.hero-tags span{display:flex;gap:6px;align-items:center}.hero-tags .ico{width:13px;height:13px;color:var(--cyan)}
.hero-photo-area{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;padding:42px 0 45px}.hero-photo-back{position:absolute;right:-65px;top:75px;width:82%;height:72%;border:1px solid rgba(119,195,213,.21);transform:translate(6%,-1%)}.hero-photo{position:relative;width:100%;height:min(570px,100%);margin:0;overflow:hidden;background:#133e52;border:1px solid rgba(157,207,221,.15);box-shadow:0 25px 80px rgba(0,11,24,.34)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,23,37,.43),transparent 42%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 50%;filter:saturate(.78) contrast(1.035)}.hero-card-small{position:absolute;left:-38px;bottom:77px;background:#fff;color:var(--deep);width:265px;padding:19px;display:flex;gap:13px;align-items:center;box-shadow:0 22px 55px rgba(0,0,0,.15)}.hero-card-small-icon{width:42px;height:42px;background:#e5f9fa;color:#0a8795;display:grid;place-items:center;flex:none}.hero-card-small strong{display:block;font-size:11px;letter-spacing:.07em;color:#0b3948}.hero-card-small small{display:block;font-size:11px;line-height:1.55;color:#63808b;margin-top:2px}.hero-image-index{position:absolute;right:21px;bottom:60px;color:#ecfcfc;letter-spacing:.17em;font-size:10px;font-weight:600;z-index:1}.hero-bottom-rule{border-top:1px solid rgba(178,225,234,.16);height:71px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8ca7b4}.hero-bottom-rule a{display:flex;align-items:center;gap:12px;color:#def5f6;font-weight:600}.hero-bottom-rule a .ico{width:18px;height:18px;color:var(--cyan)}
/* Mini brand rail */
.intro-band{background:#fff;border-bottom:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:.65fr repeat(3,1fr);align-items:center;min-height:132px}.intro-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:#73909c}.intro-label span{font-size:17px;color:#0c9ba7}.intro-item{display:flex;gap:14px;align-items:center;min-height:66px;padding:0 26px;border-left:1px solid #e8eef0}.intro-item>.ico{width:27px;height:27px;color:#0b9baa}.intro-item strong{display:block;color:#163746;font-size:15px;font-weight:600}.intro-item small{display:block;font-size:11px;color:#7b9098;margin-top:2px}
/* Shared */
.section{padding:112px 0}.kicker{display:flex;align-items:center;gap:12px;color:#0c94a0;font-size:11px;font-weight:700;letter-spacing:.17em;line-height:1.3}.kicker:before{content:'';width:24px;height:1px;background:currentColor}.kicker.light{color:var(--cyan)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:43px}.section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2{font-size:clamp(36px,4.1vw,56px);font-weight:600;margin:24px 0 0;color:var(--ink)}.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,.faq-heading h2 span{color:#1393a1}.section-top>p{max-width:385px;color:#687d84;margin:0 0 3px;font-size:14px;line-height:1.95}.text-link{display:inline-flex;align-items:center;gap:12px;color:#0a8390;font-weight:700;font-size:13px;border-bottom:1px solid #78bdc6;padding-bottom:6px}.text-link .ico{width:17px;height:17px}
/* Service cards */
.services{background:#fff}.repair-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.repair-card{position:relative;background:#f3f7f7;overflow:hidden;transition:transform .25s,box-shadow .25s}.repair-card:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(17,65,81,.12)}.repair-card a{display:block;height:100%}.repair-media{background:#ecf2f3;height:230px;overflow:hidden;display:grid;place-items:center}.repair-media img{width:100%;height:100%;object-fit:contain;padding:23px;mix-blend-mode:multiply;transition:transform .3s}.repair-card:hover img{transform:scale(1.045)}.repair-info{padding:23px 22px 64px;min-height:242px;position:relative;background:#f7f9f9}.repair-n{font-size:10px;letter-spacing:.15em;font-weight:700;color:#168e9c}.repair-card h3{font-size:23px;margin:10px 0 8px;line-height:1.28}.repair-card p{margin:0;font-size:12px;line-height:1.85;color:#677c84}.round-arrow{position:absolute;bottom:22px;right:22px;width:33px;height:33px;border:1px solid #c8dce0;display:grid;place-items:center;color:#0b95a5}.round-arrow .ico{width:16px;height:16px}.repair-card:hover .round-arrow{background:#0f95a2;color:#fff;border-color:#0f95a2}
/* Issues */
.symptoms-section{background:#eef5f5;padding:98px 0}.symptoms-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.symptoms-heading h2{margin-top:23px}.symptoms-heading>p{color:#6c8088;max-width:390px;font-size:14px;margin:21px 0 26px}.symptom-rows{border-top:1px solid #cfdde1}.issue{display:grid;grid-template-columns:35px minmax(0,1fr) auto 22px;align-items:center;gap:15px;padding:24px 0;border-bottom:1px solid #cfdde1}.issue-number{font-size:11px;color:#258d9b;font-weight:700}.issue strong{font:500 20px/1.3 var(--heading);color:#173744}.issue>span:nth-of-type(2){font-size:12px;color:#81959b}.issue .ico{width:18px;height:18px;color:#1195a3}
/* Onsite */
.onsite-section{padding:112px 0;background:#fff}.onsite-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:8%;align-items:center}.onsite-image{position:relative;min-height:488px;background:#e8f3f3;overflow:hidden}.onsite-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.onsite-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(4,34,51,.52))}.image-label{position:absolute;left:28px;bottom:25px;z-index:1;font-size:10px;color:#fff;letter-spacing:.2em;font-weight:700}.onsite-copy h2{margin-top:24px}.onsite-copy>p{font-size:14px;color:#6c7f85;margin:22px 0 24px}.onsite-features{list-style:none;margin:0 0 31px;padding:0;display:grid;gap:13px}.onsite-features li{display:flex;gap:11px;font-size:13px;color:#405960;align-items:flex-start}.onsite-features .ico{width:16px;height:16px;color:#0a9ca7;margin-top:3px}
/* Solutions */
.solutions-section{background:var(--deep);padding:110px 0 118px;color:#fff}.solutions-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:44px}.solutions-top h2{color:#fff;margin-top:26px}.solutions-top h2 span{color:#89abb6}.solutions-link{display:flex;align-items:center;gap:10px;color:#aeeef1;font-size:13px;font-weight:600;border-bottom:1px solid #4d8293;padding-bottom:8px}.solutions-link .ico{width:16px;height:16px}.solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.solution-card{min-width:0;background:#103144;border:1px solid #24495a}.solution-card img{width:100%;height:180px;object-fit:cover;filter:saturate(.72)}.solution-card>div{padding:26px 23px 28px}.solution-card span{font-size:10px;letter-spacing:.14em;color:#63bcc6;font-weight:700}.solution-card h3{color:#fff;font-size:23px;margin:10px 0 8px}.solution-card p{color:#a4bcc5;margin:0;font-size:12px;line-height:1.8}
/* Process */
.process-section{background:#fff}.process-top{margin-bottom:54px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d7e5e8;gap:25px}.process-item{padding-top:27px;position:relative}.process-item:before{content:'';position:absolute;top:-2px;left:0;height:3px;background:var(--cyanDark);width:49px}.process-item>span{display:block;font:400 54px/1 var(--heading);color:#bed9dd;margin-bottom:21px}.process-item h3{font-size:24px;margin:0 0 10px}.process-item p{font-size:13px;color:#6d8189;margin:0;max-width:230px}
/* Examples */
.examples-section{background:#f2f7f7}.examples-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.example{position:relative;overflow:hidden;background:#dce8eb;aspect-ratio:.96}.example img{width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .3s}.example:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(1,23,38,.78))}.example span{position:absolute;left:14px;right:14px;bottom:16px;color:#fff;font-weight:600;font-size:13px;z-index:1}.example:hover img{transform:scale(1.06)}
/* FAQ and area */
.faq-section{background:#fff}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:95px}.faq-heading h2{margin-top:24px}.faq-heading p{max-width:400px;color:#637982;font-size:14px;margin:23px 0 27px}.faq-items{border-top:1px solid #d5e1e4}.faq-items details{border-bottom:1px solid #d5e1e4}.faq-items summary{padding:23px 47px 23px 0;cursor:pointer;list-style:none;position:relative;color:#203d48;font-weight:600;font-size:15px;line-height:1.5}.faq-items summary::-webkit-details-marker{display:none}.faq-plus{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:25px;height:25px}.faq-plus:before,.faq-plus:after{content:'';position:absolute;top:12px;left:4px;height:1.5px;width:17px;background:#1596a4}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-items details[open] .faq-plus:after{transform:rotate(0)}.faq-items details p{margin:0;padding:0 30px 23px 0;font-size:13px;color:#6a8088;line-height:1.9}.area-strip{background:#eaf4f4;padding:34px 0}.area-strip .wrap{display:flex;justify-content:space-between;gap:65px;align-items:center}.area-strip span{white-space:nowrap;color:#0c8d99;font-size:10px;font-weight:700;letter-spacing:.15em}.area-strip p{font-size:13px;color:#42616a;margin:0;max-width:810px}
/* Contact */
.contact-section{background:#0a2639;color:#fff;padding:100px 0}.contact-layout{display:grid;grid-template-columns:1fr .75fr;gap:110px}.contact-main h2{font-size:clamp(53px,6vw,80px);color:#fff;margin:24px 0 19px;font-weight:600}.contact-main h2 span{color:var(--cyan)}.contact-main>p{font-size:14px;color:#acc4cc;max-width:470px;margin-bottom:29px}.contact-buttons{display:flex;flex-wrap:wrap;gap:11px}.contact-aside{border-left:1px solid #315568;padding-left:54px}.contact-aside>span{display:block;color:#70bdc8;font-size:12px;font-weight:700;letter-spacing:.2em;margin-bottom:23px}.contact-aside>div{padding:11px 0 13px;border-bottom:1px solid #284b5d}.contact-aside small{display:block;font-size:11px;color:#8cb0bd}.contact-aside strong,.contact-aside div>a{display:block;color:#f4ffff;font-weight:600;font-size:17px;margin-top:3px}.contact-aside div>a:hover{color:var(--cyan)}.contact-aside p{font-size:12px;color:#819fab;margin:22px 0 0}
/* Footer */
.footer{background:#fff}.footer-main{padding:55px 0 46px;display:flex;justify-content:space-between;align-items:start;gap:50px}.footer-about img{width:265px;height:auto}.footer-about p{color:#71838b;font-size:12px;max-width:465px;margin:10px 0 0}.footer-main nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 22px;max-width:550px}.footer-main nav>a{display:inline-flex;gap:4px;align-items:center;font-size:12px;color:#4b626a;font-weight:600}.footer-main nav>a:hover{color:#0d91a0}.footer-main nav .ico{width:13px;height:13px}.copyright{padding:18px 0 25px;border-top:1px solid #e5eded;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#82959b}.back-to-top{position:fixed;right:20px;bottom:24px;z-index:50;opacity:0;pointer-events:none;background:#0f8392;color:#fff;border:0;width:43px;height:43px;display:grid;place-items:center;box-shadow:0 12px 25px rgba(4,42,60,.14);transition:opacity .2s}.back-to-top.visible{opacity:1;pointer-events:auto}.sticky-mobile{display:none}
/* Medium desktop */
@media(max-width:1230px){.site-nav{gap:16px}.nav-inner{gap:16px}.site-nav>a{font-size:12px}.brand img{width:205px}.hero-layout{gap:25px}.hero h1{font-size:clamp(51px,5.3vw,73px)}.hero-card-small{left:-18px}.symptoms-layout,.faq-layout{gap:55px}.onsite-grid{gap:5%}.contact-layout{gap:55px}}
@media(max-width:1000px){.wrap{width:min(100% - 52px,var(--width))}.menu-toggle{width:42px;height:42px;display:grid!important;place-items:center;border:1px solid #d4e2e6;background:#fff;color:#123442;flex-shrink:0}.nav-cta{margin-left:auto}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 18px 25px rgba(7,38,50,.12);padding:18px 26px 24px;border-bottom:1px solid #e5eef0;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav>a{padding:11px 3px;font-size:14px;border-bottom:1px solid #eff3f4}.nav-contact-sm{display:flex!important;gap:5px;align-items:center}.hero-layout{min-height:560px}.hero h1{font-size:clamp(44px,5.5vw,65px)}.hero-lead{font-size:14px}.hero-photo-area{padding:36px 0}.hero-photo{height:470px}.intro-grid{grid-template-columns:repeat(3,1fr)}.intro-label{display:none}.intro-item:first-of-type{border-left:0}.intro-item{padding:0 16px}.section{padding:88px 0}.repair-grid,.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.repair-media{height:225px}.symptoms-layout,.faq-layout{grid-template-columns:1fr 1.25fr;gap:30px}.onsite-image{min-height:410px}.solutions-grid .solution-card img{height:200px}.process-grid{gap:16px}.examples-grid{grid-template-columns:repeat(3,1fr)}.contact-layout{grid-template-columns:1fr .85fr;gap:25px}.contact-aside{padding-left:25px}}
@media(max-width:720px){html{scroll-padding-top:74px}body{padding-bottom:77px}.wrap{width:min(100% - 34px,var(--width))}.announce{display:none}.nav-inner{min-height:74px}.brand img{width:min(216px,calc(100vw - 103px))}.nav-cta{display:none}.site-nav{padding:14px 17px 22px}.hero-accent-label{font-size:9px;padding:25px 0 0;letter-spacing:.11em}.hero-layout{grid-template-columns:1fr;min-height:0;gap:4px}.hero-copy{padding:44px 0 16px}.hero h1{font-size:clamp(45px,10vw,68px);line-height:1.11;margin-bottom:18px}.hero h1 .hero-subline{font-size:clamp(23px,6vw,32px);margin-top:10px}.hero-lead{font-size:14px}.hero-actions{gap:10px;margin-top:25px}.action{min-height:48px;padding:12px 15px;font-size:13px}.hero-tags{gap:8px 12px;margin-top:19px;font-size:11px}.hero-photo-area{height:350px;align-items:stretch;padding:20px 18px 38px}.hero-photo{height:100%;width:100%}.hero-photo img{object-position:50% 37%}.hero-photo-back{right:4px;top:36px;width:80%;height:78%}.hero-card-small{left:0;bottom:20px;width:min(256px,75%);padding:12px}.hero-card-small-icon{width:36px;height:36px}.hero-card-small small{font-size:10px}.hero-image-index{right:20px;bottom:54px;font-size:9px}.hero-bottom-rule{height:auto;min-height:63px;gap:10px}.hero-bottom-rule>span{font-size:10px;max-width:160px}.hero-bottom-rule a{font-size:11px}.intro-grid{grid-template-columns:1fr;min-height:0;padding:16px 0}.intro-item{padding:15px 1px;min-height:0;border-left:0;border-bottom:1px solid #eef2f3}.intro-item:last-child{border-bottom:0}.section,.onsite-section,.solutions-section{padding:75px 0}.section-top{align-items:start;flex-direction:column;gap:16px;margin-bottom:28px}.section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2{font-size:clamp(36px,9vw,49px);margin-top:18px}.section-top>p{max-width:none}.repair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.repair-media{height:170px}.repair-media img{padding:15px}.repair-info{min-height:237px;padding:19px 15px 52px}.repair-card h3{font-size:20px}.repair-card p{font-size:11.5px}.round-arrow{bottom:16px;right:16px}.symptoms-section{padding:77px 0}.symptoms-layout,.faq-layout{grid-template-columns:1fr;gap:37px}.symptoms-heading>p{max-width:none;margin:16px 0 22px}.issue{grid-template-columns:27px 1fr 18px;gap:9px;padding:19px 0}.issue>span:nth-of-type(2){display:none}.issue strong{font-size:19px}.onsite-grid{grid-template-columns:1fr;gap:30px}.onsite-image{min-height:320px}.onsite-copy>p{margin:18px 0}.solutions-top{align-items:start;flex-direction:column;gap:16px}.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.solution-card img{height:145px!important}.solution-card>div{padding:17px 14px 20px}.solution-card h3{font-size:19px}.solution-card p{font-size:11px}.solution-card span{font-size:9px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.process-item>span{font-size:45px}.process-item h3{font-size:21px}.process-item p{font-size:12px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.example{aspect-ratio:1.1}.example span{font-size:12px;bottom:11px;left:11px}.faq-heading p{max-width:none}.area-strip .wrap{display:block}.area-strip span{display:block;margin-bottom:8px}.area-strip p{font-size:12px}.contact-section{padding:72px 0}.contact-layout{grid-template-columns:1fr;gap:37px}.contact-main h2{font-size:clamp(48px,11vw,66px)}.contact-aside{border-left:0;border-top:1px solid #315568;padding:30px 0 0}.footer-main{display:block;padding:42px 0}.footer-main nav{justify-content:flex-start;margin-top:27px}.copyright{display:block}.copyright span{display:block;margin-bottom:5px}.sticky-mobile{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:105;background:rgba(255,255,255,.97);border-top:1px solid #dae6e9;padding:9px 11px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.sticky-mobile a{display:flex;justify-content:center;align-items:center;gap:7px;background:#082c3d;color:#fff;min-height:47px;font-size:13px;font-weight:700}.sticky-mobile a:nth-child(2){background:#13a34b}.sticky-mobile .ico{width:17px;height:17px}.back-to-top{bottom:90px;right:13px}}
@media(max-width:430px){.hero-overline{font-size:10px}.hero h1{font-size:clamp(40px,10.8vw,52px)}.hero h1 .hero-subline{font-size:24px}.hero-actions{flex-direction:column}.hero-actions .action{width:100%}.hero-photo-area{height:307px;padding:15px 10px 35px}.hero-card-small{width:225px;bottom:18px}.hero-image-index{display:none}.repair-grid{grid-template-columns:1fr}.repair-media{height:218px}.repair-info{min-height:185px;padding:22px 19px 58px}.repair-card h3{font-size:24px}.repair-card p{font-size:13px}.solutions-grid{grid-template-columns:1fr}.solution-card img{height:185px!important}.solution-card>div{padding:21px}.solution-card h3{font-size:23px}.solution-card p{font-size:12px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-buttons{display:flex;flex-direction:column}.contact-buttons .action{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}


/* Final cohesive photography-first homepage, matching approved mockup */
:root {--width:1340px}
.wrap{width:min(var(--width),calc(100% - 48px))}
.hero.hero-rebuilt{background:#fff;overflow:visible;color:#fff;padding:0}
.hero.hero-rebuilt:before{content:none}
.hero-stage{position:relative;isolation:isolate;min-height:575px;max-width:1500px;width:100%;overflow:hidden;background:#092538}
.hero-image,.hero-overlay{position:absolute;inset:0;pointer-events:none}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:51% 50%}
.hero-overlay{background:linear-gradient(90deg,rgba(3,27,44,.98) 0%,rgba(4,31,50,.94) 28%,rgba(5,39,62,.70) 49%,rgba(5,33,52,.12) 83%)}
.hero-copy-new{position:relative;z-index:2;padding:78px clamp(32px,5.4vw,84px) 65px;max-width:805px}
.hero-overline-new{font-size:13px;font-weight:700;letter-spacing:.12em;color:#67d9e4}
.hero-overline-new span{font-size:10px;color:#cbecf0;font-weight:500;letter-spacing:.1em}
.hero h1{color:#fff;font-size:clamp(42px,4.6vw,66px);line-height:1.15;letter-spacing:-.03em;margin:25px 0 21px;text-shadow:0 4px 22px rgba(0,0,0,.08)}
.hero h1 em{font-style:normal;color:#4ce3ee}
.hero-subtitle-new{font-size:16px;line-height:1.95;color:#ecf7f9;max-width:610px;margin:0}
.hero-services-new{display:flex;flex-wrap:wrap;gap:10px 22px;margin:25px 0 30px;font-size:12px;font-weight:600;color:#d8eaf0}
.hero-services-new span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.hero-services-new .ico{width:17px;height:17px;color:#58dfe9}
.hero-buttons-new{display:flex;gap:12px;flex-wrap:wrap}
.hero-buttons-new .action{min-height:51px;border-radius:8px;white-space:nowrap}
.hero-buttons-new .action.ghost{border-color:rgba(255,255,255,.65);background:rgba(4,31,49,.35)}
.hero-quick-facts{z-index:3;position:absolute;right:28px;bottom:24px;display:grid;gap:0;width:245px;background:rgba(255,255,255,.95);color:#15384b;padding:8px 18px;border-radius:14px;box-shadow:0 15px 35px rgba(3,20,34,.16)}
.hero-quick-facts>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #dde8ec;font:600 12px/1.4 var(--font)}
.hero-quick-facts>div:last-child{border-bottom:none}
.hero-quick-facts .ico{width:24px;height:24px;color:#0c8f9f}
.hero-quick-facts small{color:#6c858b;font-size:10px;font-weight:400}
.services{padding:50px 0 15px}.services .wrap{width:min(var(--width),calc(100% - 48px))}
.services .section-top{margin-bottom:22px;align-items:end}.services .section-top h2{font-size:clamp(33px,3.5vw,46px)}
.repair-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.repair-card{border-radius:12px;background:#f6fafc;border:1px solid #e2ecf0;box-shadow:none;overflow:hidden}
.repair-card:before{content:none}
.repair-card a{display:flex;flex-direction:column;min-height:355px;height:100%;padding:0;position:relative}
.repair-media{position:relative;width:100%;height:215px;flex:0 0 215px;background:#e9f1f4;right:auto;bottom:auto}
.repair-media img{object-fit:cover;mix-blend-mode:normal;padding:0;width:100%;height:100%}
.repair-info{padding:18px 19px 50px;background:#fff;max-width:none;flex:1}
.repair-card h3{font-size:24px;line-height:1.22;margin:8px 0}
.repair-card p{font-size:12px;line-height:1.65}
.round-arrow{left:auto;right:17px;bottom:16px;border-radius:50%;width:30px;height:30px}
.showcase-strip{background:#fff}
.showcase-row{width:min(var(--width),calc(100% - 48px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-bottom:45px}
.showcase-card{min-height:265px;border-radius:12px;border:1px solid #d9e7ea;box-shadow:none}
.showcase-card img{width:100%;height:100%;object-fit:cover}
.showcase-card:after{background:linear-gradient(0deg,rgba(6,27,41,.88),rgba(6,27,41,0) 65%)}
.showcase-copy h3{font-size:21px}.showcase-copy span{font-size:9px}
.onsite-image img,.solutions-grid .solution-card img,.example img{filter:none}
.solutions-grid .solution-card{box-shadow:none}
.solutions-grid .solution-card img{height:220px!important}
.example{border-radius:14px!important}
.example img{height:100%;object-fit:cover}
/* Responsive image layouts: nothing overlaps the headline or touch targets. */
@media(max-width:1100px){
 .hero-stage{min-height:560px}.hero-copy-new{max-width:710px}.hero-quick-facts{width:210px;right:16px;bottom:16px}
 .repair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .wrap,.services .wrap,.showcase-row{width:min(100% - 30px,var(--width))}
 .hero-stage{min-height:0}.hero-image img{object-position:65% center}
 .hero-overlay{background:linear-gradient(180deg,rgba(4,29,46,.80),rgba(4,29,46,.95))}
 .hero-copy-new{padding:52px 22px 170px;max-width:none}
 .hero h1{font-size:clamp(36px,8.3vw,52px);margin:20px 0 15px}
 .hero-subtitle-new{font-size:14px;line-height:1.8}
 .hero-services-new{font-size:11px;gap:10px 13px;margin:18px 0 23px}
 .hero-buttons-new{flex-wrap:wrap;gap:9px}.hero-buttons-new .action{min-height:46px;font-size:12px;padding:11px 13px}
 .hero-quick-facts{bottom:16px;right:16px;left:16px;width:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:9px 11px}
 .hero-quick-facts>div{border:none;gap:6px;align-items:flex-start;font-size:10px;line-height:1.35;padding:4px 0}
 .hero-quick-facts .ico{width:18px;height:18px;flex:none}.hero-quick-facts small{font-size:9px}
 .services{padding:44px 0 10px}.services .section-top{margin-bottom:19px}
 .repair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .repair-card a{min-height:0;padding:0;display:flex}
 .repair-media{height:160px;flex-basis:160px;position:relative;width:100%}
 .repair-info{max-width:none;padding:13px 13px 44px}
 .repair-card h3{font-size:20px}.repair-card p{font-size:11px}
 .showcase-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:26px}
 .showcase-card{min-height:200px}.showcase-copy h3{font-size:18px}
 .solutions-grid .solution-card img{height:170px!important}
}
@media(max-width:480px){
 .hero-copy-new{padding:38px 19px 185px}.hero-overline-new{font-size:12px}.hero-overline-new span{display:block;margin-top:3px}
 .hero h1{font-size:clamp(32px,8.4vw,40px)}
 .hero-services-new{gap:8px 12px}
 .hero-buttons-new .action{width:100%}
 .hero-quick-facts{grid-template-columns:1fr 1fr;gap:3px 12px;left:11px;right:11px;bottom:10px}
 .hero-quick-facts>div:last-child{grid-column:1/-1}.hero-quick-facts>div{gap:6px;padding:3px 0}
 .repair-grid{grid-template-columns:1fr;gap:12px}.repair-media{height:225px;flex-basis:225px}
 .repair-card h3{font-size:23px}.repair-card p{font-size:12px}
 .showcase-row{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-card{min-height:170px}
 .showcase-copy h3{font-size:17px}.showcase-copy p{font-size:10px}
}

/* Compact related-sites tiles, kept subtle at the very bottom of the page */
.related-sites{padding:19px 0 21px;border-top:1px solid #e5eded}
.related-sites-title{margin:0 0 11px;color:#758a92;font-size:11px;font-weight:600;letter-spacing:.01em}
.related-sites-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.related-site{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:66px;padding:11px 13px;background:#f8fbfc;border:1px solid #e1ebee;border-radius:9px;gap:8px;transition:background-color .2s,border-color .2s,transform .2s}
.related-site:hover{background:#eff9fb;border-color:#9cced5;transform:translateY(-2px)}
.related-site:focus-visible{outline:2px solid #0d91a0;outline-offset:3px}
.related-site-info{display:block;min-width:0}
.related-site strong{display:block;color:#173745;font-size:12px;font-weight:700;line-height:1.4}
.related-site small{display:block;color:#7b9198;font-size:10px;line-height:1.4;margin-top:2px}
.related-site-arrow{flex:none;color:#0d91a0;font:600 17px/1 var(--font,Arial,sans-serif)}
@media(max-width:820px){.related-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.related-sites{padding-top:17px;padding-bottom:18px}.related-sites-grid{gap:8px}.related-site{min-height:70px;padding:11px}.related-site strong{font-size:11px}.related-site small{font-size:9px}.related-site-arrow{font-size:15px}}

/* Three repair services after removing Mac / MacBook; retain responsive layouts. */
@media(min-width:1101px){.services .repair-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}


/* ===== Premium IT refinement, onsite guide and verified local presence | 2026-10-18 ===== */
:root{--blue-premium:#123a52;--cyan-premium:#55cbd8}
html{scroll-padding-top:108px}
#location,#onsite{scroll-margin-top:104px}
@media(min-width:1160px){.site-nav{gap:19px}.site-nav>a{font-size:12px}}
.hero.hero-rebuilt{padding:24px 24px 0;background:#f5f9fb}
.hero-stage{width:min(100%,1510px);max-width:1510px;margin:auto;min-height:615px;display:flex;align-items:center;background:linear-gradient(125deg,#061e31 0%,#0a2f47 70%,#103b54 100%);border-radius:20px;box-shadow:0 23px 58px rgba(9,32,51,.10)}
.hero-stage:before{content:"";position:absolute;z-index:2;top:52px;left:50%;width:1px;height:70px;background:linear-gradient(#43becb,transparent);opacity:.4}
.hero-image{inset:0 0 0 auto;width:49%;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.hero-image img{object-position:50% 50%;filter:saturate(.88) contrast(.99)}
.hero-overlay{background:linear-gradient(90deg,#061e31 0%,#08283d 49%,rgba(8,40,61,.4) 63%,transparent 80%)}
.hero-copy-new{padding:78px clamp(32px,4.8vw,84px) 104px;max-width:58%;width:58%}
.hero-overline-new{font-size:12px;color:#a9eef0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;letter-spacing:.12em}
.hero-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65d1d5;box-shadow:0 0 0 4px rgba(101,209,213,.13)}
.hero-overline-new span:not(.hero-status-dot){color:#8eabbc;font-size:10px}
.hero.hero-rebuilt h1{font-size:clamp(39px,4.3vw,61px);line-height:1.17;margin:27px 0 22px;letter-spacing:-.032em;max-width:760px;text-shadow:none}
.hero.hero-rebuilt h1 em{color:#72dde4}
.hero-headline-tail{font-size:.50em;display:block;letter-spacing:-.01em;font-weight:500;margin-top:13px;color:#e0eff2}
.hero-subtitle-new{font-size:14px;max-width:480px;line-height:1.9;color:#cbdee4}
.hero-services-new{margin:25px 0 29px;gap:12px 16px;font-size:11px}
.hero-services-new span{white-space:normal}
.hero-buttons-new .action{border-radius:7px;min-height:51px;box-shadow:none}
.hero-buttons-new .primary{background:#10a8b6;border-color:#10a8b6}
.hero-buttons-new .primary:hover{background:#0fbbc8}
.hero-buttons-new .action.ghost{border:1px solid #809eaa;background:rgba(255,255,255,.04);color:#fff}
.hero-quick-facts{right:24px;bottom:25px;width:265px;border-radius:12px;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 14px 36px rgba(3,20,34,.2)}
.hero-quick-facts .ico{color:#087e90}
.intro-band{background:#f5f9fb}
/* On-site enquiry logistics */
.onsite-guide{background:#f2f7f9;padding:74px 0 83px}
.onsite-guide-heading{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:65px;margin-bottom:26px}
.onsite-guide-heading h2,.location-copy h2{font-size:clamp(32px,3.5vw,49px);line-height:1.35;letter-spacing:-.025em;color:#0b263b;font-weight:600;margin:16px 0 0}
.onsite-guide-heading h2 span,.location-copy h2 span{color:#0f8fa0}
.onsite-guide-heading>p{max-width:430px;color:#627a83;line-height:1.85;font-size:13px;margin:0}
.onsite-guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.onsite-guide-steps article{padding:25px 21px 28px;background:#fff;border:1px solid #dfeaec;border-radius:11px;min-height:226px}
.onsite-step-num{font:700 10px/1.4 var(--font);letter-spacing:.11em;color:#1596a5}
.onsite-guide-steps h3{font-size:17px;color:#173b4e;line-height:1.4;margin:20px 0 10px;font-weight:600}
.onsite-guide-steps p{font-size:12px;line-height:1.9;color:#687c85;margin:0}
.onsite-districts{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;border-top:1px solid #dae7e9;margin-top:34px;padding:31px 6px 22px}
.eyebrow-small{font-size:10px;letter-spacing:.12em;color:#118c9c;font-weight:700}
.onsite-districts h3{color:#153548;margin:9px 0 6px;font-size:20px}
.onsite-districts p{margin:0;color:#697f87;line-height:1.8;font-size:12px;max-width:570px}
.district-pills{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-start}
.district-pills span{padding:8px 13px;border:1px solid #d4e6e9;background:#fff;border-radius:6px;font-size:12px;color:#355b69;font-weight:500}
.onsite-guide-footer{border:1px solid #d7e7e9;background:#e8f1f3;border-radius:9px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.onsite-guide-footer p{font-size:11px;line-height:1.7;color:#566e77;margin:0;max-width:850px}
.onsite-guide-footer a{font-size:11px;font-weight:700;color:#087a8a;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.onsite-guide-footer .ico{height:14px;width:14px}
/* Verified local SEO office + live map */
.location-section{padding:93px 0;background:#fff}
.location-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6%}
.location-copy h2{margin:17px 0 18px}
.location-intro{font-size:13px;line-height:1.85;color:#597680;max-width:450px;margin:0 0 24px}
.location-address{display:flex;gap:13px;padding:18px 0 16px;border-top:1px solid #dce8ea;border-bottom:1px solid #dce8ea}
.location-address>.ico{color:#0b9caf;width:24px;height:24px;flex:none;margin-top:3px}
.location-address strong{display:block;color:#183d50;font-size:15px;font-weight:600;margin-bottom:6px}
.location-address address{font-size:13px;line-height:1.85;color:#5e7680;font-style:normal}
.location-contacts{display:flex;gap:17px;flex-wrap:wrap;margin:18px 0 21px}
.location-contacts a{display:inline-flex;align-items:center;gap:8px;color:#193c4e;font-weight:600;font-size:13px}
.location-contacts .ico{height:16px;width:16px;color:#0c92a0}
.location-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.location-actions .action{border-radius:6px;padding:14px 17px;font-size:12px}
.location-shared-link{font-size:11px;color:#317b87;text-decoration:underline;text-underline-offset:4px}
.location-shared-link .ico{width:13px;height:13px;vertical-align:middle}
.location-footnote{color:#879aa2;font-size:11px;line-height:1.7;margin:17px 0 0}
.location-map-wrap{border:1px solid #dce9ec;border-radius:14px;overflow:hidden;background:#f4f9fa;box-shadow:0 16px 34px rgba(12,39,52,.06)}
.map-bar,.map-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#f4f9fa}
.map-bar span{display:inline-flex;align-items:center;gap:7px;color:#1e5364;font-weight:700;font-size:11px;letter-spacing:.12em}
.map-bar .ico{width:15px;height:15px;color:#1398a9}
.map-bar small,.map-bottom span{font-size:11px;color:#5e7882}
.location-map-wrap iframe{width:100%;height:386px;border:0;display:block;background:#e3edef}
.map-bottom{border-top:1px solid #dce9ec;padding:15px 20px}
.map-bottom a{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#108798;font-size:12px;font-weight:700}
.map-bottom .ico{height:15px;width:15px}
.contact-aside .contact-address-link{font-size:12px!important;line-height:1.7;display:block;max-width:340px}
/* clear focus states */
.location-section a:focus-visible,.onsite-guide a:focus-visible{outline:2px solid #169daf;outline-offset:3px}
@media(max-width:1130px){
 .hero-copy-new{max-width:64%;width:64%;padding:70px 27px 96px 45px}
 .hero-image{width:44%}
 .hero-quick-facts{right:13px;width:217px}
 .onsite-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .onsite-guide-steps article{min-height:0}
}
@media(max-width:800px){
 .hero.hero-rebuilt{padding:0;background:#061e31}
 .hero-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;border-radius:0;box-shadow:none}
 .hero-stage:before{display:none}
 .hero-image{position:relative;width:100%;inset:auto;height:330px;clip-path:none;order:0}
 .hero-image img{object-position:center center}
 .hero-overlay{display:none}
 .hero-copy-new{order:1;max-width:100%;width:100%;padding:35px 26px 33px}
 .hero.hero-rebuilt h1{font-size:clamp(36px,6.8vw,52px);margin:17px 0}
 .hero-headline-tail{font-size:.52em;margin-top:6px}
 .hero-subtitle-new{font-size:13px;max-width:640px}
 .hero-quick-facts{position:relative;inset:auto;order:2;width:auto;border-radius:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#113c51;color:#fff;box-shadow:none;gap:12px;padding:15px 26px}
 .hero-quick-facts>div{border:0;padding:2px 0;color:#e6f5f8;font-size:11px}
 .hero-quick-facts small{color:#c0d9df}
 .hero-quick-facts .ico{color:#72d3df}
 .onsite-guide{padding:60px 0}
 .onsite-guide-heading{grid-template-columns:1fr;gap:12px}
 .onsite-districts{grid-template-columns:1fr;gap:15px}
 .onsite-guide-footer{align-items:flex-start;flex-direction:column}
 .location-section{padding:68px 0}
 .location-layout{grid-template-columns:1fr;gap:30px}
 .location-map-wrap iframe{height:350px}
}
@media(max-width:520px){
 .hero-image{height:225px}
 .hero-copy-new{padding:28px 19px 26px}
 .hero-overline-new{font-size:10px}
 .hero-overline-new span:not(.hero-status-dot){font-size:9px}
 .hero.hero-rebuilt h1{font-size:clamp(31px,8.9vw,40px)}
 .hero-services-new{gap:9px 14px;margin:19px 0 22px}
 .hero-buttons-new .action{min-height:47px}
 .hero-quick-facts{grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px}
 .hero-quick-facts>div:last-child{grid-column:1/-1}
 .hero-quick-facts>div{font-size:10px;line-height:1.45}
 .onsite-guide-heading h2,.location-copy h2{font-size:32px}
 .onsite-guide-steps{grid-template-columns:1fr;gap:9px}
 .onsite-guide-steps article{padding:21px;min-height:0}
 .onsite-guide-steps h3{margin:9px 0 6px}
 .district-pills span{font-size:11px;padding:7px 11px}
 .location-map-wrap iframe{height:305px}
 .map-bar,.map-bottom{padding:13px 14px}
 .map-bar small{font-size:10px}
}

/* Force editorial headline lines to avoid inline baseline collisions */
.hero.hero-rebuilt h1 em{display:block;line-height:1.18}
.hero.hero-rebuilt .hero-headline-tail{display:block;font-size:.46em;line-height:1.5;margin-top:7px;font-weight:500;letter-spacing:0}
@media(max-width:520px){.hero.hero-rebuilt .hero-headline-tail{font-size:.58em;line-height:1.5;margin-top:8px}}

/* Enhanced Common Issues section */
.symptoms-section{
  background:linear-gradient(180deg,#edf3f4 0%,#eef4f5 100%);
  padding:108px 0 104px;
}
.symptoms-layout{
  display:grid;
  grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr);
  gap:72px;
  align-items:start;
}
.symptoms-heading{
  padding-top:4px;
}
.symptoms-heading .kicker{
  margin-bottom:18px;
}
.symptoms-heading .kicker:before{
  width:28px;
}
.symptoms-heading h2{
  margin:0;
  font-size:clamp(48px,5.1vw,72px);
  line-height:1.04;
  letter-spacing:-.045em;
  color:#112f41;
}
.symptoms-heading h2 span{
  display:inline-block;
  margin-top:10px;
  color:#1699a8;
}
.symptoms-heading>p{
  max-width:450px;
  font-size:15px;
  line-height:1.95;
  color:#6c8188;
  margin:28px 0 30px;
}
.symptoms-heading .text-link{
  font-size:15px;
  font-weight:700;
  padding-bottom:8px;
  border-bottom:1px solid rgba(22,153,168,.45);
}
.symptoms-heading .text-link .ico{
  width:19px;
  height:19px;
}
.symptom-rows{
  background:rgba(255,255,255,.9);
  border:1px solid #d5e1e5;
  border-radius:24px;
  box-shadow:0 16px 38px rgba(9,40,57,.08);
  padding:12px 24px;
}
.symptom-rows .issue{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) minmax(140px,210px) 24px;
  gap:18px;
  align-items:center;
  padding:22px 4px;
  border-bottom:1px solid #deeaed;
  transition:background-color .18s ease, transform .18s ease;
}
.symptom-rows .issue:last-child{
  border-bottom:none;
}
.symptom-rows .issue:hover{
  background:rgba(16,153,168,.035);
}
.issue-number{
  font-size:13px;
  font-weight:700;
  letter-spacing:.03em;
  color:#1497a6;
}
.issue strong{
  font:600 22px/1.32 var(--heading);
  color:#173546;
  letter-spacing:-.02em;
}
.issue>span:nth-of-type(2){
  font-size:12px;
  line-height:1.55;
  color:#83979d;
  text-align:right;
}
.issue .ico{
  width:18px;
  height:18px;
  color:#1195a3;
}
@media (max-width:1100px){
  .symptoms-layout{gap:48px;grid-template-columns:1fr;}
  .symptoms-heading>p{max-width:620px}
}
@media (max-width:720px){
  .symptoms-section{padding:78px 0 76px}
  .symptoms-layout{gap:30px}
  .symptoms-heading h2{font-size:clamp(40px,10vw,58px);line-height:1.08}
  .symptoms-heading h2 span{margin-top:6px}
  .symptoms-heading>p{font-size:14px;margin:18px 0 22px}
  .symptom-rows{padding:8px 18px;border-radius:20px}
  .symptom-rows .issue{
    grid-template-columns:34px 1fr 20px;
    gap:12px;
    padding:18px 0;
  }
  .issue strong{font-size:20px}
  .issue>span:nth-of-type(2){display:none}
}
@media (max-width:430px){
  .symptoms-heading .text-link{font-size:14px}
  .issue strong{font-size:18px;line-height:1.35}
}


/* Showcase section heading */
.showcase-strip{padding:34px 0 78px;background:#fff;}
.showcase-intro{margin-bottom:22px;}
.showcase-head{display:flex;align-items:end;justify-content:space-between;gap:22px;}
.showcase-head h2{margin:0;font-size:clamp(34px,4vw,48px);line-height:1.08;color:#123041;letter-spacing:-.035em;}
.showcase-head p{margin:16px 0 0;max-width:760px;font-size:15px;line-height:1.85;color:#6b7f86;}
.showcase-intro .text-link{white-space:nowrap;align-self:flex-end;font-size:15px;font-weight:700;padding-bottom:8px;border-bottom:1px solid rgba(22,153,168,.35);}
.showcase-intro .text-link .ico{width:18px;height:18px;}
@media (max-width:900px){.showcase-strip{padding:26px 0 62px}.showcase-head{display:block}.showcase-intro .text-link{display:inline-flex;margin-top:18px}}


/* ===== design-v2.css ===== */
/* Cyber Seven • premium editorial refresh. Classic hero, fresh supporting sections. */
:root { --ink:#102c3e; --deep:#071f32; --off:#f3f7f8; --line:#dce7eb; --muted:#627783; --cyan:#48d9e1; --cyanDark:#0c8393; --width:1260px; }
html {scroll-padding-top:95px}
body {background:#fff;color:#173445;font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}
.wrap {width:min(var(--width),calc(100% - 72px))}
h1,h2,h3 {letter-spacing:-.025em}
.section,.onsite-section,.solutions-section {padding:100px 0}
.kicker {font-size:10px;letter-spacing:.20em;color:#198d9b}
.kicker:before {width:27px}
.section-top{gap:55px;margin-bottom:39px}
.section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2,.onsite-guide-heading h2,.location-copy h2 {font-size:clamp(35px,3.75vw,51px);line-height:1.3;margin-top:16px;letter-spacing:-.033em}
.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,.faq-heading h2 span,.onsite-guide-heading h2 span,.location-copy h2 span {color:#118c9a}
.section-top>p,.onsite-guide-heading>p {font-size:14px;line-height:1.92;color:#697c86}
.action {border-radius:10px;font-size:13px;min-height:49px;padding:13px 19px;font-weight:600}
.action.primary {background:#42d5df;border-color:#42d5df;color:#092b3d}
.action.primary:hover {background:#a5f3f3}
.action.dark {background:#0b3146;border:1px solid #0b3146}
.action.dark:hover {background:#17637a}
.text-link {color:#0b8293;border-bottom-color:#9bd2d8}
/* Refined fixed navigation */
.announce {background:#eaf4f5;color:#547079}
.announce-inner{min-height:32px}
.site-header {box-shadow:0 8px 25px rgba(11,43,57,.045);border-bottom:1px solid #e6eef0}
.nav-inner {min-height:81px;gap:18px}
.brand img {width:222px}
.site-nav {gap:18px}
.site-nav>a {font-size:12px;color:#3f5965;font-weight:600}
.nav-cta {border-radius:9px;font-size:12px;padding:11px 15px;letter-spacing:.01em}
/* The original large photo-based graphic hero returns as the primary desktop design. */
.hero.hero-classic {padding:20px 0 0;color:#fff;background:#f5f8f9;overflow:visible}
.hero.hero-classic:before {content:none}
.hero-classic-shell {width:min(1490px,calc(100% - 36px));margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 22px 52px rgba(9,36,52,.11);background:#05233b}
.hero-classic-art {position:relative;line-height:0}
.hero-classic-img{display:block;width:100%;height:auto;object-fit:cover}
.sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-hotspot {position:absolute;z-index:5;display:block;outline-offset:4px}
.hero-hotspot-contact{left:4.7%;top:67.5%;width:15.5%;height:8.5%;border-radius:40px}
.hero-hotspot-line{left:22.3%;top:67.5%;width:20%;height:8.5%;border-radius:18px}
.hero-hotspot:hover {background:rgba(81,213,233,.06)}
.hero-hotspot:focus-visible{outline:3px solid #51ecf2}
.hero-classic-mobile {display:none}
.hero-service-ribbon {background:#fff;border-bottom:1px solid #e9eef1}
.hero-service-ribbon-inner{min-height:86px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px}
.hero-ribbon-note {display:flex;align-items:center;gap:12px;border-right:1px solid #e3ebee}
.hero-ribbon-note>.ico{width:25px;height:25px;color:#0b98a8}
.hero-ribbon-note strong,.hero-ribbon-note small {display:block;line-height:1.5}
.hero-ribbon-note strong {font-size:13px;color:#133448}
.hero-ribbon-note small{font-size:11px;color:#81939b;margin-top:4px}
.hero-ribbon-link{white-space:nowrap;display:inline-flex;align-items:center;gap:10px;color:#138696;font-size:12px;font-weight:700}
.hero-ribbon-link .ico{width:16px;height:16px}
/* Small brand promise band to make a gentle transition */
.intro-band {background:#f7fafa;border-bottom:1px solid #e5edf0}
.intro-grid{min-height:104px;grid-template-columns:.46fr repeat(3,1fr)}
.intro-label{letter-spacing:.18em;font-size:10px}
.intro-item{padding:0 20px;gap:12px}
.intro-item>.ico{width:23px;height:23px}
.intro-item strong{font-size:13px}
.intro-item small{font-size:11px}
/* Main services = three editorial cards; no gaming PC */
.services{padding-top:91px;padding-bottom:28px;background:#fff}
.services .repair-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.repair-card {border-radius:17px;border:1px solid #dfe9ed;background:#fff;box-shadow:0 9px 32px rgba(9,48,66,.045);transition:transform .24s,box-shadow .24s,border-color .24s}
.repair-card:hover {border-color:#b4dbe0;box-shadow:0 22px 44px rgba(9,47,65,.12);transform:translateY(-5px)}
.repair-card a {min-height:0;display:flex;flex-direction:column}
.repair-media {width:100%;height:243px;flex:0 0 243px;background:#e8f0f2}
.repair-media img {width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;padding:0;transition:transform .45s}
.repair-info {flex:1;min-height:195px;max-width:none;background:#fff;padding:20px 26px 62px}
.repair-card h3 {font-size:25px;margin:8px 0 9px}
.repair-card p {font-size:12.5px;color:#607985;line-height:1.78}
.repair-n {color:#078fa1;font-size:10px;letter-spacing:.13em}
.round-arrow {width:33px;height:33px;border-radius:50%;border:1px solid #c9e3e9;right:24px;bottom:18px;color:#0d8393}
/* Compact complementary categories */
.showcase-strip {background:#fff;padding:0 0 60px}
.showcase-row {padding:0;width:min(var(--width),calc(100% - 72px));gap:15px;grid-template-columns:repeat(5,minmax(0,1fr))}
.showcase-card {min-height:248px;border-radius:15px;overflow:hidden;border:1px solid #dfe8ec;background:#173c4d;box-shadow:0 6px 22px rgba(9,39,55,.055)}
.showcase-card:after{background:linear-gradient(0deg,rgba(3,26,42,.92) 0%,rgba(5,33,47,.54) 37%,transparent 78%)}
.showcase-card img{filter:saturate(.81);transition:transform .45s}
.showcase-card:hover img{transform:scale(1.04)}
.showcase-copy {left:17px;right:13px;bottom:16px}
.showcase-copy span{font-size:9px;letter-spacing:.10em;color:#91ebed}
.showcase-copy h3{font-size:20px;margin:5px 0 4px}
.showcase-copy p{font-size:10.5px;margin:0;color:#d1e3e9}
/* Common issue finder */
.symptoms-section{background:#f1f6f7;padding:90px 0}
.symptoms-layout{grid-template-columns:.84fr 1.16fr;gap:9%;align-items:start}
.symptoms-heading>p {font-size:14px;line-height:1.9}
.symptom-rows {background:#fff;border:1px solid #e0e9ec;border-radius:17px;padding:12px 24px;box-shadow:0 12px 40px rgba(10,43,61,.035)}
.issue{border-bottom:1px solid #e8eff1;padding:17px 3px;gap:14px}
.issue:last-child{border-bottom:0}
.issue-number{color:#149baa}
.issue strong{font-size:14px;color:#204357}
.issue>span:nth-of-type(2){font-size:11px;color:#7e939b}
/* Onsite section */
.onsite-section {padding:96px 0;background:#fff}
.onsite-grid{grid-template-columns:1fr .93fr;gap:7%}
.onsite-image{min-height:475px;border-radius:19px;box-shadow:0 20px 60px rgba(10,45,61,.10)}
.onsite-image img{object-position:50% center}
.image-label{border-radius:6px;font-size:10px;letter-spacing:.12em}
.onsite-copy>p {font-size:14px;line-height:2;color:#637d88}
.onsite-features{gap:12px;margin-bottom:26px}
.onsite-features li{font-size:13px;color:#395a69}
/* Requesting an on-site service should feel effortless */
.onsite-guide{padding:85px 0 91px;background:#f4f8f9}
.onsite-guide-heading{margin-bottom:29px;grid-template-columns:1.1fr .75fr;gap:8%}
.onsite-guide-steps{gap:14px}
.onsite-guide-steps article{min-height:224px;border-radius:16px;padding:25px 24px;background:#fff;box-shadow:0 7px 26px rgba(11,47,63,.035);transition:transform .2s,border-color .2s}
.onsite-guide-steps article:hover {transform:translateY(-3px);border-color:#b5d9dd}
.onsite-step-num{color:#078e9f}
.onsite-guide-steps h3{font-size:19px;margin:21px 0 8px;color:#14374b}
.onsite-guide-steps p{font-size:12px;color:#667e88;line-height:1.87}
.onsite-districts{margin-top:35px;gap:7%;padding-top:32px}
.onsite-districts h3{font-size:23px}
.district-pills{gap:9px}
.district-pills span{border:1px solid #d5e6ea;border-radius:30px;background:#fff;padding:8px 15px;font-size:11px}
.onsite-guide-footer {margin-top:5px;border-radius:12px;border:1px solid #d9e7e9;background:#e9f3f5;padding:17px 22px}
/* IT solutions with strong dark section contrast */
.solutions-section{background:linear-gradient(145deg,#061f32,#0d3348);padding:100px 0 110px}
.solutions-top{margin-bottom:36px}
.solutions-top h2{color:#fff;font-size:clamp(36px,3.9vw,52px)}
.solutions-top h2 span{color:#86dfe5}
.solutions-link{color:#a6e7ea;border-color:#6099aa}
.solutions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.solutions-grid .solution-card{overflow:hidden;border-radius:15px;border:1px solid #28526a;background:#102f43}
.solutions-grid .solution-card img{height:200px!important;filter:saturate(.83)}
.solution-card>div{padding:23px 22px 27px}
.solution-card span{color:#71dbe2;font-size:9px}
.solution-card h3{font-size:22px;color:#fff}
.solution-card p{font-size:12px;color:#afc5cf}
/* Process becomes 4 cards with clear rhythm */
.process-section{background:#fff}
.process-grid{border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.process-item{border:1px solid #e2eaed;border-radius:15px;background:linear-gradient(160deg,#f9fbfc,#f1f6f7);padding:25px 24px 29px;min-height:233px}
.process-item:before{top:0;left:24px;width:45px;border-radius:5px}
.process-item>span{font-size:50px;color:#a8cfd4;margin-bottom:19px}
.process-item h3{font-size:22px;color:#173c4e}
.process-item p{font-size:12px;color:#69808c}
/* Work categories 5-up photo gallery */
.examples-section{background:#f4f8f9}
.examples-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.example{aspect-ratio:4 / 5;border-radius:14px!important;box-shadow:0 12px 24px rgba(9,43,57,.065)}
.example:after{background:linear-gradient(0deg,rgba(2,24,39,.88),rgba(2,24,39,.0) 57%)}
.example span{font-size:13px;font-weight:600;left:17px;right:14px;bottom:18px}
/* FAQs */
.faq-section{background:#fff}
.faq-layout {grid-template-columns:.75fr 1.25fr;gap:7%}
.faq-items{border-top:1px solid #dfe9ec}
.faq-items details {border-bottom:1px solid #e1eaed}
.faq-items summary{padding:19px 47px 19px 4px;font-size:14px}
.faq-items details[open] summary{color:#0a8394}
.faq-items details p{font-size:12.5px;padding-left:4px}
.area-strip{background:#eaf4f5;padding:28px 0}
.area-strip p{color:#496872;font-size:13px}
/* Location and map */
.location-section {background:#f6f9fa;padding:98px 0}
.location-layout {gap:6%;grid-template-columns:.88fr 1.12fr}
.location-copy h2{margin:14px 0 19px}
.location-address{border-color:#d8e6e9}
.location-map-wrap{border-radius:18px;box-shadow:0 20px 45px rgba(9,46,63,.075)}
.map-bar,.map-bottom{background:#fff}
/* Bold closing CTA */
.contact-section{padding:96px 0;background:linear-gradient(130deg,#061e31,#0d354b)}
.contact-layout {gap:6%;grid-template-columns:1fr .75fr}
.contact-main h2{font-size:clamp(51px,5.8vw,76px);margin-top:18px}
.contact-main h2 span{color:#6adbe2}
.contact-aside{border-color:#2a5064;padding-left:8%}
.contact-aside>span{color:#80dce2}
.footer {background:#fff}
.footer-main{padding:54px 0 40px}
.related-sites{border-top:1px solid #e5edef;padding:25px 0 27px}
.related-site{border-radius:12px;min-height:75px;background:#f5f9fa;border-color:#dce8ec;padding:14px 17px}
.related-site strong{font-size:13px}
.related-site small{font-size:10px}
.copyright{border-color:#edf1f2}
/* Tablet */
@media(max-width:1130px){
 .wrap,.showcase-row {width:min(var(--width),calc(100% - 48px))}
 .site-nav{gap:12px}
 .site-nav>a{font-size:11px}
 .brand img{width:189px}
 .services .repair-grid{gap:14px}
 .repair-media{height:210px;flex-basis:210px}
 .repair-info{padding:19px 20px 60px}
 .repair-card h3{font-size:22px}
 .showcase-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .showcase-card{min-height:230px}
 .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .onsite-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .examples-grid .example{aspect-ratio:1.12}
}
@media(max-width:800px){
 .wrap,.showcase-row{width:calc(100% - 36px)}
 .hero.hero-classic{padding:0}
 .hero-classic-shell {width:100%;border-radius:0;box-shadow:none}
 .hero-classic-art{display:none}
 .hero-classic-mobile{display:block;background:#061f32}
 .hero-mobile-photo{height:300px;overflow:hidden}
 .hero-mobile-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.90)}
 .hero-mobile-body{padding:34px 31px 39px;background:radial-gradient(circle at 85% 0%,rgba(15,110,135,.21),transparent 55%),#071f32}
 .hero-mobile-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:#80dce5}
 .hero-mobile-lead{font:600 clamp(38px,6.8vw,55px)/1.22 var(--heading);margin:13px 0 16px;letter-spacing:-.04em}
 .hero-mobile-lead span{color:#68dbe4}
 .hero-mobile-body p{color:#cbdee7;font-size:13px;line-height:1.95;max-width:570px;margin-bottom:18px}
 .hero-mobile-pills{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
 .hero-mobile-pills span{border:1px solid #315b6d;background:#0e3146;color:#d0ebef;padding:6px 12px;border-radius:999px;font-size:10px}
 .hero-mobile-buttons{display:flex;gap:10px;flex-wrap:wrap}
 .hero-mobile-buttons .action{border-radius:10px;font-size:12px;min-height:50px}
 .hero-service-ribbon-inner{grid-template-columns:1fr 1fr;gap:16px;padding:16px 0;min-height:0}
 .hero-ribbon-note{border:0}
 .hero-ribbon-link{grid-column:1/-1;padding-top:9px;border-top:1px solid #ebf1f2}
 .intro-grid{grid-template-columns:repeat(3,1fr);padding:17px 0;min-height:0}
 .intro-label{display:none}
 .intro-item{padding:7px 12px;border-left:1px solid #e0eaed}
 .intro-item:first-of-type{border:0}
 .intro-item strong{font-size:12px}
 .intro-item small{font-size:10px}
 .section,.onsite-section,.solutions-section{padding:75px 0}
 .section-top{display:grid;gap:16px}
 .section-top>p{max-width:600px}
 .services{padding-bottom:25px}
 .services .repair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .repair-media{height:205px;flex-basis:205px}
 .repair-info{min-height:205px}
 .showcase-strip{padding-bottom:35px}
 .showcase-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .showcase-card{min-height:230px}
 .symptoms-section{padding:75px 0}
 .symptoms-layout{grid-template-columns:1fr;gap:26px}
 .symptoms-heading>p{max-width:650px}
 .onsite-grid{grid-template-columns:1fr;gap:31px}
 .onsite-image{min-height:370px}
 .onsite-guide{padding:75px 0}
 .onsite-guide-heading{grid-template-columns:1fr;gap:11px}
 .onsite-districts{grid-template-columns:1fr;gap:15px}
 .onsite-guide-footer{align-items:flex-start;flex-direction:column}
 .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .faq-layout{grid-template-columns:1fr;gap:28px}
 .location-section{padding:77px 0}
 .location-layout{grid-template-columns:1fr;gap:29px}
 .contact-layout{grid-template-columns:1fr;gap:35px}
 .contact-aside{padding:29px 0 0;border-left:0;border-top:1px solid #315569}
}
/* Phone */
@media(max-width:540px){
 .wrap,.showcase-row{width:calc(100% - 32px)}
 .nav-inner{min-height:72px}
 .brand img{width:190px}
 .hero-mobile-photo{height:215px}
 .hero-mobile-body{padding:27px 20px 30px}
 .hero-mobile-lead{font-size:clamp(31px,9vw,44px)}
 .hero-mobile-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .hero-mobile-buttons .action{font-size:11px;padding:12px 7px;gap:4px}
 .hero-service-ribbon-inner{grid-template-columns:1fr;gap:12px}
 .hero-ribbon-note{padding-bottom:8px;border-bottom:1px solid #edf2f3}
 .hero-ribbon-link{border:0;padding-top:0}
 .intro-grid{grid-template-columns:1fr;gap:0}
 .intro-item{border-left:0!important;border-bottom:1px solid #e4edef;padding:11px 3px;min-height:55px}
 .intro-item:last-child{border-bottom:0}
 .section,.onsite-section,.solutions-section,.faq-section {padding:62px 0}
 .section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2,.onsite-guide-heading h2,.location-copy h2{font-size:33px;line-height:1.32}
 .section-top>p{font-size:12.5px}
 .services{padding-top:64px;padding-bottom:22px}
 .services .repair-grid{grid-template-columns:1fr;gap:13px}
 .repair-media{height:210px;flex-basis:210px}
 .repair-info{min-height:160px;padding:17px 19px 55px}
 .repair-card h3{font-size:23px}
 .repair-card p{font-size:12px;max-width:440px}
 .showcase-row{gap:10px}
 .showcase-card{min-height:184px}
 .showcase-copy{left:12px;right:8px;bottom:12px}
 .showcase-copy h3{font-size:17px;line-height:1.2}
 .showcase-copy p{font-size:9px}
 .showcase-copy span{font-size:8px}
 .symptoms-section{padding:65px 0}
 .symptom-rows{padding:8px 15px}
 .issue{grid-template-columns:23px 1fr 16px;gap:8px;padding:17px 1px}
 .issue>span:nth-of-type(2){display:none}
 .issue strong{font-size:12.5px}
 .onsite-image{min-height:255px}
 .onsite-guide{padding:65px 0}
 .onsite-guide-steps{grid-template-columns:1fr;gap:11px}
 .onsite-guide-steps article{min-height:0;padding:19px 21px}
 .onsite-guide-steps h3{margin:10px 0 6px}
 .onsite-districts h3{font-size:20px}
 .district-pills span{font-size:10px}
 .onsite-guide-footer{padding:15px}
 .onsite-guide-footer a{white-space:normal}
 .solutions-grid{grid-template-columns:1fr;gap:12px}
 .solutions-grid .solution-card img{height:185px!important}
 .solutions-top h2{font-size:34px}
 .process-grid{gap:12px}
 .process-item{min-height:215px;padding:20px 17px}
 .process-item>span{font-size:43px;margin-bottom:12px}
 .process-item h3{font-size:18px}
 .process-item p{font-size:11px}
 .examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .examples-grid .example{aspect-ratio:1}
 .example span{font-size:11px;left:10px;bottom:10px}
 .faq-items summary{font-size:12.5px;padding-right:34px}
 .area-strip{padding:25px 0}
 .location-section{padding:67px 0}
 .location-map-wrap iframe{height:310px}
 .map-bottom{flex-wrap:wrap}
 .contact-section{padding:69px 0 87px}
 .contact-main h2{font-size:clamp(45px,11vw,59px)}
 .related-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .related-site{min-height:70px;padding:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.repair-card,.showcase-card img,.example img,.action{transition:none}}

/* Hero: fully editable, selectable HTML text on a text-free photograph */
.hero.hero-text-live{padding:20px 0 0;background:#f5f8f9}
.hero-text-live .hero-classic-shell{position:relative;isolation:isolate;min-height:620px;overflow:hidden;background:#061c30}
.hero-live-visual{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-live-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scaleX(-1);filter:saturate(.91) contrast(1.03)}
.hero-text-live .hero-classic-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,25,46,.98) 0%,rgba(3,29,51,.93) 32%,rgba(4,29,49,.61) 49%,rgba(5,37,56,.10) 78%)}
.hero-live-content{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:620px;padding:68px clamp(32px,5.2vw,82px);gap:30px}
.hero-live-copy{max-width:760px;flex:1;min-width:0}
.hero-live-brand{margin-bottom:22px;display:flex;flex-direction:column;gap:2px}
.hero-live-brand>span{font:700 clamp(22px,2.5vw,36px)/1.1 var(--heading);letter-spacing:.025em;color:#fff}
.hero-live-brand b{color:#48e0ed}
.hero-live-brand small{font-size:11px;color:#86dfe9;letter-spacing:.12em;font-weight:700}
.hero-live-copy h1{margin:0;color:#fff;font-family:var(--heading);font-size:clamp(38px,4.25vw,68px);font-weight:700;line-height:1.22;letter-spacing:-.045em;text-wrap:balance}
.hero-live-copy h1 em{color:#4de2eb;font-style:normal}
.hero-live-subtitle{margin:18px 0 30px;color:#e5f4f8;font-size:clamp(15px,1.35vw,21px);line-height:1.65;font-weight:500}
.hero-live-features{display:flex;gap:15px;margin:0 0 32px;max-width:760px}
.hero-live-features>div{display:flex;align-items:center;gap:9px;flex:1;min-width:0;border-right:1px solid rgba(141,212,224,.31);padding-right:10px}
.hero-live-features>div:last-child{border-right:0}
.hero-live-features .ico{width:28px;height:28px;flex:0 0 28px;color:#4ae2eb}
.hero-live-features span{display:flex;flex-direction:column;gap:4px}
.hero-live-features strong{color:#fff;font-size:clamp(11px,1vw,14px);font-weight:600}
.hero-live-features small{font-size:clamp(9px,.8vw,11px);color:#c3dee6}
.hero-live-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}
.hero-live-actions a{min-height:53px;padding:13px 22px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;font-size:16px;font-weight:700;transition:transform .2s ease,background .2s ease}
.hero-live-actions a:hover{transform:translateY(-2px)}
.hero-live-actions .ico{width:18px;height:18px}
.hero-live-primary{background:#52e3ea;color:#05263b!important;box-shadow:0 8px 28px rgba(30,202,223,.18)}
.hero-live-line{background:rgba(7,32,51,.53);border:1px solid rgba(172,225,233,.52);color:#fff!important}
@media(max-width:1100px){.hero-live-content{min-height:550px}.hero-live-copy{max-width:700px}}
@media(max-width:760px){
.hero.hero-text-live{padding:0}
.hero-text-live .hero-classic-shell{min-height:0}
.hero-live-visual{position:relative;height:245px;z-index:0}
.hero-live-visual img{transform:none;object-position:center}
.hero-text-live .hero-classic-shell:before{display:none}
.hero-live-content{display:block;min-height:0;padding:29px 24px 35px;background:radial-gradient(circle at 100% 0,rgba(22,108,131,.22),transparent 55%),#071f32}
.hero-live-brand{margin-bottom:13px}
.hero-live-brand>span{font-size:23px}
.hero-live-brand small{font-size:9px}
.hero-live-copy h1{font-size:clamp(32px,8vw,46px);line-height:1.28}
.hero-live-subtitle{font-size:13px;margin:15px 0 21px}
.hero-live-features{gap:8px;flex-wrap:wrap;margin-bottom:24px}
.hero-live-features>div{flex:1 1 45%;border:0;padding-right:0}
.hero-live-features .ico{width:22px;height:22px;flex-basis:22px}
.hero-live-features strong{font-size:11px}
.hero-live-features small{font-size:9px}
.hero-live-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hero-live-actions a{min-height:48px;padding:11px 6px;font-size:12px;gap:5px}
}
@media(max-width:380px){.hero-live-content{padding:25px 16px 30px}.hero-live-copy h1{font-size:31px}.hero-live-actions a{font-size:11px}}


/* ===== premium-v3.css ===== */
/* Cyber Seven | Premium IT Design System v3 | 2026-10-18
   Scope: content sections only. Existing HTML-text classic hero intentionally preserved. */
:root{
  --v3-ink:#112e40;
  --v3-muted:#627a87;
  --v3-line:#dce8ed;
  --v3-paper:#fff;
  --v3-soft:#f3f8f9;
  --v3-cyan:#1296a5;
  --v3-deep:#082637;
  --v3-round:20px;
  --v3-shadow:0 14px 38px rgba(14,56,75,.064);
  --v3-shadow-hover:0 22px 48px rgba(14,56,75,.13);
}
body{color:var(--v3-ink)}
a,button{ -webkit-tap-highlight-color:transparent }
a:focus-visible, button:focus-visible,summary:focus-visible{outline:3px solid #25abb9;outline-offset:4px}
/* Unified typography, spacing and visual rhythm */
.section,.onsite-section,.solutions-section,.faq-section{padding-top:100px;padding-bottom:100px}
.section-top,.solutions-top{margin-bottom:38px}
.section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,
.faq-heading h2,.onsite-guide-heading h2,.location-copy h2{
  font-size:clamp(36px,3.8vw,55px);
  font-weight:600;
  line-height:1.17;
  letter-spacing:-.035em;
  text-wrap:pretty;
}
.kicker{color:#118e9d;font-weight:700;letter-spacing:.18em;font-size:10px}
.kicker:before{width:30px;background:currentColor}
.section-top>p,.onsite-copy>p,.onsite-guide-heading>p,.faq-heading p,.location-intro{
  color:var(--v3-muted);line-height:1.94;font-size:14px
}
.text-link{font-size:14px;font-weight:700;transition:color .2s,border-color .2s}
.text-link:hover{color:#075e6c;border-color:#075e6c}
.action{border-radius:11px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
.action:hover{box-shadow:0 10px 23px rgba(6,55,73,.13)}
/* A quieter, brighter service-intro band */
.intro-band{background:#fbfdfd}
.intro-grid{min-height:110px}
.intro-item>.ico{color:#148fa0}
.intro-item strong{font-size:14px}
.intro-item small{font-size:11.5px}
/* Premium main service cards: balanced three-column photo-first layout */
.services{padding-top:93px!important;padding-bottom:28px!important;background:#fff}
.services .repair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.repair-card{
  border:1px solid #dbe7eb;
  border-radius:21px;
  background:#fff;
  box-shadow:var(--v3-shadow);
  overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.repair-card:hover,.repair-card:focus-within{
  transform:translateY(-5px);
  border-color:#a9d5dc;
  box-shadow:var(--v3-shadow-hover);
}
.repair-card a{height:100%;display:flex;flex-direction:column}
.repair-media{height:252px;flex:0 0 252px;position:relative;background:#e9f1f3;overflow:hidden}
.repair-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(7,35,52,.035),transparent 55%)}
.repair-media img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;padding:0;mix-blend-mode:normal;filter:saturate(.88) contrast(1.015);transition:transform .5s ease}
.repair-card:hover .repair-media img,.repair-card:focus-within .repair-media img{transform:scale(1.035)}
.repair-info{background:#fff;min-height:197px;flex:1;padding:23px 26px 72px}
.repair-n{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--v3-cyan)}
.repair-card h3{font-size:clamp(22px,2vw,26px);font-weight:600;line-height:1.32;color:var(--v3-ink);margin:8px 0 9px}
.repair-card p{font-size:13px;line-height:1.78;max-width:350px;color:#6c8089}
.round-arrow{right:22px;bottom:21px;width:41px;height:41px;border:1px solid #cee5e9;border-radius:12px;background:#f0fafb;color:#0b8899}
.round-arrow .ico{width:18px;height:18px}
.repair-card:hover .round-arrow,.repair-card:focus-within .round-arrow{background:#0a8393;color:#fff;border-color:#0a8393}
/* Five related offerings, same photo treatment and border language */
.showcase-strip{background:#fff;padding-bottom:70px}
.showcase-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.showcase-card{min-height:239px;border:1px solid #dce8eb;border-radius:18px;box-shadow:0 10px 27px rgba(9,45,62,.08);overflow:hidden}
.showcase-card img{filter:saturate(.86) contrast(1.015)}
.showcase-card:after{background:linear-gradient(0deg,rgba(3,26,41,.92) 0%,rgba(5,34,49,.53) 44%,transparent 81%)}
.showcase-copy{left:17px;right:13px;bottom:16px}
.showcase-copy h3{font-size:19px;line-height:1.28}
.showcase-copy span{font-size:9px;letter-spacing:.1em;color:#8de5eb}
.showcase-copy p{font-size:11px;line-height:1.55}
/* Screenshot-aligned 'common issues': clean two columns + compact white list */
.symptoms-section{background:#eff5f6;padding:96px 0 104px}
.symptoms-layout{display:grid;grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr);align-items:center;gap:clamp(42px,5.5vw,85px)}
.symptoms-heading{padding:0}
.symptoms-heading .kicker{margin:0 0 25px}
.symptoms-heading h2{font-size:clamp(46px,4.35vw,64px);line-height:1.08;margin:0;color:#102d40}
.symptoms-heading h2 span{display:inline-block;margin-top:7px;color:#1597a6}
.symptoms-heading>p{max-width:430px;margin:25px 0 23px;color:#697f8a;font-size:14px;line-height:2}
.symptoms-heading .text-link{font-size:13px;padding-bottom:7px}
.symptom-rows{padding:10px 23px;background:#fff;border:1px solid #dce8ed;border-radius:18px;box-shadow:0 15px 40px rgba(12,55,71,.045)}
.symptom-rows .issue{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 34px;
  align-items:center;gap:13px;
  min-height:64px;padding:13px 4px;
  color:inherit;border-bottom:1px solid #e4edef;
  transition:background-color .2s;
  text-decoration:none;
}
.symptom-rows .issue:last-child{border-bottom:0}
.symptom-rows .issue:hover,.symptom-rows .issue:focus-visible{background:#f5fbfc}
.symptom-rows .issue-number{font:700 12px/1.4 var(--font);color:#1597a5;letter-spacing:.04em}
.symptom-rows .issue-body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(125px,.85fr);align-items:center;gap:14px;min-width:0}
.symptom-rows .issue-body strong{color:#153447;font:600 16px/1.4 var(--heading);letter-spacing:-.013em}
.symptom-rows .issue-body small{text-align:right;color:#80949d;font:400 11px/1.5 var(--font)}
.symptom-rows .issue-arrow{width:29px;height:29px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;color:#108f9f;transition:background .2s,color .2s}
.symptom-rows .issue-arrow .ico{width:17px;height:17px;color:inherit}
.symptom-rows .issue:hover .issue-arrow,.symptom-rows .issue:focus-visible .issue-arrow{background:#0f8a9b;color:#fff}
/* Supporting sections: equal vertical rhythm + consistent card system */
.onsite-section{background:#fff}
.onsite-grid{gap:6%}
.onsite-image{border-radius:var(--v3-round);border:1px solid #dce8eb;box-shadow:var(--v3-shadow);min-height:455px}
.onsite-image img{filter:saturate(.9)}
.image-label{left:23px;bottom:23px;padding:7px 12px;border-radius:9px;background:rgba(5,39,54,.55);backdrop-filter:blur(5px);font-size:10px}
.onsite-copy h2{margin-top:16px}
.onsite-features li{font-size:14px;line-height:1.65}
.onsite-guide{background:#f2f7f8;padding:95px 0}
.onsite-guide-heading{margin-bottom:34px}
.onsite-guide-steps{gap:16px}
.onsite-guide-steps article{background:#fff;border:1px solid #dce8eb;border-radius:17px;box-shadow:0 8px 27px rgba(11,52,72,.045);min-height:220px;padding:25px 23px}
.onsite-guide-steps h3{font-size:20px;line-height:1.37}
.onsite-guide-steps p{font-size:12.5px}
.district-pills span{border-radius:20px;background:#fff}
.onsite-guide-footer{border-radius:14px}
.solutions-section{background:linear-gradient(135deg,#071f32 0%,#0b354a 100%)}
.solutions-grid{gap:18px}
.solutions-grid .solution-card{border:1px solid #315166;border-radius:18px;overflow:hidden;background:#113548;transition:transform .25s,box-shadow .25s}
.solutions-grid .solution-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(0,10,17,.25)}
.solutions-grid .solution-card img{height:208px!important;filter:saturate(.86)}
.solution-card>div{padding:24px}
.solution-card h3{font-size:23px}
.solution-card p{font-size:12.5px}
.process-grid{gap:16px}
.process-item{border-radius:18px;border:1px solid #dce7eb;background:#f7fafb;padding:26px 24px 30px;min-height:225px;box-shadow:0 7px 25px rgba(10,51,67,.035)}
.process-item:before{top:0;left:24px;background:#1aa2b1;border-radius:4px}
.process-item>span{font-size:48px;color:#b4d5dc}
.process-item h3{font-size:22px}
.process-item p{font-size:13px}
.examples-section{background:#f3f8f9}
.examples-grid{gap:15px}
.example{border-radius:17px!important;box-shadow:0 12px 30px rgba(10,48,62,.085)}
.example img{filter:saturate(.86)}
.example span{font-size:14px;bottom:17px;left:17px}
.faq-layout{gap:7%}
.faq-items{border-top:0;display:grid;gap:10px}
.faq-items details{background:#f9fbfc;border:1px solid #dfeaed;border-radius:13px;overflow:hidden}
.faq-items summary{padding:19px 51px 19px 20px;font-size:14px;color:#204052}
.faq-items details p{padding:0 20px 20px;font-size:13px;color:#627d86}
.faq-plus{right:18px}
.faq-heading p{font-size:14px}
.area-strip{background:#eaf4f5}
.location-section{background:#f4f8f9;padding:97px 0}
.location-map-wrap{border:1px solid #dbe7eb;border-radius:19px;overflow:hidden;box-shadow:var(--v3-shadow)}
.map-bar,.map-bottom{background:#fff}
.contact-section{background:linear-gradient(130deg,#071e30,#0b344a)}
.contact-main h2{line-height:1.12}
.contact-aside{border-color:#2f5363}
.footer{background:#fff}
.related-site{border-radius:13px;transition:transform .2s,border-color .2s,box-shadow .2s}
.related-site:hover{transform:translateY(-2px);border-color:#b9dce2;box-shadow:0 8px 20px rgba(11,53,67,.08)}
/* Consistent responsive system */
@media(max-width:1140px){
  .services .repair-grid{gap:15px}
  .repair-media{height:215px;flex-basis:215px}
  .symptoms-layout{grid-template-columns:1fr;gap:30px;align-items:start}
  .symptoms-heading>p{max-width:650px}
  .symptom-rows{max-width:100%}
  .showcase-row{grid-template-columns:repeat(3,minmax(0,1fr))}
  .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .onsite-guide-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .section,.onsite-section,.solutions-section,.faq-section{padding-top:76px;padding-bottom:76px}
  .services{padding-top:74px!important}
  .services .repair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .repair-media{height:208px;flex-basis:208px}
  .repair-info{min-height:200px;padding:20px 22px 67px}
  .showcase-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .symptoms-section{padding:78px 0}
  .symptoms-heading h2{font-size:clamp(40px,6vw,54px)}
  .onsite-grid{grid-template-columns:1fr}
  .onsite-image{min-height:355px}
  .onsite-guide{padding:75px 0}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .location-section{padding:75px 0}
}
@media(max-width:560px){
  .section,.onsite-section,.solutions-section,.faq-section{padding-top:65px;padding-bottom:65px}
  .section-top h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2,.onsite-guide-heading h2,.location-copy h2{font-size:clamp(32px,8vw,40px);line-height:1.24}
  .services{padding-top:65px!important;padding-bottom:20px!important}
  .services .repair-grid{grid-template-columns:1fr;gap:16px}
  .repair-card{border-radius:17px}
  .repair-media{height:225px;flex-basis:225px}
  .repair-info{min-height:174px;padding:19px 20px 62px}
  .repair-card h3{font-size:24px}
  .repair-card p{font-size:13px}
  .round-arrow{width:38px;height:38px;bottom:15px;right:17px}
  .showcase-strip{padding-bottom:57px}
  .showcase-row{gap:11px}
  .showcase-card{min-height:176px;border-radius:14px}
  .showcase-card:last-child{grid-column:1/-1;min-height:200px}
  .showcase-copy h3{font-size:18px}
  .symptoms-section{padding:72px 0 78px}
  .symptoms-layout{gap:28px}
  .symptoms-heading h2{font-size:clamp(40px,10vw,48px)}
  .symptoms-heading>p{font-size:14px;margin:18px 0 22px}
  .symptom-rows{padding:7px 16px;border-radius:17px}
  .symptom-rows .issue{grid-template-columns:27px minmax(0,1fr) 28px;gap:9px;padding:14px 0;min-height:69px}
  .symptom-rows .issue-body{grid-template-columns:1fr;gap:3px}
  .symptom-rows .issue-body strong{font-size:16px}
  .symptom-rows .issue-body small{display:block;text-align:left;font-size:11px}
  .symptom-rows .issue-arrow{width:26px;height:26px}
  .onsite-image{min-height:270px}
  .onsite-guide{padding:67px 0}
  .onsite-guide-steps{grid-template-columns:1fr;gap:12px}
  .onsite-guide-steps article{min-height:0;padding:22px}
  .onsite-guide-steps h3{margin:11px 0 7px}
  .process-grid{gap:12px}
  .process-item{min-height:213px;padding:20px 17px}
  .process-item h3{font-size:19px}
  .process-item p{font-size:12px}
  .examples-grid{gap:10px}
  .example span{font-size:12px;left:12px;bottom:12px}
  .faq-items summary{padding:16px 43px 16px 15px;font-size:13px}
  .faq-items details p{padding:0 15px 16px;font-size:12px}
  .faq-plus{right:11px}
  .location-section{padding:67px 0}
  .related-site{min-height:76px}
}
@media(prefers-reduced-motion:reduce){.repair-card,.showcase-card img,.process-item,.action,.related-site{transition:none}}
/* Compatibility with legacy span selectors: the second span is now the accessible issue-body. */
.symptom-rows .issue > .issue-body{display:grid;text-align:left;color:var(--v3-ink);font-size:inherit;min-width:0}
.symptom-rows .issue > .issue-body strong{justify-self:start;text-align:left}
@media(max-width:560px){.symptom-rows .issue > .issue-body{display:grid;grid-template-columns:minmax(0,1fr);gap:3px}}


/* ===== computing-inspired-theme.css ===== */
/* Cyber Seven — Computing-inspired editorial technology palette.
   Focus: bright paper surfaces, graphite/navy text, electric-blue CTAs,
   soft slate borders and restrained aqua micro-accents.
   This is an interpretation of the reference mood; not a copy of third-party CSS.
   Loaded after all prior theme layers. */
:root{
  --ink:#172339;--deep:#111d32;--deep2:#1c2d48;
  --paper:#ffffff;--off:#f5f7fb;--line:#e1e8f2;
  --muted:#64748b;--cyan:#68b5ff;--cyanDark:#2563eb;
  --mint:#eaf2ff;--green:#1ea850;
  --tech-blue:#2563eb;--tech-blue-deep:#1c4fc0;
  --tech-sky:#e9f1ff;--tech-text:#18263e;--tech-muted:#68778c;
  --tech-ink:#111c30;--tech-line:#dde5f2;--tech-bg:#f6f8fc;
  --tech-shadow:0 14px 36px rgba(28,54,98,.075);
  --v3-ink:#18263e;--v3-muted:#68778c;--v3-teal:#2563eb;--v3-dark:#14233b;
  --v3-shadow:0 14px 36px rgba(28,54,98,.075);
}
body{color:var(--tech-text);background:#fff}
::selection{background:#c9dcff;color:#112341}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#3579ed}
/* Bright editorial navigation */
.announce{background:#f1f5fb!important;color:#55677e!important;border-color:#e1e9f3!important}
.announce-inner .ico,.announce-inner strong,.announce-inner a:hover{color:#2c67cf!important}
.site-header{background:rgba(255,255,255,.97)!important;border-color:#e3e8f2!important;box-shadow:0 5px 22px rgba(18,39,74,.04)}
.site-nav>a{color:#34445c!important}
.site-nav>a:hover,.site-nav>a:focus-visible{color:#215cd5!important}
.nav-cta{background:#1f5bcf!important;color:#fff!important;border-color:#1f5bcf!important;border-radius:10px}
.nav-cta:hover{background:#1847a9!important;border-color:#1847a9!important}
.menu-toggle{border-color:#d6e2f3!important;color:#193963!important;border-radius:10px!important}
/* Hero — preserve image placement and editable real HTML copy */
.hero.hero-text-live{background:#f3f6fb!important}
.hero-text-live .hero-classic-shell{background:#111e32!important}
.hero-text-live .hero-classic-shell:before{background:linear-gradient(90deg,rgba(12,23,44,.99) 0%,rgba(14,28,52,.95) 32%,rgba(16,32,57,.76) 50%,rgba(13,27,48,.14) 82%)!important}
.hero-live-brand b,.hero-live-copy h1 em{color:#7bb6ff!important}
.hero-live-brand small{color:#aacaff!important}
.hero-live-copy h1{color:#fff!important}
.hero-live-subtitle{color:#e1eaf7!important}
.hero-live-features>div{border-color:rgba(153,182,229,.34)!important}
.hero-live-features .ico{color:#80bbff!important}
.hero-live-features small{color:#c4d3eb!important}
.hero-live-primary{background:#3a7df0!important;color:white!important;box-shadow:0 14px 30px rgba(42,106,233,.22)!important}
.hero-live-primary:hover{background:#2566de!important}
.hero-live-line{background:rgba(18,37,69,.58)!important;border-color:rgba(190,209,243,.64)!important}
.hero-live-line:hover{background:rgba(36,76,130,.72)!important}
.hero-service-ribbon{background:#172941!important;border-color:#344861!important}
.hero-service-ribbon strong{color:#f0f5ff!important}
.hero-service-ribbon small,.hero-ribbon-note small{color:#aec0d7!important}
.hero-service-ribbon .ico,.hero-ribbon-link{color:#9cc9ff!important}
/* Intro & headings */
.intro-band{background:#fff!important;border-color:var(--tech-line)!important}
.intro-label,.intro-item small{color:#697f98!important}
.intro-label span,.intro-item>.ico{color:var(--tech-blue)!important}
.intro-item{border-color:#e1e9f5!important}
.intro-item strong{color:#1a304f!important}
.kicker,.kicker:before,.eyebrow-small{color:#245fd1!important}
.kicker.light{color:#a7cdff!important}
.section-top h2,.showcase-head h2,.symptoms-heading h2,
.onsite-copy h2,.solutions-top h2,.faq-heading h2,
.onsite-guide-heading h2,.location-copy h2{
  color:var(--tech-ink)!important;
}
.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,
.faq-heading h2 span,.onsite-guide-heading h2 span,.location-copy h2 span{
  color:#2967d6!important;
}
.section-top>p,.showcase-head p,.symptoms-heading>p,.onsite-copy>p,
.faq-heading>p,.location-copy>p{color:var(--tech-muted)!important}
.text-link,.solutions-link{color:#205bd3!important;border-color:#b6cef6!important}
.text-link .ico,.solutions-link .ico{color:#2563eb!important}
/* Repair services — pale paper and crisp blue detail */
.services{background:#fff!important}
.repair-card{background:#fff!important;border:1px solid #dce6f3!important;box-shadow:var(--tech-shadow)!important}
.repair-media{background:#f1f5fb!important}
.repair-info{background:#fff!important}
.repair-n{color:#2967db!important}
.repair-card h3{color:#172842!important}
.repair-card p{color:#6b7d92!important}
.round-arrow{border-color:#c4d6f5!important;background:#eff5ff!important;color:#2765dc!important}
.repair-card:hover{box-shadow:0 20px 44px rgba(31,75,145,.14)!important;border-color:#b5cdf3!important}
.repair-card:hover .round-arrow{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important}
/* Compact visual service cards */
.showcase-strip{background:#fff!important;border-top:1px solid #ecf1f7}
.showcase-intro .kicker{color:#2865d4!important}
.showcase-card{border:1px solid rgba(203,220,244,.84)!important;box-shadow:0 12px 32px rgba(20,44,78,.09)!important}
.showcase-copy{color:#fff!important}
.showcase-copy span{color:#b3d2ff!important}
.showcase-copy h3{color:#fff!important}
.showcase-card:hover{border-color:#a2bff0!important}
/* Symptom list */
.symptoms-section{background:#eff4fb!important}
.symptom-rows{background:#fff!important;border-color:#dae6f4!important;box-shadow:0 17px 35px rgba(32,65,115,.07)!important}
.symptom-rows .issue{border-color:#e2eaf5!important}
.symptom-rows .issue:hover,.symptom-rows .issue:focus-visible{background:#f3f7ff!important}
.issue-number{color:#2563eb!important}
.issue strong,.symptom-rows .issue-body strong{color:#1a2d48!important}
.issue>span:nth-of-type(2),.symptom-rows .issue-body small{color:#71839a!important}
.issue .ico,.symptom-rows .issue-arrow{color:#2463d7!important}
/* On-site service */
.onsite-section{background:#fff!important}
.onsite-image{box-shadow:0 18px 36px rgba(15,32,62,.095)!important}
.onsite-image .image-label{background:#173963!important;color:#fff!important}
.onsite-features .ico{color:#296ddf!important}
.action.primary,.action.dark{background:#2362d8!important;color:#fff!important;border-color:#2362d8!important}
.action.primary:hover,.action.dark:hover{background:#184cba!important}
.onsite-guide{background:#f4f7fc!important}
.onsite-guide-steps article{background:#fff!important;border-color:#e0e9f6!important;box-shadow:0 9px 23px rgba(30,61,108,.055)!important}
.onsite-guide-steps .onsite-step-num{color:#2461d4!important}
.onsite-guide-steps h3{color:#1b2c47!important}
.onsite-guide-steps p,.onsite-guide-heading>p{color:#687c95!important}
.onsite-districts,.onsite-guide-footer{border-color:#dce5f3!important}
.onsite-guide-footer a{color:#1f5ac9!important}
/* Dark section: saturated navy, vivid-blue interface accents */
.solutions-section{background:linear-gradient(135deg,#142139 0%,#1b3658 100%)!important}
.solutions-section .kicker,.solutions-section .kicker:before{color:#a9cbff!important}
.solutions-section .solutions-top h2{color:#fff!important}
.solutions-section .solutions-top h2 span{color:#9fc4ff!important}
.solutions-section .solutions-top>p,.solutions-section .solutions-top p{color:#d2dfee!important}
.solutions-grid .solution-card{background:#223952!important;border-color:#3a5174!important}
.solutions-grid .solution-card>div{background:#223952!important}
.solutions-grid .solution-card h3{color:#fff!important}
.solutions-grid .solution-card p{color:#c8d7ea!important}
.solutions-grid .solution-card span{color:#a9cafd!important}
.solutions-grid .solution-card:hover{border-color:#80aaff!important}
/* Process / real-work examples */
.process-section{background:#fff!important}
.process-item{background:#f4f7fc!important;border-color:#e0e8f4!important}
.process-item:before{background:#286add!important}
.process-item>span{color:#397ce4!important}
.process-item h3{color:#192d48!important}
.process-item p{color:#6d7f93!important}
.examples-section{background:#f6f8fc!important}
.example{box-shadow:0 10px 28px rgba(24,52,88,.09)!important;border-color:#e0e8f3!important}
/* Frequently asked questions */
.faq-section{background:#fff!important}
.faq-items details{background:#f7f9fd!important;border-color:#e0e7f2!important}
.faq-items details[open]{background:#eff5ff!important;border-color:#c2d6f9!important}
.faq-items summary{color:#1c2e49!important}
.faq-items details p{color:#5f738f!important}
.faq-plus{color:#2468dc!important}
.area-strip{background:#e9f1fd!important;color:#244260!important}
/* Location section and links */
.location-section{background:#f5f7fc!important}
.location-copy .district-pills span,.district-pills span{background:#fff!important;border-color:#d7e4f4!important;color:#305071!important}
.location-map-wrap{background:#fff!important;border-color:#d9e3f2!important;box-shadow:var(--tech-shadow)!important}
.map-bar,.map-bottom{background:#fff!important;border-color:#e0e8f3!important;color:#2d4362!important}
.map-bottom a,.location-actions a,.location-shared-link{color:#225bd0!important}
/* Final CTA/footer */
.contact-section{background:linear-gradient(130deg,#111e33 0%,#213d62 100%)!important}
.contact-section .kicker,.contact-section .kicker:before{color:#a0c6ff!important}
.contact-main h2{color:#fff!important}
.contact-main h2 span{color:#9bc6ff!important}
.contact-main>p,.contact-aside p{color:#cad7eb!important}
.contact-buttons .action.primary{background:#397df0!important;color:#fff!important}
.contact-buttons .action.ghost{border-color:#9aafce!important;color:#fff!important}
.contact-aside{border-color:#4b6381!important}
.contact-aside small{color:#b4c4dd!important}
.contact-aside a,.contact-aside strong{color:#fff!important}
.footer{background:#fff!important}
.footer-main nav>a,.footer-about p,.copyright{color:#63768d!important}
.footer-main nav>a:hover{color:#2563eb!important}
.related-sites{background:#fff!important;border-color:#e2eaf4!important}
.related-sites-title{color:#4d6581!important}
.related-site{background:#f5f8fd!important;border-color:#dde6f3!important;box-shadow:none!important}
.related-site strong{color:#243b5c!important}
.related-site span,.related-site small{color:#718299!important}
.related-site-arrow{color:#2869d9!important}
.related-site:hover{background:#eaf2ff!important;border-color:#b6cdf1!important}
.back-to-top{background:#2364d7!important;color:#fff!important}
.sticky-mobile{background:rgba(255,255,255,.97)!important;border-color:#dfe8f5!important}
.sticky-mobile a:first-child{background:#225ecf!important;color:#fff!important}
/* Responsive balances: prevent legacy theme colors reappearing */
@media(max-width:1000px){
  .site-nav{background:#fff!important;border-color:#dce6f4!important}
  .site-nav>a{border-color:#e9eef7!important}
}
@media(max-width:760px){
  .hero-live-content{background:linear-gradient(130deg,#111e33 0%,#172e50 100%)!important}
  .hero-live-features>div{border:none!important}
  .hero-service-ribbon{background:#162a45!important}
}
@media(prefers-reduced-motion:reduce){.repair-card,.showcase-card,.related-site{transition:none!important}}
/* Contrast safeguard for blue links displayed on navy surfaces */
.solutions-section .solutions-link,
.solutions-section .solutions-link .ico{color:#bad4ff!important;border-color:rgba(188,214,255,.5)!important}
.solutions-section .solutions-link:hover{color:#ffffff!important}

/* --- Computing.net tone refinement from user-provided screenshots ---
   Reference mood: dark charcoal + white + vivid green accents. */
:root{
  --cnet-green:#32c24d;
  --cnet-green-dark:#22a53c;
  --cnet-dark:#1f2024;
  --cnet-dark-2:#25272d;
  --cnet-dark-3:#2c2f36;
  --cnet-light:#f5f5f5;
  --cnet-line:#e5e7eb;
  --cnet-text:#171a21;
  --cnet-muted:#6b7280;
  --cnet-shadow:0 14px 34px rgba(17,24,39,.08);
}
body{background:#fff!important;color:var(--cnet-text)!important}
::selection{background:#d6f5dd!important;color:#101215!important}
/* Header */
.announce{background:#fff!important;color:#5f6673!important;border-color:#eceff3!important}
.announce-inner .ico,.announce-inner strong,.announce-inner a:hover{color:var(--cnet-green)!important}
.site-header{background:#fff!important;border-color:#eceef2!important;box-shadow:0 4px 18px rgba(0,0,0,.04)!important}
.site-nav>a{color:#161a22!important;font-weight:500}
.site-nav>a:hover,.site-nav>a:focus-visible,.footer-main nav>a:hover{color:var(--cnet-green)!important}
.nav-cta{background:var(--cnet-dark)!important;border-color:var(--cnet-dark)!important;color:#fff!important}
.nav-cta:hover{background:var(--cnet-dark-3)!important;border-color:var(--cnet-dark-3)!important}
.menu-toggle{color:#12151b!important;border-color:#d9dde4!important}
/* Hero */
.hero.hero-text-live{background:#fff!important}
.hero-text-live .hero-classic-shell{background:var(--cnet-dark)!important;box-shadow:0 20px 48px rgba(0,0,0,.16)!important}
.hero-text-live .hero-classic-shell:before{background:linear-gradient(90deg,rgba(23,24,28,.98) 0%,rgba(28,30,35,.95) 38%,rgba(30,33,39,.72) 58%,rgba(30,33,39,.12) 84%)!important}
.hero-live-brand b,.hero-live-copy h1 em,.hero-service-ribbon .ico,.hero-ribbon-link{color:var(--cnet-green)!important}
.hero-live-brand small{color:#c7ced8!important}
.hero-live-copy h1,.hero-live-copy h1 span,.hero-live-copy h1 strong{color:#fff!important}
.hero-live-subtitle,.hero-live-features small{color:#dde1e8!important}
.hero-live-features .ico{color:var(--cnet-green)!important}
.hero-live-features>div{border-color:rgba(255,255,255,.14)!important}
.hero-live-primary,.action.primary,.contact-buttons .action.primary,.sticky-mobile a:first-child{background:var(--cnet-green)!important;border-color:var(--cnet-green)!important;color:#fff!important;box-shadow:0 12px 28px rgba(50,194,77,.24)!important}
.hero-live-primary:hover,.action.primary:hover,.contact-buttons .action.primary:hover,.sticky-mobile a:first-child:hover{background:var(--cnet-green-dark)!important;border-color:var(--cnet-green-dark)!important}
.hero-live-line,.contact-buttons .action.ghost{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.36)!important;color:#fff!important}
.hero-live-line:hover,.contact-buttons .action.ghost:hover{background:rgba(255,255,255,.12)!important}
.hero-service-ribbon{background:#24262b!important;border-color:#3a3d46!important}
.hero-service-ribbon strong{color:#fff!important}
.hero-service-ribbon small,.hero-ribbon-note small{color:#b3bcc8!important}
/* Global headings and links */
.kicker,.kicker:before,.eyebrow-small,.issue-number,.repair-n{color:var(--cnet-green)!important}
.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,.faq-heading h2 span,.onsite-guide-heading h2 span,.location-copy h2 span,.contact-main h2 span{color:var(--cnet-green)!important}
.text-link,.solutions-link,.map-bottom a,.location-actions a,.location-shared-link{color:var(--cnet-green-dark)!important;border-color:rgba(50,194,77,.35)!important}
.text-link:hover,.solutions-link:hover{color:var(--cnet-green)!important;border-color:var(--cnet-green)!important}
/* Cards / surfaces */
.services,.showcase-strip,.onsite-section,.process-section,.faq-section,.footer{background:#fff!important}
.intro-band,.examples-section,.location-section,.onsite-guide,.symptoms-section{background:var(--cnet-light)!important}
.repair-card,.symptom-rows,.showcase-card,.onsite-guide-steps article,.process-item,.solutions-grid .solution-card,.faq-items details,.location-map-wrap,.related-site{
  border-color:#e5e7eb!important;
  box-shadow:var(--cnet-shadow)!important;
}
.repair-card,.symptom-rows,.showcase-card,.onsite-guide-steps article,.process-item,.faq-items details,.location-map-wrap,.related-site{background:#fff!important}
.repair-card h3,.showcase-head h2,.symptoms-heading h2,.issue strong,.onsite-copy h2,.solutions-top h2,.faq-heading h2,.location-copy h2,.contact-main h2,.process-item h3,.faq-items summary,.related-site strong{color:var(--cnet-text)!important}
.repair-card p,.showcase-head p,.symptoms-heading>p,.issue>span:nth-of-type(2),.onsite-copy>p,.onsite-guide-steps p,.faq-items details p,.location-copy>p,.footer-about p,.copyright,.related-site span,.related-site small{color:var(--cnet-muted)!important}
.round-arrow{background:#f8fff9!important;border-color:#c7ebcf!important;color:var(--cnet-green)!important}
.repair-card:hover,.showcase-card:hover,.related-site:hover{border-color:#caeecf!important;box-shadow:0 18px 40px rgba(17,24,39,.11)!important}
.repair-card:hover .round-arrow{background:var(--cnet-green)!important;border-color:var(--cnet-green)!important;color:#fff!important}
/* Dark editorial sections */
.solutions-section,.contact-section{background:linear-gradient(135deg,#1e1f24 0%,#272a31 100%)!important}
.solutions-section .kicker,.solutions-section .kicker:before,.contact-section .kicker,.contact-section .kicker:before{color:#98f0aa!important}
.solutions-section .solutions-top h2,.contact-main h2,.contact-aside a,.contact-aside strong{color:#fff!important}
.solutions-section .solutions-top h2 span{color:#a3f3b2!important}
.solutions-section .solutions-top>p,.solutions-section .solutions-top p,.contact-main>p,.contact-aside p{color:#d4d8df!important}
.solutions-grid .solution-card,.contact-aside{background:#2a2d34!important;border-color:#3b3f48!important}
.solutions-grid .solution-card h3{color:#fff!important}
.solutions-grid .solution-card p,.solutions-grid .solution-card span,.contact-aside small{color:#cbd1db!important}
.solutions-section .solutions-link,.solutions-section .solutions-link .ico{color:#9af0ab!important;border-color:rgba(154,240,171,.45)!important}
.solutions-section .solutions-link:hover{color:#fff!important}
/* FAQ open state and pills */
.faq-items details[open]{background:#f8fff9!important;border-color:#bfe8c7!important}
.faq-plus,.issue .ico,.symptom-rows .issue-arrow,.related-site-arrow,.back-to-top{color:var(--cnet-green)!important}
.back-to-top{background:var(--cnet-dark)!important;color:#fff!important}
.area-strip{background:#eef8f0!important;color:#38513f!important}
.location-copy .district-pills span,.district-pills span,.map-bar,.map-bottom{background:#fff!important;border-color:#e5e7eb!important;color:#2a3340!important}
.related-sites{background:#fff!important;border-color:#eceff3!important}
.related-sites-title{color:#4b5563!important}
.related-site{background:#f8fafb!important}
.related-site:hover{background:#f4fcf5!important}
@media(max-width:1000px){.site-nav{background:#fff!important;border-color:#e5e7eb!important}.site-nav>a{border-color:#eff2f5!important}}
@media(max-width:760px){.hero-live-content{background:linear-gradient(135deg,#1f2024 0%,#2a2d34 100%)!important}.hero-service-ribbon{background:#272a31!important}}


/* ===== charcoal-green-spacing.css ===== */
/* Cyber Seven — charcoal / fresh green / white editorial theme v4
   Final non-blue UI palette and section-rhythm pass, October 2026.
   Preserve original photographic color, HTML hero copy and all business data. */
:root {
  --green:#20b644;
  --green-hover:#118b30;
  --green-text:#10792c;
  --green-pale:#f0faf2;
  --charcoal:#242529;
  --charcoal-2:#2c2d32;
  --ink:#1b1e22;
  --paper:#fff;
  --off:#f6f6f6;
  --line:#e5e7e5;
  --muted:#67706b;
  --deep:#242529;
  --deep2:#303137;
  --cyan:#20b644;
  --cyanDark:#10792c;
  --mint:#f0faf2;
  --tech-blue:#20b644;
  --tech-blue-deep:#10792c;
  --tech-sky:#f0faf2;
  --tech-text:#242529;
  --tech-muted:#6a706c;
  --tech-ink:#1b1e22;
  --tech-line:#e5e7e5;
  --tech-bg:#f6f6f6;
  --v3-ink:#1b1e22;
  --v3-muted:#67706b;
  --v3-teal:#20b644;
  --v3-dark:#242529;
  --v3-cyan:#20b644;
  --v3-deep:#242529;
  --cnet-green:#20b644;
  --cnet-green-dark:#118b30;
  --cnet-dark:#242529;
  --cnet-dark-2:#2c2d32;
  --cnet-dark-3:#33343a;
  --cnet-muted:#67706b;
  --cnet-text:#1b1e22;
}
html{scroll-padding-top:92px}
body{background:#fff!important;color:var(--ink)!important}
::selection{background:#c9f5d3!important;color:#142018!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#20b644!important}
/* Logo and favicon artwork stay structurally intact but appear without cyan. */
.site-header .brand img,.footer-about img{filter:grayscale(1) contrast(1.32) brightness(.82)!important}
/* Header and editorial elements */
.announce{background:#f7f8f7!important;border-color:#e9ebe9!important;color:#666d68!important}
.announce-inner .ico,.announce-inner strong,.announce-inner a:hover{color:var(--green-text)!important}
.site-header{background:#fff!important;border-bottom:1px solid #ebedeb!important;box-shadow:0 4px 20px rgba(16,21,17,.045)!important}
.site-nav>a{color:#242729!important}
.site-nav>a:hover,.site-nav>a:focus-visible,.footer-main nav>a:hover{color:var(--green-text)!important}
.nav-cta{background:var(--charcoal)!important;color:#fff!important;border-color:var(--charcoal)!important}
.nav-cta:hover{background:#35383a!important;border-color:#35383a!important}
.menu-toggle{border-color:#dadeda!important;color:var(--charcoal)!important}
/* Keep Hero imagery and editable HTML text; remove all blue overlay/text accents. */
.hero.hero-text-live{background:#fff!important}
.hero-text-live .hero-classic-shell{background:var(--charcoal)!important;box-shadow:0 18px 45px rgba(0,0,0,.14)!important}
.hero-text-live .hero-classic-shell:before{background:linear-gradient(90deg,rgba(28,29,32,.98) 0%,rgba(28,29,32,.94) 38%,rgba(30,30,34,.73) 56%,rgba(30,30,34,.13) 83%)!important}
.hero-live-brand b,.hero-live-copy h1 em,.hero-service-ribbon .ico,.hero-ribbon-link{color:#57da72!important}
.hero-live-brand small{color:#d9dfda!important}
.hero-live-copy h1,.hero-live-copy h1 span,.hero-live-copy h1 strong{color:#fff!important}
.hero-live-subtitle,.hero-live-features small{color:#e3e6e4!important}
.hero-live-features .ico{color:#64de7a!important}
.hero-live-features>div{border-color:rgba(240,255,242,.24)!important}
.hero-live-primary,.action.primary,.contact-buttons .action.primary{
  background:var(--green)!important;color:#102017!important;border-color:var(--green)!important;
  box-shadow:0 11px 26px rgba(19,137,49,.16)!important;
}
.hero-live-primary:hover,.action.primary:hover,.contact-buttons .action.primary:hover{background:#55d36f!important;border-color:#55d36f!important}
.hero-live-line,.contact-buttons .action.ghost{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.38)!important;color:#fff!important}
.hero-live-line:hover,.contact-buttons .action.ghost:hover{background:rgba(255,255,255,.15)!important}
.hero-service-ribbon{background:#292a2e!important;border-color:#414247!important}
.hero-service-ribbon strong{color:#fff!important}
.hero-service-ribbon small,.hero-ribbon-note small{color:#d2d4d1!important}
.hero-ribbon-link:hover{color:#aaf2b4!important}
/* Shared typography / icons / theme */
.kicker,.kicker:before,.eyebrow-small,.intro-label span,.intro-item>.ico,
.repair-n,.issue-number,.onsite-step-num,.onsite-features .ico,.process-item>span,
.related-site-arrow,.round-arrow,.faq-plus,.text-link .ico,.solutions-link .ico{color:var(--green-text)!important}
.section-top h2,.showcase-head h2,.symptoms-heading h2,.onsite-copy h2,
.onsite-guide-heading h2,.solutions-top h2,.faq-heading h2,.location-copy h2{
  color:var(--ink)!important;
}
.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,
.onsite-guide-heading h2 span,.faq-heading h2 span,.location-copy h2 span,
.contact-main h2 span{color:var(--green)!important}
.section-top>p,.showcase-head p,.symptoms-heading>p,.onsite-copy>p,
.onsite-guide-heading>p,.faq-heading>p,.location-intro,.location-copy>p{
  color:var(--muted)!important;
}
.text-link,.solutions-link,.onsite-guide-footer a,.location-actions a,.location-shared-link,.map-bottom a{
  color:var(--green-text)!important;border-color:#b6dfbd!important;
}
.text-link:hover,.solutions-link:hover,.onsite-guide-footer a:hover,.map-bottom a:hover{
  color:#0d6726!important;border-color:var(--green-text)!important;
}
/* Neutral paper sections + green details */
.intro-band,.services,.showcase-strip,.onsite-section,.process-section,.faq-section,.footer{background:#fff!important}
.symptoms-section,.onsite-guide,.examples-section,.location-section{background:#f6f7f6!important}
.intro-band,.intro-item,.showcase-strip,.related-sites,.area-strip{border-color:#e6e9e6!important}
.intro-item strong,.repair-card h3,.issue strong,.symptom-rows .issue-body strong,
.onsite-guide-steps h3,.process-item h3,.faq-items summary,.related-site strong{color:#24272a!important}
.intro-item small,.repair-card p,.issue>span:nth-of-type(2),.symptom-rows .issue-body small,
.onsite-guide-steps p,.process-item p,.faq-items details p,.related-site span,.related-site small{color:#717772!important}
.repair-card,.symptom-rows,.showcase-card,.onsite-guide-steps article,.process-item,
.faq-items details,.location-map-wrap,.related-site{border-color:#e4e8e4!important}
.repair-card,.symptom-rows,.onsite-guide-steps article,.process-item,.faq-items details,.related-site{background:#fff!important}
.repair-media{background:#f5f6f4!important}
.repair-info{background:#fff!important}
.repair-card:hover,.showcase-card:hover,.related-site:hover{border-color:#b8e7c0!important}
.round-arrow{background:#f2faf3!important;border-color:#bce7c4!important}
.repair-card:hover .round-arrow{background:var(--green)!important;color:#102017!important;border-color:var(--green)!important}
.showcase-copy span{color:#c6f1ce!important}
.symptom-rows .issue{border-color:#e8ebe8!important}
.symptom-rows .issue:hover,.symptom-rows .issue:focus-visible{background:#f3fbf4!important}
.symptom-rows .issue .ico,.symptom-rows .issue-arrow{color:var(--green)!important}
.action.dark{background:#292a2e!important;border-color:#292a2e!important;color:#fff!important}
.action.dark:hover{background:#3d4040!important;border-color:#3d4040!important}
.onsite-image .image-label{background:#242529!important;color:#fff!important}
.onsite-guide-footer,.onsite-districts{border-color:#e3e7e3!important}
.onsite-guide-steps .onsite-step-num,.process-item>span{color:var(--green)!important}
.process-item:before{background:var(--green)!important}
.process-item{background:#fff!important}
/* Computing-style dark charcoal contrast zones */
.solutions-section,.contact-section{background:linear-gradient(132deg,#242529 0%,#303137 100%)!important}
.solutions-section .kicker,.solutions-section .kicker:before,.contact-section .kicker,.contact-section .kicker:before{color:#b0f2ba!important}
.solutions-section .solutions-top h2,.contact-main h2,.contact-aside a,.contact-aside strong{color:#fff!important}
.solutions-section .solutions-top h2 span{color:#89e99c!important}
.solutions-section .solutions-top p,.contact-main>p,.contact-aside p{color:#d7dcd7!important}
.solutions-grid .solution-card,.solutions-grid .solution-card>div{background:#34363b!important;border-color:#4a4d50!important}
.solutions-grid .solution-card h3{color:#fff!important}
.solutions-grid .solution-card p,.solutions-grid .solution-card span,.contact-aside small{color:#d4dad3!important}
.solutions-grid .solution-card:hover{border-color:#8fdc9e!important}
.solutions-section .solutions-link,.solutions-section .solutions-link .ico{
  color:#a5f2b2!important;border-color:rgba(165,242,178,.4)!important;
}
.solutions-section .solutions-link:hover{color:#fff!important}
.contact-aside{border-color:#505359!important}
.contact-section .contact-buttons .action.primary{color:#102017!important}
/* FAQ & map */
.faq-items details[open]{background:#f4faf5!important;border-color:#bbe3c2!important}
.area-strip{background:#eaf6ed!important;color:#3f5142!important}
.district-pills span,.location-copy .district-pills span,.map-bar,.map-bottom{background:#fff!important;border-color:#e5e9e5!important;color:#37423b!important}
.related-sites{background:#fff!important}
.related-sites-title,.footer-about p,.footer-main nav>a,.copyright{color:#666e69!important}
.related-site{background:#f8f9f8!important}
.related-site:hover{background:#f2faf4!important}
.back-to-top{background:#242529!important;color:#fff!important}
.sticky-mobile{background:rgba(255,255,255,.97)!important;border-color:#e2e6e2!important}
.sticky-mobile a:first-child{background:#242529!important;color:#fff!important;box-shadow:none!important}
.sticky-mobile a:nth-child(2){background:#13a538!important;color:#fff!important}
/* Section spacing review: a consistent rhythm across the page */
.section,.onsite-section,.solutions-section,.faq-section{padding-top:86px!important;padding-bottom:86px!important}
.services{padding-top:74px!important;padding-bottom:35px!important}
.services .section-top{margin-bottom:32px!important}
.showcase-strip{padding-top:35px!important;padding-bottom:76px!important;border-top:1px solid #ecefec!important}
.showcase-intro{margin-bottom:30px!important}
.symptoms-section{padding-top:82px!important;padding-bottom:86px!important}
.onsite-section{padding-top:88px!important;padding-bottom:88px!important}
.onsite-guide{padding-top:80px!important;padding-bottom:82px!important}
.onsite-guide-heading{margin-bottom:29px!important}
.solutions-section{padding-top:84px!important;padding-bottom:88px!important}
.process-section{padding-top:88px!important;padding-bottom:86px!important}
.examples-section{padding-top:84px!important;padding-bottom:86px!important}
.faq-section{padding-top:86px!important;padding-bottom:86px!important}
.location-section{padding-top:84px!important;padding-bottom:86px!important}
.contact-section{padding-top:84px!important;padding-bottom:82px!important}
.section-top,.solutions-top{margin-bottom:34px!important}
.showcase-head p{margin-top:13px!important}
.symptoms-layout{gap:52px!important;align-items:center!important}
.symptoms-heading>p{margin-top:23px!important;margin-bottom:26px!important}
.onsite-guide-steps article{min-height:190px!important}
.process-grid{gap:17px!important}
.faq-layout{align-items:start!important}
.footer-main{padding-top:42px!important;padding-bottom:42px!important}
.related-sites{margin-top:0!important}
@media (max-width:1140px){
  .symptoms-layout{gap:30px!important;align-items:start!important}
}
@media (max-width:800px){
  .section,.onsite-section,.solutions-section,.faq-section{padding-top:68px!important;padding-bottom:68px!important}
  .services{padding-top:66px!important;padding-bottom:28px!important}
  .showcase-strip{padding-top:28px!important;padding-bottom:68px!important}
  .symptoms-section{padding-top:68px!important;padding-bottom:70px!important}
  .onsite-section,.solutions-section{padding-top:72px!important;padding-bottom:72px!important}
  .onsite-guide,.location-section{padding-top:66px!important;padding-bottom:68px!important}
  .process-section,.examples-section,.faq-section{padding-top:70px!important;padding-bottom:70px!important}
  .contact-section{padding-top:75px!important;padding-bottom:70px!important}
  .showcase-intro{margin-bottom:24px!important}
}
@media (max-width:560px){
  html{scroll-padding-top:72px}
  .section,.onsite-section,.solutions-section,.faq-section{padding-top:61px!important;padding-bottom:63px!important}
  .services{padding-top:56px!important;padding-bottom:25px!important}
  .services .section-top{margin-bottom:24px!important}
  .showcase-strip{padding-top:27px!important;padding-bottom:62px!important}
  .showcase-intro{margin-bottom:21px!important}
  .symptoms-section{padding-top:62px!important;padding-bottom:64px!important}
  .onsite-section{padding-top:67px!important;padding-bottom:67px!important}
  .onsite-guide{padding-top:63px!important;padding-bottom:65px!important}
  .solutions-section{padding-top:68px!important;padding-bottom:70px!important}
  .process-section,.examples-section,.faq-section{padding-top:64px!important;padding-bottom:65px!important}
  .location-section{padding-top:65px!important;padding-bottom:66px!important}
  .contact-section{padding-top:69px!important;padding-bottom:72px!important}
  .section-top,.solutions-top{margin-bottom:25px!important}
  .symptoms-layout{gap:26px!important}
  .symptoms-heading>p{margin-top:18px!important;margin-bottom:20px!important}
  .onsite-guide-steps article{min-height:0!important}
  .process-grid{gap:12px!important}
  .footer-main{padding-top:36px!important;padding-bottom:34px!important}
  .sticky-mobile a:first-child{background:#242529!important;color:#fff!important}
}


/* ===== computing-refined-v2.css ===== */

:root{
  --ink:#171a21;
  --deep:#1f2024;
  --deep2:#272a31;
  --off:#f5f5f5;
  --line:#e5e7eb;
  --muted:#6b7280;
  --green:#32c24d;
  --green-dark:#22a53c;
  --green-soft:#dff6e4;
  --cyan:#32c24d;
  --cyanDark:#22a53c;
}
html{scroll-padding-top:94px}
body{background:#fff;color:var(--ink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green)!important}
.announce{background:#fff!important;color:#5f6673!important;border-bottom:1px solid #eceff3!important}
.announce-inner .ico,.announce-inner strong{color:var(--green)!important}
.site-header{background:#fff!important;border-bottom:1px solid #eceff3!important;box-shadow:0 4px 18px rgba(0,0,0,.04)!important}
.brand img{filter:none!important}
.site-nav>a{color:#171a21!important}
.site-nav>a:hover,.site-nav>a:focus-visible,.announce a:hover{color:var(--green)!important}
.nav-cta{background:var(--deep)!important;border-color:var(--deep)!important;color:#fff!important}
.nav-cta:hover{background:var(--green)!important;border-color:var(--green)!important}
.menu-toggle,.nav-contact-sm a{color:#171a21!important;border-color:#d7dbe2!important}
.hero-text-live .hero-classic-shell{background:#212328!important;box-shadow:0 24px 60px rgba(0,0,0,.18)!important}
.hero-text-live .hero-classic-shell:before{background:linear-gradient(90deg,rgba(25,26,30,.98) 0%,rgba(33,35,40,.95) 38%,rgba(34,36,42,.70) 58%,rgba(34,36,42,.10) 84%)!important}
.hero-live-brand b,.hero-live-copy h1 em,.hero-ribbon-link,.hero-service-ribbon .ico,.kicker,.kicker:before,.eyebrow-small,.repair-n,.issue-number,.onsite-step-num,.faq-plus,.related-site-arrow,.round-arrow,.location-address>.ico,.location-contacts .ico,.map-bar .ico,.showcase-intro .text-link,.text-link,.text-link .ico,.solutions-link,.solutions-link .ico,.map-bottom a{color:var(--green)!important}
.hero-live-primary,.action.primary,.contact-buttons .action.primary,.sticky-mobile a:first-child{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important;box-shadow:0 12px 28px rgba(50,194,77,.24)!important}
.hero-live-primary:hover,.action.primary:hover,.contact-buttons .action.primary:hover,.sticky-mobile a:first-child:hover{background:var(--green-dark)!important;border-color:var(--green-dark)!important}
.hero-live-line,.action.ghost,.contact-buttons .action.ghost{border-color:rgba(255,255,255,.32)!important}
.section,.services,.showcase-strip,.onsite-section,.process-section,.location-section,.faq-section{padding:96px 0!important}
.hero{margin-bottom:0!important}
.intro-band{background:#fff!important;border-bottom:1px solid var(--line)!important}
.intro-grid{min-height:118px!important}
.intro-item,.intro-label{padding-top:10px;padding-bottom:10px}
.intro-label span,.intro-item>.ico{color:var(--green)!important}
.section-top{margin-bottom:34px!important;gap:42px!important}
.section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2,.onsite-guide-heading h2,.location-copy h2,.showcase-head h2,.contact-main h2{color:#171a21!important}
.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,.faq-heading h2 span,.onsite-guide-heading h2 span,.location-copy h2 span,.contact-main h2 span{color:var(--green)!important}
.section-top>p,.symptoms-heading>p,.onsite-copy>p,.onsite-guide-heading>p,.location-intro,.showcase-head p,.contact-main>p{color:var(--muted)!important}
.repair-grid,.showcase-row,.solutions-grid{gap:22px!important}
.repair-card,.showcase-card,.symptom-rows,.onsite-guide-steps article,.process-item,.faq-items details,.location-map-wrap,.related-site,.contact-aside,.solutions-grid .solution-card{border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden;box-shadow:0 14px 34px rgba(17,24,39,.07)!important}
.repair-card,.showcase-card,.symptom-rows,.onsite-guide-steps article,.process-item,.faq-items details,.location-map-wrap,.related-site{background:#fff!important}
.repair-card:hover,.showcase-card:hover,.related-site:hover,.process-item:hover,.solutions-grid .solution-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(17,24,39,.1)!important;border-color:#d8dde3!important}
.repair-media{background:#fafafa!important;height:248px!important}
.repair-media img{mix-blend-mode:normal!important;object-fit:cover!important;padding:0!important}
.repair-info{background:#fff!important;padding:22px 22px 64px!important;min-height:226px!important}
.round-arrow{background:#f8fff9!important;border-color:#d3ebd7!important}
.repair-card:hover .round-arrow{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}
.showcase-strip{padding-top:40px!important;padding-bottom:88px!important}
.showcase-intro{margin-bottom:26px!important}
.showcase-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px!important}
.showcase-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.04)}
.symptoms-section,.examples-section,.onsite-guide{background:#f5f5f5!important}
.symptoms-section{padding:104px 0!important}
.symptoms-layout{gap:62px!important}
.symptom-rows{padding:10px 24px!important}
.symptom-rows .issue{padding:20px 2px!important;border-bottom:1px solid #eceef2!important}
.issue strong{font-size:21px!important;color:#171a21!important}
.issue>span:nth-of-type(2){color:#6b7280!important}
.showcase-head,.onsite-top,.contact-grid{align-items:end!important}
.solutions-section,.contact-section,.footer-main{background:linear-gradient(135deg,#1f2024 0%,#2a2d34 100%)!important}
.solutions-grid .solution-card,.contact-aside{background:#2a2d34!important;border-color:#3a3f48!important}
.solutions-grid .solution-card h3,.contact-main h2,.contact-aside strong,.footer-main .brand-line{color:#fff!important}
.solutions-grid .solution-card p,.solutions-grid .solution-card span,.contact-main>p,.contact-aside p,.contact-aside small,.footer-about p,.footer-links a,.footer-main nav>a,.copyright{color:#d3d7de!important}
.solutions-grid .solution-card .ico,.footer-social a:hover,.footer-main nav>a:hover{color:#9ef1ad!important}
.onsite-guide{padding:84px 0 88px!important}
.onsite-guide-steps{gap:18px!important;margin-top:22px!important}
.onsite-districts{gap:28px!important;margin-top:26px!important;padding-top:26px!important}
.district-pills span,.location-copy .district-pills span{border-color:var(--line)!important;background:#fff!important;color:#23272f!important}
.location-section{padding-top:92px!important;padding-bottom:92px!important}
.location-grid{gap:36px!important}
.location-map-wrap{background:#fff!important}
.map-bar,.map-bottom{background:#fff!important;border-color:#eceff3!important}
.faq-section{padding-top:92px!important;padding-bottom:96px!important}
.faq-grid{gap:40px!important}
.faq-items details[open]{background:#fbfdfb!important;border-color:#cfe7d4!important}
.footer{padding-top:26px!important;background:#fff!important}
.related-sites{padding-top:22px!important;padding-bottom:26px!important;border-top:1px solid #eceff3!important;background:#fff!important}
.related-sites-title{color:#525866!important}
.related-site{background:#fafafa!important}
.back-to-top{background:#1f2024!important;color:#fff!important}
@media (max-width:1100px){
  .showcase-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .services,.showcase-strip,.onsite-section,.process-section,.location-section,.faq-section,.section{padding:82px 0!important}
}
@media (max-width:760px){
  .section,.services,.showcase-strip,.onsite-section,.process-section,.location-section,.faq-section{padding:68px 0!important}
  .section-top{margin-bottom:24px!important}
  .repair-grid,.showcase-row,.solutions-grid{gap:16px!important}
  .repair-media{height:220px!important}
  .repair-info{min-height:auto!important;padding:18px 18px 56px!important}
  .showcase-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .showcase-strip{padding-top:24px!important;padding-bottom:64px!important}
  .symptoms-section{padding:74px 0!important}
  .symptoms-layout{gap:28px!important}
  .symptom-rows{padding:6px 16px!important}
  .issue strong{font-size:18px!important}
  .onsite-guide,.location-section,.faq-section{padding-top:68px!important;padding-bottom:72px!important}
}


/* ===== mono-computing-v3.css ===== */

:root{
  --green:#111315;
  --green-dark:#0b0d0f;
  --cyan:#111315;
  --cyanDark:#0b0d0f;
  --ink:#16181d;
  --deep:#1f2024;
  --deep2:#262a31;
  --line:#e5e7eb;
  --muted:#6b7280;
  --off:#f5f5f5;
}
body{background:#fff!important;color:var(--ink)!important}
/* remove green accents entirely */
.hero-live-brand b,.hero-live-copy h1 em,.hero-ribbon-link,.hero-service-ribbon .ico,
.kicker,.kicker:before,.eyebrow-small,.repair-n,.issue-number,.onsite-step-num,
.faq-plus,.related-site-arrow,.round-arrow,.location-address>.ico,.location-contacts .ico,
.map-bar .ico,.showcase-intro .text-link,.text-link,.text-link .ico,.solutions-link,
.solutions-link .ico,.map-bottom a,.intro-label span,.intro-item>.ico,
.hero-live-features .ico,.footer-social a:hover,.site-nav>a:hover,.site-nav>a:focus-visible{
  color:#111315!important;
}
.hero-live-primary,.action.primary,.contact-buttons .action.primary,.sticky-mobile a:first-child,
.nav-cta{background:#111315!important;border-color:#111315!important;color:#fff!important;box-shadow:0 12px 28px rgba(17,19,21,.18)!important}
.hero-live-primary:hover,.action.primary:hover,.contact-buttons .action.primary:hover,.sticky-mobile a:first-child:hover,
.nav-cta:hover{background:#2d3138!important;border-color:#2d3138!important}
.hero-live-line,.action.ghost,.contact-buttons .action.ghost{border-color:rgba(255,255,255,.34)!important;color:#fff!important}
.announce-inner .ico,.announce-inner strong,.announce a:hover{color:#111315!important}
.brand img{filter:none!important}
.footer-about img{filter:brightness(0) invert(1) grayscale(1)!important}
.repair-card:hover .round-arrow{background:#111315!important;border-color:#111315!important;color:#fff!important}
.round-arrow{background:#f7f7f7!important;border-color:#d8dde3!important;color:#111315!important}
.text-link,.showcase-intro .text-link,.solutions-link,.map-bottom a{border-color:rgba(17,19,21,.28)!important}
.text-link:hover,.showcase-intro .text-link:hover,.solutions-link:hover,.map-bottom a:hover{color:#2d3138!important;border-color:#2d3138!important}
.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,.faq-heading h2 span,
.onsite-guide-heading h2 span,.location-copy h2 span,.contact-main h2 span,
.solutions-section .solutions-top h2 span{color:#111315!important}
.solutions-section .kicker,.solutions-section .kicker:before,.contact-section .kicker,.contact-section .kicker:before{color:#bfc6d0!important}
.faq-items details[open]{background:#fbfbfb!important;border-color:#d7dbe1!important}
.area-strip{background:#f3f4f6!important;color:#3d4652!important}
.site-nav .active,.site-nav a[aria-current="page"]{color:#111315!important;border-bottom-color:#111315!important}
/* spacing refinement */
.hero{margin-bottom:0!important}
.intro-band{margin-top:0!important}
.services,.showcase-strip,.symptoms-section,.onsite-section,.onsite-guide,.process-section,.location-section,.faq-section,.contact-section{padding-top:88px!important;padding-bottom:88px!important}
.section-top{margin-bottom:32px!important}
.showcase-intro{margin-bottom:24px!important}
.related-sites{padding-top:24px!important;padding-bottom:24px!important}
.footer{padding-top:18px!important}
@media (max-width:760px){
  .services,.showcase-strip,.symptoms-section,.onsite-section,.onsite-guide,.process-section,.location-section,.faq-section,.contact-section{padding-top:64px!important;padding-bottom:64px!important}
  .section-top{margin-bottom:22px!important}
}


/* ===== editorial-dark-v5.css ===== */

:root{
  --bg:#ffffff;
  --surface:#0d1014;
  --surface-2:#12161c;
  --surface-3:#181d24;
  --ink:#15171c;
  --ink-soft:#d3d7de;
  --muted:#8a909a;
  --line:#e7e9ee;
  --line-dark:rgba(255,255,255,.08);
  --accent:#ffffff;
  --accent-dark:#111318;
  --shadow-dark:0 30px 70px rgba(0,0,0,.35);
}

body{background:#fff;color:var(--ink)}
.wrap{max-width:1280px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid rgba(17,19,24,.08)}
.nav-inner{min-height:88px}
.brand img{height:52px;width:auto;object-fit:contain}
.site-nav{gap:36px}
.site-nav>a{font-weight:500;font-size:15px;color:#20232a}
.site-nav .nav-contact-sm{display:none}
.nav-cta{background:#121417!important;border-radius:14px;padding:13px 20px;border:1px solid rgba(18,20,23,.95)!important;color:#fff!important;box-shadow:none!important}
.nav-cta:hover{background:#242931!important;border-color:#242931!important}

/* HERO */
.hero.hero-classic{background:#0a0c10;color:#fff;padding:0;position:relative;overflow:hidden}
.hero-classic-shell{position:relative;max-width:none;display:grid;grid-template-columns:minmax(340px, 40%) 1fr;min-height:650px;background:#0b0d11}
.hero-live-visual{position:relative;grid-column:1 / -1;grid-row:1 / 2;overflow:hidden}
.hero-live-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(5,7,10,.92) 0%, rgba(5,7,10,.78) 28%, rgba(5,7,10,.42) 52%, rgba(5,7,10,.1) 72%, rgba(5,7,10,.12) 100%), linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.25));}
.hero-live-visual img{width:100%;height:100%;min-height:650px;object-fit:cover;filter:saturate(.88) contrast(1.03) brightness(.90)}
.hero-live-content{position:absolute;inset:0;display:flex;align-items:center;z-index:2}
.hero-live-copy{width:min(100%, 620px);padding:84px 60px 56px}
.hero-live-brand{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.hero-live-brand span{font-size:14px;letter-spacing:.28em;color:#d5dae1;font-weight:600}
.hero-live-brand small{font-size:12px;letter-spacing:.18em;color:#9ba2ad}
.hero-live-copy h1{font-size:clamp(48px,5.3vw,86px);line-height:.95;letter-spacing:-.04em;font-weight:700;color:#fff;margin:0 0 18px}
.hero-live-copy h1 em{color:#f0f2f5!important;font-style:normal;display:block}
.hero-live-subtitle{font-size:19px;color:#edf0f4;font-weight:500;margin:0 0 28px}
.hero-live-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 30px;padding-top:10px}
.hero-live-features>div{display:flex;gap:12px;align-items:flex-start;padding-right:10px;border-right:1px solid rgba(255,255,255,.08)}
.hero-live-features>div:last-child{border-right:none}
.hero-live-features .ico{width:26px;height:26px;color:#fff;opacity:.95}
.hero-live-features strong{display:block;font-size:16px;color:#fff;margin-bottom:2px}
.hero-live-features small{display:block;font-size:13px;color:#b3bac4;line-height:1.45}
.hero-live-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-live-primary,.hero-live-line{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 28px;border-radius:14px;font-weight:600;font-size:17px;text-decoration:none}
.hero-live-primary{background:#fff!important;color:#111315!important;border:1px solid #fff!important}
.hero-live-line{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important}
.hero-live-line:hover{background:rgba(255,255,255,.06)}
.hero-service-ribbon{background:#0b0d11;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.hero-service-ribbon-inner{display:flex;align-items:center;gap:28px;padding:18px 20px}
.hero-ribbon-note{display:flex;align-items:center;gap:14px;color:#fff;flex:1;min-width:0}
.hero-ribbon-note .ico{width:22px;height:22px;color:#fff}
.hero-ribbon-note strong{display:block;color:#fff;font-size:16px}
.hero-ribbon-note small{display:block;color:#9ba2ad}
.hero-ribbon-link{color:#fff!important;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:4px;white-space:nowrap}

/* Intro band and services editorial */
.intro-band{background:#101319;color:#dfe5ec;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.intro-grid{padding-top:20px;padding-bottom:20px;gap:18px}
.intro-label,.intro-item strong,.intro-item .ico{color:#fff!important}
.intro-item small{color:#adb4be}

.services,.showcase-strip{background:linear-gradient(180deg,#0b0d11 0%, #0e1116 100%);color:#fff}
.services .section-top,.showcase-strip .showcase-head{align-items:end}
.services .kicker,.showcase-strip .kicker{color:#9ca3ad!important}
.services .kicker:before,.showcase-strip .kicker:before{background:#9ca3ad!important}
.services .section-top h2,.showcase-strip h2{color:#fff}
.services .section-top p,.showcase-head p{color:#aeb4bd;max-width:780px}
.services .section-top{display:grid;grid-template-columns:1fr auto;gap:20px;margin-bottom:26px}
.services .section-top>div{max-width:720px}
.repair-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.repair-card{background:var(--surface);border:1px solid var(--line-dark);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-dark)}
.repair-card a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.repair-media{aspect-ratio:1.45/1;overflow:hidden;background:#0d1014}
.repair-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(1.02) brightness(.92)}
.repair-info{padding:18px 22px 20px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"n a" "h a" "p a";column-gap:18px;row-gap:8px;background:linear-gradient(180deg, rgba(20,24,30,.2) 0%, rgba(14,17,22,1) 20%, rgba(14,17,22,1) 100%)}
.repair-info .repair-n{grid-area:n;color:#b0b7c0;font-size:12px;letter-spacing:.12em}
.repair-info h3{grid-area:h;color:#fff;font-size:30px;line-height:1.05;letter-spacing:-.03em;margin:0}
.repair-secondary .repair-info h3{font-size:28px}
.repair-info p{grid-area:p;color:#aab1bb;margin:0;line-height:1.55;font-size:15px}
.round-arrow{grid-area:a;align-self:end;justify-self:end;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.14)!important;background:transparent!important;color:#fff!important}
.repair-card:hover .round-arrow{background:#fff!important;color:#111315!important;border-color:#fff!important}

.showcase-intro{padding-top:0;margin-bottom:18px}
.showcase-strip .showcase-head{display:grid;grid-template-columns:1fr auto;gap:20px}
.showcase-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.showcase-card{position:relative;border-radius:20px;overflow:hidden;background:#12161b;border:1px solid var(--line-dark);min-height:300px;box-shadow:var(--shadow-dark)}
.showcase-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.02) brightness(.9)}
.showcase-copy{position:absolute;left:0;right:0;bottom:0;padding:22px 18px 18px;background:linear-gradient(180deg, rgba(4,5,8,0) 0%, rgba(4,5,8,.84) 42%, rgba(4,5,8,.98) 100%)}
.showcase-copy span{font-size:11px;letter-spacing:.13em;color:#c1c7cf;display:block;margin-bottom:8px}
.showcase-copy h3{margin:0;color:#fff;font-size:24px;line-height:1.08}
.showcase-copy p{margin:7px 0 0;color:#b2b9c2}

/* Footer logo with light backing */
.footer-about>a{display:inline-flex;padding:10px 14px;background:#fff;border-radius:14px}
.footer-about img{height:52px;width:auto;filter:none!important}

/* mobile */
@media (max-width: 1100px){
  .hero-classic-shell{min-height:620px}
  .hero-live-copy{padding:72px 34px 48px;max-width:560px}
  .hero-live-features{grid-template-columns:1fr;gap:14px}
  .hero-live-features>div{border-right:none;padding-right:0}
  .repair-grid{grid-template-columns:1fr 1fr}
  .showcase-row{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 760px){
  .nav-inner{min-height:74px}
  .brand img{height:44px}
  .hero-classic-shell{display:block;min-height:auto}
  .hero-live-visual img{min-height:540px}
  .hero-live-visual::after{background:linear-gradient(180deg, rgba(5,7,10,.38) 0%, rgba(5,7,10,.58) 24%, rgba(5,7,10,.88) 58%, rgba(5,7,10,.97) 100%)}
  .hero-live-content{position:absolute;inset:0;align-items:flex-end}
  .hero-live-copy{padding:26px 22px 30px;width:100%}
  .hero-live-copy h1{font-size:56px;line-height:.96}
  .hero-live-subtitle{font-size:16px}
  .hero-live-actions{flex-direction:column}
  .hero-live-primary,.hero-live-line{width:100%;justify-content:center;min-height:54px;font-size:16px}
  .hero-service-ribbon-inner{display:grid;grid-template-columns:1fr;gap:12px;padding:16px 20px}
  .services .section-top,.showcase-strip .showcase-head{grid-template-columns:1fr}
  .repair-grid,.showcase-row{grid-template-columns:1fr}
  .repair-info h3{font-size:24px}
  .showcase-card{min-height:220px}
}


/* ===== green-editorial-final.css ===== */
/* Cyber Seven · final green editorial pass · 2026-10-18
   CSS normalization: charcoal, warm-white and accessible forest/emerald accents.
   Original image content and real HTML headings remain unchanged. */
:root{--c7-green:#13833b;--c7-green-deep:#08642c;--c7-green-light:#67e394;--c7-green-wash:#eaf7ee;--c7-charcoal:#191c20;--c7-paper:#f6f7f6;--c7-mute:#606b65;--c7-line:#e2e7e2;--cyan:#13833b;--cyanDark:#08642c;--green:#13833b;--ink:#1e2420;--muted:#626e65}
html{scroll-padding-top:88px}body{font-size:16px!important;line-height:1.7;color:#1e2521!important;background:#fff!important}p{line-height:1.83}::selection{background:#d9f4df;color:#0a321c}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1ba44d!important;outline-offset:3px}
/* Header: more legible text and consistent iconography. */
.announce{background:#f9fbf9!important;border-color:#ecf0ec!important;color:#44534b!important;font-size:13px!important}.announce-inner .ico,.announce-inner strong,.announce a:hover{color:var(--c7-green)!important}
.site-header{background:rgba(255,255,255,.98)!important;border-color:#e7ece7!important;box-shadow:0 2px 16px rgba(12,22,16,.055)!important}
.site-header .brand::before{content:"";display:block;background:var(--c7-green)!important;width:4px;height:34px;margin-right:12px;border-radius:4px;flex:none}
.brand img{height:58px!important;width:auto!important;max-width:250px!important;object-fit:contain}
.site-nav>a{font-size:15px!important;font-weight:600!important;color:#222b26!important}.site-nav>a:hover,.site-nav>a:focus-visible{color:var(--c7-green)!important}
.nav-cta{font-size:14px!important;background:#22272a!important;color:#fff!important;border-color:#22272a!important;padding:13px 18px!important;min-height:49px!important;border-radius:10px!important}
.nav-cta:hover{background:var(--c7-green)!important;border-color:var(--c7-green)!important}
/* Hero: create visible separation from the ribbon while preserving the original image / HTML content. */
.hero.hero-classic{background:#f7f8f7!important;color:#fff!important;overflow:visible!important;padding:0!important}
.hero.hero-classic .hero-classic-shell{width:min(1420px,calc(100% - 36px))!important;margin:0 auto!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 18px 46px rgba(18,27,22,.18)!important;background:#1a1d20!important;min-height:650px!important}
.hero-live-copy h1{color:#fff!important;line-height:1.08!important}.hero-live-copy h1 em,.hero-live-brand b{color:var(--c7-green-light)!important}.hero-live-brand small{color:#d1ddd4!important}.hero-live-subtitle{font-size:18px!important;line-height:1.7!important;color:#f1f4f1!important}
.hero-live-features{gap:15px!important}.hero-live-features strong{font-size:16px!important;line-height:1.4!important;color:#fff!important}.hero-live-features small{font-size:13.5px!important;line-height:1.5!important;color:#d0d8d1!important}.hero-live-features .ico,.hero-ribbon-note>.ico{color:var(--c7-green-light)!important}
.hero-live-primary{background:#fff!important;color:#151b16!important;border:1px solid #fff!important;font-size:16px!important}.hero-live-primary:hover{background:#edfff1!important;border-color:#edfff1!important}.hero-live-line{color:#fff!important;border:1px solid rgba(159,227,177,.58)!important;background:rgba(17,34,24,.1)!important;font-size:16px!important}.hero-live-line:hover{background:rgba(42,123,63,.18)!important;border-color:var(--c7-green-light)!important}
.hero-service-ribbon{width:min(1420px,calc(100% - 36px))!important;margin:18px auto 0!important;padding:0!important;border:1px solid #34393b!important;border-radius:14px!important;overflow:hidden!important;background:#242629!important;box-shadow:0 10px 24px rgba(16,23,19,.08)!important}
.hero-service-ribbon-inner{min-height:100px!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;align-items:center!important;gap:25px!important;padding:19px 34px!important}
.hero-ribbon-note{display:flex!important;gap:15px!important;align-items:center!important;min-width:0!important;padding:4px 17px 4px 0!important;border-right:1px solid rgba(255,255,255,.24)!important}
.hero-ribbon-note:last-of-type{border-right:1px solid rgba(255,255,255,.24)!important}.hero-ribbon-note strong{font-size:16px!important;line-height:1.45!important;color:#fff!important}.hero-ribbon-note small{font-size:13px!important;line-height:1.5!important;color:#c4c9c5!important;margin-top:4px!important}.hero-ribbon-link{font-size:14px!important;font-weight:700!important;color:var(--c7-green-light)!important;border-color:rgba(103,227,148,.58)!important;align-self:center!important;white-space:nowrap}
/* The informational band is intentionally a separate block, not fused to the ribbon. */
.intro-band{margin-top:18px!important;background:#fff!important;border-top:1px solid #eef1ee!important;border-bottom:1px solid #e8ece8!important;color:#29332b!important}
.intro-grid{min-height:103px!important;padding:12px 0!important;gap:0!important;align-items:center!important}.intro-label{font-size:12px!important;color:#606e63!important}.intro-label span,.intro-item>.ico{color:var(--c7-green)!important}.intro-item{padding:12px 20px!important;min-height:64px!important;border-color:#e3e9e4!important}.intro-item strong{font-size:16px!important;line-height:1.35!important;color:#222e26!important}.intro-item small{font-size:13px!important;line-height:1.55!important;color:#617168!important;margin-top:4px!important}
/* A single legible typography and spacing scale for the main page. */
.kicker,.eyebrow-small,.repair-n,.onsite-step-num{font-size:12px!important;letter-spacing:.12em!important;font-weight:700!important}.kicker,.kicker:before,.eyebrow-small,.repair-n,.onsite-step-num,.issue-number,.process-item>span,.intro-label span{color:var(--c7-green)!important}.kicker:before{background:currentColor!important}
.section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2,.onsite-guide-heading h2,.location-copy h2,.showcase-head h2{font-size:clamp(35px,3.7vw,54px)!important;line-height:1.18!important;letter-spacing:-.025em!important}
.section-top h2 span,.symptoms-heading h2 span,.onsite-copy h2 span,.faq-heading h2 span,.onsite-guide-heading h2 span,.location-copy h2 span{color:var(--c7-green)!important}
.section-top>p,.showcase-head p,.symptoms-heading>p,.onsite-copy>p,.onsite-guide-heading>p,.faq-heading>p,.location-intro{font-size:16px!important;line-height:1.8!important}
.text-link,.showcase-intro .text-link,.location-shared-link,.map-bottom a{font-size:15px!important;color:var(--c7-green)!important;border-color:rgba(19,131,59,.45)!important}.text-link:hover,.showcase-intro .text-link:hover{color:var(--c7-green-deep)!important;border-color:var(--c7-green-deep)!important}.text-link .ico,.showcase-intro .text-link .ico,.location-shared-link .ico,.map-bottom a .ico{color:var(--c7-green)!important}
.action{min-height:51px!important;font-size:15px!important;font-weight:700!important}.action.dark{background:#282e2b!important;border-color:#282e2b!important;color:#fff!important}.action.dark:hover{background:var(--c7-green)!important;border-color:var(--c7-green)!important}
/* Dark top content: combine, but space content rhythm consistently. */
.services{background:#111419!important;padding:78px 0 50px!important}
.services .section-top{margin-bottom:34px!important;gap:32px!important}.services .section-top h2,.showcase-head h2{color:#fff!important}.services .section-top>p,.showcase-head p{color:#c4ccc5!important}
.services .kicker,.showcase-strip .kicker,.services .kicker:before,.showcase-strip .kicker:before{color:var(--c7-green-light)!important}
.services .repair-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:19px!important}
.repair-card{border:1px solid #363d38!important;background:#1a1e20!important;border-radius:16px!important;box-shadow:none!important}.repair-card:hover,.showcase-card:hover{border-color:#5a8562!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important}
.repair-media{height:235px!important;aspect-ratio:auto!important;background:#202522!important}.repair-media img{object-fit:cover!important;filter:saturate(.83) contrast(1.04) brightness(.96)!important;padding:0!important}
.repair-info{min-height:174px!important;padding:19px 22px 27px!important;background:#1c2021!important}.repair-info .repair-n{font-size:12px!important;color:var(--c7-green-light)!important}.repair-info h3{font-size:27px!important;line-height:1.24!important;color:#fff!important}.repair-info p{font-size:15px!important;line-height:1.65!important;color:#cdd3ce!important}.round-arrow{width:40px!important;height:40px!important;background:transparent!important;color:#dcfbe4!important;border:1px solid #6f9c77!important}.repair-card:hover .round-arrow{background:var(--c7-green-light)!important;color:#112019!important;border-color:var(--c7-green-light)!important}
.showcase-strip{background:#111419!important;padding:35px 0 80px!important;border:0!important}.showcase-intro{margin-bottom:30px!important}.showcase-head p{max-width:800px!important}.showcase-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:15px!important}.showcase-card{min-height:284px!important;border-radius:14px!important;border-color:#323b33!important}.showcase-copy{padding:18px 15px!important}.showcase-copy span{font-size:12px!important;color:var(--c7-green-light)!important}.showcase-copy h3{font-size:21px!important;line-height:1.25!important;color:#fff!important}.showcase-copy p{font-size:13px!important;line-height:1.45!important;color:#d7dfd8!important;margin:5px 0 0!important}.showcase-strip .text-link,.showcase-strip .text-link .ico{color:var(--c7-green-light)!important;border-color:rgba(103,227,148,.55)!important}
/* Light sections */
.symptoms-section{background:#f4f6f4!important;padding:86px 0!important}.symptoms-layout{gap:50px!important;align-items:center!important}.symptoms-heading>p{max-width:470px!important}.symptom-rows{background:#fff!important;border:1px solid #dce5dc!important;box-shadow:0 13px 32px rgba(25,38,29,.06)!important;border-radius:18px!important;padding:12px 23px!important}.symptom-rows .issue{padding:17px 3px!important;border-color:#e6ebe6!important;gap:14px!important}.symptom-rows .issue:hover{background:#f2f9f4!important}.issue-number{font-size:14px!important;font-weight:700!important}.symptom-rows .issue-body strong{font-size:19px!important;line-height:1.35!important;color:#1f2a22!important}.symptom-rows .issue-body small{font-size:14px!important;line-height:1.5!important;color:#69786e!important}.symptom-rows .issue-arrow,.symptom-rows .issue-arrow .ico{color:var(--c7-green)!important}
.onsite-section{background:#fff!important;padding:84px 0!important}.onsite-copy>p{font-size:16px!important}.onsite-features{font-size:15px!important;line-height:1.6!important}.onsite-features li{margin-bottom:12px!important}.onsite-features .ico{color:var(--c7-green)!important}.onsite-image .image-label{font-size:12px!important}
.onsite-guide{background:#f5f7f5!important;padding:80px 0!important}.onsite-guide-heading{margin-bottom:30px!important}.onsite-guide-steps{gap:17px!important}.onsite-guide-steps article{padding:24px!important;min-height:0!important;background:#fff!important;border:1px solid #dde7df!important;border-top:3px solid #79cb90!important;border-radius:14px!important}.onsite-guide-steps h3{font-size:20px!important;line-height:1.35!important;margin:12px 0 8px!important}.onsite-guide-steps p,.onsite-districts p{font-size:14.5px!important;line-height:1.75!important}.onsite-districts{margin-top:30px!important;padding-top:27px!important}.district-pills span{font-size:14px!important;padding:8px 13px!important}.onsite-guide-footer{margin-top:20px!important;background:#edf6ee!important;border-color:#d4e6d7!important}.onsite-guide-footer p{font-size:13px!important;line-height:1.65!important}.onsite-guide-footer a{font-size:14px!important;color:var(--c7-green)!important}
.solutions-section{background:#24272a!important;padding:82px 0!important}.solutions-top{margin-bottom:33px!important}.solutions-section .kicker,.solutions-section .kicker:before{color:var(--c7-green-light)!important}.solutions-section .solutions-top h2{color:#fff!important}.solutions-section .solutions-top h2 span{color:var(--c7-green-light)!important}.solutions-grid{gap:18px!important}.solutions-grid .solution-card{background:#313739!important;border:1px solid #515a54!important}.solutions-grid .solution-card h3{font-size:21px!important;color:#fff!important}.solutions-grid .solution-card p{font-size:14.5px!important;color:#d5ded6!important}.solutions-grid .solution-card span{font-size:12px!important;color:var(--c7-green-light)!important}.solutions-section .solutions-link,.solutions-section .solutions-link .ico{color:var(--c7-green-light)!important;border-color:#65b77d!important;font-size:15px!important}
.process-section{background:#fff!important;padding:82px 0!important}.process-grid{gap:18px!important}.process-item{border-color:#e0e7e1!important;background:#f8faf8!important;padding:27px 23px!important}.process-item:before{background:var(--c7-green)!important}.process-item>span{font-size:40px!important}.process-item h3{font-size:21px!important;margin:13px 0 7px!important}.process-item p{font-size:14.5px!important;line-height:1.7!important}
.examples-section{background:#f5f7f5!important;padding:78px 0!important}.examples-grid{gap:15px!important}.example{border-radius:15px!important;overflow:hidden!important}.example span{font-size:15px!important;line-height:1.4!important}
.faq-section{background:#fff!important;padding:80px 0!important}.faq-items details{border-color:#e2e9e3!important;background:#f9faf9!important}.faq-items details[open]{background:#f3faf4!important;border-color:#b8d9c0!important}.faq-items summary{font-size:17px!important;line-height:1.5!important;font-weight:600!important;padding:20px 22px!important;color:#1e2821!important}.faq-items details p{font-size:15px!important;line-height:1.8!important;padding:0 22px 20px!important;color:#5b6b60!important}.faq-plus{color:var(--c7-green)!important}
.area-strip{background:#edf6ef!important;color:#243d2a!important}.area-strip span{font-size:12px!important}.area-strip p{font-size:14px!important;line-height:1.7!important}
.location-section{background:#f6f8f6!important;padding:82px 0!important}.location-address strong{font-size:16px!important}.location-address address,.location-intro{font-size:15px!important}.location-contacts a{font-size:15px!important}.location-address>.ico,.location-contacts .ico,.map-bar .ico{color:var(--c7-green)!important}.location-map-wrap{border:1px solid #dce7de!important;border-radius:15px!important}.map-bar,.map-bottom{background:#fff!important}.map-bar span{font-size:13px!important}.map-bar small,.map-bottom span{font-size:13px!important}.map-bottom a{font-size:14px!important}.location-footnote{font-size:13px!important}
.contact-section{background:#22272a!important;padding:83px 0!important}.contact-section .kicker,.contact-section .kicker:before{color:var(--c7-green-light)!important}.contact-main h2{color:#fff!important}.contact-main h2 span{color:var(--c7-green-light)!important}.contact-main>p{font-size:16px!important;color:#d4ddd5!important}.contact-buttons .action.primary{background:#17853e!important;border-color:#17853e!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.16)!important}.contact-buttons .action.primary:hover{background:#0b6b2e!important;border-color:#0b6b2e!important}.contact-aside>span{font-size:12px!important;color:var(--c7-green-light)!important}.contact-aside small{font-size:13px!important;color:#becac0!important}.contact-aside a,.contact-aside strong{font-size:15px!important;color:#fff!important}.contact-aside p{font-size:13.5px!important;line-height:1.7!important}
.footer{background:#fff!important;padding-top:12px!important}.footer-main{background:#fff!important;padding:36px 0!important}.footer-about p,.footer-main nav>a{font-size:13.5px!important;line-height:1.65!important;color:#536055!important}.footer-main nav>a:hover{color:var(--c7-green)!important}.related-sites{padding:20px 0 26px!important}.related-sites-title{font-size:13px!important}.related-site{background:#fafbfa!important;border-color:#e2e9e3!important}.related-site:hover{background:#f0f9f1!important;border-color:#b9d8c0!important}.related-site strong{font-size:14px!important}.related-site small{font-size:12.5px!important}.related-site-arrow{color:var(--c7-green)!important}.copyright{font-size:12px!important;color:#68756b!important}.back-to-top{background:#242a26!important;color:#fff!important}.back-to-top:hover{background:var(--c7-green)!important}.sticky-mobile{border-top:1px solid #d6e3d8!important;background:#fff!important}.sticky-mobile a{font-size:14px!important;min-height:48px!important}.sticky-mobile a:first-child{background:#242a26!important;color:#fff!important}.sticky-mobile a:nth-child(2){background:#14843b!important;color:#fff!important}
@media(max-width:1200px){.hero-service-ribbon-inner{gap:18px!important;padding:18px 25px!important}.showcase-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-live-features small{font-size:13px!important}}
@media(max-width:1000px){.hero-service-ribbon-inner{grid-template-columns:1fr 1fr!important}.hero-ribbon-link{grid-column:1/-1!important;justify-self:start!important}.hero-ribbon-note:last-of-type{border-right:none!important}.intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.intro-label{display:none!important}.intro-item:first-of-type{border-left:0!important}.services .repair-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.showcase-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* Mobile hero bug fix: do NOT overlay tall HTML copy inside a 245px image container. */
@media(max-width:760px){
 html{scroll-padding-top:74px}.brand img{height:49px!important;max-width:195px!important}.site-header .brand::before{height:30px;width:3px;margin-right:9px}.nav-inner{min-height:75px!important}.announce{display:none!important}
 .hero.hero-classic{background:#f7f8f7!important}.hero.hero-classic .hero-classic-shell{width:100%!important;border-radius:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;box-shadow:none!important;overflow:visible!important}
 .hero-live-visual{position:relative!important;inset:auto!important;width:100%!important;height:238px!important;min-height:0!important;overflow:hidden!important;z-index:0!important;flex:none!important}
 .hero-live-visual img{position:relative!important;min-height:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:54% 46%!important;transform:none!important;filter:saturate(.84) contrast(1.04)!important}
 .hero-live-visual::after{background:linear-gradient(180deg,rgba(4,8,6,0) 46%,rgba(14,20,16,.48) 100%)!important}
 .hero-text-live .hero-classic-shell:before{display:none!important}
 .hero-live-content{position:relative!important;inset:auto!important;display:block!important;min-height:0!important;height:auto!important;width:100%!important;padding:0!important;background:#202427!important;z-index:1!important}
 .hero-live-copy{width:100%!important;max-width:none!important;padding:26px 20px 30px!important;min-height:0!important}
 .hero-live-brand{margin:0 0 14px!important}.hero-live-brand>span{font-size:18px!important;letter-spacing:.09em!important}.hero-live-brand small{font-size:11px!important;letter-spacing:.08em!important}
 .hero-live-copy h1{font-size:clamp(32px,8.4vw,46px)!important;line-height:1.12!important;letter-spacing:-.02em!important;margin:0 0 15px!important}.hero-live-copy h1 em{display:block!important}
 .hero-live-subtitle{font-size:15px!important;line-height:1.6!important;margin:0 0 20px!important}
 .hero-live-features{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;padding:0!important;margin:0 0 20px!important}
 .hero-live-features>div{display:flex!important;align-items:center!important;gap:11px!important;border:0!important;padding:0!important}.hero-live-features .ico{width:23px!important;height:23px!important;flex:0 0 23px!important}.hero-live-features strong{font-size:14.5px!important;margin:0!important}.hero-live-features small{font-size:12.5px!important;line-height:1.4!important}
 .hero-live-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important}.hero-live-actions a{min-height:50px!important;padding:9px 11px!important;font-size:13.5px!important;white-space:normal!important;text-align:center!important;gap:7px!important}
 .hero-service-ribbon{width:calc(100% - 28px)!important;margin:14px auto 0!important;border-radius:12px!important}
 .hero-service-ribbon-inner{min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:10px 19px!important}
 .hero-ribbon-note,.hero-ribbon-note:last-of-type{padding:13px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.hero-ribbon-note strong{font-size:15px!important}.hero-ribbon-note small{font-size:13px!important}.hero-ribbon-link{grid-column:1!important;margin:0!important;padding:14px 0 10px!important;font-size:14px!important;border-bottom:0!important;justify-self:start!important}
 .intro-band{margin-top:14px!important}.intro-grid{grid-template-columns:1fr!important;gap:0!important;padding:11px 0!important;min-height:0!important}.intro-label{display:none!important}.intro-item{border:0!important;border-bottom:1px solid #e5eae5!important;padding:12px 8px!important;min-height:0!important}.intro-item:last-child{border-bottom:0!important}.intro-item strong{font-size:15px!important}.intro-item small{font-size:13px!important}
 .services{padding:63px 0 30px!important}.services .section-top{margin-bottom:26px!important;gap:16px!important;display:block!important}.services .section-top>p{margin-top:14px!important}
 .services .repair-grid{grid-template-columns:1fr!important;gap:16px!important}.repair-media{height:222px!important}.repair-info{min-height:0!important;padding:20px 20px 23px!important}.repair-info h3{font-size:25px!important}.repair-info p{font-size:14.5px!important}
 .showcase-strip{padding:38px 0 67px!important}.showcase-head{display:block!important}.showcase-intro{margin-bottom:24px!important}.showcase-head p{font-size:14.5px!important}.showcase-strip .text-link{display:inline-flex!important;margin-top:19px!important}.showcase-row{grid-template-columns:1fr!important;gap:13px!important}.showcase-card{min-height:222px!important}.showcase-copy h3{font-size:22px!important}.showcase-copy p{font-size:14px!important}
 .symptoms-section,.onsite-section,.onsite-guide,.solutions-section,.process-section,.examples-section,.faq-section,.location-section,.contact-section{padding:66px 0!important}
 .section-top h2,.symptoms-heading h2,.onsite-copy h2,.solutions-top h2,.faq-heading h2,.onsite-guide-heading h2,.location-copy h2,.showcase-head h2{font-size:clamp(32px,8.7vw,45px)!important}
 .symptoms-layout{grid-template-columns:1fr!important;gap:27px!important}.symptoms-heading>p{font-size:14.5px!important;margin:16px 0 22px!important}.symptom-rows{padding:7px 17px!important}.symptom-rows .issue{grid-template-columns:26px 1fr 18px!important;gap:10px!important;padding:15px 0!important}.issue-number{font-size:13px!important}.symptom-rows .issue-body strong{font-size:17px!important}.symptom-rows .issue-body small{font-size:13px!important}
 .onsite-guide-heading{margin-bottom:24px!important}.onsite-guide-steps article{padding:21px!important}.onsite-guide-steps h3{font-size:19px!important}.onsite-guide-steps p{font-size:14px!important}.onsite-districts{display:block!important}.district-pills span{font-size:13.5px!important}.onsite-guide-footer{display:block!important}.onsite-guide-footer a{display:inline-flex!important;margin-top:12px!important;white-space:normal!important}
 .solutions-grid{gap:14px!important}.solutions-grid .solution-card h3{font-size:19px!important}.solutions-grid .solution-card p{font-size:14px!important}.process-grid{gap:15px!important}.process-item{padding:23px 18px!important}.process-item h3{font-size:19px!important}.process-item p{font-size:14px!important}.example span{font-size:14px!important}
 .faq-items summary{font-size:15.5px!important;padding:17px 16px!important}.faq-items details p{font-size:14.5px!important;padding:0 16px 17px!important}.location-address address{font-size:14px!important}.location-map-wrap iframe{height:305px!important}.contact-main>p{font-size:15px!important}.contact-aside small{font-size:12.5px!important}.footer-main{padding:32px 0!important}.related-site strong{font-size:13.5px!important}.related-site small{font-size:12px!important}
 .sticky-mobile a:nth-child(2){background:#14843b!important;color:#fff!important}.back-to-top{bottom:95px!important}
}
@media(max-width:390px){.hero-live-actions{grid-template-columns:1fr!important}.hero-live-actions a{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.repair-card,.showcase-card,.action,.related-site{transition:none!important}}
/* QA refinements: fix the light-on-dark color and service-card CTA overlap. */
.services .section-top h2 span{color:var(--c7-green-light)!important}
.repair-info{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;grid-template-areas:"n n" "h a" "p a"!important;align-items:start!important;column-gap:18px!important;row-gap:7px!important}
.repair-info .repair-n{grid-area:n!important}.repair-info h3{grid-area:h!important}.repair-info p{grid-area:p!important;min-width:0!important}
.repair-info .round-arrow{position:static!important;grid-area:a!important;align-self:end!important;justify-self:end!important;bottom:auto!important;right:auto!important}
.faq-plus:before,.faq-plus:after{background:var(--c7-green)!important}
.contact-aside>div{border-bottom-color:rgba(103,227,148,.20)!important}
.contact-aside div>a:hover{color:var(--c7-green-light)!important}
.area-strip span{color:var(--c7-green-deep)!important}
.process-grid{align-items:stretch!important}
@media(max-width:760px){.repair-info{grid-template-columns:minmax(0,1fr) 42px!important}.repair-info h3{font-size:24px!important}.repair-info p{font-size:14px!important}}

/* Final cross-device polish (2026-10-18): avoid legacy logo filter and mid-width nav overflow */
.site-header .brand img{filter:none!important;background:transparent!important}
.footer-about img{filter:none!important;background:transparent!important}
@media (min-width:1001px) and (max-width:1220px){
  .site-nav{gap:13px!important}
  .site-nav>a{font-size:13px!important;letter-spacing:-.02em}
  .nav-inner{gap:12px!important}
  .nav-cta{font-size:12px!important;padding:10px 12px!important;white-space:nowrap!important}
  .site-header .brand img{max-width:205px!important;height:auto!important;max-height:52px!important}
}

/* Logo update — selected circuit mascot concept (no changes to page content) */
.site-header .brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.site-header .brand img{display:block;width:245px!important;max-width:245px!important;height:auto!important;max-height:76px!important;object-fit:contain!important;filter:none!important;background:transparent!important}
.footer-about img{display:block;width:275px!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important;background:transparent!important}
@media(min-width:1001px) and (max-width:1250px){
  .site-header .brand img{width:195px!important;max-width:195px!important;max-height:59px!important}
}
@media(max-width:1000px){
  .site-header .brand img{width:210px!important;max-width:210px!important;max-height:65px!important}
}
@media(max-width:720px){
  .site-header .brand img{width:min(190px,calc(100vw - 120px))!important;max-width:190px!important;max-height:59px!important}
  .footer-about img{width:230px!important}
}

/* Compact related-business banner — office IT buyback */
.buyback-promo{background:#fff;padding:42px 0 24px}
.buyback-promo-inner{display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:25px;background:linear-gradient(105deg,#172019 0%,#222c25 70%,#28372b 100%);color:#fff;border:1px solid #33443a;border-radius:18px;padding:29px 34px;box-shadow:0 14px 35px rgba(15,35,22,.11);position:relative;overflow:hidden}
.buyback-promo-inner:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#48d771}
.buyback-promo-symbol{width:62px;height:62px;border:1px solid rgba(111,230,150,.34);border-radius:15px;display:grid;place-items:center;background:rgba(55,152,86,.13);color:#8bf1ac}
.buyback-promo-symbol .ico{width:32px;height:32px;stroke-width:1.6}
.buyback-promo-copy{min-width:0}
.buyback-promo-eyebrow{display:block;color:#8fe7a5;letter-spacing:.14em;font:700 11px/1.4 var(--font);margin-bottom:8px}
.buyback-promo-copy h2{color:#fff;font-size:clamp(22px,2.3vw,29px);font-weight:600;line-height:1.3;margin:0 0 7px;letter-spacing:-.02em}
.buyback-promo-copy p{color:#d5e0d8;margin:0;font-size:14px;line-height:1.7;max-width:660px}
.buyback-promo-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#45ce6b;color:#102014;font-size:14px;font-weight:700;border-radius:9px;min-height:49px;padding:12px 19px;white-space:nowrap;transition:background .2s,transform .2s}
.buyback-promo-cta:hover{background:#82e89c;transform:translateY(-2px)}
.buyback-promo-cta .ico{width:17px;height:17px}
.buyback-promo-cta:focus-visible{outline:3px solid #baf6c9;outline-offset:4px}
@media(max-width:920px){.buyback-promo-inner{grid-template-columns:55px minmax(0,1fr);gap:17px;padding:25px}.buyback-promo-symbol{width:55px;height:55px}.buyback-promo-cta{grid-column:2;justify-self:start}}
@media(max-width:600px){.buyback-promo{padding:30px 0 19px}.buyback-promo-inner{grid-template-columns:1fr;gap:15px;padding:23px 20px;border-radius:14px}.buyback-promo-symbol{width:52px;height:52px}.buyback-promo-copy h2{font-size:23px}.buyback-promo-copy p{font-size:13.5px}.buyback-promo-cta{grid-column:1;width:100%;white-space:normal}}

/* Two-line repair services heading */
.services .section-top h2.repair-section-heading{font-size:clamp(25px,3.2vw,47px)!important;line-height:1.28!important;letter-spacing:-.025em!important}
.services .section-top h2.repair-section-heading .repair-heading-line{display:block;white-space:nowrap}
.services .section-top h2.repair-section-heading .repair-heading-line:first-child{color:#fff!important}
.services .section-top h2.repair-section-heading .repair-heading-city{color:var(--c7-green-light,#54dd8c)!important}
@media(max-width:760px){.services .section-top h2.repair-section-heading{font-size:clamp(20px,6.85vw,32px)!important;line-height:1.3!important}}

/* 3-line expertise heading; preserve a single semantic H2 */
.services .section-top h2.repair-section-heading .repair-heading-line{display:block;max-width:100%;white-space:nowrap}
.services .section-top h2.repair-section-heading .repair-heading-device{font-size:.77em;line-height:1.32;font-weight:600;letter-spacing:-.025em;color:#fff!important}
.services .section-top h2.repair-section-heading .repair-heading-city{color:var(--c7-green-light,#54dd8c)!important}
@media(max-width:760px){
  .services .section-top h2.repair-section-heading .repair-heading-device{font-size:clamp(16px,4.95vw,25px)!important;letter-spacing:-.035em}
}
@media(max-width:370px){
  .services .section-top h2.repair-section-heading .repair-heading-device{font-size:clamp(14px,4.55vw,18px)!important}
}

/* Mobile typography QA: keep booking heading exactly two lines */
.onsite-guide-title-two-lines .onsite-guide-line{display:block;white-space:nowrap;max-width:100%}
@media(max-width:760px){
  .onsite-guide-heading h2.onsite-guide-title-two-lines{font-size:clamp(19px,5.4vw,28px)!important;line-height:1.38!important;letter-spacing:-.035em!important;overflow-wrap:normal!important;word-break:normal!important}
  .onsite-guide-heading h2.onsite-guide-title-two-lines .onsite-guide-line{white-space:nowrap!important}
  .onsite-guide-heading .kicker{font-size:clamp(11px,2.8vw,13px)!important;letter-spacing:.065em!important}
  .onsite-guide-heading>p{font-size:15px!important;line-height:1.8!important}
  .onsite-guide-steps h3{font-size:19px!important;line-height:1.38!important}
}
@media(max-width:360px){.onsite-guide-heading h2.onsite-guide-title-two-lines{font-size:clamp(17px,5.3vw,20px)!important}}


/* Final typography QA: fixed two-line services heading and consistent mobile heading sizing */
.solutions-section .solutions-top h2.solutions-two-line{
  font-size:clamp(28px,3.6vw,48px)!important;
  line-height:1.24!important;
  letter-spacing:-.035em!important;
  max-width:100%;
}
.solutions-section .solutions-two-line .solutions-title-line{display:block;white-space:nowrap;max-width:100%;}
.solutions-section .solutions-two-line .solutions-title-line:first-child{color:#fff!important;}
.solutions-section .solutions-two-line .solutions-title-line:last-child{color:var(--c7-green-light,#54dd8c)!important;}
@media(max-width:1100px){
 .solutions-section .solutions-top{display:flex;flex-direction:column;align-items:flex-start;gap:20px;}
}
@media(max-width:760px){
  .solutions-section .solutions-top h2.solutions-two-line{font-size:clamp(20px,5.3vw,29px)!important;line-height:1.38!important;letter-spacing:-.04em!important;}
  .solutions-section .solutions-top{gap:18px!important;}
  .solutions-section .solutions-link{align-self:flex-start;}
  /* Keep intentional headings legible without accidental overflow on narrow screens. */
  .symptoms-heading h2,.onsite-copy h2,.process-top h2,.faq-heading h2,.location-copy h2,.contact-main h2{overflow-wrap:normal;word-break:normal;font-size:clamp(29px,7.7vw,42px)!important;line-height:1.28!important;}
  .process-top h2{font-size:clamp(25px,6.5vw,36px)!important;}
  .location-copy h2{font-size:clamp(27px,7vw,38px)!important;}
}
@media(max-width:360px){
 .solutions-section .solutions-top h2.solutions-two-line{font-size:clamp(17px,5.2vw,20px)!important;}
}

/* Responsive typography and section-balance QA | 2026-10-18 */
@media (min-width:761px) and (max-width:1199px){
  .services .section-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .services .section-top>div{max-width:100%!important;min-width:0!important}
  .services .section-top>p{max-width:780px!important;margin:0!important}
  .services .section-top h2.repair-section-heading{
    font-size:clamp(31px,4.1vw,44px)!important;
    line-height:1.24!important;
  }
}
@media(max-width:760px){
  .services .section-top>div,.services .section-top>p{min-width:0!important;width:100%!important;max-width:100%!important}
  .services .section-top{gap:18px!important}
  .services .section-top>p,.onsite-guide-heading>p,.symptoms-heading>p,.faq-heading>p{
    font-size:15.5px!important;
    line-height:1.75!important;
  }
  .onsite-guide-title-two-lines .onsite-guide-line,
  .solutions-two-line .solutions-title-line,
  .repair-section-heading .repair-heading-line{
    text-wrap:nowrap;
  }
  .sticky-mobile{z-index:70}
  .back-to-top{bottom:calc(100px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:380px){
  .services .section-top h2.repair-section-heading{font-size:clamp(20px,6.75vw,26px)!important}
}

/* Approved three-line expertise heading – visually separated and mobile-safe */
.services .section-top h2.repair-section-heading{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  margin:17px 0 0!important;
  font-size:clamp(30px,3.05vw,45px)!important;
  line-height:1.17!important;
  letter-spacing:-.035em!important;
  max-width:100%!important;
}
.services .section-top h2.repair-section-heading .repair-heading-line{
  display:block!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
}
.services .section-top h2.repair-section-heading .repair-heading-line:first-child{color:#fff!important}
.services .section-top h2.repair-section-heading .repair-heading-device{
  font-size:.69em!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
  color:#e8edf0!important;
  line-height:1.32!important;
}
.services .section-top h2.repair-section-heading .repair-heading-city{
  color:#63d995!important;
}
@media(max-width:760px){
  .services .section-top h2.repair-section-heading{
    font-size:clamp(20px,5.6vw,29px)!important;
    gap:9px!important;
    line-height:1.2!important;
  }
  .services .section-top h2.repair-section-heading .repair-heading-device{
    font-size:clamp(16px,4.45vw,20px)!important;
    letter-spacing:-.025em!important;
  }
}
@media(max-width:375px){
  .services .section-top h2.repair-section-heading{
    font-size:clamp(19px,5.25vw,22px)!important;
  }
  .services .section-top h2.repair-section-heading .repair-heading-device{
    font-size:15.5px!important;
  }
}


/* Related services cards – unified white / sage green look from approved concept */
.related-sites{background:#fff!important;border-top:1px solid #e4ebe6!important;padding:32px 0 44px!important}
.related-sites-title{color:#26322d!important;font-size:clamp(19px,2.2vw,28px)!important;font-weight:700!important;margin:0 0 24px!important}
.related-sites-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 20px!important}
.related-sites-grid .related-site{
 position:relative!important;display:flex!important;min-height:205px!important;align-items:center!important;
 padding:25px 28px!important;overflow:hidden!important;isolation:isolate;
 background:linear-gradient(125deg,#fbfdfb 0%,#f3f9f5 56%,#e1f0e5 100%)!important;
 border:1px solid #d4e3d7!important;border-radius:23px!important;
 box-shadow:0 8px 25px rgba(23,60,36,.055)!important;
 text-decoration:none!important;transform:none!important;
 transition:border-color .2s,box-shadow .2s,transform .2s;
}
.related-sites-grid .related-site:nth-child(2){background:linear-gradient(125deg,#fff 0%,#f5faf6 56%,#e4f1e8 100%)!important}
.related-sites-grid .related-site:nth-child(3){background:linear-gradient(125deg,#fbfefb 0%,#f0f9f2 55%,#daefdf 100%)!important}
.related-sites-grid .related-site:nth-child(4){background:linear-gradient(125deg,#fff 0%,#f6faf7 55%,#e6f1e8 100%)!important}
.related-sites-grid .related-site:hover{transform:translateY(-3px)!important;box-shadow:0 14px 32px rgba(23,60,36,.11)!important;border-color:#8fb99a!important}
.related-sites-grid .related-site-info{position:relative;z-index:2;display:flex!important;flex-direction:column;gap:10px!important;width:64%;max-width:400px;align-items:flex-start}
.related-sites-grid .related-site-info:after{content:"";display:block;width:46px;height:3px;margin-top:6px;border-radius:6px;background:#469b60}
.related-sites-grid .related-site strong{color:#152119!important;font-size:clamp(19px,2.05vw,26px)!important;line-height:1.2!important;font-weight:700!important}
.related-sites-grid .related-site small{color:#354b3b!important;font-size:clamp(14px,1.5vw,18px)!important;line-height:1.45!important}
.related-sites-grid .related-site-photo{position:absolute;z-index:1;right:0;top:0;width:53%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;opacity:.93;mask-image:linear-gradient(90deg,transparent 0%,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}
.related-sites-grid .related-site-arrow{position:absolute!important;z-index:3;right:22px;bottom:22px;display:flex!important;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid #e7eee9;background:#fff!important;color:#248143!important;font-size:27px!important;box-shadow:0 6px 16px rgba(26,60,32,.13)}
@media(max-width:680px){
 .related-sites{padding:26px 0 36px!important}
 .related-sites-title{font-size:22px!important;margin-bottom:18px!important}
 .related-sites-grid{gap:12px!important}
 .related-sites-grid .related-site{min-height:160px!important;padding:17px 15px!important;border-radius:18px!important}
 .related-sites-grid .related-site-info{width:72%;gap:6px!important}
 .related-sites-grid .related-site strong{font-size:clamp(14px,3.6vw,18px)!important}
 .related-sites-grid .related-site small{font-size:clamp(11px,3.05vw,14px)!important}
 .related-sites-grid .related-site-photo{width:53%;opacity:.75}
 .related-sites-grid .related-site-arrow{right:10px;bottom:10px;width:31px;height:31px;font-size:19px}
 .related-sites-grid .related-site-info:after{width:26px;height:2px;margin-top:4px}
}
@media(max-width:355px){.related-sites-grid{grid-template-columns:1fr!important}.related-sites-grid .related-site{min-height:140px!important}}

/* Service-area groups: readable, balanced district and industrial-estate listings */
.service-area-expanded{align-items:start!important}
.service-area-groups{display:grid;gap:18px;min-width:0}
.service-area-group{min-width:0}
.service-area-group h4{font-size:17px;line-height:1.5;font-weight:650;color:#202923;margin:0 0 11px}
.service-area-group .district-pills{display:flex;flex-wrap:wrap;gap:9px}
.service-area-group .district-pills span{font-size:13.5px!important;line-height:1.5!important;padding:8px 13px!important;white-space:normal!important;overflow-wrap:anywhere;border-color:#cfe1d3!important}
.service-area-note{margin:0;color:#63756a;font-size:13.5px!important;line-height:1.7!important}
@media(max-width:850px){.service-area-expanded{display:block!important}.service-area-expanded .onsite-districts-text{margin-bottom:21px}.service-area-groups{gap:20px}}
@media(max-width:480px){.service-area-group h4{font-size:16px}.service-area-group .district-pills span{font-size:12.5px!important;padding:7px 11px!important}}

/* 2026-10-18 FIX: related-site promotional cards — prevent text/photo overlap
   Use 2 cards per row on desktop and full-width cards on phones. */
.footer .related-sites-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}
.footer .related-sites-grid > a.related-site{
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:206px!important;
  height:auto!important;
  padding:26px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
}
.footer .related-sites-grid .related-site-photo{
  position:absolute!important;
  display:block!important;
  z-index:0!important;
  left:auto!important;
  right:0!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  max-width:50%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  transform:none!important;
  opacity:.87!important;
  mix-blend-mode:normal!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 30%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%)!important;
}
.footer .related-sites-grid .related-site-info{
  position:relative!important;
  z-index:2!important;
  flex:0 0 56%!important;
  width:56%!important;
  max-width:56%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  overflow:visible!important;
}
.footer .related-sites-grid .related-site strong,
.footer .related-sites-grid .related-site small{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  text-overflow:clip!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}
.footer .related-sites-grid .related-site strong{
  font-size:clamp(19px,1.6vw,25px)!important;
  line-height:1.22!important;
}
.footer .related-sites-grid .related-site small{
  font-size:clamp(14px,1.2vw,17px)!important;
  line-height:1.5!important;
}
.footer .related-sites-grid .related-site-arrow{
  z-index:4!important;
  right:16px!important;
  bottom:16px!important;
}
@media(max-width:820px){
  .footer .related-sites-grid{grid-template-columns:1fr!important;gap:13px!important}
  .footer .related-sites-grid > a.related-site{min-height:178px!important;padding:20px!important}
  .footer .related-sites-grid .related-site-info{flex-basis:57%!important;width:57%!important;max-width:57%!important}
  .footer .related-sites-grid .related-site strong{font-size:clamp(19px,4.5vw,24px)!important}
  .footer .related-sites-grid .related-site small{font-size:clamp(14px,3.5vw,16px)!important}
}
@media(max-width:400px){
  .footer .related-sites-grid > a.related-site{min-height:166px!important;padding:17px!important}
  .footer .related-sites-grid .related-site-info{flex-basis:59%!important;width:59%!important;max-width:59%!important}
  .footer .related-sites-grid .related-site-photo{width:46%!important;max-width:46%!important}
  .footer .related-sites-grid .related-site-arrow{width:34px!important;height:34px!important;font-size:20px!important;right:10px!important;bottom:10px!important}
}


/* 2026-10-18 FINAL FIX: broken expertise heading + related service cards */
.services .section-top h2.repair-section-heading{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 0!important;
}
.services .section-top h2.repair-section-heading .repair-heading-line{
  display:block!important;
  width:100%!important;
  margin:0!important;
  white-space:nowrap!important;
  clear:both!important;
}
.services .section-top h2.repair-section-heading .repair-heading-line:first-child{
  font-size:clamp(34px,3.55vw,54px)!important;
  line-height:1.14!important;
}
.services .section-top h2.repair-section-heading .repair-heading-device{
  font-size:clamp(22px,2.3vw,34px)!important;
  line-height:1.2!important;
  color:#eaf0f3!important;
}
.services .section-top h2.repair-section-heading .repair-heading-city{
  font-size:clamp(34px,3.25vw,50px)!important;
  line-height:1.12!important;
  color:#63d995!important;
}
@media(max-width:760px){
  .services .section-top h2.repair-section-heading{
    gap:6px!important;
    letter-spacing:-.03em!important;
  }
  .services .section-top h2.repair-section-heading .repair-heading-line:first-child{
    font-size:clamp(24px,7.4vw,30px)!important;
    line-height:1.15!important;
  }
  .services .section-top h2.repair-section-heading .repair-heading-device{
    font-size:clamp(18px,5.35vw,24px)!important;
    line-height:1.18!important;
  }
  .services .section-top h2.repair-section-heading .repair-heading-city{
    font-size:clamp(24px,7.1vw,29px)!important;
    line-height:1.13!important;
  }
}
@media(max-width:390px){
  .services .section-top h2.repair-section-heading .repair-heading-line:first-child{font-size:clamp(22px,7vw,27px)!important}
  .services .section-top h2.repair-section-heading .repair-heading-device{font-size:clamp(16.5px,5vw,20px)!important}
  .services .section-top h2.repair-section-heading .repair-heading-city{font-size:clamp(22px,6.8vw,27px)!important}
}

.footer .related-sites-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.footer .related-sites-grid > a.related-site{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(124px,42%)!important;
  align-items:stretch!important;
  gap:14px!important;
  min-height:178px!important;
  padding:16px!important;
  position:relative!important;
  overflow:hidden!important;
}
.footer .related-sites-grid .related-site-info{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  flex:none!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
  padding-right:8px!important;
}
.footer .related-sites-grid .related-site strong,
.footer .related-sites-grid .related-site small{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  white-space:normal!important;
  overflow:visible!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.footer .related-sites-grid .related-site strong{
  font-size:clamp(18px,1.55vw,23px)!important;
  line-height:1.18!important;
}
.footer .related-sites-grid .related-site small{
  font-size:clamp(13px,1.1vw,16px)!important;
  line-height:1.45!important;
}
.footer .related-sites-grid .related-site-photo{
  position:relative!important;
  z-index:1!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:146px!important;
  border-radius:14px!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  mask:none!important;
  -webkit-mask-image:none!important;
}
.footer .related-sites-grid .related-site-arrow{
  position:absolute!important;
  right:14px!important;
  bottom:14px!important;
  z-index:3!important;
}
@media(max-width:820px){
  .footer .related-sites-grid{grid-template-columns:1fr!important;gap:14px!important}
  .footer .related-sites-grid > a.related-site{grid-template-columns:minmax(0,1fr) 42%!important;min-height:164px!important;padding:14px!important}
  .footer .related-sites-grid .related-site strong{font-size:clamp(16px,4.5vw,20px)!important}
  .footer .related-sites-grid .related-site small{font-size:clamp(12.5px,3.4vw,15px)!important}
  .footer .related-sites-grid .related-site-photo{min-height:132px!important}
}
@media(max-width:430px){
  .footer .related-sites-grid > a.related-site{grid-template-columns:minmax(0,1fr) 39%!important;gap:10px!important;min-height:148px!important;padding:12px!important}
  .footer .related-sites-grid .related-site-info{gap:6px!important;padding-right:2px!important}
  .footer .related-sites-grid .related-site strong{font-size:clamp(15px,4.8vw,18px)!important;line-height:1.18!important}
  .footer .related-sites-grid .related-site small{font-size:clamp(11.5px,3.4vw,13.5px)!important;line-height:1.35!important}
  .footer .related-sites-grid .related-site-photo{min-height:122px!important;border-radius:12px!important}
  .footer .related-sites-grid .related-site-arrow{width:32px!important;height:32px!important;right:8px!important;bottom:8px!important;font-size:18px!important}
}
@media(max-width:355px){
  .footer .related-sites-grid > a.related-site{grid-template-columns:minmax(0,1fr) 36%!important}
}


/* 2026-10-18 FINAL OVERRIDE FIX 2: expertise heading and related service cards */
.services .section-top h2.repair-section-heading{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:16px 0 0!important;
  line-height:1.1!important;
}
.services .section-top h2.repair-section-heading .repair-heading-line{
  display:block!important;
  width:100%!important;
  margin:0!important;
  white-space:normal!important;
}
.services .section-top h2.repair-section-heading .repair-heading-break{
  display:block!important;
  content:"";
}
.services .section-top h2.repair-section-heading .repair-heading-line:first-child{
  font-size:clamp(34px,3.55vw,54px)!important;
  line-height:1.14!important;
  color:#ffffff!important;
}
.services .section-top h2.repair-section-heading .repair-heading-device{
  margin-top:8px!important;
  font-size:clamp(22px,2.3vw,34px)!important;
  line-height:1.2!important;
  color:#eaf0f3!important;
}
.services .section-top h2.repair-section-heading .repair-heading-city{
  margin-top:8px!important;
  font-size:clamp(34px,3.25vw,50px)!important;
  line-height:1.12!important;
  color:#63d995!important;
}
@media(max-width:760px){
  .services .section-top h2.repair-section-heading .repair-heading-line:first-child{font-size:clamp(24px,7.4vw,30px)!important;line-height:1.15!important}
  .services .section-top h2.repair-section-heading .repair-heading-device{font-size:clamp(18px,5.35vw,24px)!important;line-height:1.18!important;margin-top:6px!important}
  .services .section-top h2.repair-section-heading .repair-heading-city{font-size:clamp(24px,7.1vw,29px)!important;line-height:1.13!important;margin-top:6px!important}
}
@media(max-width:390px){
  .services .section-top h2.repair-section-heading .repair-heading-line:first-child{font-size:clamp(22px,7vw,27px)!important}
  .services .section-top h2.repair-section-heading .repair-heading-device{font-size:clamp(16.5px,5vw,20px)!important}
  .services .section-top h2.repair-section-heading .repair-heading-city{font-size:clamp(22px,6.8vw,27px)!important}
}

.footer .related-sites-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.footer .related-sites-grid > a.related-site{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(120px,41%)!important;
  align-items:stretch!important;
  gap:14px!important;
  min-height:182px!important;
  padding:16px!important;
  position:relative!important;
  overflow:hidden!important;
}
.footer .related-sites-grid .related-site-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-width:0!important;
  z-index:2!important;
}
.footer .related-sites-grid .related-site-info{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}
.footer .related-sites-grid .related-site strong,
.footer .related-sites-grid .related-site small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  white-space:normal!important;
  overflow:visible!important;
  word-break:break-word!important;
}
.footer .related-sites-grid .related-site strong{
  font-size:clamp(18px,1.55vw,23px)!important;
  line-height:1.18!important;
}
.footer .related-sites-grid .related-site small{
  font-size:clamp(13px,1.1vw,16px)!important;
  line-height:1.45!important;
}
.footer .related-sites-grid .related-site-media{
  position:relative!important;
  min-width:0!important;
  height:100%!important;
}
.footer .related-sites-grid .related-site-photo{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:148px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:14px!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  mask:none!important;
  -webkit-mask-image:none!important;
}
.footer .related-sites-grid .related-site-arrow{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid #dde7df!important;
  background:#ffffff!important;
  color:#248143!important;
  font-size:24px!important;
  line-height:1!important;
  box-shadow:0 6px 16px rgba(26,60,32,.08)!important;
}
@media(max-width:820px){
  .footer .related-sites-grid{grid-template-columns:1fr!important;gap:14px!important}
  .footer .related-sites-grid > a.related-site{grid-template-columns:minmax(0,1fr) 40%!important;min-height:164px!important;padding:14px!important}
  .footer .related-sites-grid .related-site strong{font-size:clamp(16px,4.5vw,20px)!important}
  .footer .related-sites-grid .related-site small{font-size:clamp(12.5px,3.4vw,15px)!important}
  .footer .related-sites-grid .related-site-photo{min-height:132px!important}
}
@media(max-width:430px){
  .footer .related-sites-grid > a.related-site{grid-template-columns:minmax(0,1fr) 38%!important;gap:10px!important;min-height:148px!important;padding:12px!important}
  .footer .related-sites-grid .related-site-content{gap:10px!important}
  .footer .related-sites-grid .related-site-info{gap:6px!important}
  .footer .related-sites-grid .related-site strong{font-size:clamp(15px,4.8vw,18px)!important;line-height:1.18!important}
  .footer .related-sites-grid .related-site small{font-size:clamp(11.5px,3.4vw,13.5px)!important;line-height:1.35!important}
  .footer .related-sites-grid .related-site-photo{min-height:122px!important;border-radius:12px!important}
  .footer .related-sites-grid .related-site-arrow{width:32px!important;height:32px!important;font-size:18px!important}
}
@media(max-width:355px){
  .footer .related-sites-grid > a.related-site{grid-template-columns:minmax(0,1fr) 36%!important}
}


/* 2026-10-18 FINAL HARD OVERRIDE: fix 4 related blocks and expertise heading spacing */
.related-sites .related-sites-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}
.related-sites .related-sites-grid > .related-site{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 220px!important;
  align-items:center!important;
  gap:18px!important;
  min-height:204px!important;
  padding:18px!important;
  background:#f8fbf8!important;
  border:1px solid #cfe2d2!important;
  border-radius:22px!important;
  overflow:hidden!important;
  position:relative!important;
}
.related-sites .related-sites-grid > .related-site:hover{
  transform:translateY(-2px)!important;
  border-color:#9ec6a6!important;
}
.related-sites .related-sites-grid .related-site-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:16px!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
}
.related-sites .related-sites-grid .related-site-info{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
}
.related-sites .related-sites-grid .related-site-info:after{
  content:""!important;
  display:block!important;
  width:36px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#37a155!important;
  margin-top:2px!important;
}
.related-sites .related-sites-grid .related-site strong,
.related-sites .related-sites-grid .related-site small{
  display:block!important;
  margin:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:unset!important;
  word-break:break-word!important;
  max-width:100%!important;
}
.related-sites .related-sites-grid .related-site strong{
  color:#1c261f!important;
  font-size:clamp(18px,1.7vw,28px)!important;
  line-height:1.2!important;
}
.related-sites .related-sites-grid .related-site small{
  color:#5b675e!important;
  font-size:clamp(13px,1.1vw,17px)!important;
  line-height:1.45!important;
}
.related-sites .related-sites-grid .related-site-media{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.related-sites .related-sites-grid .related-site-photo{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:164px!important;
  min-height:164px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  mask:none!important;
  -webkit-mask-image:none!important;
}
.related-sites .related-sites-grid .related-site-arrow{
  position:static!important;
  display:inline-flex!important;
  width:42px!important;
  height:42px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  border:1px solid #d8e7db!important;
  background:#fff!important;
  color:#2d9149!important;
  font-size:22px!important;
  line-height:1!important;
  box-shadow:0 6px 16px rgba(26,60,32,.08)!important;
}
@media(max-width:900px){
  .related-sites .related-sites-grid{grid-template-columns:1fr!important}
  .related-sites .related-sites-grid > .related-site{grid-template-columns:minmax(0,1fr) 200px!important;min-height:190px!important}
}
@media(max-width:520px){
  .related-sites .related-sites-grid > .related-site{grid-template-columns:minmax(0,1fr) 38%!important;gap:12px!important;min-height:154px!important;padding:14px!important;border-radius:18px!important}
  .related-sites .related-sites-grid .related-site-content{gap:10px!important}
  .related-sites .related-sites-grid .related-site-info{gap:7px!important}
  .related-sites .related-sites-grid .related-site strong{font-size:clamp(15px,4.9vw,18px)!important;line-height:1.18!important}
  .related-sites .related-sites-grid .related-site small{font-size:clamp(11.5px,3.6vw,13.2px)!important;line-height:1.33!important}
  .related-sites .related-sites-grid .related-site-photo{height:118px!important;min-height:118px!important;border-radius:14px!important}
  .related-sites .related-sites-grid .related-site-arrow{width:34px!important;height:34px!important;font-size:18px!important}
}

.services .section-top h2.repair-section-heading{
  display:block!important;
  margin:14px 0 0!important;
  line-height:1.06!important;
  letter-spacing:-.03em!important;
}
.services .section-top h2.repair-section-heading .repair-heading-break{display:block!important}
.services .section-top h2.repair-section-heading .repair-heading-line{
  display:block!important;
  width:100%!important;
  margin:0!important;
  white-space:normal!important;
}
.services .section-top h2.repair-section-heading .repair-heading-line:first-child{
  font-size:clamp(34px,3.2vw,52px)!important;
  line-height:1.07!important;
}
.services .section-top h2.repair-section-heading .repair-heading-device{
  margin-top:6px!important;
  font-size:clamp(22px,2.1vw,32px)!important;
  line-height:1.12!important;
  color:#fff!important;
}
.services .section-top h2.repair-section-heading .repair-heading-city{
  margin-top:6px!important;
  font-size:clamp(34px,3.05vw,48px)!important;
  line-height:1.08!important;
  color:#63d995!important;
}
@media(max-width:520px){
  .services .section-top h2.repair-section-heading{margin-top:12px!important;line-height:1.04!important}
  .services .section-top h2.repair-section-heading .repair-heading-line:first-child{font-size:clamp(22px,7vw,28px)!important;line-height:1.08!important}
  .services .section-top h2.repair-section-heading .repair-heading-device{font-size:clamp(16px,5.1vw,20px)!important;line-height:1.12!important;margin-top:4px!important}
  .services .section-top h2.repair-section-heading .repair-heading-city{font-size:clamp(22px,6.7vw,27px)!important;line-height:1.08!important;margin-top:4px!important}
}


/* === Independent Layout V4: two corrected sections (no legacy overrides) === */
.services .section-top{
  display:block!important;
  margin-bottom:32px!important;
  width:100%;
}
.services .section-top > div{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
.services .section-top > p{
  display:block!important;
  margin:20px 0 0!important;
  width:100%!important;
  max-width:820px!important;
  font-size:clamp(14px,1.2vw,17px)!important;
  line-height:1.75!important;
}
.services .section-top h2.expertise-title-v2{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:15px 0 0!important;
  font-family:var(--heading,'Kanit',Tahoma,sans-serif)!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.services .section-top h2.expertise-title-v2 > span{
  display:block!important;
  position:static!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:nowrap!important;
}
.services .section-top h2.expertise-title-v2 > span:nth-child(1){font-size:clamp(31px,3.45vw,48px)!important;line-height:1.12!important;color:#fff!important}
.services .section-top h2.expertise-title-v2 > span:nth-child(2){font-size:clamp(22px,2.3vw,32px)!important;line-height:1.15!important;color:#e8edf0!important;font-weight:600!important}
.services .section-top h2.expertise-title-v2 > span:nth-child(3){font-size:clamp(31px,3.4vw,48px)!important;line-height:1.12!important;color:#63d995!important}
@media(max-width:760px){
 .services .section-top{margin-bottom:24px!important}
 .services .section-top h2.expertise-title-v2{gap:4px!important;margin-top:14px!important}
 .services .section-top h2.expertise-title-v2 > span:nth-child(1){font-size:clamp(22px,6.15vw,31px)!important}
 .services .section-top h2.expertise-title-v2 > span:nth-child(2){font-size:clamp(16px,5vw,24px)!important}
 .services .section-top h2.expertise-title-v2 > span:nth-child(3){font-size:clamp(24px,6.7vw,32px)!important}
 .services .section-top > p{margin-top:16px!important;font-size:15px!important;line-height:1.75!important}
}
@media(max-width:360px){
 .services .section-top h2.expertise-title-v2 > span:nth-child(1){font-size:21px!important}
 .services .section-top h2.expertise-title-v2 > span:nth-child(2){font-size:15.5px!important}
 .services .section-top h2.expertise-title-v2 > span:nth-child(3){font-size:23px!important}
}

.related-sites .related-links-v2-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  width:100%;
}
.related-sites .related-link-v2{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:14px;
  align-items:stretch;
  min-width:0;
  min-height:176px;
  padding:14px;
  background:#f7faf7;
  border:1px solid #d3e6d8;
  border-radius:20px;
  overflow:hidden;
  isolation:isolate;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.related-sites .related-link-v2:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(20,68,34,.12);border-color:#a7d3b4}
.related-sites .related-link-v2:focus-visible{outline:3px solid #269d51;outline-offset:3px}
.related-sites .related-link-v2-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  min-width:0;
  padding:10px 0 4px 8px;
  gap:7px;
}
.related-sites .related-link-v2-text strong{
  display:block;
  font-family:var(--heading,'Kanit',Tahoma,sans-serif);
  font-size:clamp(19px,1.65vw,26px);
  font-weight:700;
  line-height:1.2;
  color:#19241c;
}
.related-sites .related-link-v2-text small{
  display:block;
  font-size:clamp(13px,1.14vw,17px);
  line-height:1.55;
  color:#516357;
}
.related-sites .related-link-v2-arrow{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:none;
  margin-top:auto;
  border-radius:50%;
  background:#fff;
  border:1px solid #d6e8d8;
  color:#268743;
  font:600 22px/1 Arial,sans-serif;
  box-shadow:0 5px 12px rgba(16,74,26,.08);
}
.related-sites .related-link-v2-image{
  display:block;
  min-width:0;
  overflow:hidden;
  align-self:stretch;
  border-radius:14px;
  background:#eef5ef;
}
.related-sites .related-link-v2-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:145px;
  object-fit:cover;
  object-position:center;
  border-radius:0;
}
@media(max-width:850px){
 .related-sites .related-links-v2-grid{grid-template-columns:1fr;gap:12px}
 .related-sites .related-link-v2{grid-template-columns:minmax(0,1fr) 40%;min-height:162px}
}
@media(max-width:480px){
 .related-sites .related-link-v2{grid-template-columns:minmax(0,1fr) 39%;gap:10px;min-height:142px;padding:10px;border-radius:16px}
 .related-sites .related-link-v2-text{padding:6px 0 2px 4px;gap:5px}
 .related-sites .related-link-v2-text strong{font-size:clamp(16px,4.5vw,19px)}
 .related-sites .related-link-v2-text small{font-size:clamp(11.5px,3.3vw,14px);line-height:1.4}
 .related-sites .related-link-v2-arrow{width:30px;height:30px;font-size:18px}
 .related-sites .related-link-v2-image img{min-height:120px}
}