:root{--slate:#10171a;--navy:#071b26;--navy2:#0a2430;--timber:#9b6a38;--timber2:#c48a4a;--concrete:#e2e0da;--concrete2:#c9c6bc;--steel:#aab0b2;--yellow:#f5c400;--orange:#e86416;--white:#fffdf6;--ink:#172025;--muted:#59646a;--line:rgba(255,255,255,.16);--shadow:0 24px 70px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f0e8;color:var(--ink);font-family:Barlow,Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.025em;line-height:.95;margin:0 0 1rem}h1{font-size:clamp(3.4rem,9vw,8.8rem)}h2{font-size:clamp(2.2rem,5vw,4.7rem)}h3{font-size:1.7rem}.eyebrow,.tag{font-family:"IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--orange);margin:0 0 .65rem}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto auto;gap:1rem;align-items:center;padding:.9rem clamp(1rem,3vw,2rem);background:rgba(16,23,26,.96);color:var(--white);border-bottom:1px solid rgba(245,196,0,.35);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;min-width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--yellow);color:var(--slate);font-family:"IBM Plex Mono",monospace;font-weight:800;clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}.brand strong{display:block;font-family:"Barlow Condensed";font-size:1.45rem;line-height:.8;text-transform:uppercase}.brand em{display:block;font-style:normal;color:var(--steel);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.site-nav{display:flex;justify-content:center;gap:.2rem;flex-wrap:wrap}.nav-link{position:relative;padding:.6rem .72rem;text-decoration:none;color:#dbe1df;font-size:.92rem;font-weight:700}.nav-link.active:after,.nav-link:hover:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.28rem;height:3px;background:var(--yellow)}.header-phone{font-family:"IBM Plex Mono";font-weight:700;text-decoration:none;color:var(--yellow)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.85rem 1.05rem;border:1px solid currentColor;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.035em;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.header-cta,.btn.primary{background:var(--yellow);color:var(--slate);border-color:var(--yellow)}.btn.secondary{background:rgba(255,255,255,.08);color:var(--white);border-color:rgba(255,255,255,.42)}.menu-toggle{display:none}.hero{position:relative;min-height:84vh;background-image:linear-gradient(90deg,rgba(7,27,38,.94),rgba(7,27,38,.62),rgba(7,27,38,.2)),var(--hero-image);background-size:cover;background-position:center;color:var(--white);overflow:hidden}.hero:before{content:"";position:absolute;left:0;right:0;bottom:20%;height:3px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);animation:drawline 1.2s ease-out both}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:2rem;align-items:end;min-height:84vh;padding:clamp(5rem,11vw,9rem) clamp(1rem,5vw,5rem) 4rem}.hero-copy{max-width:860px}.lede{font-size:clamp(1.1rem,2vw,1.35rem);max-width:690px;color:#ecf0ec}.hero-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin:2rem 0}.problem-chips{display:flex;gap:.55rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}.problem-chips li{border:1px solid rgba(245,196,0,.5);background:rgba(0,0,0,.28);padding:.48rem .7rem;font-family:"IBM Plex Mono";font-size:.78rem;text-transform:uppercase}.measure-card{background:rgba(16,23,26,.86);border:1px solid rgba(245,196,0,.45);box-shadow:var(--shadow);padding:1rem;display:grid;gap:.7rem;position:relative}.measure-card div{display:grid;grid-template-columns:1fr auto;gap:.2rem;border-bottom:1px solid var(--line);padding:.75rem 0}.measure-card b,.measure-card small{font-family:"IBM Plex Mono";text-transform:uppercase;color:var(--steel);font-size:.7rem}.measure-card strong{font-family:"Barlow Condensed";font-size:2rem;color:var(--yellow)}.measure-card small{grid-column:1/-1}.measure-line{position:absolute;left:1rem;right:1rem;top:-1rem;height:4px;background:var(--yellow)}.section{padding:clamp(3.2rem,7vw,6rem) clamp(1rem,5vw,5rem)}.section-head{max-width:900px;margin-bottom:2rem}.section-head p{max-width:680px}.problem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#c8c4b8;border:1px solid #c8c4b8}.problem-card{background:#f7f4eb;display:grid;grid-template-rows:180px 1fr;min-height:390px}.problem-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06)}.problem-card div{padding:1.2rem}.tag{color:var(--timber)}.technical-panel{display:grid;grid-template-columns:1fr .85fr;gap:2rem;background:var(--navy);color:var(--white);padding:clamp(1.4rem,4vw,3rem);box-shadow:var(--shadow);border:1px solid rgba(245,196,0,.25)}.tick-list{columns:2;list-style:none;padding:0;margin:1.3rem 0 0}.tick-list li{break-inside:avoid;margin:.45rem 0;padding-left:1.4rem;position:relative}.tick-list li:before{content:"✓";position:absolute;left:0;color:var(--yellow)}.survey-figure{margin:0;align-self:stretch}.survey-figure img{height:100%;min-height:330px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}figcaption,.small{font-size:.82rem;color:#697278}.technical-panel figcaption{color:#cad2d2;margin-top:.5rem}.boundary-note{background:#d9d6cb;border-left:6px solid var(--yellow);padding:1rem 1.2rem;margin:1rem 0 0;font-weight:700}.quote-band{background:var(--slate);color:var(--white);display:grid;grid-template-columns:.72fr 1fr;gap:2rem}.quote-steps{counter-reset:item;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;list-style:none;margin:0;padding:0}.quote-steps li{border:1px solid rgba(245,196,0,.35);padding:1rem;background:rgba(255,255,255,.04)}.quote-steps b{display:block;font-family:"Barlow Condensed";font-size:3rem;color:var(--yellow);line-height:.85}.factor-strip{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.45rem}.factor-strip span{font-family:"IBM Plex Mono";font-size:.78rem;text-transform:uppercase;border:1px solid rgba(255,255,255,.22);padding:.55rem .7rem;background:#0a2430}.materials-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:stretch;background:#e7e3d6}.materials-visual{position:relative;min-height:420px;overflow:hidden}.materials-visual img{width:100%;height:100%;object-fit:cover}.materials-visual span{position:absolute;left:1rem;bottom:1rem;background:rgba(16,23,26,.88);color:var(--white);font-family:"IBM Plex Mono";font-size:.72rem;padding:.55rem .7rem;text-transform:uppercase}.material-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.material-tab{border:1px solid #8a8172;background:transparent;padding:.58rem .7rem;font-weight:800;text-transform:uppercase;cursor:pointer}.material-tab.active{background:var(--yellow);border-color:var(--yellow)}.material-panel{display:none;background:#f7f4eb;border-left:6px solid var(--timber);padding:1rem 1.2rem}.material-panel.active{display:block}.durability{background:linear-gradient(135deg,var(--navy),#16252a);color:var(--white)}.durability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18)}.durability-grid article{background:rgba(0,0,0,.18);padding:1.2rem;min-height:230px}.durability-grid span{font-family:"IBM Plex Mono";color:var(--yellow)}.proof-gates{display:grid;grid-template-columns:1fr .78fr;gap:2rem;align-items:stretch}.proof-strip{background:#111820;color:var(--white);padding:2rem}.proof-strip ul{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.65rem}.proof-strip li{display:grid;grid-template-columns:42px 1fr;align-items:center;border-top:1px solid var(--line);padding-top:.65rem}.proof-strip li span{color:var(--yellow);font-family:"IBM Plex Mono"}.gate-card{margin:0;background:#fff}.gate-card img{height:420px;width:100%;object-fit:cover}.gate-card figcaption{padding:1rem;background:#f7f4eb;color:#333;font-weight:700}.areas{display:grid;grid-template-columns:.85fr 1fr;gap:2rem;background:#f6f2e8}.map-lines{min-height:320px;background:repeating-linear-gradient(120deg,#1b2b31 0 2px,transparent 2px 36px),linear-gradient(135deg,#0a2430,#111820);position:relative;padding:1.2rem;display:flex;flex-wrap:wrap;gap:.7rem;align-content:center}.map-lines span{background:var(--yellow);font-weight:800;padding:.65rem .75rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.cta-slab{text-align:center;background:var(--timber);color:#fff}.page-hero{padding:clamp(5rem,10vw,8rem) clamp(1rem,5vw,5rem) clamp(3rem,6vw,5rem);background:var(--navy);color:var(--white)}.page-hero.compact p{max-width:760px}.page-hero.image-led{display:grid;grid-template-columns:1fr .9fr;gap:2rem;align-items:center}.page-hero.image-led img{max-height:520px;width:100%;object-fit:cover;border:1px solid rgba(245,196,0,.35)}.commercial{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.commercial img{height:420px;width:100%;object-fit:cover}.contact-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;background:var(--navy);color:var(--white);min-height:72vh}.contact-intro{position:sticky;top:88px;align-self:start}.contact-notes{list-style:none;padding:0}.contact-notes li{border-top:1px solid var(--line);padding:.7rem 0}.quote-form{background:#f3f0e8;color:var(--ink);padding:1.2rem;border:1px solid var(--yellow);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.quote-form label{display:grid;gap:.35rem;font-weight:800;text-transform:uppercase;font-size:.82rem;letter-spacing:.04em}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid #a9a397;background:#fffdf6;color:var(--ink);font:inherit;padding:.72rem}.span-2{grid-column:1/-1}.photo-drop{border:2px dashed #8b8377;padding:1rem;margin:1rem 0;background:#e1ddd0;font-weight:800}.form-status{font-weight:800;color:#0a6234}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:2rem;background:#0b1114;color:var(--white);padding:3rem clamp(1rem,5vw,5rem)}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:.35rem 0}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;background:#050809;color:#b9c0bd;padding:1rem clamp(1rem,5vw,5rem);font-size:.86rem}.mobile-action-bar{display:none}@keyframes drawline{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media (max-width:1050px){.site-header{grid-template-columns:auto auto 1fr auto}.menu-toggle{display:inline-flex;justify-self:end;background:transparent;color:var(--white);border:1px solid var(--steel);padding:.6rem}.site-nav{display:none;grid-column:1/-1;justify-content:flex-start}.site-nav.open{display:flex}.header-phone{display:none}.problem-grid{grid-template-columns:repeat(2,1fr)}.quote-band,.technical-panel,.materials-section,.proof-gates,.areas,.contact-section,.page-hero.image-led,.commercial{grid-template-columns:1fr}.quote-steps,.durability-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.contact-intro{position:static}}@media (max-width:700px){h1{font-size:3.3rem}.site-header{padding:.7rem}.header-cta{display:none}.hero-grid{padding:6rem 1rem 5rem;min-height:78vh}.problem-grid,.quote-steps,.durability-grid,.form-grid{grid-template-columns:1fr}.problem-card{grid-template-rows:210px auto}.tick-list{columns:1}.span-2{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block;padding-bottom:4.6rem}.mobile-action-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:#10171a;border-top:2px solid var(--yellow)}.mobile-action-bar a{color:var(--white);text-align:center;text-decoration:none;padding:.9rem .3rem;font-weight:900;text-transform:uppercase}.mobile-action-bar a:nth-child(3){background:var(--yellow);color:var(--slate)}}