body.auth-pending .app-shell { opacity: 0; }
body:not(.auth-pending) .app-shell { opacity: 1; transition: opacity .15s ease; }
.visitor-icon-sprite { position: absolute; pointer-events: none; }
.visitor-skip { position: fixed; z-index: 100; top: 8px; left: 8px; transform: translateY(-140%); padding: 10px 14px; border-radius: 8px; background: var(--visitor-navy); color: #fff; }
.visitor-skip:focus { transform: translateY(0); }

body.visitor-mode { color: var(--visitor-ink); background: #fff; font-family: var(--visitor-font); }
body.visitor-mode .app-shell { display: block; min-height: 100dvh; }
body.visitor-mode .app-shell > main { padding: 0 !important; }
body.visitor-mode .app-shell > main > .view { display: none !important; }
body.visitor-mode #visitor-experience { display: block; }
body:not(.visitor-mode) #visitor-experience { display: none !important; }
body.visitor-mode .public-policy-links { position: relative; z-index: 2; width: 100%; box-sizing: border-box; max-width: 1460px; margin: 0 auto; padding: 22px 32px; border-top: 1px solid var(--visitor-line); background: #fff; color: #6f7d95; }

body.visitor-mode .sidebar { position: sticky; z-index: 40; top: 0; width: 100%; height: 74px; padding: 0 38px; border: 0; border-bottom: 1px solid rgba(220,229,242,.88); background: rgba(255,255,255,.96); backdrop-filter: blur(18px); display: grid; grid-template-columns: 230px 1fr auto; align-items: center; gap: 24px; }
body.visitor-mode .sidebar .brand { display: inline-flex; width: 196px; height: auto; align-items: center; padding: 0; line-height: 0; }
body.visitor-mode .sidebar .brand-lockup { width: 100%; height: auto; }
body.visitor-mode .sidebar nav { display: flex; align-items: stretch; justify-content: center; height: 100%; gap: 4px; margin: 0; }
body.visitor-mode .sidebar nav .nav-item { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 74px; padding: 0 17px; border: 0; border-radius: 0; color: #5f6d86; background: transparent; font: 650 14px var(--visitor-font); transition: color .18s ease, background .18s ease; }
body.visitor-mode .sidebar nav .nav-item span:first-child { display: inline-flex; width: auto; height: auto; align-items: center; gap: 8px; background: transparent; color: inherit; font: inherit; }
body.visitor-mode .sidebar nav .visitor-icon { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body.visitor-mode .sidebar nav .nav-item small { display: none; }
body.visitor-mode .sidebar nav .nav-item:hover { color: var(--visitor-blue); background: #f8faff; }
body.visitor-mode .sidebar nav .nav-item.active { color: var(--visitor-blue); background: transparent; }
body.visitor-mode .sidebar nav .nav-item.active::after { content: ""; position: absolute; left: 17px; right: 17px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0; background: var(--visitor-blue); }
/* You is the signed-in personal center; guests should see only the public
   discovery navigation. Keep the member item untouched for authenticated UI. */
body.visitor-mode .sidebar nav .nav-item[data-view="profile"] { display: none !important; }
body.visitor-mode .sidebar nav .nav-safety { display: none; }
body.visitor-mode .sidebar nav .nav-item[hidden],
body.visitor-mode .sidebar nav .saved-nav-hidden { display: none !important; }
body.visitor-mode .sidebar-bottom { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; border: 0; }
body.visitor-mode .sidebar-bottom .profile-switch,
body.visitor-mode .sidebar-bottom .nav-item[data-view="safety"],
body.visitor-mode .sidebar-bottom #account-signout { display: none !important; }
body.visitor-mode .sidebar-bottom .visitor-sign-in-action { min-height: 42px; padding: 0 10px; border: 0; background: transparent; color: #4e5f7c; font: 700 13px var(--visitor-font); transition: color .18s ease; }
body.visitor-mode .sidebar-bottom .visitor-sign-in-action:hover { color: var(--visitor-blue); }
body.visitor-mode .sidebar-bottom .account-quick-access { min-height: 44px; margin: 0; padding: 0 20px; border: 0; border-radius: 999px; background: var(--visitor-blue); color: #fff; font: 750 12px var(--visitor-font); box-shadow: 0 9px 22px rgba(22,94,232,.22); }
body.visitor-mode .sidebar-bottom .account-quick-access:hover { background: var(--visitor-blue-strong); transform: translateY(-1px); }

@media (min-width: 901px) {
  body.visitor-mode .sidebar { height: 74px !important; min-height: 74px !important; padding: 0 38px !important; display: grid !important; grid-template-columns: 230px 1fr auto !important; gap: 24px !important; }
  body.visitor-mode .sidebar .brand { width: 196px !important; }
  body.visitor-mode .sidebar .brand-lockup { width: 100% !important; }
  body.visitor-mode .sidebar nav { height: 100% !important; margin: 0 !important; gap: 4px !important; }
  body.visitor-mode .sidebar nav .nav-item { display: inline-flex !important; grid-template-rows: none !important; min-width: auto !important; min-height: 74px !important; padding: 0 17px !important; border-radius: 0 !important; background: transparent !important; font: 650 14px var(--visitor-font) !important; line-height: normal !important; }
  body.visitor-mode .sidebar nav .nav-item span:first-child { display: inline-flex !important; width: auto !important; height: auto !important; align-items: center !important; gap: 8px !important; background: transparent !important; color: inherit !important; font: inherit !important; }
  body.visitor-mode .sidebar nav .nav-item small { display: none !important; }
  body.visitor-mode .sidebar nav .nav-item:hover { background: #f8faff !important; color: var(--visitor-blue) !important; }
  body.visitor-mode .sidebar nav .nav-item.active { background: transparent !important; color: var(--visitor-blue) !important; }
  body.visitor-mode .sidebar nav .nav-item.active::after { display: block !important; left: 17px !important; right: 17px !important; bottom: -1px !important; top: auto !important; }
  body.visitor-mode .sidebar nav .nav-safety { display: none !important; }
}

#visitor-experience, #visitor-experience * { box-sizing: border-box; }
#visitor-experience { color: var(--visitor-ink); background: #fff; font-family: var(--visitor-font); -webkit-font-smoothing: antialiased; }
#visitor-experience button, #visitor-experience input, #visitor-experience select { font: inherit; }
#visitor-experience button { cursor: pointer; }
#visitor-experience img { display: block; max-width: 100%; }
#visitor-experience .visitor-icon { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
#visitor-experience :focus-visible { outline: 3px solid rgba(22,94,232,.34); outline-offset: 3px; }
#visitor-experience .visitor-scene { display: none; min-height: calc(100dvh - 74px); overflow: hidden; background: #fff; }
#visitor-experience .visitor-scene.active { display: block; animation: visitor-scene-in .34s ease both; }
@keyframes visitor-scene-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
#visitor-experience .visitor-shell { width: min(1460px, calc(100% - 64px)); margin: 0 auto; }

/* The logo is the home entry. This landing surface sells the connected
   BraveMeet model; the navigation continues to begin with the core Meet task. */
#visitor-experience .visitor-home-scene { overflow: visible; padding-top: 22px; background: linear-gradient(180deg,#fff 0%,#fff 50%,#f2f7ff 100%); }
#visitor-experience .visitor-home-hero { position: relative; min-height: calc(100dvh - 96px); width: min(1460px,calc(100% - 32px)); display: grid; grid-template-columns: minmax(390px,.82fr) minmax(610px,1.18fr); align-items: center; gap: clamp(44px,6vw,100px); margin: 0 auto; padding: 46px 48px 62px; overflow: hidden; border: 1px solid rgba(117,158,220,.22); border-radius: 32px; background: radial-gradient(circle at 78% 20%,rgba(29,96,188,.34),transparent 30%),radial-gradient(circle at 18% 82%,rgba(20,91,202,.2),transparent 34%),linear-gradient(135deg,#06172f 0%,#0a2448 55%,#071a35 100%); box-shadow: 0 38px 100px rgba(5,31,70,.2); }
#visitor-experience .visitor-home-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,#000,transparent 72%); }
#visitor-experience .visitor-home-copy { position: relative; z-index: 3; padding-left: clamp(0px,2.5vw,34px); }
#visitor-experience .visitor-home-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 24px; }
#visitor-experience .visitor-home-kicker span { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border: 1px solid rgba(151,187,238,.3); border-radius: 7px; background: rgba(255,255,255,.06); color: #c7d9f3; font-size: 11px; font-weight: 760; letter-spacing: .035em; backdrop-filter: blur(12px); }
#visitor-experience .visitor-home-copy h1 { max-width: 650px; margin: 0; color: #fff; font-size: clamp(58px,6.3vw,96px); font-weight: 760; line-height: .91; letter-spacing: -.068em; text-wrap: balance; text-shadow: 0 18px 55px rgba(0,0,0,.2); }
#visitor-experience .visitor-home-copy h1 em { color: #4f8cff; font-style: normal; }
#visitor-experience .visitor-home-copy > p:not(.visitor-home-kicker) { max-width: 560px; margin: 30px 0 0; color: #bdcde3; font-size: clamp(17px,1.25vw,20px); line-height: 1.58; text-wrap: pretty; }
#visitor-experience .visitor-home-city-action { min-height: 50px; padding: 0 7px; border: 0; border-bottom: 1px solid rgba(186,210,244,.44); background: transparent; color: #f5f8ff; font-weight: 750; transition: color .2s ease,border-color .2s ease,transform .2s ease; }
#visitor-experience .visitor-home-city-action span { margin-left: 8px; color: #75a8ff; }
#visitor-experience .visitor-home-city-action:hover { color: #fff; border-color: #75a8ff; transform: translateY(-1px); }
#visitor-experience .visitor-home-assurance { max-width: 510px; display: flex; align-items: center; gap: 10px; margin-top: 28px; color: #9eb2cf; font-size: 12px; line-height: 1.45; }
#visitor-experience .visitor-home-assurance .visitor-icon { width: 17px; height: 17px; color: #69a1ff; }
#visitor-experience .visitor-home-world { position: relative; min-height: 690px; isolation: isolate; }
#visitor-experience .visitor-home-world::before { content: ""; position: absolute; z-index: -1; inset: 38px 0 44px 15%; border-radius: 50% 40% 44% 48%; background: radial-gradient(circle at 42% 32%,rgba(85,144,234,.34) 0%,rgba(21,63,119,.3) 55%,rgba(5,24,52,.2) 100%); transform: rotate(-4deg); }
#visitor-experience .visitor-home-plan-photo { position: absolute; inset: 26px 3% 28px 25%; margin: 0; overflow: hidden; border: 8px solid rgba(255,255,255,.9); border-radius: 44% 44% 22px 22px; background: #dce8f8; box-shadow: 0 38px 90px rgba(17,55,116,.2); }
#visitor-experience .visitor-home-plan-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 52%,rgba(5,23,53,.48)); pointer-events: none; }
#visitor-experience .visitor-home-plan-photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 64%; }
#visitor-experience .visitor-home-person { position: absolute; z-index: 3; display: grid; grid-template-columns: 68px 1fr; align-items: center; gap: 12px; min-width: 225px; padding: 10px 15px 10px 10px; border: 1px solid rgba(214,226,242,.94); border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 20px 48px rgba(15,49,102,.15); backdrop-filter: blur(16px); }
#visitor-experience .visitor-home-person img { width: 68px; height: 78px; border-radius: 11px; object-fit: cover; }
#visitor-experience .visitor-home-person b,#visitor-experience .visitor-home-person span { display: block; }
#visitor-experience .visitor-home-person b { color: var(--visitor-navy); font-size: 14px; }
#visitor-experience .visitor-home-person span { margin-top: 5px; color: #6a7891; font-size: 11px; }
#visitor-experience .visitor-home-person-one { top: 68px; left: 0; transform: rotate(-2.5deg); }
#visitor-experience .visitor-home-person-two { display: none; }
#visitor-experience .visitor-home-plan-note { position: absolute; z-index: 4; right: 0; bottom: 166px; width: 230px; padding: 17px 18px; border-radius: 14px; background: rgba(7,27,65,.92); color: #fff; box-shadow: 0 20px 54px rgba(7,27,65,.28); backdrop-filter: blur(12px); }
#visitor-experience .visitor-home-plan-note span,#visitor-experience .visitor-home-plan-note strong,#visitor-experience .visitor-home-plan-note small { display: block; }
#visitor-experience .visitor-home-plan-note span { color: #92baff; font-size: 9px; font-weight: 800; letter-spacing: .09em; }
#visitor-experience .visitor-home-plan-note strong { margin-top: 8px; font-size: 16px; }
#visitor-experience .visitor-home-plan-note small { margin-top: 6px; color: #c7d4e8; font-size: 11px; }
#visitor-experience .visitor-home-city-card { position: absolute; z-index: 4; top: 112px; right: -4px; width: 270px; display: grid; grid-template-columns: 42px 1fr; align-items: start; gap: 11px; padding: 14px; border: 1px solid rgba(210,225,245,.95); border-radius: 15px; background: rgba(255,255,255,.95); box-shadow: 0 20px 48px rgba(15,49,102,.14); backdrop-filter: blur(16px); }
#visitor-experience .visitor-home-city-card .visitor-icon { width: 42px; height: 42px; padding: 10px; border-radius: 12px; background: #edf4ff; color: var(--visitor-blue); }
#visitor-experience .visitor-home-city-card span,#visitor-experience .visitor-home-city-card b,#visitor-experience .visitor-home-city-card small { display: block; }
#visitor-experience .visitor-home-circle-card span,#visitor-experience .visitor-home-circle-card b,#visitor-experience .visitor-home-circle-card small { display: block; }
#visitor-experience .visitor-home-city-card span,#visitor-experience .visitor-home-circle-card span { color: var(--visitor-blue); font-size: 8px; font-weight: 850; letter-spacing: .1em; }
#visitor-experience .visitor-home-city-card b,#visitor-experience .visitor-home-circle-card b { margin-top: 5px; color: var(--visitor-navy); font-size: 13px; }
#visitor-experience .visitor-home-city-card small,#visitor-experience .visitor-home-circle-card small { margin-top: 4px; color: #6a7891; font-size: 10px; }
#visitor-experience .visitor-home-city-types { max-width: 190px; margin-top: 8px; color: #536b8f; font-size: 8px; font-weight: 720; line-height: 1.45; }
#visitor-experience .visitor-home-circle-card { position: absolute; z-index: 4; left: 0; bottom: 104px; min-width: 244px; display: grid; grid-template-columns: 88px 1fr; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(210,225,245,.95); border-radius: 15px; background: rgba(255,255,255,.95); box-shadow: 0 20px 48px rgba(15,49,102,.14); backdrop-filter: blur(16px); }
#visitor-experience .visitor-home-circle-avatars { display: flex; align-items: center; }
#visitor-experience .visitor-home-circle-avatars img { width: 38px; height: 38px; margin-left: -12px; border: 3px solid #fff; border-radius: 50%; object-fit: cover; }
#visitor-experience .visitor-home-circle-avatars img:first-child { margin-left: 0; }
#visitor-experience .visitor-home-private-chip { position: absolute; z-index: 4; right: 3%; bottom: 82px; display: flex; align-items: center; gap: 7px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; background: rgba(7,27,65,.86); color: #e8f0ff; box-shadow: 0 14px 34px rgba(7,27,65,.2); font-size: 9px; font-weight: 730; backdrop-filter: blur(12px); }
#visitor-experience .visitor-home-private-chip .visitor-icon { width: 13px; height: 13px; color: #92baff; }
#visitor-experience .visitor-home-storyline { position: absolute; z-index: 4; left: 29%; bottom: 32px; display: flex; align-items: center; gap: 9px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; background: rgba(255,255,255,.92); color: #415573; box-shadow: 0 13px 32px rgba(10,43,91,.14); font-size: 9px; font-weight: 780; letter-spacing: .04em; }
#visitor-experience .visitor-home-storyline i { width: 22px; height: 1px; background: #adc3e4; }
#visitor-experience .visitor-home-journey { padding: 86px 0 100px; border-top: 1px solid rgba(205,220,239,.7); background: rgba(246,250,255,.88); }
#visitor-experience .visitor-home-journey header { display: grid; grid-template-columns: .7fr 1.1fr 1.1fr; align-items: end; gap: 30px; padding: 0 clamp(0px,2.5vw,34px) 42px; }
#visitor-experience .visitor-home-journey header p { margin: 0; color: var(--visitor-blue); font-size: 10px; font-weight: 820; letter-spacing: .13em; }
#visitor-experience .visitor-home-journey header h2 { margin: 0; color: var(--visitor-navy); font-size: clamp(34px,3.6vw,54px); letter-spacing: -.045em; }
#visitor-experience .visitor-home-journey header > span { max-width: 380px; color: #61718c; font-size: 15px; line-height: 1.55; }
#visitor-experience .visitor-home-steps { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #ccd9eb; border-bottom: 1px solid #ccd9eb; }
#visitor-experience .visitor-home-steps button { position: relative; min-height: 252px; display: grid; align-content: start; justify-items: start; gap: 10px; padding: 24px 30px; border: 0; border-right: 1px solid #ccd9eb; background: transparent; color: inherit; text-align: left; transition: background .22s ease,transform .22s ease; }
#visitor-experience .visitor-home-steps button:last-child { border-right: 0; }
#visitor-experience .visitor-home-steps button:hover { z-index: 1; background: #fff; transform: translateY(-5px); box-shadow: 0 20px 48px rgba(20,54,112,.09); }
#visitor-experience .visitor-home-steps button > span { color: #8b9ab1; font: 720 10px ui-monospace,SFMono-Regular,Consolas,monospace; }
#visitor-experience .visitor-home-steps .visitor-icon { width: 25px; height: 25px; margin: 17px 0 4px; color: var(--visitor-blue); }
#visitor-experience .visitor-home-steps b { color: var(--visitor-navy); font-size: 21px; }
#visitor-experience .visitor-home-steps small { max-width: 210px; color: #697993; font-size: 12px; line-height: 1.5; }
#visitor-experience .visitor-home-steps small strong { display: block; margin-bottom: 6px; color: #3f5474; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
#visitor-experience .visitor-home-story-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
#visitor-experience .visitor-home-story-board { overflow: hidden; border: 1px solid #d8e4f3; border-radius: 28px; background: #fff; box-shadow: 0 34px 90px rgba(20,54,112,.13); }
#visitor-experience .visitor-home-story-board img { display: block; width: 100%; height: auto; }
#visitor-experience .visitor-home-story-mobile { display: none; }
#visitor-experience .visitor-home-story-action { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 34px; }
#visitor-experience .visitor-home-story-action > span { color: #5d6e88; font-size: 13px; }
#visitor-experience .visitor-hero-copy h1 { margin: 0; color: var(--visitor-navy); font-size: clamp(44px, 5.1vw, 76px); line-height: .98; letter-spacing: -.055em; font-weight: 770; }
#visitor-experience .visitor-hero-copy h1 em { display: block; color: var(--visitor-blue); font-style: normal; }
#visitor-experience .visitor-plans-layout .visitor-hero-copy h1,
#visitor-experience .visitor-circles-layout .visitor-hero-copy h1,
#visitor-experience .visitor-inbox-layout .visitor-hero-copy h1 { font-size: clamp(44px, 4.25vw, 64px); }
#visitor-experience .visitor-hero-copy > p:not(.visitor-eyebrow) { max-width: 440px; margin: 24px 0 0; color: var(--visitor-muted); font-size: 18px; line-height: 1.55; }
#visitor-experience .visitor-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; color: var(--visitor-blue); font-size: 13px; font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
#visitor-experience .visitor-hero-actions { display: flex; align-items: center; gap: 14px; margin-top: 30px; }
#visitor-experience .visitor-primary-action { min-height: 44px; border: 0; border-radius: 999px; padding: 0 20px; background: var(--visitor-blue); color: #fff; font-weight: 750; box-shadow: 0 9px 22px rgba(22,94,232,.22); transition: transform .18s ease, background .18s ease, box-shadow .18s ease; }
#visitor-experience .visitor-primary-action:hover { transform: translateY(-1px); background: var(--visitor-blue-strong); box-shadow: 0 12px 30px rgba(22,94,232,.27); }
#visitor-experience .visitor-hero-actions .visitor-primary-action { min-height: 50px; padding: 0 25px; }
#visitor-experience .visitor-secondary-action { min-height: 50px; padding: 0 19px; border: 1px solid var(--visitor-line); border-radius: 999px; background: #fff; color: var(--visitor-ink); font-weight: 720; transition: border .18s ease, color .18s ease, transform .18s ease; }
#visitor-experience .visitor-secondary-action:hover { color: var(--visitor-blue); border-color: #aac5f7; transform: translateY(-1px); }
#visitor-experience .visitor-preview-note { margin-top: 14px; color: #73819b; font-size: 12px; }

#visitor-experience .visitor-meet-layout { min-height: calc(100dvh - 74px); display: grid; grid-template-columns: minmax(320px,.72fr) minmax(680px,1.28fr); align-items: center; gap: 48px; padding: 32px 0 40px; }
#visitor-experience .visitor-intent-switch { display: inline-grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-bottom: 26px; padding: 5px; border: 1px solid var(--visitor-line); border-radius: 999px; background: #f8faff; }
#visitor-experience .visitor-intent-switch button { min-width: 112px; min-height: 40px; border: 0; border-radius: 999px; background: transparent; color: #6b7890; font-weight: 730; }
#visitor-experience .visitor-intent-switch button.active { background: #fff; color: var(--visitor-blue); box-shadow: 0 4px 16px rgba(26,62,125,.1); }
#visitor-experience .visitor-trust-line { display: flex; align-items: center; gap: 11px; margin-top: 28px; color: #52627f; font-size: 13px; font-weight: 650; }
#visitor-experience .visitor-trust-line .visitor-icon { color: var(--visitor-blue); }
#visitor-experience .visitor-meet-stage { position: relative; min-height: 650px; display: flex; align-items: center; justify-content: flex-end; }
#visitor-experience .visitor-meet-stage::before { content: ""; position: absolute; width: 590px; height: 590px; right: 16px; border-radius: 46% 54% 50% 50%; background: radial-gradient(circle at 40% 40%,#f8fbff 0,#eaf2ff 62%,#f8fbff 100%); }
#visitor-experience .visitor-person-card { position: relative; z-index: 2; width: min(300px,31vw); background: #fff; border: 1px solid var(--visitor-line); border-radius: var(--visitor-radius); overflow: hidden; box-shadow: var(--visitor-shadow); transition: transform .28s ease,box-shadow .28s ease; }
#visitor-experience .visitor-person-card:hover { transform: translateY(-5px); box-shadow: 0 28px 74px rgba(20,54,112,.16); }
#visitor-experience .visitor-person-secondary { z-index: 1; width: min(258px,26vw); margin-right: -34px; transform: translateY(24px) rotate(-2deg); }
#visitor-experience .visitor-person-secondary:hover { transform: translateY(24px) rotate(-1deg); }
#visitor-experience .visitor-portrait { position: relative; aspect-ratio: 9 / 11.5; overflow: hidden; background: #eef3fa; }
#visitor-experience .visitor-portrait img { width: 100%; height: 100%; object-fit: cover; }
#visitor-experience .visitor-photo-count { position: absolute; top: 14px; right: 14px; display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; border-radius: 999px; background: rgba(255,255,255,.94); color: var(--visitor-navy); font-size: 12px; font-weight: 750; box-shadow: 0 5px 18px rgba(7,27,65,.12); }
#visitor-experience .visitor-photo-count .visitor-icon { width: 16px; height: 16px; }
#visitor-experience .visitor-person-info { padding: 17px 17px 13px; }
#visitor-experience .visitor-person-title { display: flex; align-items: center; gap: 7px; color: var(--visitor-navy); font-size: 20px; font-weight: 760; }
#visitor-experience .visitor-verified { display: inline-flex; color: var(--visitor-blue); }
#visitor-experience .visitor-verified .visitor-icon { width: 17px; height: 17px; fill: var(--visitor-blue); stroke: white; stroke-width: 2.7; }
#visitor-experience .visitor-person-meta { display: flex; align-items: center; gap: 6px; margin-top: 5px; color: #697894; font-size: 12px; }
#visitor-experience .visitor-person-meta .visitor-icon { width: 15px; height: 15px; }
#visitor-experience .visitor-interest-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
#visitor-experience .visitor-interest-row span { padding: 5px 8px; border-radius: 7px; background: #f2f6fc; color: #53627d; font-size: 11px; }
#visitor-experience .visitor-availability { display: flex; align-items: center; gap: 7px; margin-top: 11px; color: var(--visitor-blue); font-size: 12px; font-weight: 720; }
#visitor-experience .visitor-availability .visitor-icon { width: 15px; height: 15px; }
#visitor-experience .visitor-card-actions { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--visitor-line); }
#visitor-experience .visitor-card-actions button { min-height: 59px; border: 0; border-right: 1px solid var(--visitor-line); background: #fff; color: #42516e; font-size: 10px; font-weight: 690; transition: color .18s ease,background .18s ease; }
#visitor-experience .visitor-card-actions button:last-child { border-right: 0; }
#visitor-experience .visitor-card-actions button:hover { color: var(--visitor-blue); background: var(--visitor-blue-soft); }
#visitor-experience .visitor-card-actions .visitor-icon { display: block; width: 20px; height: 20px; margin: 0 auto 4px; }

#visitor-experience .visitor-plans-scene { background: linear-gradient(135deg,#fff 0%,#fff 53%,#f4f8ff 53%,#f8fbff 100%); }
#visitor-experience .visitor-plans-layout { min-height: calc(100dvh - 74px); display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 64px; padding: 48px 0; }
#visitor-experience .visitor-choice-line { display: flex; gap: 22px; margin-top: 30px; }
#visitor-experience .visitor-choice-line button { min-height: 42px; padding: 0 0 8px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: #71809a; font-weight: 730; }
#visitor-experience .visitor-choice-line button.active { border-color: var(--visitor-blue); color: var(--visitor-blue); }
#visitor-experience .visitor-plan-workspace { min-height: 620px; display: grid; grid-template-columns: 1.05fr .95fr; gap: 16px; align-content: center; }
#visitor-experience .visitor-plan-list,
#visitor-experience .visitor-plan-detail { background: rgba(255,255,255,.97); border: 1px solid var(--visitor-line); border-radius: var(--visitor-radius); box-shadow: var(--visitor-shadow-soft); }
#visitor-experience .visitor-plan-list { padding: 24px; }
#visitor-experience .visitor-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
#visitor-experience .visitor-panel-head h2 { margin: 0; color: var(--visitor-navy); font-size: 21px; }
#visitor-experience .visitor-panel-head button { border: 0; background: transparent; color: var(--visitor-blue); font-weight: 720; }
#visitor-experience .visitor-plan-entry { display: grid; grid-template-columns: 58px 1fr auto; gap: 15px; align-items: center; padding: 16px 0; border-bottom: 1px solid #e8eef7; }
#visitor-experience .visitor-plan-entry:last-child { border-bottom: 0; }
#visitor-experience .visitor-date-block { display: grid; place-items: center; min-height: 58px; border-radius: 12px; background: var(--visitor-blue-soft); color: var(--visitor-blue); }
#visitor-experience .visitor-date-block b { font-size: 20px; line-height: 1; }
#visitor-experience .visitor-date-block small { margin-top: 2px; font-size: 10px; font-weight: 760; text-transform: uppercase; }
#visitor-experience .visitor-plan-entry h3 { margin: 0 0 5px; color: var(--visitor-navy); font-size: 15px; }
#visitor-experience .visitor-plan-entry p { margin: 0; color: #6a7893; font-size: 12px; }
#visitor-experience .visitor-plan-entry .visitor-icon { color: #91a0b7; }
#visitor-experience .visitor-plan-detail { align-self: center; overflow: hidden; }
#visitor-experience .visitor-plan-cover { position: relative; height: 274px; display: grid; grid-template-columns: 48% 52%; overflow: hidden; background: var(--visitor-navy); }
#visitor-experience .visitor-plan-cover img { width: 100%; height: 100%; object-fit: contain; object-position: center; background: #102b50; }
#visitor-experience .visitor-plan-cover::after { display: none; }
#visitor-experience .visitor-plan-cover h2 { align-self: end; margin: 0; padding: 22px 20px; color: #fff; font-size: 25px; line-height: 1.08; }
#visitor-experience .visitor-plan-body { padding: 22px; }
#visitor-experience .visitor-plan-facts { display: grid; gap: 12px; }
#visitor-experience .visitor-plan-fact { display: flex; align-items: center; gap: 10px; color: #55647f; font-size: 13px; }
#visitor-experience .visitor-plan-fact .visitor-icon { color: var(--visitor-blue); }
#visitor-experience .visitor-visibility-box { display: grid; grid-template-columns: auto 1fr; gap: 12px; margin-top: 20px; padding: 15px; border-radius: 12px; background: #f5f8fd; }
#visitor-experience .visitor-visibility-box .visitor-icon { color: var(--visitor-blue); }
#visitor-experience .visitor-visibility-box b { display: block; color: var(--visitor-navy); font-size: 13px; }
#visitor-experience .visitor-visibility-box small { display: block; margin-top: 3px; color: #6b7890; line-height: 1.45; }
#visitor-experience .visitor-plan-body .visitor-primary-action { width: 100%; margin-top: 18px; }
#visitor-experience .visitor-private-preview { display: none; grid-column: 1 / -1; background: #fff; border: 1px solid var(--visitor-line); border-radius: var(--visitor-radius); box-shadow: var(--visitor-shadow); overflow: hidden; }
#visitor-experience .visitor-private-preview.active { display: grid; grid-template-columns: 1fr .88fr; }
#visitor-experience .visitor-composer { padding: 30px; }
#visitor-experience .visitor-composer h2 { margin: 0 0 8px; color: var(--visitor-navy); font-size: 24px; }
#visitor-experience .visitor-composer > p { margin: 0 0 22px; color: var(--visitor-muted); }
#visitor-experience .visitor-composer-field { display: grid; gap: 7px; margin-bottom: 14px; }
#visitor-experience .visitor-composer-field label { color: #50607b; font-size: 12px; font-weight: 720; }
#visitor-experience .visitor-composer-field input,
#visitor-experience .visitor-composer-field select { height: 46px; padding: 0 13px; border: 1px solid var(--visitor-line); border-radius: 10px; color: var(--visitor-ink); background: #fff; }
#visitor-experience .visitor-private-rules { padding: 30px; background: #f5f8fd; }
#visitor-experience .visitor-private-rules h3 { margin: 0 0 18px; color: var(--visitor-navy); }
#visitor-experience .visitor-rule { display: flex; gap: 12px; margin: 0 0 18px; color: #5e6d88; font-size: 13px; line-height: 1.5; }
#visitor-experience .visitor-rule .visitor-icon { color: var(--visitor-blue); }

#visitor-experience .visitor-circles-layout { min-height: calc(100dvh - 74px); display: grid; grid-template-columns: .68fr 1.32fr; align-items: center; gap: 50px; padding: 42px 0; }
#visitor-experience .visitor-circle-stage { display: grid; grid-template-columns: .92fr 1.08fr; gap: 16px; min-height: 620px; padding: 18px; border-radius: 28px; background: #f3f7fe; }
#visitor-experience .visitor-circle-explore { display: flex; flex-direction: column; gap: 12px; }
#visitor-experience .visitor-circle-summary { padding: 22px; border-radius: var(--visitor-radius); background: var(--visitor-navy); color: #fff; }
#visitor-experience .visitor-circle-summary .visitor-icon { width: 28px; height: 28px; color: #8bb7ff; }
#visitor-experience .visitor-circle-summary h2 { margin: 23px 0 8px; font-size: 24px; }
#visitor-experience .visitor-circle-summary p { margin: 0; color: #c8d5eb; font-size: 13px; line-height: 1.55; }
#visitor-experience .visitor-circle-card { display: grid; grid-template-columns: 82px 1fr; gap: 14px; align-items: center; padding: 14px; border: 1px solid var(--visitor-line); border-radius: var(--visitor-radius-sm); background: #fff; transition: transform .18s ease,border .18s ease; }
#visitor-experience .visitor-circle-card:hover { transform: translateX(3px); border-color: #b6cdf7; }
#visitor-experience .visitor-circle-card img { width: 82px; height: 94px; border-radius: 10px; object-fit: cover; }
#visitor-experience .visitor-circle-card h3 { margin: 0 0 6px; color: var(--visitor-navy); font-size: 15px; }
#visitor-experience .visitor-circle-card p { margin: 0 0 8px; color: #6a7893; font-size: 11px; line-height: 1.4; }
#visitor-experience .visitor-entry-rule { display: inline-flex; align-items: center; gap: 5px; color: var(--visitor-blue); font-size: 11px; font-weight: 720; }
#visitor-experience .visitor-entry-rule .visitor-icon { width: 14px; height: 14px; }
#visitor-experience .visitor-circle-chat { display: flex; min-width: 0; flex-direction: column; border: 1px solid var(--visitor-line); border-radius: var(--visitor-radius); background: #fff; overflow: hidden; box-shadow: var(--visitor-shadow-soft); }
#visitor-experience .visitor-chat-head { display: flex; align-items: center; gap: 12px; padding: 17px 18px; border-bottom: 1px solid var(--visitor-line); }
#visitor-experience .visitor-chat-head img { width: 42px; height: 42px; border-radius: 11px; object-fit: cover; }
#visitor-experience .visitor-chat-head b { display: block; color: var(--visitor-navy); font-size: 14px; }
#visitor-experience .visitor-chat-head small { display: block; margin-top: 3px; color: #6f7d95; }
#visitor-experience .visitor-host-mark { margin-left: auto; color: var(--visitor-blue); font-size: 11px; font-weight: 730; }
#visitor-experience .visitor-messages { display: flex; flex: 1; flex-direction: column; gap: 16px; padding: 22px 18px; background: #fafcff; }
#visitor-experience .visitor-message { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 9px; max-width: 90%; }
#visitor-experience .visitor-message img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
#visitor-experience .visitor-bubble { padding: 11px 13px; border-radius: 6px 15px 15px 15px; background: #fff; border: 1px solid #e5ebf4; color: #3f4e69; font-size: 12px; line-height: 1.5; }
#visitor-experience .visitor-bubble b { display: block; margin-bottom: 3px; color: var(--visitor-navy); font-size: 11px; }
#visitor-experience .visitor-message.visitor-self { align-self: flex-end; grid-template-columns: minmax(0,1fr); }
#visitor-experience .visitor-message.visitor-self .visitor-bubble { border: 0; border-radius: 15px 6px 15px 15px; background: var(--visitor-blue); color: #fff; }
#visitor-experience .visitor-chat-compose { display: flex; gap: 10px; padding: 14px; border-top: 1px solid var(--visitor-line); }
#visitor-experience .visitor-chat-compose input { min-width: 0; flex: 1; height: 43px; padding: 0 13px; border: 1px solid var(--visitor-line); border-radius: 999px; }
#visitor-experience .visitor-send { width: 43px; height: 43px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--visitor-blue); color: #fff; }

#visitor-experience .visitor-inbox-scene { background: #f7faff; }
#visitor-experience .visitor-inbox-layout { min-height: calc(100dvh - 74px); display: grid; grid-template-columns: .58fr 1.42fr; align-items: center; gap: 48px; padding: 40px 0; }
#visitor-experience .visitor-privacy-points { display: grid; gap: 16px; margin-top: 28px; }
#visitor-experience .visitor-privacy-point { display: grid; grid-template-columns: 42px 1fr; gap: 13px; align-items: start; }
#visitor-experience .visitor-privacy-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; background: var(--visitor-blue-soft); color: var(--visitor-blue); }
#visitor-experience .visitor-privacy-point b { display: block; margin: 2px 0 4px; color: var(--visitor-navy); }
#visitor-experience .visitor-privacy-point p { margin: 0; color: #687690; font-size: 13px; line-height: 1.45; }
#visitor-experience .visitor-inbox-product { display: grid; grid-template-columns: 245px 1fr; min-height: 620px; border: 1px solid var(--visitor-line); border-radius: 24px; background: #fff; overflow: hidden; box-shadow: var(--visitor-shadow); }
#visitor-experience .visitor-conversation-list { padding: 20px 13px; border-right: 1px solid var(--visitor-line); background: #fbfcff; }
#visitor-experience .visitor-conversation-list h2 { margin: 0 8px 18px; color: var(--visitor-navy); font-size: 20px; }
#visitor-experience .visitor-conversation { width: 100%; display: grid; grid-template-columns: 43px 1fr auto; gap: 10px; align-items: center; padding: 11px 9px; border: 0; border-radius: 12px; background: transparent; text-align: left; color: inherit; }
#visitor-experience .visitor-conversation:hover,
#visitor-experience .visitor-conversation.active { background: #eef4ff; }
#visitor-experience .visitor-conversation img { width: 43px; height: 43px; border-radius: 50%; object-fit: cover; }
#visitor-experience .visitor-conversation b { display: block; color: var(--visitor-navy); font-size: 13px; }
#visitor-experience .visitor-conversation span { display: block; max-width: 116px; margin-top: 4px; color: #77849a; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#visitor-experience .visitor-conversation time { color: #8b97aa; font-size: 9px; }
#visitor-experience .visitor-conversation-type { margin: 16px 9px 7px; color: #7a879c; font-size: 10px; font-weight: 780; letter-spacing: .06em; text-transform: uppercase; }
#visitor-experience .visitor-private-chat { display: flex; min-width: 0; flex-direction: column; }
#visitor-experience .visitor-private-head { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--visitor-line); }
#visitor-experience .visitor-private-head img { width: 43px; height: 43px; border-radius: 50%; object-fit: cover; }
#visitor-experience .visitor-private-head b { display: block; color: var(--visitor-navy); font-size: 14px; }
#visitor-experience .visitor-private-head small { color: #6f7c94; }
#visitor-experience .visitor-privacy-control { margin-left: auto; }
#visitor-experience .visitor-privacy-control button { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 0 12px; border: 1px solid #cbd9ee; border-radius: 999px; background: #fff; color: var(--visitor-blue); font-size: 11px; font-weight: 730; }
#visitor-experience .visitor-private-messages { flex: 1; padding: 24px; background: linear-gradient(#fff,#f8fbff); }
#visitor-experience .visitor-privacy-banner { display: flex; align-items: flex-start; gap: 10px; margin: 0 auto 24px; padding: 12px 14px; border: 1px solid #cfe0fb; border-radius: 12px; background: #f0f6ff; color: #4c607f; font-size: 11px; line-height: 1.45; }
#visitor-experience .visitor-privacy-banner .visitor-icon { color: var(--visitor-blue); }
#visitor-experience .visitor-chat-day { margin: 0 0 18px; text-align: center; color: #8a96aa; font-size: 10px; }
#visitor-experience .visitor-private-bubble { width: fit-content; max-width: 70%; margin-bottom: 13px; padding: 11px 14px; border-radius: 6px 15px 15px 15px; background: #eef3fa; color: #42516d; font-size: 12px; line-height: 1.5; }
#visitor-experience .visitor-private-bubble.visitor-self { margin-left: auto; border-radius: 15px 6px 15px 15px; background: var(--visitor-blue); color: #fff; }
#visitor-experience .visitor-expiry-row { display: flex; align-items: center; gap: 8px; margin-top: 28px; padding-top: 16px; border-top: 1px solid #e4eaf3; color: #6a7892; font-size: 11px; }
#visitor-experience .visitor-expiry-row b { color: var(--visitor-navy); }
#visitor-experience .visitor-expiry-options { display: flex; gap: 6px; margin-left: auto; }
#visitor-experience .visitor-expiry-options button { min-height: 32px; padding: 0 10px; border: 1px solid var(--visitor-line); border-radius: 8px; background: #fff; color: #687690; font-size: 10px; font-weight: 720; }
#visitor-experience .visitor-expiry-options button.active { border-color: var(--visitor-blue); background: var(--visitor-blue-soft); color: var(--visitor-blue); }
#visitor-experience .visitor-private-compose { display: flex; gap: 10px; padding: 14px 18px; border-top: 1px solid var(--visitor-line); }
#visitor-experience .visitor-private-compose input { flex: 1; min-width: 0; height: 44px; padding: 0 14px; border: 1px solid var(--visitor-line); border-radius: 999px; }

@media (max-width: 1180px) {
  body.visitor-mode .sidebar { grid-template-columns: 190px 1fr auto; padding: 0 22px; gap: 10px; }
  body.visitor-mode .sidebar .brand { width: 176px; }
  body.visitor-mode .sidebar nav .nav-item { padding: 0 10px; }
  body.visitor-mode .sidebar nav .nav-item.active::after { left: 10px; right: 10px; }
  #visitor-experience .visitor-shell { width: min(1100px,calc(100% - 40px)); }
  #visitor-experience .visitor-meet-layout,
  #visitor-experience .visitor-plans-layout,
  #visitor-experience .visitor-circles-layout,
  #visitor-experience .visitor-inbox-layout { gap: 30px; }
  #visitor-experience .visitor-meet-layout { grid-template-columns: .7fr 1.3fr; }
  #visitor-experience .visitor-person-secondary { display: none; }
  #visitor-experience .visitor-person-card { width: min(370px,44vw); }
  #visitor-experience .visitor-inbox-layout { grid-template-columns: .48fr 1.52fr; }
  #visitor-experience .visitor-home-hero { grid-template-columns: minmax(350px,.82fr) minmax(510px,1.18fr); gap: 28px; }
  #visitor-experience .visitor-home-world { min-height: 620px; }
  #visitor-experience .visitor-home-plan-note { right: 0; }
}

@media (max-width: 900px) {
  body.visitor-mode .sidebar { height: 68px !important; min-height: 68px !important; grid-template-columns: 1fr auto !important; padding: 0 20px !important; display: grid !important; backdrop-filter: none !important; }
  /* The visitor dock is fixed at 66px. Reserve its height plus a readable
     clearance so the last Plan, Circle or Inbox control can be scrolled fully
     above it rather than ending underneath the navigation. */
  body.visitor-mode .app-shell > main { padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important; }
  body.visitor-mode .sidebar .brand { display: inline-flex !important; width: 166px !important; }
  body.visitor-mode .sidebar .brand-lockup { width: 100% !important; }
  body.visitor-mode .sidebar nav { position: fixed !important; top: auto !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 60 !important; height: 66px !important; display: grid !important; grid-template-columns: repeat(5,1fr) !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; border-top: 1px solid var(--visitor-line) !important; background: rgba(255,255,255,.98) !important; }
  body.visitor-mode .sidebar nav .nav-item { display: inline-flex !important; min-width: 0 !important; min-height: 66px !important; padding: 0 4px !important; border-radius: 0 !important; background: transparent !important; font-size: 11px !important; }
  body.visitor-mode .sidebar nav .nav-item[data-view="profile"],
  body.visitor-mode .sidebar nav .nav-safety { display: none; }
  body.visitor-mode .sidebar nav .nav-item span:first-child { display: inline-flex !important; width: auto !important; height: auto !important; flex-direction: column !important; gap: 3px !important; background: transparent !important; color: inherit !important; }
  body.visitor-mode .sidebar nav .visitor-icon { width: 18px; height: 18px; }
  body.visitor-mode .sidebar nav .nav-item.active::after { top: 0; bottom: auto; left: 22%; right: 22%; }
  body.visitor-mode .sidebar-bottom { display: flex !important; }
  body.visitor-mode .sidebar-bottom .visitor-sign-in-action { display: none !important; }
  body.visitor-mode .sidebar-bottom .account-quick-access { display: inline-flex !important; background: var(--visitor-blue) !important; color: #fff !important; }
  body.visitor-mode .sidebar-bottom .account-quick-access { min-height: 40px; padding: 0 15px; }
  body.visitor-mode .public-policy-links { padding-bottom: 86px; }
  #visitor-experience .visitor-scene { min-height: calc(100dvh - 68px); }
  #visitor-experience .visitor-meet-layout,
  #visitor-experience .visitor-plans-layout,
  #visitor-experience .visitor-circles-layout,
  #visitor-experience .visitor-inbox-layout { min-height: auto; grid-template-columns: 1fr; padding: 46px 0 58px; }
  #visitor-experience .visitor-hero-copy { max-width: 680px; }
  #visitor-experience .visitor-meet-stage { min-height: 590px; justify-content: center; }
  #visitor-experience .visitor-meet-stage::before { right: 50%; transform: translateX(50%); }
  #visitor-experience .visitor-person-card { width: min(340px,76vw); }
  #visitor-experience .visitor-person-secondary { display: block; width: min(270px,52vw); }
  #visitor-experience .visitor-plan-workspace { min-height: auto; }
  #visitor-experience .visitor-circle-stage { min-height: 590px; }
  #visitor-experience .visitor-inbox-product { min-height: 590px; }
  #visitor-experience .visitor-home-hero { min-height: auto; grid-template-columns: 1fr; padding: 70px 34px 60px; }
  #visitor-experience .visitor-home-copy { max-width: 720px; padding-left: 0; }
  #visitor-experience .visitor-home-copy h1 { font-size: clamp(64px,10vw,88px); }
  #visitor-experience .visitor-home-world { width: min(700px,100%); min-height: 660px; margin: 0 auto; }
  #visitor-experience .visitor-home-journey header { grid-template-columns: 1fr 1.25fr; }
  #visitor-experience .visitor-home-journey header > span { grid-column: 2; }
  #visitor-experience .visitor-home-steps { grid-template-columns: repeat(3,1fr); }
  #visitor-experience .visitor-home-steps button:nth-child(2) { border-right: 1px solid #ccd9eb; }
  #visitor-experience .visitor-home-steps button:nth-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 640px) {
  body.visitor-mode .sidebar { padding: 0 16px; }
  body.visitor-mode .sidebar .brand { width: 154px; }
  #visitor-experience .visitor-shell { width: calc(100% - 28px); }
  #visitor-experience .visitor-hero-copy h1 { font-size: clamp(42px,13vw,58px); }
  #visitor-experience .visitor-hero-copy > p:not(.visitor-eyebrow) { font-size: 16px; }
  #visitor-experience .visitor-hero-actions { align-items: stretch; flex-direction: column; }
  #visitor-experience .visitor-hero-actions button { width: 100%; }
  #visitor-experience .visitor-meet-stage { min-height: 550px; justify-content: flex-end; }
  #visitor-experience .visitor-meet-stage::before { width: 430px; height: 430px; }
  #visitor-experience .visitor-person-card { width: min(310px,84vw); }
  #visitor-experience .visitor-person-secondary { position: absolute; left: 0; width: 210px; opacity: .64; }
  #visitor-experience .visitor-plans-scene { background: #fff; }
  #visitor-experience .visitor-plan-workspace { display: block; }
  #visitor-experience .visitor-plan-list { padding: 18px; }
  #visitor-experience .visitor-plan-detail { margin-top: 14px; }
  #visitor-experience .visitor-private-preview.active { display: block; }
  #visitor-experience .visitor-private-rules { padding: 24px; }
  #visitor-experience .visitor-circle-stage { display: block; padding: 12px; }
  #visitor-experience .visitor-circle-chat { margin-top: 14px; min-height: 530px; }
  #visitor-experience .visitor-inbox-product { display: block; min-height: 0; }
  #visitor-experience .visitor-conversation-list { display: none; }
  #visitor-experience .visitor-private-chat { min-height: 600px; }
  #visitor-experience .visitor-private-head { padding: 13px; }
  #visitor-experience .visitor-privacy-control button span { display: none; }
  #visitor-experience .visitor-private-messages { padding: 18px 13px; }
  #visitor-experience .visitor-expiry-row { align-items: flex-start; flex-direction: column; }
  #visitor-experience .visitor-expiry-options { margin-left: 0; }
  #visitor-experience .visitor-home-scene { padding-top: 10px; }
  #visitor-experience .visitor-home-hero { width: calc(100% - 20px); padding: 44px 18px 36px; border-radius: 22px; }
  #visitor-experience .visitor-home-copy h1 { font-size: clamp(52px,15vw,72px); }
  #visitor-experience .visitor-home-copy > p:not(.visitor-home-kicker) { margin-top: 22px; font-size: 16px; }
  #visitor-experience .visitor-home-assurance { align-items: flex-start; }
  #visitor-experience .visitor-home-world { min-height: 540px; }
  #visitor-experience .visitor-home-plan-photo { inset: 34px 4px 25px 15%; border-width: 5px; border-radius: 38% 38% 18px 18px; }
  #visitor-experience .visitor-home-person { min-width: 185px; grid-template-columns: 52px 1fr; padding: 8px; }
  #visitor-experience .visitor-home-person img { width: 52px; height: 62px; }
  #visitor-experience .visitor-home-person-one { top: 12px; left: 0; }
  #visitor-experience .visitor-home-plan-note { right: -2px; bottom: 156px; width: 188px; padding: 13px; }
  #visitor-experience .visitor-home-city-card { top: 105px; right: -2px; width: 220px; grid-template-columns: 36px 1fr; padding: 10px; }
  #visitor-experience .visitor-home-city-card .visitor-icon { width: 36px; height: 36px; padding: 8px; }
  #visitor-experience .visitor-home-circle-card { left: 0; bottom: 72px; width: 286px; min-width: 0; grid-template-columns: 76px 1fr; padding: 10px; }
  #visitor-experience .visitor-home-circle-avatars img { width: 34px; height: 34px; }
  #visitor-experience .visitor-home-private-chip,#visitor-experience .visitor-home-storyline { display: none; }
  #visitor-experience .visitor-home-journey { padding: 66px 0 90px; }
  #visitor-experience .visitor-home-journey header { display: block; padding: 0 0 30px; }
  #visitor-experience .visitor-home-journey header h2 { margin-top: 10px; }
  #visitor-experience .visitor-home-journey header > span { display: block; margin-top: 12px; }
  #visitor-experience .visitor-home-steps { display: block; border-bottom: 0; }
  #visitor-experience .visitor-home-steps button { width: 100%; min-height: 142px; grid-template-columns: 36px 30px 1fr; align-items: center; align-content: center; gap: 10px 12px; border-right: 0; border-bottom: 1px solid #ccd9eb; }
  #visitor-experience .visitor-home-steps .visitor-icon { margin: 0; }
  #visitor-experience .visitor-home-steps b { font-size: 18px; }
  #visitor-experience .visitor-home-steps small { grid-column: 3; }
  #visitor-experience .visitor-home-story-board { display: none; }
  #visitor-experience .visitor-home-story-mobile { display: grid; gap: 18px; }
  #visitor-experience .visitor-home-story-mobile figure { position: relative; height: 430px; margin: 0; overflow: hidden; border: 1px solid #d8e4f3; border-radius: 22px; background: #eaf2fd; box-shadow: 0 22px 54px rgba(20,54,112,.12); }
  #visitor-experience .visitor-home-story-mobile figure > span { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 8px 11px; border-radius: 999px; background: rgba(7,27,65,.88); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .04em; backdrop-filter: blur(10px); }
  #visitor-experience .visitor-home-story-mobile img { position: absolute; top: 0; height: 430px; width: auto; max-width: none; }
  #visitor-experience .visitor-home-story-mobile figure:nth-child(1) img { left: 0; }
  #visitor-experience .visitor-home-story-mobile figure:nth-child(2) img { left: 50%; transform: translateX(-50%); }
  #visitor-experience .visitor-home-story-mobile figure:nth-child(3) img { right: 0; }
  #visitor-experience .visitor-home-story-action { display: grid; justify-items: stretch; gap: 12px; margin-top: 24px; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  body.visitor-mode *, body.visitor-mode *::before, body.visitor-mode *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}