:root{--navy:#071426;--navy-2:#0b1c33;--navy-3:#10243f;--white:#f5f7fb;--muted:#bac6d4;--orange:#fa6b18;--line:rgba(255,255,255,.14);--font-body:'DM Sans',Arial,sans-serif;--font-display:'Barlow Condensed','Arial Narrow',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}
body::selection{background:var(--orange);color:var(--navy)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.wrap{width:min(100% - 88px,1320px);margin-inline:auto}
.section-pad{padding-block:120px}
.preloader{position:fixed;inset:0;background:#061222;z-index:1000;display:grid;place-items:center;transition:opacity .4s ease,visibility .4s ease}
.preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.preloader__inner{width:min(300px,70vw);display:grid;gap:32px;justify-items:center}
.preloader__inner img{width:100%;height:auto}
.preloader__line{width:100%;height:2px;background:rgba(255,255,255,.18);overflow:hidden}
.preloader__line span{display:block;height:100%;width:34%;background:var(--orange);animation:load-line 2.5s ease-in-out both}
@keyframes load-line{0%{transform:translateX(-110%)}100%{transform:translateX(300%)}}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:30;background:rgba(7,20,38,.64);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header.is-scrolled{position:fixed;background:rgba(7,20,38,.96)}
.header-inner{height:88px;display:flex;align-items:center;gap:48px}
.brand{display:block;flex:none;width:192px}
.brand img{width:100%;height:auto}
.main-nav{display:flex;align-items:center;gap:36px;margin-left:auto}
.main-nav a{font-size:14px;font-weight:700;white-space:nowrap;transition:color .2s ease}
.main-nav a:hover,.inline-link:hover{color:var(--orange)}
.header-cta{flex:none;display:inline-flex;align-items:center;gap:20px;background:var(--orange);color:#071426;padding:14px 19px;font-size:14px;font-weight:800;line-height:1;min-height:47px;transition:transform .2s ease,background .2s ease}
.header-cta:hover,.button-primary:hover{transform:translateY(-3px);background:#ff812f}
.header-cta span{font-size:20px;line-height:0}
.hero{position:relative;min-height:100svh;min-height:100dvh;display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.hero-photo{position:absolute;inset:0 0 0 38%;background:url('assets/hero.png') center 47%/cover no-repeat;transform:scale(1.035);animation:hero-in 1.4s ease-out both}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071426 1%,#071426 26%,rgba(7,20,38,.94) 40%,rgba(7,20,38,.42) 62%,rgba(7,20,38,.08) 100%),linear-gradient(0deg,rgba(7,20,38,.42),transparent 35%)}
@keyframes hero-in{from{transform:scale(1.11);opacity:.6}to{transform:scale(1.035);opacity:1}}
.hero-content{position:relative;z-index:2;padding-top:114px;padding-bottom:74px;min-height:100svh;min-height:100dvh;display:flex;align-items:center}
.hero-copy{width:min(860px,76%);padding-block:0}
.eyebrow,.section-kicker{text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.14em;color:var(--orange);line-height:1.4}
.eyebrow{display:flex;align-items:center;gap:13px;max-width:480px;margin:0 0 26px}
.eyebrow-rule{width:24px;height:2px;flex:none;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--font-display);line-height:.98;letter-spacing:-.012em}
.hero h1{font-size:clamp(68px,7.2vw,108px);font-weight:700;line-height:.91;margin:0 0 27px;text-transform:uppercase;max-width:860px}
.hero h1 em,.closing h2 em{font-style:normal;color:var(--orange)}
.hero-support{font-size:18px;line-height:1.65;max-width:560px;color:#e6edf5;margin-bottom:33px}
.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:58px;font-weight:800;font-size:15px;line-height:1.2;white-space:nowrap;transition:transform .2s ease,background .2s ease,color .2s ease}
.button-primary{background:var(--orange);color:#071426;padding:0 25px;box-shadow:0 14px 45px rgba(0,0,0,.18)}
.button-primary span:last-child{font-size:22px;font-weight:500;margin-left:15px}
.button-text{border-bottom:1px solid rgba(255,255,255,.7);min-height:46px}
.button-text:hover{color:var(--orange);border-color:var(--orange)}
.wa-mark{font-size:22px;line-height:1}
.hero-corner{position:absolute;right:0;bottom:36px;display:flex;gap:16px;align-items:center;color:white;font-size:11px;font-weight:800;letter-spacing:.14em}
.hero-corner span+span{padding-left:16px;border-left:1px solid rgba(255,255,255,.55)}
.intro{background:#0a1a2f;position:relative;overflow:hidden}
.intro::before{content:'';position:absolute;right:-17vw;top:-27vw;width:45vw;height:45vw;border:1px solid rgba(255,255,255,.06);border-radius:50%;pointer-events:none}
.intro-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1fr);gap:clamp(65px,8vw,130px);align-items:center}
.intro-image{position:relative;aspect-ratio:1.17;min-height:430px}
.intro-image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85)}
.intro-image-frame{position:absolute;inset:22px -22px -22px 22px;border:1px solid var(--orange);z-index:-1}
.section-kicker{margin-bottom:22px}
.intro h2,.services h2,.prevention h2{font-size:clamp(58px,6.2vw,96px);font-weight:700;text-transform:uppercase;margin-bottom:26px}
.lead{font-size:20px;line-height:1.7;color:var(--muted);max-width:650px}
.inline-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid var(--orange);font-size:15px;font-weight:800;padding-bottom:8px;margin-top:18px;transition:color .2s ease}
.inline-link span{font-size:22px;font-weight:400}
.advantage-row{display:grid;grid-template-columns:repeat(4,1fr);margin-top:125px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.advantage-row>div{padding:24px 22px 28px;display:grid;gap:22px;align-content:start;border-right:1px solid var(--line)}
.advantage-row>div:first-child{padding-left:0}
.advantage-row>div:last-child{border:0}
.advantage-row span,.service-num{font-family:var(--font-display);font-size:18px;color:var(--orange);font-weight:700}
.advantage-row strong{font-family:var(--font-display);font-size:29px;line-height:1.05;font-weight:600;text-transform:uppercase}
.services{background:var(--navy)}
.services-heading{text-align:center;max-width:850px;margin:0 auto 65px}
.services h2{margin-bottom:12px}
.services-heading>p:last-child{color:var(--muted);font-size:19px;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-card{min-width:0;background:var(--navy-2);border:1px solid var(--line);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.service-card:hover{transform:translateY(-6px);border-color:rgba(250,107,24,.64);box-shadow:0 28px 60px rgba(0,0,0,.2)}
.service-card img{width:100%;height:auto;aspect-ratio:799/450;object-fit:cover}
.service-card__body{position:relative;padding:26px 27px 30px;min-height:220px}
.service-num{position:absolute;right:27px;top:27px}
.service-card h3{font-size:40px;text-transform:uppercase;margin:0 45px 20px 0}
.service-card ul{list-style:none;padding:0;margin:0;display:grid;gap:5px;color:#cfdae7;font-size:15px;line-height:1.45}
.service-card li{padding-left:16px;position:relative}
.service-card li::before{content:'';position:absolute;left:0;top:.68em;width:5px;height:5px;background:var(--orange)}
.prevention{background:#10243f;position:relative}
.prevention::after{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}
.prevention-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:10%;align-items:start}
.prevention h2{font-size:clamp(54px,5.8vw,88px);max-width:760px}
.prevention .lead{max-width:570px}
.process-panel{background:#0a1a2f;padding:45px 46px;border-top:4px solid var(--orange)}
.process-panel h3{font-size:55px;font-weight:700;text-transform:uppercase;margin:0 0 28px}
.process-panel ol{list-style:none;padding:0;margin:0}
.process-panel li{display:flex;gap:26px;align-items:baseline;padding:17px 0;border-top:1px solid var(--line);font-weight:600;font-size:17px}
.process-panel li span{font-family:var(--font-display);color:var(--orange);font-weight:700;font-size:18px}
.closing{position:relative;background:#071426;overflow:hidden;text-align:center}
.closing-glow{position:absolute;width:700px;height:700px;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(250,107,24,.17);border-radius:50%;box-shadow:0 0 0 100px rgba(250,107,24,.025),0 0 0 205px rgba(250,107,24,.025);pointer-events:none}
.closing-inner{position:relative;max-width:980px}
.closing h2{font-size:clamp(75px,9vw,136px);font-weight:700;text-transform:uppercase;margin:0 0 25px}
.closing-inner>p:not(.section-kicker):not(.hours){font-size:20px;line-height:1.6;color:var(--muted);max-width:590px;margin:0 auto 33px}
.closing .button{margin-bottom:30px}
.hours{font-size:14px;color:#b5c0cf;margin:0}
.site-footer{background:#04101f;border-top:1px solid var(--line);padding:30px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-inner img{width:182px;height:auto}
.footer-inner p{margin:0}
.footer-inner p,.footer-inner>a{font-size:14px;color:#aebdcd}
.footer-inner a:hover{color:var(--orange)}
.floating-actions{position:fixed;right:22px;bottom:25px;z-index:40;display:grid;gap:10px}
.floating-actions a{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .2s ease}
.floating-actions a:hover{transform:scale(1.08)}
.floating-actions svg{width:27px;height:27px}
.float-call{background:#f4f7fa;color:#0a1a2f}
.float-wa{background:#20c465;color:white}
.intro-grid,.advantage-row,.service-card,.prevention-grid,.closing-inner{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.intro-grid.is-visible,.advantage-row.is-visible,.service-card.is-visible,.prevention-grid.is-visible,.closing-inner.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.wrap{width:min(100% - 56px,1320px)}.header-inner{gap:24px}.main-nav{gap:19px}.brand{width:165px}.hero h1{font-size:clamp(65px,7.3vw,92px)}.hero-copy{width:78%}.hero-photo{left:28%}.intro-grid{gap:60px}.service-card h3{font-size:34px}.prevention-grid{gap:6%}}
@media(max-width:800px){.wrap{width:min(100% - 40px,1320px)}.section-pad{padding-block:84px}.header-inner{height:74px}.brand{width:153px}.main-nav{display:none}.header-cta{margin-left:auto;min-height:42px;padding:11px 13px;font-size:12px;gap:8px}.hero{min-height:810px}.hero-photo{inset:0;background-position:57% top}.hero-shade{background:linear-gradient(0deg,#071426 4%,rgba(7,20,38,.95) 26%,rgba(7,20,38,.50) 58%,rgba(7,20,38,.04) 95%)}.hero-content{min-height:810px;align-items:end;padding-top:100px;padding-bottom:62px}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(69px,11.8vw,99px);max-width:730px}.hero-support{max-width:580px}.hero-corner{display:none}.intro-grid{grid-template-columns:1fr;gap:52px}.intro-image{max-width:620px;min-height:0;aspect-ratio:1.35}.advantage-row{grid-template-columns:repeat(2,1fr);margin-top:85px}.advantage-row>div:nth-child(2){border-right:0}.advantage-row>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.advantage-row>div:nth-child(3){padding-left:0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prevention-grid{grid-template-columns:1fr;gap:48px}.process-panel{max-width:620px}.closing h2{font-size:clamp(72px,11vw,108px)}}
@media(max-width:560px){.wrap{width:min(100% - 36px,1320px)}.section-pad{padding-block:72px}.header-inner{height:72px}.brand{width:140px}.header-cta{font-size:12px;padding:11px 10px;min-height:40px}.header-cta span{display:none}.hero{min-height:760px;min-height:100svh;min-height:100dvh}.hero-photo{background-position:59% top}.hero-shade{background:linear-gradient(0deg,#071426 0%,rgba(7,20,38,.98) 22%,rgba(7,20,38,.7) 52%,rgba(7,20,38,.03) 96%)}.hero-content{min-height:760px;min-height:100svh;min-height:100dvh;padding-top:94px;padding-bottom:42px}.eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:17px}.eyebrow-rule{width:17px}.hero h1{font-size:clamp(59px,15vw,83px);line-height:.91;margin-bottom:19px}.hero-support{font-size:15px;line-height:1.5;margin-bottom:23px;max-width:370px}.hero-actions{gap:14px}.hero-actions .button-primary{width:100%;min-height:56px}.hero-actions .button-text{font-size:14px;min-height:36px}.intro h2,.services h2,.prevention h2{font-size:clamp(53px,13vw,73px)}.intro-image{aspect-ratio:1.25}.intro-image-frame{inset:12px -12px -12px 12px}.lead{font-size:17px;line-height:1.65}.advantage-row{margin-top:65px}.advantage-row>div{padding:19px 11px 22px}.advantage-row strong{font-size:22px}.services-heading{margin-bottom:35px}.service-grid{grid-template-columns:1fr;gap:18px}.service-card__body{min-height:0;padding:23px 23px 26px}.service-card h3{font-size:37px;margin-bottom:15px}.service-card ul{font-size:14px}.process-panel{padding:31px 24px}.process-panel h3{font-size:47px}.process-panel li{font-size:16px;gap:15px}.closing h2{font-size:clamp(63px,13.4vw,82px)}.closing-inner>p:not(.section-kicker):not(.hours){font-size:17px}.closing .button{font-size:14px;padding:0 16px;max-width:100%}.footer-inner{flex-direction:column;align-items:start;gap:11px}.footer-inner img{width:154px;margin-bottom:5px}.floating-actions{right:15px;bottom:18px;gap:8px}.floating-actions a{width:49px;height:49px}.floating-actions svg{width:24px;height:24px}}
@media(max-width:370px){.hero h1{font-size:56px}.brand{width:125px}.header-cta{font-size:11px}.hero-support{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.intro-grid,.advantage-row,.service-card,.prevention-grid,.closing-inner{opacity:1;transform:none}}
