/* One connected scene, seen first as insight and then as business capability. */
body.ha-message-hierarchy #your-amp.aj-section > .content-wrap { padding:40px var(--ha-gutter); }
#your-amp .aj-heading { margin-bottom:24px; }
body.ha-message-hierarchy #your-amp #amp-title { font-size:clamp(30px,3.4vw,46px) !important; line-height:1.12; margin:0 0 12px; color:var(--ha-white); }
#your-amp .aj-heading p { margin:0; font-size:16px; line-height:1.6; color:var(--ha-vapour); }
#your-amp .aj-journey { border:0; padding:0; margin:0; min-width:0; }
#your-amp .aj-sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#your-amp .aj-nav { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--ha-ink-raised); }
#your-amp .aj-steps { position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:0; }
#your-amp .aj-steps::after { content:""; position:absolute; left:0; bottom:-1px; width:50%; height:2px; background:var(--ha-bloom); transition:transform .85s cubic-bezier(.4,0,.2,1); pointer-events:none; }
#your-amp .aj-journey:has(#aj-build:checked) .aj-steps::after { transform:translateX(100%); }
#your-amp .aj-step { position:relative; display:flex; align-items:center; justify-content:center; min-height:48px; padding:0 22px; color:var(--ha-vapour); cursor:pointer; }
#your-amp .aj-step:first-child { padding-left:0; padding-right:44px; }
#your-amp .aj-step input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; margin:0; }
#your-amp .aj-step span { font-size:14px; line-height:1.4; font-weight:700; }
#your-amp .aj-step:has(input:checked),#your-amp .aj-step:hover { color:var(--ha-white); }
#your-amp .aj-step:has(input:focus-visible) { outline:2px solid var(--ha-bloom); outline-offset:3px; }
#your-amp .aj-autoplay { display:flex; align-items:center; gap:8px; border:0; padding:10px; min-height:44px; background:transparent; color:var(--ha-vapour); font:500 12px/1.4 var(--ha-font-sans); cursor:pointer; }
#your-amp .aj-autoplay[hidden] { display:none; }
#your-amp .aj-autoplay:hover { color:var(--ha-white); }
#your-amp .aj-autoplay:focus-visible { outline:2px solid var(--ha-bloom); outline-offset:2px; }
#your-amp .aj-autoplay-icon { color:var(--ha-bloom); width:12px; text-align:center; }
#your-amp .aj-panels { display:grid; }
#your-amp .aj-panel { grid-area:1 / 1; min-width:0; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .85s cubic-bezier(.4,0,.2,1),visibility 0s .85s; }
#your-amp .aj-journey:has(#aj-insight:checked) .aj-insight-panel,
#your-amp .aj-journey:has(#aj-build:checked) .aj-build-panel { opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
#your-amp .aj-scene { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr) minmax(0,1.35fr); align-items:center; gap:40px; min-height:332px; padding-block:16px; }
#your-amp .aj-source,#your-amp .aj-purpose { position:relative; min-width:0; }
#your-amp .aj-source::after,#your-amp .aj-purpose::before { content:""; position:absolute; top:50%; width:24px; height:1px; background:var(--ha-ink-raised); }
#your-amp .aj-source::after { right:-32px; }
#your-amp .aj-purpose::before { left:-32px; }
#your-amp .aj-eyebrow { display:block; margin-bottom:12px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ha-meta-on-dark); }
#your-amp .aj-scene h3 { margin:0 0 18px; font-size:clamp(19px,1.8vw,24px); line-height:1.25; letter-spacing:var(--ha-tracking-heading); color:var(--ha-white); }
#your-amp .aj-main-amp { margin:0; min-width:0; display:grid; grid-template-rows:280px 52px; align-items:center; justify-items:center; }
#your-amp .aj-character { position:relative; display:block; width:100%; aspect-ratio:1; isolation:isolate; }
#your-amp .aj-character img { position:absolute; width:145%; max-width:none; height:auto; left:-22.5%; top:1.65%; }
#your-amp .aj-character-insight img { mask-image:none; }
#your-amp .aj-main-amp > .aj-character { width:min(100%,290px); }
#your-amp .aj-eye { position:absolute; top:25.3%; width:5.8%; aspect-ratio:1; border-radius:50%; background:var(--ha-ink); }
#your-amp .aj-eye-left { left:23%; }
#your-amp .aj-eye-right { left:62%; }
#your-amp .aj-main-amp figcaption { text-align:center; font-size:17px; font-weight:700; line-height:1.4; color:var(--ha-white); }
#your-amp .aj-main-amp figcaption span { display:block; margin-top:5px; font-size:12px; font-weight:400; color:var(--ha-vapour); }
#your-amp .aj-business-art { position:relative; display:block; width:min(100%,225px); }
#your-amp .aj-business-art img { display:block; width:100%; height:auto; }
#your-amp .aj-business-eye { position:absolute; top:22.5%; width:3.7%; aspect-ratio:1; border-radius:50%; background:var(--ha-ink); }
#your-amp .aj-business-eye-left { left:35.5%; }
#your-amp .aj-business-eye-right { left:71.5%; top:24%; }
#your-amp .aj-blink-eye { position:absolute; top:22.3%; width:12%; aspect-ratio:1; border-radius:50%; pointer-events:none; }
#your-amp .aj-blink-left { left:19.4%; }
#your-amp .aj-blink-right { left:58.4%; }
#your-amp .aj-business-art .aj-blink-eye { top:20.5%; width:8.6%; }
#your-amp .aj-business-art .aj-blink-left { left:33.05%; }
#your-amp .aj-business-art .aj-blink-right { left:69.05%; top:22%; }
#your-amp .aj-blink-eye::before,#your-amp .aj-blink-eye::after,#your-amp .aw-eye::before,#your-amp .aw-eye::after { content:""; position:absolute; inset:-.5px; border-radius:50%; z-index:2; pointer-events:none; background:linear-gradient(165deg,var(--ha-ink-raised),var(--ha-ink) 70%); clip-path:inset(0 0 100% 0); }
#your-amp .aj-blink-eye::after,#your-amp .aw-eye::after { clip-path:inset(100% 0 0 0); }
#your-amp .amp-blinking .aj-blink-eye::before,#your-amp .amp-blinking .aw-eye::before { animation:amp-lid-top var(--amp-blink-duration) ease-in-out; }
#your-amp .amp-blinking .aj-blink-eye::after,#your-amp .amp-blinking .aw-eye::after { animation:amp-lid-bottom var(--amp-blink-duration) ease-in-out; }
@keyframes amp-lid-top { 0%,100% { clip-path:inset(0 0 100% 0); } 42%,57% { clip-path:inset(0 0 48% 0); } }
@keyframes amp-lid-bottom { 0%,100% { clip-path:inset(100% 0 0 0); } 42%,57% { clip-path:inset(48% 0 0 0); } }
@media (prefers-reduced-motion:reduce) {
  #your-amp .amp-blinking .aj-blink-eye::before,#your-amp .amp-blinking .aj-blink-eye::after,#your-amp .amp-blinking .aw-eye::before,#your-amp .amp-blinking .aw-eye::after { animation:none; }
}
#your-amp .aj-insight-pair > .aj-character { width:110px; margin:0 0 4px -12px; }
#your-amp .aj-insight-pair h3 { margin-bottom:10px; font-size:20px; }
#your-amp .aj-insight-pair p { max-width:24ch; margin:0; font-size:14px; line-height:1.6; color:var(--ha-vapour); }
@media (max-width:1100px) {
  #your-amp .aj-scene { grid-template-columns:minmax(0,.8fr) minmax(0,.9fr) minmax(0,1.3fr); gap:24px; }
  #your-amp .aj-source::after,#your-amp .aj-purpose::before { display:none; }
}
@media (max-width:700px) {
  body.ha-message-hierarchy #your-amp.aj-section > .content-wrap { padding-block:30px; }
  body.ha-message-hierarchy #your-amp #amp-title { font-size:30px !important; max-width:16ch; }
  #your-amp .aj-heading { margin-bottom:16px; }
  #your-amp .aj-heading p { font-size:14px; max-width:34ch; }
  #your-amp .aj-step { padding:0 14px; min-height:48px; }
  #your-amp .aj-step:first-child { padding-left:0; padding-right:28px; }
  #your-amp .aj-step span { font-size:13px; }
  #your-amp .aj-autoplay { padding:8px; }
  #your-amp .aj-autoplay-label { display:none; }
  #your-amp .aj-scene { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); grid-template-rows:220px 180px; gap:18px 20px; min-height:0; padding-block:20px; }
  #your-amp .aj-main-amp { grid-column:1; grid-row:1; grid-template-rows:170px 50px; }
  #your-amp .aj-main-amp > .aj-character { width:min(100%,160px); }
  #your-amp .aj-business-art { width:min(100%,135px); }
  #your-amp .aj-main-amp figcaption { font-size:14px; }
  #your-amp .aj-main-amp figcaption span { font-size:10px; margin-top:4px; }
  #your-amp .aj-source { grid-column:2; grid-row:1; }
  #your-amp .aj-eyebrow { font-size:9px; margin-bottom:8px; }
  #your-amp .aj-scene h3 { font-size:20px; margin-bottom:12px; }
  #your-amp .aj-insight-pair > .aj-character { width:74px; margin:-8px 0 -4px; }
  #your-amp .aj-insight-pair h3 { font-size:16px; margin-bottom:6px; }
  #your-amp .aj-insight-pair p { font-size:12px; line-height:1.5; }
  #your-amp .aj-purpose { grid-column:1 / 3; grid-row:2; align-self:start; }
}
@media (prefers-reduced-motion:reduce) {
  #your-amp .aj-panel,#your-amp .aj-steps::after { transition:none; }
}
@media print {
  #your-amp .aj-nav { display:none; }
  #your-amp .aj-panels { display:block; }
  #your-amp .aj-panel { opacity:1; visibility:visible; break-inside:avoid; }
}

