.world360 {
  --world-accent: #7aa8ff;
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100svh;
  min-height: 680px;
  overflow: hidden;
  background: #02040a;
  color: #f7f9ff;
  overscroll-behavior: contain;
}

.world360-agent[hidden] { display:none!important; }
.world360-agent { display:none!important; }
.world360-agent-subtitle[hidden] { display:none!important; }
.world360-agent-subtitle { position:absolute; z-index:17; left:50%; bottom:clamp(76px,10vh,112px); width:min(680px,calc(100vw - 34px)); transform:translateX(-50%); padding:11px 18px; direction:rtl; color:#f5f8ff; border:1px solid rgba(153,184,255,.26); border-radius:999px; background:rgba(3,8,19,.72); box-shadow:0 15px 45px rgba(0,0,0,.35); backdrop-filter:blur(14px); font:600 clamp(12px,1.2vw,15px)/1.5 Heebo,sans-serif; text-align:center; pointer-events:none; }
.world360-agent-subtitle.is-listening { color:#baf8df; border-color:rgba(114,238,190,.5); }
.world360-lead-review[hidden] { display:none!important; }
.world360-lead-review { position:absolute; z-index:22; top:50%; left:clamp(18px,4vw,68px); width:min(430px,calc(100vw - 36px)); max-height:calc(100svh - 42px); overflow:auto; padding:clamp(22px,3vw,34px); direction:rtl; color:#f4f7ff; border:1px solid rgba(143,179,255,.35); border-radius:28px; background:linear-gradient(145deg,rgba(10,18,40,.96),rgba(3,7,17,.97)); box-shadow:0 34px 100px rgba(0,0,0,.68),inset 0 1px rgba(255,255,255,.08),0 0 70px rgba(76,125,255,.16); backdrop-filter:blur(24px); transform:translate(-28px,-50%) scale(.96); opacity:0; transition:opacity .36s ease,transform .5s cubic-bezier(.2,.8,.2,1); }
.world360-lead-review.is-visible { opacity:1; transform:translate(0,-50%) scale(1); }
.world360-lead-review::before { position:absolute; top:-80px; right:-70px; width:240px; height:240px; content:""; border-radius:50%; background:radial-gradient(circle,rgba(104,150,255,.28),transparent 68%); pointer-events:none; }
.lead-review-close { position:absolute; z-index:2; top:14px; left:14px; width:34px; height:34px; border:1px solid rgba(154,184,255,.2); border-radius:50%; color:#dbe6ff; background:rgba(255,255,255,.04); font-size:22px; cursor:pointer; }
.lead-review-kicker { display:flex; align-items:center; gap:9px; direction:ltr; color:#90b2ff; font:700 9px/1 Manrope,sans-serif; letter-spacing:.16em; }
.lead-review-kicker i { width:8px; height:8px; border-radius:50%; background:#6fffc2; box-shadow:0 0 16px #6fffc2; }
.world360-lead-review h3 { margin:20px 0 12px; font:800 clamp(32px,4vw,50px)/.92 Heebo,sans-serif; letter-spacing:-.055em; }
.world360-lead-review h3 em { color:#9bb8ff; font-style:normal; }
.world360-lead-review > p { margin:0 0 20px; color:rgba(225,233,252,.68); font:400 13px/1.55 Heebo,sans-serif; }
.world360-lead-review form { display:grid; gap:11px; }
.lead-review-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.world360-lead-review label { display:grid; gap:5px; }
.world360-lead-review label span { color:#aebdde; font:600 10px/1 Heebo,sans-serif; }
.world360-lead-review input,.world360-lead-review textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid rgba(151,181,255,.18); border-radius:11px; padding:10px 11px; outline:0; color:#f3f6ff; background:rgba(255,255,255,.05); font:500 12px/1.4 Heebo,sans-serif; transition:.2s ease; resize:vertical; }
.world360-lead-review input:focus,.world360-lead-review textarea:focus { border-color:#89adff; box-shadow:0 0 0 3px rgba(102,148,255,.1); }
.lead-review-status { min-height:18px; color:#9fb0d4; font:500 11px/1.45 Heebo,sans-serif; }
.lead-review-status.is-success { color:#87f1c6; }
.lead-review-status.is-error { color:#ff9eac; }
.lead-review-actions { display:grid; grid-template-columns:1.15fr .85fr; gap:8px; }
.lead-review-actions button,.lead-review-actions a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:46px; border:1px solid rgba(146,180,255,.25); border-radius:12px; padding:10px 12px; cursor:pointer; font:700 11px/1.25 Heebo,sans-serif; text-align:center; }
.lead-review-actions button { color:#071126; border-color:transparent; background:linear-gradient(120deg,#9bb9ff,#78f0c4); }
.lead-review-actions a { color:#eaf1ff; background:rgba(91,132,229,.12); }
.lead-review-actions button:disabled { opacity:.55; cursor:wait; }
.world360-lead-review form > small { color:rgba(198,211,240,.42); font:400 9px/1.4 Heebo,sans-serif; }
@media (max-width:720px) { .world360-lead-review { top:auto; right:10px; bottom:12px; left:10px; width:auto; max-height:72svh; padding:22px 18px; border-radius:22px; transform:translateY(28px) scale(.97); } .world360-lead-review.is-visible { transform:translateY(0) scale(1); } .lead-review-grid { grid-template-columns:1fr 1fr; } .world360-lead-review h3 { font-size:34px; } .world360-agent-subtitle { bottom:74px; } }
@media (max-width:430px) { .lead-review-grid { grid-template-columns:1fr; } .lead-review-actions { grid-template-columns:1fr; } }
.world360-liveavatar-source { position:fixed; left:-4px; top:-4px; width:2px; height:2px; opacity:.001; pointer-events:none; }
.world360-liveavatar-loading { position:absolute; z-index:17; left:50%; bottom:clamp(126px,16vh,178px); transform:translateX(-50%); padding:10px 16px; direction:rtl; border:1px solid rgba(160,190,255,.3); border-radius:999px; background:rgba(4,9,20,.84); color:#edf3ff; box-shadow:0 14px 40px rgba(0,0,0,.34); font:600 12px/1.4 Heebo,sans-serif; text-align:center; backdrop-filter:blur(12px); }
.world360-liveavatar-loading[hidden] { display:none; }
.world360-agent { position:absolute; z-index:18; right:clamp(14px,3vw,46px); bottom:clamp(80px,12vh,130px); width:min(390px,calc(100vw - 28px)); max-height:min(560px,68svh); display:flex; flex-direction:column; overflow:hidden; direction:rtl; color:#eef4ff; border:1px solid rgba(146,179,255,.28); border-radius:22px; background:rgba(3,8,20,.88); box-shadow:0 24px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.06); backdrop-filter:blur(20px); }
.world360-agent-head { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid rgba(151,181,255,.14); font:700 13px/1 Heebo,sans-serif; }
.world360-agent-head span { display:flex; align-items:center; gap:8px; }
.world360-agent-head i { width:8px; height:8px; border-radius:50%; background:#78f0c3; box-shadow:0 0 14px #78f0c3; }
.world360-agent-head button { border:0; color:#dce7ff; background:transparent; font-size:24px; cursor:pointer; }
.world360-agent-log { min-height:120px; overflow:auto; padding:14px; display:flex; flex-direction:column; gap:9px; }
.world360-agent-log p { margin:0; max-width:88%; padding:10px 12px; border-radius:14px; font:500 13px/1.55 Heebo,sans-serif; }
.world360-agent-log .is-agent { align-self:flex-end; background:rgba(115,151,255,.15); border:1px solid rgba(135,170,255,.18); }
.world360-agent-log .is-user { align-self:flex-start; background:#dfe7ff; color:#071021; }
.world360-agent-suggestions { display:flex; gap:6px; padding:0 12px 10px; overflow:auto; }
.world360-agent-suggestions button { flex:0 0 auto; border:1px solid rgba(145,177,255,.25); border-radius:999px; padding:7px 10px; color:#cbd9fa; background:transparent; font:600 11px Heebo,sans-serif; cursor:pointer; }
.world360-agent-form { display:grid; grid-template-columns:1fr 38px 38px; gap:6px; padding:10px; border-top:1px solid rgba(151,181,255,.14); }
.world360-agent-form input,.world360-lead-form input { min-width:0; border:1px solid rgba(151,181,255,.2); border-radius:12px; padding:10px 12px; color:#eef4ff; outline:none; background:rgba(255,255,255,.055); font:500 13px Heebo,sans-serif; }
.world360-agent-form button { border:0; border-radius:11px; color:#071021; background:#a8c0ff; font-size:17px; cursor:pointer; }
.world360-agent-form [data-agent-mic] { color:#bad0ff; border:1px solid rgba(151,181,255,.22); background:transparent; }
.world360-agent-form [data-agent-mic].is-listening { color:#fff; background:#d74f68; box-shadow:0 0 18px rgba(215,79,104,.55); }
.world360-lead-form { display:grid; gap:7px; padding:12px; border-top:1px solid rgba(151,181,255,.14); }
.world360-lead-form[hidden] { display:none; }
.world360-lead-form label { display:flex; gap:7px; align-items:center; color:#bcc9e5; font:500 11px Heebo,sans-serif; }
.world360-lead-form button { border:0; border-radius:11px; padding:10px; color:#071021; background:#8ff0ca; font:700 13px Heebo,sans-serif; cursor:pointer; }
.world360-lead-form small { color:#a9b9d8; font:500 11px Heebo,sans-serif; }
@media (max-width:620px) { .world360-agent { right:10px; bottom:70px; width:calc(100vw - 20px); max-height:58svh; } .world360-agent-log { min-height:88px; } }

.world360-sequence,
.world360-sequence-video,
.world360-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  outline: 0;
  touch-action: none;
}

.world360-sequence {
  z-index: 1;
  opacity: 1;
  background: #02040a;
  transition: opacity .8s cubic-bezier(.22, 1, .36, 1);
}

.world360-sequence-video {
  z-index: 2;
  opacity: 0;
  object-fit: contain;
  background: #02040a;
  pointer-events: none;
  transition: opacity .45s ease;
}

.world360.is-video-ready .world360-sequence-video { opacity: 1; }
.world360.is-video-ready .world360-sequence { opacity: 0; }

.world360-canvas {
  z-index: 0;
  opacity: 0;
  cursor: grab;
  transition: opacity .8s cubic-bezier(.22, 1, .36, 1);
}

.world360.is-panorama .world360-sequence {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}

.world360.is-panorama .world360-sequence-video {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}

.world360.is-panorama .world360-canvas {
  z-index: 1;
  opacity: 1;
}

.world360.is-dragging .world360-canvas { cursor: grabbing; }

.world360-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 48%, transparent 32%, rgba(2, 4, 10, .08) 66%, rgba(2, 4, 10, .56) 100%),
    linear-gradient(180deg, rgba(2, 4, 9, .32), transparent 20%, transparent 73%, rgba(2, 4, 9, .62));
}

.world360[data-current-room="management"] .world360-shade {
  background:
    radial-gradient(ellipse at 50% 47%, rgba(98,132,223,.11), transparent 33%),
    radial-gradient(circle at 50% 48%, transparent 27%, rgba(2,4,10,.10) 64%, rgba(2,4,10,.58) 100%),
    linear-gradient(180deg, rgba(2,4,9,.34), transparent 22%, transparent 72%, rgba(2,4,9,.66));
  animation:managementRoomBreath 7s ease-in-out infinite;
}

@keyframes managementRoomBreath {
  0%,100% { filter:saturate(1) brightness(1); }
  50% { filter:saturate(1.06) brightness(1.035); }
}

.world360::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  content: "";
  pointer-events: none;
  opacity: .26;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 4px);
  mix-blend-mode: soft-light;
}

.world360-ui {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.world360-status {
  position: absolute;
  top: clamp(108px, 13vh, 142px);
  left: clamp(18px, 3.5vw, 68px);
  display: flex;
  align-items: center;
  direction: ltr;
  gap: 9px;
  font: 600 10px/1 Manrope, sans-serif;
  letter-spacing: .18em;
  color: rgba(229, 235, 255, .62);
}

.world360-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8ab0ff;
  box-shadow: 0 0 16px #5e8bff;
  animation: worldPulse 1.8s ease-in-out infinite;
}

.world360-room-brand {
  position: absolute;
  top: clamp(108px, 13vh, 142px);
  left: 50%;
  display: none;
  align-items: center;
  gap: 10px;
  direction: ltr;
  transform: translateX(-50%);
}

.world360.is-panorama .world360-room-brand { display: flex; }

.world360-room-brand strong {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(164, 192, 255, .42);
  border-radius: 10px;
  background: rgba(3, 7, 16, .5);
  box-shadow: inset 0 0 20px rgba(92, 136, 255, .12);
  backdrop-filter: blur(14px);
  font: 800 12px/1 Manrope, sans-serif;
}

.world360-room-brand span { display: grid; gap: 3px; }
.world360-room-brand b { font: 700 11px/1 Manrope, sans-serif; letter-spacing: .14em; }
.world360-room-brand small { font: 500 8px/1 Manrope, sans-serif; letter-spacing: .18em; color: rgba(211, 222, 255, .64); }

.world360-portal {
  position: absolute;
  top: 54%;
  left: 27.5%;
  z-index: 7;
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  transition: opacity .28s ease, transform .28s ease;
}

.world360.has-progress .world360-portal,
.world360.is-panorama .world360-portal {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.72);
  pointer-events: none;
}

.world360-portal i,
.world360-portal::before,
.world360-portal::after {
  position: absolute;
  content: "";
  border-radius: 50%;
}

.world360-portal i {
  width: 7px;
  height: 7px;
  background: #edf4ff;
  box-shadow: 0 0 0 7px rgba(104, 153, 255, .14), 0 0 30px 7px rgba(87, 139, 255, .66);
}

.world360-portal::before {
  inset: 12px;
  border: 1px solid rgba(190, 211, 255, .56);
  animation: worldRing 2s ease-out infinite;
}

.world360-portal::after {
  inset: 3px;
  border: 1px solid rgba(115, 158, 255, .16);
}

.world360-controls {
  position: absolute;
  bottom: 66px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 11px;
  direction: rtl;
  padding: 11px 17px;
  border: 1px solid rgba(153, 180, 241, .18);
  border-radius: 999px;
  background: rgba(3, 7, 16, .57);
  box-shadow: 0 12px 48px rgba(0, 0, 0, .28);
  backdrop-filter: blur(15px);
  transform: translateX(-50%);
  font: 500 12px/1 Heebo, sans-serif;
  color: rgba(235, 241, 255, .8);
  white-space: nowrap;
  transition: opacity .35s ease, transform .35s ease;
}

.world360.is-panorama .world360-controls { bottom: 31px; }

.world360-mouse {
  position: relative;
  width: 17px;
  height: 24px;
  border: 1px solid rgba(228, 236, 255, .74);
  border-radius: 9px;
}

.world360-mouse i {
  position: absolute;
  top: 5px;
  left: 7px;
  width: 2px;
  height: 5px;
  border-radius: 2px;
  background: #88adff;
  animation: worldWheel 1.6s ease-in-out infinite;
}

.world360-floor-nav {
  position: absolute;
  inset: 0;
  display: none;
  overflow: hidden;
  pointer-events: none;
}

.world360.is-panorama .world360-floor-nav { display: block; }

.world360-floor-arrow {
  --arrow-rotation: 0deg;
  position: absolute;
  z-index: 6;
  display: grid;
  justify-items: center;
  width: 118px;
  height: 86px;
  padding: 0;
  border: 0;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.76);
  background: transparent;
  color: #eaf1ff;
  cursor: pointer;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}

.world360-floor-arrow.is-visible {
  opacity: .76;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
}

.world360-floor-arrow:hover,
.world360-floor-arrow:focus-visible,
.world360-floor-arrow.is-targeted { opacity: 1; }

.world360-floor-arrow .light-track {
  position: absolute;
  top: 9px;
  left: 50%;
  width: 2px;
  height: 46px;
  transform: translateX(-50%);
  border-radius: 99px;
  background: linear-gradient(180deg, transparent, rgba(96, 160, 255, .88));
  box-shadow: 0 0 12px #5e9cff, 0 0 28px rgba(56, 124, 255, .64);
}

.world360-floor-arrow .chevrons {
  position: absolute;
  top: 36px;
  left: 50%;
  width: 48px;
  height: 34px;
  transform: translateX(-50%) perspective(80px) rotateX(56deg) rotate(var(--arrow-rotation));
  filter: drop-shadow(0 0 6px #8eb8ff) drop-shadow(0 0 16px #477cff);
}

.world360-floor-arrow .chevrons::before,
.world360-floor-arrow .chevrons::after,
.world360-floor-arrow .chevrons i {
  position: absolute;
  left: 50%;
  width: 20px;
  height: 20px;
  content: "";
  border-top: 2px solid #e3edff;
  border-left: 2px solid #e3edff;
  transform: translateX(-50%) rotate(45deg);
}

.world360-floor-arrow .chevrons::before { top: 1px; opacity: .42; }
.world360-floor-arrow .chevrons i { top: 8px; opacity: .72; }
.world360-floor-arrow .chevrons::after { top: 15px; }

.world360-floor-arrow .arrow-label {
  position: absolute;
  top: 70px;
  left: 50%;
  width: max-content;
  max-width: 190px;
  padding: 7px 10px;
  border: 1px solid rgba(151, 187, 255, .22);
  border-radius: 999px;
  opacity: 0;
  transform: translate(-50%, 5px);
  background: rgba(3, 8, 18, .76);
  box-shadow: 0 10px 34px rgba(0,0,0,.34);
  backdrop-filter: blur(12px);
  font: 600 11px/1 Heebo, sans-serif;
  transition: opacity .2s ease, transform .2s ease;
}

.world360-floor-arrow:hover .arrow-label,
.world360-floor-arrow:focus-visible .arrow-label,
.world360-floor-arrow.is-targeted .arrow-label {
  opacity: 1;
  transform: translate(-50%, 0);
}

.world360-tooltip { display: none; }

.world360-back {
  position: absolute;
  top: clamp(108px, 13vh, 142px);
  right: clamp(18px, 3.5vw, 68px);
  display: none;
  padding: 10px 14px;
  border: 1px solid rgba(163, 190, 255, .22);
  border-radius: 999px;
  background: rgba(3, 7, 16, .52);
  color: rgba(239, 244, 255, .8);
  cursor: pointer;
  pointer-events: auto;
  backdrop-filter: blur(12px);
  font: 500 11px/1 Heebo, sans-serif;
}

.world360.is-panorama .world360-back { display: block; }

.world360-continue {
  position: absolute;
  left: clamp(16px, 3vw, 54px);
  bottom: 67px;
  z-index: 8;
  display: flex;
  align-items: center;
  min-height: 44px;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(163, 190, 255, .24);
  border-radius: 999px;
  background: rgba(3, 7, 16, .62);
  color: rgba(239, 244, 255, .86);
  box-shadow: 0 12px 38px rgba(0,0,0,.26);
  cursor: pointer;
  pointer-events: auto;
  backdrop-filter: blur(14px);
  font: 600 11px/1 Heebo, sans-serif;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.world360-continue:hover,
.world360-continue:focus-visible {
  border-color: rgba(150, 190, 255, .62);
  background: rgba(18, 37, 80, .72);
  transform: translateY(-2px);
}

.world360-continue span { color: #91b6ff; font-size: 15px; }

.world360-discovery {
  position: absolute;
  z-index: 7;
  display: grid;
  justify-items: center;
  gap: 8px;
  width: 132px;
  padding: 0;
  border: 0;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.75);
  background: transparent;
  color: #f2f6ff;
  cursor: pointer;
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}

.world360-discovery.is-visible {
  opacity: .9;
  transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
}

.world360-discovery i {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid #dce9ff;
  border-radius: 4px;
  background: #78a8ff;
  box-shadow: 0 0 0 7px rgba(103, 156, 255, .12), 0 0 26px 8px rgba(73, 126, 255, .68);
  transform: rotate(45deg);
}

.world360-discovery i::after {
  position: absolute;
  inset: -10px;
  content: "";
  border: 1px solid rgba(150, 188, 255, .48);
  border-radius: 50%;
  animation: worldDiscovery 2s ease-out infinite;
}

.world360-discovery span {
  width: max-content;
  max-width: 180px;
  padding: 7px 10px;
  border: 1px solid rgba(151, 187, 255, .24);
  border-radius: 999px;
  opacity: 0;
  transform: translateY(5px);
  background: rgba(3, 8, 18, .78);
  box-shadow: 0 10px 34px rgba(0,0,0,.34);
  backdrop-filter: blur(12px);
  font: 600 11px/1 Heebo, sans-serif;
  transition: opacity .2s ease, transform .2s ease;
}

.world360-discovery:hover span,
.world360-discovery:focus-visible span {
  opacity: 1;
  transform: translateY(0);
}

.world360-vault {
  position: absolute;
  top: 50%;
  right: clamp(18px, 5vw, 84px);
  z-index: 12;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(250px, .85fr);
  width: min(780px, calc(100% - 36px));
  min-height: 360px;
  overflow: hidden;
  border: 1px solid rgba(159, 191, 255, .28);
  border-radius: 22px;
  opacity: 0;
  transform: translate(24px, -50%) scale(.96);
  background: rgba(3, 7, 16, .93);
  box-shadow: 0 34px 100px rgba(0,0,0,.62), inset 0 0 60px rgba(70,118,255,.08);
  backdrop-filter: blur(24px);
  color: #f5f7ff;
  pointer-events: none;
  transition: opacity .3s ease, transform .4s cubic-bezier(.22,1,.36,1);
}

.world360-vault.is-open {
  opacity: 1;
  transform: translate(0, -50%) scale(1);
  pointer-events: auto;
}

.world360-vault-media {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 340px;
  background: radial-gradient(circle at 50% 45%, rgba(84, 137, 255, .24), rgba(2,5,12,.95) 68%);
}

.world360-vault-media::before {
  width: 94px;
  height: 94px;
  content: "MW";
  display: grid;
  place-items: center;
  border: 1px solid rgba(150, 187, 255, .4);
  border-radius: 26px;
  box-shadow: 0 0 70px rgba(78, 130, 255, .28);
  font: 800 23px/1 Manrope, sans-serif;
}

.world360-vault-media img {
  position: absolute;
  inset: 0;
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.world360-vault.has-image .world360-vault-media img { display: block; }

.world360-vault-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: clamp(28px, 4vw, 52px);
  direction: rtl;
}

.world360-vault-copy small { font: 700 9px/1 Manrope, sans-serif; letter-spacing: .18em; color: #83aaff; }
.world360-vault-copy h3 { margin: 18px 0 12px; font: 800 clamp(28px, 3vw, 46px)/.98 Heebo, sans-serif; letter-spacing: -.045em; }
.world360-vault-copy p { margin: 0; color: rgba(232,238,255,.72); font: 400 15px/1.65 Heebo, sans-serif; }
.world360-vault-copy a { margin-top: 28px; padding-bottom: 4px; border-bottom: 1px solid #83aaff; color: #eff4ff; font: 600 13px/1 Heebo, sans-serif; }

.world360-vault-close {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid rgba(186, 207, 255, .28);
  border-radius: 50%;
  background: rgba(2,6,14,.68);
  color: #fff;
  cursor: pointer;
  font: 300 22px/1 Arial, sans-serif;
}

.world360-object-stage {
  position: absolute;
  inset: 0;
  z-index: 14;
  display: grid;
  place-items: center;
  overflow: hidden;
  opacity: 0;
  background: radial-gradient(circle at 50% 48%, rgba(38, 77, 158, .42), rgba(2, 5, 12, .94) 62%);
  backdrop-filter: blur(18px);
  pointer-events: none;
  perspective: 1200px;
  transition: opacity .35s ease;
}

.world360-object-stage.is-open { opacity: 1; pointer-events: auto; }
.world360-object-stage [data-world360-object] { display: none; }
.world360-object-stage [data-world360-object]:not([hidden]) { display: flex; }

.world360-object-close {
  position: absolute;
  top: clamp(100px, 12vh, 130px);
  right: clamp(18px, 3.5vw, 60px);
  z-index: 4;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(184, 207, 255, .34);
  border-radius: 50%;
  background: rgba(3, 8, 18, .72);
  color: #fff;
  cursor: pointer;
  font: 300 25px/1 Arial, sans-serif;
}

.world360-object-logo {
  position: relative;
  align-items: center;
  justify-content: center;
  width: min(760px, 90vw);
  height: min(620px, 72vh);
  transform-style: preserve-3d;
}

.object-logo-card {
  --object-rx: 0deg;
  --object-ry: 0deg;
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: clamp(240px, 30vw, 410px);
  aspect-ratio: 1.42;
  border: 1px solid rgba(186, 211, 255, .64);
  border-radius: 38px;
  background:
    linear-gradient(145deg, rgba(202, 219, 255, .16), rgba(20, 46, 100, .1)),
    radial-gradient(circle at 50% 20%, #19386f, #050a16 68%);
  box-shadow: 0 50px 120px rgba(0,0,0,.7), inset 0 0 50px rgba(99, 153, 255, .18), 0 0 90px rgba(75, 129, 255, .28);
  transform: perspective(900px) rotateX(var(--object-rx)) rotateY(var(--object-ry)) translateZ(130px);
  transform-style: preserve-3d;
  animation: objectLogoEnter .9s cubic-bezier(.16,1,.3,1) both;
  transition: transform .14s ease-out, box-shadow .2s ease;
}

.object-logo-card::before {
  position: absolute;
  inset: 11px;
  content: "";
  border: 1px solid rgba(126, 169, 255, .22);
  border-radius: 29px;
  transform: translateZ(8px);
}

.object-logo-card strong { transform: translateZ(58px); font: 900 clamp(70px, 10vw, 132px)/.8 Manrope, sans-serif; letter-spacing: -.11em; text-shadow: 0 0 34px rgba(114, 164, 255, .7); }
.object-logo-card span { margin-top: 12px; transform: translateZ(38px); font: 800 clamp(17px, 2vw, 25px)/1 Manrope, sans-serif; letter-spacing: .18em; }
.object-logo-card small { margin-top: 12px; transform: translateZ(24px); font: 600 9px/1 Manrope, sans-serif; letter-spacing: .25em; color: rgba(195, 214, 255, .62); }
.world360-object-logo p { position: absolute; bottom: 4%; color: rgba(225,234,255,.62); font: 500 11px/1 Heebo, sans-serif; }

.object-orbit {
  position: absolute;
  width: 72%;
  aspect-ratio: 1;
  border: 1px solid rgba(113, 162, 255, .28);
  border-radius: 50%;
  box-shadow: 0 0 80px rgba(63, 119, 255, .12);
  transform-style: preserve-3d;
  pointer-events: none;
}

.orbit-one { transform: rotateX(68deg) rotateZ(12deg); animation: objectOrbitOne 11s linear infinite; }
.orbit-two { width: 54%; transform: rotateY(70deg) rotateZ(-18deg); animation: objectOrbitTwo 8s linear infinite reverse; }
.world360-object-stage.is-bursting .object-logo-card { box-shadow: 0 50px 120px rgba(0,0,0,.7), inset 0 0 80px rgba(160,195,255,.36), 0 0 150px 24px rgba(78, 137, 255, .68); }

.world360-object-screen {
  flex-direction: column;
  align-items: center;
  gap: 18px;
  width: min(1320px, 94vw);
  transform-origin: 50% 70%;
  animation: objectScreenEnter .8s cubic-bezier(.16,1,.3,1) both;
}

.object-monitor {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(142, 180, 255, .42);
  border-radius: 18px;
  background: #02050d;
  box-shadow: 0 40px 120px rgba(0,0,0,.68), 0 0 70px rgba(67, 121, 255, .2);
}

.object-monitor-bar { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 14px; border-bottom: 1px solid rgba(132,168,242,.18); direction: ltr; }
.object-monitor-bar i { width: 7px; height: 7px; border-radius: 50%; background: #4569a9; }
.object-monitor-bar i:first-child { background: #78a9ff; box-shadow: 0 0 12px #78a9ff; }
.object-monitor-bar span { margin-left: 8px; font: 600 8px/1 Manrope, sans-serif; letter-spacing: .17em; color: rgba(206,220,255,.54); }
.object-monitor img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.object-monitor-scan { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg, transparent, #78a9ff, transparent); box-shadow: 0 0 18px #78a9ff; animation: monitorScan 4s ease-in-out infinite; }
.object-screen-status { display: flex; justify-content: space-between; align-items: center; width: 100%; direction: ltr; font: 600 9px/1 Manrope, sans-serif; letter-spacing: .16em; color: rgba(220,230,255,.62); }
.object-screen-status span { display: flex; align-items: center; gap: 8px; }
.object-screen-status i { width: 7px; height: 7px; border-radius: 50%; background: #5fffc0; box-shadow: 0 0 12px #5fffc0; }
.object-screen-status a { padding: 9px 13px; border: 1px solid rgba(145,179,255,.28); border-radius: 999px; color: #eff4ff; direction: rtl; }

.world360-object-core {
  align-items: center;
  justify-content: center;
  gap: clamp(40px, 8vw, 110px);
  width: min(920px, 90vw);
  direction: ltr;
}

.core-shell {
  position: relative;
  display: grid;
  place-items: center;
  width: clamp(230px, 32vw, 430px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(213,232,255,.96) 0 3%, #72a8ff 4%, #184aa8 15%, rgba(8,20,48,.72) 36%, rgba(2,5,12,.2) 64%);
  box-shadow: inset 0 0 80px #2d70e8, 0 0 120px rgba(72,132,255,.48);
  animation: coreFloat 4s ease-in-out infinite;
}

.core-shell::before,
.core-shell::after,
.core-shell i {
  position: absolute;
  inset: 8%;
  content: "";
  border: 1px solid rgba(158,196,255,.42);
  border-radius: 50%;
}
.core-shell::before { transform: rotateX(66deg); animation: coreSpin 5s linear infinite; }
.core-shell::after { transform: rotateY(70deg); animation: coreSpin 7s linear infinite reverse; }
.core-shell i:nth-child(1) { inset: 18%; border-style: dashed; animation: coreSpin 10s linear infinite; }
.core-shell i:nth-child(2) { inset: -5%; opacity: .34; animation: worldRing 2.4s ease-out infinite; }
.core-shell i:nth-child(3) { inset: 32%; border-color: rgba(220,236,255,.62); animation: coreSpin 3s linear infinite reverse; }
.core-shell strong { z-index: 2; font: 900 clamp(48px, 8vw, 98px)/1 Manrope, sans-serif; text-shadow: 0 0 30px #78a9ff; }
.core-data { display: grid; direction: ltr; }
.core-data small { font: 700 9px/1 Manrope, sans-serif; letter-spacing: .2em; color: #81aaff; }
.core-data b { margin-top: 14px; font: 800 clamp(76px, 11vw, 150px)/.85 Manrope, sans-serif; }
.core-data span { margin-top: 14px; font: 600 12px/1 Manrope, sans-serif; letter-spacing: .16em; color: rgba(220,230,255,.58); }

.world360-object-cabinet {
  align-items: end;
  gap: clamp(30px, 5vw, 70px);
  width: min(1180px, 92vw);
  direction: rtl;
}
.cabinet-title { flex: 0 0 min(310px, 28vw); padding-bottom: 24px; }
.cabinet-title small { font: 700 9px/1 Manrope, sans-serif; letter-spacing: .18em; color: #82aaff; }
.cabinet-title h3 { margin: 18px 0 0; font: 800 clamp(34px, 5vw, 68px)/.95 Heebo, sans-serif; letter-spacing: -.05em; }
.cabinet-drawers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; flex: 1; perspective: 1000px; }
.cabinet-drawers a { position: relative; display: flex; flex-direction: column; min-height: 390px; overflow: hidden; border: 1px solid rgba(151,185,255,.28); border-radius: 17px; background: #071021; box-shadow: 0 28px 70px rgba(0,0,0,.48); transform: translateZ(-100px) translateY(80px); animation: drawerOpen .8s cubic-bezier(.16,1,.3,1) forwards; }
.cabinet-drawers a:nth-child(2) { animation-delay: .12s; }
.cabinet-drawers a:nth-child(3) { animation-delay: .24s; }
.cabinet-drawers img { width: 100%; height: 250px; object-fit: cover; }
.cabinet-drawers span { margin: 20px 20px 8px; font: 700 8px/1 Manrope, sans-serif; letter-spacing: .18em; color: #82aaff; }
.cabinet-drawers strong { margin: 0 20px 20px; font: 700 19px/1.05 Heebo, sans-serif; color: #f4f7ff; }
.cabinet-drawers a:hover { border-color: rgba(151,185,255,.68); transform: translateY(-7px) !important; }

.world360-object-representative { align-items: stretch; gap: clamp(22px,4vw,56px); width: min(1320px,94vw); max-height: calc(100svh - 110px); direction: ltr; }
.representative-visual { position: relative; flex: 1 1 56%; min-height: min(680px,76svh); overflow: hidden; border: 1px solid rgba(143,181,255,.34); border-radius: 34px 34px 90px 90px; background: radial-gradient(circle at 50% 38%,rgba(103,152,255,.24),transparent 35%),linear-gradient(180deg,rgba(10,18,38,.76),rgba(2,5,13,.94)); box-shadow: inset 0 0 90px rgba(79,133,255,.1),0 38px 100px rgba(0,0,0,.6),0 0 80px rgba(78,128,255,.16); }
.representative-visual::before { position: absolute; inset: 4% 9% 7%; content: ""; border: 1px solid rgba(142,180,255,.2); border-radius: 50% 50% 38% 38%; box-shadow: inset 0 0 40px rgba(117,165,255,.14); }
.representative-embed,.representative-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.representative-embed { z-index: 3; }
.representative-standby { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; filter: drop-shadow(0 0 34px rgba(116,167,255,.34)); }
.representative-standby[hidden] { display: none; }
.representative-head { position: relative; width: 112px; height: 140px; border: 1px solid rgba(194,216,255,.54); border-radius: 52% 52% 48% 48%; background: linear-gradient(145deg,rgba(191,215,255,.28),rgba(36,73,145,.4)); }
.representative-head i { position: absolute; left: 50%; bottom: 33px; width: 24px; height: 4px; border-radius: 50%; background: #abc9ff; box-shadow: 0 0 14px #76a7ff; transform: translateX(-50%); animation: representativeTalk 2.4s ease-in-out infinite; }
.representative-body { position: relative; width: 270px; height: 270px; margin-top: 15px; border: 1px solid rgba(168,199,255,.4); border-radius: 48% 48% 20% 20%; background: linear-gradient(150deg,rgba(105,153,245,.3),rgba(13,31,69,.56)); }
.representative-body i { position: absolute; top: 32px; width: 92px; height: 220px; border: 1px solid rgba(154,190,255,.32); border-radius: 60px; transform-origin: 50% 8%; }
.representative-body i:first-child { left: -56px; transform: rotate(16deg); animation: representativeHand 4s ease-in-out infinite; }
.representative-body i:last-child { right: -56px; transform: rotate(-16deg); animation: representativeHand 4s 1.2s ease-in-out infinite reverse; }
.representative-standby small { margin-top: 22px; font: 700 9px/1 Manrope,sans-serif; letter-spacing: .28em; color: rgba(195,216,255,.72); }
.representative-wave { position: absolute; bottom: 8%; width: 62%; height: 2px; background: linear-gradient(90deg,transparent,#7baaff,transparent); box-shadow: 0 0 22px #6a9eff; animation: monitorScan 3.2s ease-in-out infinite; }
.representative-status { position: absolute; z-index: 5; right: 20px; bottom: 18px; left: 20px; display: flex; align-items: center; gap: 9px; padding: 12px 15px; border: 1px solid rgba(142,178,247,.18); border-radius: 14px; background: rgba(3,7,17,.68); backdrop-filter: blur(18px); direction: rtl; font: 500 11px/1.3 Heebo,sans-serif; }
.representative-status i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: #6fffc0; box-shadow: 0 0 13px #6fffc0; animation: worldPulse 1.8s ease-in-out infinite; }
.representative-console { display: flex; flex: 0 1 440px; flex-direction: column; justify-content: center; direction: rtl; }
.representative-console > small { font: 700 9px/1 Manrope,sans-serif; letter-spacing: .18em; color: #86adff; direction: ltr; }
.representative-console h3 { margin: 22px 0 18px; font: 800 clamp(40px,5vw,72px)/.92 Heebo,sans-serif; letter-spacing: -.055em; }
.representative-console h3 em { color: #9ab8ff; font-style: normal; }
.representative-console > p { margin: 0; color: rgba(228,236,255,.68); font: 400 15px/1.65 Heebo,sans-serif; }
.representative-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 26px; }
.representative-actions button,.representative-actions a { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 14px; border: 1px solid rgba(145,180,255,.22); border-radius: 12px; background: rgba(12,22,45,.72); color: #eef3ff; font: 600 12px/1.2 Heebo,sans-serif; text-align: center; transition: .2s ease; }
.representative-actions button:first-child { grid-column: 1/-1; border-color: rgba(161,194,255,.58); background: linear-gradient(120deg,#537fe1,#87a9ff); color: #061029; font-weight: 800; }
.representative-actions button:first-child span { margin-left: 8px; color: #56ffc2; text-shadow: 0 0 9px #fff; }
.representative-actions button:hover,.representative-actions a:hover { border-color: #a6c2ff; transform: translateY(-2px); }
.representative-actions button:disabled { opacity: .55; cursor: wait; }
.representative-message { min-height: 52px; margin-top: 13px; padding: 12px 14px; border-right: 2px solid #7fa9ff; background: rgba(113,157,255,.07); color: rgba(227,236,255,.72); font: 500 11px/1.55 Heebo,sans-serif; }
.representative-privacy { margin-top: 11px; color: rgba(204,217,247,.4); font: 400 9px/1.4 Heebo,sans-serif; }

@keyframes representativeTalk { 50% { height: 15px; background: transparent; border: 2px solid #abc9ff; } }
@keyframes representativeHand { 50% { transform: rotate(2deg) translateY(-18px); } }

.world360-transition {
  position: absolute;
  inset: 0;
  z-index: 9;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(circle, rgba(111, 162, 255, .24), rgba(2, 5, 12, .97) 58%);
  transition: opacity .3s ease;
}

.world360-door-transition {
  position: absolute;
  z-index: 8;
  top: 50%;
  left: 50%;
  width: min(36vw, 430px);
  height: min(70vh, 680px);
  opacity: 0;
  pointer-events: none;
  perspective: 1200px;
  transform: translate(-50%,-44%) scale(.72);
  transition: opacity .24s ease, transform .5s cubic-bezier(.16,1,.3,1);
}
.world360-door-transition.is-visible { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.door-frame { position: absolute; inset: 0; overflow: hidden; border: 5px solid rgba(152,188,255,.72); border-bottom-width: 10px; border-radius: 28px 28px 5px 5px; background: rgba(5,10,23,.72); box-shadow: 0 0 90px rgba(83,139,255,.38), inset 0 0 70px rgba(87,143,255,.2); }
.door-frame::before { position: absolute; inset: 2%; content: ""; border: 1px solid rgba(192,216,255,.36); border-radius: 21px 21px 2px 2px; }
.door-frame i { position: absolute; z-index: 2; top: 0; bottom: 0; width: 50.5%; border: 1px solid rgba(157,192,255,.38); background: linear-gradient(110deg,rgba(45,72,126,.94),rgba(7,15,32,.98) 58%,rgba(103,145,224,.68)); box-shadow: inset 0 0 45px rgba(147,184,255,.18); transition: transform .62s cubic-bezier(.77,0,.18,1); }
.door-frame i:first-child { left: 0; transform-origin: 0 50%; }
.door-frame i:nth-child(2) { right: 0; transform-origin: 100% 50%; }
.world360-door-transition.is-open .door-frame i:first-child { transform: translateX(-101%) rotateY(-18deg); }
.world360-door-transition.is-open .door-frame i:nth-child(2) { transform: translateX(101%) rotateY(18deg); }
.door-frame span { position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; place-items: center; width: 70px; height: 70px; border: 1px solid rgba(200,220,255,.5); border-radius: 20px; background: rgba(5,11,24,.8); font: 800 17px/1 Manrope,sans-serif; transform: translate(-50%,-50%); transition: opacity .25s ease; }
.world360-door-transition.is-open .door-frame span { opacity: 0; }
.world360-door-transition small { position: absolute; right: 0; bottom: -34px; left: 0; color: rgba(224,234,255,.78); font: 600 11px/1 Heebo,sans-serif; text-align: center; }

.world360-transition.is-active { opacity: 1; }

.world360-transition span {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(185, 210, 255, .44);
  border-radius: 18px;
  box-shadow: 0 0 80px rgba(93, 145, 255, .35);
  font: 800 15px/1 Manrope, sans-serif;
}

.world360 .impact-strip {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  transition: opacity .35s ease;
}

.world360.is-panorama .impact-strip { opacity: 0; }

@keyframes worldPulse { 50% { opacity: .45; transform: scale(.72); } }
@keyframes worldRing { 0% { opacity: .8; transform: scale(.65); } 100% { opacity: 0; transform: scale(1.5); } }
@keyframes worldWheel { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(6px); } }
@keyframes worldDiscovery { 0% { opacity: .8; transform: scale(.62); } 100% { opacity: 0; transform: scale(1.35); } }
@keyframes objectLogoEnter { from { opacity: 0; transform: perspective(900px) rotateX(-18deg) scale(.2) translateZ(-500px); } to { opacity: 1; } }
@keyframes objectOrbitOne { to { transform: rotateX(68deg) rotateZ(372deg); } }
@keyframes objectOrbitTwo { to { transform: rotateY(70deg) rotateZ(342deg); } }
@keyframes objectScreenEnter { from { opacity: 0; transform: translateZ(-500px) scale(.42) rotateX(18deg); } to { opacity: 1; transform: none; } }
@keyframes monitorScan { 0%,100% { bottom: 2%; opacity: .2; } 50% { bottom: 94%; opacity: .95; } }
@keyframes coreFloat { 50% { transform: translateY(-16px) scale(1.025); } }
@keyframes coreSpin { to { transform: rotate(360deg); } }
@keyframes drawerOpen { to { opacity: 1; transform: translateZ(0) translateY(0); } }

@media (max-width: 800px) {
  .world360 { min-height: 620px; }
  .world360-status { top: 102px; left: 16px; }
  .world360-room-brand { top: 100px; }
  .world360-back { top: 101px; right: 16px; }
  .world360-portal { top: 52%; left: 28%; }
  .world360-controls { bottom: 58px; max-width: calc(100% - 30px); padding: 10px 14px; font-size: 11px; text-align: center; white-space: normal; }
  .world360-continue { bottom: 106px; left: 14px; }
  .world360-floor-arrow { width: 92px; transform: translate(-50%, -50%) scale(.72); }
  .world360-floor-arrow.is-visible { transform: translate(-50%, -50%) scale(.86); }
  .world360-floor-arrow .arrow-label { opacity: .88; transform: translate(-50%, 0); font-size: 10px; }
  .world360-discovery.is-visible { transform: translate(-50%, -50%) scale(.88); }
  .world360-discovery span { opacity: .9; transform: none; font-size: 10px; }
  .world360-vault { top: auto; right: 12px; bottom: 12px; grid-template-columns: 1fr; width: calc(100% - 24px); max-height: calc(100svh - 90px); min-height: 0; transform: translateY(24px) scale(.97); }
  .world360-vault.is-open { transform: translateY(0) scale(1); }
  .world360-vault-media { min-height: 190px; max-height: 34svh; }
  .world360-vault-copy { padding: 24px; }
  .world360-vault-copy h3 { margin-top: 12px; font-size: 30px; }
  .world360-vault-copy a { margin-top: 18px; }
  .world360-object-close { top: 92px; right: 14px; }
  .world360-object-screen { width: calc(100% - 20px); }
  .object-monitor-bar { height: 28px; }
  .object-screen-status { padding: 0 5px; font-size: 7px; }
  .world360-object-core { flex-direction: column; gap: 20px; text-align: center; }
  .core-data { justify-items: center; }
  .world360-object-cabinet { align-items: stretch; flex-direction: column; gap: 20px; width: calc(100% - 24px); max-height: calc(100svh - 120px); overflow: auto; padding-top: 90px; }
  .world360-object-representative { flex-direction: column; gap: 14px; width: calc(100% - 20px); max-height: calc(100svh - 96px); overflow: auto; padding: 82px 0 18px; }
  .world360-door-transition { width: min(62vw,300px); height: min(58vh,480px); }
  .representative-visual { flex: 0 0 auto; min-height: 42svh; border-radius: 24px 24px 54px 54px; }
  .representative-head { width: 66px; height: 82px; }
  .representative-head i { bottom: 20px; }
  .representative-body { width: 160px; height: 150px; }
  .representative-body i { width: 54px; height: 130px; }
  .representative-body i:first-child { left: -33px; }
  .representative-body i:last-child { right: -33px; }
  .representative-console { flex: 0 0 auto; padding: 0 5px; }
  .representative-console h3 { margin: 13px 0 10px; font-size: 38px; }
  .representative-console > p { font-size: 13px; }
  .representative-actions { margin-top: 16px; }
  .cabinet-title { flex: none; padding: 0 8px; }
  .cabinet-title h3 { margin-top: 10px; font-size: 36px; }
  .cabinet-drawers { grid-template-columns: 1fr; width: 100%; }
  .cabinet-drawers a { min-height: 240px; }
  .cabinet-drawers img { height: 180px; }
}

@media (max-width: 520px) {
  .world360 { height: 100svh; min-height: 560px; }
  .world360-status { font-size: 8px; }
  .world360-room-brand { left: 16px; transform: none; }
  .world360-room-brand span { display: none; }
  .world360-portal { left: 27%; }
  .world360-controls { bottom: 54px; width: max-content; max-width: calc(100% - 24px); }
  .world360.is-panorama .world360-controls { bottom: 20px; }
  .world360-back { font-size: 10px; }
  .world360-continue { bottom: 104px; padding: 9px 11px; font-size: 10px; }
  .world360.is-panorama .world360-continue { bottom: 76px; }
}

@media (prefers-reduced-motion: reduce) {
  .world360-status i,
  .world360-portal::before,
  .world360-mouse i { animation: none; }
}

/* Live representative: slim side brief and hand-anchored approval object */
.world360-agent-language { display:none; position:absolute; z-index:18; top:clamp(146px,17vh,188px); right:clamp(16px,3vw,44px); align-items:center; gap:7px; min-height:34px; padding:7px 11px; border:1px solid rgba(151,182,255,.24); border-radius:999px; color:#dce7ff; background:rgba(4,9,20,.5); box-shadow:0 12px 34px rgba(0,0,0,.28); backdrop-filter:blur(14px); cursor:pointer; pointer-events:auto; font:700 9px/1 Manrope,sans-serif; letter-spacing:.08em; }
.world360[data-current-room="management"] .world360-agent-language { display:flex; }
.world360-agent-language i { width:18px; height:8px; border-radius:999px; background:#7fa6ff; box-shadow:inset 0 0 0 2px rgba(255,255,255,.16),0 0 12px rgba(100,151,255,.45); }
.world360-agent-language.is-english i { background:#75ecc1; }
.world360-lead-review { top:53%; left:clamp(12px,2vw,30px); width:min(336px,calc(100vw - 24px)); max-height:76svh; padding:22px; border-radius:22px; border-color:rgba(143,179,255,.23); background:linear-gradient(145deg,rgba(8,15,34,.72),rgba(3,7,17,.76)); box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.07),0 0 52px rgba(76,125,255,.10); backdrop-filter:blur(15px); }
.world360-lead-review h3 { margin:16px 0 9px; font-size:34px; }
.world360-lead-review > p { margin-bottom:14px; font-size:11px; }
.lead-live-list { display:grid; gap:6px; margin:0 0 12px; }
.lead-live-list > div { display:grid; grid-template-columns:72px 1fr; align-items:center; gap:8px; min-height:35px; padding:7px 9px; border:1px solid rgba(143,175,244,.11); border-radius:10px; background:rgba(255,255,255,.035); }
.lead-live-list small { color:#7799e8; font:700 8px/1 Manrope,sans-serif; letter-spacing:.13em; }
.lead-live-list b { overflow:hidden; color:#e6edff; font:600 11px/1.35 Heebo,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.lead-live-list b.is-filled::before { display:inline-block; width:6px; height:6px; margin-left:7px; content:""; border-radius:50%; background:#71efbd; box-shadow:0 0 10px #71efbd; }
.world360-lead-review:not(.is-ready) form { display:none; }
.world360-lead-review.is-ready { width:min(370px,calc(100vw - 24px)); }
.world360-lead-review.is-ready .lead-review-grid { gap:7px; }
.world360-lead-review.is-ready input,.world360-lead-review.is-ready textarea { padding:8px 9px; }
.lead-review-actions { grid-template-columns:1fr; }
.lead-review-actions a { min-height:42px; border-color:rgba(85,229,172,.3); background:rgba(55,190,138,.10); }
.world360-send-token[hidden] { display:none!important; }
.world360-send-token { --token-x:58%; --token-y:58%; position:absolute; z-index:23; top:var(--token-y); left:var(--token-x); display:flex; align-items:center; gap:10px; min-width:190px; min-height:56px; padding:9px 12px; overflow:hidden; border:1px solid rgba(132,255,207,.55); border-radius:16px; color:#effff9; background:linear-gradient(125deg,rgba(9,25,38,.94),rgba(25,82,71,.92)); box-shadow:0 20px 58px rgba(0,0,0,.48),0 0 34px rgba(80,235,178,.24),inset 0 1px rgba(255,255,255,.13); backdrop-filter:blur(16px); cursor:pointer; transform:translate(8px,-50%) scale(.35) rotate(-7deg); transform-origin:0 50%; opacity:0; pointer-events:none; transition:transform .58s cubic-bezier(.16,1,.3,1),opacity .28s ease; }
.world360-send-token.is-visible { transform:translate(32px,-50%) scale(1) rotate(0); opacity:1; pointer-events:auto; }
.world360-send-token::after { position:absolute; inset:-80% -30%; content:""; background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.2) 50%,transparent 58%); animation:sendTokenShine 3.2s ease-in-out infinite; }
.world360-send-token > i { width:11px; height:11px; flex:0 0 auto; border-radius:50%; background:#72f2c1; box-shadow:0 0 18px #72f2c1; }
.world360-send-token > span { display:grid; gap:3px; direction:rtl; text-align:right; }
.world360-send-token small { color:#83d9ba; font:700 7px/1 Manrope,sans-serif; letter-spacing:.13em; }
.world360-send-token b { font:800 12px/1.1 Heebo,sans-serif; }
.world360-send-token > strong { margin-right:auto; color:#86f4cb; font:700 17px/1 Manrope,sans-serif; }
@keyframes sendTokenShine { 0%,65% { transform:translateX(-70%); } 100% { transform:translateX(70%); } }

@media (max-width:720px) {
  .world360-agent-language { top:148px; right:12px; }
  .world360-lead-review,.world360-lead-review.is-ready { top:278px; right:auto; bottom:auto; left:8px; width:min(224px,58vw); max-height:46svh; padding:15px 13px; border-radius:17px; transform:translateX(-18px) scale(.96); }
  .world360-lead-review.is-visible { transform:translateX(0) scale(1); }
  .world360-lead-review h3 { margin:12px 0 7px; font-size:25px; }
  .world360-lead-review > p { display:none; }
  .lead-review-kicker span { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .lead-live-list > div { grid-template-columns:56px 1fr; min-height:30px; padding:5px 7px; }
  .lead-review-grid { grid-template-columns:1fr; }
  .world360-lead-review.is-ready form { max-height:25svh; overflow:auto; padding-left:2px; }
  .world360-send-token { min-width:160px; min-height:50px; padding:8px 10px; }
  .world360-send-token.is-visible { transform:translate(14px,-50%) scale(.88); }
}

/* Gemini Live representative / cinematic brief system */
.world360-agent-subtitle {
  bottom:clamp(72px,9vh,104px);
  width:min(620px,calc(100vw - 34px));
  min-height:44px;
  box-sizing:border-box;
  border-color:rgba(143,179,255,.22);
  background:linear-gradient(110deg,rgba(3,8,19,.84),rgba(7,16,35,.72));
  box-shadow:0 18px 52px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.055);
  transition:color .25s ease,border-color .25s ease,background .25s ease;
}
.world360[data-agent-state="connecting"] .world360-agent-subtitle { color:#c7d8ff; border-color:rgba(132,170,255,.52); }
.world360[data-agent-state="thinking"] .world360-agent-subtitle { color:#cfdbf6; }
.world360[data-agent-state="speaking"] .world360-agent-subtitle { color:#f7fbff; border-color:rgba(112,241,192,.38); }

.world360-lead-review,.world360-lead-review.is-ready {
  top:50%;
  left:clamp(12px,2vw,28px);
  width:min(286px,calc(100vw - 24px));
  max-height:none;
  overflow:visible;
  padding:13px;
  border:1px solid rgba(142,176,246,.18);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(5,11,25,.74),rgba(9,20,42,.62));
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(118%);
  transform:translate(-18px,-50%) scale(.98);
}
.world360-lead-review::before { display:none; }
.world360-lead-review.is-visible { transform:translate(0,-50%) scale(1); }
.brief-rail-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; padding:2px 2px 8px; border-bottom:1px solid rgba(151,181,255,.10); }
.brief-rail-head > span { display:flex; align-items:center; gap:7px; color:#a8c1ff; font:800 8px/1 Manrope,sans-serif; letter-spacing:.16em; }
.brief-rail-head i { width:6px; height:6px; border-radius:50%; background:#70f0bd; box-shadow:0 0 12px #70f0bd; animation:briefLivePulse 1.8s ease-in-out infinite; }
.brief-rail-head small { color:rgba(220,230,250,.52); font:500 9px/1 Heebo,sans-serif; }
.world360-lead-review .lead-live-list { gap:3px; margin:0; }
.world360-lead-review .lead-live-list > div { grid-template-columns:62px 1fr; min-height:28px; padding:4px 6px; border:0; border-radius:8px; background:rgba(255,255,255,.026); }
.world360-lead-review .lead-live-list small { color:#7293df; font-size:7px; }
.world360-lead-review .lead-live-list b { font-size:10px; }
.world360-lead-review .lead-live-list b.is-filled { animation:briefFieldReceived .55s cubic-bezier(.2,.8,.2,1); }
.brief-rail-open { display:grid; width:100%; gap:2px; margin-top:8px; padding:10px 12px; border:1px solid rgba(113,241,190,.28); border-radius:11px; color:#eafff7; background:linear-gradient(125deg,rgba(25,83,70,.5),rgba(18,42,75,.52)); box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 28px rgba(80,235,178,.10); cursor:pointer; text-align:right; }
.brief-rail-open[hidden] { display:none!important; }
.brief-rail-open span { color:#78e8bd; font:600 8px/1 Heebo,sans-serif; }
.brief-rail-open b { font:800 11px/1.3 Heebo,sans-serif; }

.world360-blueprint[hidden] { display:none!important; }
.world360-blueprint {
  --blueprint-origin-x:22%;
  --blueprint-origin-y:70%;
  position:absolute;
  z-index:32;
  top:50%;
  left:clamp(24px,5vw,86px);
  width:min(480px,calc(100vw - 48px));
  max-height:calc(100svh - 56px);
  box-sizing:border-box;
  overflow:auto;
  padding:clamp(24px,3vw,36px);
  direction:rtl;
  color:#f4f7ff;
  border:1px solid rgba(154,187,255,.30);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(8,15,34,.97),rgba(2,6,15,.98));
  box-shadow:0 42px 130px rgba(0,0,0,.72),0 0 80px rgba(75,124,255,.16),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(26px) saturate(120%);
  opacity:0;
  transform:translate3d(calc(var(--blueprint-origin-x) - 50vw),calc(var(--blueprint-origin-y) - 50vh),0) scale(.12) rotate(-6deg);
  transform-origin:0 100%;
  transition:transform .64s cubic-bezier(.16,1,.3,1),opacity .28s ease;
  pointer-events:none;
}
.world360-blueprint.is-open { opacity:1; transform:translate3d(0,-50%,0) scale(1) rotate(0); pointer-events:auto; }
.world360-blueprint::before { position:absolute; inset:0; content:""; border-radius:inherit; background:linear-gradient(115deg,transparent 0 62%,rgba(110,157,255,.055)); pointer-events:none; }
.blueprint-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.blueprint-topline > small { color:rgba(174,196,240,.42); font:700 8px/1 Manrope,sans-serif; letter-spacing:.14em; }
.world360-blueprint h3 { margin:22px 0 10px; font:800 clamp(34px,4.5vw,56px)/.92 Heebo,sans-serif; letter-spacing:-.055em; }
.world360-blueprint h3 em { color:#9db8ff; font-style:normal; }
.world360-blueprint > p { margin:0 0 20px; color:rgba(219,229,250,.62); font:400 12px/1.55 Heebo,sans-serif; }
.world360-blueprint form { display:grid; gap:11px; }
.world360-blueprint label { display:grid; gap:5px; }
.world360-blueprint label span { color:#aebdde; font:600 10px/1 Heebo,sans-serif; }
.world360-blueprint input,.world360-blueprint textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid rgba(151,181,255,.17); border-radius:11px; padding:10px 11px; outline:0; color:#f3f6ff; background:rgba(255,255,255,.045); font:500 12px/1.4 Heebo,sans-serif; transition:.2s ease; resize:vertical; }
.world360-blueprint input:focus,.world360-blueprint textarea:focus { border-color:#89adff; box-shadow:0 0 0 3px rgba(102,148,255,.10); }
.world360-blueprint .lead-review-actions { grid-template-columns:1.15fr .85fr; gap:9px; }
.world360-blueprint .lead-review-actions > a { min-height:58px; border-color:rgba(85,229,172,.25); background:rgba(55,190,138,.08); }
.world360-blueprint form > small { color:rgba(198,211,240,.42); font:400 9px/1.4 Heebo,sans-serif; }

.world360-blueprint .world360-send-token {
  position:relative;
  inset:auto;
  display:flex;
  min-width:0;
  min-height:58px;
  padding:9px 12px;
  border-radius:14px;
  transform:none;
  transform-origin:center;
  opacity:1;
  pointer-events:auto;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.world360-blueprint .world360-send-token:hover { transform:translateY(-2px); box-shadow:0 24px 68px rgba(0,0,0,.48),0 0 40px rgba(80,235,178,.30),inset 0 1px rgba(255,255,255,.15); }
.world360-blueprint .world360-send-token:active { transform:translateY(0) scale(.98); }
.world360-blueprint .world360-send-token.is-sent { border-color:rgba(115,255,200,.72); filter:saturate(1.2); }
.world360-blueprint .world360-send-token:disabled { opacity:.58; cursor:wait; }

/* Premium live brief rail and two-path handoff */
.world360-lead-review,.world360-lead-review.is-ready {
  width:min(306px,calc(100vw - 24px));
  padding:15px;
  border-color:rgba(139,177,255,.28);
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 0,rgba(105,151,255,.16),transparent 38%),
    linear-gradient(155deg,rgba(5,12,29,.88),rgba(3,8,19,.78));
  box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset,0 0 52px rgba(74,120,255,.10);
  backdrop-filter:blur(24px) saturate(132%);
}
.world360-lead-review::after { position:absolute; top:0; right:20px; left:20px; height:1px; content:""; background:linear-gradient(90deg,transparent,#8cb0ff,transparent); opacity:.62; }
.brief-rail-head { margin-bottom:10px; padding:2px 1px 9px; }
.brief-rail-head > span { color:#c0d2ff; font-size:8px; letter-spacing:.19em; }
.brief-rail-head small { max-width:132px; overflow:hidden; color:rgba(225,234,255,.62); text-overflow:ellipsis; white-space:nowrap; }
.brief-rail-progress { display:flex; align-items:center; gap:9px; margin:0 1px 10px; }
.brief-rail-progress > span { position:relative; height:3px; flex:1; overflow:hidden; border-radius:999px; background:rgba(135,169,239,.12); }
.brief-rail-progress i { position:absolute; inset:0 auto 0 0; width:0; border-radius:inherit; background:linear-gradient(90deg,#739dff,#6df0be); box-shadow:0 0 14px rgba(103,236,184,.55); transition:width .6s cubic-bezier(.16,1,.3,1); }
.brief-rail-progress b { min-width:31px; color:#88a8eb; font:700 8px/1 Manrope,sans-serif; letter-spacing:.06em; text-align:left; }
.world360-lead-review .lead-live-list { gap:5px; }
.world360-lead-review .lead-live-list > div { position:relative; grid-template-columns:64px 1fr; min-height:32px; padding:5px 8px; overflow:hidden; border:1px solid rgba(143,178,247,.08); border-radius:10px; background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.016)); }
.world360-lead-review .lead-live-list > div::after { position:absolute; top:0; right:0; bottom:0; width:2px; content:""; background:#6fefbd; opacity:var(--brief-completion,0); }
.world360-lead-review .lead-live-list small { color:#7898df; font-size:7px; letter-spacing:.16em; }
.world360-lead-review .lead-live-list b { color:#eef3ff; font-size:10px; }
.brief-rail-open { position:relative; grid-template-columns:1fr auto; align-items:center; padding:11px 12px; overflow:hidden; border-color:rgba(111,241,190,.42); border-radius:13px; background:linear-gradient(125deg,rgba(18,71,62,.72),rgba(13,32,65,.72)); text-align:right; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.brief-rail-open::after { grid-row:1/3; grid-column:2; content:"↗"; color:#78f0c1; font:800 16px/1 Manrope,sans-serif; }
.brief-rail-open:hover { transform:translateY(-2px); border-color:rgba(126,255,204,.72); box-shadow:0 18px 36px rgba(0,0,0,.32),0 0 30px rgba(82,235,179,.16); }

.world360-blueprint { border-color:rgba(153,189,255,.36); background:radial-gradient(circle at 100% 0,rgba(79,125,228,.18),transparent 32%),linear-gradient(150deg,rgba(7,14,32,.985),rgba(2,6,15,.99)); box-shadow:0 48px 150px rgba(0,0,0,.76),0 0 90px rgba(75,124,255,.17),inset 0 1px rgba(255,255,255,.09); }
.world360-blueprint { scrollbar-width:thin; scrollbar-color:rgba(118,156,235,.46) transparent; }
.world360-blueprint::-webkit-scrollbar { width:6px; }
.world360-blueprint::-webkit-scrollbar-track { background:transparent; }
.world360-blueprint::-webkit-scrollbar-thumb { border:1px solid rgba(7,14,31,.8); border-radius:999px; background:linear-gradient(#779fff,#65dcb0); }
.blueprint-choice { display:flex; align-items:center; gap:11px; padding:12px 13px; border:1px solid rgba(133,169,245,.14); border-radius:14px; background:linear-gradient(115deg,rgba(88,128,220,.09),rgba(50,216,157,.055)); }
.blueprint-choice > i { display:grid; width:32px; height:32px; flex:0 0 auto; place-items:center; border:1px solid rgba(126,241,198,.35); border-radius:10px; color:#72edbd; background:rgba(74,212,157,.09); box-shadow:0 0 24px rgba(74,212,157,.10); font:800 14px/1 Manrope,sans-serif; }
.blueprint-choice > span { display:grid; gap:4px; }
.blueprint-choice b { color:#edf4ff; font:700 11px/1.2 Heebo,sans-serif; }
.blueprint-choice small { color:rgba(206,219,245,.56); font:400 9px/1.45 Heebo,sans-serif; }
.world360-blueprint .lead-review-actions { align-items:stretch; gap:10px; }
.world360-blueprint .world360-send-token { min-height:68px; padding:10px 13px; border-color:rgba(125,244,200,.46); border-radius:17px; background:radial-gradient(circle at 12% 50%,rgba(104,240,188,.18),transparent 24%),linear-gradient(125deg,rgba(8,23,35,.98),rgba(20,75,65,.95)); box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 30px rgba(80,235,178,.16),inset 0 1px rgba(255,255,255,.11); }
.world360-blueprint .world360-send-token > i { width:14px; height:14px; border:4px solid rgba(113,242,193,.18); background:#76f2c2; background-clip:padding-box; box-shadow:0 0 22px #72efc0; }
.world360-blueprint .world360-send-token small { color:#7fe4bd; letter-spacing:.16em; }
.world360-blueprint .world360-send-token b { font-size:13px; }
.world360-blueprint .world360-send-token > strong { display:grid; width:30px; height:30px; place-items:center; border:1px solid rgba(127,245,201,.28); border-radius:10px; background:rgba(118,240,192,.08); }
.world360-blueprint .blueprint-whatsapp { display:grid; grid-template-columns:34px 1fr 22px; align-items:center; gap:8px; min-height:68px; padding:9px 11px; border-color:rgba(86,225,171,.30); border-radius:17px; color:#ecfff7; background:linear-gradient(125deg,rgba(17,50,43,.88),rgba(6,24,31,.92)); box-shadow:inset 0 1px rgba(255,255,255,.07); text-align:right; transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.world360-blueprint .blueprint-whatsapp:hover { transform:translateY(-2px); border-color:rgba(99,244,188,.65); box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 28px rgba(71,220,163,.14); }
.blueprint-whatsapp > i { display:grid; width:34px; height:34px; place-items:center; border-radius:12px; color:#052319; background:#70eebc; box-shadow:0 0 20px rgba(93,236,180,.25); font:900 14px/1 Manrope,sans-serif; }
.blueprint-whatsapp > span { display:grid; gap:3px; min-width:0; }
.blueprint-whatsapp small { color:#70dfb4; font:700 6px/1 Manrope,sans-serif; letter-spacing:.13em; }
.blueprint-whatsapp b { overflow:hidden; font:700 10px/1.15 Heebo,sans-serif; text-overflow:ellipsis; white-space:nowrap; }
.blueprint-whatsapp em { overflow:hidden; color:rgba(206,235,225,.52); font:400 8px/1.25 Heebo,sans-serif; font-style:normal; text-overflow:ellipsis; white-space:nowrap; }
.blueprint-whatsapp > strong { color:#78edbd; font:800 15px/1 Manrope,sans-serif; }

@keyframes briefLivePulse { 50% { opacity:.45; transform:scale(.78); } }
@keyframes briefFieldReceived { 0% { color:#7cf0c1; transform:translateX(-5px); } 100% { color:#e6edff; transform:none; } }

@media (max-width:720px) {
  .world360-lead-review,.world360-lead-review.is-ready {
    top:208px;
    right:auto;
    bottom:auto;
    left:8px;
    width:132px;
    max-height:none;
    padding:9px;
    border-radius:13px;
    transform:translateX(-14px) scale(.98);
  }
  .world360-lead-review.is-visible { transform:translateX(0) scale(1); }
  .brief-rail-head { display:flex; gap:5px; margin-bottom:6px; padding-bottom:6px; }
  .brief-rail-head > span { font-size:6px; letter-spacing:.12em; }
  .brief-rail-head small { max-width:54px; font-size:7px; }
  .world360-lead-review .lead-live-list { display:none; }
  .brief-rail-progress { gap:6px; margin-bottom:0; }
  .brief-rail-progress b { min-width:25px; font-size:7px; }
  .brief-rail-open { margin-top:7px; padding:7px 8px; }
  .brief-rail-open span { font-size:7px; }
  .brief-rail-open b { font-size:9px; }
  .world360-blueprint { top:auto; right:8px; bottom:10px; left:8px; width:auto; max-height:74svh; padding:22px 17px; border-radius:22px; transform:translate3d(0,40px,0) scale(.92); transform-origin:50% 100%; }
  .world360-blueprint.is-open { transform:translate3d(0,0,0) scale(1); }
  .world360-blueprint h3 { margin-top:18px; font-size:34px; }
  .world360-blueprint .lead-review-grid { grid-template-columns:1fr 1fr; }
  .world360-blueprint .lead-review-actions { grid-template-columns:1fr; }
  .blueprint-choice { padding:10px; }
  .world360-agent-subtitle { bottom:72px; width:calc(100vw - 28px); padding:10px 14px; font-size:12px; }
}

@media (max-width:430px) {
  .world360-blueprint .lead-review-grid { grid-template-columns:1fr; }
  .world360-blueprint { max-height:78svh; }
}

@media (max-width:720px) {
  .world360[data-current-room="management"] .world360-controls { opacity:0; pointer-events:none; }
}

@media (prefers-reduced-motion:reduce) {
  .world360[data-current-room="management"] .world360-shade { animation:none; }
  .brief-rail-head i { animation:none; }
  .world360-blueprint { transition:opacity .2s ease; transform:none; }
  .world360-blueprint.is-open { transform:none; }
}

/* Guided world / AI concierge / room missions */
.header-ai-cta {
  display:flex; align-items:center; gap:9px; min-height:42px; padding:7px 12px;
  border:1px solid rgba(117,241,191,.26); border-radius:999px; color:#f1fff9;
  background:linear-gradient(120deg,rgba(15,42,38,.78),rgba(15,31,61,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 32px rgba(0,0,0,.22);
  cursor:pointer; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.header-ai-cta:hover { transform:translateY(-2px); border-color:rgba(117,241,191,.56); box-shadow:0 14px 38px rgba(0,0,0,.3),0 0 24px rgba(94,235,181,.12); }
.header-ai-cta > i { width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:#71efbd; box-shadow:0 0 14px #71efbd; animation:briefLivePulse 1.8s ease-in-out infinite; }
.header-ai-cta > span { display:grid; gap:3px; direction:ltr; text-align:left; }
.header-ai-cta small { color:#75e4b8; font:700 7px/1 Manrope,sans-serif; letter-spacing:.14em; }
.header-ai-cta b { font:700 10px/1 Heebo,sans-serif; }

.site-ai-orb {
  position:fixed; z-index:119; right:22px; bottom:22px; display:flex; align-items:center; gap:11px;
  min-height:62px; padding:8px 13px 8px 8px; border:1px solid rgba(127,169,255,.3);
  border-radius:20px; color:#f4f8ff; background:linear-gradient(135deg,rgba(5,12,28,.92),rgba(13,31,62,.88));
  box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 42px rgba(83,132,255,.16),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(18px) saturate(130%); cursor:pointer; transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease,border-color .25s ease;
}
.site-ai-orb:hover { transform:translateY(-4px) scale(1.02); border-color:rgba(112,239,189,.6); }
.site-ai-orb-core { position:relative; display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(160,192,255,.52); border-radius:14px; background:radial-gradient(circle at 32% 26%,#e7eeff,#779bff 55%,#142c61); color:#071020; box-shadow:0 0 24px rgba(107,153,255,.35); font:900 11px/1 Manrope,sans-serif; }
.site-ai-orb-core::after { position:absolute; inset:-6px; content:""; border:1px solid rgba(113,239,189,.25); border-radius:18px; animation:siteAiPulse 2.4s ease-out infinite; }
.site-ai-orb > span:nth-child(2) { display:grid; gap:4px; text-align:right; }
.site-ai-orb small { color:#72ecbc; font:700 7px/1 Manrope,sans-serif; letter-spacing:.14em; }
.site-ai-orb b { font:800 12px/1 Heebo,sans-serif; }
.site-ai-orb > i { margin-right:5px; color:#8eb0ff; font:700 16px/1 Manrope,sans-serif; }
body:has(.world360.is-panorama) .site-ai-orb { opacity:0; transform:translateY(20px) scale(.9); pointer-events:none; }

.world360-tour-launch {
  position:absolute; z-index:10; right:clamp(18px,3.2vw,58px); bottom:clamp(76px,10vh,108px);
  display:grid; grid-template-columns:54px minmax(180px,1fr) auto; align-items:center; gap:13px;
  width:min(510px,calc(100vw - 36px)); min-height:76px; padding:10px 12px;
  border:1px solid rgba(151,184,255,.25); border-radius:22px; color:#f5f8ff;
  background:linear-gradient(112deg,rgba(3,9,21,.84),rgba(12,27,56,.68));
  box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 55px rgba(82,128,255,.1),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(20px) saturate(122%); cursor:pointer; pointer-events:auto;
  transition:opacity .32s ease,transform .38s cubic-bezier(.2,.8,.2,1),border-color .25s ease;
}
.world360-tour-launch:hover { border-color:rgba(138,177,255,.6); transform:translateY(-4px); }
.world360-tour-launch.is-hidden,.world360.is-guided-tour .world360-tour-launch { opacity:0; transform:translateY(18px) scale(.94); pointer-events:none; }
.tour-launch-orbit { position:relative; display:grid; place-items:center; width:52px; height:52px; border:1px solid rgba(148,182,255,.32); border-radius:50%; box-shadow:inset 0 0 22px rgba(88,135,255,.16); }
.tour-launch-orbit::before,.tour-launch-orbit::after { position:absolute; content:""; border:1px solid rgba(116,160,255,.42); border-radius:50%; }
.tour-launch-orbit::before { inset:7px; animation:tourOrbit 6s linear infinite; border-color:#80a9ff transparent #80a9ff transparent; }
.tour-launch-orbit::after { inset:15px; background:radial-gradient(circle,#dce8ff 0 16%,#6c98ff 19% 42%,transparent 45%); box-shadow:0 0 18px #6f9cff; }
.tour-launch-orbit i { width:5px; height:5px; border-radius:50%; background:#74f0bf; box-shadow:0 0 12px #74f0bf; }
.world360-tour-launch > span:nth-child(2) { display:grid; gap:6px; text-align:right; }
.world360-tour-launch small { color:#88aaf7; font:700 8px/1 Manrope,sans-serif; letter-spacing:.13em; }
.world360-tour-launch b { font:800 clamp(14px,1.5vw,18px)/1.1 Heebo,sans-serif; }
.world360-tour-launch > strong { display:flex; align-items:center; gap:8px; min-height:42px; padding:0 15px; border-radius:13px; background:#eef3ff; color:#081022; font:800 11px/1 Heebo,sans-serif; white-space:nowrap; }
.world360-tour-launch > strong i { color:#4f78dc; font-style:normal; font-size:15px; }
.world360.is-panorama:not(.is-guided-tour) .world360-tour-launch { grid-template-columns:38px 1fr; right:18px; bottom:22px; width:min(290px,calc(100vw - 36px)); min-height:58px; padding:8px 10px; border-radius:17px; }
.world360.is-panorama:not(.is-guided-tour) .tour-launch-orbit { width:36px; height:36px; }
.world360.is-panorama:not(.is-guided-tour) .world360-tour-launch > strong,.world360.is-panorama:not(.is-guided-tour) .world360-tour-launch small { display:none; }

.world360-tour-panel[hidden],.world360-room-mission[hidden] { display:none!important; }
.world360-tour-panel {
  position:absolute; z-index:25; top:clamp(150px,18vh,190px); right:clamp(16px,3vw,46px); width:min(330px,calc(100vw - 32px));
  padding:15px; direction:rtl; color:#f3f7ff; border:1px solid rgba(143,179,255,.24); border-radius:20px;
  background:linear-gradient(145deg,rgba(5,12,29,.88),rgba(10,24,50,.72)); box-shadow:0 26px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(22px) saturate(125%); opacity:0; transform:translateX(22px) scale(.96); pointer-events:none;
  transition:opacity .3s ease,transform .42s cubic-bezier(.2,.8,.2,1);
}
.world360-tour-panel.is-visible { opacity:1; transform:none; pointer-events:auto; }
.tour-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; direction:ltr; }
.tour-panel-head > span { display:flex; align-items:center; gap:7px; color:#a9c1ff; font:800 8px/1 Manrope,sans-serif; letter-spacing:.17em; }
.tour-panel-head > span i { width:6px; height:6px; border-radius:50%; background:#71efbd; box-shadow:0 0 12px #71efbd; }
.tour-panel-head > small { color:rgba(221,230,250,.52); font:600 9px/1 Manrope,sans-serif; }
.tour-panel-head > small b { color:#fff; font-size:12px; }
.tour-panel-progress { height:2px; margin:13px 0 15px; overflow:hidden; border-radius:99px; background:rgba(158,185,246,.12); }
.tour-panel-progress i { display:block; width:16.66%; height:100%; background:linear-gradient(90deg,#729cff,#70efbd); box-shadow:0 0 12px #6c9cff; transition:width .65s cubic-bezier(.2,.8,.2,1); }
.tour-panel-copy { display:grid; gap:7px; }
.tour-panel-copy small { color:#7597e8; font:700 7px/1 Manrope,sans-serif; letter-spacing:.15em; }
.tour-panel-copy strong { font:800 20px/1.05 Heebo,sans-serif; }
.tour-panel-copy p { margin:0; color:rgba(222,231,250,.63); font:400 11px/1.55 Heebo,sans-serif; }
.tour-panel-actions { display:grid; grid-template-columns:.7fr 1.3fr 34px; gap:6px; margin-top:13px; }
.tour-panel-actions button { min-height:34px; padding:7px 9px; border:1px solid rgba(144,177,244,.16); border-radius:10px; color:#dce7ff; background:rgba(255,255,255,.035); cursor:pointer; font:700 9px/1 Heebo,sans-serif; }
.tour-panel-actions [data-tour-next] { border-color:rgba(118,158,255,.34); background:rgba(80,120,220,.15); }
.tour-panel-actions [data-tour-close] { padding:0; font-size:17px; }

.world360-room-mission {
  --mission-accent:#8eacff; position:absolute; z-index:16; right:clamp(18px,4vw,70px); bottom:clamp(94px,12vh,136px);
  width:min(430px,calc(100vw - 36px)); padding:21px 23px 20px; direction:rtl; color:#f6f8ff;
  border:1px solid color-mix(in srgb,var(--mission-accent) 34%,transparent); border-radius:24px;
  background:linear-gradient(140deg,rgba(3,8,19,.82),rgba(10,20,43,.66));
  box-shadow:0 30px 90px rgba(0,0,0,.48),-16px 0 70px color-mix(in srgb,var(--mission-accent) 10%,transparent),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(22px) saturate(120%); opacity:0; transform:translateY(25px) scale(.96); pointer-events:none;
  transition:opacity .32s ease,transform .52s cubic-bezier(.16,1,.3,1);
}
.world360-room-mission.is-visible { opacity:1; transform:none; pointer-events:auto; }
.room-mission-index { display:flex; align-items:center; gap:9px; direction:ltr; color:var(--mission-accent); }
.room-mission-index span { font:800 10px/1 Manrope,sans-serif; }
.room-mission-index i { width:26px; height:1px; background:currentColor; box-shadow:0 0 10px currentColor; }
.room-mission-index small { font:700 8px/1 Manrope,sans-serif; letter-spacing:.16em; }
.world360-room-mission h2 { margin:17px 0 10px; font:850 clamp(31px,4.2vw,52px)/.9 Heebo,sans-serif; letter-spacing:-.055em; }
.world360-room-mission h2 em { color:var(--mission-accent); font-style:normal; }
.world360-room-mission > p { max-width:360px; margin:0; color:rgba(222,231,250,.66); font:400 13px/1.6 Heebo,sans-serif; }
.room-mission-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:15px; direction:ltr; }
.room-mission-tags span { padding:5px 8px; border:1px solid color-mix(in srgb,var(--mission-accent) 22%,transparent); border-radius:999px; color:color-mix(in srgb,var(--mission-accent) 80%,white); background:rgba(255,255,255,.025); font:700 7px/1 Manrope,sans-serif; letter-spacing:.11em; }
.room-mission-actions { display:grid; grid-template-columns:1.2fr .8fr; gap:7px; margin-top:16px; }
.room-mission-actions button { min-height:42px; padding:8px 12px; border:1px solid rgba(148,180,247,.16); border-radius:12px; color:#e9f0ff; background:rgba(255,255,255,.035); cursor:pointer; font:750 10px/1.25 Heebo,sans-serif; }
.room-mission-actions [data-room-activate] { color:#07101f; border-color:transparent; background:linear-gradient(120deg,#e9f0ff,var(--mission-accent)); }
.room-mission-actions span { margin-right:7px; }
.world360.is-guided-tour .world360-room-mission { right:auto; left:clamp(18px,3vw,46px); bottom:clamp(86px,10vh,118px); width:min(380px,calc(100vw - 36px)); }
.world360[data-current-room="management"] .world360-room-mission { right:clamp(16px,2.5vw,38px); width:min(360px,calc(100vw - 32px)); }
.world360[data-current-room="management"] .world360-lead-review:not([hidden]) ~ .world360-room-mission { opacity:0; pointer-events:none; }

.world360-room-energy { --room-energy:#8eacff; position:absolute; z-index:3; inset:0; overflow:hidden; opacity:0; pointer-events:none; }
.world360-room-energy.is-active { opacity:1; }
.world360-room-energy > i { position:absolute; top:50%; left:50%; width:18vmin; height:18vmin; border:1px solid color-mix(in srgb,var(--room-energy) 64%,transparent); border-radius:50%; transform:translate(-50%,-50%) scale(.15); box-shadow:0 0 60px color-mix(in srgb,var(--room-energy) 22%,transparent); animation:roomEnergyBurst 1.7s cubic-bezier(.2,.7,.2,1) forwards; }
.world360-room-energy > i:nth-child(2) { animation-delay:.12s; }
.world360-room-energy > i:nth-child(3) { animation-delay:.24s; }
.world360-room-energy > span { position:absolute; inset:0; background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--room-energy) 18%,transparent),transparent 42%); animation:roomEnergyFlash 1.5s ease-out forwards; }
.world360.is-agent-teleport::before { position:absolute; z-index:29; inset:0; content:""; pointer-events:none; background:radial-gradient(circle at 50% 50%,rgba(222,235,255,.5),rgba(94,137,255,.18) 24%,transparent 58%); animation:agentTeleport 1.35s ease-out forwards; }
.world360.is-guided-tour .world360-controls { opacity:0; }
.world360.is-guided-tour .world360-discovery.is-visible i { border-color:#fff; background:#74efbf; box-shadow:0 0 0 8px rgba(105,239,188,.12),0 0 34px 10px rgba(87,216,171,.62); }

@keyframes siteAiPulse { 0% { opacity:.8; transform:scale(.82); } 75%,100% { opacity:0; transform:scale(1.35); } }
@keyframes tourOrbit { to { transform:rotate(360deg); } }
@keyframes roomEnergyBurst { 0% { opacity:.8; transform:translate(-50%,-50%) scale(.12); } 100% { opacity:0; transform:translate(-50%,-50%) scale(7); } }
@keyframes roomEnergyFlash { 0% { opacity:0; } 18% { opacity:1; } 100% { opacity:0; } }
@keyframes agentTeleport { 0% { opacity:0; } 24% { opacity:1; } 100% { opacity:0; } }

@media (max-width:920px) {
  .header-ai-cta b { display:none; }
  .header-ai-cta { width:42px; padding:0; justify-content:center; }
  .header-ai-cta small { font-size:6px; }
  .world360-room-mission,.world360.is-guided-tour .world360-room-mission { width:min(350px,calc(100vw - 28px)); }
}

@media (max-width:720px) {
  .site-ai-orb { right:10px; bottom:12px; min-height:54px; padding:7px 10px 7px 7px; border-radius:17px; }
  .site-ai-orb-core { width:38px; height:38px; border-radius:12px; }
  .site-ai-orb b { font-size:10px; }
  .site-ai-orb > i { display:none; }
  .world360-tour-launch { right:10px; bottom:76px; grid-template-columns:42px 1fr; width:calc(100vw - 20px); min-height:66px; padding:8px 10px; border-radius:18px; }
  .tour-launch-orbit { width:40px; height:40px; }
  .world360-tour-launch > strong { display:none; }
  .world360-tour-launch b { font-size:14px; }
  .world360.is-panorama:not(.is-guided-tour) .world360-tour-launch { right:10px; bottom:66px; width:min(235px,calc(100vw - 20px)); }
  .world360-tour-panel { top:96px; right:10px; width:calc(100vw - 20px); padding:12px; border-radius:17px; }
  .tour-panel-copy p { display:none; }
  .tour-panel-actions { margin-top:10px; }
  .world360-room-mission,.world360.is-guided-tour .world360-room-mission,.world360[data-current-room="management"] .world360-room-mission {
    right:10px; bottom:118px; left:10px; width:auto; padding:15px 16px; border-radius:19px;
  }
  .world360.is-guided-tour .world360-room-mission { bottom:82px; }
  .world360-room-mission h2 { margin:11px 0 7px; font-size:30px; }
  .world360-room-mission > p { font-size:11px; line-height:1.45; }
  .room-mission-tags { margin-top:10px; }
  .room-mission-actions { margin-top:11px; }
  .room-mission-actions button { min-height:38px; }
  .world360.is-guided-tour .world360-agent-subtitle { bottom:20px; }
  .world360.is-guided-tour .world360-continue,.world360.is-guided-tour .world360-back { opacity:.25; }
}

@media (max-width:430px) {
  .site-ai-orb > span:nth-child(2) { display:none; }
  .site-ai-orb { width:52px; padding:6px; border-radius:17px; }
  .site-ai-orb-core { width:38px; }
  .world360-room-mission > p { display:none; }
  .world360-room-mission h2 { font-size:27px; }
  .room-mission-actions { grid-template-columns:1fr 1fr; }
  .tour-panel-copy strong { font-size:17px; }
}

@media (prefers-reduced-motion:reduce) {
  .site-ai-orb-core::after,.tour-launch-orbit::before,.world360-room-energy > i,.world360-room-energy > span { animation:none; }
}

/* Clean tour mode: no guidance overlays unless the visitor explicitly starts it */
.world360.is-panorama .world360-tour-launch,
.world360.is-panorama:not(.is-guided-tour) .world360-tour-launch {
  opacity:0;
  transform:translateY(18px) scale(.94);
  pointer-events:none;
}
.world360-tour-panel {
  width:min(238px,calc(100vw - 28px));
  padding:12px;
}
.tour-panel-actions {
  grid-template-columns:1fr 1fr;
  margin-top:11px;
}
.tour-panel-actions [data-tour-close] {
  padding:7px 9px;
  font-size:9px;
}
.tour-panel-actions button:disabled {
  opacity:.62;
  cursor:default;
}

@media (max-width:720px) {
  .world360-tour-panel {
    top:104px;
    right:10px;
    width:210px;
  }
}

/* 2026-08-25 — clean cinematic entry and live representative layout */
body.world360-in-view .site-ai-orb {
  opacity:0;
  transform:translateY(20px) scale(.9);
  pointer-events:none;
}

.world360:not(.is-panorama) .world360-status {
  padding-bottom:12px;
}
.world360:not(.is-panorama) .world360-status::before {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:2px;
  content:"";
  border-radius:99px;
  background:rgba(137,169,239,.13);
}
.world360:not(.is-panorama) .world360-status::after {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:2px;
  content:"";
  border-radius:99px;
  background:linear-gradient(90deg,#739dff,#70efbd);
  box-shadow:0 0 16px rgba(105,224,187,.55);
  transform:scaleX(var(--entry-progress,0));
  transform-origin:left center;
}

@media (min-width:721px) {
  .world360:not(.is-panorama) .world360-tour-launch {
    right:clamp(22px,4vw,74px);
    bottom:104px;
  }
  .world360:not(.is-panorama) .world360-controls {
    bottom:24px;
    max-width:min(520px,calc(100vw - 48px));
    border-color:rgba(145,176,240,.13);
    background:rgba(3,7,16,.38);
    box-shadow:none;
  }
}

.world360-lead-review.is-blueprint-open {
  opacity:0;
  transform:translate(-18px,-50%) scale(.94);
  pointer-events:none;
}
.world360:has(.world360-blueprint.is-open) .world360-agent-subtitle,
.world360.has-open-blueprint .world360-agent-subtitle {
  opacity:0;
  transform:translate(-50%,14px);
  pointer-events:none;
}

.world360-blueprint {
  width:min(440px,calc(100vw - 48px));
  padding:28px;
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(95,142,247,.15),transparent 34%),
    linear-gradient(155deg,rgba(7,14,31,.985),rgba(2,6,15,.99));
}
.world360-blueprint h3 {
  margin:18px 0 8px;
  font-size:clamp(32px,3.6vw,46px);
}
.world360-blueprint > p { margin-bottom:16px; }
.world360-blueprint form { gap:9px; }
.world360-blueprint .lead-review-grid { gap:8px; }
.world360-blueprint input,.world360-blueprint textarea {
  padding:9px 10px;
  background:rgba(255,255,255,.035);
}

@media (max-width:720px) {
  .world360-lead-review,.world360-lead-review.is-ready {
    top:176px;
    right:10px;
    bottom:auto;
    left:10px;
    width:auto;
    max-width:390px;
    margin-left:auto;
    padding:10px 11px;
    border-radius:15px;
    transform:translateY(-12px) scale(.985);
  }
  .world360-lead-review.is-visible { transform:translateY(0) scale(1); }
  .world360-lead-review.is-blueprint-open { transform:translateY(-8px) scale(.96); }
  .brief-rail-head { margin-bottom:6px; padding:1px 1px 6px; }
  .brief-rail-head > span { font-size:7px; }
  .brief-rail-head small { max-width:120px; font-size:8px; }
  .brief-rail-progress { margin-bottom:7px; }
  .world360-lead-review .lead-live-list {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
  }
  .world360-lead-review .lead-live-list > div {
    grid-template-columns:44px minmax(0,1fr);
    min-height:28px;
    padding:4px 6px;
    border-radius:8px;
  }
  .world360-lead-review .lead-live-list small { font-size:6px; }
  .world360-lead-review .lead-live-list b { font-size:8px; }
  .brief-rail-open {
    grid-template-columns:1fr auto;
    margin-top:6px;
    padding:8px 9px;
  }
  .brief-rail-open span { font-size:7px; }
  .brief-rail-open b { font-size:9px; }
  .world360-blueprint {
    top:auto;
    right:8px;
    bottom:8px;
    left:8px;
    width:auto;
    max-height:calc(100svh - 88px);
    padding:19px 15px 16px;
    border-radius:20px;
  }
  .world360-blueprint h3 { margin:12px 0 6px; font-size:29px; }
  .world360-blueprint > p { margin-bottom:12px; font-size:10px; }
  .world360-blueprint .lead-review-grid { grid-template-columns:1fr 1fr; gap:7px; }
  .world360-blueprint label span { font-size:9px; }
  .world360-blueprint input,.world360-blueprint textarea { padding:8px 9px; font-size:11px; }
  .world360-blueprint .lead-review-actions { grid-template-columns:1fr 1fr; gap:7px; }
  .world360-blueprint .world360-send-token,
  .world360-blueprint .blueprint-whatsapp { min-height:58px; border-radius:14px; }
  .blueprint-choice { padding:9px 10px; }
}

@media (max-width:430px) {
  .world360-lead-review,.world360-lead-review.is-ready { top:170px; }
  .world360-blueprint .lead-review-grid { grid-template-columns:1fr 1fr; }
  .world360-blueprint .lead-review-actions { grid-template-columns:1fr; }
  .world360-blueprint { max-height:calc(100svh - 74px); }
}

/* One continuous film layer hands the camera back to the live 360 room. */
.world360-room-film[hidden] { display:none!important; }
.world360-room-film {
  position:absolute;
  z-index:40;
  inset:0;
  overflow:hidden;
  color:#eff5ff;
  background:#02050b;
  opacity:0;
  pointer-events:none;
  transition:opacity .46s cubic-bezier(.22,.8,.22,1);
}
.world360-room-film.is-visible { opacity:1; pointer-events:auto; }
.world360-room-film.is-handing-off { opacity:0; }
.world360-room-film video {
  position:absolute;
  inset:-1%;
  width:102%;
  height:102%;
  object-fit:cover;
  object-position:50% 50%;
  background:#02050b;
  transform:scale(1.012);
  transition:transform 1.1s cubic-bezier(.2,.75,.2,1),filter .42s ease;
}
.world360-room-film.is-visible video { transform:scale(1); }
.world360-room-film.is-handing-off video { filter:blur(3px) brightness(.84); transform:scale(1.025); }
.room-film-depth {
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 48%,transparent 32%,rgba(0,3,10,.18) 72%,rgba(0,2,8,.54));
}
.room-film-depth::after {
  position:absolute;
  inset:0;
  content:"";
  opacity:.25;
  background:linear-gradient(90deg,rgba(2,5,13,.22),transparent 16%,transparent 84%,rgba(2,5,13,.22));
}
.room-film-depth i {
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border:1px solid rgba(158,194,255,.52);
  border-radius:50%;
  box-shadow:0 0 30px rgba(98,151,255,.65);
  opacity:0;
  transform:translate(-50%,-50%);
  animation:roomFilmLock 1.7s ease-out .12s both;
}
.room-film-depth i:nth-child(2) { animation-delay:.28s; }
.room-film-signature {
  position:absolute;
  z-index:3;
  top:clamp(18px,3vw,38px);
  left:clamp(18px,3vw,42px);
  display:flex;
  align-items:center;
  gap:10px;
  opacity:.82;
}
.room-film-signature span {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(190,213,255,.34);
  border-radius:11px;
  background:rgba(4,9,20,.38);
  backdrop-filter:blur(12px);
  font:800 10px/1 Manrope,sans-serif;
}
.room-film-signature small { color:rgba(225,235,255,.7); font:700 7px/1 Manrope,sans-serif; letter-spacing:.19em; }
.world360-room-film [data-room-film-skip] {
  position:absolute;
  z-index:4;
  right:clamp(18px,3vw,42px);
  bottom:clamp(18px,3vw,38px);
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(176,202,255,.25);
  border-radius:999px;
  color:rgba(238,245,255,.82);
  background:rgba(3,8,18,.48);
  backdrop-filter:blur(14px);
  cursor:pointer;
  font:600 10px/1 Heebo,sans-serif;
}
.world360-room-film [data-room-film-skip]:hover { border-color:rgba(185,211,255,.62); background:rgba(9,20,43,.7); }
.world360.is-room-film-playing { cursor:progress; }

.world360-agent-toggle {
  display:none;
  position:absolute;
  z-index:18;
  top:clamp(146px,17vh,188px);
  right:clamp(112px,10vw,148px);
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(151,182,255,.24);
  border-radius:999px;
  color:#e1eaff;
  background:rgba(4,9,20,.5);
  box-shadow:0 12px 34px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
  cursor:pointer;
  pointer-events:auto;
  font:700 9px/1 Heebo,sans-serif;
}
.world360[data-current-room="management"] .world360-agent-toggle { display:flex; }
.world360-agent-toggle i { width:8px; height:8px; border-radius:2px; background:#ff8b9d; box-shadow:0 0 12px rgba(255,112,136,.55); }
.world360-agent-toggle.is-paused { border-color:rgba(111,239,189,.38); color:#eafff7; }
.world360-agent-toggle.is-paused i { border-radius:50%; background:#70efbd; box-shadow:0 0 13px rgba(112,239,189,.72); }
.world360[data-agent-state="paused"] .world360-agent-subtitle { color:#aebddd; border-color:rgba(142,168,221,.26); }

@keyframes roomFilmLock {
  0% { opacity:.8; transform:translate(-50%,-50%) scale(.2); }
  70% { opacity:.32; }
  100% { opacity:0; transform:translate(-50%,-50%) scale(42); }
}

@media (max-width:720px) {
  .world360-room-film video { inset:0; width:100%; height:100%; object-position:50% 50%; }
  .room-film-signature { top:18px; left:16px; }
  .room-film-signature small { max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .world360-room-film [data-room-film-skip] { right:14px; bottom:18px; min-height:36px; }
  .world360-agent-toggle { top:194px; right:12px; }
}

@media (max-width:430px) {
  .world360-agent-toggle { top:194px; }
  .world360-agent-toggle span { max-width:74px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

@media (prefers-reduced-motion:reduce) {
  .room-film-depth i { animation:none; }
  .world360-room-film,.world360-room-film video { transition:none; }
}

/* 2026-08-26 — marketing-ready interaction and responsive QA layer */
.world360 button,
.site-ai-orb,
.header-ai-cta {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

/* Keep the persistent AI entry useful without covering the page content. */
.site-ai-orb {
  width: 60px;
  min-width: 60px;
  justify-content: flex-start;
  gap: 0;
  overflow: hidden;
  padding: 7px;
  white-space: nowrap;
  transition: width .38s cubic-bezier(.2,.8,.2,1),gap .38s cubic-bezier(.2,.8,.2,1),transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease,border-color .25s ease;
}
.site-ai-orb > span:nth-child(2),
.site-ai-orb > i {
  max-width: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateX(8px);
  transition: max-width .38s cubic-bezier(.2,.8,.2,1),opacity .22s ease,transform .35s ease;
}
@media (hover:hover) and (min-width:721px) {
  .site-ai-orb:hover,
  .site-ai-orb:focus-visible {
    width: 220px;
    gap: 11px;
  }
  .site-ai-orb:hover > span:nth-child(2),
  .site-ai-orb:hover > i,
  .site-ai-orb:focus-visible > span:nth-child(2),
  .site-ai-orb:focus-visible > i {
    max-width: 132px;
    opacity: 1;
    transform: none;
  }
}

@media (min-width:721px) {
  .world360-agent-language,
  .world360-agent-toggle {
    top: clamp(158px,19vh,202px);
  }
}

/* The cinematic entry has one clear primary action and one secondary exit. */
.world360:not(.is-panorama) .world360-tour-launch {
  width: min(380px,calc(100vw - 36px));
  grid-template-columns: 48px minmax(130px,1fr) auto;
}
.world360:not(.is-panorama) .tour-launch-orbit {
  width: 46px;
  height: 46px;
}

/* The live representative replaces generic room guidance in management. */
.world360[data-current-room="management"] .world360-controls,
.world360[data-current-room="management"] .world360-continue {
  opacity: 0;
  pointer-events: none;
}

/* Guided mode owns the camera; hide unrelated controls until it ends. */
.world360.is-guided-tour .world360-status,
.world360.is-guided-tour .world360-room-brand,
.world360.is-guided-tour .world360-back,
.world360.is-guided-tour .world360-continue,
.world360.is-guided-tour .world360-agent-language,
.world360.is-guided-tour .world360-agent-toggle,
.world360.is-guided-tour .world360-floor-nav {
  opacity: 0!important;
  pointer-events: none!important;
}
.tour-panel-actions button {
  min-height: 42px;
}

/* Large, reliable targets for every control floating over the 360 canvas. */
.world360-back,
.world360-continue,
.world360-agent-language,
.world360-agent-toggle {
  min-height: 44px;
}
.world360-vault-close,
.world360-object-close,
.lead-review-close {
  width: 44px;
  height: 44px;
}
.world360-vault-copy a,
.object-screen-status a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}

/* A Blueprint is a focused task, so all room chrome recedes behind it. */
.world360.has-open-blueprint .world360-status,
.world360.has-open-blueprint .world360-room-brand,
.world360.has-open-blueprint .world360-back,
.world360.has-open-blueprint .world360-agent-language,
.world360.has-open-blueprint .world360-agent-toggle,
.world360.has-open-blueprint .world360-floor-nav {
  opacity: .08;
  pointer-events: none;
}
.world360-lead-review.is-blueprint-open {
  visibility: hidden;
}

@media (max-width:780px) {
  .brand {
    min-height: 44px;
  }
  .main-nav .nav-link {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    padding: 8px;
  }
  .footer a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }
}

@media (max-width:720px) {
  .pointer-light { display:none; }

  .site-ai-orb {
    right: 12px;
    bottom: max(12px,env(safe-area-inset-bottom));
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    padding: 6px;
    border-radius: 16px;
  }
  .site-ai-orb-core {
    width: 38px;
    height: 38px;
  }

  .world360:not(.is-panorama) .world360-tour-launch {
    right: 12px;
    bottom: 88px;
    width: 220px;
    min-height: 58px;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 9px;
    padding: 8px 10px;
    border-radius: 17px;
  }
  .world360:not(.is-panorama) .tour-launch-orbit {
    width: 36px;
    height: 36px;
  }
  .world360:not(.is-panorama) .world360-tour-launch small { display:none; }
  .world360:not(.is-panorama) .world360-tour-launch b { font-size:13px; }
  .world360:not(.is-panorama) .world360-continue {
    left: 12px;
    bottom: 88px;
    min-height: 44px;
  }
  .world360:not(.is-panorama) .world360-controls {
    bottom: 20px;
    width: calc(100% - 24px);
    justify-content: center;
  }

  .world360.is-panorama .world360-room-brand {
    top: 94px;
    left: 12px;
  }
  .world360.is-panorama .world360-room-brand strong {
    width: 44px;
    height: 44px;
  }
  .world360.is-panorama .world360-back {
    top: 94px;
    right: 12px;
    min-height: 44px;
  }
  .world360.is-panorama .world360-status {
    display: none;
  }

  /* One compact agent toolbar instead of two stacked, unrelated pills. */
  .world360-agent-language,
  .world360-agent-toggle {
    top: 148px;
    min-height: 40px;
  }
  .world360-agent-language { right: 12px; }
  .world360-agent-toggle { right: 102px; }

  .world360-tour-panel {
    top: 96px;
    right: 12px;
    width: 220px;
    padding: 12px;
  }
  .world360.is-guided-tour .world360-tour-panel {
    top: 94px;
  }

  .world360-lead-review,
  .world360-lead-review.is-ready {
    top: 198px;
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    margin: 0;
  }

  .world360[data-current-room="management"] .world360-agent-subtitle {
    bottom: max(18px,env(safe-area-inset-bottom));
    width: calc(100vw - 28px);
  }

  .world360-blueprint {
    top: 78px;
    right: 8px;
    bottom: auto;
    left: 8px;
    width: auto;
    height: auto;
    max-height: calc(100svh - 90px);
    overflow: auto;
    padding: 19px 15px 16px;
  }
  .world360-blueprint .lead-review-actions {
    grid-template-columns: 1fr 1fr;
  }
  .world360-blueprint input,
  .world360-blueprint textarea {
    min-height: 44px;
  }
  .world360-blueprint textarea { min-height: 78px; }
}

@media (max-width:380px) {
  .world360:not(.is-panorama) .world360-tour-launch {
    width: 205px;
  }
  .world360-agent-toggle { right: 100px; }
  .world360-agent-toggle span { max-width: 62px; }
  .world360-blueprint { top: 72px; max-height:calc(100svh - 80px); }
  .world360-blueprint .lead-review-grid,
  .world360-blueprint .lead-review-actions {
    grid-template-columns: 1fr;
  }
}

@media (pointer:coarse) {
  .pointer-light { display:none; }
}

/* 2026-08-26 — one clear mobile agent control */
.world360-agent-language,
.world360-agent-toggle { display:none!important; }

body:has(.world360.is-panorama[data-current-room="management"]) .header-ai-cta {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@media (max-width:920px) {
  .header-ai-cta {
    width:auto;
    min-width:88px;
    min-height:44px;
    justify-content:center;
    gap:7px;
    padding:7px 11px;
  }
  .header-ai-cta > span { display:block; }
  .header-ai-cta small { display:none; }
  .header-ai-cta b { display:block; font-size:11px; white-space:nowrap; }
}

@media (max-width:380px) {
  .header-ai-cta { min-width:78px; padding-inline:9px; }
  .header-ai-cta b { font-size:10px; }
}

.world360-agent-hint {
  display:none;
  position:absolute;
  z-index:18;
  top:clamp(158px,19vh,202px);
  right:clamp(16px,3vw,44px);
  align-items:center;
  gap:9px;
  min-height:42px;
  max-width:330px;
  padding:9px 13px;
  border:1px solid rgba(143,178,255,.22);
  border-radius:999px;
  color:#dce7ff;
  background:rgba(4,9,20,.58);
  box-shadow:0 15px 38px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(14px);
  pointer-events:none;
  font:600 10px/1.35 Heebo,sans-serif;
}
.world360-agent-hint i { width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#83a6ff;box-shadow:0 0 13px rgba(110,151,255,.8); }
.world360-agent-hint.is-active { border-color:rgba(112,239,189,.34);color:#ecfff8; }
.world360-agent-hint.is-active i { background:#70efbd;box-shadow:0 0 14px rgba(112,239,189,.9); }
.world360.is-panorama[data-current-room="management"] .world360-agent-hint { display:flex; }
.world360.is-guided-tour .world360-agent-hint,
.world360.has-open-blueprint .world360-agent-hint { display:none!important; }

@media (max-width:720px) {
  .world360-agent-hint {
    top:148px;
    right:12px;
    left:12px;
    width:max-content;
    max-width:calc(100% - 24px);
    min-height:38px;
    margin-inline:auto;
    padding:8px 12px;
    font-size:9px;
  }
}
