
:root{
  --cyan:#17dce2;--cyan2:#00bbc8;--teal:#006f77;--dark:#002d33;--deep:#001e22;
  --ink:#0b1214;--muted:#556268;--line:#dce7e8;--soft:#f4fbfb;--white:#fff;
  --shadow:0 18px 40px rgba(0,63,70,.13);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:linear-gradient(90deg,#0a1519,#003941,#00414a);color:#fff;font-size:.88rem}.topbar-inner{min-height:44px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}
.top-left{display:flex;gap:26px}.top-center{text-align:center;color:var(--cyan);font-weight:700}.socials{display:flex;justify-content:flex-end;gap:20px;font-weight:700}
.main-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.04)}.nav-row{height:110px;display:flex;align-items:center;gap:18px}.brand img{width:420px;max-width:34vw;height:95px;object-fit:cover;object-position:left center}nav{display:flex;gap:2px;margin-left:auto}
.nav{border:0;background:transparent;padding:14px 13px;cursor:pointer;font-weight:700;position:relative}.nav.active:after,.nav:hover:after{content:"";position:absolute;left:22%;right:22%;bottom:6px;height:3px;background:var(--cyan)}
.pill{border:0;border-radius:999px;padding:15px 22px;font-weight:800;cursor:pointer;letter-spacing:.01em}.pill span{font-size:1.35em}.pill-cyan{background:linear-gradient(90deg,#11dce4,#26f0ef);color:#051b1f;box-shadow:0 12px 25px rgba(9,204,214,.25)}.pill-dark{background:linear-gradient(90deg,#10383d,#004d56);color:#fff;border:1px solid var(--cyan)}.pill-outline{background:transparent;color:#fff;border:2px solid var(--cyan)}.full{width:100%}.hamburger{display:none}
.page{display:none}.page.active{display:block}
.hero{background:linear-gradient(90deg,#fff 0%,#fff 42%,#e2f7f8 100%);overflow:hidden}.hero-grid{min-height:560px;display:grid;grid-template-columns:46% 54%;align-items:stretch}.hero-copy{padding:76px 0 56px;z-index:3}.eyebrow{letter-spacing:.18em;color:#0c5560;font-size:.8rem;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(3rem,5vw,5.2rem);line-height:.99;margin:.18em 0 .3em}.hero h1 span{color:#16bcc7}.hero-copy p{font-size:1.11rem;max-width:620px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-media{position:relative;overflow:hidden;min-height:560px}.hero-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.05) 22%,rgba(0,20,24,.05) 62%,rgba(0,25,30,.42))}
.handnote{position:absolute;z-index:4;left:7%;top:16%;font-family:"Comic Sans MS",cursive;font-style:italic;font-size:1.55rem;line-height:1.4;transform:rotate(-6deg)}.benefits{position:absolute;z-index:5;right:4%;top:9%;width:225px;display:flex;flex-direction:column;gap:10px}.benefits div{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(0,45,51,.72);border:1px solid rgba(23,220,226,.26);color:#fff;backdrop-filter:blur(7px)}.benefits b{font-size:1.65rem;color:var(--cyan)}.benefits span{font-weight:700;line-height:1.16}
.wave{position:absolute;z-index:3;right:-10%;left:25%;height:95px;border-radius:50% 0 0 0;transform:rotate(-7deg)}.wave1{bottom:48px;background:rgba(14,218,225,.92)}.wave2{bottom:4px;background:linear-gradient(90deg,rgba(2,83,91,.94),rgba(0,21,25,.98));height:118px}.script-tag{position:absolute;z-index:6;right:5%;bottom:24px;color:#fff;font-family:"Brush Script MT",cursive;font-size:2.15rem;line-height:.82;transform:rotate(-5deg)}.script-tag span{color:var(--cyan)}
.quick-services{background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(7,1fr)}.quick{text-align:center;padding:24px 10px 26px;border-right:1px solid #dfe7e8;font-weight:700;font-size:.9rem}.quick:last-child{border-right:0}.circle{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#d9f8fa;margin:0 auto 9px;font-size:1.6rem}
.mission{background:linear-gradient(90deg,#063c43,#00343b,#001e22);color:#fff}.mission-grid{min-height:128px;display:grid;grid-template-columns:130px 225px 1fr 205px;align-items:center;gap:22px}.mission-mark{font-family:Georgia,serif;font-size:8rem;color:rgba(24,220,226,.18);line-height:1}.mission-script{font-family:"Brush Script MT",cursive;font-size:2.6rem;color:var(--cyan)}.mission p{color:#e5f5f6}
.subhero{padding:64px 0 50px;background:linear-gradient(110deg,#fff,#dbf6f7);border-bottom:1px solid var(--line)}.subhero h2{font-family:Georgia,serif;font-size:clamp(2.5rem,4vw,4.2rem);margin:.12em 0 .25em}.subhero p{max-width:800px;color:var(--muted);font-size:1.08rem}
.section{padding:70px 0}.two-col,.schedule-grid,.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.card,.price-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:28px}.credential{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card-icon{font-size:2rem}.card p{color:var(--muted)}
.pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{display:flex;flex-direction:column;position:relative}.price-card.featured{border:2px solid var(--cyan2);transform:translateY(-8px)}.tiny-label{font-size:.76rem;letter-spacing:.12em;color:#006f77;font-weight:800}.price{font-size:2.35rem;font-weight:800;margin:8px 0}.price span{font-size:1rem;color:var(--muted)}.price-card ul{padding-left:20px;flex:1}.price-card li{margin:7px 0}.badge{position:absolute;right:18px;top:18px;background:#07505a;color:#fff;border-radius:999px;padding:5px 9px;font-size:.67rem;font-weight:800}.monthly{margin-top:34px;background:linear-gradient(90deg,#083840,#006f77);color:#fff;border-radius:20px;padding:30px;display:grid;grid-template-columns:1.6fr .55fr .55fr;gap:18px;align-items:center}.monthbox{padding:18px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);border-radius:14px}.monthbox strong,.monthbox span{display:block}.light{color:var(--cyan)}
.booking label{display:block;font-weight:700;margin:14px 0 6px}.booking input,.booking select,.booking textarea{width:100%;padding:13px 14px;border:1px solid #ccdadd;border-radius:11px;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.small{font-size:.82rem;color:var(--muted)}.side{display:flex;flex-direction:column;gap:18px}.contact-logo{width:320px;max-width:100%}
footer{background:#07171a;color:#d5e3e4;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}footer p{margin:4px 0;color:#aebfc1}
@media(max-width:1050px){.brand img{width:300px}.desktop-book{display:none}.hero-grid{grid-template-columns:1fr}.hero-media{min-height:500px}.quick-grid{grid-template-columns:repeat(4,1fr)}.mission-grid{grid-template-columns:90px 190px 1fr}.mission-grid .pill{grid-column:3}.pricing{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.top-center,.socials{display:none}.topbar-inner{grid-template-columns:1fr}.top-left{justify-content:center;flex-wrap:wrap}.nav-row{height:82px}.brand img{width:225px;max-width:58vw;height:68px}.hamburger{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;font-size:1.2rem}nav{display:none;position:absolute;top:82px;left:4%;right:4%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:10px;flex-direction:column;align-items:stretch}nav.open{display:flex}.nav{text-align:left}.hero-copy{padding:48px 0}.hero-media{min-height:460px}.benefits{width:185px}.handnote{font-size:1.15rem}.quick-grid{grid-template-columns:repeat(2,1fr)}.mission-grid,.two-col,.schedule-grid,.contact-grid,.monthly{grid-template-columns:1fr}.mission-mark{display:none}.mission-grid{padding:22px 0}.mission-grid .pill{grid-column:auto}.pricing,.cards{grid-template-columns:1fr}.price-card.featured{transform:none}.form-row,.footer-grid{grid-template-columns:1fr}}
