:root{
  --navy:#073b63;
  --navy2:#0a4d7d;
  --blue:#1f82bd;
  --sky:#dff3ff;
  --sky2:#edf8ff;
  --ink:#0a3153;
  --muted:#5f7384;
  --white:#fff;
  --shadow:0 20px 55px rgba(7,59,99,.12);
  --radius:34px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#edf9ff 0,#fff 24%,#eef9ff 100%);overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 42px));margin:auto;position:relative;z-index:2}
.site-shell{position:relative;overflow:hidden}
.site-shell:before,.site-shell:after{content:"";position:fixed;z-index:-5;width:72vw;height:26vw;border-radius:50%;background:rgba(173,224,252,.22);filter:blur(1px);transform:rotate(-8deg)}
.site-shell:before{top:12vh;left:-25vw}.site-shell:after{bottom:6vh;right:-26vw}

/* brand */
.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.22em;color:var(--ink)}
.brand svg{width:46px;height:30px;flex:none}.brand .word{font-size:17px}.brand small{display:block;font-size:8px;letter-spacing:.32em;margin-top:2px;font-weight:600}

/* header */
.topbar{position:absolute;top:0;left:0;right:0;z-index:30;height:88px;display:flex;align-items:center}
.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav{display:flex;gap:30px;font-size:13px;font-weight:650}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--navy);border-radius:10px;transition:.25s}.nav a:hover:after{width:100%}
.nav-cta{border:1px solid rgba(7,59,99,.28);border-radius:999px;padding:12px 19px;font-weight:700;background:rgba(255,255,255,.42);backdrop-filter:blur(10px)}
.menu-btn{display:none;border:0;background:none;width:44px;height:44px;padding:8px}.menu-btn span{display:block;height:2px;background:var(--navy);margin:7px 0;border-radius:5px}
.mobile-menu{position:fixed;z-index:60;inset:0;background:rgba(5,49,83,.98);color:white;display:flex;flex-direction:column;justify-content:center;padding:44px;gap:25px;transform:translateY(-110%);transition:.35s ease}.mobile-menu.open{transform:none}.mobile-menu a{font-family:Georgia,serif;font-size:36px}.mobile-menu .close-menu{position:absolute;right:22px;top:20px;border:0;background:none;color:white;font-size:36px}

/* common organic pieces */
.wave-cut{position:relative}
.wave-cut:after{content:"";position:absolute;left:-4%;right:-4%;bottom:-42px;height:95px;background:var(--white);border-radius:50% 50% 0 0/70% 70% 0 0;z-index:4}
.eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;font-weight:800;margin:0 0 14px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;margin-top:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:15px 22px;font-weight:800;font-size:14px;border:0;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--navy);color:#fff}.btn-light{background:white;color:var(--navy)}.btn-outline{border:1.5px solid var(--navy);background:transparent;color:var(--navy)}.btn-whatsapp{background:#18c75a;color:#fff}

