:root{
  --black:#03070c; --black2:#07111c; --navy:#081a2e; --navy2:#0b2746; --blue:#0d8fe8; --cyan:#27b8ff;
  --text:#f7fbff; --muted:#a6b7c7; --card:#0a1623; --card2:#0d2137; --line:rgba(255,255,255,.10);
  --radius:24px; --shadow:0 24px 70px rgba(0,0,0,.38);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--black);line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:1000;background:#fff;color:#000;padding:10px 14px;border-radius:10px}
.topbar{background:#000;color:#b9d9ef;font-size:.86rem;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.topbar a{font-weight:800;color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(3,7,12,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{height:68px;width:auto;max-width:245px;object-fit:contain}.menu{display:flex;align-items:center;gap:26px;font-weight:750;font-size:.94rem}.menu a:hover{color:var(--cyan)}.nav-cta{background:linear-gradient(135deg,var(--blue),#075dad)!important;color:#fff!important;padding:11px 17px;border-radius:999px}.nav-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:inherit}
.hero{overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(13,143,232,.18),transparent 28%),linear-gradient(135deg,#020509 0%,#071421 54%,#081a2e 100%);padding:74px 0 66px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:center}.eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.18em;color:var(--cyan);margin:0 0 14px}.hero h1{font-size:clamp(3.2rem,7vw,6.4rem);line-height:.9;letter-spacing:-.065em;margin:0;text-transform:uppercase;font-style:italic}.hero h1 span{color:var(--blue)}.lead{font-size:1.18rem;color:var(--muted);max-width:620px;margin:24px 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 19px;border-radius:999px;font-weight:900;transition:.18s ease}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--blue),#086ac2);color:#fff;box-shadow:0 10px 28px rgba(13,143,232,.26)}.ghost{border:1px solid rgba(255,255,255,.2);background:#0a1521;color:#fff}.trust-row{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;font-weight:800;color:#b8c7d5;margin-top:24px}.hero-media{position:relative}.hero-media img{border-radius:30px;box-shadow:var(--shadow);aspect-ratio:1.55/1;object-fit:cover;border:1px solid var(--line)}.hero-media:before{content:"";position:absolute;inset:-30px -20px auto auto;width:220px;height:220px;background:radial-gradient(circle,var(--blue),transparent 66%);opacity:.22}.media-tag{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(0,0,0,.78);color:#fff;padding:14px 16px;border-radius:16px;display:flex;justify-content:space-between;gap:10px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.09)}.media-tag span{color:#b9d9ef}
.service-band{padding:95px 0;background:#050b12}.section-heading{max-width:800px;margin-bottom:38px}.split-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;max-width:none}.section-heading h2,.feature h2,.about h2,.estimate h2{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:0}.split-heading>p{color:var(--muted);margin:0;font-size:1.05rem}.service-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-panel{padding:34px;border-radius:var(--radius);min-height:100%;border:1px solid var(--line);background:linear-gradient(160deg,#091623,#07111b);box-shadow:0 16px 48px rgba(0,0,0,.18)}.service-panel.pools{background:linear-gradient(160deg,#0b2037,#081522)}.panel-kicker{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--cyan)}.service-panel h3{font-size:2rem;margin:8px 0 18px}.service-panel ul{margin:0;padding:0;columns:2;column-gap:38px;list-style:none}.service-panel li{break-inside:avoid;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09);color:#d8e3ec}.service-panel li:before{content:"✓";color:var(--blue);font-weight:1000;margin-right:8px}.text-link{display:inline-block;margin-top:22px;font-weight:900;color:var(--cyan)}
.feature{padding:90px 0;border-top:1px solid var(--line)}.boat-feature{background:#07111b}.aluminum-feature{background:#03070c}.feature-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.feature-grid.reverse{grid-template-columns:.92fr 1.08fr}.feature-image img{border-radius:26px;box-shadow:var(--shadow);border:1px solid var(--line);width:100%}.feature-copy p:not(.eyebrow){color:var(--muted);font-size:1.06rem}.mini-points{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 26px}.mini-points span{background:#0d1a27;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:.86rem;font-weight:800;color:#dbe8f3}
.gallery-section{padding:95px 0;background:#07111b;border-top:1px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery figure{margin:0;position:relative;border-radius:22px;overflow:hidden;background:var(--navy);border:1px solid var(--line)}.gallery img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .25s ease}.gallery figure:hover img{transform:scale(1.018)}.gallery figcaption{position:absolute;left:16px;bottom:16px;background:rgba(0,0,0,.80);color:#fff;padding:9px 12px;border-radius:12px;font-weight:850;font-size:.85rem;border:1px solid rgba(255,255,255,.08)}
.about{padding:95px 0;background:linear-gradient(135deg,#020509,#07192b);color:#fff;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:60px;align-items:start}.why-text{font-size:1.08rem;color:#bac9d7;max-width:650px;margin-top:24px}.steps{display:grid;gap:14px}.steps article{background:#0a1c30;border:1px solid rgba(255,255,255,.08);padding:22px;border-radius:18px}.steps span{color:var(--cyan);font-weight:1000}.steps h3{margin:5px 0 4px;font-size:1.2rem}.steps p{margin:0;color:#bed0df}
.estimate{padding:80px 0;background:linear-gradient(135deg,#086abd,#05396c)}.estimate-card{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;color:#fff}.estimate-card p{max-width:650px}.eyebrow.light{color:#dff5ff}.estimate-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.white{background:#fff;color:#061a33}.outline-light{border:1px solid rgba(255,255,255,.65);color:#fff}.social{text-align:center;padding:8px;font-weight:800}
footer{background:#020509}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;padding:44px 0}.footer-grid strong{font-size:1.5rem;font-style:italic}.footer-grid strong span{color:var(--blue)}.footer-grid p{margin:4px 0;color:#8296a9}.footer-links{display:flex;gap:18px;align-items:start;font-weight:800}.copyright{padding:18px 0 90px;border-top:1px solid var(--line);font-size:.82rem;color:#647789}.mobile-cta{display:none}
@media(max-width:850px){.topbar-inner span{display:none}.topbar-inner{justify-content:center}.nav-toggle{display:block}.menu{display:none;position:absolute;top:78px;left:20px;right:20px;background:#07111b;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;border-radius:18px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:10px 4px}.nav-cta{text-align:center}.hero{padding-top:44px}.hero-grid,.feature-grid,.feature-grid.reverse,.about-grid,.estimate-card,.split-heading{grid-template-columns:1fr}.hero-grid{gap:36px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.split-heading{gap:18px}.service-columns{grid-template-columns:1fr}.service-panel ul{columns:1}.feature-grid{gap:26px}.about-grid{gap:34px}.gallery{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.mobile-cta{display:grid;grid-template-columns:.8fr 1.2fr;position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom, 0px));z-index:90;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.4)}.mobile-cta a{padding:14px 12px;text-align:center;font-weight:900;background:#061a33;color:#fff}.mobile-cta .accent{background:var(--blue)}.copyright{padding-bottom:calc(160px + env(safe-area-inset-bottom, 0px))}.wrap{width:min(100% - 28px,1180px)}.brand-logo{height:58px;max-width:200px}}
@media(max-width:850px){.hero-media img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}.media-tag{position:static;margin-top:12px}}
@media(max-width:520px){.hero-actions .btn{width:100%}.trust-row{display:grid;gap:8px}.media-tag{flex-direction:column}.service-panel{padding:24px}.gallery-section,.service-band,.feature,.about{padding:70px 0}.estimate{padding:60px 0}.section-heading h2,.feature h2,.about h2,.estimate h2{font-size:2.35rem}}