.computer-service-page{background:#fff}
.computer-hero{position:relative;isolation:isolate;min-height:570px;display:flex;align-items:center;overflow:hidden;background:#13201a;color:#fff}
.computer-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 52%;z-index:-2}
.computer-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1712f2 0%,#0b1712d9 45%,#0b171257 76%,#0b171226 100%)}
.computer-hero-inner{width:100%;padding-top:42px;padding-bottom:58px}
.computer-hero .breadcrumbs{color:#dce6df;margin-bottom:42px}
.computer-hero .breadcrumbs a:hover{color:#d5f16c}
.computer-hero .eyebrow{color:#d5f16c}
.computer-hero h1{font-size:64px;font-weight:700;margin:0 0 18px;max-width:780px}
.computer-hero-lead{font-size:25px;line-height:1.4;font-weight:550;max-width:720px;margin-bottom:17px}
.computer-hero-copy{font-size:14px;line-height:1.8;color:#e2eae5;max-width:650px}
.computer-hero-facts{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:29px}
.computer-hero-facts span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650}
.computer-hero-facts svg{width:17px;height:17px;color:#d5f16c}
.computer-proof{background:#15251e;color:#fff;border-top:1px solid #ffffff1a}
.computer-proof>.wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.computer-proof .wrap>div{display:flex;align-items:flex-start;gap:14px;padding:25px 24px;border-right:1px solid #ffffff1a}
.computer-proof .wrap>div:first-child{padding-left:0}
.computer-proof .wrap>div:last-child{border-right:0;padding-right:0}
.computer-proof svg{width:22px;height:22px;color:#d5f16c;margin-top:2px}
.computer-proof span{display:block;min-width:0}
.computer-proof strong,.computer-proof small{display:block}
.computer-proof strong{font-size:13px;margin-bottom:4px}
.computer-proof small{font-size:10px;line-height:1.55;color:#b9c7bf}
.computer-intro .section-head>p,.computer-symptoms .section-head>p,.computer-process .section-head>p{max-width:480px}
.computer-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.computer-service-card{border-bottom:1px solid #cbd8cf;padding-bottom:23px;min-width:0}
.computer-service-photo{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;background:#e8eeea}
.computer-service-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.computer-service-photo img[src$="surface.png"]{object-fit:contain;padding:18px;background:#e8efea}
.computer-service-photo>span{position:absolute;left:12px;bottom:12px;width:38px;height:38px;display:grid;place-items:center;background:#d5f16c;color:#17231e;border-radius:4px}
.computer-service-photo svg{width:19px;height:19px}
.computer-service-card:hover .computer-service-photo img{transform:scale(1.025)}
.computer-service-card>div{padding-top:19px}
.computer-service-card h3{font-size:18px;margin-bottom:10px}
.computer-service-card p{font-size:12px;line-height:1.7;color:#657269;min-height:62px;margin-bottom:13px}
.computer-service-card .text-link{font-size:11px}
.computer-symptom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cedbd1}
.computer-symptom-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:start;gap:13px;padding:23px 22px;border-right:1px solid #cedbd1;border-bottom:1px solid #cedbd1}
.computer-symptom-grid>a:nth-child(3n){border-right:0}
.computer-symptom-grid>a>svg:first-child{width:27px;height:27px;color:#126444}
.computer-symptom-grid>a>svg:last-child{width:15px;height:15px;color:#819087}
.computer-symptom-grid strong,.computer-symptom-grid small{display:block}
.computer-symptom-grid strong{font-size:14px;margin-bottom:7px}
.computer-symptom-grid small{font-size:11px;line-height:1.65;color:#66726c}
.computer-symptom-grid>a:hover{background:#fff;color:#126444}
.computer-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:68px;align-items:center}
.computer-split figure{margin:0}
.computer-split figure img{width:100%;aspect-ratio:1.18;object-fit:cover}
.computer-split figcaption{font-size:10px;line-height:1.6;color:#66726c;margin-top:10px}
.computer-split h2{font-size:34px}
.computer-split p:not(.eyebrow){font-size:14px;line-height:1.85;color:#5c6961}
.computer-checks{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px 18px}
.computer-checks li{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}
.computer-checks svg{width:16px;height:16px;color:#126444}
.computer-brand-section{padding:66px 0;background:#18241f;color:#fff}
.computer-brand-section .eyebrow{color:#d5f16c}
.computer-brand-section .section-head{border-color:#ffffff24}
.computer-brand-section .text-link{color:#d5f16c}
.computer-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff22;border-left:1px solid #ffffff22}
.computer-brand-grid a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:142px;padding:22px;background:#ffffff05;border-right:1px solid #ffffff22;border-bottom:1px solid #ffffff22}
.computer-brand-grid img{width:92px;height:35px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}
.computer-brand-grid span{font-size:10px;color:#c8d2cc}
.computer-brand-grid svg{position:absolute;right:14px;top:14px;width:14px;height:14px;color:#6f8077}
.computer-brand-grid a:hover{background:#ffffff0e}
.computer-brand-grid a:hover svg{color:#d5f16c}
.computer-independent{font-size:10px;line-height:1.6;color:#9aaba1;max-width:780px;margin:20px 0 0}
.computer-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #cdd9d0}
.computer-process li{padding:27px 21px 0;border-right:1px solid #dfe6e0}
.computer-process li:first-child{padding-left:0}
.computer-process li:last-child{border-right:0;padding-right:0}
.computer-process li>span{display:grid;place-items:center;width:34px;height:34px;background:#126444;color:#fff;border-radius:50%;font-size:10px;font-weight:700;margin-bottom:19px}
.computer-process h3{font-size:16px}
.computer-process p{font-size:11px;line-height:1.7;color:#66726c}
.computer-guide-heading{max-width:790px;margin-bottom:44px}
.computer-guide-heading>p:last-child{color:#66726c;line-height:1.8}
.computer-guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #cbd8cf;padding-top:10px}
.computer-guide-layout article{min-width:0}
.computer-guide-layout h3{font-size:21px;line-height:1.35;margin:32px 0 13px}
.computer-guide-layout p{font-size:14px;line-height:1.9;color:#56645b}
.computer-faq .faq{max-width:940px}
.computer-final{background:#126444;color:#fff;padding:54px 0}
.computer-final>.wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}
.computer-final .eyebrow{color:#d5f16c}
.computer-final h2{font-size:34px;margin-bottom:10px}
.computer-final p:last-child{font-size:13px;color:#d5e3db;margin:0}
.computer-final .actions{margin:0;flex:none}
.computer-service-nav{font-weight:750;color:#126444}
.computer-service-nav[aria-current=page]{color:#126444}
@media(max-width:1150px){
  .computer-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .computer-process ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 0}
  .computer-process li:nth-child(3){border-right:0}
  .computer-process li:nth-child(4){padding-left:0}
}
@media(max-width:900px){
  .computer-hero{min-height:530px}
  .computer-hero h1{font-size:52px}
  .computer-proof>.wrap{grid-template-columns:1fr 1fr}
  .computer-proof .wrap>div{border-bottom:1px solid #ffffff1a}
  .computer-proof .wrap>div:nth-child(2){border-right:0}
  .computer-proof .wrap>div:nth-child(3){padding-left:0;border-bottom:0}
  .computer-proof .wrap>div:last-child{border-bottom:0}
  .computer-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .computer-symptom-grid{grid-template-columns:1fr 1fr}
  .computer-symptom-grid>a:nth-child(3n){border-right:1px solid #cedbd1}
  .computer-symptom-grid>a:nth-child(2n){border-right:0}
  .computer-split{gap:38px}
  .computer-guide-layout{gap:36px}
  .computer-final>.wrap{align-items:flex-start}
}
@media(max-width:760px){
  .computer-hero{min-height:0}
  .computer-hero>img{object-position:62% 50%}
  .computer-hero-shade{background:#0b1712cf}
  .computer-hero-inner{padding-top:25px;padding-bottom:38px}
  .computer-hero .breadcrumbs{margin-bottom:28px}
  .computer-hero h1{font-size:38px}
  .computer-hero-lead{font-size:19px}
  .computer-hero-copy{font-size:12px}
  .computer-hero .actions{display:grid;grid-template-columns:1fr}
  .computer-hero .btn{width:100%}
  .computer-hero-facts{gap:10px 15px}
  .computer-hero-facts span{font-size:9px}
  .computer-proof .wrap>div{padding:18px 12px}
  .computer-proof .wrap>div:first-child,.computer-proof .wrap>div:nth-child(3){padding-left:0}
  .computer-proof strong{font-size:11px}
  .computer-proof small{font-size:9px}
  .computer-service-grid{gap:24px 12px}
  .computer-service-card h3{font-size:15px;min-height:36px}
  .computer-service-card p{font-size:10px;min-height:86px}
  .computer-service-photo>span{width:32px;height:32px;left:9px;bottom:9px}
  .computer-service-photo svg{width:16px;height:16px}
  .computer-symptom-grid{grid-template-columns:1fr}
  .computer-symptom-grid>a,.computer-symptom-grid>a:nth-child(3n){border-right:0;padding-inline:5px}
  .computer-split{grid-template-columns:1fr;gap:31px}
  .computer-split figure img{aspect-ratio:1.65}
  .computer-split h2{font-size:27px}
  .computer-split p:not(.eyebrow){font-size:13px}
  .computer-checks{grid-template-columns:1fr}
  .computer-brand-section{padding:48px 0}
  .computer-brand-grid{grid-template-columns:1fr 1fr}
  .computer-brand-grid a{min-height:110px;padding:17px}
  .computer-brand-grid img{width:72px;height:28px}
  .computer-process ol{grid-template-columns:1fr}
  .computer-process li,.computer-process li:nth-child(3),.computer-process li:nth-child(4){display:grid;grid-template-columns:38px 1fr;gap:13px;padding:19px 0;border-right:0;border-bottom:1px solid #dfe6e0}
  .computer-process li:last-child{border-bottom:0}
  .computer-process li>span{margin:0}
  .computer-process h3{margin-bottom:6px}
  .computer-process p{margin:0}
  .computer-guide-heading{margin-bottom:28px}
  .computer-guide-layout{grid-template-columns:1fr;gap:0}
  .computer-guide-layout h3{font-size:19px}
  .computer-guide-layout p{font-size:13px}
  .computer-final>.wrap{display:block}
  .computer-final h2{font-size:27px}
  .computer-final .actions{margin-top:24px;display:grid}
  .computer-final .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.computer-service-photo img{transition:none}}
