:root{
  --orange:#ff7a1a; --orange-deep:#ff5a00; --coral:#ff9d4d; --peach:#ffd7a8;
  --cream:#fff7ee; --sky:#ffe1b8; --ink:#2a1608; --ink-soft:#6b4a2e; --white:#fff;
  --shadow:0 22px 60px -24px rgba(255,90,0,.45); --radius:26px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden;line-height:1.6}
h1,h2,h3,.serif{font-family:'Fraunces',Georgia,serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(1140px,92vw);margin:0 auto}
.btn{display:inline-flex;align-items:center;gap:.6em;background:linear-gradient(135deg,var(--orange),var(--orange-deep));color:#fff;font-weight:800;font-size:1.02rem;padding:.95em 1.7em;border-radius:999px;border:none;cursor:pointer;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease;white-space:nowrap}
.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 30px 70px -20px rgba(255,90,0,.6)}
.btn.ghost{background:rgba(255,255,255,.6);color:var(--ink);box-shadow:none;border:1.5px solid rgba(255,122,26,.4);backdrop-filter:blur(8px)}
.btn.ghost:hover{background:#fff}

header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(255,247,238,.72);border-bottom:1px solid rgba(255,122,26,.14)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0}
.brand{display:flex;align-items:center;gap:.6rem;font-family:'Fraunces';font-weight:900;font-size:1.35rem}
.brand .dot{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffd27a,var(--orange) 55%,var(--orange-deep));box-shadow:inset -4px -5px 8px rgba(180,60,0,.4),0 6px 16px rgba(255,90,0,.4);position:relative;flex:none}
.brand .dot::after{content:"";position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,255,255,.35) 0 8deg,transparent 8deg 45deg,rgba(255,255,255,.35) 45deg 53deg,transparent 53deg 90deg,rgba(255,255,255,.35) 90deg 98deg,transparent 98deg 135deg,rgba(255,255,255,.35) 135deg 143deg,transparent 143deg 180deg,rgba(255,255,255,.35) 180deg 188deg,transparent 188deg 225deg,rgba(255,255,255,.35) 225deg 233deg,transparent 233deg 270deg,rgba(255,255,255,.35) 270deg 278deg,transparent 278deg 315deg,rgba(255,255,255,.35) 315deg 323deg,transparent 323deg 360deg);opacity:.5}
.nav-links{display:flex;gap:1.6rem;align-items:center;font-weight:600;font-size:.97rem}
.nav-links a{opacity:.8;transition:opacity .2s}
.nav-links a:hover{opacity:1;color:var(--orange-deep)}
@media(max-width:820px){.nav-links a:not(.btn){display:none}}

.hero{position:relative;padding:5.5rem 0 6.5rem;overflow:hidden;background:radial-gradient(120% 90% at 80% -10%,#ffe9c7 0%,transparent 55%),radial-gradient(90% 80% at 10% 110%,#ffd8b0 0%,transparent 60%),linear-gradient(180deg,#fff7ee,#ffeede)}
.sun{position:absolute;top:-140px;right:-120px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffe08a,var(--coral) 55%,var(--orange-deep));filter:blur(2px);opacity:.55;z-index:0;animation:floaty 9s ease-in-out infinite}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center}}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.02em;background:rgba(255,255,255,.7);color:var(--orange-deep);padding:.5em 1em;border-radius:999px;font-size:.85rem;margin-bottom:1.4rem;border:1px solid rgba(255,122,26,.25)}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.02;font-weight:900;letter-spacing:-.01em}
.hero h1 .hl{background:linear-gradient(120deg,var(--orange),var(--orange-deep));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;white-space:nowrap}
.hero p.lead{font-size:clamp(1.05rem,2.2vw,1.28rem);color:var(--ink-soft);max-width:34ch;margin:1.4rem 0 2.2rem}
@media(max-width:900px){.hero p.lead{margin-left:auto;margin-right:auto}}
.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap}
@media(max-width:900px){.hero-cta{justify-content:center}}

