/*
Theme Name: Computer Innovations Redesign
Version: 0.1.0
Description: WordPress integration of the existing CI redesign.
Requires PHP: 8.0
*/
:root{--ink:#213239;--orange:#e69a32;--paper:#f8f7f3;--muted:#536269;--line:#d9dfdb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #a85a00;outline-offset:4px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.preview{font-size:11px;letter-spacing:1.4px;text-align:center;background:#e8e1d2;padding:6px 16px}.preview span{letter-spacing:0}.utility{background:var(--ink);color:#fff;display:flex;justify-content:space-between;padding:8px max(5vw,20px);font-size:12px}.utility a{text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:8px 5vw;background:#fff;border-bottom:1px solid var(--line);gap:20px}.logo{width:185px;height:80px;object-fit:contain}nav{display:flex;align-items:center;gap:28px}nav a{font-size:14px;font-weight:600;text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:14px 24px;background:var(--orange);border:1px solid var(--orange);color:#17262d;font-weight:700;font-size:14px;text-decoration:none;border-radius:3px;cursor:pointer}.button:hover{background:#f2b25b}.small{padding:10px 18px;min-height:44px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:590px}.herocopy{padding:70px 7vw 55px 5vw}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.5vw,68px);line-height:1.06;letter-spacing:-2.8px;margin-bottom:28px}h1 em{font-style:normal;color:#9c5b15}h2{font-size:clamp(30px,3vw,43px);line-height:1.15;letter-spacing:-1.3px;margin-bottom:22px}h3{font-size:24px;line-height:1.2;letter-spacing:-.5px}.intro{font-size:18px;color:var(--muted);max-width:600px;line-height:1.7}.actions{display:flex;align-items:center;gap:22px;margin-top:30px}.textlink{font-size:14px;font-weight:700}.micro{font-size:12px;color:var(--muted);margin:20px 0 0}.herovisual{position:relative;background:#24363d;overflow:hidden}.herovisual>img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:.6}.herovisual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14262ff5,transparent 95%)}.visualnote{position:absolute;bottom:50px;left:40px;right:30px;color:#fff;z-index:1;border-left:3px solid var(--orange);padding-left:25px}.visualnote span{font-size:10px;letter-spacing:1.8px}.visualnote strong{display:block;font-size:34px;line-height:1.2;margin:18px 0}.visualnote p{margin:0;font-size:14px;color:#d9e1e3}.trustline{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:22px 5vw;font-size:13px;font-weight:600}.trustline span:before{content:'↗';color:#995b12;margin-right:15px}.section{padding:80px 5vw}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:36px}.sectionhead>p{max-width:350px;color:var(--muted)}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.servicegrid>a{padding:34px;text-decoration:none;background:#fff}.servicegrid>a+a{border-left:1px solid var(--line)}.servicegrid>a:hover{background:#f3ebdc}.servicegrid span{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted)}.servicegrid h3{margin-top:28px}.servicegrid p{color:var(--muted)}.servicegrid b{font-size:13px}.proof{background:var(--ink);color:#fff;padding:65px 10vw}.proof>.eyebrow{color:#efb66a}.proof blockquote{font-size:clamp(30px,3.7vw,50px);letter-spacing:-1px;line-height:1.3;margin:20px 0 35px;max-width:1000px}.proofbottom{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:14px}.proofbottom p{margin:0;color:#dbe4e7}.proofbottom strong{color:#fff}.process{display:grid;grid-template-columns:1fr 1fr;gap:70px}.process ol{padding:0;margin:0;list-style:none;counter-reset:steps}.process li{counter-increment:steps;border-top:1px solid var(--line);padding:23px 0 15px 50px;position:relative}.process li:before{content:'0' counter(steps);position:absolute;left:0;color:#965810;font-weight:bold}.process h3{font-size:20px;margin-bottom:10px}.process p{color:var(--muted);font-size:15px}.retail{margin:0 5vw 80px;display:grid;grid-template-columns:1fr 1fr;background:#ebece6}.retail img{width:100%;height:100%;max-height:430px;object-fit:cover}.retail>div{padding:45px}.outline{background:transparent;border-color:var(--ink)}.cta{margin:0;background:#eae3d5;padding:60px 5vw;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta p:last-child{margin-bottom:0;max-width:560px}footer{padding:55px 5vw 20px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;background:#18292f;color:#d9e1e3;font-size:13px}footer strong{display:block;color:#fff;margin-bottom:15px}footer a{display:block;margin:9px 0}footer .footnote{grid-column:1/-1;border-top:1px solid #415057;padding-top:20px;font-size:11px}.innerhero{padding:75px 5vw;background:#eaece6}.innerhero h1{max-width:1000px}.innerhero .button{margin-top:15px}.detailgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.detailgrid h2{font-size:27px}.detailgrid p{color:var(--muted)}.wideimage{max-width:700px;width:100%}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h1{font-size:48px}.contact h2{font-size:25px}.phone{font-size:26px;font-weight:bold}.contact form{padding:35px;background:#fff;border:1px solid var(--line)}.formnote{font-size:13px;color:#685025;background:#f8eddb;padding:12px}label{display:block;font-size:13px;font-weight:700;margin:16px 0}input,select,textarea{display:block;width:100%;border:1px solid #87959b;background:#fff;border-radius:3px;padding:11px;margin-top:7px;color:var(--ink);min-height:46px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}#result{margin-top:20px;font-weight:600}#result:empty{display:none}@media(max-width:1000px){nav{gap:16px}.hero{grid-template-columns:1.2fr 1fr}.herocopy{padding:50px 5vw}.actions{align-items:flex-start;flex-direction:column;gap:15px}.servicegrid>a{padding:24px}.contact{gap:30px}.contact h1{font-size:40px}}@media(max-width:760px){.preview span{display:block}.utility{font-size:10px;gap:15px}.logo{width:155px;height:66px}header{flex-wrap:wrap}.menu{display:block;border:1px solid var(--ink);background:#fff;padding:10px 16px;border-radius:3px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:15px 0}nav.open{display:flex}nav a{padding:8px}.hero{grid-template-columns:1fr}.herocopy{padding:45px 6vw}h1{letter-spacing:-1.8px;font-size:45px}.herovisual{min-height:330px}.visualnote{bottom:30px;left:25px}.visualnote strong{font-size:28px}.trustline{flex-direction:column;gap:12px;padding:22px 6vw}.section{padding:50px 6vw}.sectionhead{display:block}.servicegrid,.detailgrid,.process,.retail,.contact{grid-template-columns:1fr}.servicegrid>a+a{border-left:0;border-top:1px solid var(--line)}.servicegrid h3{margin-top:16px}.proof{padding:45px 6vw}.proofbottom{flex-direction:column;align-items:start}.process{gap:30px}.retail{margin:0 6vw 50px}.retail img{max-height:290px}.retail>div{padding:30px}.cta{padding:45px 6vw;display:block}.cta .button{margin-top:25px}footer{grid-template-columns:1fr;gap:25px;padding:40px 6vw 20px}.innerhero{padding:45px 6vw}.contact form{padding:22px}.formrow{grid-template-columns:1fr;gap:0}.contact h1{font-size:40px}}

.catalog{grid-template-columns:repeat(3,1fr)}.catalog>a{border:1px solid var(--line)!important}.phonefeature{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;background:#eee6d7}.phonefeature p{max-width:580px}header nav{gap:16px}header nav a{font-size:13px}@media(max-width:1100px){header{flex-wrap:wrap}header nav{flex-wrap:wrap}}@media(max-width:760px){.catalog,.phonefeature{grid-template-columns:1fr}.phonefeature{gap:35px}}.primaryindustries{grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.primaryindustries{grid-template-columns:1fr}}
.illustrated{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;background:#f3f3ed}.illustrated h1{font-size:clamp(36px,4vw,60px)}.illustrated figure{margin:0}.illustrated img{display:block;width:100%;height:auto}.illustrated figcaption{text-align:right;font-size:12px;letter-spacing:1px;margin-top:15px;color:#536269}.detailnumber{display:block;color:#955510;border-top:2px solid #d4a669;padding-top:18px;margin-bottom:22px;font-size:13px;font-weight:bold}@media(max-width:760px){.illustrated{grid-template-columns:1fr;gap:35px}.illustrated figure{max-width:500px}}
.illustrated img{aspect-ratio:3/2;object-fit:cover;border-radius:6px}.illustrated figcaption{font-size:10px;letter-spacing:.3px}
.detaildivider{display:block;border-top:2px solid #d4a669;margin-bottom:22px}
.testimonials{max-width:1100px;margin:auto}.clientquote{margin:0 0 50px;padding:32px 0;border-top:2px solid #d4a669}.clientquote blockquote{margin:0 0 24px;font-size:19px;line-height:1.8}.clientquote figcaption{font-size:14px;color:#536269}.clientquote figcaption strong{color:#213239}
.headingphoto{margin:25px 0}.headingphoto img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}.headingphoto figcaption{text-align:right;font-size:10px;color:#536269;margin-top:10px}.contact .headingphoto{max-width:540px;margin-bottom:32px}

/* Homepage collage: retain every panel without a logo overlay. */
.herovisual.servicecollage{display:block;align-self:center;min-height:0;background:#24363d}.herovisual.servicecollage>img{display:block;position:static;width:100%;height:auto;object-fit:contain;opacity:1}.herovisual.servicecollage:after{display:none}.servicecollage .visualnote{position:absolute;bottom:20px;right:auto;left:20px;width:calc(100% - 40px);max-width:390px;padding:18px 22px;background:rgba(24,41,47,.88)}.servicecollage .visualnote strong{font-size:28px}

@media(max-width:760px){.servicecollage .visualnote{bottom:12px;right:auto;left:12px;width:calc(100% - 24px);max-width:340px;padding:12px 16px}.servicecollage .visualnote strong{font-size:22px;margin:10px 0}.servicecollage .visualnote span{font-size:8px;letter-spacing:1px}.servicecollage .visualnote p{font-size:12px}}

.testimonial-slides{display:grid}.testimonial-slide{grid-area:1/1;min-width:0}.testimonial-slide[hidden]{display:block;visibility:hidden;pointer-events:none}.testimonial-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}.testimonial-controls[hidden]{display:none}.testimonial-controls button{background:transparent;color:#fff;border:1px solid #81969e;border-radius:3px;padding:10px 14px;font:inherit;font-size:14px;min-height:44px;cursor:pointer}.testimonial-controls button:hover{background:#354c56}.testimonial-controls button:focus-visible{outline:3px solid #f3a634;outline-offset:3px}.testimonial-status{font-size:13px;color:#d9e1e3;margin-left:6px}

/* Place testimonial navigation at the outer edges, clear of quote text. */
.testimonial-carousel{position:relative}.testimonial-controls button[data-testimonial="previous"],.testimonial-controls button[data-testimonial="next"]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:52px;padding:0;border:0;font-size:32px;line-height:1}.testimonial-controls button[data-testimonial="previous"]{left:16px}.testimonial-controls button[data-testimonial="next"]{right:16px}@media(max-width:760px){.testimonial-carousel{padding-left:56px;padding-right:56px}.testimonial-controls button[data-testimonial="previous"]{left:4px}.testimonial-controls button[data-testimonial="next"]{right:4px}}

/* Shared header-photo signature, matching the homepage overlay. */
.illustrated figure,.headingphoto{position:relative}
.photo-brand-overlay{position:absolute;bottom:20px;left:20px;right:auto;width:calc(100% - 40px);max-width:390px;padding:18px 22px;background:rgba(24,41,47,.88);border-left:3px solid var(--orange);text-align:left}
.photo-brand-overlay strong{font-size:28px}
@media(max-width:1000px){.photo-brand-overlay{bottom:12px;left:12px;width:calc(100% - 24px);padding:12px 16px}.photo-brand-overlay strong{font-size:22px;margin:10px 0}.photo-brand-overlay span{font-size:8px;letter-spacing:1px}.photo-brand-overlay p{font-size:12px}}

/* Compact corner signature on phones, proportional to the desktop treatment. */
@media(max-width:760px){
 .servicecollage .visualnote,.photo-brand-overlay{bottom:10px;left:10px;right:auto;width:58%;max-width:235px;padding:10px 12px;border-left-width:2px}
 .servicecollage .visualnote strong,.photo-brand-overlay strong{font-size:clamp(13px,3.5vw,19px);line-height:1.18;margin:7px 0}
 .servicecollage .visualnote span,.photo-brand-overlay span{display:block;font-size:clamp(6px,1.5vw,8px);line-height:1.4;letter-spacing:.7px}
 .servicecollage .visualnote p,.photo-brand-overlay p{font-size:clamp(8px,2vw,11px);line-height:1.4}
}

.managedplans{background:#eee9dd}.managedplan-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.managedplan{padding:36px;border-top:4px solid var(--orange)}.managedplan.gold{background:#fff8e9;color:#213239}.managedplan.platinum{background:#213239;color:#fff;border-top-color:#aebec5}.managedplan h3{font-size:30px;line-height:1.2;margin:14px 0 20px}.managedplan .eyebrow{color:#885313}.managedplan.platinum .eyebrow{color:#f2b75d}.managedplan .textlink{display:inline-block;margin-top:16px}.plan-scope{font-size:14px;margin-top:24px}@media(max-width:760px){.managedplan-grid{grid-template-columns:1fr}.managedplan{padding:26px}.managedplan h3{font-size:26px}}

/* Accessible service and industry navigation dropdowns. */
header{position:relative;z-index:20}.nav-dropdown{position:relative}.nav-dropdown-heading{display:flex;align-items:center;gap:2px}.nav-toggle{border:0;background:transparent;color:var(--ink);cursor:pointer;min-width:30px;min-height:44px;font-size:20px}.nav-toggle:focus-visible,.nav-submenu a:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.nav-submenu{position:absolute;top:100%;left:0;z-index:30;margin:0;padding:10px;list-style:none;width:310px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-top:3px solid var(--orange);box-shadow:0 12px 24px #14262f26;border-radius:0 0 5px 5px;max-height:70vh;overflow:auto}.nav-submenu[hidden]{display:none}.nav-submenu a{display:block;padding:10px 12px;line-height:1.4;white-space:normal}.nav-submenu a:hover{background:#f5eddd;color:#213239}.nav-overview{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}.nav-toggle[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
@media(max-width:760px){.nav-dropdown-heading{justify-content:space-between}.nav-toggle{min-width:44px}.nav-submenu{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;margin:0 0 12px;padding:6px;background:#f8f7f3}.nav-dropdown-heading>a{flex:1}}

.ci-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.ci-status{padding:16px;background:#fff;border:1px solid #87959b}body.admin-bar{padding-top:0}

/* Approved WISP checklist preview */
.wisp-resource-hero img{aspect-ratio:auto;object-fit:contain}.wisp-resource-hero figure{max-width:440px;justify-self:center}@media(max-width:760px){.wisp-resource-hero figure{max-width:100%}}