/* Worker cast: original eyes and casing, role-coloured grilles and live work props. */
#your-amp .aj-scene { min-height:432px; }
#your-amp .aj-worker-team { min-width:0; }
/* Keep the listening pair close; give the remaining width to the worker team. */
@media (min-width:701px) {
  #your-amp .aj-build-panel .aj-scene { grid-template-columns:clamp(140px,14vw,190px) clamp(170px,18vw,225px) minmax(0,1fr); column-gap:24px; }
  #your-amp .aj-continuing-insight::after { right:-22px; width:20px; }
}
#your-amp .aj-worker-team h3 { margin-bottom:12px; }
#your-amp .aj-worker-tabs { display:flex; gap:4px; margin-bottom:12px; }
#your-amp .aj-worker-tabs a { display:grid; place-items:center; flex:1; min-height:36px; padding:8px 0; font-size:11px; line-height:1.3; color:var(--ha-vapour); text-decoration:none; border-bottom:2px solid transparent; }
#your-amp .aj-worker-tabs a[aria-current="true"] { color:var(--ha-white); border-color:var(--ha-bloom); }
#your-amp .aj-worker-tabs a:focus-visible { outline:2px solid var(--ha-bloom); outline-offset:2px; }
#your-amp .aj-worker-strip { display:flex; gap:18px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:var(--ha-ink-soft) var(--ha-ink-raised); padding:6px 4px 14px; margin:0; list-style:none; }
#your-amp .aj-worker-strip:focus-visible { outline:2px solid var(--ha-bloom); outline-offset:2px; }
#your-amp .aj-worker { flex:0 0 156px; min-width:0; scroll-snap-align:start; }
#your-amp .aj-worker figure { margin:0; }
#your-amp .aj-worker-scene { position:relative; height:212px; display:flex; flex-direction:column; align-items:center; }
#your-amp .aj-worker-art { position:relative; width:150px; aspect-ratio:1; display:block; flex:none; container-type:inline-size; }
#your-amp .aj-worker-art img { position:absolute; width:145%; max-width:none; height:auto; left:-22.5%; top:1.65%; }
#your-amp .aw-tummy { position:absolute; left:9.3%; top:37.2%; width:74.3%; height:43.5%; border-radius:7%; display:block; }
#your-amp .aw-eye { position:absolute; top:22.7%; width:10.2%; aspect-ratio:1; background:var(--ha-white); border-radius:50%; display:grid; place-items:center; }
#your-amp .aw-eye-left { left:20.07%; }
#your-amp .aw-eye-right { left:60.09%; }
#your-amp .aw-eye i { width:45%; aspect-ratio:1; background:var(--ha-ink); border-radius:50%; }
#your-amp .aw-disco .aw-tummy::before { content:"✦"; position:absolute; left:8%; top:8%; color:var(--ha-white); font-size:18px; animation:aw-sparkle 3s ease-in-out infinite; }
#your-amp .aw-disco .aw-tummy::after { content:"✧"; position:absolute; right:7%; bottom:8%; color:var(--ha-paper); font-size:24px; animation:aw-sparkle 3s ease-in-out 1.5s infinite; }
#your-amp .aw-disco .aw-eye-left { --aw-cross:1; }
#your-amp .aw-disco .aw-eye-right { --aw-cross:-1; }
#your-amp .aw-disco .aw-eye i { transform:translate(calc(var(--aw-cross) * 40%),0); }
#your-amp .aj-work-prop { width:96px; height:66px; overflow:visible; margin-top:-4px; fill:none; stroke:var(--worker-colour); stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
#your-amp .aw-goth .aj-work-prop { stroke:var(--ha-vapour); }
#your-amp .aw-disco .aj-work-prop { stroke:var(--ha-dry-edge); }
#your-amp .aw-action { stroke:var(--ha-paper); stroke-dasharray:140; animation:aw-work 4s ease-in-out infinite; }
#your-amp .aw-spin { transform-box:fill-box; transform-origin:50% 100%; animation:aw-radar 8s linear infinite; }
#your-amp .aw-party { stroke:var(--ha-bloom); animation:aw-sparkle 2.5s ease-in-out infinite; }
#your-amp .aj-worker figcaption { min-height:42px; font-size:12px; font-weight:400; line-height:1.5; color:var(--ha-vapour); text-align:center; }
@keyframes aw-work { 0%,8% { stroke-dashoffset:140; opacity:.3; } 40%,78% { stroke-dashoffset:0; opacity:1; } 100% { stroke-dashoffset:0; opacity:.3; } }
@keyframes aw-radar { to { transform:rotate(1turn); } }
@keyframes aw-sparkle { 0%,100% { opacity:.3; } 50% { opacity:1; } }
@media (max-width:1100px) {
  #your-amp .aj-scene { grid-template-columns:minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.5fr); }
  #your-amp .aj-worker-tabs a { font-size:10px; }
}
@media (max-width:700px) {
  #your-amp .aj-scene { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); grid-template-rows:220px 440px; min-height:0; }
  #your-amp .aj-worker-team { grid-column:1 / 3; grid-row:2; align-self:start; }
  #your-amp .aj-worker-tabs a { font-size:11px; }
  #your-amp .aj-worker { flex-basis:156px; }
  #your-amp .aj-worker figcaption { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  #your-amp :is(.aw-action,.aw-spin,.aw-party),#your-amp .aw-disco .aw-tummy::before,#your-amp .aw-disco .aw-tummy::after { animation:none; }
  #your-amp .aw-disco .aw-eye i { transform:translate(calc(var(--aw-cross) * 40%),0) !important; transition:none !important; }
}

