:root{--bg:#030b18;--panel:#081a2e;--blue:#02bdfd;--text:#edf7ff;--muted:#b5c8d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff;outline-offset:3px}.container{max-width:1160px;margin:auto;padding:0 24px}.header{position:sticky;top:0;z-index:10;background:#020915f5;border-bottom:1px solid #0a6da5}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px}.wordmark{font-size:22px;font-weight:900;letter-spacing:.07em;text-decoration:none;line-height:1.1}.wordmark small{display:block;font-size:13px;font-style:italic;font-weight:500;color:var(--blue);letter-spacing:.02em}.links{display:flex;align-items:center;gap:24px}.links a{text-decoration:none;font-weight:650;font-size:14px}.links a[aria-current=page]{color:var(--blue)}.btn{display:inline-block;border:1px solid #00bfff;background:linear-gradient(115deg,#0074e5,#00bffc);color:#001126!important;text-decoration:none;padding:12px 24px;border-radius:40px;font-weight:800;cursor:pointer;text-align:center}.btn.alt{background:transparent;color:white!important}.hero{position:relative;overflow:hidden;padding:80px 0 95px;background:radial-gradient(circle at 76% 21%,#48c9ff70 0 4%,#165f9b45 9%,transparent 24%),linear-gradient(125deg,#030b19,#092e56 63%,#020712)}.hero:after{content:'';position:absolute;bottom:-105px;left:-10%;width:120%;height:180px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#047bb5 0 2px,#002a55 7px,#04101e 18px);opacity:.75}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{color:#50d5ff;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:750}h1{font-size:clamp(38px,5.5vw,72px);line-height:1.07;margin:14px 0 20px}h2{font-size:clamp(29px,3.4vw,43px);line-height:1.15;margin:0 0 20px}h3{margin:0 0 9px;font-size:21px}.lead{font-size:19px;color:#d1e7f6;max-width:650px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.hero-logo{width:100%;border-radius:20px;box-shadow:0 0 80px #009bff3d}.section{padding:76px 0}.section.dark{background:#07172a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #145178;border-radius:18px;background:linear-gradient(160deg,#0b2943,#061322);padding:27px}.card p,.muted{color:var(--muted)}.tag{display:inline-block;color:#69ddff;font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.price{font-size:70px;font-weight:900;color:#25d4ff;line-height:1}.price small{font-size:17px;color:#c9e6f7}.checklist{list-style:none;padding:0}.checklist li{padding:7px 0}.checklist li:before{content:'✓';color:#17d3ff;font-weight:bold;margin-right:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.banner{border:1px solid #0ca7eb;background:linear-gradient(90deg,#073257,#03101d);border-radius:22px;padding:36px}.footer{border-top:1px solid #115077;background:#020915;padding:32px 0;color:#b6d1e5}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}label{font-weight:650;font-size:14px}input,select,textarea{background:#f7fbff;color:#081524;border:1px solid #90abc2;border-radius:8px;padding:13px;font:inherit;width:100%}textarea{min-height:110px}input[type=file]{color:#08213b}.fine{font-size:13px;color:#b6cde0}.notice{background:#0a2b46;border-left:4px solid #13bffb;padding:16px 20px;margin:18px 0}.mobile-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.hero-inner,.split,.grid{grid-template-columns:1fr}.hero{padding:60px 0 85px}.hero-logo{max-width:560px}.mobile-toggle{display:block;border:1px solid #1789bb;background:transparent;color:white;border-radius:8px;padding:8px 12px}.links{display:none;position:absolute;top:77px;left:0;right:0;background:#061526;padding:20px;flex-direction:column;align-items:stretch}.links.open{display:flex}.form{grid-template-columns:1fr}.nav{min-height:77px}.section{padding:55px 0}}
/* v2 approved moonlit homepage visual system */
:root{--blue:#00caff} .header{background:#020915f8;border-bottom:2px solid #00aef2}.nav{min-height:66px}.wordmark{font-family:Georgia,serif;font-size:clamp(17px,2.2vw,29px);letter-spacing:.025em;color:#eaf4ff;text-shadow:0 2px 0 #57718c,0 0 14px #3c9dff}.wordmark small{font-family:cursive;font-size:17px;letter-spacing:0;text-shadow:0 0 8px #00bbff}.links a{text-transform:uppercase;letter-spacing:.04em}.links a[aria-current=page]{text-decoration:underline;text-decoration-color:#00d9ff;text-underline-offset:12px}.btn{background:linear-gradient(120deg,#0079f5,#00c8ff);border:2px solid #00d7ff;box-shadow:0 0 15px #008fff80;padding:12px 25px;color:#031224!important;letter-spacing:.03em}.btn.alt{border-color:#00d5ff;box-shadow:0 0 12px #00a4ff60;background:#00152ab8;color:#fff!important}.showcase{min-height:480px;position:relative;isolation:isolate;overflow:hidden;background:#020915}.showcase-photo{position:absolute;inset:0 0 0 44%;background:url('moonlit-pool.jpg') center center/cover no-repeat;z-index:-2}.showcase-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020915 0%,#020915 22%,#031326e8 37%,#03132666 59%,#0000 85%),linear-gradient(0deg,#00102588,transparent 30%)}.showcase-content{min-height:480px;display:flex;align-items:center}.showcase-brand{width:min(660px,62%);padding:20px 0}.showcase-brand img{width:100%;max-width:660px;mix-blend-mode:screen;filter:drop-shadow(0 0 12px #0784d966)}.showcase-caption{font-size:clamp(11px,1.4vw,16px);font-weight:700;letter-spacing:.21em;color:#eaf5ff;margin:8px 0 16px;text-align:center}.showcase .actions{justify-content:center}.feature-strip{border-block:2px solid #00bff7;background:#020b1c}.features{display:grid;grid-template-columns:repeat(4,1fr);padding-top:19px;padding-bottom:19px}.feature{display:flex;gap:13px;align-items:center;padding:8px 15px;border-right:1px solid #00bdf5;text-decoration:none}.feature:last-child{border-right:0}.feature-icon{font-size:44px;color:#00caff;line-height:1;text-shadow:0 0 12px #00caff}.feature strong{display:block;font-size:15px;line-height:1.3}.feature small{display:block;color:#d0e2ee;line-height:1.4;font-size:12px;margin-top:6px}.home-bottom{display:grid;grid-template-columns:1.04fr .96fr;min-height:345px;border-bottom:2px solid #00bfff}.home-image{background:linear-gradient(90deg,#00162b9e,#00162b12),url('water-manatee.jpg') center/cover no-repeat;display:flex;align-items:center;padding:40px clamp(25px,5vw,75px)}.home-image h2{font-size:clamp(30px,3vw,48px);text-shadow:0 2px 10px #001020}.home-image-copy span{font:italic clamp(27px,3vw,49px) cursive;color:#00caff;text-shadow:0 0 12px #00bfff}.home-price{padding:20px;background:radial-gradient(circle at 90% 100%,#064474,#020915 60%);display:flex}.home-price-frame{border:2px solid #00c9f9;border-radius:12px;padding:20px 24px;width:100%;box-shadow:0 0 14px #00baff35}.home-price h2{font-size:clamp(24px,3vw,39px);margin:0 0 5px;font-family:Georgia,serif;letter-spacing:.05em}.home-price p{font-size:13px;letter-spacing:.08em;margin:4px 0 12px}.price-layout{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.price-layout .checklist{margin:0}.price-layout li{font-size:14px;padding:5px 0}.price-badge{border:2px solid #00d6ff;border-radius:20px;padding:13px 17px;text-align:center;min-width:145px}.price-badge strong{display:block;font-size:13px}.price-badge span{display:block;font-weight:900;font-size:clamp(46px,5vw,77px);line-height:1.1;color:#00d2ff}.price-badge small{font-size:16px;font-weight:800}.home-price .btn{margin-top:9px}.home-price .fine{font-size:11px;letter-spacing:0}.footer{border-top:0}.section{background:radial-gradient(circle at 90% 0%,#073e67,#030b18 65%)}.section h1,.section h2{font-family:Georgia,serif;text-shadow:0 0 12px #147fcb66}.card,.banner{border-color:#00aef1;box-shadow:0 0 20px #0064b022}
@media(max-width:950px){.features{grid-template-columns:repeat(2,1fr)}.feature:nth-child(2){border-right:0}.home-bottom{grid-template-columns:1fr}.home-image{min-height:310px}.showcase-brand{width:70%}}
@media(max-width:620px){.showcase{min-height:520px}.showcase-content{min-height:520px;align-items:end;padding-bottom:30px}.showcase-photo{inset:0;background-position:63% center}.showcase-shade{background:linear-gradient(0deg,#020915 0%,#020915d9 28%,#00152c7a 70%,#00152c55)}.showcase-brand{width:100%}.showcase-brand img{max-width:450px}.showcase-caption{letter-spacing:.11em}.showcase .actions{gap:10px}.showcase .btn{font-size:12px;padding:10px 13px}.features{grid-template-columns:1fr 1fr;gap:0}.feature{padding:13px 7px}.feature-icon{font-size:29px}.feature strong{font-size:11px}.feature small{font-size:11px}.price-layout{grid-template-columns:1fr}.price-badge{max-width:220px}.home-image{min-height:260px}.home-price{padding:12px}.home-price-frame{padding:15px}}


/* Version 3: closer visual fidelity to the approved moonlit homepage */
.showcase { min-height: 500px; background: #010b1b; }
.showcase-photo { inset:0; background-image:url('approved-pool-scene.jpg'); background-size:cover; background-position:72% 53%; }
.showcase-shade { background:linear-gradient(90deg,#010a1b 0%,#010a1bed 19%,#01172fc7 39%,#01162d40 63%,transparent 91%),linear-gradient(0deg,#00162b9e,transparent 28%); }
.showcase-content { min-height:500px; }
.showcase-brand { width:min(675px,60%);padding:6px 0 10px; }
.showcase-brand img { mix-blend-mode:normal; filter:drop-shadow(0 0 13px #1d8af588); border-radius:0; }
.showcase-caption { margin:0 0 18px;letter-spacing:.17em; }
.feature-icon { width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex:none; }
.feature-icon svg { width:43px;height:43px;filter:drop-shadow(0 0 6px #00bfff66); }
.feature-strip .features { max-width:1450px; }
.feature { min-height:91px; }
.feature strong { font-size:16px; }
.feature small { font-size:13px; }
.home-price-frame { border-radius:10px; }
@media(min-width:1300px){.showcase .container {max-width:1420px}.showcase-brand {width:665px}}
@media(max-width:850px){.showcase-brand {width:78%}.showcase-shade{background:linear-gradient(90deg,#011126e8,#0111267a 75%,#01112630)}}
@media(max-width:620px){.showcase-brand{width:100%}.showcase-photo{background-position:64% center}.showcase-shade{background:linear-gradient(0deg,#010a1b 0%,#011126d8 44%,#0111264a 100%)}.feature-icon{width:37px;height:37px}.feature-icon svg{width:30px;height:30px}.feature strong{font-size:11px}.feature small{font-size:11px}}

/* V4: wider, less-cropped pool view; soft seamless scene behind approved logo. */
.showcase-photo { background-image:url('pool-panorama-v4.jpg'); background-size:100% 100%; background-position:center; }
.showcase-shade { background:linear-gradient(90deg,#010918d9 0%,#010918bd 24%,#0109187a 43%,#01091818 68%,transparent 100%),linear-gradient(0deg,#00112655,transparent 40%); }
@media(max-width:850px){.showcase-photo{background-size:auto 100%;background-position:55% center}}
@media(max-width:620px){.showcase-photo{background-size:auto 100%;background-position:57% center}}

/* Manatee Moon Pools branding update */
.wordmark {font-size:clamp(15px,1.65vw,24px);white-space:nowrap}
@media(max-width:680px){.wordmark{font-size:16px;white-space:normal;line-height:1.1}}
.showcase-brand img{max-width:100%;height:auto}

/* V6: compact quote navigation and consistent emblem */
.header .nav{min-height:66px;gap:16px}
.header .wordmark{display:flex;align-items:center;gap:9px;min-width:0;font-size:clamp(15px,1.5vw,22px)}
.header .wordmark span{display:block}
.header .wordmark small{font-size:clamp(11px,1vw,15px)}
.header-emblem{display:block;width:61px;height:48px;object-fit:contain;flex:none;filter:drop-shadow(0 0 5px #008aff77)}
.header .links{gap:clamp(11px,1.5vw,22px)}
.header .links a{font-size:13px;white-space:nowrap}
.header .links .btn{font-size:12px;line-height:1.2;padding:10px 17px;border-radius:999px;box-shadow:0 0 9px #008fff55;letter-spacing:.025em}
.showcase-brand img{filter:drop-shadow(0 0 9px #1d8af54d);mix-blend-mode:screen}
.home-image{background-size:auto, 100% auto;background-position:center,center 42%;background-color:#063d64}
@media(max-width:1050px){.header .wordmark{font-size:16px}.header-emblem{width:47px;height:40px}.header .links{gap:12px}.header .links a{font-size:12px}.header .links .btn{padding:9px 13px}}
@media(max-width:800px){.header .links{gap:12px}.header .links .btn{width:fit-content}.header-emblem{width:47px;height:42px}}
@media(max-width:620px){.home-image{background-size:auto,cover;background-position:center,center 42%}.header .wordmark{font-size:15px}}


/* V7: stronger hero logo and natural non-mirrored pool background */
.showcase-photo{background-image:url('moonlit-pool.jpg');background-size:cover;background-position:72% 52%;}
.showcase-shade{background:linear-gradient(90deg,#010916f0 0%,#010916d9 21%,#021120b8 36%,#02112070 52%,rgba(2,17,32,.15) 72%,transparent 100%),linear-gradient(0deg,rgba(0,15,34,.34),transparent 42%);} 
.showcase-brand img{mix-blend-mode:normal;opacity:.98;filter:drop-shadow(0 0 8px rgba(29,138,245,.40));}
@media(min-width:1200px){.showcase-photo{background-size:109% auto;background-position:73% 50%;}}
@media(max-width:850px){.showcase-photo{background-size:cover;background-position:70% center;}}
@media(max-width:620px){.showcase-photo{background-size:cover;background-position:68% center;}.showcase-brand img{opacity:1;}}


/* V8: higher-quality hero pool background and remove boxy hero border feel */
.showcase{border:none;box-shadow:none;}
.showcase-photo{background-image:url('hero-bg-v8.png');background-size:109% auto;background-position:73% 50%;background-repeat:no-repeat;}
.showcase-shade{background:linear-gradient(90deg,#010916f2 0%,#010916db 21%,#021120bc 36%,#0211206f 52%,rgba(2,17,32,.10) 72%,transparent 100%),linear-gradient(0deg,rgba(0,15,34,.28),transparent 44%);} 
.feature-strip{border-top:0;border-bottom:2px solid #00bff7;}
@media(max-width:850px){.showcase-photo{background-size:cover;background-position:70% center;}}
@media(max-width:620px){.showcase-photo{background-size:cover;background-position:68% center;}}


/* V9: fix hero sizing/layout so it reads as one seamless hero image */
.showcase{min-height:500px;background:#020915;}
.showcase-photo{
  inset:0;
  background-image:url('hero-bg-v8.png');
  background-size:109% auto;
  background-position:73% 50%;
  background-repeat:no-repeat;
}
.showcase-shade{
  background:
    linear-gradient(90deg, rgba(2,9,21,.82) 0%, rgba(2,9,21,.72) 18%, rgba(2,9,21,.52) 33%, rgba(2,9,21,.18) 55%, rgba(2,9,21,.03) 74%, rgba(2,9,21,0) 100%),
    linear-gradient(0deg, rgba(0,16,37,.24), rgba(0,16,37,0) 46%);
}
.showcase-content{min-height:500px;align-items:center;}
.showcase-brand{
  width:min(560px,48%);
  max-width:560px;
  padding:10px 0 8px;
  margin-left:8px;
}
.showcase-brand img{
  width:100%;
  max-width:560px;
  opacity:1;
  filter:drop-shadow(0 0 8px rgba(18,110,200,.35));
}
.showcase-caption{
  text-align:left;
  max-width:700px;
  margin:4px 0 16px 8px;
  letter-spacing:.20em;
}
.showcase .actions{justify-content:flex-start;padding-left:8px;}
@media(min-width:1300px){
  .showcase .container{max-width:1420px}
  .showcase-brand{width:540px;max-width:540px}
}
@media(max-width:1000px){
  .showcase-brand{width:62%;max-width:520px}
  .showcase-photo{background-size:cover;background-position:68% center;}
}
@media(max-width:850px){
  .showcase-brand{width:72%;max-width:none;margin-left:0}
  .showcase-caption{margin-left:0}
  .showcase .actions{padding-left:0}
  .showcase-photo{background-size:cover;background-position:66% center;}
}
@media(max-width:620px){
  .showcase{min-height:520px}
  .showcase-brand{width:100%;padding-top:0}
  .showcase-caption{text-align:center;margin:2px 0 14px;letter-spacing:.11em}
  .showcase .actions{justify-content:center;padding-left:0}
  .showcase-photo{background-size:cover;background-position:64% center;}
  .showcase-shade{background:linear-gradient(0deg, rgba(2,9,21,.88) 0%, rgba(2,9,21,.72) 32%, rgba(2,9,21,.28) 72%, rgba(2,9,21,.08) 100%);} 
}

/* FINAL HERO BACKGROUND: natural high-quality pool composition, one seamless image */
.showcase {
    border: 0;
    box-shadow: none;
    background: #031023;
}
.showcase-photo {
    inset: 0;
    background-image: url('moonlit-pool-hq.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 54% 57%;
    image-rendering: auto;
}
.showcase-shade {
    background:
        linear-gradient(90deg, rgba(1,9,21,.64) 0%, rgba(1,9,21,.52) 20%,
                              rgba(1,9,21,.26) 43%, rgba(1,9,21,.05) 70%,
                              transparent 100%),
        linear-gradient(0deg, rgba(0,13,32,.26), transparent 40%);
}
.showcase-brand img {
    opacity: 1;
    mix-blend-mode: normal;
    filter: drop-shadow(0 2px 10px rgba(0,8,25,.32));
}
@media (max-width: 1000px) {
    .showcase-photo { background-size: cover; background-position: 61% 55%; }
}
@media (max-width: 620px) {
    .showcase-photo { background-size: cover; background-position: 64% center; }
    .showcase-shade {
      background: linear-gradient(0deg, rgba(1,9,21,.89), rgba(1,9,21,.49) 55%, rgba(1,9,21,.15));
    }
}