/* Two local visual scenes. Other landing sections and the original logo stay intact. */
.visual-refresh :is(.scenic-hero, .your-account).wrap { width: min(1240px, calc(100% - 80px)); }
.visual-refresh .scenic-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  gap: 44px;
  padding-top: 45px;
  padding-bottom: 64px;
}
.visual-refresh .scenic-hero .hero-copy { min-width: 0; max-width: 680px; }
.visual-refresh .scenic-hero h1 { max-width: 680px; margin: 20px 0 22px; font-size: 52px; line-height: 1.1; letter-spacing: -.047em; text-wrap: pretty; }
.visual-refresh .scenic-hero h1 em { display: block; margin-top: 8px; color: #ff9759; }
.visual-refresh .keep-word { white-space: nowrap; }
.visual-refresh .scenic-hero .hero-lead { max-width: 620px; font-size: 18px; line-height: 1.65; }
.visual-refresh .scenic-hero .hero-description { max-width: 600px; margin-top: 13px; font-size: 16px; line-height: 1.75; }
.visual-refresh .scenic-hero .hero-actions { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 9px 23px; margin-top: 26px; }
.visual-refresh .scenic-hero .hero-actions .button { width: auto; min-width: 240px; max-width: 100%; min-height: 56px; margin: 0; }
.visual-refresh .scenic-hero .hero-proof { max-width: 620px; gap: 8px 18px; margin-top: 22px; }

/* Wide screens show the whole assistant; mobile framing keeps the phone and fingers. */
.visual-refresh .scene-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.visual-refresh .hero-art { position: relative; isolation: isolate; display: block; width: 100%; min-width: 0; height: 500px; margin: 0; padding: 0; overflow: clip; border: 0; background: none; }
.visual-refresh .hero-art-halo { position: absolute; z-index: -1; inset: 5% 0 0; border-radius: 50%; background: radial-gradient(ellipse at 52% 51%, #a28ad91b 0, #5b46650e 34%, #12121400 71%); pointer-events: none; }
.visual-refresh .hero-assistant { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: contain; object-position: center center; }
.visual-refresh .hero-contact-orbit { position: absolute; z-index: 0; inset: 4% 0; width: 100%; height: 92%; pointer-events: none; }
.visual-refresh .hero-contact-orbit svg { display: block; width: 100%; height: 100%; overflow: visible; }
.visual-refresh .hero-contact-orbit :is(ellipse, path) { fill: none; stroke: #a18479; stroke-width: .9; stroke-opacity: .3; vector-effect: non-scaling-stroke; }
.visual-refresh .hero-contact { position: absolute; z-index: 2; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #7a5c48; border-radius: 50%; background: #2c2427e8; color: #edb894; box-shadow: 0 7px 22px #00000024; pointer-events: none; }
.visual-refresh .hero-contact svg { display: block; width: 24px; height: 24px; }
.visual-refresh .hero-contact.contact-1 { top: 17%; left: 7%; }
.visual-refresh .hero-contact.contact-2 { top: 28%; right: 5%; border-color: #756780; background: #2c2734e8; color: #cdb9de; }
.visual-refresh .hero-contact.contact-3 { bottom: 17%; left: 5%; border-color: #66806d; background: #243029eb; color: #b7d6bd; }
.visual-refresh .hero-contact.contact-4 { right: 8%; bottom: 20%; }
.visual-refresh .hero-interest-pill { position: absolute; z-index: 3; right: 3%; bottom: 5%; display: inline-flex; align-items: center; gap: 8px; max-width: calc(100% - 24px); padding: 9px 13px; border: 1px solid #72634e; border-radius: 8px; background: #25271eea; color: #d9e7c5; font-size: 13px; font-weight: 600; line-height: 1.5; box-shadow: 0 7px 20px #00000020; pointer-events: none; }
.visual-refresh .hero-interest-pill > :is(.status-dot, .interest-dot) { display: block; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: #bdd095; }

/* Text explains ownership; the open neural scene illustrates how it works. */
.visual-refresh .your-account { padding-top: 65px; }
.visual-refresh .ownership-layout { display: grid; grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr); grid-template-areas: 'intro scene' 'points scene'; grid-template-rows: auto 1fr; align-items: start; column-gap: 56px; row-gap: 0; }
.visual-refresh .ownership-intro { grid-area: intro; min-width: 0; padding-top: 24px; }
.visual-refresh .ownership-intro h2 { max-width: 540px; margin: 14px 0 0; font-size: 44px; font-weight: 750; line-height: 1.15; letter-spacing: -.044em; text-wrap: balance; }
.visual-refresh .ownership-intro > p { max-width: 500px; margin-top: 20px; color: #bab3bb; font-size: 16px; line-height: 1.75; }
.visual-refresh .ownership-layout > .ownership-points { grid-area: points; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; align-self: start; width: 100%; min-width: 0; max-width: 540px; margin: 27px 0 0; padding: 0; }
.visual-refresh .ownership-layout > .ownership-points > li { grid-template-columns: 27px minmax(0, 1fr); gap: 0 13px; }
.visual-refresh .ownership-layout > .ownership-points > li > :is(.ownership-icon, .point-icon, svg) { grid-column: 1; grid-row: 1 / span 2; }
.visual-refresh .ownership-layout > .ownership-points > li > div, .visual-refresh .ownership-layout > .ownership-points strong, .visual-refresh .ownership-layout > .ownership-points p { grid-column: 2; }
.visual-refresh .ownership-layout > .ownership-points strong { font-size: 15px; }
.visual-refresh .ownership-layout > .ownership-points p { font-size: 14px; }
.visual-refresh .neural-scene { grid-area: scene; display: block; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; background: none; }
.visual-refresh .neural-stage { position: relative; isolation: isolate; display: block; width: 100%; min-width: 0; height: 500px; overflow: clip; border: 0; border-radius: 0; background: none; touch-action: pan-y; cursor: grab; }
.visual-refresh .neural-stage:active { cursor: grabbing; }
.visual-refresh .neural-poster { position: absolute; z-index: 0; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center; opacity: 1; visibility: visible; pointer-events: none; }
.visual-refresh .neural-stage canvas[data-neural-canvas] { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; max-width: 100%; opacity: 0; pointer-events: none; touch-action: pan-y; cursor: inherit; }
.visual-refresh .neural-scene[data-renderer='webgl'][data-ready='true'] .neural-poster { opacity: 0; visibility: hidden; }
.visual-refresh .neural-scene[data-renderer='webgl'][data-ready='true'] canvas[data-neural-canvas] { opacity: 1; pointer-events: auto; }
.visual-refresh .neural-marker-layer { position: absolute; z-index: 2; inset: 0; overflow: clip; opacity: 0; visibility: hidden; pointer-events: none; }
.visual-refresh .neural-scene[data-renderer='webgl'][data-ready='true'] .neural-marker-layer { opacity: 1; visibility: visible; }
.visual-refresh [data-neural-marker] { position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; gap: 7px; max-width: 140px; color: #d7cedd; font-size: 11px; font-weight: 600; line-height: 1.5; text-shadow: 0 1px 11px #121214, 0 1px 4px #121214; white-space: nowrap; pointer-events: none; }
.visual-refresh [data-neural-marker]::before { content: ''; display: block; width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: #c09de0; }
.visual-refresh [data-neural-marker][data-visible='false'] { visibility: hidden; }
.visual-refresh [data-neural-marker][data-active='true'] { color: #ffc095; }
.visual-refresh [data-neural-marker][data-active='true']::before { background: #ff9759; }
.visual-refresh .neural-scene > figcaption#neural-caption { max-width: 520px; margin: 0 auto 8px; color: #d0c4d7; font-size: 14px; line-height: 1.65; text-align: center; }
.visual-refresh .neural-topics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; width: 100%; min-width: 0; margin-top: 2px; }
.visual-refresh .neural-topics button { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; margin: 0; padding: 9px 6px; border: 0; border-bottom: 1px solid #564650; border-radius: 0; background: none; color: #bfb0c7; font: inherit; font-size: 12px; font-weight: 600; line-height: 1.5; text-align: center; overflow-wrap: break-word; cursor: pointer; }
.visual-refresh .neural-topics button:hover { color: #edd4fb; border-bottom-color: #a17eba; }
.visual-refresh .neural-topics button[aria-pressed='true'] { color: #ffbb8e; border-bottom-color: #d89768; }
.visual-refresh .neural-detail { min-height: 68px; max-width: 580px; margin: 16px auto 0; color: #b9aebf; font-size: 13px; line-height: 1.75; text-align: center; overflow-wrap: break-word; }
.visual-refresh .neural-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px; max-width: 100%; margin-top: 13px; }
.visual-refresh .neural-controls button { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 10px; border: 1px solid #55434f; border-radius: 10px; background: #211b24; color: #d8c3e4; font: inherit; line-height: 1; cursor: pointer; }
.visual-refresh .neural-controls button svg { display: block; width: 21px; height: 21px; flex-shrink: 0; }
.visual-refresh .neural-controls button:hover { border-color: #a07eb9; color: #f0d8ff; background: #2a2130; }
.visual-refresh .neural-controls button[aria-pressed='true'] { border-color: #b77c54; color: #ffc095; background: #32251e; }
.visual-refresh .neural-hint { max-width: 520px; margin: 13px auto 0; color: #9f91a8; font-size: 11px; line-height: 1.75; text-align: center; }
.visual-refresh :is(.neural-topics button, .neural-controls button, .neural-stage):focus-visible { outline: 2px solid #ff9759; outline-offset: 4px; }
.visual-refresh canvas[data-neural-canvas]:focus-visible { outline: 2px solid #ff9759; outline-offset: -4px; border-radius: 18px; }
.visual-refresh .neural-scene [hidden] { display: none !important; }

@media (min-width: 1700px) {
  .visual-refresh .scenic-hero { gap: 52px; padding-top: 53px; padding-bottom: 72px; }
  .visual-refresh .scenic-hero h1 { font-size: 54px; }
  .visual-refresh .hero-art, .visual-refresh .neural-stage { height: 520px; }
}
@media (min-width: 1100px) and (max-width: 1279px) {
  .visual-refresh .scenic-hero { gap: 32px; }
  .visual-refresh .scenic-hero h1 { font-size: 46px; }
  .visual-refresh .hero-art { height: 440px; }
  .visual-refresh .ownership-layout { column-gap: 38px; }
  .visual-refresh .ownership-intro h2 { font-size: 40px; }
  .visual-refresh .neural-stage { height: 450px; }
}
@media (max-width: 1099px) {
  .visual-refresh :is(.scenic-hero, .your-account).wrap { width: calc(100% - 64px); }
  .visual-refresh .scenic-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 36px; padding-bottom: 48px; }
  .visual-refresh .scenic-hero .hero-copy { max-width: 790px; }
  .visual-refresh .scenic-hero h1 { max-width: 760px; font-size: 44px; }
  .visual-refresh .scenic-hero .hero-lead, .visual-refresh .scenic-hero .hero-description { max-width: 730px; }
  .visual-refresh .hero-art { width: 100%; max-width: 560px; height: 360px; justify-self: center; }
  .visual-refresh .hero-contact { width: 38px; height: 38px; }
  .visual-refresh .hero-contact svg { width: 22px; height: 22px; }
  .visual-refresh .your-account { padding-top: 50px; }
  .visual-refresh .ownership-layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'intro' 'scene' 'points'; grid-template-rows: auto; gap: 27px; }
  .visual-refresh .ownership-intro { padding-top: 0; }
  .visual-refresh .ownership-intro h2 { max-width: 760px; font-size: 40px; }
  .visual-refresh .ownership-intro > p { max-width: 730px; }
  .visual-refresh .neural-scene { width: 100%; max-width: 650px; justify-self: center; }
  .visual-refresh .neural-stage { height: 400px; }
  .visual-refresh .ownership-layout > .ownership-points { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width: 100%; margin-top: 0; }
  .visual-refresh .ownership-layout > .ownership-points > li { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .visual-refresh .ownership-layout > .ownership-points > li > :is(.ownership-icon, .point-icon, svg) { grid-column: 1; grid-row: auto; }
  .visual-refresh .ownership-layout > .ownership-points > li > div, .visual-refresh .ownership-layout > .ownership-points strong, .visual-refresh .ownership-layout > .ownership-points p { grid-column: 1; }
}
@media (max-width: 850px) {
  .visual-refresh .scenic-hero h1 { font-size: 40px; }
  .visual-refresh .hero-art { max-width: 520px; height: 340px; }
  .visual-refresh .neural-stage { height: 360px; }
  .visual-refresh .ownership-layout > .ownership-points { gap: 21px; }
  .visual-refresh .ownership-layout > .ownership-points strong { font-size: 14px; }
  .visual-refresh .ownership-layout > .ownership-points p { font-size: 13px; }
}
@media (max-width: 600px) {
  .visual-refresh :is(.scenic-hero, .your-account).wrap { width: calc(100% - 40px); }
  .visual-refresh .scenic-hero { gap: 22px; padding-top: 28px; padding-bottom: 39px; }
  .visual-refresh .scenic-hero h1 { margin: 17px 0 19px; font-size: 36px; line-height: 1.11; letter-spacing: -.04em; }
  .visual-refresh .scenic-hero h1 em { margin-top: 7px; }
  .visual-refresh .scenic-hero .hero-lead { font-size: 16px; line-height: 1.7; }
  .visual-refresh .scenic-hero .hero-description { font-size: 16px; line-height: 1.75; }
  .visual-refresh .scenic-hero .hero-actions { align-items: stretch; gap: 6px; margin-top: 22px; }
  .visual-refresh .scenic-hero .hero-actions .button { width: 100%; min-width: 0; min-height: 55px; font-size: 15px; }
  .visual-refresh .scenic-hero .hero-actions :is(.how-link, .text-link) { width: fit-content; min-height: 44px; font-size: 13px; }
  .visual-refresh .scenic-hero .hero-proof { gap: 8px 15px; margin-top: 18px; padding-top: 16px; }
  .visual-refresh .scenic-hero .hero-proof > span { font-size: 11px; }
  .visual-refresh .hero-art { width: 100%; max-width: 430px; height: 300px; }
  .visual-refresh .hero-assistant { object-fit: cover; object-position: 50% 50%; }
  .visual-refresh .hero-contact-orbit { inset: 3% 0; height: 94%; opacity: .75; }
  .visual-refresh .hero-contact { width: 31px; height: 31px; }
  .visual-refresh .hero-contact svg { width: 19px; height: 19px; }
  .visual-refresh .hero-contact.contact-1 { top: 9%; left: 7%; }
  .visual-refresh .hero-contact.contact-2 { top: 23%; right: 4%; }
  .visual-refresh .hero-contact.contact-3 { bottom: 14%; left: 4%; }
  .visual-refresh .hero-contact.contact-4 { display: none; }
  .visual-refresh .hero-interest-pill { right: 1%; bottom: 3%; padding: 8px 11px; gap: 7px; font-size: 12px; border-radius: 7px; }
  .visual-refresh .your-account { padding-top: 40px; }
  .visual-refresh .ownership-layout { gap: 22px; }
  .visual-refresh .ownership-intro h2 { font-size: 34px; line-height: 1.15; letter-spacing: -.04em; }
  .visual-refresh .ownership-intro > p { margin-top: 17px; font-size: 16px; }
  .visual-refresh .neural-scene { max-width: 470px; }
  .visual-refresh .neural-stage { height: 320px; }
  .visual-refresh .neural-marker-layer { display: none; }
  .visual-refresh .neural-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 14px; margin-top: 1px; }
  .visual-refresh .neural-topics button { min-height: 44px; padding: 10px 8px; font-size: 13px; }
  .visual-refresh .neural-detail { min-height: 78px; margin-top: 16px; font-size: 14px; line-height: 1.75; }
  .visual-refresh .neural-controls { gap: 9px; margin-top: 10px; }
  .visual-refresh .neural-hint { margin-top: 12px; font-size: 11px; }
  .visual-refresh .ownership-layout > .ownership-points { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 2px; }
  .visual-refresh .ownership-layout > .ownership-points > li { grid-template-columns: 27px minmax(0, 1fr); gap: 0 13px; padding: 17px 0; }
  .visual-refresh .ownership-layout > .ownership-points > li > :is(.ownership-icon, .point-icon, svg) { grid-column: 1; grid-row: 1 / span 2; }
  .visual-refresh .ownership-layout > .ownership-points > li > div, .visual-refresh .ownership-layout > .ownership-points strong, .visual-refresh .ownership-layout > .ownership-points p { grid-column: 2; }
  .visual-refresh .ownership-layout > .ownership-points strong { font-size: 15px; }
  .visual-refresh .ownership-layout > .ownership-points p { font-size: 14px; }
}
@media (max-width: 409px) {
  .visual-refresh .scenic-hero h1 { font-size: 34px; }
  .visual-refresh .hero-art { height: 280px; }
  .visual-refresh .neural-stage { height: 300px; }
}
@media (max-width: 380px) {
  .visual-refresh :is(.scenic-hero, .your-account).wrap { width: calc(100% - 32px); }
  .visual-refresh .scenic-hero h1 { font-size: 32px; }
  .visual-refresh .scenic-hero .hero-proof { gap: 7px 13px; }
  .visual-refresh .scenic-hero .hero-proof > span { font-size: 10px; }
  .visual-refresh .hero-art { height: 260px; }
  .visual-refresh .hero-contact { width: 29px; height: 29px; }
  .visual-refresh .hero-contact svg { width: 18px; height: 18px; }
  .visual-refresh .ownership-intro h2 { font-size: 31px; }
  .visual-refresh .neural-stage { height: 280px; }
  .visual-refresh .neural-topics { column-gap: 12px; }
  .visual-refresh .neural-topics button { font-size: 12px; }
  .visual-refresh .neural-detail { min-height: 81px; font-size: 13px; }
}
@media (max-width: 340px) {
  .visual-refresh .scenic-hero h1 { font-size: 30px; }
  .visual-refresh .hero-art { height: 240px; }
  .visual-refresh .neural-stage { height: 260px; }
  .visual-refresh .hero-interest-pill { right: 0; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .visual-refresh :is(.hero-art, .hero-art *, .neural-scene, .neural-scene *) { animation: none !important; transition: none !important; }
}