/*
Theme Name: MR Computer Solutions
Theme URI: https://mrcomputersolutions.com/
Author: MR Computer Solutions
Description: Responsive IT support and computer services WordPress theme.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mr-computer-solutions
*/
:root{--navy:#071d3b;--blue:#087ddc;--sky:#16b6f6;--ink:#17304d;--muted:#62748a;--light:#f3f8fd}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1160px;margin:auto;padding:0 24px}.site-header{background:white;box-shadow:0 2px 15px #0b264019;position:relative;z-index:2}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy);font-size:20px;line-height:1.2}.brand img{width:68px;height:68px;object-fit:contain}.menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}.menu a{font-weight:700;color:var(--navy)}.btn{display:inline-block;border-radius:8px;background:var(--blue);color:#fff;padding:13px 22px;font-weight:700;border:0;cursor:pointer}.btn:hover{background:#005eaf;color:#fff;text-decoration:none}.btn-outline{background:transparent;border:1px solid #b9dfff;color:#fff}.hero{background:linear-gradient(120deg,#061b38,#093f78 75%,#087bd5);color:#fff;padding:95px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:48px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#61d6ff;font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.08;margin:14px 0 20px;color:white}.hero p{font-size:19px;color:#d7eaff;max-width:610px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 22px 50px #0003}.hero-card img{width:100%;display:block}.section{padding:78px 0}.section.alt{background:var(--light)}.section h2{font-size:clamp(29px,3vw,40px);color:var(--navy);margin:0 0 12px}.lead{color:var(--muted);font-size:18px;max-width:750px;margin:0 0 35px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:#fff;border:1px solid #e1eaf2;border-radius:14px;padding:28px;box-shadow:0 6px 22px #0a34500a}.service-card .symbol{font-size:30px}.service-card h3{color:var(--navy);font-size:21px;margin:10px 0}.service-card p{color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#d8efff;color:#0065b7;font-weight:800}.cta{background:linear-gradient(120deg,#0a3768,#087ddc);color:white;text-align:center;padding:65px 24px}.cta h2{color:#fff;margin:0 0 14px;font-size:36px}.cta p{color:#e2f2ff;margin:0 0 25px}.page-head{background:#08284f;color:#fff;padding:65px 0}.page-head h1{color:white;font-size:44px;margin:0}.content{max-width:820px}.content h2{color:var(--navy)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.field label{font-weight:700}.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #bdcddd;border-radius:8px;font:inherit}.field textarea{min-height:140px}.notice{background:#e7f8eb;padding:15px;border-radius:8px;margin-bottom:20px}.notice.error{background:#fff0ed}.site-footer{background:#061a34;color:#cbdaf0;padding:45px 0}.site-footer strong{color:#fff}.footer-row{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.site-footer a{color:#8cdbff}.small{font-size:13px;color:#a6bad1}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:800px){.nav-row{flex-wrap:wrap;padding-top:12px;padding-bottom:15px}.menu{flex-wrap:wrap;gap:12px}.hero-grid{grid-template-columns:1fr}.hero{padding:65px 0}.cards,.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.steps,.form-grid{grid-template-columns:1fr}.brand{font-size:17px}.hero-card{display:none}.section{padding:55px 0}}

/* MR 2.0 refinements */
:root{--navy:#071d3b;--blue:#087ddc;--ink:#17304d;--muted:#61748a;--light:#f3f8fd}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{background:#06182e;color:#d4e9fb;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px}.topbar a{color:#c3e8ff}.site-header{position:sticky;top:0}.nav-row{min-height:80px}.brand{font-size:21px;gap:9px;letter-spacing:-.6px}.brand img{width:57px;height:57px}.brand b{color:#087ddc}.brand small{display:block;letter-spacing:3px;font-size:10px;font-weight:800}.nav-cta{background:#087ddc;color:#fff;padding:11px 16px;border-radius:7px;font-weight:750;font-size:13px}.nav-cta:hover{color:white;text-decoration:none;background:#0069c0}.hero{padding:100px 0;background:radial-gradient(circle at 82% 28%,#145ca3 0%,transparent 37%),linear-gradient(120deg,#06182e,#0b315d 74%,#0b4f88)}.hero h1{font-size:clamp(40px,5vw,64px);letter-spacing:-2px}.hero h1 em{font-style:normal;color:#64cfff}.hero-note{font-size:13px!important;color:#a8c9e6!important}.hero-card{padding:18px;border-radius:16px}.trust{border-bottom:1px solid #e5edf5}.trust-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px;color:#536b83;font-size:14px}.trust strong{color:#0b4b85}.eyebrow.dark{color:#087ddc}.section h2{max-width:800px;letter-spacing:-1px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:32px}.service-card h3{line-height:1.25}.service-card a{display:inline-block;margin-top:18px;font-weight:750}.service-icon{font-size:38px;line-height:1;color:#087ddc;background:#e7f4ff;width:62px;height:62px;display:grid;place-items:center;border-radius:13px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center}.split p{max-width:640px}.text-link{font-weight:750}.feature-panel{background:#eef7ff;border:1px solid #d4e8fa;padding:36px;border-radius:17px}.feature-number{font-size:76px;font-weight:850;color:#087ddc;line-height:1}.feature-panel hr{border:0;border-top:1px solid #cde2f5;margin:22px 0}.feature-panel strong{color:#071d3b}.steps article{padding:10px 8px}.step-number{width:auto;height:auto;border-radius:0;background:transparent;font-size:33px}.cta{padding:75px 24px}.hero-actions.center{justify-content:center}.btn-white{background:#fff;color:#07518b}.btn-white:hover{background:#e9f6ff;color:#07518b}.page-head{padding:75px 0;background:linear-gradient(110deg,#061a34,#0b477e)}.page-head p{max-width:700px;color:#d6e9fa;font-size:18px}.service-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.service-details article{border:1px solid #dce9f3;padding:30px;border-radius:15px}.service-details h2{font-size:26px}.detail-index{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#087ddc}.service-details ul{padding-left:20px}.service-details li{margin:10px 0}.fineprint{font-size:13px;color:#61748a}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.contact-info h2,.form-panel h2{margin-top:0;color:#071d3b}.contact-method{margin:26px 0}.contact-method small{display:block;letter-spacing:1.4px;color:#6b7e91;font-weight:800}.contact-method a,.contact-method span{font-weight:700;font-size:17px;overflow-wrap:anywhere}.form-panel{padding:34px;border:1px solid #dce9f3;border-radius:16px;box-shadow:0 10px 35px #0c376010}.honeypot{position:absolute;left:-9999px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:45px}.site-footer{padding:55px 0 20px}.site-footer p{margin:8px 0}.footer-title{font-size:20px}.footer-bottom{border-top:1px solid #29435e;margin-top:35px;padding-top:20px;color:#a6bad1;font-size:13px}.skip-link:focus{position:fixed;left:10px;top:10px;background:white;padding:10px;z-index:10000}
@media(max-width:1000px){.nav-cta{display:none}.split{gap:35px}.service-details{grid-template-columns:1fr}.contact-layout{gap:30px}}@media(max-width:800px){.cards.three,.split,.contact-layout,.footer-grid{grid-template-columns:1fr}.topbar-inner{flex-wrap:wrap}.hero-card{max-width:520px}.site-header{position:relative}}@media(max-width:560px){.hero-card{display:block}.topbar{font-size:11px}.hero{padding:58px 0}.hero h1{letter-spacing:-1px}.service-card{padding:24px}.nav-row{align-items:flex-start}.menu{gap:13px;font-size:13px}.contact-layout{gap:30px}.form-panel{padding:20px}.page-head h1{font-size:36px}}