@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#06172e;--ink:#1e2e42;--muted:#5e6c7c;--accent:#24b4bb;--bg:#f5f7f8;--white:#fff;--edge:#dfe5ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);line-height:1.65;background:white}h1,h2,h3{font-family:Inter,system-ui,sans-serif;line-height:1.16;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(2.45rem,5vw,4.6rem);max-width:800px;margin:.5rem 0 1rem}h2{font-size:clamp(1.8rem,3vw,2.9rem);margin:.3rem 0 1rem}h3{font-size:1.25rem;margin:.3rem 0 .7rem}p{margin:0 0 1rem}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{background:#07182a;color:#dce6ee;padding:7px 0;font-size:.8rem}.topbar .wrap{display:flex;gap:22px;justify-content:flex-end}.topbar a{text-decoration:none}.header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #142e3c13}.navrow{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;text-decoration:none;gap:12px;max-width:320px}.brand img{width:91px;max-height:65px;object-fit:contain}.brand span{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:1rem;line-height:1.3;color:var(--navy)}.brand small{font-weight:600;display:block;font-size:.7rem;letter-spacing:.09em;color:#8b652f;text-transform:uppercase}.nav{display:flex;gap:23px;align-items:center}.nav a{text-decoration:none;color:#20354c;font-size:.88rem;font-weight:700}.nav a:hover,.nav a[aria-current=page]{color:#9b6b27}.nav .nav-cta{background:var(--accent);color:#101d2d;padding:11px 17px;border-radius:6px}.menu-btn{display:none;background:none;border:1px solid var(--edge);border-radius:6px;padding:7px 11px;font-weight:700}.hero{background:var(--navy);color:white;position:relative;min-height:535px;display:flex;align-items:center;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07182cf5 0%,#07182cd9 46%,#07182c70 100%);z-index:-1}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero .wrap{padding:85px 0}.hero h1{color:white}.hero p{max-width:590px;font-size:1.1rem;color:#dce7ef}.eyebrow{color:#d5a665;text-transform:uppercase;font-weight:800;letter-spacing:.17em;font-size:.74rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.btn{border-radius:6px;display:inline-block;padding:12px 20px;text-decoration:none;font-weight:800;font-size:.9rem}.btn-primary{background:var(--accent);color:#0a1d34}.btn-outline{border:1px solid #9baec0;color:white}.btn-dark{background:var(--navy);color:#fff}.section{padding:77px 0}.soft{background:var(--bg)}.lead{font-size:1.08rem;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:30px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid var(--edge);border-radius:12px;overflow:hidden;background:white}.panel img{height:218px;object-fit:cover;width:100%}.panel-body{padding:22px}.panel p{color:var(--muted)}.panel a.link{font-weight:800;color:#855c2c;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.split img{border-radius:12px;max-height:440px;width:100%;object-fit:cover}.highlights{padding-left:20px}.highlights li{padding:6px 0}.cta{background:#0c2945;color:white;padding:60px 0}.cta h2{color:white}.cta p{color:#cbd9e7}.footer{background:#07182a;color:#b7c7d4;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer strong{display:block;color:white;margin-bottom:13px}.footer a{color:#d7e3ec;text-decoration:none;display:block;margin:5px 0}.footer a:hover{text-decoration:underline}.footnote{border-top:1px solid #273c52;margin-top:35px;padding-top:15px;font-size:.76rem}.footer .footnote a{display:inline}.notice{font-size:.88rem;color:var(--muted)}.form{display:grid;gap:16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form label{display:block;font-weight:700;font-size:.85rem;margin-bottom:5px}.form input,.form select,.form textarea{width:100%;border:1px solid #c9d2da;border-radius:6px;padding:12px;background:white}.form button{cursor:pointer;border:0}.form-status{font-weight:700}.form-card{padding:30px;border:1px solid var(--edge);border-radius:12px;box-shadow:0 8px 25px #0b27420b}.sr-only{position:absolute;left:-10000px}.article{max-width:800px}.article p{font-size:1.06rem}.small-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.small-gallery img{border-radius:8px;width:100%;height:240px;object-fit:cover}@media(max-width:930px){.menu-btn{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px 20px;box-shadow:0 12px 18px #0002;flex-direction:column;align-items:stretch}.nav.open{display:flex}.navrow{min-height:72px}.brand img{width:65px}.brand{max-width:265px}.split,.grid,.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.wrap{width:min(100% - 30px,1120px)}.split,.grid,.footer-grid,.fields,.small-gallery{grid-template-columns:1fr}.topbar .wrap{justify-content:center;gap:13px;flex-wrap:wrap}.hero{min-height:475px}.hero .wrap{padding:60px 0}.section{padding:55px 0}.brand span{font-size:.83rem}.panel img{height:205px}}
/* PME unified design — matches corporate navy, teal, scale and rounded elements. */
:root{--navy:#06172e;--accent:#24b4bb;--bg:#f4f7f8;--ink:#142438;--muted:#667485;--edge:#e6ecef}
.wrap{width:min(1320px,calc(100% - 48px))}
.topbar{background:#06172e;color:#dce6ee;border-bottom:1px solid rgba(255,255,255,.1)}
.topbar .wrap{min-height:38px;align-items:center;gap:26px}
.topbar a:hover{color:#52d0d4}
.header{box-shadow:0 8px 30px rgba(3,16,32,.07);border-bottom:1px solid #e6ecef;z-index:100}
.navrow{min-height:104px;gap:24px}
.brand{max-width:390px;gap:16px}
.brand img{width:112px;max-height:78px}
.brand span{font-weight:800;font-size:1.02rem;line-height:1.35;letter-spacing:-.02em}
.brand small{color:#667485;font-size:.61rem;letter-spacing:.06em;margin-top:4px}
.nav{gap:17px}
.nav>a,.dropdown-toggle{font:700 .86rem/1.3 Inter,system-ui,sans-serif;white-space:nowrap;color:#142438}
.nav>a:not(.nav-cta),.dropdown-toggle{padding:10px 0}
.nav a:hover,.nav a[aria-current=page],.dropdown-toggle:hover{color:#078a93}
.nav .nav-cta{background:#24b4bb;color:#031020;border-radius:999px;padding:13px 18px;box-shadow:0 9px 25px rgba(36,180,187,.18)}
.nav .nav-cta:hover{background:#52d0d4;color:#031020}
.nav-dropdown{position:relative}
.dropdown-toggle{background:transparent;border:0;cursor:pointer}
.nav-submenu{display:none;position:absolute;top:100%;left:-18px;min-width:225px;padding:12px;background:white;border:1px solid #e6ecef;border-radius:15px;box-shadow:0 15px 45px rgba(3,16,32,.16)}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu{display:grid;gap:3px}
.nav-submenu a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:#142438;white-space:nowrap}
.nav-submenu a:hover{background:#e9f8f8;color:#03656b}
.menu-btn{color:#06172e;border-radius:10px;cursor:pointer}
.menu-bars{font-size:1.25rem;line-height:1}.menu-word{margin-left:6px}
.hero{background:#031020}.hero:before{background:linear-gradient(90deg,#031020f5 0%,#06172ee6 42%,#06172e66 100%)}
.eyebrow{color:#52d0d4}
.hero .wrap{padding:95px 0}
.btn{border-radius:999px;padding:14px 24px}
.btn-primary{background:#24b4bb;color:#031020}
.btn-primary:hover{background:#52d0d4}
.btn-dark{background:#06172e}.btn-dark:hover{background:#0a2a47}
.btn-outline:hover{border-color:#52d0d4;color:#52d0d4}
.section{padding:100px 0}
.panel,.form-card,.split img{border-radius:22px}
.panel{box-shadow:0 12px 36px rgba(3,16,32,.045)}
.panel a.link{color:#087c83}
.cta{background:#06172e}
.footer{background:#031020;color:#c8d1d8;padding:65px 0 24px}
.footer-grid{grid-template-columns:2fr 1fr 1.2fr;gap:50px}
.footer strong{font-size:1rem;color:#fff}
.footer a:hover{color:#52d0d4}
.footer-logo{display:inline-block!important;margin:0 0 16px!important}
.footer-logo img{width:180px;max-height:90px;object-fit:contain}
.footnote{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #24374b;margin-top:42px;padding-top:22px}
.footer-credit{color:#c8d1d8}
.footer-credit a{display:inline}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #24b4bb;outline-offset:2px}
@media(max-width:1120px){.navrow{gap:14px}.nav{gap:11px}.brand{max-width:300px}.brand img{width:86px}.brand span{font-size:.88rem}.nav>a,.dropdown-toggle{font-size:.8rem}}
@media(max-width:930px){.navrow{min-height:78px}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:22px 24px;flex-direction:column;align-items:stretch;gap:8px;background:white;max-height:calc(100vh - 80px);overflow:auto}.nav.open{display:flex}.nav>a:not(.nav-cta),.dropdown-toggle{padding:12px}.dropdown-toggle{width:100%;text-align:left}.nav-submenu{position:static;display:none;box-shadow:none;border-radius:10px;margin-bottom:5px}.nav-dropdown:hover .nav-submenu{display:none}.nav-dropdown.open .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:grid}.nav .nav-cta{text-align:center}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:75px 0}}
@media(max-width:620px){.wrap{width:calc(100% - 30px)}.topbar .wrap{gap:9px 16px;padding:8px 0;text-align:center}.brand{max-width:230px}.brand img{width:63px}.brand span{font-size:.79rem}.brand small{font-size:.55rem}.footer-grid{grid-template-columns:1fr}.section{padding:55px 0}.hero .wrap{padding:65px 0}}

/* PME Corporate reference header: large white logo, deep navy gradient, teal underline, two pill buttons */
.header{background:linear-gradient(112deg,#031124 0%,#10253d 72%,#18334b 100%);color:#fff;border-bottom:1px solid rgba(115,184,202,.18);box-shadow:none;position:relative;top:auto}
.header .wrap.navrow{width:calc(100% - 100px);max-width:none;min-height:210px;gap:clamp(18px,2vw,42px);justify-content:space-between}
.header .brand{max-width:none;flex:0 1 540px;min-width:230px;gap:0}
.header .brand img{width:min(100%,540px);max-height:150px;height:auto;object-fit:contain;object-position:left center}
.header .nav{margin-left:auto;display:flex;align-items:center;gap:clamp(12px,1.25vw,24px)}
.header .nav>a,.header .dropdown-toggle{font-size:13px;font-weight:800;color:#fff;position:relative;padding:20px 0;text-decoration:none;line-height:1.2}
.header .nav>a:hover,.header .dropdown-toggle:hover{color:#78e0e1}
.header .nav>a[aria-current=page]::after{content:'';position:absolute;bottom:-17px;left:0;width:100%;height:2px;background:#24b4bb}
.header .nav .nav-dropdown{align-self:center}
.header .nav-submenu{background:#0c223a;border:1px solid #2a465a;z-index:12}
.header .nav-submenu a{color:#fff;font-size:13px}
.header .nav-submenu a:hover{background:#17364b;color:#74e0e5}
.header .header-actions{display:flex;gap:10px;align-items:center;flex:none}
.header .header-button{border-radius:999px;text-decoration:none;color:#fff;font-size:13px;font-weight:800;white-space:nowrap;padding:14px 24px;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.header .header-button-outline{border:1px solid rgba(255,255,255,.65);background:transparent}
.header .header-button-primary{border:1px solid #29b4c1;background:#1da8b6}
.header .header-button:hover{filter:brightness(1.12)}
.header .menu-btn{color:#fff;border-color:#6f8998}
@media(max-width:1500px){.header .wrap.navrow{width:calc(100% - 60px)}.header .brand{flex-basis:410px}.header .brand img{max-height:125px}.header .nav{gap:13px}.header .header-button{padding:12px 17px}}
@media(max-width:1180px){.header .wrap.navrow{min-height:145px}.header .brand{flex-basis:330px}.header .nav{gap:10px}.header .nav>a,.header .dropdown-toggle,.header .header-button{font-size:12px}.header .header-button{padding:11px 13px;min-height:42px}}
@media(max-width:1050px){.header .wrap.navrow{width:calc(100% - 40px);min-height:94px}.header .brand{flex:0 1 360px}.header .brand img{max-height:85px}.header .menu-btn{display:block;margin-left:auto}.header .nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 24px;background:#0b2138;flex-direction:column;align-items:stretch;gap:0;z-index:20;box-shadow:0 18px 25px #001a}.header .nav.open{display:flex}.header .nav>a,.header .dropdown-toggle{padding:15px 12px;color:#fff}.header .nav>a[aria-current=page]::after{bottom:0;width:40px;left:12px}.header .nav-submenu{position:static;max-width:100%;box-shadow:none}.header .header-actions{gap:8px}.header .header-button{padding:10px 14px}}
@media(max-width:700px){.header .wrap.navrow{width:calc(100% - 30px);min-height:82px;gap:10px}.header .brand{min-width:0;flex:1 1 auto}.header .brand img{max-height:65px}.header .header-actions{display:none}.header .menu-btn{flex:none}.header .nav.open::after{content:'Get a Quote  •  Owner Portal links are in the page footer';color:#abc7d1;font-size:11px;padding:12px}.header .nav{max-height:calc(100vh - 85px);overflow:auto}}

.header .nav .mobile-header-link{display:none}
@media(max-width:700px){.header .nav .mobile-header-link{display:block;color:#6ce2e7;border-top:1px solid #294256}.header .nav.open::after{display:none}}

/* PME Construction: corporate-family navbar with sticky, compact-on-scroll behavior */
.header{position:sticky;top:0;z-index:100;background:linear-gradient(112deg,#031124 0%,#10253d 72%,#06465a 100%);transition:box-shadow .22s ease}
.header .wrap.navrow{min-height:162px;transition:min-height .22s ease}
.header .brand{flex:0 1 440px;transition:flex-basis .22s ease}
.header .brand img{width:min(100%,440px);max-height:128px;transition:max-height .22s ease,width .22s ease}
.header .nav{gap:clamp(12px,1.2vw,23px)}
.header .nav>a[aria-current=page]::after{bottom:-12px}
.header .header-button-outline{background:transparent;border:1px solid rgba(255,255,255,.75);color:#fff}
.header.is-compact{box-shadow:0 7px 25px rgba(0,10,23,.28)}
.header.is-compact .wrap.navrow{min-height:82px}
.header.is-compact .brand{flex-basis:280px}
.header.is-compact .brand img{width:min(100%,280px);max-height:70px}
.header.is-compact .nav>a[aria-current=page]::after{bottom:-8px}
@media(max-width:1400px){.header .wrap.navrow{width:calc(100% - 50px);min-height:124px}.header .brand{flex-basis:300px}.header .brand img{max-height:95px}.header .nav{gap:12px}.header .header-button{padding:11px 15px}}
@media(max-width:1050px){.header .wrap.navrow{min-height:92px}.header .brand{flex:0 1 285px}.header .brand img{max-height:78px}.header.is-compact .wrap.navrow{min-height:70px}.header.is-compact .brand{flex:0 1 210px}.header.is-compact .brand img{max-height:56px}.header .nav{display:none}.header .nav.open{display:flex}.header .nav>a[aria-current=page]::after{bottom:0}}
@media(max-width:700px){.header .wrap.navrow{min-height:78px}.header .brand{flex:1 1 auto}.header .brand img{max-width:225px;max-height:63px}.header.is-compact .wrap.navrow{min-height:63px}.header.is-compact .brand{flex:1 1 auto}.header.is-compact .brand img{max-width:175px;max-height:50px}.header .header-actions{display:none}}
@media(prefers-reduced-motion:reduce){.header,.header .wrap.navrow,.header .brand,.header .brand img{transition:none}}


/* PME 2026 design refinement: balanced navbar and premium division footer */
.topbar{background:#061629}
.topbar .wrap{gap:24px}
.header{background:linear-gradient(108deg,#05162c 0%,#0b253c 64%,#06445a 100%);border-bottom:2px solid rgba(36,180,187,.65)}
.header .wrap.navrow{width:min(1560px,calc(100% - 80px));min-height:126px;gap:clamp(20px,2.5vw,52px)}
.header .brand{flex:0 1 340px;min-width:205px}
.header .brand img{width:100%;max-height:102px;object-position:left center}
.header .nav{margin-left:auto;gap:clamp(16px,1.4vw,27px)}
.header .nav>a,.header .dropdown-toggle{font-size:14px;font-weight:700;padding:18px 0}
.header .nav>a[aria-current=page]::after{bottom:4px;height:3px;border-radius:4px}
.header .header-button-outline{background:#10a8ae;color:#fff;border:1px solid #36c8ce;box-shadow:0 6px 20px rgba(4,175,183,.17)}
.header .header-button-outline:hover{background:#26c4c8;color:#06172e;filter:none}
.header.is-compact .wrap.navrow{min-height:72px}
.header.is-compact .brand{flex-basis:240px}
.header.is-compact .brand img{max-height:58px}
.header.is-compact .nav>a[aria-current=page]::after{bottom:4px}
.hero:before{background:linear-gradient(90deg,rgba(3,16,32,.94) 0%,rgba(3,16,32,.77) 45%,rgba(3,16,32,.32) 100%)}
.hero .wrap{padding:80px 0 88px}
.hero .eyebrow{color:#65d7db}
.footer{background:linear-gradient(155deg,#041324 0%,#061a2c 65%,#092b3b 100%);color:#d1dfe5;padding:0}
.footer .footer-inner{padding-top:0;padding-bottom:0}
.footer-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:43px 0 46px;border-top:4px solid #24b4bb;border-bottom:1px solid rgba(161,204,217,.18)}
.footer .footer-kicker{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#5bd4d8;margin:0 0 8px}
.footer-cta h2{font-size:clamp(1.45rem,2.4vw,2.15rem);letter-spacing:-.035em;line-height:1.18;color:white;margin:0 0 8px}
.footer-cta p:not(.footer-kicker){color:#b9cdd7;margin:0;max-width:720px;font-size:.92rem}
.footer .footer-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap;margin:0;padding:13px 23px;border-radius:999px;background:#1db8be;color:#041729;font-size:.91rem;font-weight:800;text-decoration:none;min-height:48px}
.footer .footer-cta-button:hover{background:#6ae0e0;color:#041729;text-decoration:none}
.footer-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.8fr) minmax(0,1.1fr);gap:clamp(32px,5vw,100px);padding:48px 0 52px}
.footer-company{max-width:440px}
.footer .footer-brand{display:inline-block;margin:0 0 12px}
.footer-brand img{width:235px;max-width:100%;height:auto;object-fit:contain;object-position:left}
.footer-division{color:#dcebf0;font-size:.9rem;line-height:1.7;margin:0 0 18px}
.footer-company address{font-style:normal;color:#b2c9d3;font-size:.88rem;line-height:1.75;margin:0 0 10px}
.footer .footer-phone{display:inline-block;color:#fff;font-weight:700;font-size:.94rem;margin:2px 0 9px}
.footer-license{font-size:.78rem;color:#9bb4c2;margin:0}
.footer-links h3{font-family:Inter,system-ui,sans-serif;color:#fff;font-size:.96rem;line-height:1.4;letter-spacing:0;margin:0 0 19px}
.footer .footer-links a{color:#c3d5de;font-size:.88rem;line-height:1.5;display:block;margin:0 0 12px;text-decoration:none}
.footer .footer-links a:hover,.footer .footnote a:hover{color:#60dadd;text-decoration:underline}
.footer-note{font-size:.8rem;line-height:1.7;color:#91adba;margin:21px 0 0;max-width:280px}
.footer .footnote{display:flex;justify-content:space-between;align-items:center;gap:12px 28px;flex-wrap:wrap;margin:0;padding:21px 0 26px;border-top:1px solid rgba(161,204,217,.18);color:#a6c0cb;font-size:.75rem;line-height:1.6}
.footer .footnote a{display:inline;margin:0;color:#d8f0f1}
@media(max-width:1400px){.header .wrap.navrow{width:calc(100% - 50px);min-height:110px;gap:23px}.header .brand{flex-basis:260px}.header .brand img{max-height:80px}.header .nav{gap:14px}.header .nav>a,.header .dropdown-toggle{font-size:12.5px}.header.is-compact .brand{flex-basis:205px}}
@media(max-width:1050px){.header .wrap.navrow{width:calc(100% - 40px);min-height:86px}.header .brand{flex:0 1 260px}.header .brand img{max-height:72px}.header .menu-btn{margin-left:auto}.header .nav{display:none;gap:0}.header .nav.open{display:flex}.header .nav>a,.header .dropdown-toggle{font-size:14px;padding:14px 12px}.header .nav>a[aria-current=page]::after{bottom:2px;left:12px;width:38px}.header.is-compact .wrap.navrow{min-height:68px}.header.is-compact .brand img{max-height:53px}.footer-main{grid-template-columns:1.2fr 1fr;gap:35px}.footer-main>.footer-links:last-child{grid-column:1/-1}}
@media(max-width:700px){.topbar .wrap{font-size:.7rem;gap:6px 14px}.header .wrap.navrow{width:calc(100% - 30px);min-height:75px}.header .brand{flex:1 1 auto;min-width:0}.header .brand img{max-width:205px;max-height:60px}.header.is-compact .brand{flex:1 1 auto}.header.is-compact .brand img{max-width:175px;max-height:48px}.footer-cta{flex-direction:column;align-items:flex-start;padding:35px 0}.footer-main{grid-template-columns:1fr;gap:32px;padding:36px 0}.footer-main>.footer-links:last-child{grid-column:auto}.footer-brand img{width:210px}.footer .footnote{display:grid;justify-content:start;padding:20px 0 24px}.hero .wrap{padding:65px 0 70px}}
@media(prefers-reduced-motion:reduce){.header .wrap.navrow,.header .brand,.header .brand img{transition:none}}
