:root{--ink:#153d36;--ink2:#082b26;--mint:#55d5ae;--pale:#e7f8f2;--coral:#ff7059;--cream:#f8f6ef;--white:#fff;--line:#d8e2dc;--muted:#647770;--shadow:0 18px 60px rgba(13,55,47,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit}.nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:24px;letter-spacing:-1px}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:55% 45%;background:var(--ink);color:#fff;font:italic 20px Georgia}.navlinks{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.navlinks>a{text-decoration:none}.navlinks button{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:99px}.navlinks button b{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;background:var(--pale);border-radius:50%}.hero{padding:78px 5vw 38px;background:radial-gradient(circle at 88% 15%,rgba(85,213,174,.34),transparent 26%),linear-gradient(125deg,#f4fdf9 0 62%,#dff5ec 62%)}.hero-copy{max-width:900px}.eyebrow,.kicker{font-size:11px;font-weight:900;letter-spacing:2px;margin:0}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:25px;height:2px;background:var(--coral)}h1{font:500 clamp(58px,8.4vw,116px)/.84 Georgia,serif;letter-spacing:-6px;margin:28px 0 25px}h1 em{font-weight:400;color:var(--coral)}.lede{max-width:650px;font:22px/1.45 Georgia,serif;margin:0 0 38px}.search-panel{max-width:1250px;background:#fff;border:1px solid #dfeae5;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.search-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr auto;padding:8px}.search-row label{padding:11px 15px;border-right:1px solid var(--line)}label small{display:block;font-size:9px;font-weight:900;letter-spacing:1.3px;margin-bottom:7px}.search-row input,.search-row select{width:100%;border:0;background:transparent;outline:0;font-weight:700}.search-row button,.compare button{border:0;border-radius:9px;background:var(--ink);color:#fff;padding:0 25px;font-weight:800}.search-row button:disabled{opacity:.65}.search-row button span{margin-left:10px}.budget-row{display:flex;align-items:center;gap:20px;padding:12px 15px;background:#f7fbf9;border-top:1px solid var(--line)}.budget-row label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.budget-row label>div,.compare label>div{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 10px}.budget-row input,.compare input{width:82px;border:0;outline:0;font-weight:800;background:transparent}.budget-row p{margin:0;font-size:11px;color:var(--muted)}.trust{display:flex;gap:28px;margin-top:24px;font-size:12px;font-weight:800}.trust span:First-letter{color:var(--mint)}.story{padding:80px 5vw;background:#fff;display:grid;grid-template-columns:1fr 1.15fr;gap:7vw;align-items:center}.story h2,.results-section h2,.how h2,.compare h2,.drawer h2,.modal h2{font:46px/1.08 Georgia,serif;letter-spacing:-1.5px;margin:14px 0}.story>div>p:last-child{line-height:1.65;color:var(--muted);max-width:580px}.story-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.story-compare article{position:relative;padding:28px;border:1px solid var(--line);border-radius:13px;background:var(--cream)}.story-compare article.best{background:var(--pale);border:2px solid var(--mint)}.story-compare small{font-size:9px;font-weight:900;letter-spacing:1.2px}.story-compare b{display:block;font:42px Georgia;margin:10px 0}.story-compare span{font-size:12px}.story-compare i{font:italic 14px Georgia;color:var(--muted)}.story-compare em{position:absolute;right:10px;top:-12px;background:var(--coral);color:#fff;padding:6px 8px;border-radius:5px;font-size:9px;font-style:normal;font-weight:900}.results-section{display:none;padding:80px 5vw;background:#f2f5f1}.results-section.active{display:block}.results-section>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.results-section>header h2{margin-bottom:7px}.demo-note{font-size:12px;color:var(--muted);max-width:650px;line-height:1.45;margin:0}.demo-note b{color:var(--coral)}.sort{font-size:9px;letter-spacing:1.2px;font-weight:900}.sort select{display:block;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:11px 34px 11px 12px}.results-layout{display:grid;grid-template-columns:190px 1fr;gap:28px}.filters{position:sticky;top:96px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.filters>div+div{border-top:1px solid var(--line);margin-top:18px;padding-top:10px}.filters h3{font:18px Georgia;margin:8px 0 12px}.filters label{display:flex;align-items:center;gap:9px;margin:10px 0;font-size:13px}.filters input{accent-color:var(--ink);width:16px;height:16px}.filters>button{width:100%;margin-top:10px;border:0;background:transparent;text-decoration:underline;font-size:12px;font-weight:800}.cards{display:grid;gap:18px}.stay-card{display:grid;grid-template-columns:245px 1fr;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s ease}.stay-card:hover{transform:translateY(-2px);box-shadow:0 13px 35px rgba(13,55,47,.1)}.stay-image{position:relative;min-height:220px;overflow:hidden}.tone-lagoon{background:linear-gradient(145deg,#9adccc,#238f7b)}.tone-sand{background:linear-gradient(145deg,#eddfbf,#a87b56)}.tone-jungle{background:linear-gradient(145deg,#8fb48c,#315c48)}.tone-coral{background:linear-gradient(145deg,#f4b9a8,#ca6f5b)}.tone-ocean{background:linear-gradient(145deg,#a7d7dd,#3b8293)}.tone-clay{background:linear-gradient(145deg,#d7b29b,#8c6754)}.stay-image>span{position:absolute;z-index:4;top:13px;left:13px;background:var(--coral);color:#fff;font-size:8px;font-weight:900;letter-spacing:1px;padding:7px;border-radius:5px}.stay-image>button{position:absolute;z-index:4;right:13px;top:13px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;font-size:22px;color:var(--coral)}.architecture{position:absolute;inset:60px 25px 0;background:#f2ebdb;clip-path:polygon(50% 0,100% 27%,92% 100%,8% 100%,0 27%)}.architecture:after{content:"";position:absolute;left:38%;bottom:0;width:24%;height:47%;background:#5faf9a;border:7px solid #f2ebdb}.architecture i{position:absolute;z-index:2;top:41%;width:19%;height:23%;background:#8bc8ba;border:4px solid #f2ebdb}.architecture i:nth-child(1){left:12%}.architecture i:nth-child(2){right:12%}.architecture i:nth-child(3){left:40%;top:18%}.stay-main{padding:19px 21px;display:grid;grid-template-columns:1fr auto;align-content:start}.stay-title p{margin:0;font-size:9px;letter-spacing:1.1px;font-weight:900}.stay-title h3{font:24px Georgia;margin:6px 0}.stay-title>span{font-size:12px;color:var(--muted)}.rating{display:flex;gap:8px;align-items:start}.rating>b{display:grid;place-items:center;width:42px;height:42px;border-radius:8px 8px 8px 0;background:var(--ink);color:#fff}.rating>span{font-size:11px;font-weight:800}.rating small{display:block;font-weight:400;margin-top:2px}.chips{display:flex;flex-wrap:wrap;gap:7px;grid-column:1/-1;margin-top:18px}.chips span{padding:6px 8px;background:var(--pale);border-radius:5px;font-size:10px;font-weight:800}.tradeoff{display:flex;grid-column:1/-1;margin-top:15px;padding-top:13px;border-top:1px solid var(--line);font-size:11px}.tradeoff b{min-width:88px}.tradeoff span{color:var(--muted)}.stay-card footer{grid-column:1/-1;display:grid;grid-template-columns:1fr auto auto auto;gap:13px;align-items:center;padding:14px 20px;border-top:1px solid var(--line)}.value{display:flex;align-items:center;gap:10px}.value-score{font-size:10px;font-weight:800}.value-score b{font-size:18px}.value em{background:#def5e9;color:#08764f;padding:6px 8px;border-radius:5px;font-size:10px;font-style:normal;font-weight:900}.price{text-align:right}.price>*{display:block}.price>small{font-size:9px;color:var(--muted)}.price>b{font:25px Georgia}.price>b span{font:11px Arial}.details,.book,.empty button{border:1px solid var(--ink);border-radius:8px;background:#fff;padding:11px 13px;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.book{background:var(--ink);color:#fff}.how{padding:95px 5vw;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}.steps div{border-top:2px solid var(--ink);padding-top:20px}.steps b{font:26px Georgia;color:var(--coral)}.steps h3{font:24px Georgia}.steps p{line-height:1.6;color:var(--muted)}.compare{padding:75px 5vw;background:var(--pale);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.compare>div>p:last-child{max-width:580px;line-height:1.6}.compare form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:grid;grid-template-columns:1.4fr .8fr auto;gap:13px;align-items:end}.compare label{font-size:10px;font-weight:900;letter-spacing:1px}.compare label>div,.compare select{height:44px;margin-top:8px}.compare input{width:100%}.compare select{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px}.compare button{height:44px}.footer{padding:50px 5vw;background:var(--ink2);color:#fff;display:grid;grid-template-columns:1fr .6fr 1fr;gap:7vw}.footer .brand span{background:#fff;color:var(--ink)}.footer>div{display:flex;flex-direction:column;align-items:start;gap:9px}.footer p{font-size:12px;line-height:1.6;color:#b7cbc5;margin:0}.footer a:not(.brand){font-size:12px;text-decoration:none;color:#d2e0dc}.footer>div>b{font-size:11px;letter-spacing:1px}.empty{background:#fff;border:1px dashed #aebeb8;border-radius:12px;padding:45px;text-align:center}.empty h3{font:26px Georgia}.empty p{color:var(--muted)}.overlay{position:fixed;inset:0;z-index:50;background:rgba(4,25,21,.55);backdrop-filter:blur(4px)}.drawer{position:absolute;right:0;top:0;height:100%;width:min(460px,92vw);background:#fff;padding:30px;overflow:auto}.drawer header{display:flex;justify-content:space-between}.drawer header h2{margin:7px 0}.drawer header button,.close{border:0;background:var(--pale);width:38px;height:38px;border-radius:50%;font-size:25px}.saved-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.thumb{height:62px;border-radius:8px}.saved-item b,.saved-item span{display:block}.saved-item b{font:17px Georgia}.saved-item span{font-size:11px;color:var(--muted);margin-top:4px}.saved-item>button{border:0;background:transparent;font-size:20px}.saved-empty{margin-top:25px}.modal-wrap{display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(700px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;padding:34px}.close{position:absolute;right:22px;top:22px}.modal h2{font-size:38px;padding-right:45px}.modal h3{font:20px Georgia;margin:25px 0 10px}.modal-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}.modal-grid div{padding:15px;border-right:1px solid var(--line)}.modal-grid div:last-child{border:0}.modal-grid span,.modal-grid b{display:block}.modal-grid span{font-size:9px;color:var(--muted);margin-bottom:6px}.modal-grid b{font:18px Georgia}.chips.large span{font-size:11px;padding:8px}.modal ul{color:var(--muted);font-size:13px;line-height:1.7}.price-line{display:flex;justify-content:space-between;padding:16px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px}.price-line b{font-size:18px}.book.wide{display:block;text-align:center;padding:14px}
@media(max-width:1050px){.search-row{grid-template-columns:1.4fr 1fr 1fr}.search-row label:nth-child(4){border-top:1px solid var(--line)}.search-row button{min-height:49px;grid-column:2/-1;margin-top:8px}.stay-card{grid-template-columns:200px 1fr}.stay-card footer{grid-template-columns:1fr auto auto}.value{grid-column:1/-1}.compare form{grid-template-columns:1fr 1fr}.compare button{grid-column:1/-1}}
@media(max-width:760px){.navlinks>a{display:none}.hero{padding-top:50px}h1{letter-spacing:-3px}.search-row{grid-template-columns:1fr 1fr}.search-row label{border-bottom:1px solid var(--line)}.search-row button{grid-column:1/-1}.trust{flex-wrap:wrap;gap:12px 20px}.story,.compare{grid-template-columns:1fr}.story-compare{margin-top:20px}.results-section>header{display:block}.sort{display:block;margin-top:20px}.results-layout{grid-template-columns:1fr}.filters{position:static;display:flex;flex-wrap:wrap;gap:20px}.filters>div+div{border:0;margin:0;padding:0}.filters>button{width:auto}.stay-card{grid-template-columns:1fr}.stay-image{min-height:190px}.stay-card footer{grid-column:1;grid-template-columns:1fr 1fr}.value{grid-column:1/-1}.price{grid-column:1/-1;text-align:left}.steps,.footer{grid-template-columns:1fr}.modal-grid{grid-template-columns:1fr 1fr}.modal-grid div:nth-child(2){border-right:0}.modal-grid div{border-bottom:1px solid var(--line)}}
@media(max-width:520px){.nav,.hero,.story,.results-section,.how,.compare,.footer{padding-left:20px;padding-right:20px}.hero h1{font-size:55px}.lede{font-size:18px}.search-row{grid-template-columns:1fr}.search-row label{border-right:0}.budget-row{display:block}.budget-row label{justify-content:space-between}.budget-row p{margin-top:10px}.story h2,.results-section h2,.how h2,.compare h2{font-size:37px}.story-compare{grid-template-columns:1fr}.story-compare>i{text-align:center}.stay-main{display:block}.rating{margin-top:14px}.tradeoff{display:block}.tradeoff b{display:block;margin-bottom:5px}.stay-card footer{display:grid}.details,.book{text-align:center}.compare form{grid-template-columns:1fr}.modal{padding:25px}.modal-grid{grid-template-columns:1fr}.modal-grid div{border-right:0}.price-line{display:block}.price-line b{display:block;margin-top:7px}}

/* Shared BeachQRoo visual language */
:root{--ink:#092b31;--ink2:#062f36;--mint:#54c9c1;--pale:#d9eeeb;--coral:#f2a65a;--cream:#f3f8f7;--line:#c7dcda;--muted:#4a6b70;--primary:#006f78;--shadow:0 12px 34px rgba(10,57,63,.07);--radius:22px}
body{font-family:Aptos,"Segoe UI",Arial,sans-serif}
.nav{height:68px;background:var(--ink2);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}
.brand{gap:10px;font-size:23px;letter-spacing:-.7px}
.brand span{width:34px;height:34px;border-radius:11px;background:#fff;color:var(--primary);font:750 19px Aptos,"Segoe UI",Arial,sans-serif}
.navlinks button{background:transparent;color:#fff;border-color:#4a7e82;border-radius:11px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.navlinks button b{background:var(--pale);color:var(--ink);border-radius:7px}
.hero{padding-top:74px;padding-bottom:42px;color:#fff;background:radial-gradient(circle at 83% 18%,rgba(84,201,193,.28),transparent 30%),linear-gradient(125deg,#062f36,#074b53 68%,#006f78)}
.eyebrow{color:#bfe8e4}.eyebrow i{background:#72d5ce}
h1{font:750 clamp(55px,7.3vw,96px)/.92 Aptos,"Segoe UI",Arial,sans-serif;letter-spacing:-4.6px}
h1 em{font-style:normal;font-weight:750;color:#8de0d8}
.lede{max-width:680px;font:400 21px/1.5 Aptos,"Segoe UI",Arial,sans-serif;color:#d7ecea}
.search-panel{color:var(--ink);border-color:var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(0,24,29,.22)}
.search-row button,.compare button,.book{background:var(--primary)}
.search-row button,.compare button,.details,.book{border-radius:11px}
.budget-row{background:#f3f8f7}
.trust{color:#d7ecea}
.story h2,.results-section h2,.how h2,.compare h2,.drawer h2,.modal h2,.filters h3,.stay-title h3,.steps h3,.empty h3,.saved-item b,.modal h3{font-family:Aptos,"Segoe UI",Arial,sans-serif;font-weight:700}
.story-compare article,.filters,.compare form,.empty,.modal{border-radius:var(--radius)}
.story-compare b,.price>b,.modal-grid b{font-family:Aptos,"Segoe UI",Arial,sans-serif;font-weight:750}
.story-compare article.best{border-color:var(--primary)}
.story-compare em,.stay-image>span{background:var(--primary)}
.results-section{background:var(--cream)}
.stay-card{border-radius:var(--radius);box-shadow:var(--shadow)}
.stay-card:hover{box-shadow:0 18px 42px rgba(10,57,63,.12)}
.stay-image>button{color:var(--primary)}
.rating>b{background:var(--primary);border-radius:10px}
.chips span{border-radius:8px}
.value em{background:var(--pale);color:#075d62;border-radius:8px}
.steps div{border-color:var(--primary)}.steps b{color:var(--primary)}
.footer{background:var(--ink2)}
.footer .brand span{color:var(--primary)}
.drawer{border-radius:24px 0 0 24px}
.modal-grid{border-radius:14px}
@media(max-width:520px){.hero h1{font-size:52px;letter-spacing:-2.8px}.nav{height:64px}.drawer{border-radius:20px 0 0 20px}}