/* MR Computer Services — cohesive deep navy / graphite design
   Site-wide dark treatment over stable legacy base (site.css). 
   Preserve the approved metallic Logo #1, desk repair hero and two-region identity. */
:root{
 color-scheme:dark;
 --bg:#081321;--bg2:#0c1c2b;--panel:#12283b;--panel2:#152e43;
 --line:#2b4b65;--text:#f0f6fd;--muted:#b5c9da;--faint:#93abc1;
 --red:#ed5165;--red2:#af3045;--blue:#69c9f5;--cyan:#7ae1f8;
}
html{scroll-padding-top:86px}
body{color:#eff6fc;background:#081321}
body::before{background:radial-gradient(ellipse at 83% 5%,rgba(44,134,204,.13),transparent 36%),radial-gradient(circle at 8% 65%,rgba(172,47,79,.065),transparent 40%)}
main{background:#081725;color:#eff6fc}
main p{color:#b4c6d8}
main h1, main h2, main h3{color:#f1f7ff}
main .highlight{color:#fa7186}
main .highlight-blue{color:#83d8fa}
main .eyebrow{color:#77d6fb}
main .eyebrow.red{color:#ff8997}
main .section{background:linear-gradient(135deg,#0a1a2a 0%,#0d2032 57%,#0b1b2b 100%);border-bottom:1px solid rgba(72,118,157,.2)}
main .section.surface,main .section-tight.surface{background:linear-gradient(135deg,#10263a 0%,#11283a 55%,#0b1e30 100%)}
main .section-tight{background:linear-gradient(145deg,#0a1b2a,#0c1f31)}
main .line-top{border-color:#29465f}
main .section-top p,main .section-note,main .fineprint,main .quiet{color:#a9bfd2}
main .section-top h2{letter-spacing:-.045em}
main .section-top{max-width:800px}
/* A single branded shell with metallic logo and both location numbers. */
.utility{background:#081322;border-color:#233b52}
.brand-masthead{background:radial-gradient(ellipse at 57% 0%,rgba(36,113,169,.21),transparent 63%),linear-gradient(100deg,#081725,#102a3f 58%,#0a1a29);border-bottom:1px solid #315a78}
.brand-masthead::before{opacity:.09}
.masthead-inner{min-height:147px;gap:26px}
.masthead-link{display:block;max-width:600px;padding:9px 0;line-height:0}
.masthead-wordmark{display:block;width:100%;height:auto;max-height:139px;max-width:560px;object-fit:contain;object-position:left center;opacity:1;filter:none}
.masthead-contact{min-width:277px;gap:5px;border-left-color:#325773}
.masthead-kicker{color:#79d6ff}
.masthead-call{color:#f0f7ff;font-size:.91rem;text-decoration-color:#6399b6}
.masthead-call.secondary{color:#cdeaf8;font-size:.87rem;opacity:1}
.site-head{background:rgba(7,19,31,.96);border-bottom:1px solid #294962}
.site-head .navrow{min-height:66px}
.site-head .desktop-nav a{color:#ccdbeb}
.site-head .desktop-nav a:hover,.site-head .desktop-nav a[aria-current="page"]{color:#fff}
.brand-emblem{height:44px;width:65px;object-fit:contain;flex:none;filter:drop-shadow(0 0 10px rgba(43,148,212,.15))}
.site-head .navrow>.brand .brand-type{display:flex!important}
.brand-type strong{color:#f4f9fd;font-size:.9rem;letter-spacing:.03em}
.brand-type em{color:#91cfe5;font-size:.49rem}
/* Let the original PC repair workbench remain the only homepage hero picture. */
.hero{background:#071724;border-color:#31516d}
.hero .hero-inner{min-height:602px}
.hero .hero-inner:before{background-image:linear-gradient(90deg,rgba(6,17,31,.97) 0%,rgba(6,17,31,.88) 31%,rgba(6,17,31,.60) 52%,rgba(6,17,31,.09) 87%),url('pc-repair-hero.webp');background-position:center 54%;background-size:cover}
.hero .hero-content h1{color:#fff}
.hero .hero-content .highlight{color:#ff8794}
.hero .lead{color:#e0ebf5}
.hero .eyebrow{color:#7ad9f7}
.hero .hero-proof{color:#bfd6e8}
.hero-phone{display:none!important}
.trust-strip{background:linear-gradient(90deg,#0c2032,#112a3d,#0b1f31);border-color:#315572}
.trust-grid div{color:#d4e3ee}
.trust-grid .icon{color:#76d9f7}
/* Depth and contrast on all content: never white service blocks. */
.cards3 .card,.location-card,.quote-card,.service-prose,.contact-card,.form-preview,.info-callout{
 background:linear-gradient(148deg,#172f44 0%,#122638 48%,#0f2133 100%);
 border:1px solid #355670;
 color:#eef6fc;
 box-shadow:0 12px 38px rgba(1,10,23,.18),inset 0 1px 0 rgba(144,198,233,.055)
}
.cards3 .card{padding:30px;min-height:100%}
.cards3 .card:before{height:3px;background:linear-gradient(90deg,#e65970,#4bb9ec 68%,transparent);opacity:.72}
.cards3 .card:hover{border-color:#65b2d7;box-shadow:0 23px 55px rgba(2,16,31,.4),0 0 25px rgba(65,142,204,.065)}
.card h3,.location-card h3,.quote-card h3{color:#f3f7fb}
.card p,.location-card p,.quote-card p{color:#b2c7d9}
.card-icon{background:linear-gradient(145deg,#1b405a,#133147);border:1px solid #40667d;color:#83dbf5}
.service-location{color:#a9c6d8}
.arrow-link{color:#91defb}
.arrow-link:hover{color:#c2effe}
/* Story section uses a dimensional dark-panel treatment rather than a pale card. */
.story-band{background:linear-gradient(126deg,#162c42 0%,#102336 70%,#1d2439 100%);border:1px solid #3b5f79;box-shadow:0 20px 55px rgba(1,13,25,.16)}
.story-band h2,.story-band h3{color:#f2f7fc}
.story-band p{color:#bdd0df}
.story-band:after{opacity:.045}
.story-band .statement{background:linear-gradient(130deg,#0c2032,#0b1b2c);border-color:#395974;box-shadow:0 18px 44px rgba(2,10,20,.2)}
.story-band .statement span{color:#f5f9fd}
.story-band .statement span:nth-child(2){color:#cbdceb}
.story-band .statement span:nth-child(3){color:#fd8598}
.story-band .btn-outline{border-color:#5c839f;background:#0c2030;color:#e1f3ff}
.story-band .btn-outline:hover{background:#193a50}
.location-card{border-radius:22px}
.location-card .location-sub{color:#9bbfd6}
.location-symbol{background:#20415a;border-color:#3c627e;color:#8ddffd}
.mini-list li{color:#c5d5e2}
.mini-list .icon{color:#77d7ed}
.location-phone,.texas-phone{color:#99defa;text-decoration-color:#5792af}
.location-phone:hover,.texas-phone:hover{color:#e5f9ff}
.quote-card{border-radius:18px}
.quote-card blockquote{color:#e0ebf4}
.quote-card .attribution{border-color:#3b5670;color:#a6bfd2}
.quote-card .attribution strong{color:#e9f4fc}
.quote-icon{color:#e07791}
.faq-list,.faq{border-color:#2d4f68}
.faq summary{color:#e7f2fa}
.faq summary .icon{color:#82dafa}
.faq p{color:#b2c9dc}
.callout{background:linear-gradient(113deg,#183348,#172b43 65%,#282538);border:1px solid #3c5e7b;box-shadow:0 20px 54px rgba(0,10,22,.22)}
.callout h2{color:#f8fbff}
.callout p{color:#cedee9}
.callout .eyebrow{color:#ff91a0!important}
/* Desk background remains subtly visible in interior section banners. */
.page-hero{background:linear-gradient(90deg,rgba(6,18,32,.92),rgba(8,29,47,.77) 58%,rgba(9,28,47,.36)),url('pc-repair-hero.webp') center 55%/cover;border-color:#315877}
.page-hero:after{background:linear-gradient(90deg,rgba(6,16,29,.94) 0%,rgba(7,24,39,.80) 48%,rgba(9,28,45,.34) 100%)}
.page-hero h1,.page-hero p{color:#f7fbff}
.page-hero .eyebrow{color:#8cdef8}
.page-hero .highlight{color:#ff8b9c}
.page-hero .breadcrumb{color:#c6dcf0}
.page-hero .breadcrumb a{color:#fff}
.service-prose h2,.service-prose h3,.info-callout h3,.contact-card h3,.form-preview h2,.prose h2,.prose h3{color:#f2f8fc}
.service-prose p,.info-callout p,.prose p{color:#b9cbd9}
.service-prose ul{color:#c3d5e3}
.info-callout{top:102px}
.info-callout .btn{color:#fff}
.timeline-entry{border-color:#39576e}
.timeline-entry span{color:#80d8f5}
.note-banner{color:#abc3d5;background:#10273b;border-left-color:#e56074}
.contact-card a[href^="tel:"]{color:#a3e5fa}
.contact-card .fineprint{color:#9db5c9}
.field label{color:#deebf7}
.field input,.field textarea,.field select{background:#081b2a;color:#e7f5ff;border:1px solid #3b607d}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#81d4f7}
.field input::placeholder,.field textarea::placeholder{color:#8faabd}
.field select option{background:#0c2131;color:#f1f8ff}
.preview-flag{background:#162f42;border-color:#365e79;color:#b8daeb}
.preview-flag .icon{color:#85d8f8}
/* Footer stays in the same palette as masthead; both locations remain together. */
.site-footer{background:radial-gradient(circle at 83% 0%,rgba(43,133,191,.19),transparent 34%),linear-gradient(180deg,#0f2438,#071725 93%);border-top:1px solid #345a78}
.site-footer .footer-brand{margin:0 0 19px;display:block;max-width:340px;line-height:0}
.footer-logo{display:block;width:100%;height:auto;max-height:118px;object-fit:contain;object-position:left center}
.site-footer .foot-intro{color:#b8cada}
.site-footer .heartline{color:#e4ecf5}
.site-footer .foot-heading{color:#e7f2fa}
.site-footer .foot-links a,.site-footer .foot-links span{color:#b5c8d8}
.site-footer .foot-links a:hover{color:#fff}
.site-footer .footer-phone{color:#90def8!important}
.site-footer .foot-bottom{border-color:#355775;color:#a4bacd}
@media(max-width:1120px) and (min-width:791px){
 .masthead-link{max-width:510px}
 .masthead-contact{min-width:226px}
 .masthead-wordmark{max-width:480px}
}
@media(max-width:790px){
 .brand-masthead{display:none}
 .site-head .navrow>.brand{display:flex}
 .hero .hero-inner:before{background-image:linear-gradient(90deg,rgba(5,16,29,.94),rgba(5,16,29,.78) 58%,rgba(5,16,29,.32)),url('pc-repair-hero.webp');background-position:71% center}
 .site-footer .footer-brand{max-width:300px}
 .brand-emblem{width:58px;height:39px}
 .brand-type strong{font-size:.79rem}
 .brand-type em{font-size:.47rem}
}
@media(max-width:560px){
 .hero .hero-inner{min-height:510px;padding:61px 0 64px}
 .hero .hero-inner:before{background-image:linear-gradient(180deg,rgba(5,16,29,.90),rgba(5,16,29,.80) 65%,rgba(5,16,29,.58)),url('pc-repair-hero.webp');background-position:69% center}
 .cards3 .card{padding:25px}
 .brand-emblem{width:50px;height:35px}
 .brand-type strong{font-size:.72rem}
 .brand-type em{font-size:.42rem;letter-spacing:.1em}
 .site-footer .footer-brand{max-width:270px}
 .site-footer .footer-logo{max-height:100px}
 .callout{padding:30px 25px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Pre-production content preservation */
.testimonial-list .full-quote blockquote{min-height:0!important;font-size:1rem;line-height:1.76}
.testimonial-list .full-quote{height:auto}
.device-service-links{display:flex;flex-wrap:wrap;gap:11px;margin:18px 0 26px}
.device-service-links a{padding:11px 15px;border:1px solid #426481;border-radius:10px;color:#a6e7ff;background:#132d41;font-size:.9rem;font-weight:700}
.device-service-links a:hover{background:#22445d;color:#fff}
.history-detail{border-top:1px solid rgba(80,143,189,.26)}
.privacy-policy{max-width:1050px}.privacy-policy .service-prose{padding:36px}
.privacy-policy h1{font-size:2rem}.privacy-policy h2{font-size:1.35rem;margin:27px 0 11px}.privacy-policy p{margin:10px 0 16px}