.glass-card{position:relative;z-index:2;justify-self:center;width:min(360px,80vw);aspect-ratio:4/5;border-radius:32px;background:linear-gradient(160deg,rgba(255,255,255,.75),rgba(255,224,183,.5));border:1px solid rgba(255,255,255,.8);box-shadow:0 40px 80px -30px rgba(255,90,0,.5);backdrop-filter:blur(10px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.glass-card .scene{position:absolute;inset:0;overflow:hidden}
.glass-card .wave{position:absolute;left:-20%;bottom:-30%;width:140%;height:70%;background:radial-gradient(120% 100% at 50% 0%,var(--coral),var(--orange-deep));border-radius:45% 45% 0 0/30% 30% 0 0;opacity:.9;animation:sway 7s ease-in-out infinite}
.glass-card .wave.b{bottom:-38%;opacity:.55;animation-delay:-3.5s;background:radial-gradient(120% 100% at 50% 0%,#ffc879,var(--orange))}
.drink{position:relative;z-index:3;width:150px;height:220px}
.drink .cup{position:absolute;top:0;left:50%;transform:translateX(-50%);width:150px;height:150px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,140,40,.85));border:3px solid rgba(255,255,255,.85);clip-path:polygon(0 0,100% 0,50% 100%);border-radius:8px 8px 0 0;box-shadow:inset 0 8px 20px rgba(255,255,255,.4)}
.drink .liquid{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:126px;height:118px;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#ff9a3c,var(--orange-deep))}
.drink .stem{position:absolute;top:150px;left:50%;transform:translateX(-50%);width:6px;height:52px;background:rgba(255,255,255,.8)}
.drink .base{position:absolute;top:202px;left:50%;transform:translateX(-50%);width:78px;height:12px;border-radius:50%;background:rgba(255,255,255,.85)}
.drink .straw{position:absolute;top:-26px;left:58%;width:6px;height:120px;background:linear-gradient(#fff,#ffd27a);transform:rotate(14deg);border-radius:4px;z-index:4}
.drink .slice{position:absolute;top:6px;left:12px;width:44px;height:44px;border-radius:50%;background:conic-gradient(#ffd98a 0 30deg,#ff8f2e 30deg 60deg,#ffd98a 60deg 90deg,#ff8f2e 90deg 120deg,#ffd98a 120deg 150deg,#ff8f2e 150deg 180deg,#ffd98a 180deg 210deg,#ff8f2e 210deg 240deg,#ffd98a 240deg 270deg,#ff8f2e 270deg 300deg,#ffd98a 300deg 330deg,#ff8f2e 330deg 360deg);border:4px solid #ffb85c;z-index:5;box-shadow:0 4px 10px rgba(180,60,0,.35);animation:floaty 5s ease-in-out infinite}
.bubble{position:absolute;border-radius:50%;background:rgba(255,255,255,.75);z-index:4;animation:rise linear infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}}
@keyframes sway{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}
@keyframes rise{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-180px);opacity:0}}
.bg-bubbles{position:absolute;inset:0;z-index:1;pointer-events:none}
.bg-bubbles span{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(255,180,90,.35));animation:floatUp linear infinite;opacity:.6}
@keyframes floatUp{0%{transform:translateY(0) translateX(0)}100%{transform:translateY(-115vh) translateX(30px)}}

.marquee{background:linear-gradient(90deg,var(--orange),var(--orange-deep));color:#fff;padding:.9rem 0;overflow:hidden;white-space:nowrap}
.marquee .track{display:inline-block;animation:scroll 24s linear infinite;font-family:'Fraunces';font-weight:600;font-size:1.15rem}
.marquee .track span{margin:0 1.4rem;opacity:.95}
.marquee .track .star{opacity:.7}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

section{padding:5.5rem 0}
.kicker{color:var(--orange-deep);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;margin-bottom:.7rem}
.sec-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:900;line-height:1.08;letter-spacing:-.01em}
.sec-sub{color:var(--ink-soft);max-width:56ch;margin-top:1rem;font-size:1.08rem}
.center{text-align:center;margin:0 auto}

.about{background:linear-gradient(180deg,#fff,#fff7ee)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
@media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:2.5rem}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.stat{background:#fff;border-radius:20px;padding:1.3rem 1rem;text-align:center;box-shadow:0 12px 30px -18px rgba(255,90,0,.4);border:1px solid rgba(255,122,26,.12)}
.stat b{display:block;font-family:'Fraunces';font-size:2rem;color:var(--orange-deep);font-weight:900}
.stat span{font-size:.9rem;color:var(--ink-soft)}
.about-visual{aspect-ratio:1/1;border-radius:var(--radius);position:relative;overflow:hidden;background:radial-gradient(circle at 70% 20%,#ffe08a,transparent 45%),linear-gradient(140deg,var(--coral),var(--orange-deep));box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}
.about-visual .big-slice{width:62%;height:62%;border-radius:50%;background:conic-gradient(from 10deg,#fff2cf 0 30deg,#ff9d3f 30deg 60deg,#fff2cf 60deg 90deg,#ff9d3f 90deg 120deg,#fff2cf 120deg 150deg,#ff9d3f 150deg 180deg,#fff2cf 180deg 210deg,#ff9d3f 210deg 240deg,#fff2cf 240deg 270deg,#ff9d3f 270deg 300deg,#fff2cf 300deg 330deg,#ff9d3f 330deg 360deg);border:14px solid #ffd27a;box-shadow:0 20px 50px rgba(120,40,0,.35);animation:spinSlow 26s linear infinite}
@keyframes spinSlow{to{transform:rotate(360deg)}}

.tours-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3rem}
@media(max-width:900px){.tours-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tours-grid{grid-template-columns:1fr}}
.tour{position:relative;border-radius:24px;overflow:hidden;min-height:280px;color:#fff;padding:1.6rem;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 24px 50px -26px rgba(120,40,0,.55);transition:transform .3s ease,box-shadow .3s ease;isolation:isolate}
.tour:hover{transform:translateY(-8px)}
.tour::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--g)}
.tour::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(60,20,0,.6))}
.tour .emoji{position:absolute;top:1rem;right:1.1rem;font-size:2.2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.tour h3{font-size:1.4rem;font-weight:900;margin-bottom:.35rem}
.tour p{font-size:.95rem;opacity:.95}
.t1{--g:linear-gradient(150deg,#ff9a3c,#ff5a00)}
.t2{--g:linear-gradient(150deg,#ffb347,#ff7a1a)}
.t3{--g:linear-gradient(150deg,#ff8f6b,#ff4d4d)}
.t4{--g:linear-gradient(150deg,#ffc04d,#ff8a00)}
.t5{--g:linear-gradient(150deg,#ff7e5f,#feb47b)}
.t6{--g:linear-gradient(150deg,#ffa63d,#ff5e62)}

.why{background:linear-gradient(180deg,#fff7ee,#fff)}
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:3rem}
@media(max-width:760px){.feat-grid{grid-template-columns:1fr}}
.feat{display:flex;gap:1.1rem;background:#fff;border-radius:20px;padding:1.6rem;border:1px solid rgba(255,122,26,.14);box-shadow:0 14px 34px -22px rgba(255,90,0,.4);transition:transform .25s}
.feat:hover{transform:translateY(-4px)}
.feat .ic{flex:none;width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,var(--peach),var(--coral))}
.feat h3{font-size:1.15rem;font-weight:800;margin-bottom:.25rem}
.feat p{color:var(--ink-soft);font-size:.96rem}

.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
@media(max-width:860px){.rev-grid{grid-template-columns:1fr}}
.review{background:#fff;border-radius:22px;padding:1.8rem;box-shadow:0 18px 40px -24px rgba(255,90,0,.4);border:1px solid rgba(255,122,26,.12);position:relative}
.review .stars{color:var(--orange);letter-spacing:2px;margin-bottom:.7rem}
.review p{font-size:1rem;margin-bottom:1.2rem}
.review .who{display:flex;align-items:center;gap:.7rem}
.review .av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--orange-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:'Fraunces'}
.review .who b{font-size:.95rem}
.review .who span{font-size:.82rem;color:var(--ink-soft);display:block}

.faq{background:linear-gradient(180deg,#fff,#fff2e2)}
.faq-list{max-width:760px;margin:3rem auto 0}
details.q{background:#fff;border-radius:16px;margin-bottom:.9rem;padding:0 1.4rem;border:1px solid rgba(255,122,26,.16);overflow:hidden;box-shadow:0 10px 26px -22px rgba(255,90,0,.4)}
details.q summary{list-style:none;cursor:pointer;padding:1.15rem 0;font-weight:700;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
details.q summary::-webkit-details-marker{display:none}
details.q summary .plus{flex:none;width:26px;height:26px;border-radius:50%;background:var(--peach);color:var(--orange-deep);display:flex;align-items:center;justify-content:center;font-weight:900;transition:transform .25s}
details.q[open] summary .plus{transform:rotate(45deg)}
details.q .a{padding:0 0 1.2rem;color:var(--ink-soft);font-size:.98rem}

.cta-sec{padding-top:0}
.cta{position:relative;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(120% 120% at 50% -20%,#ffb04d,var(--orange-deep));border-radius:36px;padding:4.5rem 2rem;box-shadow:var(--shadow)}
.cta h2{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.05}
.cta p{max-width:46ch;margin:1.1rem auto 2rem;font-size:1.12rem;opacity:.95}
.cta .btn{background:#fff;color:var(--orange-deep)}
.cta .btn:hover{background:#fff7ee}
.cta .float{position:absolute;font-size:2.4rem;opacity:.5;animation:floaty 6s ease-in-out infinite}

footer{padding:3rem 0 2.5rem;text-align:center;color:var(--ink-soft)}
footer .brand{justify-content:center;margin-bottom:1rem;color:var(--ink)}
footer .fl{display:flex;gap:1.4rem;justify-content:center;margin:1.2rem 0;font-weight:600}
footer .fl a:hover{color:var(--orange-deep)}
footer small{opacity:.7}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}