/* graphite token fix 20261020 */ :root{--pk-graphite-1:var(--pk-c19);--black:var(--pk-surface);--charcoal:var(--pk-surface-raised);--gray:#dddddd;--light-gray:#eeeeee;--white:#ffffff;--orange:#ff6600;--orange-light:#ff8533;--orange-glow:rgba(255,102,0,0.35);--orange-dim:rgba(255,102,0,0.12);--glass-bg-2:rgba(255,255,255,0.09);--glass-border:rgba(255,255,255,0.08);--glass-border-hover:rgba(255,102,0,0.3);--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-heading:'Oswald','Inter',sans-serif;--section-pad:clamp(60px,8vw,120px);--container-max:1280px;--ease:cubic-bezier(0.25,0.46,0.45,0.94);--pk-graphite-2:var(--pk-c20);--pk-graphite-3:var(--pk-c21);--pk-accent-deep:var(--pk-c22);--pk-accent-bright:var(--pk-c23);--pk-void:var(--pk-c24);--pk-surface:#151c25;--pk-surface-raised:#1b232e;--pk-line:rgba(255,255,255,0.1);--pk-text:#ffffff;--pk-text-body:#c8d2dd;--pk-text-muted:#9fb0c2;--pk-text-on-accent:#0b1015;--pk-accent:#ff6600;--pk-accent-hover:#ff8533;--pk-accent-soft:rgba(255,102,0,0.12);--pk-fs-12:clamp(0.75rem,0.73rem+0.1vw,0.8125rem);--pk-fs-14:clamp(0.875rem,0.85rem+0.12vw,0.9375rem);--pk-fs-16:clamp(1rem,0.96rem+0.2vw,1.0625rem);--pk-s1:4px;--pk-s2:8px;--pk-s3:12px;--pk-s4:16px;--pk-s5:24px;--pk-s6:32px;--pk-s8:48px;--pk-r-md:16px;--pk-ease:cubic-bezier(0.32,0.72,0,1);--pk-tap-min:44px;--pk-card-shell-pad:var(--pk-s1);--pk-c01:#222222;--pk-c06:#1a1a1a;--pk-c10:#2a2a2a;--pk-c11:#00d4ff;--pk-c14:#0a0a0a;--pk-c15:#111111;--pk-c17:#dddddd;--pk-c18:#eeeeee;--pk-c19:#232d3a;--pk-c20:#2d3846;--pk-c21:#39465a;--pk-c22:#e65c00;--pk-c23:#ff6b00;--pk-c24:#000000;--pk-c25:#080808;--pk-c31:#d4d4d4;--pk-fs-x-0-75rem:0.78rem;--pk-fs-x-1-05rem:1.05rem;--pk-fs-x-1-15rem:1.15rem;--pk-fs-x-1-1rem:1.1rem;--pk-fs-x-1-2rem:1.2rem;--pk-fs-x-1-35rem:1.35rem;--pk-fs-x-1-4rem:1.4rem;--pk-fs-x-1-5rem:1.5rem;--pk-fs-x-1-6rem:1.6rem;--pk-fs-x-1-7rem:1.7rem;--pk-fs-x-1-9rem:1.9rem;--pk-fs-x-12px:12px;--pk-fs-x-14px:14px;--pk-fs-x-15px:15px;--pk-fs-x-16px:16px;--pk-fs-x-1rem:1rem;--pk-fs-x-62rem:0.68rem;--pk-fs-x-66rem:0.68rem;--pk-fs-x-68rem:0.68rem;--pk-fs-x-6rem:0.68rem;--pk-fs-x-70rem:0.68rem;--pk-fs-x-72rem:0.78rem;--pk-fs-x-78rem:0.78rem;--pk-fs-x-7rem:var(--pk-fs-x-70rem);--pk-fs-x-82rem:0.78rem;--pk-fs-x-85rem:0.88rem;--pk-fs-x-8rem:0.78rem;--pk-fs-x-95rem:.95rem;--pk-fs-x-9rem:0.88rem;--pk-fs-x-clamp-1-2rem-2-5vw-1-8:clamp(1.2rem,2.5vw,1.8rem);--pk-fs-x-clamp-1-6rem-3-5vw-2-8:clamp(1.6rem,3.5vw,2.8rem);--pk-fs-x-clamp-2-2rem-5vw-4rem:clamp(2.2rem,5vw,4rem);--pk-r-0-0-6px-0:0 0 6px 0;--pk-r-10px:10px;--pk-r-12px:12px;--pk-r-2px:2px;--pk-r-50:50%;--pk-r-50px:50px;--pk-r-6px:6px;--pk-r-8px:8px;--pk-r-inherit:inherit;--pk-sh-none:none;--pk-surface-deep:#10161e;--pk-surface-card:rgba(255,255,255,0.035);--pk-line-strong:rgba(255,255,255,0.18);--pk-font-display:"Oswald",sans-serif;--pk-font-body:"Inter",sans-serif;--pk-fs-18:clamp(1.125rem,1.07rem+0.28vw,1.25rem);--pk-fs-20:clamp(1.25rem,1.18rem+0.35vw,1.4375rem);--pk-fs-24:clamp(1.5rem,1.4rem+0.5vw,1.75rem);--pk-fs-28:clamp(1.75rem,1.6rem+0.7vw,2.125rem);--pk-fs-32:clamp(2rem,1.8rem+1vw,2.5rem);--pk-fs-40:clamp(2.5rem,2.2rem+1.5vw,3.25rem);--pk-fs-48:clamp(3rem,2.6rem+2vw,4rem);--pk-fs-56:clamp(3.5rem,3rem+2.5vw,4.75rem);--pk-fs-64:clamp(4rem,3.4rem+3vw,5.5rem);--pk-fs-72:clamp(4.5rem,3.8rem+3.5vw,6.25rem);--pk-fs-84:clamp(5.25rem,4.4rem+4.2vw,7.25rem);--pk-fw-regular:400;--pk-fw-medium:600;--pk-fw-bold:700;--pk-lh-tight:1.05;--pk-lh-snug:1.2;--pk-lh-body:1.65;--pk-ls-tight:-0.02em;--pk-ls-normal:0;--pk-ls-wide:0.08em;--pk-s7:40px;--pk-s9:64px;--pk-s10:80px;--pk-s11:96px;--pk-s12:128px;--pk-r-sm:8px;--pk-r-full:999px;--pk-shadow-hairline:0 1px 2px rgba(21,28,37,0.18);--pk-shadow-card:0 12px 32px rgba(21,28,37,0.24),0 1px 0 rgba(255,255,255,0.04)inset;--pk-shadow-float:0 24px 60px rgba(21,28,37,0.28),0 2px 8px rgba(21,28,37,0.16);--pk-dur-1:200ms;--pk-dur-2:400ms;--pk-dur-3:700ms;--pk-bw-hair:1px;--pk-bw-strong:2px;--pk-ring-w:2px;--pk-ring-offset:2px;--pk-underline-thickness:1px;--pk-underline-offset:0.2em;--pk-container-max:1280px;--pk-container-pad:clamp(16px,4vw,48px);--pk-container-pad-lg:clamp(24px,5vw,64px);--pk-section-y:clamp(48px,8vw,96px);--pk-section-y-lg:clamp(64px,9vw,128px);--pk-stack-gap:var(--pk-s4);--pk-stack-gap-tight:var(--pk-s2);--pk-stack-gap-loose:var(--pk-s8);--pk-cluster-gap:var(--pk-s3);--pk-cluster-gap-loose:var(--pk-s5);--pk-measure:68ch;--pk-lift-hover:-2px;--pk-opacity-disabled:0.55;--pk-btn-gap:var(--pk-s2);--pk-btn-pad-block-sm:var(--pk-s2);--pk-btn-pad-inline-sm:var(--pk-s4);--pk-btn-pad-block-md:var(--pk-s3);--pk-btn-pad-inline-md:var(--pk-s6);--pk-btn-min-h-sm:var(--pk-tap-min);--pk-btn-min-h-md:calc(var(--pk-tap-min)+var(--pk-s1));--pk-btn-fs-sm:var(--pk-fs-14);--pk-btn-fs-md:var(--pk-fs-16);--pk-card-core-pad:var(--pk-s5);--pk-card-core-pad-md:var(--pk-s6);--pk-card-core-pad-lg:var(--pk-s8);--pk-card-core-radius:calc(var(--pk-r-md)- var(--pk-card-shell-pad));--pk-eyebrow-pad-block:var(--pk-s1);--pk-eyebrow-pad-inline:var(--pk-s3);--pk-eyebrow-fs:var(--pk-fs-12);--pk-c02:#151c25;--pk-c03:#ff6600;--pk-c04:#ff8c00;--pk-c05:#00c864;--pk-c07:#1b232e;--pk-c08:#10161e;--pk-c09:#ffffff;--pk-c12:#cccccc;--pk-c13:#00a651;--pk-c16:#222222;--pk-c26:#050505;--pk-c27:#cc5200;--pk-c28:#eeeeee;--pk-c29:#aaaaaa;--pk-c30:#555555;--pk-c32:#0b1015;--pk-fs-x-0-92rem:0.88rem;--pk-fs-x-1-3rem:1.3rem;--pk-fs-x-1-8rem:1.8rem;--pk-fs-x-74rem:0.78rem;--pk-fs-x-75rem:var(--pk-fs-x-0-75rem);--pk-fs-x-88rem:0.88rem;--pk-fs-x-clamp-1rem-2vw-1-25rem:clamp(1rem,2vw,1.25rem);--pk-fs-x-clamp-1rem-2vw-1-4rem:clamp(1rem,2vw,1.4rem);--pk-fs-x-clamp-2rem-4vw-3rem:clamp(2rem,4vw,3rem);--pk-r-0-12px-12px-0:0 12px 12px 0;--pk-r-16px:16px;--pk-r-4px:4px;--pk-r-99px:99px;--pk-sh-0-0-0-2px-rgba-255-102:0 0 0 2px rgba(255,102,0,.15);--pk-sh-0-0-10px-var-orange:0 0 10px var(--orange);--pk-sh-0-0-15px-rgba-255-102-:0 0 15px rgba(255,102,0,.4);--pk-sh-0-0-20px-rgba-255-102-:0 0 20px rgba(255,102,0,.05);--pk-sh-0-0-20px-rgba-255-107-:0 0 20px rgba(255,107,0,.15);--pk-sh-0-0-20px-var-orange-di:0 0 20px var(--orange-dim),0 0 4px rgba(255,102,0,.2);--pk-sh-0-0-30px-rgba-255-102-:0 0 30px rgba(255,102,0,.15);--pk-sh-0-0-6px-rgba-255-102-0:0 0 6px rgba(255,102,0,.1);--pk-sh-0-12px-40px-rgba-0-0-0:0 12px 40px rgba(0,0,0,.3),0 0 30px var(--orange-dim);--pk-sh-0-16px-48px-rgba-0-0-0:0 16px 48px rgba(0,0,0,.4),0 0 30px var(--orange-dim),inset 0 1px 0 rgba(255,255,255,.1);--pk-sh-0-1px-5px-rgba-255-102:0 1px 5px rgba(255,102,0,.07);--pk-sh-0-20px-60px-rgba-0-0-0:0 20px 60px rgba(0,0,0,.6),0 0 20px rgba(255,102,0,.05);--pk-sh-0-2px-10px-rgba-255-10:0 2px 10px rgba(255,102,0,.15);--pk-sh-0-2px-8px-rgba-0-0-0-1:0 2px 8px rgba(0,0,0,.1),0 0 5px rgba(255,102,0,.02);--pk-sh-0-2px-8px-rgba-0-0-0-3:0 2px 8px rgba(0,0,0,.3);--pk-sh-0-4px-15px-rgba-255-10:0 4px 15px rgba(255,102,0,.3);--pk-sh-0-4px-16px-rgba-0-0-0-:0 4px 16px rgba(0,0,0,.2),0 0 10px rgba(255,102,0,.05);--pk-sh-0-4px-20px-rgba-255-10:0 4px 20px rgba(255,102,0,.25);--pk-sh-0-4px-25px-var-orange-:0 4px 25px var(--orange-glow);--pk-sh-0-4px-30px-rgba-0-0-0-:0 4px 30px rgba(0,0,0,.4);--pk-sh-0-4px-30px-rgba-255-10:0 4px 30px rgba(255,102,0,.08);--pk-sh-0-8px-25px-rgba-255-10:0 8px 25px rgba(255,102,0,.5);--pk-sh-0-8px-30px-rgba-0-0-0-:0 8px 30px rgba(0,0,0,.3);--pk-sh-0-8px-32px-rgba-0-166-:0 8px 32px rgba(0,166,81,0.24);--pk-sh-0-8px-32px-rgba-255-10:0 8px 32px rgba(255,107,0,0.28);--pk-sh-0-8px-40px-var-orange-:0 8px 40px var(--orange-glow);--pk-sh-inset-0-0-10px-rgba-25:inset 0 0 10px rgba(255,102,0,.2);--pk-sh-inset-0-1px-0-rgba-255:inset 0 1px 0 rgba(255,255,255,.06),0 8px 32px rgba(0,0,0,.3);--pk-fs-x-0:0;--pk-sh-0-0-6px-rgba-255-102-0-b:0 0 6px rgba(255,102,0,.15);--dark:var(--pk-graphite-1);--dark-2:var(--pk-graphite-2);--dark-3:var(--pk-graphite-3);--glass-bg:rgba(255,255,255,0.05);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free";--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free";--pk-btn-radius:8px;--pk-btn-pad-y:13px;--pk-btn-pad-x:24px;--pk-btn-fs:1rem;--pk-btn-weight:700} /* transitive token fix 20261020 */ /* token table (trimmed to used tokens) 20261020 */ main{min-height:500px} /* proofok focus ring 2026-10-19 */ @media (max-width:768px){ ;;;;;;;;;;;;;;;;;;;;;; html{font-size:var(--pk-fs-x-16px)}body{font-size:var(--pk-fs-x-1rem);line-height:1.75}.container{padding:0 16px}.section{padding:40px 0}h1{font-size:var(--pk-fs-x-1-9rem)}h2{font-size:var(--pk-fs-x-1-5rem)}h3{font-size:var(--pk-fs-x-1-2rem)}h4{font-size:var(--pk-fs-x-1-05rem)}.hero{padding:90px 16px 50px;min-height:85vh}.hero h2{font-size:var(--pk-fs-x-1-5rem);line-height:1.2}.page-hero{padding:110px 16px 50px;min-height:30vh}.nav-inner{padding:0 16px}.nav-logo img{height:34px}.nav-burger{min-width:48px;min-height:48px;padding:12px 14px}.nav-cta{display:none}.site-nav{padding:10px 0}.site-nav.scrolled{padding:6px 0}.mobile-menu-overlay{padding:20px 20px 120px}#mobile-close{width:48px;height:48px;font-size:var(--pk-fs-x-1-4rem);top:16px;right:16px}.mobile-menu-overlay>a:not(.mobile-sub),.mobile-menu-toggle{padding:16px 18px;min-height:48px;font-size:var(--pk-fs-x-1rem)}.mobile-sub{padding:14px 18px;min-height:48px;font-size:var(--pk-fs-x-9rem)}.mobile-dropdown-content{padding-left:12px;margin-left:6px}.btn{padding:12px 24px;min-height:48px;font-size:var(--pk-fs-x-9rem)}.btn-primary{min-height:48px}.btn-quote{padding:14px 22px;min-height:48px;font-size:var(--pk-fs-x-85rem)}.btn-group{gap:12px}.pe-link{padding:12px 14px;min-height:48px;font-size:var(--pk-fs-x-8rem)}.form-input{padding:16px 18px;min-height:48px;font-size:var(--pk-fs-x-1rem)}select,select.form-input{padding:14px 40px 14px 16px;min-height:48px;font-size:var(--pk-fs-x-9rem)}.glass-card{padding:20px}.bento-grid{gap:16px}.section-header{margin-bottom:28px}.two-col{gap:24px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}.footer-links a{padding:6px 0;min-height:44px;display:inline-flex;align-items:center}.stats-bar{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.area-badge{padding:12px 18px;min-height:48px;font-size:var(--pk-fs-x-85rem)}.area-badges{gap:12px}.article-content{font-size:var(--pk-fs-x-1rem);line-height:1.85}.article-content h2{font-size:var(--pk-fs-x-1-35rem)}.article-content h3{font-size:var(--pk-fs-x-1-15rem)}.faq-q{padding:18px 20px;min-height:48px;font-size:var(--pk-fs-x-95rem)}.faq-a{padding:0 20px 18px 24px;font-size:var(--pk-fs-x-9rem)}#tactical-hud{display:none} body::before{background-size:40px 40px} ;;;;;;;;;;html body .cta-emergency-grid a{min-width:0;max-width:100%;width:100%;flex:1 1 auto;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:center;box-sizing:border-box};html body .cta-emergency-grid a*{min-width:0;max-width:100%};;html body .hero-content,html body .hero,html body .hero .container,html body .container{max-width:100%;box-sizing:border-box};html body .ticker,html body .ticker-item{max-width:100%;min-width:0;overflow:hidden};html body .skip-link,html body a.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap};;;;;html body a.btn,html body a.btn-primary,html body a.btn-outline,html body button,html body[role='button'],html body input[type='submit'],html body a.cta-path-emergency,html body a.cta-path-inspection,html body a.cta-path-estimate,html body a.pok-mobile-cta,html body a.link-btn,html body .btn-call,html body .btn-quote{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box};html body a.skip-link,html body .skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)};html body a.skip-link:focus,html body .skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;min-height:44px;min-width:44px;clip:auto;padding:12px 18px;z-index:99999;background:var(--pk-accent);color:var(--pk-text-on-accent);border-radius:var(--pk-r-8px);font-weight:700} .booklet-hero h1{font-size:1.8rem}.booklet-hero{min-height:50vh;padding:100px 20px 60px}.cta-block{padding:30px 20px} .quick-jump{display:none}.site-nav{padding:14px 0}.nav-logo img{height:36px}.hero,.page-hero{min-height:70vh;padding:90px 16px 36px}.hero-badge{font-size:0.75rem;padding:6px 14px}.hero-subtitle{font-size:0.9375rem}.btn{padding:14px 24px;font-size:0.9rem} html body .nav-logo img{height:38px;width:auto;filter:none} html body nav.site-nav .nav-cta{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;font-size:var(--pk-fs-x-7rem);line-height:1.1;white-space:nowrap;width:auto;min-width:0}html body nav.site-nav .nav-cta .btn-primary{display:inline-flex;align-items:center;padding:8px 8px;font-size:var(--pk-fs-x-66rem);white-space:nowrap;width:auto}html body nav.site-nav .nav-cta .nav-phone{font-size:var(--pk-fs-x-62rem);max-width:94px;line-height:1.1}html body nav.site-nav .nav-inner:has(.nav-cta){padding-right:6px} html body nav.site-nav .nav-cta{display:inline-flex;align-items:center} html body nav.site-nav .nav-links{display:flex;flex-direction:row;align-items:center;gap:0;padding:0;margin:0;background:none;border:0;box-shadow:var(--pk-sh-none);width:auto;overflow:visible;position:static}html body nav.site-nav .nav-links>li{display:none}html body nav.site-nav .nav-links>li:has(.nav-cta){display:block;padding:0;margin:0}html body nav.site-nav .nav-links>li>.nav-cta{display:inline-flex;align-items:center;padding:8px 10px;font-size:var(--pk-fs-x-68rem);white-space:nowrap;width:auto} html body a.pok-mobile-cta{display:inline-flex;align-items:center;min-height:44px;justify-content:center;padding-top:12px;padding-bottom:12px;background:var(--pk-accent);color:var(--pk-text);text-decoration:none;font-weight:700;font-size:var(--pk-fs-x-66rem);line-height:1.1;padding:8px 10px;border-radius:var(--pk-r-8px);white-space:nowrap;margin-left:2px;margin-right:2px;flex:0 0 auto}html body a.pok-mobile-cta:active{background:var(--pk-accent-deep)} html body nav.site-nav .nav-inner .nav-cta{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;font-size:var(--pk-fs-x-68rem);line-height:1.1;white-space:nowrap;width:auto;min-width:0;visibility:visible;opacity:1;flex:0 1 auto;margin:0}html body nav.site-nav .nav-inner .nav-cta .btn-primary,html body nav.site-nav .nav-inner .nav-cta.nav-cta{max-width:none}html body nav.site-nav .nav-inner{min-width:0;overflow:visible} html body .cta-emergency-grid{max-width:100%;width:100%;flex-direction:column;align-items:stretch}html body .cta-emergency-grid a{min-width:0;max-width:100%;width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;box-sizing:border-box}html body .cta-emergency-grid a *{min-width:0;max-width:100%}html body .hero-content{max-width:100%;width:100%;padding-left:14px;padding-right:14px;box-sizing:border-box}html body .hero-badge{white-space:normal;max-width:100%;display:inline-block;line-height:1.35}html body .btn,html body .btn-primary,html body .btn-outline{max-width:100%;white-space:normal;text-align:center}html body .container,html body .wrap{max-width:100%;box-sizing:border-box}html body .ticker,html body .ticker-track,html body .ticker-item{max-width:100%;min-width:0;overflow:hidden}html body .skip-link,html body a.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} html body .filter-btn,html body .filter-chip,html body .gallery-tab,html body .map-btn, html body button,html body a.btn,html body .pok-band-cta{min-height:44px;min-width:44px} .floating-cta,a.floating-cta{position:fixed;bottom:16px;right:16px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:0.85rem;gap:8px}body{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))} :where(.pk-hero){min-height:80vh;padding:100px 16px 40px}:where(.pk-hero--band){min-height:40vh;padding:120px 16px 40px}:where(.pk-hero__title){font-size:clamp(1.8rem,6vw,2.8rem)}:where(.pk-hero__subtitle){font-size:0.9375rem}:where(.pk-hero--title){position:static;display:block;align-items:normal;justify-content:normal;min-height:0;padding:0;overflow:visible;text-align:center} :where(.pk-footer){padding:48px 16px}:where(.pk-footer .pk-footer__cols){gap:22px} :where(.pk-hero){min-height:80vh;padding:100px 16px 40px}:where(.pk-hero--band){min-height:40vh;padding:120px 16px 40px}:where(.pk-hero__title){font-size:clamp(1.8rem,6vw,2.8rem)}:where(.pk-hero__subtitle){font-size:0.9375rem}:where(.pk-hero--title){position:static;display:block;align-items:normal;justify-content:normal;min-height:0;padding:0;overflow:visible;text-align:center} :where(.pk-footer){padding:48px 16px}:where(.pk-footer .pk-footer__cols){gap:22px} .pk-section{padding:40px 0}.pk-section--tight{padding:22px 0}}@keyframes pulse-live{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media (max-width:600px){ ;;;; .faq-q{padding:16px 18px;font-size:var(--pk-fs-x-9rem)}.faq-a{padding:0 18px}.faq-a.open{padding:0 18px 20px} .nav-inner:has(.nav-phone).nav-cta .btn-primary{display:none};html body nav.site-nav .nav-inner:has(.nav-phone).nav-cta .btn-primary{display:inline-flex;align-items:center;padding:8px 8px;font-size:var(--pk-fs-x-66rem);line-height:1.1;white-space:nowrap;width:auto;min-width:0};html body nav.site-nav .nav-inner:has(.nav-phone).nav-cta{gap:4px};html body nav.site-nav .nav-inner:has(.nav-phone).nav-phone{font-size:var(--pk-fs-x-6rem);max-width:92px;line-height:1.1;overflow:hidden};html body nav.site-nav .nav-inner:has(.nav-phone).nav-logo img{height:30px;width:auto} html body nav.site-nav .nav-inner:has(.nav-phone) .nav-cta .btn-primary{display:inline-flex;align-items:center;padding:8px 8px;font-size:var(--pk-fs-x-66rem);line-height:1.1;white-space:nowrap;width:auto;min-width:0}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-cta{gap:4px}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-phone{font-size:var(--pk-fs-x-6rem);max-width:92px;line-height:1.1;overflow:hidden}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-logo img{height:30px;width:auto} .pk-cta{margin:32px auto;padding:30px 20px}.pk-cta__actions{flex-direction:column;align-items:stretch}.pk-cta__action{width:100%}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1150px){ .nav-inner{padding:8px 16px}.nav-links{gap:4px}.nav-links a{font-size:var(--pk-fs-x-0-75rem);letter-spacing:0;padding:10px 12px;min-height:44px}.nav-phone{font-size:var(--pk-fs-x-8rem)}.pe-link{padding:10px 12px;min-height:44px;font-size:var(--pk-fs-x-0-75rem)}}@media (max-width:1024px){ .nav-cta.desktop-only,.nav-links{display:none}.nav-burger{display:flex}.two-col{grid-template-columns:1fr} .nav-links{display:none}.mobile-menu-btn{display:flex}.nav-links.mobile-open{display:flex;flex-direction:column;position:fixed;top:80px;left:0;right:0;bottom:0;background:rgba(10,10,10,0.98);padding:20px;gap:4px;z-index:999;overflow-y:auto;color:var(--pk-text);}.nav-links.mobile-open a{padding:16px 20px;font-size:1rem;width:100%;border-radius:16px}.nav-links.mobile-open .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:none;padding:0 0 0 20px;box-shadow:none;}.hero,.page-hero{min-height:80vh;padding:100px 16px 40px}.page-hero{min-height:40vh;padding:120px 16px 40px}.hero-content h1{font-size:clamp(1.8rem,6vw,2.8rem)} .hide-mobile{display:none}.hide-desktop{display:block} .pk-nav__links{display:none} .pk-nav__burger{display:inline-flex} html body nav.site-nav .nav-logo img[width][height], html body nav.site-nav .pk-nav__logo img[width][height]{height:34px;max-height:34px} html body nav.site-nav.pk-nav .nav-links,html body nav.site-nav.pk-nav .pk-nav__links, html body nav.site-nav .nav-links.pk-nav__links{display:none} html body nav.site-nav.pk-nav .nav-burger,html body nav.site-nav.pk-nav .pk-nav__burger, html body nav.site-nav #nav-burger{display:inline-flex;align-items:center;justify-content:center} html body nav.site-nav.pk-nav .nav-inner,html body nav.site-nav.pk-nav .pk-nav__inner{ flex-wrap:nowrap;gap:8px;min-width:0} html body nav.site-nav.pk-nav .mobile-menu-overlay{display:none} html body nav.site-nav.pk-nav .mobile-menu-overlay.active, html body nav.site-nav.pk-nav .mobile-menu-overlay.open{display:flex} }@media (max-width:992px){ body{padding-top:90px}}@media (max-width:480px){ html{font-size:var(--pk-fs-x-15px)}h1{font-size:var(--pk-fs-x-1-7rem)}h2{font-size:var(--pk-fs-x-1-35rem)}h3{font-size:var(--pk-fs-x-1-1rem)}.hero{padding:80px 14px 40px;min-height:80vh}.page-hero{padding:100px 14px 40px;min-height:25vh}.btn-group{flex-direction:column;align-items:stretch}.btn{width:100%;justify-content:center}.gallery-grid,.stats-bar{grid-template-columns:1fr}.container{padding:0 14px}.mobile-menu-overlay{padding:16px 16px 100px}.mobile-menu-overlay>a:not(.mobile-sub),.mobile-menu-toggle{padding:14px 16px;font-size:var(--pk-fs-x-95rem)}.mobile-sub{padding:12px 16px;min-height:44px}.glass-card{padding:16px}.section{padding:32px 0}.nav-burger{min-width:48px;min-height:48px}.btn-primary,.btn-quote,.form-input,select{min-height:48px} .hero,.page-hero{min-height:60vh;padding:80px 12px 32px}.hero-content h1{font-size:clamp(1.5rem,7vw,2.2rem)}.btn-lg{padding:16px 28px} :where(.pk-hero){min-height:70vh;padding:90px 16px 36px}:where(.pk-hero__title){font-size:clamp(1.5rem,7vw,2.2rem)}:where(.pk-hero__badge){font-size:0.75rem;padding:6px 14px}:where(.pk-hero--title){position:static;display:block;align-items:normal;justify-content:normal;min-height:0;padding:0;overflow:visible;text-align:center} :where(.pk-hero){min-height:70vh;padding:90px 16px 36px}:where(.pk-hero__title){font-size:clamp(1.5rem,7vw,2.2rem)}:where(.pk-hero__badge){font-size:0.75rem;padding:6px 14px}:where(.pk-hero--title){position:static;display:block;align-items:normal;justify-content:normal;min-height:0;padding:0;overflow:visible;text-align:center} .pk-section{padding:32px 0}.pk-section--tight{padding:18px 0}}@keyframes pulse-composited{0%,100%{transform:scale(.95);opacity:0}50%{transform:scale(1.05);opacity:1}}@keyframes hero-aurora{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes grid-shift{0%{transform:translate(0,0)}100%{transform:translate(60px,60px)}}@keyframes orb-float{0%{transform:translate(0,0)scale(1)}100%{transform:translate(40px,-30px)scale(1.15)}}@property --angle{syntax:'';initial-value:0deg;inherits:false}@keyframes laser-spin{to{--angle:360deg}}@media (prefers-reduced-motion:reduce){ *,::after,::before{animation-duration:0s;animation-iteration-count:1;transition-duration:0s;scroll-behavior:auto;animation-delay:0s;transition-delay:0s;will-change:auto}h1,h2,h3,h4,h5,h6{animation:none;}[data-animate],[data-reveal=left],[data-reveal=right],[data-reveal=scale],[data-reveal]{opacity:1;transform:none;transition:none}.btn-primary:hover,.btn:hover,.card:hover,.glass-card:hover,.panel:hover,.service-card:hover,[class*=card]:hover{transform:none}#proof-rain-canvas{display:none}body::after,body::before{animation:none;opacity:.15}.hero::after,.page-hero::after{animation:none;opacity:.5}.laser-traced::after,[class*=laser]::after{animation:none;opacity:.09}.glass-card{box-shadow:0 8px 24px rgba(0,0,0,.45);transition:none}[data-anim-state=dimmed]*,[data-anim-state=dimmed]::after,[data-anim-state=dimmed]::before,[data-anim-state=full]*,[data-anim-state=full]::after,[data-anim-state=full]::before{animation-duration:0s;transition-duration:0s;animation-delay:0s;transition-delay:0s}#tactical-hud{display:none} *,::after,::before{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}@media (min-width:993px)and (max-width:1150px){ .nav-inner{padding:8px 10px}.nav-links{gap:4px}.nav-links a{font-size:var(--pk-fs-x-0-75rem);padding:6px 10px;letter-spacing:0}.nav-phone{font-size:var(--pk-fs-x-78rem)}.nav-links li:last-child a{padding-right:0}.pe-link{font-size:var(--pk-fs-x-0-75rem);padding:4px 8px}}@keyframes siteGridPulse{0%,100%{opacity:.3}50%{opacity:.7}}@keyframes siteOrbFloat{0%,100%{transform:translate(-50%,-50%)scale(1)}33%{transform:translate(-45%,-55%)scale(1.08)}66%{transform:translate(-55%,-45%)scale(.95)}}@media (max-width:1249px){; .nav-inner:has(.nav-burger).nav-links{display:none};.nav-inner:has(.nav-burger).nav-burger{display:flex} html body .mobile-menu-overlay.active{display:flex;opacity:1;visibility:visible;pointer-events:auto} html body .mobile-menu-overlay.active{display:flex;flex-direction:column;position:fixed;inset:0;visibility:visible;opacity:1;pointer-events:auto;overflow-y:auto;z-index:10000}}@media (min-width:1250px){ .nav-inner:has(.nav-burger).nav-burger{display:none} html body .mobile-menu-overlay{display:none;visibility:hidden;opacity:0;pointer-events:none} html body .mobile-menu-overlay{display:none;visibility:hidden;opacity:0} }@media (max-width:900px){;; ;; html body [class*="breadcrumb"] a{min-height:44px;display:inline-flex;align-items:center}html body .pagination a,html body .pagination span,html body .page-numbers{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}html body .filter-btn{min-height:44px}html body a[href^="tel:"]{min-height:44px;display:inline-flex;align-items:center} html body nav.site-nav .nav-phone, html body nav.site-nav .nav-inner:has(.nav-phone) .nav-cta .nav-phone{display:none} }@media (min-width:1025px)and (max-width:1249px){;; ;html body .mobile-menu-overlay:not(.active){visibility:hidden;opacity:0;pointer-events:none};html body .mobile-menu-overlay.active{visibility:visible;opacity:1;pointer-events:auto}}@media (max-width:430px){;;;;;; ;html body nav.site-nav .nav-inner:has(.nav-phone).nav-logo{min-width:0};html body nav.site-nav .nav-inner:has(.nav-phone).nav-logo img{height:26px;width:auto};html body nav.site-nav .nav-inner:has(.nav-phone).nav-cta{gap:2px};html body nav.site-nav .nav-inner:has(.nav-phone).nav-phone{display:none};html body nav.site-nav .nav-inner:has(.nav-phone).nav-cta .btn-primary{padding:8px 8px;font-size:var(--pk-fs-x-6rem)};html body nav.site-nav .nav-inner:has(.nav-phone).nav-burger{flex:0 0 44px;width:44px;min-width:44px;margin-left:0} html body nav.site-nav .nav-inner:has(.nav-phone){padding-left:6px;padding-right:6px;gap:4px}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-logo{min-width:0}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-logo img{height:26px;width:auto}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-cta{gap:2px}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-phone{display:none}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-cta .btn-primary{padding:8px 8px;font-size:var(--pk-fs-x-6rem)}html body nav.site-nav .nav-inner:has(.nav-phone) .nav-burger{flex:0 0 44px;width:44px;min-width:44px;margin-left:0}}@media (max-width:640px){;;;;;; html body .hero-content{max-width:100%;width:100%;padding-left:14px;padding-right:14px};html body .hero-badge{white-space:normal;max-width:100%;display:inline-block;line-height:1.35};html body .hero-content h1,html body .hero-content h2{max-width:100%};html body .btn,html body .btn-primary,html body .btn-outline{max-width:100%;white-space:normal;text-align:center;justify-content:center};html body .nav-links,html body .nav-cta{min-width:0};html body .pok-band-grid .pok-shot,html body .pok-band-grid .pok-shot-lg,html body .pok-band-grid .pok-shot-tall,html body .pok-band-grid .pok-shot-wide,html body .pok-band-grid[data-count].pok-shot,html body .pok-band-grid[data-count].pok-shot-lg,html body .pok-band-grid[data-count].pok-shot-tall,html body .pok-band-grid[data-count].pok-shot-wide{grid-column:1/-1;grid-row:auto;min-width:0;max-width:100%}; html body .pok-band-grid .pok-shot,html body .pok-band-grid .pok-shot-lg,html body .pok-band-grid .pok-shot-tall,html body .pok-band-grid .pok-shot-wide,html body .pok-band-grid[data-count] .pok-shot,html body .pok-band-grid[data-count] .pok-shot-lg,html body .pok-band-grid[data-count] .pok-shot-tall,html body .pok-band-grid[data-count] .pok-shot-wide{grid-column:1/-1;grid-row:auto;min-width:0;max-width:100%}html body .pok-band,html body .pok-band-inner,html body .pok-band-grid,html body .pok-shot-shell,html body .pok-shot-core{min-width:0;max-width:100%} html body nav.site-nav .nav-logo img[width][height], html body nav.site-nav .pk-nav__logo img[width][height]{height:30px;max-height:30px} }@media (max-width:359px){;;;;;; html body .bento-grid,html body .grid,html body .service-grid,html body[class*='-grid'],html body[class*='grid-']{grid-template-columns:1fr;display:block};html body .container,html body .wrap{max-width:100%;padding-left:12px;padding-right:12px;box-sizing:border-box};html body section,html body .section,html body main{max-width:100%;box-sizing:border-box};html body div,html body article,html body aside,html body figure{max-width:100%};html body .glass-card,html body .card,html body .service-card{width:auto;min-width:0;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box};html body .bento-grid,html body .service-grid{gap:12px;padding-left:0;padding-right:0};html body[class*='-grid'],html body[class*='grid-']{grid-template-columns:1fr;display:block} html body .bento-grid,html body [class*='-grid']{grid-template-columns:1fr}html body .glass-card,html body .card,html body .service-card,html body .feature-card{width:auto;min-width:0;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box} }html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;width:100%;font-size:var(--pk-fs-x-16px)}h1{font-size:var(--pk-fs-x-clamp-2-2rem-5vw-4rem)}h2{font-size:var(--pk-fs-x-clamp-1-6rem-3-5vw-2-8)}h3{font-size:var(--pk-fs-x-clamp-1-2rem-2-5vw-1-8)}[data-anim-state=off].hero::after,[data-anim-state=off].page-hero::after,[data-anim-state=off]body::after,[data-anim-state=off]body::before{background:var(--charcoal)}.dropdown-menu a{display:flex;align-items:center;padding:12px 16px;min-height:48px;font-size:var(--pk-fs-x-82rem);border-radius:var(--pk-r-8px);color:var(--light-gray);text-transform:none;font-weight:500;transition:.2s}.dropdown-menu a:hover{background:rgba(255,102,0,.1);color:var(--orange);padding-left:20px}.dropdown-menu li{width:100%;border-bottom:none}.dropdown-menu li:last-child{border-bottom:none}.nav-cta{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-phone{color:var(--white);font-weight:600;font-size:var(--pk-fs-x-85rem);display:flex;align-items:center;gap:6px;min-height:48px}.nav-phone i{color:var(--orange)}.pe-link{font-weight:800;font-size:var(--pk-fs-x-8rem);text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--orange);padding:12px 16px;min-height:48px;display:inline-flex;align-items:center;border-radius:var(--pk-r-6px);white-space:nowrap;transition:.3s}.pe-link:hover{background:rgba(255,102,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.35)}@keyframes pulse-live{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.nav-burger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:10px 12px;position:relative;z-index:10001;background:var(--orange);border-radius:var(--pk-r-8px);border:none;transition:all .3s var(--ease)}.nav-burger:hover{background:var(--orange-light);transform:scale(1.05)}.nav-burger span{width:22px;height:2.5px;background:var(--pk-void);border-radius:var(--pk-r-2px);transition:all .3s var(--ease);color:var(--pk-text);}.nav-burger.active span:nth-child(2){opacity:0}.nav-burger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(5,5,5,.6);backdrop-filter:blur(24px)saturate(1.4);z-index:10000;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.22,1,.36,1),visibility .5s;overflow-y:auto;display:flex;flex-direction:column;padding:24px 28px 100px;box-sizing:border-box;color:var(--pk-text);}.mobile-menu-overlay>:nth-child(2){transition-delay:0.10s}.mobile-menu-overlay>:nth-child(3){transition-delay:0.15s}.mobile-menu-overlay>:nth-child(4){transition-delay:0.20s}.mobile-menu-overlay>:nth-child(5){transition-delay:0.25s}.mobile-menu-overlay>:nth-child(6){transition-delay:0.30s}.mobile-menu-overlay>:nth-child(7){transition-delay:0.35s}.mobile-menu-overlay>:nth-child(8){transition-delay:0.40s}.mobile-menu-overlay>:nth-child(9){transition-delay:0.45s}.mobile-menu-overlay>:nth-child(10){transition-delay:0.50s}.mobile-menu-overlay>:nth-child(11){transition-delay:0.55s}.mobile-menu-overlay>:nth-child(12){transition-delay:0.60s}.mobile-menu-overlay>:nth-child(13){transition-delay:0.65s}.mobile-logo-container{text-align:center;margin-bottom:20px}.mobile-logo{height:38px;filter:none}#mobile-close{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.06);border:1px solid var(--pk-line);color:var(--pk-text);font-size:var(--pk-fs-x-1-6rem);width:40px;height:40px;border-radius:var(--pk-r-50);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;}#mobile-close:hover{background:rgba(255,107,0,.2);border-color:var(--orange);box-shadow:0 8px 24px rgba(0,0,0,.45)}.mobile-menu-overlay>a:not(.mobile-sub){display:flex;align-items:center;gap:12px;padding:14px 18px;margin:2px 0;color:rgba(255,255,255,.8);text-decoration:none;font-size:var(--pk-fs-x-1rem);font-weight:600;border-radius:var(--pk-r-12px);transition:.3s cubic-bezier(.22,1,.36,1);background:0 0;border:none}.mobile-menu-overlay>a:not(.mobile-sub):hover{background:rgba(255,255,255,.06);color:var(--pk-text);transform:translateX(4px)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;margin:2px 0;color:rgba(255,255,255,.8);background:0 0;border:none;font-size:var(--pk-fs-x-1rem);font-weight:600;cursor:pointer;border-radius:var(--pk-r-12px);transition:.3s cubic-bezier(.22,1,.36,1);text-align:left;font-family:inherit}.mobile-menu-toggle:hover{background:rgba(255,255,255,.06);color:var(--pk-text)}.mobile-menu-toggle i:first-child{width:20px;color:var(--orange)}.mobile-menu-toggle i:last-child{transition:transform .4s cubic-bezier(.22,1,.36,1);font-size:var(--pk-fs-x-0-75rem);color:rgba(255,255,255,.4)}.mobile-dropdown-content{display:none;padding-left:16px;margin-left:8px;border-left:1px solid rgba(255,107,0,.15)}.mobile-sub{display:flex;align-items:center;padding:14px 18px;min-height:48px;color:rgba(255,255,255,.6);text-decoration:none;font-size:var(--pk-fs-x-9rem);border-radius:var(--pk-r-10px);transition:.3s}.mobile-sub:hover{color:var(--pk-text);background:rgba(255,107,0,.1);transform:translateX(4px)}.mobile-menu-overlay>a[href*=project-engineer]:hover{background:rgba(255,102,0,.15);border-color:var(--orange);box-shadow:0 8px 24px rgba(0,0,0,.45)}.mobile-menu-overlay>a[href*=storm-tracker]:hover{background:rgba(0,212,255,.12);border-color:var(--pk-c11)}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--orange-dim);border:1px solid rgba(255,102,0,.25);color:var(--orange);font-size:var(--pk-fs-x-8rem);font-weight:600;padding:8px 18px;border-radius:var(--pk-r-50px);margin-bottom:24px;text-transform:uppercase;letter-spacing:.06em}main{padding-top:80px}[data-anim-state=off].hero::after,[data-anim-state=off].page-hero::after,[data-anim-state=off]body::after,[data-anim-state=off]body::before{margin-bottom:16px;color:var(--gray);border-color:var(--orange);color:var(--orange);background:var(--orange-dim);grid-template-columns:repeat(2,1fr)}.section{padding:var(--section-pad)0;position:relative}.section-label::after,.section-label::before{content:'';width:30px;height:1px;background:var(--orange);opacity:.4}.stat-item:hover{border-color:var(--glass-border-hover);transform:translateY(-3px)}.gallery-item:hover img{transform:scale(1.08)}[data-anim-state=off].hero::after,[data-anim-state=off].page-hero::after,[data-anim-state=off]body::after,[data-anim-state=off]body::before{opacity:1;border-color:var(--glass-border-hover);align-items:center;justify-content:space-between;padding:0 24px;cursor:pointer;font-family:var(--font-body);font-weight:600;color:var(--white);background:0 0;border:none;width:100%;text-align:left;transition:color .3s;transition:transform .3s var(--ease);color:var(--orange);max-height:0;transition:max-height .4s var(--ease),padding .4s var(--ease);color:var(--gray);line-height:1.8;font-size:var(--pk-fs-x-95rem)}.form-input:focus{border-color:var(--orange);box-shadow:0 8px 24px rgba(0,0,0,.45);background:rgba(255,255,255,.06)}.trust-bar img:hover{opacity:1;filter:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-anim-state=off].hero::after,[data-anim-state=off].page-hero::after,[data-anim-state=off]body::after,[data-anim-state=off]body::before{margin-left:auto;margin-right:auto;overflow:hidden;transform:translateX(0)}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}select:focus{border-color:var(--orange);box-shadow:0 2px 8px rgba(0,0,0,.35)}select option:checked,select option:hover{background-color:var(--pk-c10);color:var(--orange)}@keyframes pulse-composited{0%,100%{transform:scale(.95);opacity:0}50%{transform:scale(1.05);opacity:1}}.hero::after,.page-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(255,102,0,.2)0,transparent 70%),radial-gradient(ellipse 60% 50% at 80% 30%,rgba(255,102,0,.14)0,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 80%,rgba(0,212,255,.1)0,transparent 50%);animation:8s ease-in-out infinite alternate hero-aurora;pointer-events:none}@keyframes hero-aurora{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}[data-cyber-grid]::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,102,0,.03)1px,transparent 1px),linear-gradient(90deg,rgba(255,102,0,.03)1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;animation:20s linear infinite grid-shift}@keyframes grid-shift{0%{transform:translate(0,0)}100%{transform:translate(60px,60px)}}@keyframes orb-float{0%{transform:translate(0,0)scale(1)}100%{transform:translate(40px,-30px)scale(1.15)}}.stat-item::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:0;transition:opacity .4s}#tactical-hud{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none}.hud-corner{position:absolute;width:30px;height:30px;border-color:rgba(255,102,0,.2);border-style:solid}.hud-tl{top:10px;left:10px;border-width:2px 0 0 2px}.hud-tr{top:10px;right:10px;border-width:2px 2px 0 0}.hud-bl{bottom:10px;left:10px;border-width:0 0 2px 2px}.hud-br{bottom:10px;right:10px;border-width:0 2px 2px 0}.hud-scan-line{position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0,rgba(255,102,0,.15)50%,transparent 100%);transition:top .1s linear;box-shadow:0 2px 8px rgba(0,0,0,.35)}.hud-coords{position:absolute;bottom:12px;right:14px;font-family:'Courier New',monospace;font-size:var(--pk-fs-x-12px);color:rgba(255,102,0,.2);letter-spacing:1px;line-height:1.6;text-align:right}.hud-reticle{position:absolute;bottom:60px;right:20px;width:20px;height:20px;border:1px solid rgba(255,102,0,.1);border-radius:var(--pk-r-50)}.hud-reticle::after{content:'';position:absolute;top:50%;left:50%;width:4px;height:4px;background:rgba(255,102,0,.15);border-radius:var(--pk-r-50);transform:translate(-50%,-50%)}.hud-reticle::before{content:'+';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,102,0,.08);font-size:var(--pk-fs-x-14px)}.laser-traced::after{content:'';position:absolute;inset:-1px;border-radius:var(--pk-r-inherit);padding:1px;background:conic-gradient(from var(--angle,0deg),transparent 60%,rgba(255,102,0,.3)80%,transparent 100%);-webkit-mask:linear-gradient(var(--pk-text)0 0)content-box,linear-gradient(var(--pk-text)0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:3s linear infinite laser-spin;opacity:0;transition:opacity .5s}@property --angle{syntax:'';initial-value:0deg;inherits:false}@keyframes laser-spin{to{--angle:360deg}}body.page-commercial .page-hero::after{background:radial-gradient(ellipse 70% 50% at 80% 40%,rgba(0,150,255,.08)0,transparent 70%),radial-gradient(ellipse 60% 50% at 20% 60%,rgba(255,102,0,.06)0,transparent 60%)}body.page-storm .page-hero::after{background:radial-gradient(ellipse 80% 50% at 50% 30%,rgba(255,50,0,.1)0,transparent 70%),radial-gradient(ellipse 60% 50% at 50% 80%,rgba(255,200,0,.06)0,transparent 60%);animation:8s ease-in-out infinite alternate hero-aurora}body.page-home-services .page-hero::after{background:radial-gradient(ellipse 70% 50% at 30% 40%,rgba(0,200,180,.07)0,transparent 70%),radial-gradient(ellipse 60% 50% at 70% 60%,rgba(255,102,0,.05)0,transparent 60%)}body.page-remodeling .page-hero::after{background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(180,0,255,.07)0,transparent 70%),radial-gradient(ellipse 60% 50% at 50% 80%,rgba(255,102,0,.06)0,transparent 60%)}body.page-emergency .page-hero::after{background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(255,0,0,.08)0,transparent 70%);animation:4s ease-in-out infinite alternate hero-aurora}.ai-summary-box li::before{content:'>';position:absolute;left:0;color:var(--pk-accent-bright);font-weight:700}.cmd-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,102,0,.03)1px,transparent 1px),linear-gradient(90deg,rgba(255,102,0,.03)1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.analyzer-container>div:hover,.dashboard .panel:hover,.tester-container>div:hover{border-color:rgba(255,102,0,.25);box-shadow:0 8px 24px rgba(0,0,0,.45)}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(255,107,0,.02)1px,transparent 1px),linear-gradient(90deg,rgba(255,107,0,.02)1px,transparent 1px);background-size:60px 60px;z-index:0;pointer-events:none;animation:8s ease-in-out infinite siteGridPulse}@keyframes siteGridPulse{0%,100%{opacity:.3}50%{opacity:.7}}body::after{content:'';position:fixed;top:50%;left:50%;width:900px;height:900px;background:radial-gradient(circle,rgba(255,107,0,.04)0,transparent 70%);transform:translate(-50%,-50%);z-index:0;pointer-events:none;animation:15s ease-in-out infinite siteOrbFloat}@keyframes siteOrbFloat{0%,100%{transform:translate(-50%,-50%)scale(1)}33%{transform:translate(-45%,-55%)scale(1.08)}66%{transform:translate(-55%,-45%)scale(.95)}}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,102,0,.7),rgba(255,102,0,.3))}[data-anim-state=full]*,[data-anim-state=full]::after,[data-anim-state=full]::before{transition-duration:.4s;animation-duration:6s}[data-anim-state=full].laser-traced::after,[data-anim-state=full][class*=laser]::after{animation-duration:6s;opacity:.35}[data-anim-state=off].hero::after,[data-anim-state=off].page-hero::after,[data-anim-state=off]body::after,[data-anim-state=off]body::before{position:relative;z-index:5;opacity:.3;opacity:.15}[data-anim-state=dimmed]*,[data-anim-state=dimmed]::after,[data-anim-state=dimmed]::before{transition-duration:.2s;animation-duration:12s}[data-anim-state=dimmed].laser-traced::after,[data-anim-state=dimmed][class*=laser]::after{animation-duration:12s;opacity:.17}[data-anim-state=dimmed]body::before{opacity:.07}[data-anim-state=off]*,[data-anim-state=off]::after,[data-anim-state=off]::before{animation:0;transition:none;box-shadow:var(--pk-sh-none)}[data-anim-state=off].laser-traced::after,[data-anim-state=off][class*=laser]::after{display:none;opacity:0}[data-anim-state=off].hero::after,[data-anim-state=off].page-hero::after,[data-anim-state=off]body::after,[data-anim-state=off]body::before{display:none;animation:none;opacity:0}li,p,span{color:var(--pk-c31)}.logo-glow{filter:drop-shadow(0 0 3px rgba(255,102,0,0.95))drop-shadow(0 0 9px rgba(255,130,30,0.5));}html body{word-break:normal}html body .nav-links .dropdown-menu{max-width:min(340px,calc(100vw - 24px));max-height:min(72vh,600px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,102,0,.55)transparent}html body .nav-links .dropdown:last-child:hover .dropdown-menu{transform:translateX(0)translateY(0)}html body img{max-width:100%}.booklet-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,107,0,0.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(255,107,0,0.04) 0%,transparent 60%)}.booklet-hero .hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}.booklet-hero .booklet-icon{width:100px;height:100px;margin:0 auto 24px;background:rgba(255,107,0,0.1);border:2px solid rgba(255,107,0,0.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:var(--pk-accent);transform:rotate(-5deg);transition:transform 0.3s ease,box-shadow 0.3s ease}.booklet-hero .booklet-icon:hover{transform:rotate(0deg) scale(1.05);box-shadow:0 18px 48px rgba(0,0,0,.55)}.booklet-hero h1{font-size:2.8rem;color:var(--pk-text);margin:0 0 16px;letter-spacing:-0.5px}.booklet-hero .subtitle{font-size:1.15rem;color:#bbb;max-width:650px;margin:0 auto 32px;line-height:1.6}.cover-showcase{display:flex;gap:30px;align-items:center;justify-content:center;margin:50px 0;flex-wrap:wrap}.cover-showcase img{border-radius:16px;max-width:450px;width:100%;height:auto;box-shadow:0 18px 48px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,0.08)}.cover-showcase .pdf-link{display:inline-flex;align-items:center;gap:12px;background:rgba(255,107,0,0.1);border:1px solid rgba(255,107,0,0.2);border-radius:16px;padding:20px 28px;text-decoration:none;transition:all 0.3s ease}.cover-showcase .pdf-link:hover{background:rgba(255,107,0,0.18);border-color:var(--pk-accent);transform:translateY(-2px)}.cover-showcase .pdf-link .icon{font-size:2rem;color:var(--pk-accent)}.cover-showcase .pdf-link .info{display:flex;flex-direction:column}.cover-showcase .pdf-link .title{color:#eee;font-weight:700;font-size:1rem}.cover-showcase .pdf-link .sub{color:#aaa;font-size:0.8125rem}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:30px 0}.photo-gallery img{width:100%;height:220px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,0.06);transition:all 0.3s ease}.photo-gallery img:hover{border-color:rgba(255,107,0,0.3);transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.45)}.crew-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:30px 0}.crew-gallery img{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,0.06);transition:all 0.3s ease}.crew-gallery img:hover{border-color:rgba(255,107,0,0.3);transform:scale(1.02)}.booklet-content{max-width:900px;margin:0 auto;padding:60px 20px 80px}.booklet-content h2{font-size:1.6rem;color:#eee;margin:50px 0 20px}.booklet-content h2:first-child{margin-top:0}.booklet-content p{color:#aaa;font-size:0.9375rem;line-height:1.8;margin-bottom:16px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:30px 0}.cta-block{background:linear-gradient(135deg,rgba(255,107,0,0.08),rgba(255,107,0,0.02));border:1px solid rgba(255,107,0,0.15);border-radius:16px;padding:50px 40px;text-align:center;margin:50px 0}.cta-block h2{font-size:1.6rem;color:var(--pk-text);margin:0 0 12px}.cta-block p{color:#aaa;max-width:550px;margin:0 auto 28px}.cta-block .phone{font-size:1.8rem;color:var(--pk-accent);font-weight:800;text-decoration:none;display:block;margin-bottom:16px}.cta-block .phone:hover{color:var(--pk-accent-hover)}.contact-row{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin:40px 0}.contact-item{text-align:center}.contact-item .icon{font-size:1.4rem;color:var(--pk-accent);margin-bottom:8px}.contact-item .label{font-size:0.75rem;color:var(--pk-text-muted);text-transform:uppercase;letter-spacing:0.5px}.contact-item .value{font-size:0.9rem;color:#bbb} /* proofok focus ring 2026-10-19 */ *,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;width:100%;font-size:16px}body{font-family:var(--font-body);background:var(--black);color:var(--light-gray);line-height:1.7;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--orange);text-decoration:none;transition:color .3s var(--ease)}a:hover{color:var(--orange-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;color:var(--white);text-transform:uppercase;letter-spacing:.02em;}h1{font-size:clamp(2.2rem,5vw,4rem)}h2{font-size:clamp(1.6rem,3.5vw,2.8rem)}h3{font-size:clamp(1.2rem,2.5vw,1.8rem)}p{margin-bottom:1em}.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:12px 22px;background:var(--orange);color:var(--pk-text-on-accent);border-radius:8px;font-weight:700;font-size:0.85rem;text-transform:uppercase;letter-spacing:.04em;transition:all .3s var(--ease);box-shadow:0 6px 20px rgba(255,102,0,.28)}.nav-cta:hover{background:var(--orange-light);box-shadow:0 6px 20px rgba(255,102,0,.28);transform:translateY(-1px);color:var(--pk-text-on-accent)}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;border:1px solid rgba(255,107,0,0.3);background:rgba(255,107,0,0.1);color:var(--orange);font-size:0.8125rem;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:.05em}.hero-content h1{margin-bottom:20px;line-height:1.15}section{padding:var(--section-pad) 0}:focus-visible{outline:2px solid var(--orange);outline-offset:2px} /* proofok focus ring 2026-10-19 */ .skip-link{position:absolute;top:-100px;left:0;background:var(--pk-accent);color:var(--pk-text);padding:8px 16px;z-index:10000;font-size:0.85rem;border-radius:0 0 4px 0;text-decoration:none}.skip-link:focus{top:0} /* proofok focus ring 2026-10-19 */ html body{background:var(--pk-surface);--black:var(--pk-surface);--charcoal:var(--pk-surface-raised);--dark:var(--pk-graphite-1);--dark-2:var(--pk-graphite-2);--dark-3:var(--pk-graphite-3)}html body .site-nav{background:var(--pk-surface-raised);border-bottom:1px solid var(--pk-line)}html body .mobile-menu-overlay{background:var(--pk-surface)}@media (min-width:769px){html body .nav-logo img{height:52px;width:auto;filter:none}}html body .nav-logo{min-width:104px}html body .nav-logo img,html body .mobile-logo,html body .site-logo--dark,html body .site-footer img[src*="proof-construction-logo"],html body .logo-glow,html body .mobile-logo{filter:none}html body nav.site-nav .nav-inner{max-width:none;width:100%;padding-left:12px;padding-right:12px}html body nav.site-nav .nav-logo{flex-shrink:0}html body nav.site-nav .nav-links{gap:0;min-width:0;flex-shrink:1}html body nav.site-nav .nav-cta{gap:4px;flex-shrink:0}html body nav.site-nav .nav-phone{font-size:var(--pk-fs-x-70rem)}html body a.skip-link{position:absolute;left:-9999px;top:0;width:auto;height:auto;padding:10px 16px;background:var(--pk-accent);color:var(--pk-void);font-size:var(--pk-fs-x-14px);font-weight:600;z-index:2147483647;text-decoration:none;border-radius:var(--pk-r-0-0-6px-0)}html body a.skip-link:focus,html body a.skip-link:focus-visible{left:8px;outline:2px solid var(--pk-void)}html body .mobile-menu-overlay .mobile-logo,html body .mobile-logo{max-width:min(230px,68vw);max-height:70px;width:auto;height:auto;display:block;object-fit:contain;margin:0 auto 8px}html body nav.site-nav:not(:has(.nav-burger)) .nav-links{display:flex;flex-wrap:wrap;gap:2px;justify-content:center}html body nav.site-nav:not(:has(.nav-burger)) .nav-links a{padding:8px 6px;font-size:var(--pk-fs-x-72rem)}html body nav.site-nav:not(:has(.nav-burger)){flex-wrap:wrap;height:auto}@media (min-width:1025px) and (max-width:1249px){html body .mobile-menu-overlay{display:flex}html body .mobile-menu-overlay:not(.active){visibility:hidden;opacity:0;pointer-events:none}html body .mobile-menu-overlay.active{visibility:visible;opacity:1;pointer-events:auto}}html body .mobile-menu-overlay:not(.active){display:none;visibility:hidden;opacity:0;pointer-events:none} html body .nav-links .dropdown-menu{max-width:min(340px,calc(100vw - 24px))}html body .nav-links .dropdown:last-child:hover .dropdown-menu{transform:translateX(0) translateY(0)}html body img,html body video,html body iframe,html body table,html body a,html body button{max-width:100%} html body .filter-btn:not(.active) .filter-count,html body .filter-chip:not(.active) .filter-count{color:var(--pk-text)} html body .hero-badge{background:rgba(255,102,0,.18);color:#ffb27a;border-color:rgba(255,102,0,.4)} html body .hero-badge{background:rgba(255,102,0,.22);color:#ffc9a3} html body .hero-badge{background:rgba(10,16,21,.72);color:#ffc9a3;border:1px solid rgba(255,102,0,.45)} html body img[width][height]{height:auto} .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/assets/vendor/font-awesome/6.4.2/webfonts/fa-brands-400.woff2) format("woff2"),url(/assets/vendor/font-awesome/6.4.2/webfonts/fa-brands-400.ttf) format("truetype")}:host,@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/assets/vendor/font-awesome/6.4.2/webfonts/fa-regular-400.woff2) format("woff2"),url(/assets/vendor/font-awesome/6.4.2/webfonts/fa-regular-400.ttf) format("truetype")}:host,@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/assets/vendor/font-awesome/6.4.2/webfonts/fa-solid-900.woff2) format("woff2"),url(/assets/vendor/font-awesome/6.4.2/webfonts/fa-solid-900.ttf) format("truetype")} html body .nav-cta .nav-phone{color:var(--pk-text)} html body .nav-cta .nav-phone i{color:var(--orange)} /* pk-bare-btn-ink 20261020 */ html body .btn:not(.btn-primary),html body a.btn:not(.btn-primary),html body button.btn:not(.btn-primary){ color:var(--pk-text); } /* pk-btn-primary-led 20261020 */ /* pk-btn component 20261020 */ html body .btn-primary,html body a.btn-primary,html body button.btn-primary{ background:var(--pk-accent); color:var(--pk-text-on-accent); border:1px solid var(--pk-accent); } .pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px; min-height:48px;padding:var(--pk-btn-pad-y) var(--pk-btn-pad-x); border-radius:var(--pk-btn-radius);font-size:var(--pk-btn-fs);font-weight:var(--pk-btn-weight); line-height:1.2;text-decoration:none;text-transform:uppercase;letter-spacing:.02em; border:2px solid transparent;cursor:pointer;transition:background .2s var(--pk-ease),border-color .2s var(--pk-ease)} .pk-btn--primary{background:var(--pk-accent);border-color:var(--pk-accent);color:var(--pk-text-on-accent)} .pk-btn--primary:hover{background:var(--pk-accent-hover);border-color:var(--pk-accent-hover);color:var(--pk-text-on-accent)} .pk-btn--outline{background:transparent;border-color:var(--pk-accent);color:var(--pk-accent)} .pk-btn--outline:hover{background:rgba(255,102,0,.12);color:var(--pk-accent-hover)} .pk-btn--ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14);color:var(--pk-text)} .pk-btn--sm{--pk-btn-pad-y:9px;--pk-btn-pad-x:16px;--pk-btn-fs:.85rem;min-height:44px} .pk-btn--lg{--pk-btn-pad-y:16px;--pk-btn-pad-x:32px;--pk-btn-fs:1.1rem;min-height:56px} .pk-btn--block{width:100%} .pk-btn--primary *,.pk-btn--outline *,.pk-btn--ghost *{color:inherit} /* pk-nav component 20261020 */ .pk-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--pk-surface-raised); border-bottom:1px solid rgba(255,255,255,.10);padding:18px 0;box-sizing:border-box} .pk-nav__inner{display:flex;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:0 23px;min-height:52px} .pk-nav__logo{display:flex;align-items:center;flex:0 0 auto;text-decoration:none} .pk-nav__logo img{display:block;height:52px;width:auto} .pk-nav__links{display:flex;align-items:center;gap:0;list-style:none;margin:0 auto 0 24px;padding:0} .pk-nav__links>li{position:relative} .pk-nav__link{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;min-height:48px; font-size:0.875rem;font-weight:500;color:var(--pk-text);text-decoration:none; text-transform:uppercase;letter-spacing:.02em;border-radius:8px;transition:color .2s var(--pk-ease),background .2s var(--pk-ease)} .pk-nav__link:hover,.pk-nav__link[aria-expanded="true"]{color:var(--pk-accent);background:rgba(255,255,255,.05)} .pk-nav__dropdown{position:absolute;top:100%;left:0;min-width:230px;background:var(--pk-surface-raised); border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:8px;margin-top:8px; box-shadow:0 18px 48px rgba(0,0,0,.55);display:none;z-index:1001} .pk-nav__links>li:hover .pk-nav__dropdown,.pk-nav__dropdown--open{display:block} .pk-nav__dropdown a{display:block;padding:10px 14px;color:var(--pk-text-body);text-decoration:none; font-size:0.9rem;border-radius:8px} .pk-nav__dropdown a:hover{background:rgba(255,102,0,.12);color:var(--pk-accent)} .pk-nav__burger{display:none;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px; padding:10px 12px;background:var(--pk-accent);color:var(--pk-text-on-accent);border:0;border-radius:8px; font-size:0.8125rem;font-weight:700;cursor:pointer} .pk-nav__mobile{position:fixed;inset:0;z-index:1500;background:var(--pk-surface);padding:24px 28px 100px; display:none;overflow-y:auto} .pk-nav__mobile--open{display:block} .pk-nav__mobile a{display:block;padding:14px 0;color:var(--pk-text);text-decoration:none; border-bottom:1px solid rgba(255,255,255,.06);font-size:1rem;min-height:44px} /* estfix-fix 2026-10-20-final3 floating-cta */ input[type=range].pk-field__input{min-height:44px;padding:0;border:0;background-color:transparent;background-size:100% 8px;background-repeat:no-repeat;background-position:center;box-shadow:none} /* form-control hit-testing fix 20261020 */ html body [class*=card]::before,html body [class*=card]::after, html body .glass-card::before,html body .glass-card::after, html body .panel::before,html body .panel::after{pointer-events:none} html body .form-group,html body .form-row,html body .pk-field{ position:relative;z-index:2} html body .form-group input,html body .form-group select,html body .form-group textarea, html body .pk-field input,html body .pk-field select,html body .pk-field textarea{ position:relative;z-index:3} html body #sqft-slider{position:relative;z-index:3;pointer-events:auto;touch-action:pan-y} /* nav sizing fix 20261020 */ html body .nav-links a,html body .nav-links>li>a,html body .pk-nav__link{ padding-left:12px;padding-right:12px;font-size:0.8125rem} @media (max-width:1280px){ html body .nav-links a,html body .nav-links>li>a,html body .pk-nav__link{ padding-left:8px;padding-right:8px;font-size:0.75rem} html body .nav-links a,html body .nav-links>li>a,html body .pk-nav__link{ padding-left:8px;padding-right:8px;font-size:0.75rem} } html body .nav-cta{flex:0 0 auto} html body .nav-inner{column-gap:10px} /* SW60-heelfoot pk-hero v2 2026-10-20 | ADDITIVE ONLY. Every selector is wrapped in :where() so its specificity is ZERO: any existing rule always beats this block, so adding pk-hero classes to a live hero cannot change what a visitor sees. It supplies the look only where nothing else does. Values measured from the live hero (1440 and 390) on 2026-10-20. v2: dropped h1 margin (leaked +20px onto page-hero), dropped bg overflow (leaked visible->hidden), repeated the --title neutraliser inside every media query (the later media rule was overriding it on tool pages). Do not edit this block in place - append a v3 block instead. */ /* end SW60-heelfoot pk-hero v2 */ /* SW60-heelfoot pk-footer v1 2026-10-20 | ADDITIVE ONLY, zero specificity via :where(). Same contract as pk-hero: any existing rule or inline style wins, so adding these classes to a live footer cannot change what a visitor sees. Measured from the live footer at 1440 and 390 on 2026-10-20. Append a v2 block to change; never edit here. */ /* end SW60-heelfoot pk-footer v1 */ /* nav sizing fix 20261020 */ html body .nav-links a,html body .nav-links>li>a,html body .pk-nav__link{ padding-left:12px;padding-right:12px;font-size:0.8125rem} html body .nav-cta{flex:0 0 auto} html body .nav-inner{column-gap:10px} /* SW60-heelfoot pk-hero v2 2026-10-20 | ADDITIVE ONLY. Every selector is wrapped in :where() so its specificity is ZERO: any existing rule always beats this block, so adding pk-hero classes to a live hero cannot change what a visitor sees. It supplies the look only where nothing else does. Values measured from the live hero (1440 and 390) on 2026-10-20. v2: dropped h1 margin (leaked +20px onto page-hero), dropped bg overflow (leaked visible->hidden), repeated the --title neutraliser inside every media query (the later media rule was overriding it on tool pages). Do not edit this block in place - append a v3 block instead. */ /* end SW60-heelfoot pk-hero v2 */ /* SW60-heelfoot pk-footer v1 2026-10-20 | ADDITIVE ONLY, zero specificity via :where(). Same contract as pk-hero: any existing rule or inline style wins, so adding these classes to a live footer cannot change what a visitor sees. Measured from the live footer at 1440 and 390 on 2026-10-20. Append a v2 block to change; never edit here. */ /* end SW60-heelfoot pk-footer v1 */ /* ===== PK-COMPONENTS-20261021 BEGIN (lane: fp-components) ===== */ /* pk-section v1 - standard section rhythm. Modifiers: --dark, --tight */ .pk-section{position:relative;width:100%;padding:var(--section-pad,clamp(60px,8vw,120px)) 0} .pk-section--dark{background:var(--pk-surface,#151c25);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)} .pk-section--tight{padding-top:calc(var(--section-pad,clamp(60px,8vw,120px)) * .55);padding-bottom:calc(var(--section-pad,clamp(60px,8vw,120px)) * .55)} /* pk-stat v1 - metric block. Modifier: --card. Parts: __icon __value __suffix __label __delta */ .pk-stat{display:flex;flex-direction:column;align-items:center;text-align:center} .pk-stat--card{padding:30px 20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:border-color .3s var(--pk-ease,cubic-bezier(.32,.72,0,1)),transform .3s var(--pk-ease,cubic-bezier(.32,.72,0,1))} .pk-stat--card:hover{border-color:rgba(255,102,0,.3);transform:translateY(-3px)} .pk-stat__icon{font-size:1.8rem;line-height:1.2;color:var(--pk-accent,#ff6600);margin-bottom:12px} .pk-stat__value{font-family:var(--font-heading,'Oswald',sans-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1;color:var(--pk-text,#fff);margin:0 0 8px} .pk-stat__suffix{font-size:.62em;font-weight:700;vertical-align:.1em;margin-left:1px} .pk-stat__label{font-size:0.85rem;line-height:1.7;color:#ddd;text-transform:uppercase;letter-spacing:.08em} .pk-stat__delta{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:3px 10px;border-radius:999px;background:rgba(0,200,100,.12);color:#00c864;font-size:0.75rem;font-weight:700;line-height:1.4;letter-spacing:.02em} .pk-stat__delta--down{background:rgba(255,102,0,.12);color:var(--pk-accent,#ff6600)} /* pk-cta v1 - conversion band. Parts: __title __sub __actions __action */ .pk-cta{position:relative;max-width:var(--pk-container-max,1280px);margin:60px auto;padding:clamp(30px,4vw,50px) clamp(20px,4vw,40px);text-align:center;background:linear-gradient(135deg,rgba(255,107,0,.08),rgba(255,107,0,.02));border:1px solid rgba(255,107,0,.18);border-radius:16px} .pk-cta__title{margin:0 0 12px;font-size:clamp(1.35rem,2.2vw,1.6rem);color:var(--pk-text,#fff)} .pk-cta__sub{max-width:600px;margin:0 auto 26px;color:#aaa;font-size:0.9375rem;line-height:1.6} .pk-cta__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px} .pk-cta__action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 24px;border-radius:8px;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;text-transform:uppercase;letter-spacing:.02em;border:2px solid transparent;cursor:pointer;transition:background .2s var(--pk-ease,cubic-bezier(.32,.72,0,1)),border-color .2s var(--pk-ease,cubic-bezier(.32,.72,0,1))} .pk-cta__action--primary{background:var(--pk-accent,#ff6600);border-color:var(--pk-accent,#ff6600);color:var(--pk-text-on-accent,#0b1015)} .pk-cta__action--primary:hover{background:var(--pk-accent-hover,#ff8533);border-color:var(--pk-accent-hover,#ff8533);color:var(--pk-text-on-accent,#0b1015)} .pk-cta__action--outline{background:transparent;border-color:var(--pk-accent,#ff6600);color:var(--pk-accent,#ff6600)} .pk-cta__action--outline:hover{background:rgba(255,102,0,.12);color:var(--pk-accent-hover,#ff8533)} /* ===== PK-COMPONENTS-20261021 END ===== */ /* nav logo sizing by specificity 20261021 */ html body nav.site-nav .nav-logo img[width][height], html body nav.site-nav .pk-nav__logo img[width][height]{height:38px;width:auto;max-height:38px} html body .mobile-logo[width][height]{height:44px;width:auto;max-height:44px} /* nav layout guarantee 20261021 */ html body nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:1000} html body nav.site-nav .nav-inner{display:flex;flex-direction:row;align-items:center; justify-content:space-between;flex-wrap:nowrap} html body nav.site-nav .nav-links{display:flex;flex-direction:row;align-items:center; flex-wrap:nowrap;list-style:none;margin:0;padding:0;position:static;width:auto; overflow:visible;background:none;border:0} html body nav.site-nav .nav-links>li{display:block;position:relative;float:none; width:auto;margin:0;background:none;border:0} html body nav.site-nav .dropdown-menu{display:none;position:absolute;top:100%;left:0; z-index:1001;list-style:none;margin:0} html body nav.site-nav .dropdown:hover>.dropdown-menu, html body nav.site-nav .dropdown:focus-within>.dropdown-menu{display:block} /* nav logo tap target 20261021 */ html body nav.site-nav .nav-logo,html body nav.site-nav .pk-nav__logo{ display:inline-flex;align-items:center;min-height:44px;min-width:44px} /* utility button tap targets 20261021 */ html body button,html body .pok-primary,html body .pk-btn{min-height:44px} html body button.pok-primary,html body .pk-btn--sm{min-height:44px;display:inline-flex; align-items:center;justify-content:center} /* no doubled faq marker 20261021 */ html body .faq-question:has(svg)::after,html body .faq-q:has(svg)::after, html body .pk-faq__q:has(svg)::after,html body summary:has(svg)::after{content:none;display:none} /* faq question alignment 20261021 */ html body .faq-question:has(svg),html body .faq-q:has(svg), html body .pk-faq__q:has(svg),html body summary:has(svg){ justify-content:flex-start;gap:12px;text-align:left;display:flex;align-items:center} html body .faq-question:has(svg)>span:first-child,html body .faq-q:has(svg)>span:first-child{ flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--pk-accent,#ff6600)} /* nav phone readable 20261021 */ html body nav.site-nav .nav-phone, html body nav.site-nav .nav-inner:has(.nav-phone) .nav-phone, html body nav.site-nav .nav-inner:has(.nav-phone) .nav-cta .nav-phone{ font-size:1rem;max-width:none;overflow:visible;line-height:1.25; font-weight:700;letter-spacing:.01em;white-space:nowrap} @media (max-width:1200px){ html body nav.site-nav .nav-phone, html body nav.site-nav .nav-inner:has(.nav-phone) .nav-cta .nav-phone{font-size:.95rem} } /* photo overlay softened 20261021 */ .pok-shot-core::after{background:linear-gradient(180deg,rgba(0,0,0,0) 52%, rgba(6,10,14,.35) 74%,rgba(6,10,14,.86) 100%)} .pok-shot-core img{filter:saturate(1.04) contrast(1.03) brightness(1.03)} /* mobile nav hide links 20261022 */ /* pok-band overflow clip 20261022 */ .pok-band{overflow-x:clip} .pok-band::before,.pok-band::after{pointer-events:none} /* pok-band contain pseudo 20261022 */ .pok-band{position:relative;overflow-x:clip} .pok-band::before,.pok-band::after{max-width:100vw} /* hero pseudo containment 20261022 */ .page-hero{position:relative;overflow-x:clip} .page-hero::before,.page-hero::after{max-width:100vw} section[class*='hero'],.hero{position:relative} /* a11y pass 20261022 */ html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body select:focus-visible,html body textarea:focus-visible,html body summary:focus-visible,html body [tabindex]:focus-visible{outline:3px solid #ff6600;outline-offset:3px;box-shadow:0 0 0 6px rgba(255,102,0,.28);border-radius:6px} a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none} .pk-btn--primary,.btn-primary,.cta-btn,.btn-quote,.btn-call,.filter-btn.active,.nav-cta,.nav-phone,.pk-badge--accent,button[type=submit]{color:#0b1015} .pk-btn--primary *,.cta-btn *,.btn-primary *{color:inherit} body,.pk-card p,.pk-section p,.card-desc,.pk-text-muted{color:#c8d2dd} /* a11y contrast pass 2 20261022 */ .related-link,.related-grid a,.related-grid .related-link{color:#c8d2dd} .related-link:hover,.related-grid a:hover{color:#ff6600} .card-desc,.card-title,.meta-box,.trust-row,.city-facts,.gcard,.gbadge{color:#c8d2dd} .service-cta a,.pk-cta a,.pk-cta .pk-btn,.btn-cta,.cta-button{color:#0b1015} .pk-btn--primary,.pk-btn--primary:visited{color:#0b1015} .storm-center,.nav-storm,.storm-center a{color:#9fe8ff} /* a11y contrast pass 3 20261022 */ .pok-primary,.pok-primary:hover,.filter-chip.active,.filter-chip[aria-pressed=true]{color:#0b1015} .pok-primary *,.filter-chip.active *{color:inherit} a[style*='255, 102, 0']{color:#0b1015} .site-footer,.site-footer p,.site-footer li,.site-footer a{color:#c8d2dd} .site-footer a:hover{color:#ff6600} /* a11y contrast pass 4 20261022 */ html body .pok-tool-bar button.pok-primary,html body button.pok-primary,html body .pok-tool-bar .pok-primary{color:#0b1015} html body .pok-tool-bar button.pok-primary i,html body button.pok-primary i{color:#0b1015} html body .site-footer a[style*='background'],html body .site-footer a.pk-btn,html body .site-footer a.btn-primary{color:#0b1015} html body .site-footer a[style*='rgb(255, 102, 0)'],html body .site-footer a[style*='#ff6600']{color:#0b1015} /* a11y 44px targets 20261022 */ html body .quick-jump a,html body .quickjump a,html body .jump-bar a,html body .pk-quickjump a{min-height:44px;display:inline-flex;align-items:center;padding-top:10px;padding-bottom:10px} html body .site-footer .footer-links a,html body .site-footer .footer-nav a,html body .site-footer nav a,html body .site-footer ul li a{min-height:44px;display:inline-flex;align-items:center} html body .related-link,html body .related-grid a,html body .tool-link,html body .pk-card a.pk-btn{min-height:44px;display:inline-flex;align-items:center} html body .filter-chip,html body .chip,html body .tag{min-height:44px;display:inline-flex;align-items:center} /* a11y 44px targets pass2 20261022 */ html body .site-footer a{min-height:44px;display:inline-flex;align-items:center;padding-top:11px;padding-bottom:11px} html body .site-footer .footer-col li,html body .site-footer li{display:flex;align-items:center} html body a.pk-badge,html body a.gbadge{min-height:44px;display:inline-flex;align-items:center;padding-top:10px;padding-bottom:10px} html body .gr-link,html body .related-link{min-height:44px;display:inline-flex;align-items:center} html body .pk-card a[class*='tool'],html body a[class*='tool']{min-height:44px;display:inline-flex;align-items:center} /* CLS reserve hero subtitle 20261022 */ .pk-hero__subtitle,.hero-subtitle{min-height:127px} @media (max-width:1024px){.pk-hero__subtitle,.hero-subtitle{min-height:112px}} @media (max-width:768px){.pk-hero__subtitle,.hero-subtitle{min-height:132px}} @media (max-width:480px){.pk-hero__subtitle,.hero-subtitle{min-height:150px}} /* judge-found fixes 20261022 */ html body .faq-topic-badge,html body .faq-topic,html body .topic-badge{color:#d9bcff} html body .storm-tracker h2,html body .storm-tracker h3,html body .storm-tracker th{color:#e8eef5} html body .severity-extreme,html body .risk-extreme,html body [class*='extreme']{color:#ff9d9d} html body .severity-high,html body .risk-high,html body [class*='severity-high']{color:#ffbe8a} html body .storm-tracker .api-link,html body .api-link{color:#9fd4ff} html body .pok-mobile-cta,html body .pok-mobile-cta a{min-height:44px;min-width:120px;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px} html body button.deploy-btn,html body .deploy-btn{animation:none} /* judge fixes pass2 20261022 */ html body .leaflet-control-attribution,html body .leaflet-control-attribution a,html body .leaflet-container .leaflet-control-attribution{color:#c3d2e0} html body .leaflet-control-attribution a{color:#c3d2e0} html body .severity-extreme,html body .risk-extreme,html body [class*='extreme'],html body .storm-tracker [class*='extreme']{color:#ffc2c2} html body .api-link,html body a[href*='roofing-stats'],html body code,html body .stat-source{color:#a9d6ff} /* judge fixes pass3 20261022 */ html body .leaflet-control-attribution,html body .leaflet-control-attribution a,html body .leaflet-control-attribution *{color:#1a1a1a} html body .legend-item,html body .risk-badge,html body .severity-extreme,html body [class*='risk-badge']{color:#ff8fa3} html body a[href*='roofing-stats'],html body a[href*='.json']{color:#9fd4ff} /* scroll CLS fixes 20261022 */ html body .hud-scan-line,html body .hud-line,html body .scan-line{display:none} html body [class*='hud-']{position:absolute;pointer-events:none} /* CANONICAL NAV 20261022 */ /* ============================================================ CANONICAL NAV 20261022 - one source, replaces every per-page nav Type 10.88px -> 13.6px (+25%), bar 112px -> 75px, one accent, no stars/emoji ============================================================ */ /* --- reset the old override layers: ONE rule owns nav type --- */ html body nav.site-nav.pk-nav{position:fixed;top:0;left:0;right:0;z-index:1000; background:rgba(16,22,30,.96);border-bottom:1px solid rgba(255,255,255,.07); backdrop-filter:blur(12px);height:auto;min-height:0} html body nav.site-nav.pk-nav .nav-inner{display:flex;align-items:center;gap:24px; max-width:1400px;margin:0 auto;padding:12px 24px;height:auto;min-height:0} html body nav.site-nav.pk-nav .nav-logo img{width:93px;height:auto;display:block} html body nav.site-nav.pk-nav .nav-logo{flex:0 0 auto;display:flex;align-items:center} /* --- the labels --- */ html body nav.site-nav.pk-nav .nav-links{display:flex;align-items:center;gap:0; margin:0;padding:0;list-style:none;position:static;background:none;border:0;flex:1 1 auto} html body nav.site-nav.pk-nav .nav-links>li{display:flex;align-items:center;position:relative;margin:0;padding:0} html body nav.site-nav.pk-nav .nav-links>li>.pk-nav__link, html body nav.site-nav.pk-nav .nav-links a.pk-nav__link{ font-size:13.6px;font-weight:600;letter-spacing:.08em;text-transform:uppercase; color:#fff;background:none;border:0;padding:10px 12px;line-height:1.2; text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px} html body nav.site-nav.pk-nav .nav-links>li>.pk-nav__link:hover, html body nav.site-nav.pk-nav .nav-links>li>.pk-nav__link:focus-visible{color:#ff6600} html body nav.site-nav.pk-nav .nav-links>li>.pk-nav__link[aria-current="page"]{color:#ff6600;position:relative} html body nav.site-nav.pk-nav .nav-links>li>.pk-nav__link[aria-current="page"]::after{ content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px; background:#ff6600;border-radius:2px} /* --- chevron is a real button, separate from the link --- */ html body nav.site-nav.pk-nav .pk-nav__chev{width:26px;height:44px;margin:0 4px 0 -8px; background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center; color:#fff;padding:0} html body nav.site-nav.pk-nav .pk-nav__chev::before{content:"";width:7px;height:7px; border-right:2px solid currentColor;border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px);transition:transform .15s ease} html body nav.site-nav.pk-nav .pk-nav__chev[aria-expanded="true"]{color:#ff6600} html body nav.site-nav.pk-nav .pk-nav__chev[aria-expanded="true"]::before{transform:rotate(225deg) translateY(-2px)} /* --- panels --- */ html body nav.site-nav.pk-nav .pk-nav__panel{position:absolute;top:100%;left:0; display:none;background:#151c25;border:1px solid rgba(255,255,255,.12);border-radius:12px; padding:18px 20px;box-shadow:0 24px 60px rgba(0,0,0,.55);z-index:1001; min-width:260px;max-height:none;overflow:visible} html body nav.site-nav.pk-nav .pk-nav__panel.pk-nav__panel--wide{ display:none;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px 28px;width:720px;left:auto;right:-120px} html body nav.site-nav.pk-nav .pk-nav__item[data-open="true"] .pk-nav__panel{display:block} html body nav.site-nav.pk-nav .pk-nav__item[data-open="true"] .pk-nav__panel--wide{display:grid} html body nav.site-nav.pk-nav .pk-nav__panel:not(.pk-nav__panel--wide){ grid-template-columns:1fr} html body nav.site-nav.pk-nav .pk-nav__panel .pk-nav__col{display:flex;flex-direction:column} html body nav.site-nav.pk-nav .pk-nav__panel--wide .pk-nav__col{display:block} html body nav.site-nav.pk-nav .pk-nav__group{margin:0 0 8px;font-size:10.5px;font-weight:700; letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)} html body nav.site-nav.pk-nav .pk-nav__panel a{display:block;padding:8px 10px;margin:0 -10px; font-size:13.5px;font-weight:500;letter-spacing:.01em;color:#c8d2dd;text-decoration:none; border-radius:6px;line-height:1.35;white-space:normal} html body nav.site-nav.pk-nav .pk-nav__panel a:hover, html body nav.site-nav.pk-nav .pk-nav__panel a:focus-visible{background:rgba(255,102,0,.12);color:#fff} html body nav.site-nav.pk-nav .pk-nav__all{margin:14px 0 0;padding-top:12px; border-top:1px solid rgba(255,255,255,.1);grid-column:1/-1} html body nav.site-nav.pk-nav .pk-nav__all a{color:#ff6600;font-weight:600;padding:8px 10px} /* --- right rail: quiet phone + ONE filled action --- */ html body nav.site-nav.pk-nav .nav-cta{display:flex;align-items:center;gap:14px;flex:0 0 auto;margin-left:auto} html body nav.site-nav.pk-nav .nav-cta .pk-nav__phone{ display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px; border:1px solid rgba(255,255,255,.22);border-radius:8px; color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;background:none} html body nav.site-nav.pk-nav .nav-cta .pk-nav__phone svg{color:#ff6600;flex:0 0 auto} html body nav.site-nav.pk-nav .nav-cta .pk-nav__phone:hover{border-color:rgba(255,255,255,.4)} html body nav.site-nav.pk-nav .nav-cta .pk-nav__offer{ display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px; background:#ff6600;color:#0b1015;border:0;border-radius:8px; font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase; text-decoration:none;white-space:nowrap} html body nav.site-nav.pk-nav .nav-cta .pk-nav__offer:hover{background:#ff8533} /* --- burger --- */ html body nav.site-nav.pk-nav .nav-burger{display:none;flex-direction:column;justify-content:center; gap:5px;width:48px;height:48px;padding:0;background:none;border:0;cursor:pointer;flex:0 0 auto} html body nav.site-nav.pk-nav .nav-burger span{display:block;width:24px;height:2px;background:#fff; border-radius:2px;margin:0 auto} /* --- focus --- */ html body nav.site-nav.pk-nav a:focus-visible, html body nav.site-nav.pk-nav button:focus-visible{ outline:3px solid #ff6600;outline-offset:3px;border-radius:6px} /* ============================================================ MOBILE ============================================================ */ @media (max-width:1100px){ html body nav.site-nav.pk-nav .nav-links{display:none} html body nav.site-nav.pk-nav .nav-cta .pk-nav__phone{display:none} html body nav.site-nav.pk-nav .nav-burger{display:flex} html body nav.site-nav.pk-nav .nav-inner{padding:8px 16px;gap:12px} } @media (max-width:480px){ html body nav.site-nav.pk-nav .nav-cta .pk-nav__offer{padding:0 14px;font-size:12px} } html body .mobile-menu-overlay.pk-nav__mobile{ position:fixed;inset:0;z-index:10000;display:none;flex-direction:column; background:#10161e;overscroll-behavior:contain;height:100vh} @supports (height:100dvh){html body .mobile-menu-overlay.pk-nav__mobile{height:100dvh}} html body .mobile-menu-overlay.pk-nav__mobile.active{display:flex} html body .pk-nav__mhead{display:flex;align-items:center;justify-content:space-between; padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)} html body .pk-nav__mhead img{width:93px;height:auto} html body .pk-nav__mclose{width:48px;height:48px;background:none;border:0;color:#fff; font-size:30px;line-height:1;cursor:pointer} html body .pk-nav__mbody{flex:1;overflow-y:auto;padding:16px} html body .pk-nav__mcall{display:flex;align-items:center;justify-content:center;gap:10px; height:56px;background:#ff6600;color:#0b1015;border-radius:10px; font-size:17px;font-weight:800;text-decoration:none;margin-bottom:12px} html body .pk-nav__mquick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px} html body .pk-nav__mquick a{display:flex;align-items:center;justify-content:center;height:51px; background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px; color:#fff;font-size:14px;font-weight:600;text-decoration:none;text-align:center} html body .pk-nav__macc{border-bottom:1px solid rgba(255,255,255,.08)} html body .pk-nav__mtoggle{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between; background:none;border:0;color:#fff;font-size:17px;font-weight:600;cursor:pointer;padding:0} html body .pk-nav__mtoggle::after{content:"";width:8px;height:8px;border-right:2px solid #fff; border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .15s ease} html body .pk-nav__mtoggle[aria-expanded="true"]::after{transform:rotate(225deg)} html body .pk-nav__mpanel{display:none;padding:0 0 12px} html body .pk-nav__mtoggle[aria-expanded="true"]+.pk-nav__mpanel{display:block} html body .pk-nav__mpanel a{display:block;min-height:48px;line-height:48px; color:rgba(255,255,255,.82);font-size:15px;text-decoration:none;padding-left:4px} html body .pk-nav__mpanel .pk-nav__group{margin:10px 0 2px;font-size:10.5px;font-weight:700; letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42)} html body .pk-nav__mlink{display:flex;align-items:center;min-height:56px;color:#fff; font-size:17px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)} html body .pk-nav__moffer{display:flex;align-items:center;justify-content:center;height:56px; margin-top:16px;background:#ff6600;color:#0b1015;border-radius:10px; font-size:17px;font-weight:800;text-decoration:none} html body.menu-open{overflow:hidden} /* --- defeat the legacy slab + padding that survive from the old nav --- */ html body nav.site-nav.pk-nav{padding:0} html body nav.site-nav.pk-nav .nav-inner .nav-cta{ background:none;background-color:transparent;padding:0;border:0;box-shadow:none; border-radius:0;gap:14px} html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__phone{ background:none;background-color:transparent} html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__offer{ background:#ff6600;border:0} html body nav.site-nav.pk-nav .nav-inner{height:auto;padding:12px 24px} /* --- defeat the legacy 340px cap + inner scroll on panels --- */ html body nav.site-nav.pk-nav .nav-links .pk-nav__panel{ max-width:none;max-height:none;overflow:visible} html body nav.site-nav.pk-nav .nav-links .pk-nav__panel--wide{ width:760px;max-width:none;left:auto;right:-140px; grid-template-columns:repeat(4,minmax(160px,1fr))} /* --- legacy a11y rule set dark text on .nav-cta (it used to be an orange slab). Now the slab is gone, so the phone and its children must be light. --- */ html body nav.site-nav.pk-nav .nav-inner .nav-cta{color:#fff} html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__phone, html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__phone span, html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__phone svg{color:#fff} html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__phone svg{stroke:#ff6600} html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__offer, html body nav.site-nav.pk-nav .nav-inner .nav-cta .pk-nav__offer span{color:#0b1015} /* --- JUDGE FIX 20261022: page bundles ship .mobile-menu-overlay{opacity:0;visibility:hidden} and only restore display on .active. The overlay "opened" with display:flex but stayed invisible on 4 of 5 tested pages. --- */ html body .mobile-menu-overlay.pk-nav__mobile{ opacity:0;visibility:hidden;display:none} html body .mobile-menu-overlay.pk-nav__mobile.active{ opacity:1;visibility:visible;display:flex} html body .mobile-menu-overlay.pk-nav__mobile.active *{ visibility:visible} /* --- NO-JS FALLBACK (judge finding): the nav must work when nav-canonical.js is blocked or fails. Panels open on hover/focus via CSS alone. --- */ html body nav.site-nav.pk-nav .pk-nav__item:hover > .pk-nav__panel, html body nav.site-nav.pk-nav .pk-nav__item:focus-within > .pk-nav__panel{ display:block} html body nav.site-nav.pk-nav .pk-nav__item:hover > .pk-nav__panel--wide, html body nav.site-nav.pk-nav .pk-nav__item:focus-within > .pk-nav__panel--wide{ display:grid} html body nav.site-nav.pk-nav .pk-nav__item:hover > .pk-nav__chev::before, html body nav.site-nav.pk-nav .pk-nav__item:focus-within > .pk-nav__chev::before{ transform:rotate(225deg) translateY(-2px)} /* the mobile drawer needs a CSS path too: :target is not available, so the burger becomes a checkbox-style toggle driven by the class the old theme sets */ html body .mobile-menu-overlay.pk-nav__mobile.active{display:flex;opacity:1;visibility:visible} /* --- NO-JS MOBILE DRAWER (judge finding): the burger is an anchor to #mobile-menu, so :target opens the drawer with zero JavaScript. --- */ html body .mobile-menu-overlay.pk-nav__mobile:target{ display:flex;opacity:1;visibility:visible} html body .mobile-menu-overlay.pk-nav__mobile:target > *{visibility:visible} /* while the drawer is :target'd, lock the page behind it */ html body:has(.mobile-menu-overlay.pk-nav__mobile:target){overflow:hidden} /* NO-JS ACCORDION FALLBACK 20261022. Default: panels OPEN, so every mobile destination is reachable with JS disabled. nav-canonical.js adds .pk-js to on boot; only then do we collapse them. */ html body .pk-nav__mpanel{display:block} html.pk-js body .pk-nav__mpanel{display:none} html.pk-js body .pk-nav__mtoggle[aria-expanded="true"]+.pk-nav__mpanel{display:block} /* ===== POST-CANONICAL BLOCKS (managed) ===== */ /* HERO ARRIVAL MOTION 20261022 */ /* ============================================================ HERO ARRIVAL MOTION 20261022 (option A, operator default) Compositor-only: transform + opacity. Plays ONCE, then stops. The H1 is the LCP element, so it uses TRANSFORM ONLY - fading it would delay Largest Contentful Paint by the length of the fade. ============================================================ */ @keyframes pk-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } @keyframes pk-slide { from { transform: translateY(14px); } to { transform: none; } } @keyframes pk-underline-draw { from { transform: scaleX(0); } to { transform: scaleX(1); } } /* baseline: one-shot, fill forwards so the element SETTLES and stays put */ html body .hero-content > .pk-hero__badge { animation: pk-rise .45s cubic-bezier(.22,1,.36,1) 0ms both; } html body .hero-content > .pk-hero__title { animation: pk-slide .50s cubic-bezier(.22,1,.36,1) 70ms both; /* transform only = LCP safe */ } html body .hero-content > .pk-hero__subtitle { animation: pk-rise .50s cubic-bezier(.22,1,.36,1) 170ms both; } html body .hero-content > .pk-hero__cta { animation: pk-rise .50s cubic-bezier(.22,1,.36,1) 260ms both; } /* "Most Trusted" - the orange rule DRAWS ONCE, then stays as a permanent accent */ html body .hero-content .highlight { position: relative; display: inline-block; } html body .hero-content .highlight::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 3px; background: linear-gradient(90deg, #ff6600, #ff8533); border-radius: 2px; transform: scaleX(0); transform-origin: left center; animation: pk-underline-draw .45s cubic-bezier(.22,1,.36,1) 620ms forwards; } /* honour the user's motion preference - everything settles instantly, underline stays */ @media (prefers-reduced-motion: reduce) { html body .hero-content > .pk-hero__badge, html body .hero-content > .pk-hero__title, html body .hero-content > .pk-hero__subtitle, html body .hero-content > .pk-hero__cta { animation: none; opacity: 1; transform: none; } html body .hero-content .highlight::after { animation: none; transform: scaleX(1); } } /* JUDGE FIX BLOCK 20261022 */ /* ============================================================ JUDGE FIXES 20261022 (round 3) ============================================================ */ /* 1. prefers-reduced-motion must stop DECORATIVE background animation too, not just the hero. Judge found siteGridPulse / siteOrbFloat / hero-aurora still running under reduce. */ @media (prefers-reduced-motion: reduce) { html body body .site-grid, html body body .site-orb, html body body [class*="hero-aurora"], html body body [class*="grid-pulse"], html body body [class*="orb-float"], html body body .hero-aurora { animation: none; } } /* 2. /service-areas/tulsa/ was painting a body background of rgb(10,10,10) instead of the brand graphite rgb(21,28,37). Normalise every city page. */ html body{background-color:#151c25} html body.page-service-areas, html body[class*="service-area"], html body .service-areas-page{background-color:#151c25} /* ============================================================ NAV LOGO HEIGHT 20261022 (J2 round 8) /hail-probability-map/ rendered a 47px logo while every other page rendered 44px, making its nav 72px instead of 69px. The logo carried its intrinsic 45px height on that page. Pin it in the managed block so no page can drift, using specificity rather than an important flag. ============================================================ */ html body nav.site-nav .pk-nav__logo, html body nav.site-nav .nav-logo, html body nav.site-nav a.logo{display:flex;align-items:center;height:44px;line-height:1;overflow:hidden} html body nav.site-nav .pk-nav__logo img, html body nav.site-nav .nav-logo img, html body nav.site-nav a.logo img{height:44px;max-height:44px;width:auto;display:block} /* REDUCED-MOTION LEAK FIX 20261022 */ /* ============================================================ REDUCED-MOTION LEAK FIX 20261022 (J2 finding) Decorative background animations kept running under reduce. These are the real selectors behind them: body::before -> siteGridPulse body::after -> siteOrbFloat .hero::after -> hero-aurora [data-cyber-grid]::before -> grid-shift Live-feed indicators (pulse-dot, ticker) are DELIBERATELY left running: they carry meaning (the data is live), not decoration. ============================================================ */ @media (prefers-reduced-motion: reduce) { html body::before, html body::after, html body .hero::after, html body .page-hero::after, html body [data-cyber-grid]::before, html body [data-cyber-grid]::after, html body [class*="aurora"]::before, html body [class*="aurora"]::after { animation: none; } } /* J1 round 5: `.ticker` runs a CONTINUOUS scrolling ticker under reduce - not acceptable. `.status-dot` pulses a live cue; stop the pulse but KEEP the dot visible so the status is still conveyed without motion. */ @media (prefers-reduced-motion: reduce) { html body .ticker, html body .ticker-track, html body .ticker-item, html body .status-dot { animation: none; } html body .status-dot { opacity: 1; } } /* J2 round 6: two more decorative pseudo-element glows leaked under reduce. section.cmd-hero::before -> rotate-glow main.tactical-grid-bg::before -> grid-drift The live status cue keeps its DOT VISIBLE; only the motion stops. */ @media (prefers-reduced-motion: reduce) { html body section.cmd-hero::before, html body section.cmd-hero::after, html body main.tactical-grid-bg::before, html body main.tactical-grid-bg::after, html body .cmd-hero::before, html body .tactical-grid-bg::before { animation: none; } } /* J2 round 7: two more leaks on specific templates. span.urgent-badge -> pulse 1.6s infinite (/emergency-roof-repair-tulsa/) section.page-hero::after -> hero-aurora 8s infinite (/storm-damage-repair-tulsa/) Stop the motion; keep the badge VISIBLE so the urgency still reads. */ @media (prefers-reduced-motion: reduce) { html body span.urgent-badge, html body .urgent-badge, html body section.page-hero::after, html body section.page-hero::before { animation: none; } html body span.urgent-badge, html body .urgent-badge { opacity: 1; } } /* The storm template's rule is `body.page-storm .page-hero::after` (2 classes), which out-specifies a 1-class selector. Match its specificity exactly. */ @media (prefers-reduced-motion: reduce) { html body.page-storm section.page-hero::after, html body.page-storm section.page-hero::before, html body.page-storm .page-hero::after, html body.page-storm .page-hero::before { animation: none; } } /* J2 round 9: /hail-probability-map/ runs on 26 SVG map markers, 3s infinite. The map is data, so the markers stay VISIBLE - only the pulse stops. */ @media (prefers-reduced-motion: reduce) { html body [class*="pulse-marker"], html body .map-marker, html body .hail-marker, html body svg path[class*="marker"], html body svg circle[class*="marker"] { animation: none; } }