@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@600;700;800;900&display=swap');
:root{--navy:#031d2c;--navy2:#063a50;--blue:#0e93b4;--cyan:#54d8e8;--mint:#78e1cc;--white:#fff;--ink:#103242;--muted:#6b8591;--pale:#effbfc;--line:rgba(7,65,86,.14);--shadow:0 24px 70px rgba(2,37,52,.16)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.section-pad{padding:110px 0}.eyebrow{font-size:.72rem;letter-spacing:3px;font-weight:800;text-transform:uppercase;color:var(--cyan);margin-bottom:12px}.eyebrow.dark{color:var(--blue)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:rgba(255,255,255,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.45)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-family:Montserrat,sans-serif;font-weight:800;color:var(--navy)}.brand span span{color:var(--blue)}.brand-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--navy2),var(--cyan));box-shadow:0 8px 24px rgba(14,147,180,.3)}.nav-menu{display:flex;gap:4px}.nav-menu a{font-size:.86rem;font-weight:700;padding:10px 13px;border-radius:999px;transition:.25s}.nav-menu a:hover,.nav-menu a.active{background:#e9f8fa;color:var(--blue)}.menu-toggle{display:none;border:0;background:none;font-size:1.6rem;color:var(--navy)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;color:#fff;isolation:isolate;overflow:hidden;background:center/cover no-repeat url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2000&q=88')}.hero:before,.page-hero:before,.pilot-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(1,21,33,.9) 0%,rgba(2,40,55,.58) 48%,rgba(2,40,55,.12) 100%)}.hero:after,.page-hero:after,.pilot-hero:after{content:'';position:absolute;inset:auto 0 0;height:200px;z-index:-1;background:linear-gradient(transparent,rgba(2,24,35,.38))}.hero-content{padding-top:80px;position:relative;z-index:4}.hero h1,.page-hero h1,.pilot-hero h1{font-family:Montserrat,sans-serif;font-weight:800;line-height:.91;letter-spacing:-5px}.hero h1{font-size:clamp(4.4rem,10vw,9.6rem);max-width:950px}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.75)}.hero-subtitle{font-family:Montserrat,sans-serif;font-size:clamp(1.1rem,2vw,1.65rem);font-weight:700;max-width:650px;margin-top:22px}.hero-copy{font-size:1.05rem;color:#dff7f9;margin:12px 0 28px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:999px;font-weight:800;font-size:.9rem;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 13px 35px rgba(14,147,180,.32)}.btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#fff;color:var(--navy)}.btn-light{background:#fff;color:var(--navy)}
.hero-glass{position:absolute;right:6vw;bottom:10vh;width:min(330px,32vw);padding:22px;border-radius:26px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(20px);box-shadow:0 25px 80px rgba(0,0,0,.22);z-index:5}.hero-glass .topline{display:flex;justify-content:space-between;align-items:center}.hero-glass h3{font-family:Montserrat,sans-serif;font-size:1.25rem}.temp{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;color:#fff}.condition{margin-top:14px;padding:12px;border-radius:15px;background:rgba(255,255,255,.1)}.condition small{display:block;color:#ccecf0}.condition strong{display:block;margin-top:3px}.glass-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.glass-mini div{padding:10px;border-radius:14px;background:rgba(255,255,255,.1);font-size:.78rem}.glass-mini b{display:block;color:var(--cyan)}
.bubbles{position:absolute;inset:0;pointer-events:none;z-index:1}.bubble{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.05);backdrop-filter:blur(2px);animation:float 8s ease-in-out infinite}.b1{width:72px;height:72px;left:7%;top:24%}.b2{width:34px;height:34px;left:18%;top:68%;animation-delay:1.2s}.b3{width:95px;height:95px;right:25%;top:18%;animation-delay:2s}.b4{width:26px;height:26px;right:12%;top:55%;animation-delay:3s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.wave-divider{height:90px;margin-top:-40px;position:relative;z-index:8;background:#fff;border-radius:50% 50% 0 0/50% 50% 0 0;transform:scaleX(1.15)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.two-col h2,.section-heading h2,.map-copy h2,.eco-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05;letter-spacing:-2px}.two-col h2 span{color:var(--blue)}.two-col p{color:var(--muted);font-size:1.05rem}.text-link{display:inline-block;margin-top:18px;color:var(--blue);font-weight:800}.section-heading{max-width:780px;margin-bottom:45px}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:14px}
.story-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.story-photo{min-height:520px;border-radius:30px;position:relative;overflow:hidden;background:center/cover no-repeat url('https://images.unsplash.com/photo-1510414842594-a61c69b5ae57?auto=format&fit=crop&w=1500&q=85');box-shadow:var(--shadow)}.story-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(2,29,42,.85))}.story-caption{position:absolute;left:30px;bottom:26px;z-index:2;color:#fff}.story-caption h3{font-family:Montserrat,sans-serif;font-size:2rem}.story-side{display:grid;gap:18px}.glass-card{padding:26px;border-radius:24px;background:linear-gradient(145deg,rgba(239,251,252,.95),rgba(255,255,255,.95));border:1px solid var(--line);box-shadow:0 12px 35px rgba(3,49,65,.08);transition:.3s}.glass-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.glass-card .icon{font-size:1.8rem;margin-bottom:15px}.glass-card h3{font-family:Montserrat,sans-serif;margin-bottom:7px}.glass-card p{color:var(--muted);font-size:.9rem}
.flow-section{background:linear-gradient(180deg,#eefbfc,#fff)}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.flow-card{padding:27px 20px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 10px 30px rgba(3,49,65,.06);transition:.3s}.flow-card:hover{transform:translateY(-8px)}.flow-card .num{font-family:Montserrat,sans-serif;color:var(--cyan);font-weight:800}.flow-card h3{font-family:Montserrat,sans-serif;margin:16px 0 6px}.flow-card p{font-size:.88rem;color:var(--muted)}
.cinematic{min-height:75vh;position:relative;display:flex;align-items:end;color:#fff;background:center/cover no-repeat url('https://images.unsplash.com/photo-1540202404-a2f29016b523?auto=format&fit=crop&w=2000&q=88');isolation:isolate}.cinematic:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 25%,rgba(1,24,35,.9))}.cinematic-content{padding-bottom:75px}.cinematic h2{font-family:Montserrat,sans-serif;font-size:clamp(4rem,8vw,8rem);line-height:.9;letter-spacing:-5px}.cinematic p{max-width:620px;color:#d9f3f5;margin:16px 0 24px}
.destination-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.destination-card{position:relative;min-height:420px;border-radius:28px;overflow:hidden;color:#fff;background-size:cover;background-position:center;isolation:isolate;transition:.35s}.destination-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 25%,rgba(1,27,40,.9))}.destination-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow)}.destination-card:nth-child(1){grid-column:span 7;background-image:url('https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1500&q=85')}.destination-card:nth-child(2){grid-column:span 5;background-image:url('https://images.unsplash.com/photo-1530053969600-caed2596d242?auto=format&fit=crop&w=1300&q=85')}.destination-card:nth-child(3){grid-column:span 5;background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1300&q=85')}.destination-card:nth-child(4){grid-column:span 7;background-image:url('https://images.unsplash.com/photo-1540202404-a2f29016b523?auto=format&fit=crop&w=1500&q=85')}.dest-number{position:absolute;top:22px;left:24px;font-weight:800;color:#d8fbfd}.dest-content{position:absolute;left:28px;right:28px;bottom:26px}.dest-content p{font-size:.7rem;letter-spacing:2px;font-weight:800;color:var(--cyan)}.dest-content h3{font-family:Montserrat,sans-serif;font-size:2.5rem}.dest-content span{font-size:.87rem;color:#e6f8fa}.dest-content a{display:inline-block;margin-top:14px;font-weight:800}
.page-hero,.pilot-hero{min-height:78vh;position:relative;display:flex;align-items:end;color:#fff;background:center/cover no-repeat;isolation:isolate}.page-hero-content,.pilot-content{padding-bottom:80px;position:relative;z-index:3}.page-hero h1,.pilot-hero h1{font-size:clamp(3.4rem,7vw,7rem)}.why-hero{background-image:url('https://images.unsplash.com/photo-1528150177508-7cc0c36cda5c?auto=format&fit=crop&w=2000&q=88')}.explore-hero{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2000&q=88')}.protect-hero{background-image:url('https://images.unsplash.com/photo-1473116763249-2faaef81ccda?auto=format&fit=crop&w=2000&q=88')}.pilot-hero{min-height:86vh;background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2000&q=88')}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chips span{padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.09);backdrop-filter:blur(8px);font-size:.76rem}
.problem-grid,.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.problem-card,.check-card{padding:28px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(3,49,65,.05);transition:.3s}.problem-card:hover,.check-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.problem-card>span{font-family:Montserrat,sans-serif;color:var(--cyan);font-weight:800}.problem-card h3,.check-card h3{font-family:Montserrat,sans-serif;margin:18px 0 8px}.problem-card p,.check-card p{font-size:.88rem;color:var(--muted)}.dark-section,.case-study{background:radial-gradient(circle at top right,#0b5166,#031923 50%);color:#fff}.section-heading.light p:last-child{color:#9db8c1}.journey-line,.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.journey-step,.timeline-item{padding:20px;border-left:2px solid var(--cyan);background:rgba(255,255,255,.03)}.journey-step b,.timeline-item b{color:var(--cyan)}.journey-step strong,.timeline-item h3{display:block;font-family:Montserrat,sans-serif;margin:8px 0}.journey-step small,.timeline-item p{color:#a8c0c8;font-size:.85rem}
.benefit-list{display:grid;gap:14px}.benefit{display:flex;gap:16px;padding:22px;border-radius:18px;border:1px solid var(--line);background:#fff}.benefit span{font-size:1.7rem;color:var(--blue)}.benefit h3{font-family:Montserrat,sans-serif}.benefit p{font-size:.88rem;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.stat{padding:24px;border-radius:18px;border:1px solid var(--line);background:#fff}.stat strong{display:block;font-family:Montserrat,sans-serif;font-size:2.5rem;color:var(--blue)}.stat span{font-size:.8rem;color:var(--muted)}
.compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:15px}.compare-col{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.compare-head{padding:17px;text-align:center;font-family:Montserrat,sans-serif;color:var(--cyan);background:rgba(84,216,232,.1)}.compare-col ol{padding:24px 34px 24px 48px}.compare-col li{padding:7px 0;color:#bfd3d9;font-size:.88rem}.compare-middle{text-align:center;font-weight:800;color:var(--cyan)}
.eco-section{background:linear-gradient(180deg,#e9f9fa,#fff)}.eco-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}.eco-score{padding:55px;border-radius:30px;text-align:center;color:#fff;background:linear-gradient(145deg,#043146,#08708a);box-shadow:var(--shadow)}.score-ring{width:215px;height:215px;margin:0 auto 24px;border:15px solid var(--cyan);border-right-color:rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;transform:rotate(-25deg)}.score-ring>div{transform:rotate(25deg)}.score-ring strong{font-family:Montserrat,sans-serif;font-size:4rem;line-height:1}.eco-copy p:not(.eyebrow){color:var(--muted);margin:18px 0}.eco-points{display:grid;grid-template-columns:1fr 1fr;gap:9px}.eco-points div{display:flex;gap:10px;padding:13px;border-radius:14px;background:#fff;border:1px solid var(--line)}.eco-points b{color:var(--blue)}
.poster-section{background:#f5fbfc}.poster-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.poster-wrap img{width:100%;border-radius:24px;box-shadow:var(--shadow)}.poster-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(2.2rem,4vw,4rem);line-height:1.04}.poster-copy p{color:var(--muted);margin:16px 0 24px}
.cta-band{padding:65px 0;color:#fff;background:linear-gradient(110deg,#04304a,#0d87a5,#4acbdc)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-inner h2{font-family:Montserrat,sans-serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.site-footer{background:#03141d;color:#9cb4bd;padding:60px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-title{color:#fff;font-weight:800;margin-bottom:10px}.footer-grid a{display:block;color:#d6e4e8;font-size:.86rem;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:.75rem}
.reveal{opacity:0;transform:translateY(28px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}
@media(max-width:900px){.nav-menu{position:absolute;top:78px;left:0;width:100%;display:none;flex-direction:column;background:#fff;padding:12px}.nav-menu.open{display:flex}.menu-toggle{display:block}.hero-glass{display:none}.two-col,.story-strip,.eco-layout,.poster-wrap{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,1fr)}.problem-grid,.check-grid{grid-template-columns:1fr 1fr}.journey-line,.timeline{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.compare{grid-template-columns:1fr}.compare-middle{padding:5px}.footer-grid{grid-template-columns:1fr 1fr}.destination-card:nth-child(n){grid-column:span 6}}
@media(max-width:600px){.section-pad{padding:76px 0}.hero h1{font-size:4.25rem;letter-spacing:-3px}.page-hero h1,.pilot-hero h1{font-size:3.5rem;letter-spacing:-3px}.flow-grid,.problem-grid,.check-grid,.stat-grid,.eco-points,.footer-grid{grid-template-columns:1fr}.destination-card:nth-child(n){grid-column:span 12;min-height:330px}.cta-inner{flex-direction:column;align-items:flex-start}.cinematic h2{font-size:4.2rem}.story-photo{min-height:400px}.score-ring{width:180px;height:180px}.poster-wrap{gap:28px}}

/* =========================================================
   2026 PREMIUM HOME REFRESH — cinematic MYBLUEWATER layout
   ========================================================= */
@media (min-width:901px){
  .site-header{position:absolute;background:rgba(245,252,253,.94);border-bottom:1px solid rgba(4,54,75,.08);backdrop-filter:blur(22px)}
  .nav-wrap{height:100px;gap:22px}
  .brand{font-size:1.28rem;letter-spacing:-.4px}.brand-mark{width:42px;height:42px;font-size:1.2rem}
  .nav-menu{margin-left:auto;gap:14px}.nav-menu a{font-size:.92rem;padding:10px 14px;color:#0a2434}
  .briefing-btn{display:inline-flex;align-items:center;padding:13px 22px;border-radius:999px;color:#fff;font-weight:800;background:linear-gradient(135deg,#0796bb,#35cce1);box-shadow:0 10px 28px rgba(10,164,195,.22);white-space:nowrap}
}
@media (max-width:900px){.briefing-btn{display:none}}

.hero{min-height:720px;height:min(78vh,820px);padding-top:100px;background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2400&q=92');background-position:center 48%}
.hero:before{background:linear-gradient(90deg,rgba(1,35,52,.84) 0%,rgba(2,65,82,.42) 46%,rgba(2,52,68,.08) 100%)}
.hero:after{height:150px;background:linear-gradient(transparent,rgba(2,31,45,.16))}
.hero-content{padding-top:35px;align-self:center}
.hero h1{font-size:clamp(4.2rem,6.6vw,7.2rem);line-height:.88;letter-spacing:-5px;text-transform:none;max-width:700px}
.hero h1 span{color:#35d5e8;text-shadow:0 3px 22px rgba(26,211,230,.18)}
.hero-tagline{font-size:1.35rem;font-weight:600;color:#fff;margin:20px 0 28px}
.button-row .btn{min-width:230px;padding:15px 24px;font-size:1rem}
.hero-glass{right:3.2vw;bottom:12vh;width:300px;padding:22px 24px;background:rgba(230,246,249,.28);border:1px solid rgba(255,255,255,.48);border-radius:30px;box-shadow:0 25px 75px rgba(3,35,48,.28);backdrop-filter:blur(24px)}
.location-line{font-size:1.1rem;display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:13px}.location-line strong{font-family:Montserrat,sans-serif;font-size:1.2rem}
.weather-row{display:flex;align-items:center;gap:14px;padding:15px 0 6px}.weather-icon,.sea-icon{font-size:1.9rem;color:var(--cyan)}.sea-icon{margin-left:auto}.temp{font-size:2.8rem;line-height:1}
.hero-glass .condition{display:flex;justify-content:space-between;align-items:center;margin:0;padding:10px 0 0;background:none;font-size:.9rem}.hero-glass .condition span{color:var(--cyan);font-size:1.6rem}

.wave-divider{height:84px;margin-top:-44px;position:relative;z-index:12;background:transparent;border-radius:0;transform:none;overflow:hidden}
.wave-divider:before{content:'';position:absolute;left:-5%;right:-5%;top:34px;height:110px;background:#fff;border-radius:50% 50% 0 0/28% 28% 0 0;transform:rotate(.4deg)}
.wave-divider span{position:absolute;left:-5%;right:-5%;top:25px;height:28px;border-top:10px solid rgba(73,204,227,.18);border-radius:50%;transform:rotate(-1deg)}

.destination-intro{padding-top:56px;background:#fff}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.section-heading.center h2{font-size:clamp(2.8rem,5vw,5rem)}.section-heading.center h2 span{color:#13abc8}.section-heading.center p:not(.eyebrow){max-width:650px;margin:14px auto 0}
.home-destination-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:245px 245px;gap:18px;margin-top:44px}.home-dest{position:relative;border-radius:28px;overflow:hidden;background-size:cover;background-position:center;color:#fff;isolation:isolate;box-shadow:0 18px 45px rgba(3,49,65,.12);transition:.35s}.home-dest:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 30%,rgba(1,29,43,.9))}.home-dest:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(3,49,65,.18)}.home-dest>div{position:absolute;left:28px;right:28px;bottom:24px}.home-dest small{font-weight:800;letter-spacing:2px;color:#9ef3ff}.home-dest h3{font-family:Montserrat,sans-serif;font-size:2.5rem;line-height:1;margin:7px 0}.home-dest p{font-size:.9rem;color:#e5f7f9}.home-dest-main{grid-row:1/3;background-image:url('https://images.unsplash.com/photo-1540202404-a2f29016b523?auto=format&fit=crop&w=1600&q=90')}.home-dest-side{background-image:url('https://images.unsplash.com/photo-1530053969600-caed2596d242?auto=format&fit=crop&w=1200&q=88')}.home-dest-third{background-image:url('https://images.unsplash.com/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1200&q=88')}
.story-section{padding-top:90px}

@media(max-width:900px){
  .hero{min-height:760px;height:auto;padding-top:78px}.hero-content{padding-top:70px;padding-bottom:110px}.hero h1{font-size:clamp(3.8rem,14vw,6rem)}.hero-tagline{font-size:1.05rem}.wave-divider{margin-top:-32px}.home-destination-grid{grid-template-columns:1fr;grid-template-rows:none}.home-dest,.home-dest-main{min-height:330px;grid-row:auto}.destination-intro{padding-top:38px}
}
@media(max-width:600px){
  .hero{min-height:700px;background-position:62% center}.hero h1{font-size:3.8rem}.button-row .btn{width:100%}.wave-divider{height:64px}.home-dest{min-height:290px}.home-dest h3{font-size:2rem}
}

/* =========================================================
   MYBLUEWATER V3 — EXPLORE ALL STATES + RED RAY PILOT + Q&A
   ========================================================= */

/* Longer pilot label needs slightly tighter desktop nav */
.nav-menu{gap:2px}.nav-menu a{font-size:.82rem;padding:10px 11px}

/* EXPLORE MALAYSIA — ALL STATES */
.state-section{background:linear-gradient(180deg,#fff 0%,#f2fbfc 100%)}
.state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.state-card{position:relative;min-height:285px;padding:30px;border-radius:26px;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 12px 34px rgba(3,49,65,.07);overflow:hidden;transition:.32s ease}
.state-card:before{content:'';position:absolute;width:130px;height:130px;border-radius:50%;right:-48px;top:-50px;background:radial-gradient(circle,rgba(53,206,224,.2),rgba(53,206,224,0))}
.state-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(3,49,65,.14);border-color:rgba(26,177,207,.35)}
.state-num{position:absolute;right:22px;top:18px;font-family:Montserrat,sans-serif;font-weight:800;font-size:2rem;color:rgba(7,111,142,.12)}
.state-name{font-size:.72rem;letter-spacing:2.2px;font-weight:800;color:var(--blue);margin-bottom:9px}
.state-card h3{font-family:Montserrat,sans-serif;font-size:1.65rem;line-height:1.1;margin-bottom:8px;color:var(--navy)}
.state-rec{font-size:.87rem;color:var(--muted);margin-bottom:18px}
.activity-tags{display:flex;flex-wrap:wrap;gap:7px}
.activity-tags span{font-size:.72rem;font-weight:700;padding:7px 10px;border-radius:999px;background:#eaf9fb;color:#17677c;border:1px solid rgba(35,170,197,.12)}
.mini-link{display:inline-block;margin-top:16px;color:var(--blue);font-weight:800;font-size:.83rem}
.map-await{padding-top:55px;background:#f2fbfc}.map-upload-card{display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:center;padding:38px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.map-upload-card h2{font-family:Montserrat,sans-serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;margin:6px 0 14px}.map-upload-card p{color:var(--muted)}
.map-placeholder{min-height:290px;border:2px dashed rgba(11,136,167,.28);border-radius:24px;display:grid;place-items:center;text-align:center;font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:2px;color:#26758a;background:radial-gradient(circle at 50% 40%,#dff8fb,#f8fdfe)}
.map-placeholder small{display:block;font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:.5px;color:var(--muted);margin-top:5px}

/* RED RAY PILOT */
.redray-hero{background-image:url('https://redraywatersports.com/wp-content/uploads/2025/05/ARLF0896.jpg');background-position:center 48%}
.redray-hero:before{background:linear-gradient(90deg,rgba(1,22,34,.94),rgba(2,42,58,.68) 48%,rgba(3,51,66,.15))}
.redray-gallery{background:linear-gradient(180deg,#effbfd 0%,#fff 100%)}
.rr-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:430px;gap:16px}
.rr-photo{position:relative;overflow:hidden;border-radius:26px;background:#dceff3;box-shadow:0 15px 40px rgba(3,49,65,.12)}
.rr-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.rr-photo:hover img{transform:scale(1.05)}
.rr-photo:after{content:'';position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(1,24,35,.78));pointer-events:none}
.rr-photo figcaption{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff;font-weight:800;font-size:.84rem}
.booking-section{background:linear-gradient(135deg,#e9fbfd,#fff 55%,#e9f7fa)}
.booking-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:center}
.booking-copy h2{font-family:Montserrat,sans-serif;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.03;letter-spacing:-2px;margin:8px 0 16px}
.booking-copy>p{color:var(--muted);max-width:680px}
.booking-note{margin:24px 0;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(3,49,65,.06);font-size:.9rem;line-height:1.8}
.qr-card{max-width:390px;margin:auto;padding:34px;border-radius:30px;text-align:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.qr-card img{width:min(260px,100%);margin:0 auto 18px;border-radius:16px}
.qr-card strong{display:block;font-family:Montserrat,sans-serif;color:var(--navy);letter-spacing:1px;font-size:1.15rem}.qr-card span{display:block;color:var(--muted);font-size:.8rem;margin-top:4px}

/* Q&A INNOVATION */
.innovation-problems{grid-template-columns:repeat(3,1fr)}
.innovation-problems .problem-card{min-height:270px}
.qa-intro{background:linear-gradient(180deg,#f3fbfc,#fff)}
.faq-section{background:#fff}
.faq-list{display:grid;gap:12px;max-width:980px}
.faq-item{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(3,49,65,.05);overflow:hidden;transition:.25s}
.faq-item[open]{box-shadow:0 16px 40px rgba(3,49,65,.1);border-color:rgba(26,177,207,.28)}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;gap:16px;align-items:center;font-family:Montserrat,sans-serif;font-weight:700;color:var(--navy);font-size:1rem;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#e8fbfd,#d2f5f8);color:var(--blue);font-size:.75rem}
.faq-item summary:after{content:'+';margin-left:auto;font-size:1.45rem;color:var(--blue);font-family:'DM Sans',sans-serif;font-weight:500}.faq-item[open] summary:after{content:'−'}
.faq-answer{padding:0 24px 22px 78px;color:var(--muted);font-size:.94rem}.faq-answer p+p{margin-top:10px}.faq-answer ul{margin:10px 0 0 20px}.faq-answer li{margin:7px 0}
.quick-prep{background:linear-gradient(180deg,#eefafb,#fff)}

@media(max-width:1100px){.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rr-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:360px 320px}.rr-booth{grid-column:1/3}.nav-menu a{font-size:.78rem;padding:9px 8px}}
@media(max-width:900px){.state-grid{grid-template-columns:1fr 1fr}.map-upload-card,.booking-layout{grid-template-columns:1fr}.rr-gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,320px)}.rr-booth{grid-column:auto}.innovation-problems{grid-template-columns:1fr}.faq-answer{padding-left:24px}.qr-card{margin:0}.nav-menu a{font-size:.9rem;padding:10px 14px}}
@media(max-width:600px){.state-grid{grid-template-columns:1fr}.state-card{min-height:auto}.map-upload-card{padding:24px}.map-placeholder{min-height:220px}.rr-gallery-grid{grid-template-rows:repeat(3,260px)}.booking-layout{gap:35px}.faq-item summary{padding:17px 16px;font-size:.92rem}.faq-item summary span{width:34px;height:34px}.faq-answer{padding:0 16px 18px 16px}.redray-hero h1{font-size:clamp(3.3rem,15vw,5.8rem)}}

/* =========================================================
   V4 — USER MAP + DETAILED STATE GUIDE + PROVIDED RED RAY QR
   ========================================================= */

.map-showcase{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 12%,rgba(70,207,225,.20),transparent 28%),
    radial-gradient(circle at 8% 82%,rgba(65,188,211,.13),transparent 30%),
    linear-gradient(180deg,#f1fbfd 0%,#ffffff 100%);
}
.map-showcase:before{
  content:'';
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  right:-180px;
  top:-190px;
  border:1px solid rgba(18,150,181,.12);
  box-shadow:0 0 0 45px rgba(18,150,181,.035),0 0 0 90px rgba(18,150,181,.025);
  pointer-events:none;
}
.map-image-card{
  position:relative;
  display:block;
  padding:14px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(8,102,130,.12);
  box-shadow:0 24px 70px rgba(2,45,61,.14);
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease;
}
.map-image-card:hover{
  transform:translateY(-6px);
  box-shadow:0 32px 80px rgba(2,45,61,.18);
}
.map-image-card img{
  width:100%;
  height:auto;
  display:block;
  border-radius:24px;
}
.map-image-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 12px 8px;
  color:var(--navy);
}
.map-image-caption strong{
  display:block;
  font-family:Montserrat,sans-serif;
  font-size:1rem;
  letter-spacing:1.2px;
}
.map-image-caption span{
  display:block;
  margin-top:3px;
  color:var(--muted);
  font-size:.83rem;
}
.map-open-pill{
  flex:none;
  margin-top:0!important;
  padding:9px 14px;
  border-radius:999px;
  background:#e8fafd;
  color:var(--blue)!important;
  font-weight:800;
  white-space:nowrap;
}
.availability-note{
  max-width:980px;
  margin:22px auto 0;
  padding:15px 18px;
  border-radius:16px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--line);
  color:var(--muted);
  font-size:.82rem;
  text-align:center;
}

.state-section{
  background:
    linear-gradient(180deg,#fff 0%,#f0fafc 48%,#fff 100%);
}
.state-grid-detailed{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.state-card-detailed{
  min-height:355px;
  padding:32px;
  border-radius:28px;
}
.state-card-detailed h3{
  font-size:1.8rem;
}
.state-overview{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.7;
  margin:0 0 18px;
}
.activity-label{
  margin-bottom:9px;
  font-size:.69rem;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:#2c7588;
}
.state-featured{
  background:
    radial-gradient(circle at 100% 0%,rgba(70,219,232,.22),transparent 33%),
    linear-gradient(145deg,#ffffff,#effcff);
  border-color:rgba(17,169,199,.28);
  box-shadow:0 18px 50px rgba(5,111,139,.12);
}
.state-pilot-badge{
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#0f98b7,#49d7e3);
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:1px;
  box-shadow:0 8px 18px rgba(13,143,179,.18);
}
.explore-summary{
  padding-top:55px;
  background:#fff;
}
.explore-summary-card{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:55px;
  align-items:center;
  padding:46px;
  border-radius:30px;
  color:var(--navy);
  background:
    radial-gradient(circle at 90% 15%,rgba(72,219,230,.24),transparent 28%),
    linear-gradient(135deg,#e9fafd,#fff 60%);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
.explore-summary-card h2{
  font-family:Montserrat,sans-serif;
  font-size:clamp(2rem,4vw,3.35rem);
  line-height:1.05;
  letter-spacing:-2px;
}
.explore-summary-card>p{
  color:var(--muted);
  line-height:1.85;
}

.qr-card a{
  display:block;
  border-radius:18px;
}
.qr-card a:focus-visible{
  outline:3px solid rgba(34,190,215,.45);
  outline-offset:5px;
}
.qr-card img{
  background:#fff;
  padding:4px;
}
.qr-scan-note{
  display:block;
  margin-top:9px!important;
  color:#5c7f89!important;
  font-size:.74rem!important;
}

@media(max-width:900px){
  .state-grid-detailed{grid-template-columns:1fr}
  .explore-summary-card{grid-template-columns:1fr;gap:22px;padding:34px}
  .map-image-caption{align-items:flex-start}
}

@media(max-width:600px){
  .map-image-card{padding:8px;border-radius:24px}
  .map-image-card img{border-radius:18px}
  .map-image-caption{flex-direction:column;padding:16px 8px 8px;gap:12px}
  .map-open-pill{align-self:flex-start}
  .state-card-detailed{padding:25px;min-height:auto}
  .state-card-detailed h3{font-size:1.55rem}
  .explore-summary-card{padding:26px;border-radius:24px}
}


/* =========================================================
   EXPLORE MALAYSIA V5 — PHOTO STATE CARDS
   One state + one top recommendation + concise recreation list
========================================================= */
.photo-state-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:22px;
}
.photo-state-card{
  padding:0!important;
  min-height:0!important;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border-radius:26px;
}
.photo-state-card:before{display:none}
.state-photo-wrap{
  position:relative;
  height:210px;
  overflow:hidden;
  background:linear-gradient(135deg,#dff8fb,#9eeaf1);
}
.state-photo{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease;
}
.photo-state-card:hover .state-photo{
  transform:scale(1.065);
  filter:saturate(1.08) contrast(1.02);
}
.state-photo-wrap:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(2,32,48,.05) 35%,rgba(2,32,48,.46) 100%);
}
.photo-state-card .state-num{
  z-index:2;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(10px);
  color:var(--navy);
  font-size:.95rem;
  box-shadow:0 8px 20px rgba(2,32,48,.14);
}
.photo-state-card .state-pilot-badge{
  z-index:2;
  top:auto;
  left:18px;
  bottom:16px;
  font-size:.62rem;
  letter-spacing:1.2px;
  padding:8px 11px;
  border-radius:999px;
  background:linear-gradient(135deg,#18b4cf,#53dfeb);
  color:#fff;
  box-shadow:0 8px 20px rgba(12,145,175,.28);
}
.state-card-body{
  padding:25px 25px 27px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.photo-state-card .state-name{
  margin:0 0 8px;
  color:var(--blue);
}
.photo-state-card h3{
  margin:0 0 9px;
  font-size:1.55rem;
}
.photo-state-card .state-rec{
  margin:0 0 19px;
  line-height:1.55;
  color:var(--muted);
}
.photo-state-card .activity-label{
  margin-top:auto;
  margin-bottom:10px;
  font-size:.68rem;
  letter-spacing:1.7px;
  text-transform:uppercase;
  font-weight:800;
  color:var(--navy);
}
.photo-state-card .activity-tags{
  gap:7px;
}
.photo-state-card .activity-tags span{
  padding:7px 10px;
  font-size:.73rem;
  border-radius:999px;
  background:#edf9fb;
  border:1px solid rgba(16,166,195,.14);
  color:#286678;
}
.photo-state-card .mini-link{
  margin-top:18px;
}
.state-note{
  margin-top:28px;
}
@media(max-width:1100px){
  .photo-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .photo-state-grid{grid-template-columns:1fr}
  .state-photo-wrap{height:220px}
}

/* =========================================================
   V6 — KEEP RED RAY HERO NUMBER LABEL VISIBLE
   The pilot hero has more content than the other page heroes,
   so give it enough vertical room instead of letting the
   03 • INNOVATION PILOT eyebrow get pushed under the header.
   ========================================================= */
.redray-hero{
  min-height:820px;
  padding-top:100px;
  align-items:center;
}
.redray-hero .pilot-content{
  padding-top:64px;
  padding-bottom:54px;
}
.redray-hero .eyebrow{
  display:block;
  margin-bottom:16px;
}

@media(max-width:900px){
  .redray-hero{
    min-height:780px;
    padding-top:78px;
    align-items:center;
  }
  .redray-hero .pilot-content{
    padding-top:70px;
    padding-bottom:70px;
  }
}

@media(max-width:600px){
  .redray-hero{
    min-height:720px;
    padding-top:78px;
  }
  .redray-hero .pilot-content{
    padding-top:50px;
    padding-bottom:55px;
  }
}

/* =========================================================
   V7 — RESPONSIVE MULTI-DEVICE INTERFACE
   Desktop • Laptop • Tablet • Phone
   Keeps the cinematic layout while making every page usable
   on touch screens and smaller displays.
========================================================= */

/* safer fluid media + touch behaviour */
img, video, iframe, svg{max-width:100%;height:auto}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,.btn,.nav-menu a,summary{touch-action:manipulation}
body.menu-open{overflow:hidden}

/* prevent long words / labels from forcing horizontal scroll */
h1,h2,h3,p,a,span,strong{overflow-wrap:break-word}

/* Fluid desktop sizing */
@media (max-width:1200px){
  .container{width:min(1120px,94%)}
  .nav-menu{gap:1px}
  .nav-menu a{padding:9px 10px;font-size:.8rem}
  .hero h1{font-size:clamp(4.2rem,9vw,8rem)}
  .hero-glass{right:3vw;width:min(300px,29vw)}
  .section-pad{padding:96px 0}
  .destination-card{min-height:390px}
  .photo-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Tablet landscape / small laptops */
@media (max-width:1024px){
  .site-header{background:rgba(255,255,255,.9)}
  .nav-wrap{height:72px}
  .brand{font-size:.98rem}
  .brand-mark{width:32px;height:32px}
  .hero{min-height:760px;padding-top:72px}
  .hero-content{padding-top:38px;padding-bottom:160px}
  .hero h1{font-size:clamp(4rem,10vw,6.7rem);max-width:760px}
  .hero-glass{right:4%;bottom:54px;width:300px}
  .page-hero,.pilot-hero{min-height:700px;padding-top:72px}
  .page-hero-content,.pilot-content{padding-bottom:58px}
  .story-strip{grid-template-columns:1fr;gap:22px}
  .story-photo{min-height:440px}
  .story-side{grid-template-columns:repeat(3,1fr)}
  .flow-grid{grid-template-columns:repeat(3,1fr)}
  .flow-grid .flow-card:nth-child(4),.flow-grid .flow-card:nth-child(5){grid-column:span 1}
  .two-col{gap:42px}
  .cinematic{min-height:620px}
  .map-image-card{border-radius:28px}
  .explore-summary-card{gap:32px}
  .booking-layout{gap:40px}
}

/* Tablet portrait — switch navigation into a touch-friendly drawer */
@media (max-width:900px){
  .container{width:min(760px,92%)}
  .nav-wrap{height:70px}
  .menu-toggle{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    cursor:pointer;
    font-size:1.35rem;
    transition:.2s ease;
  }
  .menu-toggle:hover{background:#eaf8fa}
  .nav-menu{
    position:fixed;
    top:70px;
    left:0;
    right:0;
    width:100%;
    max-height:calc(100dvh - 70px);
    overflow-y:auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    padding:16px 4% 22px;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(20px);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 45px rgba(2,37,52,.12);
    transform:translateY(-115%);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .28s ease,opacity .22s ease,visibility .28s;
  }
  .nav-menu.open{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .nav-menu a{
    width:100%;
    padding:14px 16px;
    border-radius:14px;
    font-size:.98rem;
  }
  .briefing-btn{display:none!important}

  .hero{min-height:760px;padding-top:70px;align-items:flex-start}
  .hero-content{padding-top:72px;padding-bottom:240px}
  .hero h1{font-size:clamp(4rem,12vw,6.2rem);line-height:.92}
  .hero-copy{max-width:540px}
  .hero-glass{
    display:block;
    left:4%;
    right:4%;
    bottom:54px;
    width:auto;
    max-width:520px;
    padding:18px;
  }
  .hero-glass .temp{font-size:1.75rem}
  .glass-mini{grid-template-columns:repeat(2,1fr)}
  .wave-divider{height:65px;margin-top:-28px}

  .section-pad{padding:82px 0}
  .two-col{grid-template-columns:1fr;gap:28px}
  .story-side{grid-template-columns:1fr 1fr 1fr;gap:12px}
  .flow-grid{grid-template-columns:repeat(2,1fr)}
  .problem-grid,.check-grid{grid-template-columns:repeat(2,1fr)}
  .destination-grid{gap:14px}
  .destination-card:nth-child(n){grid-column:span 6}
  .destination-card{min-height:350px}
  .dest-content h3{font-size:2rem}
  .journey-line,.timeline{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .eco-layout,.poster-wrap,.map-card,.booking-layout{grid-template-columns:1fr}
  .compare{grid-template-columns:1fr}
  .compare-middle{padding:10px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .cta-inner{gap:22px}

  .page-hero,.pilot-hero{min-height:640px;padding-top:70px}
  .page-hero-content,.pilot-content{padding-top:70px;padding-bottom:58px}
  .page-hero h1,.pilot-hero h1{font-size:clamp(3.5rem,10vw,5.7rem)}
  .redray-hero{min-height:760px;padding-top:70px}
  .redray-hero .pilot-content{padding-top:55px;padding-bottom:55px}

  .photo-state-grid,.state-grid,.state-grid-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}
  .map-image-caption{align-items:flex-start}
  .explore-summary-card{grid-template-columns:1fr;padding:34px;gap:20px}
  .rr-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 300px}
  .rr-booth{grid-column:1/3}
  .innovation-problems{grid-template-columns:1fr}
  .qr-card{max-width:420px;margin-inline:auto}
}

/* Large phones + small tablets */
@media (max-width:700px){
  .container{width:92%}
  .brand{font-size:.91rem;gap:7px}
  .brand-mark{width:30px;height:30px}

  .hero{min-height:735px;background-position:center}
  .hero-content{padding-top:58px;padding-bottom:220px}
  .hero h1{font-size:clamp(3.65rem,14vw,5.25rem);letter-spacing:-3px}
  .hero-subtitle{font-size:1.08rem}
  .button-row{gap:10px}
  .btn{min-height:46px;padding:12px 18px}
  .hero-glass{bottom:44px}

  .section-heading{margin-bottom:32px}
  .two-col h2,.section-heading h2,.map-copy h2,.eco-copy h2{font-size:clamp(2rem,8vw,3rem)}
  .story-side{grid-template-columns:1fr}
  .story-photo{min-height:390px}
  .flow-grid{grid-template-columns:1fr 1fr}
  .flow-card{padding:22px 18px}
  .cinematic{min-height:540px}
  .cinematic h2{font-size:clamp(3.7rem,14vw,5.6rem)}
  .cinematic-content{padding-bottom:55px}
  .destination-card:nth-child(n){grid-column:span 12}
  .destination-card{min-height:330px}
  .problem-grid,.check-grid,.stat-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;align-items:flex-start}

  .page-hero,.pilot-hero{min-height:600px}
  .page-hero-content,.pilot-content{padding-top:55px;padding-bottom:48px}
  .page-hero h1,.pilot-hero h1{font-size:clamp(3rem,13vw,4.8rem);letter-spacing:-3px}
  .redray-hero{min-height:690px}
  .redray-hero .pilot-content{padding-top:42px;padding-bottom:44px}
  .chips{gap:7px}
  .chips span{font-size:.72rem;padding:7px 10px}

  .photo-state-grid,.state-grid,.state-grid-detailed{grid-template-columns:1fr}
  .state-photo-wrap{height:230px}
  .map-image-card{padding:8px;border-radius:22px}
  .map-image-card img{border-radius:16px}
  .map-image-caption{flex-direction:column;gap:12px;padding:15px 8px 7px}
  .map-open-pill{align-self:flex-start}
  .explore-summary-card{padding:26px;border-radius:24px}
  .rr-gallery-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,250px)}
  .rr-booth{grid-column:auto}
  .faq-item summary{min-height:62px}
}

/* Phones */
@media (max-width:520px){
  .nav-wrap{height:64px}
  .nav-menu{top:64px;max-height:calc(100dvh - 64px)}
  .site-header .brand{font-size:.84rem}
  .menu-toggle{width:40px;height:40px}

  .hero{min-height:700px;padding-top:64px}
  .hero-content{padding-top:48px;padding-bottom:230px}
  .hero h1{font-size:clamp(3.2rem,16vw,4.45rem);letter-spacing:-2.5px}
  .hero-copy{font-size:.96rem;margin-bottom:22px}
  .button-row{display:grid;grid-template-columns:1fr;width:100%;max-width:360px}
  .btn{width:100%}
  .hero-glass{left:4%;right:4%;bottom:35px;padding:16px;border-radius:22px}
  .hero-glass h3{font-size:1.03rem}
  .condition{padding:10px}
  .glass-mini div{padding:9px}
  .b1{width:48px;height:48px}.b2{width:24px;height:24px}.b3{width:58px;height:58px}.b4{width:20px;height:20px}
  .wave-divider{height:52px;margin-top:-20px}

  .section-pad{padding:66px 0}
  .eyebrow{letter-spacing:2px;font-size:.66rem}
  .section-heading h2,.two-col h2,.map-copy h2,.eco-copy h2{letter-spacing:-1.5px}
  .flow-grid{grid-template-columns:1fr}
  .glass-card,.flow-card,.problem-card,.check-card{border-radius:18px}
  .story-photo{min-height:340px;border-radius:22px}
  .story-caption{left:20px;right:20px;bottom:20px}
  .story-caption h3{font-size:1.55rem}
  .cinematic{min-height:500px;background-position:center}
  .cinematic h2{font-size:clamp(3.3rem,17vw,4.5rem);letter-spacing:-3px}
  .destination-card{min-height:300px;border-radius:22px}
  .dest-content{left:20px;right:20px;bottom:20px}
  .dest-content h3{font-size:1.8rem}
  .dest-number{top:18px;left:20px}

  .page-hero,.pilot-hero{min-height:570px;padding-top:64px;background-position:center}
  .page-hero-content,.pilot-content{padding-top:44px;padding-bottom:42px}
  .page-hero h1,.pilot-hero h1{font-size:clamp(2.85rem,15vw,4rem);letter-spacing:-2.2px}
  .redray-hero{min-height:650px;padding-top:64px}
  .redray-hero .pilot-content{padding-top:35px;padding-bottom:38px}
  .hero-subtitle{font-size:1rem}

  .photo-state-card,.state-card-detailed{border-radius:21px}
  .state-photo-wrap{height:205px}
  .state-card-body{padding:21px}
  .photo-state-card h3{font-size:1.4rem}
  .activity-tags{gap:6px}
  .photo-state-card .activity-tags span{font-size:.68rem;padding:6px 9px}
  .state-card-detailed{padding:22px}
  .map-image-caption strong{font-size:.9rem}
  .availability-note{font-size:.76rem;padding:13px}

  .booking-layout{gap:26px}
  .qr-card{padding:18px}
  .rr-gallery-grid{grid-template-rows:repeat(3,220px)}
  .timeline-item{padding:17px}
  .compare-col ol{padding:22px 28px 22px 42px}

  .faq-item{border-radius:16px}
  .faq-item summary{padding:15px 14px;font-size:.88rem;gap:10px}
  .faq-item summary span{width:32px;height:32px;flex:0 0 32px}
  .faq-answer{padding:0 14px 16px;font-size:.9rem}

  .cta-band{padding:50px 0}
  .cta-inner h2{font-size:2rem}
  .site-footer{padding-top:45px}
}

/* Very small phones */
@media (max-width:380px){
  .site-header .brand{font-size:.77rem}
  .brand-mark{width:28px;height:28px}
  .hero h1{font-size:3rem}
  .hero-glass{font-size:.9rem}
  .hero-glass .temp{font-size:1.5rem}
  .page-hero h1,.pilot-hero h1{font-size:2.7rem}
  .section-heading h2,.two-col h2{font-size:1.9rem}
  .state-photo-wrap{height:185px}
}

/* Users who prefer less motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* ==============================
   SCROLL TO TOP BUTTON
   Appears on every page via script.js
============================== */
.scroll-to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:1200;
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(0,151,190,.96),rgba(62,211,225,.96));
  color:#fff;
  font:800 1.35rem/1 'Montserrat','DM Sans',Arial,sans-serif;
  box-shadow:0 14px 34px rgba(2,50,70,.28);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(14px) scale(.92);
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease,box-shadow .25s ease;
}

.scroll-to-top.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

.scroll-to-top:hover{
  transform:translateY(-4px) scale(1.04);
  box-shadow:0 18px 40px rgba(2,50,70,.36);
}

.scroll-to-top:focus-visible{
  outline:3px solid rgba(255,255,255,.95);
  outline-offset:3px;
}

.scroll-to-top span{
  display:block;
  transform:translateY(-1px);
}

@media (max-width:700px){
  .scroll-to-top{
    right:16px;
    bottom:16px;
    width:46px;
    height:46px;
    font-size:1.18rem;
    box-shadow:0 10px 26px rgba(2,50,70,.25);
  }
}

@media (max-width:380px){
  .scroll-to-top{
    right:12px;
    bottom:12px;
    width:44px;
    height:44px;
  }
}

@media (prefers-reduced-motion:reduce){
  .scroll-to-top{transition:none}
}


/* =========================================================
   V9 HOME HERO TYPOGRAPHY
   Matches the bold EXPLORE / outlined MALAYSIA'S / BLUE SIDE.
   reference while keeping the rest of the site unchanged.
========================================================= */
.hero .hero-kicker{
  margin-bottom:22px;
  color:#65e9f4;
  font-size:clamp(.7rem,.9vw,.9rem);
  font-weight:800;
  letter-spacing:.42em;
  text-shadow:0 2px 12px rgba(0,0,0,.22);
}
.hero .hero-display{
  width:min(1040px,88vw);
  max-width:none;
  margin:0;
  font-family:'Montserrat',Arial,sans-serif;
  font-size:clamp(4.6rem,8.2vw,8.4rem);
  font-weight:900;
  line-height:.82;
  letter-spacing:-.065em;
  text-transform:uppercase;
}
.hero .hero-line{
  display:block;
  width:max-content;
  max-width:100%;
}
.hero .hero-solid{
  color:#fff!important;
  -webkit-text-stroke:0 transparent;
  text-shadow:0 4px 22px rgba(0,0,0,.18);
}
.hero .hero-outline{
  color:transparent!important;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1.7px rgba(255,255,255,.92);
  paint-order:stroke fill;
  text-shadow:none;
}
.hero .hero-tagline{
  max-width:620px;
  margin-top:30px;
}

@media(max-width:1200px){
  .hero .hero-display{
    width:min(900px,84vw);
    font-size:clamp(4.2rem,8.5vw,7.3rem);
  }
}
@media(max-width:900px){
  .hero .hero-kicker{margin-bottom:18px;letter-spacing:.34em}
  .hero .hero-display{
    width:94%;
    font-size:clamp(4rem,12vw,6.5rem);
    line-height:.84;
    letter-spacing:-.06em;
  }
  .hero .hero-tagline{margin-top:24px}
}
@media(max-width:700px){
  .hero .hero-display{
    width:100%;
    font-size:clamp(3.25rem,14.5vw,5.15rem);
    line-height:.86;
    letter-spacing:-.055em;
  }
  .hero .hero-outline{-webkit-text-stroke:1.35px rgba(255,255,255,.94)}
}
@media(max-width:520px){
  .hero .hero-kicker{
    margin-bottom:14px;
    font-size:.62rem;
    letter-spacing:.28em;
  }
  .hero .hero-display{
    font-size:clamp(2.8rem,15.1vw,4.1rem);
    line-height:.88;
    letter-spacing:-.05em;
  }
  .hero .hero-tagline{margin-top:20px}
}
@media(max-width:380px){
  .hero .hero-display{font-size:2.72rem}
}