/*
Theme Name: ECR Command
Theme URI: https://executivecr.net
Author: Executive Computer Resources
Description: Dark technology-focused custom theme for Executive Computer Resources.
Version: 1.3.0
Text Domain: ecr-command
*/
:root{--bg:#080e19;--panel:#101d2e;--line:#244059;--cyan:#45e3ed;--muted:#a4b8cc;--white:#f3f8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#0c1726;border-right:1px solid var(--line);padding:32px 23px;z-index:10;display:flex;flex-direction:column}.brand{font-size:24px;letter-spacing:.07em;font-weight:850;line-height:1.12;color:#fff}.brand span{color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.2em;margin-top:12px}.nav{margin-top:55px;display:grid;gap:10px}.nav a{display:block;padding:11px 13px;border:1px solid transparent;color:#d2e2f1;border-radius:8px}.nav a:hover{background:#172b41;border-color:#31536b;text-decoration:none}.sidefoot{margin-top:auto;font-size:12px;color:var(--muted)}main{margin-left:250px}.wrap{max-width:1200px;margin:auto;padding:0 6%}.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#123d57 0,transparent 45%),linear-gradient(135deg,#0a1424,#07101c)}.hero:after{content:'';position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(#367e9a 1px,transparent 1px),linear-gradient(90deg,#367e9a 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}.hero .wrap{position:relative;z-index:1;width:100%}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-weight:750;font-size:12px}h1{font-size:clamp(42px,6vw,85px);line-height:1.05;letter-spacing:-.055em;margin:20px 0;max-width:850px}h1 em{font-style:normal;color:var(--cyan)}.lead{max-width:630px;color:#b7cadb;font-size:19px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--cyan);color:#06121b;border:1px solid var(--cyan);border-radius:6px;padding:13px 22px;font-weight:800;cursor:pointer}.btn.secondary{background:transparent;color:var(--white);border-color:#52748b}.btn:hover{text-decoration:none;filter:brightness(1.1)}section{padding:95px 0;border-bottom:1px solid #1a2c3e}.sectionhead{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.sectionhead h2{font-size:clamp(30px,4vw,49px);line-height:1.1;letter-spacing:-.035em;margin:12px 0}.sectionhead p{max-width:410px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{background:linear-gradient(145deg,#122338,#0c1827);border:1px solid #2b455a;border-radius:12px;padding:30px}.panel .num{color:var(--cyan);font:700 13px monospace}.panel h3{font-size:23px;margin:15px 0 10px}.panel p{color:var(--muted);margin:0}.portfolio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project{overflow:hidden;background:#101e30;border:1px solid #2b455a;border-radius:12px}.project img{display:block;width:100%;height:185px;object-fit:cover;background:#162c3f}.project .info{padding:20px}.project h3{margin:0 0 5px;font-size:20px}.project p{color:var(--muted);font-size:14px}.project a{font-weight:750}.placeholder{height:185px;display:grid;place-items:center;background:linear-gradient(135deg,#14283b,#183f50);color:#b5ecf0;text-align:center;font-weight:850;font-size:24px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-weight:650;font-size:14px}input,textarea,select{width:100%;background:#091625;color:#fff;border:1px solid #38546b;border-radius:6px;padding:13px;font:inherit}textarea{min-height:110px}input:focus,textarea:focus,select:focus{outline:2px solid var(--cyan)}.notice{color:var(--muted);font-size:13px}.success{padding:16px;border:1px solid var(--cyan);background:#0b2a30}.footer{padding:40px 0;color:var(--muted);font-size:13px}.mobilebar{display:none}@media(max-width:950px){.sidebar{width:205px}main{margin-left:205px}.portfolio{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sidebar{display:none;position:static;width:auto;padding:12px 18px}.sidebar.open{display:flex;position:fixed;top:58px;bottom:0;width:100%;overflow:auto}.mobilebar{display:flex;position:sticky;top:0;z-index:20;align-items:center;justify-content:space-between;background:#0c1726;padding:12px 18px;border-bottom:1px solid var(--line)}.mobilebar button{background:transparent;border:1px solid #466b81;color:#fff;padding:6px 12px;border-radius:6px;font-size:20px}main{margin-left:0}.hero{min-height:550px}section{padding:65px 0}.grid,.portfolio,.formgrid{grid-template-columns:1fr}.sectionhead{display:block}}

/* ECR v1.1 visual upgrade */
:root{--cyan:#00d9ff;--bg:#020a13;--panel:#061626;--line:#17405a}
body{background:radial-gradient(circle at 65% 12%,#0b2a45,transparent 40%),#020a13}
.sidebar{background:linear-gradient(180deg,#020c17 0%,#071c2d 65%,#020a13 100%);border-right:1px solid #11618a;box-shadow:8px 0 40px #0006}
.brand{font-size:22px;font-weight:950;letter-spacing:.025em;text-shadow:0 0 25px #08cfff33}
.brand:before{content:'◈';display:block;color:var(--cyan);font-size:48px;line-height:1;margin-bottom:20px;text-shadow:0 0 30px #00d9ff88}
.nav a{border-radius:3px;transition:.2s ease}
.nav a:hover,.nav a:first-child{background:linear-gradient(90deg,#064969,#071d30);border-left:3px solid var(--cyan);color:#fff;transform:translateX(2px)}
.hero{min-height:730px;background:linear-gradient(90deg,#020913 0%,#020913f0 30%,#02091370 67%,#02091325 100%),url('assets/hero-tech.jpg') center right / cover no-repeat,#071a2d}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020a13 0%,transparent 28%),radial-gradient(circle at 85% 55%,#009ee82b,transparent 45%);pointer-events:none}
.hero:after{opacity:.10;background-size:52px 52px}
.hero h1{font-size:clamp(43px,5.5vw,82px);max-width:1000px;font-weight:950;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 4px 28px #000c}
.hero h1 em{color:#04d7ff;text-shadow:0 0 30px #00aaff55}
.hero .lead{max-width:560px;color:#e0effb;text-shadow:0 2px 8px #000}
.btn{border-radius:4px;box-shadow:0 0 22px #00d9ff33;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.btn.secondary{box-shadow:none;background:#051b2bcc}
section{position:relative}
#services{background:linear-gradient(180deg,#020a13,#071827)}
#work{background:radial-gradient(circle at 90% 10%,#0b3b59,#03101e 65%)}
#planner{background:linear-gradient(90deg,#03101eea,#03101edc),url('assets/blueprint-tech.jpg') center / cover fixed no-repeat}
#contact{background:radial-gradient(ellipse at 80% 40%,#095277,#03101b 65%)}
.panel{position:relative;overflow:hidden;background-color:#061524;border-color:#165375;box-shadow:0 12px 35px #0005}
.grid .panel{min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;transition:transform .25s,border-color .25s}
.grid .panel:hover,.project:hover{transform:translateY(-5px);border-color:var(--cyan)}
.grid .panel:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#020b17 8%,#02101de6 52%,#03182a80 100%)}
.grid .panel>*{position:relative;z-index:1}
.service-web{background-image:url('assets/web-tech.jpg')}.service-managed{background-image:url('assets/server-tech.jpg')}.service-repair{background-image:url('assets/repair-tech.jpg')}
.panel h3{color:#fff;font-size:26px}.panel p{color:#c6d8e8}
.project{transition:transform .25s,border-color .25s;box-shadow:0 12px 35px #0007;border-color:#165375}
.project img,.placeholder{height:220px}
.placeholder{background:linear-gradient(135deg,#123c5e,#04111e);position:relative;overflow:hidden}
.placeholder:before{content:'</>';font-size:110px;opacity:.11;position:absolute;right:12px;bottom:-30px}
.placeholder span{z-index:1;padding:20px;text-shadow:0 2px 8px #000}
.sectionhead h2{font-weight:900;text-transform:uppercase}
.eyebrow{color:#13dcff}
@media(max-width:700px){.hero{min-height:640px;background-position:65% center}.hero h1{font-size:clamp(38px,10vw,58px)}#planner{background-attachment:scroll}.grid .panel{min-height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grid .panel,.project{transition:none}}

/* Native desktop captures: preserve the complete homepage viewport. */
.project .project-preview{display:block;background:#101e30;overflow:hidden}
.project .project-preview img{width:100%;height:auto;aspect-ratio:1348/926;object-fit:contain}
.project .project-preview:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}

.service-card{color:var(--white);text-decoration:none}
.service-card:hover{text-decoration:none}
.service-card:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.service-more{display:block;color:var(--cyan);font-weight:750;margin-top:20px}
.service-page h1{font-size:clamp(36px,5vw,68px);overflow-wrap:break-word}
.service-page h2{margin-top:42px;line-height:1.25}
.service-page>div>p{max-width:850px;color:var(--muted)}
.service-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.service-details h3{margin-top:0}
.service-cta{margin-top:48px}.service-cta h2{margin-top:0}
@media(max-width:700px){.service-details{grid-template-columns:1fr}}

#services .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.service-process{padding-left:24px;max-width:850px}.service-process li{padding:0 0 18px 8px;color:var(--muted)}.service-process strong{color:var(--white)}
.service-faq{max-width:850px}.service-faq h3{margin-top:28px}.service-faq p{color:var(--muted)}
@media(max-width:1100px){#services .grid{grid-template-columns:1fr}}