/* HOME HERO */
.hero{min-height:760px;position:relative;display:flex;align-items:center;padding-top:80px;background-image:linear-gradient(90deg,rgba(255,255,255,.92) 0 36%,rgba(255,255,255,.25) 52%,rgba(0,36,60,.08)),url('assets/home/hero-copa.jpeg');background-size:cover;background-position:center;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-1;left:-12%;top:-10%;width:58%;height:110%;background:rgba(255,255,255,.94);border-radius:0 58% 52% 0/0 45% 58% 0;box-shadow:18px 0 60px rgba(255,255,255,.38)}
.hero:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-58px;height:120px;background:linear-gradient(180deg,#fff,#f1f9ff);border-radius:50% 50% 0 0/70% 70% 0 0;z-index:1}
.hero-copy{max-width:500px}.hero h1{font-size:clamp(54px,6vw,84px);line-height:.93;letter-spacing:-.03em;margin-bottom:17px}.hero h1 em{font-style:normal;color:var(--blue)}.hero .lead{font-size:19px;line-height:1.5;max-width:440px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-badges{display:flex;gap:30px;margin-top:32px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hero-badges span{display:flex;align-items:center;gap:8px}.hero-badges i{font-style:normal;font-size:19px}.hero-note{position:absolute;right:6%;bottom:120px;color:white;font-family:cursive;font-size:29px;transform:rotate(-7deg);text-align:right;text-shadow:0 2px 18px rgba(0,0,0,.22)}

/* fleet */
.fleet{padding:105px 0 60px;background:linear-gradient(180deg,#fff 0,#f8fcff 100%);position:relative}
.fleet:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-55px;height:115px;background:#e8f7ff;border-radius:52% 48% 0 0/72% 72% 0 0;z-index:1}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head h2{font-size:clamp(42px,5vw,68px);line-height:1;margin-bottom:0}.section-head .sub{max-width:440px;line-height:1.7;color:var(--muted);font-size:15px}
.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fleet-card{background:white;box-shadow:var(--shadow);overflow:hidden;position:relative;min-height:455px;border-radius:38px 38px 52px 38px;transition:.3s}.fleet-card:hover{transform:translateY(-7px)}
.fleet-card .photo{height:315px;overflow:hidden;border-radius:38px 38px 42% 18%/38px 38px 20% 12%}.fleet-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.fleet-card:hover img{transform:scale(1.035)}
.fleet-card .body{padding:20px 22px 24px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.fleet-card h3{font-size:31px;margin:0 0 3px}.fleet-card p{margin:3px 0;color:var(--muted);font-size:14px}.fleet-card .cap{font-weight:800;color:var(--navy)}
.nautic-circle{width:46px;height:46px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center;font-size:20px}.nautic-circle:hover{transform:rotate(18deg)}

/* lifestyle */
.life{position:relative;min-height:500px;margin-top:55px;background:url('assets/home/experience.jpeg') center/cover no-repeat;color:#fff;display:flex;align-items:center;overflow:hidden}
.life:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,40,65,.88),rgba(3,40,65,.40) 45%,rgba(3,40,65,.08))}.life:after{content:"";position:absolute;left:-6%;right:-6%;top:-58px;height:105px;background:#e8f7ff;border-radius:0 0 50% 50%/0 0 72% 72%}
.life .content{position:relative;z-index:3;max-width:500px}.life h2{font-size:clamp(48px,5vw,76px);line-height:.95;margin-bottom:16px}.life p{font-size:18px;line-height:1.6;max-width:430px}

/* routes */
.routes{position:relative;min-height:470px;background:url('assets/home/routes.jpeg') center 45%/cover no-repeat;color:white;display:flex;align-items:center;overflow:hidden}.routes:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,47,75,.88),rgba(3,47,75,.15) 64%)}.routes:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-62px;height:110px;background:white;border-radius:52% 48% 0 0/70% 70% 0 0}.routes .content{position:relative;z-index:2}.routes h2{font-size:clamp(48px,5vw,72px);line-height:.95;margin-bottom:14px}.routes p{max-width:440px;line-height:1.6;font-size:17px}

.benefits{padding:85px 0 75px;background:white}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.benefit{display:flex;align-items:center;gap:14px;font-weight:750}.benefit .icon{font-size:28px}
.footer{position:relative;background:var(--navy);color:#fff;padding:75px 0 42px;overflow:hidden}.footer:before{content:"";position:absolute;left:-7%;right:-7%;top:-62px;height:110px;background:white;border-radius:0 0 50% 50%/0 0 70% 70%}.footer .inner{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:30px;align-items:end}.footer .brand{color:white}.footer p{margin:0;line-height:1.6;font-size:13px;opacity:.78}.footer nav{display:flex;justify-content:flex-end;gap:18px;font-size:13px}.float-wa{position:fixed;z-index:45;right:20px;bottom:20px;border:0;border-radius:999px;background:#18c75a;color:white;box-shadow:0 18px 45px rgba(0,90,40,.25);padding:14px 18px;font-weight:850;display:flex;align-items:center;gap:10px;cursor:pointer}.float-wa b{font-size:20px}

/* BOAT DETAIL */
.boat-hero{min-height:680px;position:relative;padding-top:90px;display:flex;align-items:center;overflow:hidden;background:#eef9ff}.boat-hero:before{content:"";position:absolute;left:-11%;top:-5%;width:56%;height:103%;background:white;border-radius:0 58% 52% 0/0 45% 58% 0;z-index:1}.boat-hero:after{content:"";position:absolute;left:-6%;right:-6%;bottom:-58px;height:110px;background:#fff;border-radius:50% 50% 0 0/70% 70% 0 0;z-index:4}.boat-hero .hero-image{position:absolute;inset:0 0 0 35%;background-size:cover;background-position:center;border-radius:0 0 0 28%/0 0 0 20%}.boat-hero .hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(0,25,50,.05))}.boat-hero .content{position:relative;z-index:3;max-width:500px}.boat-hero h1{font-size:clamp(64px,7vw,102px);line-height:.9;margin:0 0 8px}.boat-hero .model{font-size:29px;margin-bottom:12px}.boat-hero .capacity{font-weight:800;margin-bottom:18px}.boat-hero .desc{line-height:1.55;max-width:400px}.boat-hero .actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:22px}.boat-hero .actions .btn{min-width:226px}
.detail-main{background:white;padding:90px 0 35px}.highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.highlight{background:linear-gradient(180deg,#eff9ff,#f9fdff);border-radius:34px;padding:22px 15px;text-align:center}.highlight .ico{font-size:30px;margin-bottom:8px}.highlight strong{display:block;font-family:Georgia,serif;font-size:18px}.highlight small{color:var(--muted)}
.carousel{position:relative;margin-top:22px;border-radius:42px 42px 54px 42px;overflow:hidden;background:#d7effc;box-shadow:var(--shadow)}.carousel-track{display:flex;transition:transform .45s ease}.carousel-slide{min-width:100%;height:540px}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.carousel-dots button{width:11px;height:11px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0}.carousel-dots button.active{background:white}.helm-next{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid white;background:rgba(7,59,99,.82);color:white;font-size:25px;display:grid;place-items:center;cursor:pointer;transition:.25s}.helm-next:hover{transform:translateY(-50%) rotate(28deg)}
.experience{padding:34px 0 60px}.experience-top{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;align-items:start}.experience h2{font-size:clamp(42px,4.5vw,62px);line-height:.95;margin-bottom:0}.experience p{color:var(--muted);line-height:1.7}.experience-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.experience-icons .item{background:#f3fbff;border-radius:34px;padding:19px;text-align:center}.experience-icons .item b{display:block;font-size:27px;margin-bottom:5px}
.boat-cta{margin-top:20px;background:linear-gradient(90deg,rgba(4,76,124,.92),rgba(4,76,124,.45)),url('assets/home/hero-copa.jpeg') center/cover;border-radius:52px 52px 68px 52px;color:#fff;padding:50px 52px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.boat-cta:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-44px;height:80px;background:var(--navy);border-radius:50% 50% 0 0/80% 80% 0 0}.boat-cta h2{font-size:45px;margin:0}.boat-cta .btn{position:relative;z-index:2}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.show{opacity:1;transform:none}

@media(max-width:900px){
  .nav,.nav-cta{display:none}.menu-btn{display:block}.topbar{height:74px}.container{width:min(100% - 28px,740px)}
  .hero{min-height:760px;background-image:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.10)),url('assets/home/hero-mobile.jpeg');background-position:center;background-size:cover;align-items:flex-start;padding-top:92px}
  .hero:before{left:-15%;top:0;width:86%;height:68%;border-radius:0 58% 62% 0/0 48% 48% 0;background:rgba(255,255,255,.94)}
  .hero:after{bottom:-42px;height:86px}.hero-copy{max-width:430px}.hero h1{font-size:58px}.hero .lead{font-size:16px;max-width:360px}.hero-badges{position:absolute;top:625px;left:14px;right:14px;background:rgba(255,255,255,.88);padding:14px;border-radius:28px;justify-content:space-around;gap:8px}.hero-badges span{font-size:9px;flex-direction:column;text-align:center}.hero-note{right:22px;bottom:120px;font-size:24px}
  .section-head{align-items:start;flex-direction:column}.section-head h2{font-size:48px}.fleet{padding-top:90px}.fleet-grid{grid-template-columns:1fr;gap:14px}.fleet-card{min-height:0;border-radius:34px}.fleet-card .photo{height:230px}.fleet-card .body{padding:16px 18px 18px}.fleet-card h3{font-size:29px}
  .life{min-height:520px;background-position:55% center}.life .content{max-width:360px}.life h2{font-size:54px}
  .routes{min-height:460px}.routes h2{font-size:52px}.benefit-grid{grid-template-columns:1fr 1fr}.footer .inner{grid-template-columns:1fr;gap:22px}.footer nav{justify-content:flex-start;flex-wrap:wrap}.float-wa span{display:none}.float-wa{width:58px;height:58px;border-radius:50%;padding:0;justify-content:center}
  .boat-hero{min-height:710px;padding-top:78px;align-items:flex-start}.boat-hero:before{left:-16%;top:0;width:81%;height:72%;border-radius:0 58% 52% 0/0 48% 60% 0}.boat-hero .hero-image{inset:0 0 0 30%;background-position:center}.boat-hero .content{padding-top:28px;max-width:410px}.boat-hero h1{font-size:70px}.boat-hero .model{font-size:25px}.boat-hero .desc{font-size:15px;max-width:310px}.boat-hero .actions .btn{min-width:210px;padding:13px 18px}.detail-main{padding-top:75px}.highlights{grid-template-columns:repeat(2,1fr);gap:12px}.carousel-slide{height:390px}.experience-top{grid-template-columns:1fr;gap:14px}.experience-icons{grid-template-columns:repeat(2,1fr)}.boat-cta{padding:42px 28px;flex-direction:column;align-items:flex-start}.boat-cta h2{font-size:39px}
}
@media(max-width:560px){
  .container{width:calc(100% - 24px)}.brand svg{width:40px}.brand .word{font-size:15px}.topbar .container{gap:10px}
  .hero{min-height:700px}.hero:before{width:94%;height:64%}.hero h1{font-size:49px}.hero-copy{padding-left:4px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{min-width:220px}.hero-note{display:none}.hero-badges{top:584px}
  .fleet{padding-top:82px}.section-head h2{font-size:43px}.section-head .sub{display:none}.fleet-card{display:grid;grid-template-columns:53% 47%;min-height:185px;border-radius:30px}.fleet-card .photo{height:100%;min-height:185px;border-radius:30px 42% 38% 30px/30px 50% 30% 30px}.fleet-card .body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:14px}.fleet-card h3{font-size:26px}.fleet-card .nautic-circle{width:40px;height:40px;align-self:flex-end;margin-top:-36px}.life{min-height:440px}.life h2{font-size:46px}.routes{min-height:410px}.routes h2{font-size:44px}.benefits{padding-top:70px}.benefit-grid{grid-template-columns:1fr;gap:18px}
  .boat-hero{min-height:655px}.boat-hero:before{width:93%;height:66%}.boat-hero .hero-image{inset:0 0 0 20%}.boat-hero .content{padding-top:24px;max-width:360px}.boat-hero h1{font-size:58px}.boat-hero .model{font-size:22px}.boat-hero .capacity{font-size:15px}.boat-hero .desc{font-size:14px;max-width:275px}.highlights{grid-template-columns:repeat(2,1fr)}.highlight{padding:17px 10px;border-radius:27px}.carousel{border-radius:30px 30px 42px 30px}.carousel-slide{height:320px}.helm-next{width:46px;height:46px}.experience h2{font-size:41px}.experience-icons .item{border-radius:27px}.boat-cta{border-radius:38px 38px 52px 38px}.boat-cta h2{font-size:34px}
}


/* Approved V1 mobile hero: full-bleed photography, no white copy panel */
@media(max-width:900px){
  .home-page .topbar .brand{color:#fff;text-shadow:0 2px 16px rgba(0,35,60,.18)}
  .home-page .topbar .menu-btn span{background:#fff;box-shadow:0 2px 12px rgba(0,35,60,.16)}
  .home-page .hero{
    min-height:790px;
    align-items:flex-start;
    padding-top:310px;
    background-image:linear-gradient(180deg,rgba(0,38,65,.04) 0%,rgba(0,38,65,.10) 32%,rgba(0,38,65,.52) 64%,rgba(0,38,65,.30) 100%),url('assets/home/hero-mobile.jpeg');
    background-position:center center;
    background-size:cover;
  }
  .home-page .hero:before{display:none}
  .home-page .hero-copy{max-width:520px;color:#fff;text-shadow:0 2px 18px rgba(0,34,58,.22)}
  .home-page .hero h1{color:#fff;font-size:58px;line-height:.95;margin-bottom:18px}
  .home-page .hero h1 em{color:#55bcf4}
  .home-page .hero .lead{color:#fff;font-size:18px;max-width:470px}
  .home-page .hero-actions{margin-top:28px}
  .home-page .hero-actions .btn-primary{background:rgba(2,62,101,.96);box-shadow:0 12px 30px rgba(0,35,60,.18)}
  .home-page .hero-actions .btn-outline{border-color:#fff;color:#fff;background:rgba(0,35,60,.08);backdrop-filter:blur(3px)}
  .home-page .hero-badges,.home-page .hero-note{display:none}
  .home-page .hero:after{bottom:-40px;height:82px;background:#fff;border-radius:50% 50% 0 0/78% 78% 0 0}
}
@media(max-width:560px){
  .home-page .hero{min-height:760px;padding-top:300px}
  .home-page .hero h1{font-size:52px}
  .home-page .hero .lead{font-size:17px;line-height:1.45}
  .home-page .hero-copy{padding-left:4px}
  .home-page .hero-actions{gap:12px}
  .home-page .hero-actions .btn{min-width:246px;padding:16px 22px}
}


/* Approved V1 boat mobile hero: full-bleed photography, no white copy panel */
@media(max-width:900px){
  .boat-page .topbar .brand{color:#fff;text-shadow:0 2px 16px rgba(0,35,60,.22)}
  .boat-page .topbar .menu-btn span{background:#fff;box-shadow:0 2px 12px rgba(0,35,60,.18)}
  .boat-page .boat-hero{
    min-height:820px;
    padding-top:300px;
    align-items:flex-start;
    background:transparent;
  }
  .boat-page .boat-hero:before{display:none}
  .boat-page .boat-hero .hero-image{inset:0;background-position:center center;border-radius:0}
  .boat-page .boat-hero .hero-image:after{
    background:linear-gradient(180deg,rgba(1,27,44,.08) 0%,rgba(1,27,44,.10) 30%,rgba(1,27,44,.54) 68%,rgba(1,27,44,.42) 100%);
  }
  .boat-page .boat-hero .content{
    max-width:520px;
    color:#fff;
    text-shadow:0 2px 18px rgba(0,34,58,.25);
    padding-top:0;
  }
  .boat-page .boat-hero .eyebrow,
  .boat-page .boat-hero h1,
  .boat-page .boat-hero .model,
  .boat-page .boat-hero .capacity,
  .boat-page .boat-hero .desc{color:#fff}
  .boat-page .boat-hero .model{font-size:26px}
  .boat-page .boat-hero .desc{max-width:420px}
  .boat-page .boat-hero .actions{margin-top:26px}
  .boat-page .boat-hero .actions .btn-primary{background:rgba(2,62,101,.96);box-shadow:0 12px 30px rgba(0,35,60,.18)}
  .boat-page .boat-hero .actions .btn-outline{border-color:#fff;color:#fff;background:rgba(255,255,255,.05);backdrop-filter:blur(3px)}
  .boat-page .highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .boat-page .highlight{padding:15px 8px;border-radius:24px}
  .boat-page .highlight .ico{font-size:21px;margin-bottom:6px}
  .boat-page .highlight strong{font-size:13px;line-height:1.05}
  .boat-page .highlight small{display:block;font-size:10px;line-height:1.15;margin-top:3px}
}
@media(max-width:560px){
  .boat-page .boat-hero{min-height:790px;padding-top:292px}
  .boat-page .boat-hero .content{max-width:340px}
  .boat-page .boat-hero h1{font-size:54px}
  .boat-page .boat-hero .model{font-size:20px}
  .boat-page .boat-hero .capacity{font-size:15px}
  .boat-page .boat-hero .desc{font-size:14px;line-height:1.45;max-width:300px}
  .boat-page .boat-hero .actions .btn{min-width:240px;padding:16px 22px}
  .boat-page .highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .boat-page .highlight{padding:14px 6px;border-radius:22px}
  .boat-page .highlight .ico{font-size:18px;margin-bottom:5px}
  .boat-page .highlight strong{font-size:12px;line-height:1.02}
  .boat-page .highlight small{font-size:9px;line-height:1.1}
}