#your-amp .aj-worker-footer { display:flex; justify-content:flex-end; align-items:center; gap:12px; margin-top:10px; }
#your-amp .aj-worker-controls { display:flex; gap:6px; flex:none; }
#your-amp .aj-worker-controls button { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--ha-ink-soft); border-radius:50%; color:var(--ha-paper); background:transparent; font:500 20px/1 var(--ha-font-sans); cursor:pointer; }
#your-amp .aj-worker-controls button[hidden] { display:none; }
#your-amp .aj-worker-controls button:disabled { opacity:.3; cursor:default; }
#your-amp .aj-worker-controls button:focus-visible { outline:2px solid var(--ha-bloom); outline-offset:3px; }

/* An example: separate observations become one shared insight through Amp. */
#your-amp .aj-voices::after,#your-amp .aj-shared-insight::before { content:none; }
#your-amp .aj-voices h3 { font-size:20px; margin-bottom:20px; }
#your-amp .aj-clue-flow { position:relative; }
#your-amp .aj-clues { position:relative; display:grid; gap:18px; padding:0; margin:0; list-style:none; }
#your-amp .aj-clues li { position:relative; display:flex; align-items:center; gap:12px; padding:12px; min-height:72px; color:var(--ha-ink); background:var(--ha-paper); border-radius:3px 7px 4px 6px; }
#your-amp .aj-voice-person { flex:none; width:26px; height:36px; stroke:var(--ha-blue); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; fill:none; }
#your-amp .aj-clues li > div { min-width:0; }
#your-amp .aj-clues span { display:block; margin-bottom:4px; color:var(--ha-ink-soft); font:600 10px/1.3 var(--ha-font-sans); }
#your-amp .aj-clues q { display:block; font:500 23px/1.1 var(--ha-font-note); }
#your-amp .aj-shared-insight { padding-left:0; max-width:360px; }
#your-amp .aj-insight-note { position:relative; padding:24px; background:var(--ha-paper); color:var(--ha-ink); border-radius:4px 8px 5px 3px; }
#your-amp .aj-note-label { display:block; font-size:10px; line-height:1.4; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--ha-blue); }
#your-amp .aj-insight-note h3 { margin:0 0 12px; color:var(--ha-ink); font:600 clamp(26px,2.3vw,34px)/1.1 var(--ha-font-note); letter-spacing:0; }
#your-amp .aj-insight-3w { margin:0; display:grid; gap:12px; }
#your-amp .aj-insight-3w dt { font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--ha-blue); }
#your-amp .aj-insight-3w dd { margin:3px 0 0; font-size:13px; line-height:1.45; color:var(--ha-ink-soft); }
#your-amp .aj-insight-3w div:last-child dd { color:var(--ha-bloom-deep); font-weight:600; }
#your-amp .aj-insight-note p { margin:0; color:var(--ha-ink-soft); font-size:12px; line-height:1.5; }
@media (min-width:701px) and (max-width:1100px) {
  #your-amp .aj-voices h3 { font-size:17px; }
  #your-amp .aj-clues li { gap:8px; padding:10px; }
  #your-amp .aj-clues q { font-size:20px; }
  #your-amp .aj-voice-person { width:20px; }
}
@media (max-width:700px) {
  #your-amp .aj-voices h3 { display:none; }
  #your-amp .aj-clues { gap:10px; }
  #your-amp .aj-clues li { min-height:60px; padding:8px; gap:7px; }
  #your-amp .aj-voice-person { width:18px; height:28px; }
  #your-amp .aj-clues span { font-size:9px; margin-bottom:3px; }
  #your-amp .aj-clues q { font-size:18px; }
  #your-amp .aj-shared-insight { max-width:none; padding-top:38px; }
  #your-amp .aj-insight-note { padding:20px; }
  #your-amp .aj-insight-note h3 { font-size:30px; }
}

