/*
Theme Name: ProNet Solutions
Theme URI: https://pronetmi.com
Author: ProNet Solutions LLC
Description: Custom commercial technology and security services theme.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: pronet-solutions
*/
:root{--navy:#111826;--ink:#182131;--blue:#00a2dd;--blue-dark:#007eae;--ice:#edf7fb;--line:#dce4e9;--muted:#5e6976}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}svg{width:1.15rem;height:1.15rem;flex:0 0 auto}.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.site-header{height:94px;background:#fff;border-bottom:1px solid rgba(17,24,38,.08);position:sticky;top:0;z-index:40}.nav-wrap{height:100%;display:flex;align-items:center;gap:44px}.brand{width:184px;height:80px;display:flex;align-items:center;overflow:hidden}.brand img{display:block;width:184px;height:auto}nav{display:flex;gap:34px;margin-left:auto}nav a{font-size:14px;font-weight:700;color:#3c4653}nav a:hover{color:var(--blue-dark)}.nav-call{display:flex;gap:9px;align-items:center;background:var(--navy);color:#fff;padding:14px 20px;font-size:14px;font-weight:800}
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;min-height:650px}.hero:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;right:-230px;top:-250px;background:radial-gradient(circle,rgba(0,162,221,.28),transparent 68%)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{position:relative;display:block;padding:95px 0 100px}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#a7e4f8;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{width:30px;height:2px;background:var(--blue)}.eyebrow.dark{color:var(--blue-dark)}h1{margin:0;max-width:720px;font-size:clamp(44px,5.6vw,72px);line-height:.99;letter-spacing:-.055em;font-weight:760}h1 em{color:#4bc5ee;font-style:normal}.hero-lead{max-width:760px;margin:28px 0 0;color:#c6d0db;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800}.button.primary{background:var(--blue);color:#07131a}.button.primary:hover{background:#42c5f0}.button.secondary{color:#fff;border:1px solid #647181}.button.secondary:hover{border-color:#fff}.hero-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px;color:#91a0af;font-size:12px;font-weight:700}.hero-meta span{display:flex;align-items:center;gap:7px}
.trust-strip{background:#079dcc;color:#fff}.trust-inner{min-height:76px;display:flex;align-items:center;justify-content:center;text-align:center}.trust-inner p{margin:0;font-size:14px;font-weight:700;letter-spacing:.02em}.section{padding:108px 0}.section-heading{display:grid;grid-template-columns:1fr 430px;align-items:end;gap:70px;margin-bottom:50px}.section-heading h2,.why h2,.area h2,.contact-card h2{margin:0;font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-.045em}.section-heading>p,.area-grid>p:last-child{margin:0 0 5px;color:var(--muted);line-height:1.75;font-size:16px}
.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:375px;padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s ease}.service-card:hover{background:var(--ice);transform:translateY(-3px)}.service-head{display:flex;align-items:center;justify-content:space-between}.service-head>span{color:#aeb7bf;font-size:13px;font-weight:800}.service-icon{width:52px;height:52px;display:grid;place-items:center;color:var(--blue-dark);background:var(--ice)}.service-icon svg{width:25px;height:25px}.service-card h3{margin:28px 0 13px;font-size:24px;letter-spacing:-.025em}.service-card>p{margin:0;max-width:475px;color:var(--muted);font-size:15px;line-height:1.65}.service-card ul{padding:0;margin:24px 0 0;list-style:none;display:grid;gap:10px}.service-card li{display:flex;gap:9px;align-items:center;color:#3e4a57;font-size:13px;font-weight:700}.service-card li svg{width:15px;height:15px;color:var(--blue-dark)}
.why{background:var(--navy);color:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.why-copy>p:not(.eyebrow){color:#aab6c2;font-size:16px;line-height:1.75;margin:24px 0}.text-link{display:inline-flex;align-items:center;gap:10px;color:#52c9ef;font-size:14px;font-weight:800;border-bottom:1px solid #3b7890;padding-bottom:6px}.why-points{border-top:1px solid #34404d}.why-points article{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid #34404d}.why-points strong{color:#55c8ec;font-size:12px}.why-points h3{margin:0 0 8px;font-size:20px}.why-points p{margin:0;color:#9eabb7;font-size:14px;line-height:1.6}
.area{background:#f4f7f8}.area-grid{max-width:820px;margin-left:auto;margin-right:auto;text-align:center}.area-grid .eyebrow{justify-content:center}.area-grid h2{margin-bottom:24px}.area-grid>p:last-child{max-width:760px;margin-left:auto;margin-right:auto}
.contact-section{padding:0 0 90px;background:linear-gradient(#f4f7f8 50%,#fff 50%)}.contact-card{padding:58px 64px;background:#078fbe;color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center;box-shadow:0 25px 70px rgba(4,72,102,.18)}.contact-card .eyebrow{color:#d7f4fd}.contact-card .eyebrow span{background:#fff}.contact-card>div>p:last-child{color:#d5eef6;line-height:1.7;margin:20px 0 0}.contact-actions{display:grid;gap:12px}.contact-actions a{display:grid;grid-template-columns:26px 1fr 20px;align-items:center;gap:15px;padding:17px 18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26)}.contact-actions a:hover{background:#fff;color:var(--ink)}.contact-actions span{display:grid;gap:4px;font-size:15px;font-weight:800}.contact-actions small{font-size:9px;letter-spacing:.15em;font-weight:800;opacity:.75}
footer{background:#101722;color:#fff;padding:65px 0 26px}.footer-grid{display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:65px}.footer-grid img{width:195px;height:auto;background:#fff;padding:8px}.footer-grid p{max-width:480px;color:#8d9aa7;font-size:13px;line-height:1.7}.footer-grid div{display:grid;gap:8px;text-align:right;font-size:13px;font-weight:700}.copyright{margin-top:42px;padding-top:22px;border-top:1px solid #29313c;color:#6f7c89;font-size:11px}
@media(max-width:900px){nav{display:none}.nav-call{margin-left:auto}.section-heading,.why-grid,.contact-card{grid-template-columns:1fr}.hero-content{padding:72px 0}.section-heading,.why-grid,.contact-card{gap:44px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid p{display:none}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:620px){.shell{width:min(100% - 30px,1180px)}.site-header{height:74px}.brand{height:64px}.brand,.brand img{width:145px}.nav-call{padding:12px 14px;font-size:0}.hero{min-height:0}.hero-content{padding:62px 0}h1{font-size:clamp(40px,13vw,56px)}.hero-actions{flex-direction:column}.button{width:100%}.hero-meta{display:grid}.section{padding:78px 0}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:28px 24px}.contact-card{width:100%;padding:46px 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid div{text-align:left}}