:root{--blue:#00a9e5;--blue-dark:#0089c0;--blue-deep:#006fa3;--blue-light:#33bbec;--black:#0d0d0d;--off-black:#111418;--dark:#161c22;--mid:#1e262e;--border:#243040;--muted:#4a6070;--light:#8aa0b0;--white:#f4f8fa;--pure-white:#ffffff;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:'Barlow',sans-serif;background:var(--black);color:var(--white);overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.25;}
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:72px;background:rgba(255,255,255,0.97);backdrop-filter:blur(14px);border-bottom:1px solid #e0e8ee;box-shadow:0 1px 20px rgba(0,0,0,.08);}
.nav-logo{display:flex;align-items:center;gap:12px;text-decoration:none;}
.nav-logo img{height:44px;width:auto;}
.nav-logo-text{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#3a5060;line-height:1.3;}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center;}
.nav-links a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#3a5060;text-decoration:none;transition:color .2s;}
.nav-links a:hover,.nav-links a.active{color:var(--blue);}
.nav-cta{background:var(--blue)!important;color:#fff!important;padding:9px 20px;transition:background .2s!important;}
.nav-cta:hover{background:var(--blue-dark)!important;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;min-width:44px;min-height:44px;justify-content:center;align-items:center;background:none;border:none;}
.hamburger span{display:block;width:24px;height:2px;background:#3a5060;transition:all .3s;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:#fff;border-bottom:2px solid var(--blue);z-index:199;flex-direction:column;padding:16px 24px 24px;max-height:calc(100vh - 72px);overflow-y:auto;}
.mobile-menu.open{display:flex;}
.mobile-menu a{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:#3a5060;text-decoration:none;padding:14px 0;border-bottom:1px solid #e8eef2;display:block;min-height:44px;display:flex;align-items:center;}
.mobile-menu a:last-child{border-bottom:none;color:var(--blue);}
.mobile-menu a:hover{color:var(--blue);}
.ticker-wrap{background:var(--blue);overflow:hidden;white-space:nowrap;padding:12px 0;}
.ticker{display:inline-flex;animation:ticker 30s linear infinite;}
.ticker-item{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:0 40px;color:#fff;}
.ticker-item::after{content:'✦';margin-left:40px;opacity:.5;}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.section-label{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:18px;}
.section-label::before{content:'';width:24px;height:2px;background:var(--blue);}
.section-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(38px,5vw,74px);text-transform:uppercase;line-height:.94;letter-spacing:-.01em;}
.section-title .outline{-webkit-text-stroke:2px var(--white);color:transparent;}
.section-title .blue{color:var(--blue);}
.body-text{font-size:15px;font-weight:300;color:var(--light);line-height:1.8;}
.body-text strong{color:var(--white);font-weight:500;}
.btn-primary{background:var(--blue);color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:15px 36px;min-height:44px;text-decoration:none;display:inline-block;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .2s,transform .2s;}
.btn-primary:hover{background:var(--blue-light);transform:translateY(-2px);}
.btn-ghost{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--light);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
.btn-ghost::after{content:'→';transition:transform .2s;}
.btn-ghost:hover{color:var(--white);}
.btn-ghost:hover::after{transform:translateX(4px);}
.btn-white{background:#fff;color:var(--blue-deep);font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:15px 38px;min-height:44px;text-decoration:none;display:inline-block;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .2s,color .2s,transform .2s;}
.btn-white:hover{background:var(--off-black);color:#fff;transform:translateY(-2px);}
.page-hero{padding:140px 80px 80px;background:var(--off-black);position:relative;overflow:hidden;}
.page-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;opacity:.08;}
.page-hero-inner{position:relative;z-index:2;max-width:680px;}
.page-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(50px,6vw,94px);text-transform:uppercase;line-height:.92;letter-spacing:-.01em;margin-bottom:24px;}
.page-hero p{font-size:17px;font-weight:300;color:var(--light);line-height:1.75;max-width:560px;}
.page-hero-img{position:absolute;right:0;top:0;bottom:0;width:50%;height:100%;object-fit:cover;opacity:.38;filter:grayscale(15%);z-index:1;}
.page-hero-fade{position:absolute;right:49%;top:0;bottom:0;width:200px;background:linear-gradient(90deg,var(--off-black),transparent);z-index:1;}
.breadcrumb{display:flex;align-items:center;gap:8px;font-family:'Barlow Condensed',sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;flex-wrap:wrap;}
.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:var(--blue);}
.breadcrumb span{color:var(--blue);}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.section-pad{padding:104px 80px;}
.card{background:var(--dark);position:relative;overflow:hidden;transition:background .3s;}
.card:hover{background:var(--mid);}
.card::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--blue);transition:width .4s;}
.card:hover::before{width:100%;}
.service-item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:20px;padding:26px 36px;background:var(--dark);border-left:3px solid var(--border);transition:border-color .3s,background .3s;}
.service-item:hover{background:var(--mid);border-color:var(--blue);}
.service-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:16px;color:var(--muted);letter-spacing:.08em;}
.service-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.04em;color:var(--white);}
.service-desc{font-size:13px;font-weight:300;color:var(--light);line-height:1.6;margin-top:3px;}
.service-arrow{font-size:18px;color:var(--muted);transition:color .3s,transform .3s;}
.service-item:hover .service-arrow{color:var(--blue);transform:translateX(6px);}
.cta-banner{background:var(--blue);padding:72px 80px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px;position:relative;overflow:hidden;}
.cta-banner::before{content:'TCB';position:absolute;right:-30px;top:-50px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:220px;color:rgba(255,255,255,.07);letter-spacing:-.05em;line-height:1;pointer-events:none;}
.cta-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(34px,4vw,58px);text-transform:uppercase;line-height:.94;color:#fff;}
.cta-sub{font-size:15px;font-weight:300;color:rgba(255,255,255,.82);margin-top:14px;max-width:500px;line-height:1.75;}
footer{background:var(--black);border-top:1px solid var(--border);padding:56px 80px 32px;}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:44px;}
.footer-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:14px;}
.footer-logo img{height:38px;width:auto;}
.footer-logo-text{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.3;}
.footer-tagline{font-size:13px;font-weight:300;color:var(--muted);line-height:1.7;max-width:220px;}
.footer-col-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--white);margin-bottom:14px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.footer-col ul a{font-size:13px;font-weight:300;color:var(--muted);text-decoration:none;transition:color .2s;}
.footer-col ul a:hover{color:var(--blue);}
.footer-col p{font-size:13px;font-weight:300;color:var(--muted);line-height:1.7;}
.footer-col a.phone{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;color:var(--white);text-decoration:none;display:block;margin-bottom:6px;transition:color .2s;}
.footer-col a.phone:hover{color:var(--blue);}
.footer-bottom{border-top:1px solid var(--border);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-size:12px;color:var(--muted);}
.footer-copy span{color:var(--blue);}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.gallery-cell{aspect-ratio:4/3;overflow:hidden;position:relative;background:var(--dark);}
.gallery-cell img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s;filter:grayscale(15%);}
.gallery-cell:hover img{transform:scale(1.05);filter:grayscale(0);}
.gallery-ph{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--dark);border:1px solid var(--border);transition:background .3s;min-height:200px;}
.gallery-ph:hover{background:var(--mid);}
.gp-icon{font-size:26px;opacity:.15;}
.gp-label{font-family:'Barlow Condensed',sans-serif;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.form-wrap{display:flex;flex-direction:column;gap:14px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{display:flex;flex-direction:column;gap:7px;}
.form-label{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);}
.form-input,.form-textarea,.form-select{background:var(--dark);border:1px solid var(--border);color:var(--white);font-family:'Barlow',sans-serif;font-size:16px;font-weight:300;padding:13px 17px;outline:none;transition:border-color .2s;resize:none;width:100%;-webkit-appearance:none;}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--blue);}
.form-textarea{height:120px;}
.form-select option{background:var(--dark);color:var(--white);}
.form-submit{background:var(--blue);color:#fff;border:none;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:15px 40px;cursor:pointer;align-self:flex-start;transition:background .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.form-submit:hover{background:var(--blue-light);}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px;}
.value-card{padding:38px 34px;background:var(--dark);border-bottom:3px solid var(--border);transition:border-color .3s;}
.value-card:hover{border-color:var(--blue);}
.value-num{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--blue);margin-bottom:12px;text-transform:uppercase;}
.value-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:20px;text-transform:uppercase;letter-spacing:.04em;color:var(--white);margin-bottom:10px;}
.value-body{font-size:13px;font-weight:300;color:var(--light);line-height:1.7;}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);}
.stat-box{background:var(--dark);padding:36px 28px;text-align:center;border-right:1px solid var(--border);}
.stat-box:last-child{border-right:none;}
.stat-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:48px;color:var(--white);line-height:1;}
.stat-num span{color:var(--blue);}
.stat-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:5px;}
.contact-num-type{font-family:'Barlow Condensed',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);}
.contact-num-val{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:26px;color:var(--white);text-decoration:none;transition:color .2s;display:block;margin-top:2px;}
.contact-num-val:hover{color:var(--blue);}
.contact-num-item{padding-bottom:22px;border-bottom:1px solid var(--border);margin-bottom:22px;}
.contact-num-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.emergency-badge{display:inline-flex;align-items:center;gap:10px;background:var(--dark);border:1px solid var(--border);padding:11px 18px;margin-top:24px;}
.emergency-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,.4);}50%{box-shadow:0 0 0 6px rgba(74,222,128,0);}}
.emergency-text{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--light);}
.emergency-text strong{color:#4ade80;}
/* CERT BADGE */
.cert-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(0,169,229,.12);border:1px solid rgba(0,169,229,.3);padding:10px 18px;margin-top:8px;}
.cert-badge-icon{font-size:18px;}
.cert-badge-text{font-family:'Barlow Condensed',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);}
/* SERVICE ICON CARDS */
.service-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:52px;}
.service-icon-card{background:var(--dark);padding:40px 32px;text-align:center;border-bottom:3px solid var(--border);transition:border-color .3s,background .3s;text-decoration:none;display:block;}
.service-icon-card:hover{background:var(--mid);border-color:var(--blue);}
.service-icon{font-size:40px;margin-bottom:16px;display:block;}
.service-icon-name{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;text-transform:uppercase;color:var(--white);letter-spacing:.04em;margin-bottom:8px;}
.service-icon-desc{font-size:12px;font-weight:300;color:var(--light);line-height:1.6;}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px);}to{opacity:1;transform:translateY(0);}}
.fade-up{animation:fadeUp .7s ease forwards;opacity:0;}
.d1{animation-delay:.1s;}.d2{animation-delay:.25s;}.d3{animation-delay:.4s;}.d4{animation-delay:.55s;}.d5{animation-delay:.7s;}
@media(max-width:1100px){
  nav{padding:0 28px;}
  .section-pad{padding:80px 40px!important;}
  .page-hero{padding:116px 40px 60px;}
  footer{padding:48px 40px 24px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
  .cta-banner{padding:52px 40px;}
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .values-grid{grid-template-columns:repeat(2,1fr);}
  .service-icon-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .nav-links{display:none;}
  .hamburger{display:flex;}
  nav{padding:0 20px;}
  .two-col{display:block!important;}
  .two-col > *+*{margin-top:36px;}
  .page-hero{padding:96px 24px 44px;}
  .page-hero-img,.page-hero-fade{display:none;}
  .section-pad{padding:60px 24px!important;}
  .stats-row{grid-template-columns:1fr 1fr;}
  .stat-box{border-right:none;border-bottom:1px solid var(--border);padding:24px 16px;}
  .values-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:1fr 1fr!important;}
  .service-item{grid-template-columns:44px 1fr;gap:12px;padding:18px 20px;}
  .service-arrow{display:none;}
  .form-row{grid-template-columns:1fr!important;}
  .cta-banner{grid-template-columns:1fr;padding:44px 24px;text-align:center;}
  .cta-banner .btn-white{align-self:center;margin-top:8px;}
  footer{padding:36px 24px 20px;}
  .footer-grid{grid-template-columns:1fr;gap:28px;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .service-icon-grid{grid-template-columns:1fr 1fr;}
  div[style*="grid-template-columns:1fr 1fr"]:not(.two-col){display:block!important;}
  div[style*="grid-template-columns:1fr 1fr"]:not(.two-col) > *+*{margin-top:2px;}
}
@media(max-width:480px){.gallery-grid{grid-template-columns:1fr!important;}.stats-row{grid-template-columns:1fr;}.service-icon-grid{grid-template-columns:1fr;}.page-hero h1{font-size:42px!important;}.cta-title{font-size:28px!important;}nav{height:60px;}.page-hero{padding-top:80px!important;}}