/* Space for sketch arrows, without moving the Amp's focal position. */
#your-amp .aj-voices { padding-right:24px; }
#your-amp .aj-shared-insight { margin-left:48px; }
@media (min-width:701px) and (max-width:1100px) {
  #your-amp .aj-voices { padding-right:12px; }
  #your-amp .aj-shared-insight { margin-left:32px; }
}
@media (max-width:700px) {
  #your-amp .aj-voices { padding-right:0; margin-left:12px; }
  #your-amp .aj-shared-insight { margin-left:0; }
}
/* Connections follow the actual notes and Amp ports at every viewport. */
#your-amp .aj-insight-scene { position:relative; isolation:isolate; }
#your-amp .aj-connections { display:none; position:absolute; inset:0; width:100%; height:100%; overflow:visible; fill:none; stroke:var(--ha-vapour); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; z-index:-1; }
#your-amp .aj-connections marker path { fill:none; stroke:var(--ha-paper); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
#your-amp .aj-port { display:none; position:absolute; top:60%; width:8px; height:8px; transform:translate(-50%,-50%); }
#your-amp .aj-port-in { left:0; }
#your-amp .aj-port-out { left:100%; }
#your-amp .has-connections .aj-connections,#your-amp .has-connections .aj-port { display:block; }
#your-amp .aj-insight-note { min-height:210px; display:flex; flex-direction:column; justify-content:center; }
#your-amp .aj-insight-note h3 { margin-top:20px; }
@media (max-width:700px) {
  #your-amp .aj-port-in { left:100%; }
  #your-amp .aj-port-out { left:0; }
  #your-amp .aj-shared-insight { padding-top:62px; }
}


