:root{color-scheme:light}
/* BOATLUX Goiás: base compartilhada (tokens, reset, componentes, rodapé, galeria). Gerado a partir das 3 páginas; edite aqui (uma vez) e rode deploy/deploy.sh. */
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cinzel-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:300 600;font-display:swap;src:url(fonts/montserrat-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --azul-1:#00244F;
  --azul-2:#00426B;
  --verde-agua:#219FB0;
  --cinza:#5C5B5F;
  --dourado:#C9A86A;
  --off-white:#F9F7F5;
  --branco:#FFFFFF;

  
  --azul-deep:#001530;

  
  --font-title:"Cinzel", Georgia, serif;          
  --font-body:"Montserrat", system-ui, sans-serif;  
  --font-ui:"Rubik", system-ui, sans-serif;         
  --font:var(--font-body);

  
  --fs-label: .75rem;                                    
  --fs-ui: clamp(.75rem, .72rem + .12vw, .8125rem);      
  --fs-eyebrow: clamp(.75rem, .7rem + .2vw, .875rem);    
  --fs-small: .875rem;
  --fs-body: clamp(.9375rem, .92rem + .1vw, .96875rem);  
  --fs-lead: clamp(1rem, .96rem + .2vw, 1.0625rem);      
  --fs-h3: clamp(1.25rem, 1.15rem + .4vw, 1.5rem);       
  --fs-h2: clamp(1.9375rem, 1.65rem + 1.2vw, 2.5rem);    
  --fs-h1: clamp(2rem, 1.3rem + 3vw, 3.375rem);          
  --fs-num: clamp(2.5rem, 1.75rem + 3.2vw, 4.0625rem);   

  --radius: 2px;
  --gutter: clamp(1.25rem, .9rem + 1.6vw, 2.5rem);
  --section-y: clamp(4.5rem, 3rem + 6vw, 8.5rem);
  --max: 1180px;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --line-gold: 1px solid var(--dourado);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{
  margin:0;
  font-family:var(--font);
  font-weight:300;
  font-size:var(--fs-body);
  line-height:1.8;
  color:var(--azul-1);
  background:var(--off-white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-optical-sizing:auto;
}
img,svg,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{margin:0;font-family:var(--font-title);font-weight:300;line-height:1.15;letter-spacing:.02em;text-wrap:balance}
h3{font-size:var(--fs-h3);line-height:1.4}
p{margin:0;text-wrap:pretty}
ul,ol,dl,dd{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section-y);position:relative}
.dark{background:var(--azul-1);color:var(--off-white);--focus:var(--dourado);--muted:rgba(249,247,245,.72)}
.light{background:var(--off-white);color:var(--azul-1);--focus:var(--azul-1);--muted:var(--cinza)}
.white{background:var(--branco);color:var(--azul-1);--focus:var(--azul-1);--muted:var(--cinza)}
.reg{font-size:.55em;vertical-align:super;line-height:0;margin-left:.05em;letter-spacing:0}
.tbd{
  background:#FFF3B0;color:#00244F;
  outline:1px dashed #B08A3E;outline-offset:1px;
  padding:0 .2em;border-radius:2px;font-weight:600;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}
:focus-visible{outline:2px solid var(--focus, var(--azul-1));outline-offset:3px;border-radius:var(--radius)}
.eyebrow{
  display:inline-flex;align-items:center;gap:.875rem;
  font-family:var(--font-ui);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:.35em;text-transform:uppercase;line-height:1.5;
  color:var(--muted);
}
.eyebrow::before{content:"";width:2.5rem;height:1px;background:var(--dourado);flex:none}
.dark .eyebrow{color:var(--dourado)}
.section-head{max-width:44rem;display:grid;gap:1.25rem;margin-bottom:clamp(2.5rem,1.8rem + 2.5vw,4rem)}
.section-head.center{margin-inline:auto;text-align:center;justify-items:center}
.section-head h2{font-size:var(--fs-h2)}
.section-head p{font-size:var(--fs-lead);color:var(--muted);max-width:38rem;font-weight:300}
.dark .section-head p{color:var(--muted)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.75rem;
  min-height:56px;padding:15px 30px 14px;
  font-family:var(--font-ui);font-weight:600;font-size:var(--fs-ui);letter-spacing:.18em;text-transform:uppercase;
  line-height:1.5;text-align:center;text-decoration:none;
  border-radius:var(--radius);border:1px solid transparent;cursor:pointer;
  transition:background-color .4s var(--ease), transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease), color .4s var(--ease);
  -webkit-tap-highlight-color:transparent;
}
.btn svg{width:20px;height:20px;flex:none}
.btn-wa{background:var(--dourado);color:var(--azul-1)}
.btn-wa:hover{background:#D5B77E;transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(201,168,106,.6)}
.btn-wa:active{transform:translateY(0)}
.btn-ghost{background:transparent;color:var(--dourado);border-color:var(--dourado)}
.btn-ghost:hover{background:rgba(201,168,106,.1)}
.btn-block{width:100%;max-width:26rem}
.cta-row{display:flex;flex-direction:column;align-items:center;gap:.875rem;margin-top:clamp(2.25rem,1.8rem + 2vw,3.25rem)}
.cta-note{font-size:var(--fs-small);color:var(--muted);text-align:center}
.link{
  /* área de toque de 44 px sem mudar o espaçamento: o padding vira alvo, a margem negativa devolve o espaço */
  display:inline-block;padding-block:.75rem;margin-block:-.75rem;
  font-family:var(--font-ui);font-weight:500;font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;
  text-decoration-color:var(--dourado);
}
.link:hover{text-decoration-thickness:2px}
.media{position:relative;margin:0;overflow:hidden;border-radius:var(--radius);background:#E9E4DD}
.media > img,.media > video,.media > picture,.media > picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;
  padding:1.25rem;text-align:center;
  border:1px dashed rgba(0,36,79,.35);border-radius:inherit;
  background:repeating-linear-gradient(135deg, rgba(0,36,79,.035) 0 12px, transparent 12px 24px);
  color:var(--azul-1);font-size:var(--fs-small);line-height:1.45;
}
.ph strong{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--cinza)}
.ph span{max-width:30rem}
.dark .media{background:var(--azul-2)}
.dark .ph{border-color:rgba(249,247,245,.35);color:var(--off-white);background:repeating-linear-gradient(135deg, rgba(249,247,245,.05) 0 12px, transparent 12px 24px)}
.dark .ph strong{color:var(--dourado)}
.topbar{
  position:fixed;inset:0 0 auto 0;z-index:50;
  padding-top:env(safe-area-inset-top);
  transition:background-color .35s var(--ease), border-color .35s var(--ease);
  border-bottom:1px solid transparent;--focus:var(--dourado);
}
.topbar.is-solid{background:var(--azul-1);border-bottom-color:rgba(201,168,106,.35)}
.topbar > .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px}
.logo{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--off-white)}
.logo img{height:36px;width:auto;flex:none}
.footer .logo img{height:48px}
.logo-ph{
  font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  border:1px dashed rgba(249,247,245,.6);padding:.4rem .6rem;border-radius:2px;color:var(--off-white)
}
.topbar.is-open{background:var(--azul-1);border-bottom-color:rgba(201,168,106,.35)}
.top-actions{display:flex;align-items:center;gap:.625rem}
.nav{display:none}
.nav a{
  position:relative;text-decoration:none;color:rgba(249,247,245,.8);
  font-family:var(--font-ui);font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  padding:.5rem 0;transition:color .3s var(--ease);
}
.nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:.15rem;height:1px;background:var(--dourado);transition:left .4s var(--ease), right .4s var(--ease)}
.nav a:hover,.nav a.is-current{color:var(--off-white)}
.nav a:hover::after,.nav a.is-current::after{left:0;right:0}
.menu-btn{
  display:inline-grid;place-items:center;width:44px;height:44px;padding:0;cursor:pointer;
  background:transparent;border:1px solid rgba(249,247,245,.4);border-radius:var(--radius);color:var(--off-white);
}
.menu-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.menu-btn path{transition:transform .35s var(--ease);transform-origin:center}
.menu-btn[aria-expanded="true"] .l1{transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .l2{transform:translateY(-4px) rotate(-45deg)}
.menu{
  position:fixed;left:0;right:0;top:calc(64px + env(safe-area-inset-top));bottom:0;
  background:var(--azul-1);overflow-y:auto;padding:1.5rem 0 calc(2rem + env(safe-area-inset-bottom));
}
.menu ul{display:grid;margin-bottom:2rem}
.menu li a{
  display:block;padding:1.1rem 0;border-bottom:1px solid rgba(201,168,106,.25);
  font-family:var(--font-title);font-size:1.5rem;font-weight:400;letter-spacing:.02em;
  color:var(--off-white);text-decoration:none;
}
.menu li a:hover{color:var(--dourado)}
.menu .btn{width:100%}
body.menu-open{overflow:hidden}
.btn-top{min-height:44px;padding:.5rem .9rem;font-size:.8125rem}
.btn-top svg{width:18px;height:18px}
.hero{
  position:relative;min-height:100svh;display:flex;align-items:flex-end;
  padding:calc(64px + 4.5rem) 0 clamp(2.5rem,2rem + 4vw,6rem);
  overflow:hidden;
}
.hero .media{position:absolute;inset:0;border-radius:0;background:var(--azul-2)}
.hero .ph{justify-content:flex-start;align-items:flex-start;gap:.25rem;padding:calc(64px + .75rem) var(--gutter) 1rem;text-align:left;border:0}
.hero .ph strong{font-size:.75rem}
.hero .ph span{max-width:24rem;font-size:.75rem;line-height:1.4;opacity:.75}
.hero-content{position:relative;z-index:2;display:grid;gap:1.5rem;max-width:56rem}
.hero h1{font-size:var(--fs-h1);font-weight:300;line-height:1.04;letter-spacing:-.02em}
.hero-sub{font-size:var(--fs-lead);font-weight:300;line-height:1.6;max-width:38rem;color:rgba(249,247,245,.88)}
.hero .cta-row{align-items:flex-start;margin-top:.75rem}
.hero .cta-note{text-align:left}
.word-reveal{visibility:visible}
html.js .word-reveal[data-word-reveal]:not(.is-ready){opacity:0}
.word-reveal__word{
  display:inline-block;opacity:0;transform:translate3d(0,20px,0);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
  transition-delay:calc(var(--word-index) * .07s + .15s);
  will-change:opacity, transform;
}
.word-reveal.is-visible .word-reveal__word{opacity:1;transform:translate3d(0,0,0)}
.authority{padding-block:clamp(3rem,2.2rem + 3vw,5rem);border-top:1px solid rgba(201,168,106,.35)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem 1.5rem}
.stat{display:grid;gap:.5rem;align-content:start}
.stat-num{
  font-size:var(--fs-num);font-weight:300;line-height:1;color:var(--dourado);
  font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.02em;
}
.stat-label{font-size:var(--fs-small);color:var(--muted);line-height:1.45;max-width:13rem}
.choices{display:grid;gap:clamp(3rem,2rem + 3vw,4.5rem)}
.choice{display:grid;gap:1.5rem}
.choice .media{aspect-ratio:4/5}
.choice-text{display:grid;gap:.875rem;max-width:32rem}
.choice-kicker{font-size:var(--fs-label);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--cinza)}
.choice h3{font-size:clamp(1.5rem,1.2rem + 1.3vw,2.125rem);font-weight:300;line-height:1.15;letter-spacing:-.01em}
.choice p{color:var(--cinza)}
.choice .link{justify-self:start;margin-top:.25rem}
.compare{
  display:grid;gap:0;
  grid-template-areas:"solo" "save" "cota";
  max-width:58rem;margin-inline:auto;
}
.cmp-card{padding:clamp(1.75rem,1.4rem + 1.6vw,2.5rem);border-radius:var(--radius);display:grid;gap:1.5rem;align-content:start}
.cmp-solo{grid-area:solo;border:1px solid rgba(249,247,245,.18)}
.cmp-cota{grid-area:cota;background:var(--azul-2);border:1px solid var(--dourado)}
.cmp-title{font-size:var(--fs-label);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.cmp-cota .cmp-title{color:var(--dourado)}
.cmp-main{display:grid;gap:.35rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(249,247,245,.14)}
.cmp-main dt{font-size:var(--fs-small);color:var(--muted)}
.cmp-main dd{font-size:clamp(1.875rem, 1.3rem + 2.2vw, 2.875rem);font-weight:300;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.cmp-main dd .cents{font-size:.5em;letter-spacing:0}
.cmp-note{max-width:58rem;margin:1.25rem auto 0;text-align:center;font-size:.8125rem;line-height:1.6;color:var(--muted)}
.cmp-main dd small{font-size:.32em;letter-spacing:0;color:var(--muted);font-weight:400}
.cmp-solo .cmp-main dd{color:var(--off-white)}
.cmp-cota .cmp-main dd{color:var(--dourado)}
.cmp-rows{display:grid;gap:.875rem}
.cmp-rows div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:var(--fs-body)}
.cmp-rows dt{color:var(--muted)}
.cmp-rows dd{font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.save-band{
  grid-area:save;margin:-1px 0;position:relative;z-index:1;
  background:var(--dourado);color:var(--azul-1);
  padding:1.125rem 1.25rem;text-align:center;display:grid;gap:.15rem;border-radius:var(--radius);
  margin-block:1rem;
}
.save-band strong{font-size:clamp(1.125rem,1rem + .8vw,1.5rem);font-weight:600;letter-spacing:-.005em}
.save-band span{font-size:var(--fs-small);font-weight:400}
.cmp-foot{max-width:40rem;margin:clamp(2rem,1.6rem + 1.6vw,3rem) auto 0;text-align:center;font-size:var(--fs-lead);font-weight:300;color:var(--off-white)}
.boats{display:grid;gap:2rem}
.boat{background:var(--branco);border:1px solid rgba(0,36,79,.1);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;scroll-margin-top:84px}
.boat .media{aspect-ratio:4/3;border-radius:0}
.seal{
  position:absolute;top:1rem;left:1rem;z-index:2;
  background:var(--dourado);color:var(--azul-1);
  font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  padding:.45rem .75rem;border-radius:2px;
}
.boat-body{padding:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);display:flex;flex-direction:column;gap:1.5rem;flex:1}
.boat-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}
.boat-name h3{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);font-weight:300;letter-spacing:-.01em}
.boat-name span{font-size:var(--fs-small);color:var(--cinza);font-weight:600;letter-spacing:.06em}
.boat-line{color:var(--cinza)}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.25rem;padding-block:1.25rem;border-block:1px solid rgba(0,36,79,.1)}
.specs div{display:grid;gap:.15rem}
.specs dt{font-size:.75rem;color:var(--cinza);letter-spacing:.04em}
.specs dd{font-weight:600;font-variant-numeric:tabular-nums}
.price{display:grid;gap:.5rem;font-size:var(--fs-small)}
.price div{display:flex;justify-content:space-between;gap:1rem}
.price dt{color:var(--cinza)}
.price dd{font-weight:600;text-align:right}
.knots .kmh{display:block;font-size:.8125rem;font-weight:400;color:var(--cinza)}
.where{font-size:var(--fs-small);display:flex;gap:.6rem;align-items:flex-start}
.where svg{width:18px;height:18px;flex:none;color:var(--verde-agua);margin-top:.15rem}
.boat-actions{margin-top:auto;display:grid;gap:1rem;justify-items:center}
.boat-actions .btn{width:100%}
.how{display:grid;gap:2.5rem}
.how > div{min-width:0}
.shot{display:block;width:100%;height:auto;aspect-ratio:520/1068;border-radius:16.5% / 8%}
.steps{
  display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,270px);gap:1.5rem;
  overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .5rem;
}
.steps::-webkit-scrollbar{display:none}
.step{scroll-snap-align:start;display:grid;grid-template-columns:auto 1fr;gap:0 1rem;align-content:start}
.step-shot{grid-column:1 / -1;margin:0 0 1.75rem;max-width:230px}
.step-num{font-size:clamp(2.5rem,2rem + 2vw,3.5rem);font-weight:300;line-height:.9;color:var(--dourado);font-variant-numeric:tabular-nums;min-width:3.25rem}
.step h3{margin-bottom:.4rem}
.step p{color:var(--muted)}
.steps-hint{font-family:var(--font-ui);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:1rem}
.how-stage{display:none}
.perks{display:grid;gap:2.5rem}
.perk{display:grid;gap:1rem;padding-top:1.75rem;border-top:var(--line-gold)}
.perk svg{width:32px;height:32px;color:var(--verde-agua)}
.perk p{color:var(--cinza)}
.marinas{display:grid;gap:3rem;align-items:center}
.marinas .section-head{margin-bottom:0}
.map-wrap{margin:0;display:grid;gap:1.25rem;justify-items:center}
.map{width:100%;max-width:520px;height:auto}
.map-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-family:var(--font-ui);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.map-legend span{display:inline-flex;align-items:center;gap:.5rem}
.sw{width:12px;height:12px;border-radius:2px;display:inline-block}
.sw-gold{background:var(--dourado)}
.sw-light{background:var(--off-white)}
.reel-hint{font-size:.75rem;color:var(--cinza);text-align:center;margin-top:.5rem}
@media (min-width:1024px){.reel-hint{display:none}}
.waitlist{max-width:40rem;margin-inline:auto;text-align:center;display:grid;justify-items:center;gap:1.25rem}
.waitlist h2{font-size:var(--fs-h2)}
.waitlist > p{font-size:var(--fs-lead);font-weight:300;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center;margin-top:1rem}
.chips-label{width:100%;font-size:var(--fs-small);color:var(--muted)}
.chip{
  min-height:44px;padding:.6rem 1.15rem;border-radius:var(--radius);
  background:transparent;border:1px solid rgba(249,247,245,.35);color:var(--off-white);
  font-size:var(--fs-small);font-weight:600;cursor:pointer;
  transition:border-color .2s var(--ease), background-color .2s var(--ease);
}
.chip:hover{border-color:var(--off-white)}
.chip[aria-pressed="true"]{border-color:var(--dourado);background:rgba(201,168,106,.14)}
.chip[aria-pressed="true"]::before{content:"✓ ";color:var(--dourado)}
.waitlist .cta-row{margin-top:1rem;width:100%}
.faq{max-width:48rem;margin-inline:auto;border-top:1px solid rgba(0,36,79,.14)}
.faq details{border-bottom:1px solid rgba(0,36,79,.14)}
.faq summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;
  padding:1.375rem 0;font-weight:600;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.4;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";flex:none;width:14px;height:14px;
  background:linear-gradient(var(--azul-1),var(--azul-1)) center/14px 1px no-repeat,
             linear-gradient(var(--azul-1),var(--azul-1)) center/1px 14px no-repeat;
  transition:transform .3s var(--ease);
}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .answer{padding:0 0 1.5rem;color:var(--cinza);max-width:40rem}
.final{text-align:center}
.final h2{font-size:var(--fs-h2);max-width:40rem;margin-inline:auto}
.final .cta-row .btn{width:100%;max-width:26rem}
.footer{background:var(--azul-1);color:var(--muted);--focus:var(--dourado);--muted:rgba(249,247,245,.68);border-top:1px solid rgba(201,168,106,.3);padding:2.5rem 0 calc(2.5rem + env(safe-area-inset-bottom))}
.footer .wrap{display:grid;gap:1.5rem;justify-items:center;text-align:center;font-size:.8125rem}
.footer-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:center}
.sticky-wa{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  padding:.75rem var(--gutter) calc(.75rem + env(safe-area-inset-bottom));
  background:var(--azul-1);border-top:1px solid rgba(201,168,106,.45);--focus:var(--dourado);
  transform:translateY(110%);transition:transform .45s var(--ease);
}
.sticky-wa.is-on{transform:translateY(0)}
.sticky-wa .btn{width:100%;min-height:52px;font-size:.9375rem;padding-inline:1rem}
body.has-sticky{padding-bottom:84px}
@media (max-width:399px){.hide-xs{display:none}}
html.js [data-reveal]{opacity:0;transform:translate3d(0,16px,0);transition:opacity .9s var(--ease), transform .9s var(--ease)}
html.js [data-reveal].in{opacity:1;transform:none}
html.js [data-reveal-delay="1"]{transition-delay:.1s}
html.js [data-reveal-delay="2"]{transition-delay:.2s}
@media (prefers-reduced-motion: reduce){
  html.js .word-reveal[data-word-reveal]:not(.is-ready),
  .word-reveal__word,
  html.js [data-reveal]{opacity:1;transform:none;transition:none}
  .btn,.sticky-wa,.topbar{transition:none}
}
.hero h1{font-weight:400;line-height:1.08;letter-spacing:.02em;max-width:20ch}
.hero-sub{line-height:1.8}
.stat-num,.cmp-main dd,.step-num{font-family:var(--font-title);font-weight:300;letter-spacing:0}
.cmp-main dd small{font-family:var(--font-body)}
.save-band strong{font-family:var(--font-title);font-weight:400;letter-spacing:.02em}
.authority{background:var(--azul-deep)}
.authority::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 120% at 50% 0%, rgba(201,168,106,.14), transparent 70%)}
.authority .wrap{position:relative}
.stat-label{font-family:var(--font-ui);font-size:var(--fs-label);font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:rgba(249,247,245,.7);line-height:1.6}
.choice-kicker,.cmp-title,.seal,.chip,.ph strong,.logo-ph,.specs dt{font-family:var(--font-ui)}
.choice-kicker,.cmp-title{font-weight:500;letter-spacing:.35em}
.seal{font-weight:500;letter-spacing:.25em}
.chip{text-transform:uppercase;letter-spacing:.18em;font-size:var(--fs-label);font-weight:500}
.specs dt{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}
.boat-name span{font-family:var(--font-ui);font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:var(--fs-label)}
.choice h3,.boat-name h3{font-family:var(--font-title);font-weight:300;letter-spacing:.02em}
.faq summary{font-weight:500;line-height:1.5}
.btn-top{font-size:.75rem;letter-spacing:.14em;padding:.5rem .9rem}
@media (max-width:420px){
  .topbar .logo img{height:32px}
  .top-actions{gap:.5rem}
  .btn-top{padding-inline:.75rem;letter-spacing:.1em}
}
@media (max-width:359px){
  .topbar .logo img{height:28px}
  .topbar > .wrap{gap:.5rem}
  .top-actions{gap:.375rem}
  .btn-top{padding-inline:.6rem;letter-spacing:.06em;gap:.5rem}
}
.sticky-wa .btn{font-size:.75rem;letter-spacing:.14em}
@media (min-width:768px){
  .authority .stat + .stat{border-left:1px solid rgba(201,168,106,.2);padding-left:1.5rem}
}
@media (min-width:768px){
  .sticky-wa{display:none}
  body.has-sticky{padding-bottom:0}
  .btn-top{padding:.55rem 1.1rem;font-size:.75rem}
  .logo img{height:44px}
  .footer .logo img{height:56px}
  .hero{align-items:center}
  .stats{grid-template-columns:repeat(4,1fr)}
  .choices{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,1rem + 2vw,3rem)}
  .choice:nth-child(2){margin-top:clamp(3rem,2rem + 4vw,6rem)}
  .compare{grid-template-columns:1fr 1fr;grid-template-areas:"solo cota" "save save";gap:1.25rem}
  .save-band{margin:0;grid-auto-flow:column;justify-content:center;align-items:baseline;gap:1rem}
  .boats{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .perks{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,1rem + 2vw,3rem)}
}
@media (min-width:1100px){
  .nav{display:flex;gap:1.75rem;align-items:center}
  .menu-btn,.menu{display:none !important}
}
.collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.c-item{
  position:relative;display:block;padding:0;border:0;margin:0;cursor:zoom-in;overflow:hidden;
  border-radius:var(--radius);background:#E9E4DD;aspect-ratio:1/1;min-width:0;
}
.c-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.c-item:hover img{transform:scale(1.04)}
.c-item:focus-visible{outline:2px solid var(--dourado);outline-offset:2px}
.c-main{grid-column:1 / -1;aspect-ratio:4/3}
.c-item:nth-child(n+6){display:none}
.c-count{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,36,79,.62);color:var(--off-white);
  font-family:var(--font-ui);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center;line-height:1.3;
}
.c-hint{
  position:absolute;right:10px;bottom:10px;z-index:2;pointer-events:none;
  background:rgba(0,36,79,.75);color:var(--off-white);padding:.4rem .7rem;border-radius:var(--radius);
  font-family:var(--font-ui);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
}
.boat-gallery{position:relative;padding:8px 8px 0}
.boat-gallery .seal{top:1.25rem;left:1.25rem;z-index:3}
@media (min-width:900px){
  .collage--wide .c-main{grid-column:1 / 4;grid-row:1 / 3;aspect-ratio:auto}
  .collage--wide .c-item:nth-child(n+6){display:block}
  .collage--wide .c-item:nth-child(n+8){display:none}
}
.lb{
  position:fixed;inset:0;z-index:200;background:rgba(0,21,48,.97);
  display:grid;grid-template-rows:auto 1fr auto;
  padding:calc(12px + env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));
}
.lb-top{display:flex;justify-content:space-between;align-items:center;color:var(--off-white);font-family:var(--font-ui);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}
.lb-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;touch-action:pan-y}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius);user-select:none;-webkit-user-drag:none}
.lb-cap{color:rgba(249,247,245,.8);font-size:.875rem;text-align:center;padding-top:.75rem;min-height:2.5em}
.lb-btn{
  width:48px;height:48px;border-radius:50%;border:1px solid rgba(201,168,106,.7);background:rgba(0,36,79,.6);
  color:var(--off-white);font-size:1.25rem;line-height:1;cursor:pointer;display:grid;place-items:center;
}
.lb-btn:hover{border-color:var(--dourado);color:var(--dourado)}
.lb-btn:focus-visible{outline:2px solid var(--dourado);outline-offset:3px}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}
.lb-prev{left:4px}
.lb-next{right:4px}
body.lb-open{overflow:hidden}
@media (min-width:768px){.lb-prev{left:16px}.lb-next{right:16px}.lb{padding-inline:80px}}