/* =========================================================
   HOMESTAY SOLUTION — DIRECT BOOKING / HOSPITALITY EXPERIENCE
   ========================================================= */

.homestay-solution-page{background:#03050d;color:#fff}
.homestay-solution-page main{background:#03050d}
.homestay-solution-page .breadcrumb{color:rgba(222,230,255,.52)}
.homestay-solution-page .breadcrumb a:hover{color:var(--plasma)}

/* Hero */
.stay-hero{
  position:relative;min-height:min(820px,calc(100svh - 72px));overflow:hidden;
  display:flex;align-items:center;isolation:isolate;
  padding:clamp(2.7rem,3.6vw,3.7rem) 0 clamp(5rem,6.5vw,6.2rem);
  background:
    radial-gradient(circle at 76% 24%,rgba(0,245,255,.15),transparent 24rem),
    radial-gradient(circle at 87% 73%,rgba(139,92,246,.18),transparent 30rem),
    radial-gradient(circle at 15% 17%,rgba(255,60,172,.07),transparent 28rem),
    linear-gradient(160deg,#03050d 0%,#061024 53%,#10072a 100%)
}
.stay-grid{
  position:absolute;inset:-18%;z-index:-4;opacity:.32;
  background-image:
    linear-gradient(rgba(0,245,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(139,92,246,.055) 1px,transparent 1px);
  background-size:52px 52px;
  transform:perspective(900px) rotateX(64deg) translateY(31%);
  transform-origin:center bottom;
  mask-image:linear-gradient(to top,#000,transparent 77%)
}
.stay-orbit{
  position:absolute;z-index:-3;border-radius:50%;
  border:1px solid rgba(0,245,255,.15);
  box-shadow:inset 0 0 85px rgba(85,114,255,.04)
}
.stay-orbit-a{width:720px;height:720px;right:-260px;top:-120px;animation:stayHalo 10s ease-in-out infinite}
.stay-orbit-b{width:430px;height:430px;left:-160px;bottom:-180px;border-color:rgba(255,60,172,.12);animation:stayHalo 12s -4s ease-in-out infinite reverse}
@keyframes stayHalo{50%{transform:scale(1.07) rotate(5deg);opacity:.58}}

.stay-hero-layout{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);
  align-items:center;gap:clamp(3rem,6vw,7rem)
}
.stay-hero-copy{position:relative;z-index:3}
.stay-hero-copy .eyebrow{display:flex;align-items:center;gap:.65rem;margin:.45rem 0 1rem}
.stay-hero-copy h1{
  font-size:clamp(3.5rem,7vw,7.2rem);line-height:.88;letter-spacing:-.075em;
  max-width:10.2ch;margin-bottom:1.8rem
}
.stay-hero-copy h1 span{
  color:transparent;background:linear-gradient(95deg,var(--plasma),#65a9ff 27%,var(--violet) 54%,var(--magenta) 79%,var(--acid));
  -webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px rgba(0,245,255,.13))
}
.stay-hero-copy .lead{max-width:760px;color:#aeb9d7;font-size:clamp(1.06rem,1.7vw,1.27rem)}
.stay-hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.stay-proof-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:2.2rem;max-width:680px}
.stay-proof-row span{
  padding:.7rem .8rem;border-radius:12px;border:1px solid rgba(103,142,255,.13);
  background:rgba(255,255,255,.022);color:rgba(223,231,255,.58);font-size:.74rem
}
.stay-proof-row b{color:var(--plasma);font-size:.66rem;letter-spacing:.09em;margin-right:.35rem}

/* Hero visual */
.stay-hero-visual{position:relative;min-height:660px;display:grid;place-items:center;perspective:1200px}
.stay-location-field{
  position:absolute;width:590px;max-width:94%;aspect-ratio:1;border-radius:50%;
  left:50%;top:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(0,245,255,.1),rgba(139,92,246,.04) 44%,transparent 68%)
}
.stay-map-lines{
  position:absolute;inset:10%;border-radius:50%;
  background:
    linear-gradient(31deg,transparent 48%,rgba(0,245,255,.08) 49% 50%,transparent 51%),
    linear-gradient(117deg,transparent 48%,rgba(139,92,246,.08) 49% 50%,transparent 51%),
    radial-gradient(circle,transparent 32%,rgba(255,255,255,.06) 32.5% 33%,transparent 33.5% 65%,rgba(255,255,255,.055) 65.5% 66%,transparent 66.5%)
}
.stay-location-ring{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,245,255,.14)}
.ring-a{width:84%;height:84%;animation:stayRing 14s linear infinite}.ring-b{width:58%;height:58%;border-style:dashed;border-color:rgba(139,92,246,.2);animation:stayRing 10s linear infinite reverse}
@keyframes stayRing{to{transform:translate(-50%,-50%) rotate(1turn)}}
.stay-location-core{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:var(--plasma);box-shadow:0 0 0 10px rgba(0,245,255,.07),0 0 28px rgba(0,245,255,.7)}

.stay-phone{
  position:relative;z-index:3;width:min(330px,68vw);height:620px;border-radius:42px;padding:10px;
  background:linear-gradient(145deg,#18223f,#050916 62%,#202f59);
  border:1px solid rgba(0,245,255,.22);
  box-shadow:0 40px 105px rgba(0,0,0,.42),0 0 0 1px rgba(139,92,246,.09),0 0 70px rgba(85,114,255,.11);
  transform:perspective(900px) rotateY(var(--tilt-y,-7deg)) rotateX(var(--tilt-x,2deg))
}
.stay-phone-notch{
  position:absolute;z-index:4;left:50%;top:17px;transform:translateX(-50%);
  width:102px;height:22px;border-radius:999px;background:#050714
}
.stay-phone-screen{height:100%;overflow:hidden;border-radius:33px;background:#f8faff;color:#0d152b;padding:36px 13px 15px}
.stay-app-head{display:flex;justify-content:space-between;align-items:center;padding:.2rem .2rem .8rem}
.stay-app-head span{display:block;font-size:.64rem;letter-spacing:.08em;font-weight:950}.stay-app-head small{display:block;font-size:.48rem;color:var(--ds-text-subtle-light)}.stay-app-head button{width:30px;height:30px;border-radius:50%;border:1px solid #dfe5f1;background:#fff;color:#43506e}
.stay-room-hero{
  position:relative;height:175px;border-radius:18px;padding:1rem;display:flex;flex-direction:column;justify-content:end;color:#fff;overflow:hidden;
  background:
    linear-gradient(180deg,transparent 24%,rgba(3,5,13,.28) 100%),
    radial-gradient(circle at 74% 28%,rgba(199,255,61,.26),transparent 14%),
    linear-gradient(135deg,#235b86,#596dff 46%,#8b5cf6 72%,#ef65a9)
}
.stay-room-hero:after{
  content:"";position:absolute;right:12%;bottom:18%;width:74px;height:74px;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,#eaffff,#6bcfe4 35%,#596dff 70%,#34257b);box-shadow:0 0 30px rgba(255,255,255,.14)
}
.stay-room-hero>span,.stay-room-hero>strong,.stay-room-hero>small,.stay-price{position:relative;z-index:2}
.stay-room-hero>span{font-size:.47rem;letter-spacing:.1em;color:var(--acid);font-weight:900}.stay-room-hero>strong{font-size:1.05rem}.stay-room-hero>small{font-size:.53rem;color:rgba(255,255,255,.74)}
.stay-price{position:absolute;right:.8rem;top:.8rem;text-align:right}.stay-price b{display:block;font-size:.66rem}.stay-price small{font-size:.45rem;color:rgba(255,255,255,.7)}
.stay-mini-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.75rem 0}.stay-mini-actions button{border:1px solid #dfe5f1;background:#fff;color:#36415e;border-radius:999px;padding:.45rem .2rem;font:inherit;font-size:.5rem;font-weight:850}.stay-mini-actions button:first-child{background:#111a38;color:#fff;border-color:#111a38}
.stay-room-list{display:grid;gap:.5rem}
.stay-room-list>div{display:grid;grid-template-columns:44px 1fr auto;gap:.55rem;align-items:center;padding:.43rem;border-radius:12px;background:#fff;border:1px solid #e4e9f4}.stay-room-list i{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#00d7e7,#6372ff)}.stay-room-list .room-b{background:linear-gradient(135deg,#8b5cf6,#ff3cac)}.stay-room-list .room-c{background:linear-gradient(135deg,#c7ff3d,#00b8d9)}.stay-room-list p{margin:0}.stay-room-list b{display:block;font-size:.58rem}.stay-room-list small{display:block;font-size:.47rem;color:var(--ds-text-subtle-light)}.stay-room-list>div>strong{font-size:.56rem}

.stay-float-card{
  position:absolute;z-index:5;padding:.7rem .85rem;border-radius:13px;
  background:linear-gradient(145deg,rgba(10,20,47,.88),rgba(26,13,61,.78));
  border:1px solid rgba(0,245,255,.17);box-shadow:0 22px 55px rgba(0,0,0,.28);backdrop-filter:blur(12px)
}
.stay-float-card small{display:block;color:#8492b8;font-size:.56rem;letter-spacing:.08em}.stay-float-card strong{display:block;font-size:.72rem;margin-top:.1rem}
.sfc-a{left:0;top:20%}.sfc-b{right:-3%;top:37%;border-color:rgba(139,92,246,.2)}.sfc-c{left:8%;bottom:11%;border-color:rgba(199,255,61,.13)}

/* Strip */
.stay-signal-strip{overflow:hidden;background:linear-gradient(92deg,#00bad1,#4167ff 29%,#8b5cf6 57%,#ff3cac 83%,#ff6c8b);color:var(--ds-signal-ink);padding:.8rem 0;box-shadow:0 0 35px rgba(85,114,255,.18)}
.stay-signal-track{display:flex;align-items:center;gap:1.3rem;width:max-content;font-size:.72rem;letter-spacing:.11em;font-weight:900;animation:stayMarquee 24s linear infinite}
.stay-signal-track i{font-style:normal;opacity:.45}.stay-signal-track span{white-space:nowrap}
@keyframes stayMarquee{to{transform:translateX(-50%)}}

/* Heading */
.stay-section-heading{max-width:1000px;margin-bottom:clamp(3rem,6vw,5rem)}
.stay-section-heading h2{font-size:clamp(2.7rem,5.7vw,6rem);line-height:.92;letter-spacing:-.068em;margin:.7rem 0 1.2rem}
.stay-section-heading h2 span,.stay-location-copy h2 span,.stay-direct-copy h2 span,.stay-audit-copy h2 span,.stay-final-inner h2 span{
  color:transparent;background:linear-gradient(90deg,var(--plasma),#7ea3ff 38%,var(--violet) 65%,var(--magenta));-webkit-background-clip:text;background-clip:text
}
.stay-section-heading p{max-width:800px;color:var(--ds-text-muted-light);font-size:1.04rem}

/* Journey */
.stay-journey-section{
  padding:clamp(6rem,10vw,10rem) 0;color:#0b1020;
  background:radial-gradient(circle at 94% 10%,rgba(85,114,255,.075),transparent 29rem),radial-gradient(circle at 3% 85%,rgba(255,60,172,.045),transparent 28rem),#f5f7ff
}
.stay-journey-shell{border-radius:28px;overflow:hidden;border:1px solid #dce4f6;background:#fff;box-shadow:0 28px 80px rgba(43,57,126,.09)}
.stay-journey-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:#f1f4fd;border-bottom:1px solid #dfe5f4}
.stay-journey-tabs button{
  position:relative;text-align:left;border:0;background:transparent;padding:1rem 1.1rem;color:var(--ds-text-muted-dark);font:inherit;cursor:pointer;min-height:95px
}
.stay-journey-tabs button:not(:last-child){border-right:1px solid #dfe5f4}
.stay-journey-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--plasma),var(--violet),var(--magenta));transition:transform .35s ease}
.stay-journey-tabs button.active{background:#fff;color:#111a31}.stay-journey-tabs button.active:after{transform:scaleX(1)}
.stay-journey-tabs span{display:block;color:var(--ds-accent-text-dark);font-size:.58rem;letter-spacing:.09em}.stay-journey-tabs b{display:block;font-size:.94rem;margin:.14rem 0}.stay-journey-tabs small{font-size:.63rem;color:var(--ds-text-subtle-dark)}.stay-journey-tabs button:focus-visible{outline:3px solid rgba(85,114,255,.2);outline-offset:-3px}
.stay-journey-stage{display:grid;grid-template-columns:1.05fr .95fr;min-height:490px}
.stay-map-scene{position:relative;overflow:hidden;background:radial-gradient(circle at 58% 45%,rgba(0,245,255,.13),transparent 35%),linear-gradient(145deg,#071126,#100a2d)}
.stay-map-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(0,245,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.06) 1px,transparent 1px);background-size:38px 38px;transform:rotate(-7deg) scale(1.12)}
.stay-coastline{position:absolute;right:-5%;top:-10%;width:48%;height:120%;border-left:2px solid rgba(0,245,255,.25);border-radius:54% 0 0 47%;background:linear-gradient(90deg,rgba(0,245,255,.04),rgba(0,245,255,.12))}
.stay-route{position:absolute;border:2px solid transparent;border-top-color:var(--plasma);border-radius:50%;filter:drop-shadow(0 0 7px rgba(0,245,255,.6))}
.route-a{left:13%;top:28%;width:68%;height:34%;transform:rotate(14deg)}.route-b{left:34%;top:14%;width:44%;height:62%;border-top-color:var(--magenta);transform:rotate(-15deg)}
.stay-pin{position:absolute;width:17px;height:17px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--plasma);box-shadow:0 0 25px rgba(0,245,255,.8)}.pin-home{left:23%;bottom:24%}.pin-beach{right:18%;top:28%;background:var(--acid);box-shadow:0 0 25px rgba(199,255,61,.8)}
.stay-map-label{position:absolute;padding:.35rem .45rem;border-radius:8px;background:rgba(6,12,31,.82);border:1px solid rgba(255,255,255,.08);font-size:.55rem;letter-spacing:.08em;color:#dce5ff}.label-home{left:28%;bottom:21%}.label-beach{right:6%;top:25%;color:var(--acid)}
.stay-step-panel{display:none;padding:clamp(2rem,4vw,3.5rem);align-content:center;background:#fff}.stay-step-panel.active{display:grid;animation:stayPanelIn .45s ease both}
@keyframes stayPanelIn{from{opacity:0;transform:translateX(18px)}}
.stay-step-kicker{font-size:.62rem;letter-spacing:.12em;font-weight:900;color:var(--ds-accent-text-dark)}.stay-step-panel h3{font-size:clamp(2rem,3.6vw,3.8rem);letter-spacing:-.055em;margin:.75rem 0 1rem}.stay-step-panel p{color:var(--ds-text-muted-dark)}.stay-step-panel ul{padding-left:1.1rem;color:var(--ds-text-muted-dark)}.stay-step-panel li{margin:.55rem 0}

/* Room explorer */
.stay-room-section{
  padding:clamp(6rem,10vw,10rem) 0;
  background:radial-gradient(circle at 15% 15%,rgba(0,245,255,.1),transparent 28rem),radial-gradient(circle at 87% 80%,rgba(255,60,172,.08),transparent 30rem),linear-gradient(145deg,#03050d,#071126 55%,#10072a)
}
.stay-room-section .stay-section-heading p{color:#a7b3d3}
.room-explorer{border:1px solid rgba(99,139,255,.15);border-radius:27px;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:0 35px 90px rgba(0,0,0,.2)}
.room-tabs{display:flex;gap:.4rem;flex-wrap:wrap;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.075)}
.room-tabs button{border:1px solid rgba(112,149,255,.15);background:rgba(255,255,255,.035);color:#9eabca;border-radius:999px;padding:.5rem .75rem;font:inherit;font-size:.7rem;cursor:pointer}
.room-tabs button.active{background:linear-gradient(90deg,#00cbd9,#596dff,#8b5cf6);color:#fff;border-color:transparent}
.room-tabs button:focus-visible{outline:3px solid rgba(0,245,255,.22);outline-offset:2px}
.room-explorer-stage{display:grid;grid-template-columns:1.1fr .9fr;min-height:590px}
.room-visual{position:relative;overflow:hidden;background:linear-gradient(160deg,#14324c 0%,#4a68a8 42%,#8b67bb 67%,#1b2744 68%)}
.room-visual:before{content:"";position:absolute;left:0;right:0;top:0;height:58%;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent)}
.room-window{position:absolute;right:9%;top:10%;width:38%;height:48%;border:7px solid rgba(244,249,255,.74);background:linear-gradient(180deg,#74d8ef 0%,#8b90ef 52%,#405c85 53%);box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.room-bed{position:absolute;left:12%;bottom:16%;width:55%;height:26%;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#f6f2e9,#cbd6ed);box-shadow:0 20px 45px rgba(0,0,0,.24)}
.room-bed:before{content:"";position:absolute;left:7%;right:7%;top:-28%;height:42%;border-radius:8px;background:#fff}
.room-lamp{position:absolute;left:10%;bottom:43%;width:7px;height:70px;background:#1b2744}.room-lamp:before{content:"";position:absolute;width:45px;height:24px;border-radius:50% 50% 8px 8px;background:var(--acid);left:50%;top:-16px;transform:translateX(-50%);box-shadow:0 0 24px rgba(199,255,61,.28)}
.room-floor{position:absolute;left:-10%;right:-10%;bottom:-5%;height:32%;background:linear-gradient(170deg,#26364a,#101827);transform:skewY(-4deg)}
.room-view-tag{position:absolute;left:1rem;top:1rem;padding:.35rem .5rem;border-radius:999px;background:rgba(4,8,19,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);font-size:.55rem;letter-spacing:.1em}
.room-visual[data-room-visual="ocean"]{background:linear-gradient(160deg,#155873 0%,#44a7c7 42%,#6e75d7 67%,#17243c 68%)}.room-visual[data-room-visual="ocean"] .room-view-tag:after{content:"OCEAN VIEW";font-size:.55rem}.room-visual[data-room-visual="ocean"] .room-view-tag{font-size:0}
.room-visual[data-room-visual="family"]{background:linear-gradient(160deg,#2e5066 0%,#6a79af 42%,#bd6ea9 67%,#20253e 68%)}.room-visual[data-room-visual="family"] .room-view-tag:after{content:"FAMILY SPACE";font-size:.55rem}.room-visual[data-room-visual="family"] .room-view-tag{font-size:0}.room-visual[data-room-visual="family"] .room-bed{width:62%;height:24%}

.room-detail-card{padding:clamp(2rem,4vw,3rem);background:linear-gradient(145deg,rgba(11,22,52,.95),rgba(24,12,62,.9));display:flex;flex-direction:column}
.room-detail-head>span{display:block;color:var(--plasma);font-size:.58rem;letter-spacing:.1em}.room-detail-head h3{font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.055em;margin:.7rem 0 .9rem}.room-detail-head p{color:#9ba8c7}
.room-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.4rem 0}.room-spec-grid div{padding:.75rem;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.room-spec-grid span{display:block;color:#7282a8;font-size:.48rem;letter-spacing:.09em}.room-spec-grid b{display:block;font-size:.76rem;margin-top:.25rem}
.room-feature-list{display:flex;gap:.45rem;flex-wrap:wrap}.room-feature-list span{padding:.42rem .58rem;border-radius:999px;border:1px solid rgba(0,245,255,.12);color:#a6b2cf;background:rgba(255,255,255,.025);font-size:.62rem}
.room-detail-footer{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.room-detail-footer small{display:block;color:#7282a8;font-size:.48rem;letter-spacing:.09em}.room-detail-footer strong{display:block;color:var(--acid);font-size:1.2rem}.room-detail-footer button{border:0;border-radius:999px;padding:.7rem .9rem;background:linear-gradient(90deg,#00cbd9,#596dff,#8b5cf6);color:#fff;font:inherit;font-size:.7rem;font-weight:850}
.stay-demo-note{margin:.8rem 0 0;color:#6f7ea5;font-size:.66rem}

/* Location */
.stay-location-section{padding:clamp(6rem,10vw,10rem) 0;background:#f6f8ff;color:#0b1020}
.stay-location-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.stay-location-copy h2{font-size:clamp(2.8rem,5.2vw,5.5rem);line-height:.92;letter-spacing:-.067em;margin:.7rem 0 1.3rem}.stay-location-copy p{color:var(--ds-text-muted-light);max-width:650px;margin-bottom:1.8rem}
.stay-distance-card{border-radius:25px;padding:1rem;background:#071126;box-shadow:0 30px 85px rgba(45,58,126,.18);border:1px solid rgba(92,132,255,.14)}
.distance-map{position:relative;min-height:520px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(0,245,255,.11),transparent 34%),linear-gradient(145deg,#071126,#120a31)}
.distance-grid{position:absolute;inset:-8%;background-image:linear-gradient(rgba(0,245,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.055) 1px,transparent 1px);background-size:38px 38px;transform:rotate(-6deg) scale(1.12)}
.distance-map svg{position:absolute;inset:0;width:100%;height:100%}.distance-map path{fill:none;stroke:rgba(0,245,255,.38);stroke-width:2;stroke-dasharray:6 8;filter:drop-shadow(0 0 6px rgba(0,245,255,.4))}
.distance-home{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#00cbd9,#596dff,#8b5cf6);font-size:.62rem;font-weight:950;letter-spacing:.08em;box-shadow:0 0 55px rgba(85,114,255,.27)}
.distance-node{position:absolute;z-index:2;min-width:110px;padding:.6rem .7rem;border-radius:12px;background:rgba(12,22,51,.88);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 38px rgba(0,0,0,.23)}.distance-node i{display:block;width:8px;height:8px;border-radius:50%;background:var(--plasma);box-shadow:0 0 14px rgba(0,245,255,.7);margin-bottom:.3rem}.distance-node b{display:block;font-size:.7rem}.distance-node small{display:block;color:#8492b5;font-size:.58rem}
.dn-beach{left:6%;top:7%}.dn-center{right:5%;top:11%}.dn-airport{right:2%;bottom:9%}.dn-night{left:6%;bottom:8%}.dn-center i{background:var(--violet)}.dn-airport i{background:var(--magenta)}.dn-night i{background:var(--acid)}

/* Trust */
.stay-trust-section{
  padding:clamp(6rem,10vw,10rem) 0;
  background:radial-gradient(circle at 14% 12%,rgba(0,245,255,.1),transparent 28rem),radial-gradient(circle at 88% 86%,rgba(139,92,246,.12),transparent 30rem),linear-gradient(145deg,#03050d,#071126 56%,#10072a)
}
.stay-trust-section .stay-section-heading p{color:#a7b3d3}
.stay-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;perspective:1100px}
.trust-card{min-height:430px;padding:1.2rem;border-radius:22px;background:linear-gradient(145deg,rgba(14,28,65,.9),rgba(21,12,59,.78));border:1px solid rgba(0,245,255,.13);box-shadow:0 20px 55px rgba(0,0,0,.16);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));display:flex;flex-direction:column}
.trust-card>span{display:block;color:var(--plasma);font-size:.57rem;letter-spacing:.1em}.trust-card h3{font-size:1.45rem;margin:1.2rem 0 .7rem}.trust-card p{color:#9ba8c7;margin-top:auto}
.trust-photo{height:210px;border-radius:16px;margin-top:1rem;background:linear-gradient(165deg,#2c6179 0%,#4f8bb7 45%,#8a6dbd 68%,#252a43 69%);position:relative;overflow:hidden}.trust-photo:before{content:"";position:absolute;left:10%;bottom:12%;width:62%;height:34%;border-radius:10px;background:#eef2f8;box-shadow:0 20px 38px rgba(0,0,0,.25)}.trust-photo:after{content:"";position:absolute;right:9%;top:12%;width:29%;height:49%;border:5px solid rgba(255,255,255,.68);background:linear-gradient(#76d8e8,#6575d4)}
.trust-review{height:210px;border-radius:16px;margin-top:1rem;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle,rgba(139,92,246,.17),transparent 50%),#081126}.trust-review strong{font-size:4rem;letter-spacing:-.08em}.trust-review b{color:var(--acid);letter-spacing:.08em}.trust-review small{color:#8794b5;margin-top:.3rem}
.trust-policy{height:210px;border-radius:16px;margin-top:1rem;padding:1.1rem;background:#081126;display:grid;grid-template-columns:32px 1fr;align-content:center;gap:.35rem .7rem}.trust-policy i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,245,255,.08);color:var(--plasma)}.trust-policy b{align-self:end}.trust-policy small{grid-column:2;color:#8895b6;margin-bottom:.6rem}

/* Direct booking */
.stay-direct-section{padding:clamp(6rem,10vw,10rem) 0;background:#fff;color:#0b1020}
.stay-direct-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.stay-direct-copy h2{font-size:clamp(2.8rem,5.2vw,5.5rem);line-height:.92;letter-spacing:-.067em;margin:.7rem 0 1.3rem}.stay-direct-copy p{color:var(--ds-text-muted-light)}
.direct-flow{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center;gap:.3rem}.direct-flow article{min-height:190px;padding:1rem;border-radius:17px;background:#f7f9ff;border:1px solid #dfe6f7;box-shadow:0 18px 50px rgba(45,58,126,.055)}.direct-flow article span{display:block;color:var(--ds-accent-text-light);font-size:.56rem;letter-spacing:.09em}.direct-flow article b{display:block;margin:1.8rem 0 .3rem}.direct-flow article small{color:var(--ds-text-subtle-light)}.direct-flow>i{font-style:normal;text-align:center;color:#596dff}

/* Ops */
.stay-ops-section{
  padding:clamp(6rem,10vw,10rem) 0;
  background:radial-gradient(circle at 12% 10%,rgba(0,245,255,.10),transparent 27rem),radial-gradient(circle at 90% 87%,rgba(255,60,172,.08),transparent 28rem),linear-gradient(145deg,#03050d,#071126 58%,#10072b)
}
.stay-ops-section .stay-section-heading p{color:#a7b3d3}
.stay-ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stay-ops-grid article{min-height:320px;padding:1.25rem;border-radius:20px;background:linear-gradient(145deg,rgba(14,28,65,.9),rgba(21,12,59,.78));border:1px solid rgba(0,245,255,.13);box-shadow:0 18px 55px rgba(0,0,0,.14);display:flex;flex-direction:column}.stay-ops-grid span{display:block;color:var(--plasma);font-size:.58rem;letter-spacing:.1em}.stay-ops-grid h3{font-size:1.4rem;margin:2rem 0 .7rem}.stay-ops-grid p{color:#9ba8c7}.stay-ops-grid i{font-style:normal;margin-top:auto;color:#8290b3;font-size:.61rem;letter-spacing:.09em;border-top:1px solid rgba(255,255,255,.08);padding-top:.8rem}

/* Dashboard */
.stay-dashboard-section{padding:clamp(6rem,10vw,10rem) 0;background:#f6f8ff;color:#0b1020}
.stay-dashboard{border-radius:26px;background:#071126;color:#fff;border:1px solid rgba(98,137,255,.15);padding:1.2rem;box-shadow:0 35px 95px rgba(45,58,126,.17)}
.stay-dash-head{display:flex;justify-content:space-between;gap:1rem;padding:.2rem .1rem 1rem}.stay-dash-head small{display:block;color:#7484ad;font-size:.55rem;letter-spacing:.1em}.stay-dash-head strong{display:block}.stay-dash-head>span{font-size:.58rem;color:#8491b3;padding:.3rem .45rem;border:1px solid rgba(255,255,255,.09);border-radius:999px}
.stay-dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.stay-dash-grid>article{min-height:190px;padding:1rem;border-radius:16px;background:linear-gradient(145deg,rgba(20,33,73,.9),rgba(18,12,56,.82));border:1px solid rgba(111,148,255,.12)}.stay-dash-grid small{display:block;color:#7f8eb5;font-size:.55rem;letter-spacing:.1em}.stay-dash-grid>article>strong{display:block;font-size:2rem;letter-spacing:-.055em;margin:.35rem 0}.stay-dash-grid>article>span{display:block;color:#8491b3;font-size:.6rem}
.stay-bars{display:flex;align-items:end;gap:5px;height:52px;margin-top:1rem}.stay-bars i{flex:1;border-radius:5px 5px 1px 1px;background:linear-gradient(to top,#4d64ff,#00f5ff)}.stay-bars i:nth-child(1){height:32%}.stay-bars i:nth-child(2){height:48%}.stay-bars i:nth-child(3){height:64%}.stay-bars i:nth-child(4){height:58%}.stay-bars i:nth-child(5){height:91%}
.stay-donut{margin-top:1rem;width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--violet) 0 61%,rgba(255,255,255,.08) 61%);display:grid;place-items:center}.stay-donut i{display:block;width:44px;height:44px;border-radius:50%;background:#0c1632}
.stay-spark{display:flex;align-items:end;gap:6px;height:52px;margin-top:1rem}.stay-spark i{flex:1;border-radius:5px 5px 1px 1px;background:linear-gradient(to top,#8b5cf6,#ff3cac)}.stay-spark i:nth-child(1){height:38%}.stay-spark i:nth-child(2){height:69%}.stay-spark i:nth-child(3){height:54%}.stay-spark i:nth-child(4){height:88%}
.stay-dash-wide{grid-column:1/-1;min-height:320px!important}.stay-funnel-head{display:flex;justify-content:space-between;gap:1rem;color:#8492b5;font-size:.62rem}.stay-funnel-head b{color:#fff}
.stay-funnel{display:grid;gap:.65rem;margin-top:1.2rem}.stay-funnel>div{width:var(--w);min-width:170px;padding:.75rem .9rem;border-radius:10px;background:linear-gradient(90deg,#00b9ca,#4e64ff 48%,#8b5cf6 76%,#ff3cac);display:flex;justify-content:space-between;gap:1rem;font-size:.68rem;box-shadow:0 8px 28px rgba(78,100,255,.12)}
.stay-dash-note{margin:.8rem .1rem 0;color:#7180a7;font-size:.62rem}

/* Deliverables */
.stay-deliverables-section{padding:clamp(6rem,10vw,10rem) 0;background:#fff;color:#0b1020}
.stay-deliverable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stay-deliverable-grid article{min-height:270px;padding:1.35rem;border-radius:20px;background:#f8faff;border:1px solid #dfe6f7;box-shadow:0 18px 50px rgba(45,58,126,.055);display:flex;flex-direction:column}.stay-deliverable-grid article>span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#eaffff,#eee8ff);color:var(--ds-accent-text-light);font-size:1.5rem}.stay-deliverable-grid h3{font-size:1.3rem;margin-top:auto}.stay-deliverable-grid p{color:var(--ds-text-muted-light);margin-bottom:0}

/* Audit */
.stay-audit-section{
  padding:clamp(6rem,10vw,10rem) 0;
  background:radial-gradient(circle at 12% 15%,rgba(0,245,255,.10),transparent 27rem),radial-gradient(circle at 88% 85%,rgba(139,92,246,.11),transparent 28rem),linear-gradient(145deg,#03050d,#071126 58%,#10072b)
}
.stay-audit-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(3rem,6vw,6rem);align-items:start}
.stay-audit-copy{position:sticky;top:110px}.stay-audit-copy h2{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.93;letter-spacing:-.065em;margin:.7rem 0 1.2rem}.stay-audit-copy p{color:#a7b2d2;margin-bottom:1.7rem}
.stay-audit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.stay-audit-grid>div{min-height:125px;padding:1rem;border-radius:16px;background:linear-gradient(145deg,rgba(14,28,65,.9),rgba(21,12,59,.78));border:1px solid rgba(0,245,255,.13);box-shadow:0 18px 45px rgba(0,0,0,.16)}.stay-audit-grid>div:nth-child(3n){border-color:rgba(139,92,246,.18)}.stay-audit-grid>div:nth-child(4n){border-color:rgba(255,60,172,.15)}.stay-audit-grid span{display:block;color:var(--plasma);font-size:.58rem;letter-spacing:.1em}.stay-audit-grid b{display:block;margin:.55rem 0 .25rem}.stay-audit-grid small{color:#8f9bbb}

/* FAQ */
.stay-faq-section{padding:clamp(6rem,10vw,10rem) 0;background:#f6f8ff;color:#0b1020}.stay-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,6vw,6rem)}.stay-faq-copy h2{font-size:clamp(2.5rem,4.6vw,4.7rem);line-height:.95;letter-spacing:-.06em;margin-top:.7rem}.stay-faq-list details{border-color:#dfe5f2;background:#fff}.stay-faq-list details p{color:var(--ds-text-muted-light)}

/* Final */
.stay-final-cta{position:relative;overflow:hidden;text-align:center;padding:clamp(7rem,13vw,12rem) 0;background:radial-gradient(circle at 50% 115%,rgba(85,114,255,.13),transparent 29rem),linear-gradient(180deg,#03050d,#071126)}
.stay-final-inner{position:relative;z-index:2}.stay-final-inner h2{font-size:clamp(3rem,6.3vw,6.6rem);line-height:.9;letter-spacing:-.073em;max-width:13ch;margin:1rem auto 1.5rem}.stay-final-inner p{max-width:760px;margin:0 auto 2rem;color:#a9b5d4;font-size:1.04rem}.stay-final-actions{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}
.stay-final-orb{position:absolute;border-radius:50%;border:1px solid rgba(0,245,255,.14);box-shadow:inset 0 0 85px rgba(85,114,255,.04)}.sfo-a{width:590px;height:590px;left:-230px;top:-240px}.sfo-b{width:480px;height:480px;right:-190px;bottom:-200px;border-color:rgba(255,60,172,.12)}

/* Responsive */
@media(max-width:1080px){
  .stay-hero-layout,.stay-location-layout,.stay-direct-layout,.stay-audit-layout,.stay-faq-layout{grid-template-columns:1fr}
  .stay-hero-visual{min-height:590px}
  .stay-audit-copy{position:relative;top:auto}
  .stay-trust-grid,.stay-deliverable-grid{grid-template-columns:1fr 1fr}
  .stay-ops-grid{grid-template-columns:1fr 1fr}
  .direct-flow{grid-template-columns:1fr 26px 1fr}.direct-flow>i:nth-of-type(2){display:none}.direct-flow article:nth-of-type(3){grid-column:1}.direct-flow article:nth-of-type(4){grid-column:3}
}
@media(max-width:820px){
  .stay-journey-tabs{grid-template-columns:repeat(2,1fr)}
  .stay-journey-stage{grid-template-columns:1fr}.stay-map-scene{min-height:340px}
  .room-explorer-stage{grid-template-columns:1fr}.room-visual{min-height:430px}
  .room-spec-grid{grid-template-columns:repeat(2,1fr)}
  .stay-dash-grid{grid-template-columns:1fr 1fr}.stay-dash-wide{grid-column:1/-1}
  .direct-flow{grid-template-columns:1fr}.direct-flow>i{transform:rotate(90deg)}.direct-flow>i:nth-of-type(2){display:block}.direct-flow article:nth-of-type(3),.direct-flow article:nth-of-type(4){grid-column:auto}
}
@media(max-width:680px){
  .stay-hero{padding-top:2.5rem}.stay-hero-copy h1{font-size:clamp(3.1rem,14.5vw,5.2rem)}
  .stay-proof-row{grid-template-columns:1fr}
  .stay-hero-visual{min-height:510px}.stay-phone{height:540px;width:min(300px,72vw)}.stay-room-list>div:nth-child(3){display:none}
  .sfc-a{left:0;top:8%}.sfc-b{right:0;top:auto;bottom:6%}.sfc-c{display:none}
  .stay-trust-grid,.stay-deliverable-grid,.stay-ops-grid{grid-template-columns:1fr}
  .stay-audit-grid{grid-template-columns:1fr}
  .stay-dash-grid{grid-template-columns:1fr}.stay-dash-wide{grid-column:1}
  .distance-map{min-height:430px}.distance-node{min-width:90px;padding:.5rem}.dn-beach{left:2%}.dn-center{right:2%}.dn-airport{right:1%}.dn-night{left:2%}
}
@media(max-width:520px){
  .stay-journey-tabs{grid-template-columns:1fr}.stay-journey-tabs button{min-height:72px}.stay-journey-tabs button:not(:last-child){border-right:0;border-bottom:1px solid #dfe5f4}
  .room-tabs{overflow-x:auto;flex-wrap:nowrap}.room-tabs button{white-space:nowrap}
  .room-detail-footer{align-items:flex-start;flex-direction:column}
  .stay-section-heading h2{font-size:clamp(2.6rem,12vw,4.5rem)}
}
@media(prefers-reduced-motion:reduce){
  .stay-orbit,.ring-a,.ring-b,.stay-signal-track,.stay-step-panel{animation:none!important}
}