@layer components{.r4ai-people-ring{width:100%}.r4ai-people-ring-stage{position:relative;width:100%;aspect-ratio:3 / 2}.r4ai-people-ring-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.r4ai-people-ring-line{stroke:url(#r4ai-people-ring-line);stroke-width:1.1;stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.r4ai-people-ring-core{position:absolute;left:50%;top:50%;width:15%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 45%,var(--color-brand) 0%,var(--brand-dark) 45%,transparent 72%);filter:blur(10px);opacity:.55;pointer-events:none}.r4ai-people-ring-core-ring{position:absolute;left:50%;top:50%;width:7%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 45%,rgb(255 255 255 / .95),var(--color-brand) 60%,transparent 80%);filter:blur(3px);opacity:.85;pointer-events:none}.r4ai-people-ring-node{position:absolute;width:17%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.r4ai-people-ring-avatar{width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:var(--color-mono-near-white);border:1.5px solid var(--color-brand);box-shadow:0 6px 18px -8px #0d162259}.r4ai-people-ring-photo{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.r4ai-people-ring-label{font-size:12px;font-weight:600;line-height:1.2;color:var(--color-mono-dark);white-space:nowrap}.r4ai-people-ring.is-playing .r4ai-people-ring-line{stroke-dasharray:100;stroke-dashoffset:100;animation:r4ai-people-ring-draw .6s ease forwards;animation-delay:calc(.12s + var(--i) * .08s)}.r4ai-people-ring.is-playing .r4ai-people-ring-node{opacity:0;animation:r4ai-people-ring-pop .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(.3s + var(--i) * .08s)}.r4ai-people-ring.is-playing .r4ai-people-ring-core,.r4ai-people-ring.is-playing .r4ai-people-ring-core-ring{animation:r4ai-people-ring-breathe 4.5s ease-in-out infinite}@keyframes r4ai-people-ring-draw{to{stroke-dashoffset:0}}@keyframes r4ai-people-ring-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.86)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes r4ai-people-ring-breathe{0%,to{filter:blur(10px);opacity:.5}50%{filter:blur(12px);opacity:.62}}@media(prefers-reduced-motion:reduce){.r4ai-people-ring.is-playing .r4ai-people-ring-line,.r4ai-people-ring.is-playing .r4ai-people-ring-node,.r4ai-people-ring.is-playing .r4ai-people-ring-core,.r4ai-people-ring.is-playing .r4ai-people-ring-core-ring{animation:none}}}@layer components{.r4ai-hero-scene-stage{transition:opacity .28s ease;overflow:hidden;border-radius:inherit}.r4ai-hero-scene-stage.is-fading{opacity:0}.r4ai-hero-scene-step{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transform:translate(48px);transform-origin:left center;transition:opacity .45s ease,transform .45s ease}.r4ai-hero-scene-step.is-active{opacity:1;transform:none}.r4ai-hero-scene-step.is-done{transform:translate(-52%) scale(.2)}.r4ai-hero-scene-chip{display:flex;flex-direction:column;align-items:center;gap:2px;width:22px;padding:6px 0 4px;background:var(--color-mono-near-white);border:1px solid var(--color-border-weak);border-radius:6px;opacity:0;transform:translate(14px) scale(.85);transition:opacity .35s ease .15s,transform .35s ease .15s}.r4ai-hero-scene-chip.is-done{opacity:1;transform:none}.r4ai-hero-scene-chip svg{color:var(--brand-dark)}.r4ai-hero-scene-chip span{font-family:var(--font-web-body);font-size:9px;font-weight:600;line-height:1;color:var(--color-text-secondary)}.r4ai-hero-scene-eyebrow{font-family:var(--font-web-body);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--color-text-secondary)}.r4ai-hero-scene-bubble-q,.r4ai-hero-scene-bubble-a{font-family:var(--font-web-body);font-size:12px;line-height:1.45;padding:8px 12px}.r4ai-hero-scene-bubble-q{background:var(--color-mono-darkest);color:var(--color-mono-white);border-radius:14px 14px 4px;max-width:92%;min-height:34px}.r4ai-hero-scene-bubble-a{background:var(--color-mono-near-white);color:var(--color-mono-darkest);border:1px solid var(--color-border-weak);border-radius:14px 14px 14px 4px;max-width:96%;min-height:64px;opacity:0;transition:opacity .3s ease}.r4ai-hero-scene-bubble-a.is-visible{opacity:1}.r4ai-hero-scene-caret{display:inline-block;width:2px;height:.95em;margin-left:1px;vertical-align:text-bottom;background:currentColor;animation:r4ai-hero-scene-blink .8s step-end infinite}@keyframes r4ai-hero-scene-blink{0%,to{opacity:1}50%{opacity:0}}.r4ai-hero-scene-hl{background:var(--color-brand-alpha-20);border-radius:3px;padding:0 3px;font-weight:600}.r4ai-hero-scene-machine{background:var(--color-mono-white);border:1px solid var(--color-border-weak);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:7px}.r4ai-hero-scene-mline{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10.5px;line-height:1.5;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}.r4ai-hero-scene-mline.is-visible{opacity:1;transform:none}.r4ai-hero-scene-mkey{color:var(--brand-dark);font-weight:600}.r4ai-hero-scene-portrait-caption{font-family:var(--font-web-body);font-size:11px;line-height:1.4;text-align:center;max-width:240px;color:var(--color-text-secondary)}.r4ai-hero-scene-badge{font-family:var(--font-web-body);font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-dark);background:var(--color-brand-alpha-20);border-radius:999px;padding:3px 10px}@media(prefers-reduced-motion:reduce){.r4ai-hero-scene,.r4ai-hero-scene *{animation:none!important;transition:none!important}.r4ai-hero-scene .r4ai-hero-scene-caret{display:none}}}@keyframes r4ai-tier-panel-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes r4ai-tier-scrim-in{0%{opacity:0}to{opacity:1}}.r4ai-tier-panel{animation:r4ai-tier-panel-in .22s ease-out}.r4ai-tier-scrim{animation:r4ai-tier-scrim-in .22s ease-out}.r4ai-tier-panel--origin-0{transform-origin:17% 40%}.r4ai-tier-panel--origin-1{transform-origin:50% 40%}.r4ai-tier-panel--origin-2{transform-origin:83% 40%}@media(prefers-reduced-motion:reduce){.r4ai-tier-panel,.r4ai-tier-scrim{animation:none}}
