/* Preview v2: calm, even, readable. Loads after styles.css. */
:root{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:40px;--s6:48px;--s7:56px;--s8:64px;--s12:96px;--text:#E8E8E8;--text-2:#CFCFCF}
*,*::before,*::after{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
body{font-size:1.0625rem;line-height:1.65}
h1,h2,h3,h4{text-wrap:balance}
p,li{text-wrap:pretty}
p{font-size:1.0625rem;line-height:1.65;color:var(--text-2);max-width:65ch}
.fade-up{opacity:1!important;transform:none!important}
.hero-live-badge::before{animation:none!important}
.hero-live-badge{font-size:.9375rem;text-transform:none;letter-spacing:0}
.hero-sub{max-width:60ch;font-size:1.1875rem}
.section-label{font-size:.875rem;letter-spacing:.1em;margin-bottom:var(--s1)}
/* one section rhythm */
#how-it-works,#industries,#live-monitoring,#comparison,#projects,#why-hawk,#guard-services,#contact,#field,.landing-section{padding:var(--s12) 0}
@media(max-width:700px){#how-it-works,#industries,#live-monitoring,#comparison,#projects,#why-hawk,#guard-services,#contact,#field,.landing-section{padding:var(--s8) 0}}
.section-header,.comparison-header{text-align:center;margin-bottom:var(--s7)}
.section-header h2,.comparison-header h2{margin-bottom:var(--s2)}
.section-header p,.comparison-header p,.video-head p,.cta-band p{max-width:62ch;margin-left:auto;margin-right:auto}
.video-head{margin-bottom:var(--s7)}
.video-block{margin-top:var(--s12)}
@media(max-width:700px){.video-block{margin-top:var(--s8)}}
.center-cta{margin-top:var(--s7);text-align:center}
/* one gap in every card grid */
.industry-grid,.projects-grid,.photo-grid,.video-grid,.comp-grid,.pv-grid,.cards-grid,.steps-track{gap:var(--s3)}
.why-grid{gap:var(--s5) var(--s4)}
/* left aligned text inside cards, centred only section headings */
.step,.process-step{align-items:flex-start;text-align:left;padding:0}
.steps-track::before{left:28px;right:0}
.step h3{font-size:1.125rem;color:var(--white);margin-bottom:var(--s1)}
.step p{font-size:1rem;line-height:1.6}
.step-verb,.process-verb{font-size:.875rem;letter-spacing:.1em}
.comp-head{text-align:left;padding:var(--s3)}
.comp-body{padding:var(--s3)}
.comp-row span{font-size:1rem}
.comp-head h3{font-size:1.0625rem;text-transform:none;letter-spacing:0}
.comp-col.trad .comp-head h3{color:var(--text-2)}
.industry-card{aspect-ratio:3/4}
.industry-content{padding:var(--s3)}
.industry-content h3{font-size:1.375rem;margin-bottom:var(--s1)}
.industry-content p{font-size:1rem;line-height:1.55;color:#EDEDED;margin-bottom:var(--s2)}
.industry-highlights{gap:var(--s1);margin-bottom:var(--s2)}
.industry-highlights li{font-size:.9375rem;color:#EDEDED}
.industry-tag{font-size:.8125rem;letter-spacing:.06em;margin-bottom:var(--s1)}
.industry-cta{font-size:1rem;letter-spacing:0;text-transform:none;min-height:44px}
@media(max-width:780px){.industry-card{aspect-ratio:auto;min-height:560px}}
.industry-card img.pv-left{object-position:22% 50%}
.why-item p{font-size:1rem}
.why-item h3{font-size:1.125rem}
.feat-text strong{font-size:1.0625rem}
.feat-text span{font-size:1rem;color:var(--text-2)}
.guard-band{padding:var(--s6)}
@media(max-width:700px){.guard-band{padding:var(--s4) var(--s3)}}
.guard-pt{font-size:1rem}
.guard-note{font-size:.9375rem!important}
.trust-label{font-size:.9375rem}
/* buttons: one height, one radius, sentence case */
.btn{min-height:48px;padding:0 var(--s4);border-radius:6px;font-size:1rem;font-weight:700;text-transform:none;letter-spacing:.01em;line-height:1.2;white-space:normal;text-align:center}
.action-box .btn{padding:0 var(--s4)}
.header-cta{min-height:44px;padding:0 var(--s2);font-size:.9375rem}
/* header and nav */
#header .container{height:72px}
nav a{text-transform:none;font-size:.9375rem;letter-spacing:0;padding:0 var(--s1);min-height:44px;display:inline-flex;align-items:center;color:var(--text-2)}
nav a:hover{color:#fff;text-decoration:underline}
.header-phone{font-size:1rem;min-height:44px;display:inline-flex;align-items:center;color:#fff}
.logo-img{height:52px;width:auto;display:block}
.footer-logo{height:104px;width:auto;display:block;margin-bottom:var(--s2)}
@media(max-width:1240px){nav{display:none}}
@media(max-width:700px){#header .container{height:60px}.logo-img{height:44px}}
/* footer */
#footer{padding:var(--s8) 0 var(--s4)}
.footer-desc{font-size:1rem;color:var(--text-2);max-width:40ch}
.footer-contact-line{font-size:1rem;color:var(--text-2)}
a.footer-contact-line{min-height:44px;align-items:center}
.footer-col h4{font-size:.875rem;letter-spacing:.08em;color:#E8E8E8;margin-bottom:var(--s1)}
.footer-col ul{gap:0}
.footer-col ul li a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;color:var(--text-2)}
.footer-copy{font-size:.9375rem;color:#C2C2C2}
.mobile-sticky-bar a{min-height:48px;font-size:1rem;text-transform:none;letter-spacing:0}
.breadcrumb{font-size:.9375rem}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
/* focus */
a:focus-visible,button:focus-visible{outline:3px solid #F5C400;outline-offset:3px;border-radius:4px}
.btn-yellow:focus-visible,.header-cta:focus-visible{outline-color:#fff}
/* project picture cards */
.pv-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.pv-card{display:flex;flex-direction:column;background:var(--dark3);border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden}
.pv-photo{display:block;aspect-ratio:4/3;overflow:hidden;background:#000}
.pv-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pv-body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);padding:var(--s3);flex:1;text-align:left}
.pv-label{font-size:.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow)}
.pv-body h3{font-size:1.25rem;color:#fff;margin:0}
.pv-body p{margin:0;flex:1}
.pv-body .btn{margin-top:var(--s1)}
@media(max-width:1000px){.pv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pv-grid{grid-template-columns:1fr}.pv-body .btn{width:100%}}
.video-card h3{font-size:1.0625rem}
.video-dur{font-size:.875rem}
.form-reassurance,.form-sub,.service-area-note,.contact-detail-row,.proj-location{font-size:.9375rem!important;line-height:1.6}
.industry-tag{font-size:.875rem}
.step-verb,.section-label,.pv-label,.video-dur,.footer-col h4{font-size:.875rem}
.contact-lead,.form-sub{max-width:62ch}
.pv-grid,.steps-track,.why-grid,.video-grid,.industry-grid{grid-auto-rows:1fr}
.header-cta{min-height:48px}