/* Company voices converge on one clean card. Motion starts when the scene is visible. */
#insight.lt-section { background:var(--ha-ink); color:var(--ha-paper); }
body.ha-message-hierarchy #insight > .as-section-inner { max-width:1440px; margin:auto; padding:32px var(--ha-gutter) 40px !important; display:grid; grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr); gap:32px; align-items:center; }
#insight .as-logo { gap:12px; }
#insight .as-logo span { font-size:30px; }
#insight .as-wordmark { font-weight:700; }
#insight .as-tm { font-size:.4em; font-weight:500; line-height:0; vertical-align:super; }
body.ha-message-hierarchy #insight #insight-title { margin:16px 0 12px; font-size:clamp(28px,3vw,40px) !important; line-height:1.15 !important; color:var(--ha-paper) !important; }
#insight .as-intro > p { margin:0; max-width:32ch; font-size:15px; line-height:1.6; color:var(--ha-vapour); }
#insight .lt-demo { min-width:0; margin:0; }
#insight .lt-demo > figcaption { margin-top:12px; text-align:center; font-size:11px; color:var(--ha-meta-on-dark); }
#insight .lt-stage { position:relative; height:560px; max-width:680px; margin:auto; isolation:isolate; }
#insight .lt-connections { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:var(--ha-phase-mine); stroke-width:1.25; pointer-events:none; z-index:-1; }
#insight .lt-sources { list-style:none; padding:0; margin:0; }
#insight .lt-sources li { position:absolute; width:118px; box-sizing:border-box; padding:12px; border:1px solid var(--ha-ink-raised); border-radius:10px; background:var(--ha-ink); }
#insight .lt-sources li:nth-child(odd) { left:0; }
#insight .lt-sources li:nth-child(even) { right:0; }
#insight .lt-sources li:nth-child(-n+2) { top:80px; }
#insight .lt-sources li:nth-child(n+3):nth-child(-n+4) { top:215px; }
#insight .lt-sources li:nth-child(n+5) { top:350px; }
#insight .lt-sources b { display:block; font-size:13px; font-weight:600; color:var(--ha-paper); }
#insight .lt-sources .lt-source-formats { display:flex; align-items:center; gap:12px; margin-top:7px; }
#insight .lt-source-formats > span { display:flex; }
#insight .lt-sources svg { flex:none; color:var(--ha-note-blue); }
#insight .lt-phone { position:absolute; top:0; left:50%; transform:translateX(-50%); width:268px; height:560px; padding:4px; box-sizing:border-box; border:1px solid #E3EDF0; border-radius:42px; background:linear-gradient(115deg,#A2B7C2,#E5EEF0 13%,#ACBEC8 34%,#F2F7F8 58%,#A3B5BE 83%,#D6E4E9); box-shadow:0 22px 32px rgba(0,0,0,.35),0 4px 6px rgba(0,0,0,.3),inset 0 0 0 1px #637984; }
#insight .lt-screen { position:relative; height:100%; display:flex; flex-direction:column; border:3px solid #0C0E10; border-radius:37px; overflow:hidden; background:radial-gradient(ellipse at 12% 2%,color-mix(in srgb,var(--ha-phase-mine),transparent 76%),transparent 58%),radial-gradient(ellipse at 94% 10%,color-mix(in srgb,var(--ha-violet),transparent 88%),transparent 55%),linear-gradient(transparent,var(--ha-paper) 70%),var(--ha-paper); color:var(--ha-ink); padding:38px 14px 22px; box-sizing:border-box; }
#insight .lt-island { position:absolute; top:9px; left:50%; transform:translateX(-50%); width:65px; height:18px; border-radius:20px; background:#050607; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
#insight .lt-island::after { content:""; position:absolute; top:6px; right:6px; width:6px; height:6px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#334659,#0A1119 65%); }
#insight .lt-status-bar { position:absolute; top:12px; left:20px; right:16px; display:flex; align-items:center; justify-content:space-between; color:var(--ha-ink); font-size:10px; font-weight:700; line-height:1; }
#insight .lt-status-bar svg { width:34px; height:12px; }
#insight .lt-home-indicator { position:absolute; bottom:6px; left:50%; transform:translateX(-50%); width:76px; height:3px; border-radius:3px; background:var(--ha-ink); opacity:.85; }
#insight .lt-side { position:absolute; width:3px; background:linear-gradient(90deg,#75909F,#D4E0E5,#8DA3B0); border-radius:2px; box-shadow:0 1px 2px rgba(0,0,0,.35); }
#insight .lt-action { left:-3px; top:76px; height:15px; }
#insight .lt-volume-up { left:-3px; top:111px; height:30px; }
#insight .lt-volume-down { left:-3px; top:152px; height:30px; }
#insight .lt-power { right:-3px; top:123px; height:47px; }
#insight .lt-camera { right:-3px; top:342px; height:30px; }
#insight .lt-app-name { display:flex; align-items:center; font-size:14px; font-weight:700; letter-spacing:-.025em; line-height:1; margin:4px 2px 10px; }
#insight .lt-app-name > svg { flex:none; margin-right:6px; }
#insight .lt-app-name .as-tm { align-self:start; margin-top:1px; }
#insight .lt-header-tools { display:grid; place-items:center; margin-left:auto; width:25px; height:25px; border:1px solid rgba(255,255,255,.6); border-radius:8px; background:rgba(255,255,255,.3); box-shadow:inset 0 1px 1px rgba(255,255,255,.4); }
#insight .lt-header-tools svg { width:14px; height:14px; }
#insight .lt-card { position:relative; padding:14px 15px 12px; border:1px solid var(--ha-line); border-radius:5px; background:var(--ha-paper); box-shadow:0 3px 8px rgba(41,43,47,.05); }
#insight .lt-card-fold { position:absolute; top:0; right:0; width:17px; height:17px; background:linear-gradient(45deg,var(--ha-phase-mine) 50%,var(--ha-note-blue) 50%); }
#insight .lt-card-title { position:relative; height:34px; margin-bottom:6px; }
body.ha-message-hierarchy #insight .lt-card-title h3 { font:700 23px/1 var(--ha-font-note) !important; letter-spacing:0; margin:0; color:var(--ha-ink); }
#insight .lt-card-row { position:relative; height:44px; padding-top:7px; box-sizing:border-box; border-top:1px solid rgba(41,43,47,.12); }
#insight .lt-card-row:nth-of-type(3) { height:64px; }
#insight .lt-card-row:nth-of-type(4) { height:80px; }
#insight .lt-line-3 p { color:var(--ha-bloom-deep); }
#insight .lt-card-line b { display:block; font-size:10px; line-height:1.3; font-weight:500; color:var(--ha-support-on-paper); }
#insight .lt-card-line p { margin:3px 0 0; font-size:13px; font-weight:600; line-height:1.35; }
#insight .lt-card-result { display:flex; align-items:center; gap:6px; margin-top:8px; font-size:11px; font-weight:600; color:var(--ha-phase-mine); }
#insight .lt-listening { position:relative; display:grid; justify-items:center; gap:8px; margin-top:auto; padding-top:28px; }
/* Native TSCandyMicShape / TSCandySurface, scaled from the 140 by 132 control. */
#insight .lt-orb { position:relative; width:76px; height:72px; display:grid; place-items:center; color:var(--ha-ink); filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--ha-bloom),transparent 66%)); }
#insight .lt-candy { position:absolute; inset:0; width:100%; height:100%; }
#insight .lt-candy-base { fill:var(--ha-paper); }
#insight .lt-capture-glyph { position:relative; width:27px; height:27px; }
#insight .lt-wave { position:absolute; top:0; width:188px; height:24px; color:var(--ha-bloom); fill:currentColor; }
#insight .lt-input-modes { display:flex; justify-content:space-between; margin-top:8px; font-size:11px; color:var(--ha-support-on-paper); }
#insight .lt-signal,#insight .lt-title-placeholder,#insight .lt-row-placeholder { display:none; }
#insight .lt-animated .lt-signal { display:grid; place-items:center; position:absolute; top:0; left:0; width:21px; height:21px; border-radius:6px; background:var(--ha-note-blue); color:var(--ha-phase-mine); z-index:2; offset-anchor:center; offset-rotate:0deg; opacity:0; animation:lt-arrive 12s linear var(--lt-delay) infinite; }
#insight .lt-signal svg { grid-area:1 / 1; }
#insight .lt-animated .lt-signal svg { opacity:0; animation:lt-format-one 36s steps(1,end) var(--lt-delay) infinite; }
#insight .lt-animated .lt-signal .lt-format-2 { animation-name:lt-format-two; }
#insight .lt-animated .lt-signal .lt-format-3 { animation-name:lt-format-three; }
#insight .lt-animated .lt-card-line,#insight .lt-animated .lt-card-title h3,#insight .lt-animated .lt-card-result { animation:lt-build 12s ease-in-out infinite; }
#insight .lt-animated .lt-line-1 { animation-name:lt-build-one; }
#insight .lt-animated .lt-line-2 { animation-name:lt-build-two; }
#insight .lt-animated .lt-line-3 { animation-name:lt-build-three; }
#insight .lt-animated .lt-title-placeholder,#insight .lt-animated .lt-row-placeholder { display:block; position:absolute; top:8px; left:0; width:72%; height:6px; border-radius:4px; background:rgba(41,43,47,.07); animation:lt-placeholder 12s ease-in-out infinite; }
#insight .lt-animated .lt-title-placeholder { top:8px; width:85%; height:9px; }
#insight .lt-animated .lt-card-row:nth-of-type(2) .lt-row-placeholder { animation-name:lt-placeholder-one; }
#insight .lt-animated .lt-card-row:nth-of-type(3) .lt-row-placeholder { animation-name:lt-placeholder-two; }
#insight .lt-animated .lt-card-row:nth-of-type(4) .lt-row-placeholder { animation-name:lt-placeholder-three; }
#insight .lt-animated .lt-wave .lt-ribbon path:not(.lt-wave-axis) { animation:lt-wave 1.6s ease-in-out infinite alternate; transform-origin:center; }
/* The heartbeat shares the card's twelve-second story clock. */
#insight .lt-heart-normal,#insight .lt-heart-excited { fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
#insight .lt-heart-trail { opacity:.24; }
#insight .lt-heart-excited { opacity:0; }
#insight .lt-heart-sweep { stroke-dasharray:44 188; }
#insight .lt-animated .lt-heart-sweep { animation:lt-heart-sweep 1.2s linear infinite; }
#insight .lt-animated .lt-heart-excited .lt-heart-sweep { animation-duration:.6s; }
#insight .lt-animated .lt-heart-normal { animation:lt-heart-calm 12s steps(1,end) infinite; }
#insight .lt-animated .lt-heart-excited { animation:lt-heart-excited 12s steps(1,end) infinite; }
#insight .lt-animated .lt-orb { animation:lt-heartbeat 12s ease-in-out infinite; transform-origin:center; }
#insight .lt-wave .lt-ribbon path:nth-child(2) { animation-delay:-.5s; }
#insight .lt-wave .lt-ribbon path:nth-child(3) { animation-delay:-1s; }
#insight .lt-animated:not(.lt-playing) :is(.lt-signal,.lt-signal svg,.lt-card-line,.lt-card-title h3,.lt-card-result,.lt-title-placeholder,.lt-row-placeholder,.lt-wave path,.lt-heart-normal,.lt-heart-excited,.lt-orb) { animation-play-state:paused; }
@keyframes lt-format-one { 0% { opacity:1; } 33.333%,100% { opacity:0; } }
@keyframes lt-format-two { 0% { opacity:0; } 33.333% { opacity:1; } 66.667%,100% { opacity:0; } }
@keyframes lt-format-three { 0%,33.333% { opacity:0; } 66.667% { opacity:1; } 100% { opacity:0; } }
@keyframes lt-arrive { 0% { opacity:0; offset-distance:0%; } 2% { opacity:1; } 9% { opacity:1; offset-distance:100%; } 11%,100% { opacity:0; offset-distance:100%; } }
@keyframes lt-build-one { 0%,13% { opacity:0; transform:translateY(4px); } 17%,95% { opacity:1; transform:none; } 100% { opacity:0; } }
@keyframes lt-build-two { 0%,30% { opacity:0; transform:translateY(4px); } 34%,95% { opacity:1; transform:none; } 100% { opacity:0; } }
@keyframes lt-build-three { 0%,47% { opacity:0; transform:translateY(4px); } 51%,95% { opacity:1; transform:none; } 100% { opacity:0; } }
@keyframes lt-build { 0%,54% { opacity:0; } 59%,95% { opacity:1; } 100% { opacity:0; } }
@keyframes lt-placeholder-one { 0%,13% { opacity:1; } 17%,95% { opacity:0; } 100% { opacity:1; } }
@keyframes lt-placeholder-two { 0%,30% { opacity:1; } 34%,95% { opacity:0; } 100% { opacity:1; } }
@keyframes lt-placeholder-three { 0%,47% { opacity:1; } 51%,95% { opacity:0; } 100% { opacity:1; } }
@keyframes lt-placeholder { 0%,54% { opacity:1; } 59%,95% { opacity:0; } 100% { opacity:1; } }
@keyframes lt-wave { to { transform:scaleY(.4); } }
@keyframes lt-heart-sweep { from { stroke-dashoffset:44; } to { stroke-dashoffset:-188; } }
@keyframes lt-heart-calm { 0% { opacity:1; } 58% { opacity:0; } 76%,100% { opacity:1; } }
@keyframes lt-heart-excited { 0% { opacity:0; } 58% { opacity:1; } 76%,100% { opacity:0; } }
@keyframes lt-heartbeat {
  0%,2%,4%,10%,12%,14%,20%,22%,24%,30%,32%,34%,40%,42%,44%,50%,52%,54%,58%,59.4%,60.5%,62.5%,63.9%,65%,67%,68.4%,69.5%,71.5%,72.9%,74%,80%,82%,84%,90%,92%,94%,100% { transform:scale(1); }
  1%,11%,21%,31%,41%,51%,81%,91% { transform:scale(1.025); }
  3%,13%,23%,33%,43%,53%,83%,93% { transform:scale(1.015); }
  58.7%,63.2%,67.7%,72.2% { transform:scale(1.08); }
  60%,64.5%,69%,73.5% { transform:scale(1.045); }
}
@media (max-width:1100px) {
  body.ha-message-hierarchy #insight > .as-section-inner { grid-template-columns:minmax(0,1fr); gap:24px; }
  #insight .as-intro > p { max-width:none; }
}
@media (max-width:700px) {
  body.ha-message-hierarchy #insight > .as-section-inner { padding-block:24px !important; gap:20px; }
  #insight .as-intro > p { font-size:14px; }
  #insight .lt-stage { height:704px; }
  #insight .lt-sources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  #insight .lt-sources li { position:static; width:auto; padding:12px 8px; }
  #insight .lt-sources b { font-size:12px; }
  #insight .lt-sources .lt-source-formats { gap:10px; margin-top:7px; }
  #insight .lt-sources svg { width:12px; height:12px; }
  #insight .lt-phone { top:144px; }
}
@media (prefers-reduced-motion:reduce) {
  #insight .lt-animated :is(.lt-card-line,.lt-card-title h3,.lt-card-result) { animation:none; opacity:1; transform:none; }
  #insight .lt-wave :is(path,g),#insight .lt-orb { animation:none !important; transform:none; }
  #insight .lt-heart-normal { opacity:1; }
  #insight .lt-heart-excited { opacity:0; }
  #insight .lt-heart-sweep { stroke-dasharray:none; }
  #insight .lt-animated :is(.lt-signal,.lt-title-placeholder,.lt-row-placeholder) { display:none; }
}

/* Reference-matched artwork already includes casing, grille colour and chrome. */
#your-amp .aj-business-eye { top:20.76%; width:3.88%; }
#your-amp .aj-business-eye-left { left:35.36%; }
#your-amp .aj-business-eye-right { left:73.72%; top:22.57%; }
#your-amp .aj-business-art .aj-blink-eye { top:18.75%; width:8.82%; }
#your-amp .aj-business-art .aj-blink-left { left:32.89%; }
#your-amp .aj-business-art .aj-blink-right { left:71.25%; top:20.55%; }