/* Comp IT Service — Rebrand A brand layer. Tokens: spec section 4. Loaded after Astra (dependency astra-theme-css). */
@font-face{font-family:"Sora";src:url(fonts/sora-latin.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/source-sans-3-latin.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
:root{--c-navy:#13294B;--c-navy-deep:#0B1A33;--c-orange:#C4541F;--c-orange-dark:#A84517;--c-orange-light:#E07A4A;--c-paper:#F5F3EE;--c-ink:#1C2430;--c-mist:#DCE3EC;--c-muted:#3A4554;
--ast-global-color-0:#13294B;--ast-global-color-1:#C4541F;--ast-global-color-2:#13294B;--ast-global-color-3:#1C2430;--ast-global-color-4:#F5F3EE;--ast-global-color-5:#FFFFFF;--ast-global-color-6:#DCE3EC;--ast-global-color-7:#E07A4A;--ast-global-color-8:#0B1A33;
--f-head:"Sora",ui-sans-serif,system-ui,sans-serif;--f-body:"Source Sans 3",ui-sans-serif,system-ui,sans-serif;--wrap:1200px;--radius:10px}
body,button,input,select,textarea{font-family:var(--f-body);font-size:18px;line-height:1.6;color:var(--c-ink)}
h1,h2,h3,h4,h5,h6,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--f-head);color:var(--c-navy);line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}
h1,.entry-content h1{font-size:48px;font-weight:700}
h2,.entry-content h2{font-size:32px;font-weight:700}
h3,.entry-content h3{font-size:22px;font-weight:600}
@media (max-width:768px){h1,.entry-content h1{font-size:34px}h2,.entry-content h2{font-size:26px}}
a{color:var(--c-navy)}a:hover,a:focus{color:var(--c-orange-dark)}
.entry-content p a,.entry-content li a,.compit-proof a{text-decoration:underline;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--c-orange);outline-offset:3px}
/* buttons */
.wp-block-button .wp-block-button__link,.wp-element-button,.compit-form button{background:var(--c-orange);color:#fff;border:2px solid var(--c-orange);border-radius:var(--radius);padding:12px 22px;min-height:48px;display:inline-flex;align-items:center;font-family:var(--f-body);font-weight:600;font-size:17px;line-height:1.2;text-decoration:none}
.wp-block-button .wp-block-button__link:hover,.wp-element-button:hover,.compit-form button:hover{background:var(--c-orange-dark);border-color:var(--c-orange-dark);color:#fff}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--c-navy);border-color:var(--c-navy)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--c-navy);color:#fff}
.wp-block-buttons{gap:12px}
/* header */
#masthead{position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--c-mist)}
.admin-bar #masthead{top:32px}
.ast-above-header-bar{background:var(--c-navy)!important;border:0}
.ast-above-header-bar p,.compit-topbar{color:#fff;font-size:15px;margin:0}
.compit-topbar a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ast-primary-header-bar{background:#fff}
.compit-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.compit-logo .compit-mark{width:44px;height:44px;flex:none}
.compit-wordmark{font-family:var(--f-head);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--c-navy);white-space:nowrap}
.compit-wordmark .compit-it{color:var(--c-orange)}
.main-header-menu .menu-link{color:var(--c-navy);font-weight:600;font-size:17px}
.main-header-menu .menu-item:hover>.menu-link,.main-header-menu .current-menu-item>.menu-link{color:var(--c-orange-dark)}
.main-header-menu .sub-menu{border-top:3px solid var(--c-orange);box-shadow:0 8px 24px rgba(19,41,75,.12)}
.main-header-menu>.compit-menu-cta{display:flex;align-items:center}
.main-header-menu .compit-menu-cta>.menu-link{height:auto;background:var(--c-orange)!important;color:#fff!important;border-radius:var(--radius);padding:10px 18px;margin-left:8px;line-height:1.2}
.main-header-menu .compit-menu-cta>.menu-link:hover{background:var(--c-orange-dark)!important}
@media (max-width:921px){.main-header-menu>.compit-menu-cta{display:block;padding:12px 20px 20px}.ast-builder-menu-mobile .main-header-menu .compit-menu-cta>.menu-link{display:inline-flex!important;width:auto;margin:0!important;padding:12px 22px!important;border:0}}
/* sections */
.compit-section{padding:64px 20px}
.compit-section>*{max-width:var(--wrap);margin-left:auto!important;margin-right:auto!important}
.compit-section.is-paper{background:var(--c-paper)}
.compit-section>p:not(.compit-strip),.compit-section>details{max-width:48rem;margin-left:max(0px,calc((100% - var(--wrap))/2))!important;margin-right:auto!important}
.compit-hero{padding-top:72px;padding-bottom:56px}
.compit-hero-grid{gap:48px;align-items:center}
.compit-hero .wp-block-image img{border-radius:14px;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.compit-eyebrow{font-family:var(--f-head);font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-navy);margin-bottom:12px}
.compit-proof{font-size:16px;color:var(--c-muted);margin-top:16px}
.compit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.compit-cards:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
@media (max-width:921px){.compit-cards,.compit-cards:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.compit-cards,.compit-cards:has(>:nth-child(4):last-child){grid-template-columns:1fr}}
.compit-card{display:block;background:#fff;border:1px solid var(--c-mist);border-radius:14px;padding:24px;color:var(--c-ink);text-decoration:none}
.compit-card h3{font-size:20px;margin:12px 0 6px}
.compit-card p{margin:0}
.compit-icon{color:var(--c-navy)}
a.compit-card-link:hover{border-color:var(--c-navy);box-shadow:0 6px 18px rgba(19,41,75,.12)}
.entry-content a.compit-card{text-decoration:none}
.compit-more{display:inline-block;margin-top:12px;font-weight:600;color:var(--c-navy);text-decoration:underline;text-underline-offset:3px}
.compit-steps{counter-reset:step;list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.compit-steps li{counter-increment:step;position:relative;padding-top:56px}
.compit-steps li::before{content:counter(step);position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;background:var(--c-navy);color:#fff;font-family:var(--f-head);font-weight:700;display:flex;align-items:center;justify-content:center}
.compit-steps h3{font-size:20px;margin-bottom:6px}
.entry-content .compit-steps,.entry-content .compit-checks,.entry-content .compit-pillar ul{padding:0}
.compit-checks{list-style:none;padding:0;columns:2 320px;column-gap:40px}
.compit-checks li{position:relative;padding-left:32px;margin-bottom:10px;break-inside:avoid}
.compit-checks li::before{content:"";position:absolute;left:2px;top:.35em;width:16px;height:9px;border-left:3px solid var(--c-orange);border-bottom:3px solid var(--c-orange);transform:rotate(-45deg)}
.compit-faq .wp-block-details{border-bottom:1px solid var(--c-mist);padding:16px 0;margin:0}
.compit-faq summary{font-family:var(--f-head);font-weight:600;font-size:19px;color:var(--c-navy);cursor:pointer}
.compit-faq .wp-block-details p{margin:10px 0 0}
.compit-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}
.compit-pillar{border:1px solid var(--c-mist);border-top:4px solid var(--c-orange);border-radius:14px;padding:28px;background:#fff}
.compit-pillar ul{list-style:none;margin:12px 0 0;padding:0}
.compit-pillar li{padding:8px 0;border-bottom:1px solid var(--c-mist)}
.compit-pillar a{font-weight:600;text-decoration:none}
.compit-logos{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:center;margin:24px auto}
.compit-logos img{max-height:72px;width:auto}
.compit-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.compit-quote{margin:0;background:#fff;border:1px solid var(--c-mist);border-radius:14px;padding:24px;font-size:18px}
.compit-quote cite{display:block;margin-top:10px;font-style:normal;font-weight:600;color:var(--c-navy)}
.compit-strip{text-align:center;font-size:20px}
.compit-cta{background:var(--c-navy);color:#fff}
.compit-cta h2,.compit-cta p,.compit-cta label,.compit-cta a{color:#fff}
.compit-cta-grid,.compit-contact-grid{gap:48px}
.compit-cta .compit-form input,.compit-cta .compit-form textarea{background:#fff;color:var(--c-ink)}
.compit-form label{font-size:16px}
.compit-form input[type=text],.compit-form input[type=email],.compit-form input[type=tel],.compit-form textarea{border:1px solid #9AA6B5;border-radius:8px;padding:10px 12px;font-size:17px}
/* footer */
.site-footer,.site-primary-footer-wrap{background:var(--c-navy)!important;color:#E9EDF3}
.site-below-footer-wrap{background:var(--c-navy-deep)!important;color:#E9EDF3;border-top:1px solid rgba(255,255,255,.12)}
.site-footer a{color:#fff}.site-footer a:hover{color:var(--c-orange-light)}
.site-below-footer-wrap .ast-footer-copyright.site-footer-focus-item{color:#C9D2DE;font-size:15px}
.compit-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:48px 0 24px;text-align:left}
.compit-footer-title{font-family:var(--f-head);font-size:16px;font-weight:600;color:var(--c-orange-light);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.compit-footer ul{list-style:none;margin:0 0 20px;padding:0}
.compit-footer li{margin:0 0 8px}
.compit-footer .compit-wordmark{color:#fff}
.compit-footer .compit-wordmark .compit-it{color:var(--c-orange-light)}
.compit-footer-brand .compit-logo{margin-bottom:16px}
.compit-social{margin-top:4px}
@media (max-width:921px){.compit-footer{padding-left:16px;padding-right:16px}}
@media (max-width:900px){.compit-footer{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.compit-footer{grid-template-columns:1fr}}