
:root{--navy:#071722;--ink:#0b1b2b;--steel:#536e85;--blue:#0875d1;--light:#f3f5f6;--line:#dbe2e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit}img{display:block;width:100%;object-fit:cover}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em;font-weight:500;line-height:1.1}button,input,select,textarea{font:inherit}.wrap{width:min(1320px,86%);margin:auto}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;text-transform:uppercase;color:#536f88}.eyebrow.blue{color:#9bd2fb}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--blue);color:white;text-decoration:none;border:1px solid var(--blue);padding:16px 20px;font-size:12px;font-weight:700;cursor:pointer}.button.outline{background:transparent;border-color:#ffffffab}.button.dark{background:#0a2d4f;border-color:#0a2d4f}header{position:absolute;z-index:10;top:0;width:100%;color:#fff;background:#06131caf}header.stuck{position:fixed;background:#061722f5;box-shadow:0 2px 12px #0002}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.mark{width:49px;height:40px}.brand-name{font:22px/1 'Playfair Display',Georgia,serif;letter-spacing:.03em}.brand-name small{display:block;font:7px 'DM Sans',sans-serif;letter-spacing:.26em;text-align:center;margin-top:5px}.nav{display:flex;align-items:center;gap:29px;font-size:12px}.nav a:not(.button){text-decoration:none}.menu{display:none;color:white;background:none;border:1px solid #ffffff80;padding:10px}.hero{position:relative;min-height:780px;height:90vh;max-height:1000px;color:white;display:flex;align-items:center;background:#182a36 url('/hero-epoxy.jpg') center/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03111aef 0%,#03111ab8 39%,#03111a18 100%),linear-gradient(0deg,#03111ab5,transparent 36%)}.hero-main{position:relative;padding-top:60px;padding-bottom:125px}.hero h1{font-size:clamp(54px,5.7vw,82px);margin:22px 0 20px;max-width:700px}.hero h1 em{color:#afd8f4;font-weight:500}.hero p{line-height:1.65;max-width:470px;font-size:16px}.buttons{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.benefits{position:absolute;bottom:0;left:7%;right:7%;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff55;padding:24px 0 27px}.benefit{display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.4}.benefit+.benefit{border-left:1px solid #ffffff35;padding-left:25px}.benefit-icon{font-size:25px;color:#e1f2fc}.image-note{position:absolute;right:14px;bottom:7px;font-size:9px;color:white;background:#03111aaa;padding:4px 6px}.section{padding:110px 0}.section h2{font-size:clamp(38px,3.4vw,54px);margin:12px 0 18px}.sub{color:#596d7b;font-size:15px;line-height:1.75}.intro-row{display:flex;align-items:end;justify-content:space-between;gap:32px}.intro-row .sub{max-width:400px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.card{background:#fff;border:1px solid #e3e8eb;box-shadow:0 8px 26px #172d3c0b}.card-image{height:225px;background-position:center;background-size:cover;position:relative}.card-image.garage{background-image:url('/hero-epoxy.jpg')}.card-image.commercial{background-image:url('/commercial.jpg')}.card-image.concrete{background-image:url('/hero-epoxy.jpg');background-position:70% 85%}.card-image:after{content:'Illustrative image';position:absolute;bottom:7px;right:7px;font-size:9px;background:#081722bd;color:white;padding:4px}.card-body{padding:25px}.card h3{font-size:22px;margin:0 0 12px}.card p{font-size:14px;color:#647482;line-height:1.65;margin:0}.text-link{display:inline-block;color:#096db5;font-size:12px;font-weight:700;text-decoration:none;margin-top:18px}.section-note{font-size:12px;color:#687d8b;margin-top:25px}.difference{background:#f3f5f6}.split{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.split-image{background:url('/hero-epoxy.jpg') center/cover}.split-copy{padding:65px 8%;background:#e9eef1}.split-copy h2{max-width:500px}.checklist{list-style:none;padding:0;margin:30px 0}.checklist li{font-size:13px;margin:16px 0}.checklist li:before{content:'✓';display:inline-grid;place-items:center;color:#fff;background:#0a2d4f;border-radius:50%;width:19px;height:19px;margin-right:12px}.process{text-align:center}.process .sub{max-width:600px;margin:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px;text-align:left}.step{border-top:1px solid #b8c7d1;padding-top:22px}.number{color:#35607e;font-size:12px;letter-spacing:.12em}.step h3{font-size:21px;margin:22px 0 10px}.step p{font-size:13px;color:#607183;line-height:1.7}.gallery{background:#edf1f3}.gallery-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:230px 230px;gap:14px;margin-top:36px}.gallery-grid img{height:100%}.gallery-grid img:first-child{grid-row:span 2}.about{background:#0a2030;color:white}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.about .sub{color:#c1cdd5}.about-visual{min-height:320px;background:linear-gradient(120deg,#142b3988,#07172233),url('/commercial.jpg') center/cover}.quote{background:#f3f5f6}.quote-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.form{background:white;padding:32px;box-shadow:0 12px 45px #1027380e;display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full,.form .full{grid-column:1/-1}.field label{font-size:12px;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #cbd5dc;background:#fff;color:#182a37;border-radius:0}.field textarea{min-height:105px;resize:vertical}.form-note{font-size:12px;line-height:1.6;color:#637684;margin:0}.cta{background:#071722;color:white;text-align:center}.cta .sub{color:#c3d0da}.footer{background:#051119;color:#bac9d2;padding:45px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer a{text-decoration:none}.footer small{font-size:11px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f2bc5b;outline-offset:3px}@media(max-width:760px){.wrap{width:88%}.header-inner{height:74px}.brand-name{font-size:18px}.mark{width:40px}.menu{display:block}.nav{display:none;position:absolute;top:74px;left:0;right:0;padding:22px 6%;background:#071722;align-items:stretch;gap:20px}.nav.open{display:flex;flex-direction:column}.nav a:not(.button){padding:4px}.hero{min-height:740px;height:auto;background-position:60% center}.hero:before{background:linear-gradient(90deg,#03111aeb,#03111a83),linear-gradient(0deg,#03111ad9,transparent)}.hero-main{padding:145px 0 255px}.hero h1{font-size:clamp(48px,11vw,66px)}.hero p{font-size:15px}.benefits{grid-template-columns:1fr 1fr;gap:16px;left:6%;right:6%;padding:18px 0 25px}.benefit+.benefit{border:0;padding:0}.benefit-icon{font-size:21px}.section{padding:70px 0}.intro-row{display:block}.cards{grid-template-columns:1fr}.card-image{height:210px}.split{grid-template-columns:1fr}.split-image{min-height:300px}.split-copy{padding:55px 6%}.steps{grid-template-columns:1fr 1fr;gap:25px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 150px}.gallery-grid img:first-child{grid-column:span 2;grid-row:auto}.about-grid,.quote-layout{grid-template-columns:1fr;gap:30px}.about-visual{min-height:220px}.form{padding:24px;grid-template-columns:1fr}.field.full,.form .full{grid-column:auto}.footer-inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.inner-hero{background:#0a2030;color:white;padding:165px 0 90px}.inner-hero h1{font-size:clamp(44px,5vw,70px);max-width:800px;margin:18px 0}.inner-hero .sub{color:#c6d3dc;max-width:620px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.detail-grid img{height:450px}.faq{max-width:850px;margin:auto}.faq details{border-top:1px solid #ccd8df;padding:20px 0}.faq summary{cursor:pointer;font-weight:700;font-size:15px}.faq p{color:#596d7b;line-height:1.7}.page-header{position:absolute}.disclaimer{background:#e9eef1;padding:16px 20px;font-size:13px;line-height:1.6;color:#536b7c}@media(max-width:760px){.inner-hero{padding:135px 0 70px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-grid img{height:270px}}

.footer-contact{display:flex;gap:18px;flex-wrap:wrap}.footer-contact a{text-decoration:none}.footer-contact a:hover{text-decoration:underline}

.brand-logo{width:180px;height:auto;object-fit:contain}.benefit img.benefit-icon{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}@media(max-width:760px){.brand-logo{width:155px}}
