.ai-team { isolation: isolate; overflow: hidden; }
.ai-team > .section__inner { position: relative; z-index: 1; }
.ai-team .details-section__grid > * { min-width: 0; }
.method-detail__tool { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.method-detail__logo { width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; filter: drop-shadow(0 3px 8px rgba(181,137,255,.16)); }
.ai-team__visualizer { position: absolute; left: 0; width: 100%; pointer-events: none; z-index: 0; opacity: 0; transition: opacity .7s ease; }
.ai-team.is-voice-animating .ai-team__visualizer { opacity: 1; }
.ai-feedback { margin-top: 0; padding: 0 10px 8px 0; }
.ai-feedback__intro { max-width: 460px; margin-bottom: 28px; }
.ai-feedback__eyebrow { color: #8b8b9f; font-size: 9px; letter-spacing: .17em; text-transform: uppercase; line-height: 1.6; }
.ai-feedback__intro h3 { margin: 10px 0 12px; max-width: 440px; font-family: Arial, Helvetica, sans-serif; font-size: clamp(27px, 2.5vw, 36px); line-height: 1.12; letter-spacing: -.035em; }
.ai-feedback__intro p { margin: 0; max-width: 430px; color: #aeb7c5; font-family: Inter, system-ui, sans-serif; font-size: 14px; line-height: 1.7; }
.ai-feedback__shot { position: relative; margin: 0; transform-origin: center; }
.ai-feedback__shot figcaption { display: flex; justify-content: space-between; align-items: center; margin: 0 3px 8px; color: #8f99ab; font-size: 9px; text-transform: uppercase; letter-spacing: .14em; }
.ai-feedback__shot figcaption span { font-size: 16px; color: var(--orange); }
.ai-feedback__shot a { display: block; border: 1px solid rgba(156,158,199,.23); border-radius: 13px; overflow: hidden; background: #000; box-shadow: 0 15px 35px rgba(0,0,0,.35); transition: border-color .25s ease, box-shadow .25s ease; }
.ai-feedback__shot a:hover { border-color: rgba(181,137,255,.65); box-shadow: 0 18px 45px rgba(61,44,99,.25); }
.ai-feedback__shot a:focus-visible { outline: 2px solid var(--orange); outline-offset: 5px; }
.ai-feedback__shot img { width: 100%; height: auto; }
.ai-feedback__shot--first { width: 94%; transform: rotate(-2deg); margin-left: 2px; }
.ai-feedback__shot--second { width: 83%; transform: rotate(2.3deg); margin: 26px 0 0 auto; }
.ai-feedback__shot--third { width: 79%; transform: rotate(-1.5deg); margin: 22px 0 0 7%; }
.ai-voice { --voice-level: 0; position: relative; margin: 32px auto 0; text-align: center; width: min(100%, 420px); }
.ai-voice__stage { position: relative; display: grid; place-items: center; height: 292px; perspective: 750px; isolation: isolate; }
.ai-voice__halo { position: absolute; width: 290px; height: 290px; border-radius: 50%; background: radial-gradient(circle, rgba(147,94,240,.15), rgba(120,109,208,.05) 48%, transparent 70%); transform: scale(calc(1 + var(--voice-level) * .22)); pointer-events: none; }
.ai-voice__orbit { position: absolute; width: 292px; height: 292px; border: 1px solid rgba(181,137,255,.35); border-radius: 50%; pointer-events: none; z-index: -1; }
.ai-voice__orbit--one { transform: rotateZ(-28deg) rotateX(64deg); border-color: rgba(247,156,53,.4); box-shadow: 0 0 18px rgba(247,156,53,.045); }
.ai-voice__orbit--two { transform: rotateZ(38deg) rotateY(63deg); border-color: rgba(121,183,255,.4); }
.ai-voice__play { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 234px; height: 234px; border-radius: 50%; border: 1px solid rgba(171,148,204,.3); background: radial-gradient(circle at 28% 18%, rgba(247,156,53,.12), transparent 44%), radial-gradient(circle at 78% 78%, rgba(121,183,255,.13), transparent 52%), linear-gradient(145deg,#191629,#090e18 62%); box-shadow: inset 0 2px 10px rgba(232,204,255,.06), inset 0 -14px 24px rgba(0,0,0,.35), 0 18px 45px rgba(0,0,0,.5), 0 0 calc(22px + var(--voice-level) * 48px) rgba(153,111,233,.18); transition: border-color .25s, background .25s; -webkit-tap-highlight-color: transparent; }
.ai-voice__play::before { content: ""; position: absolute; inset: 17px; border-radius: inherit; border: 1px solid rgba(181,137,255,.1); pointer-events: none; }
.ai-voice__play:hover { border-color: rgba(247,156,53,.65); }
.ai-voice__play:focus-visible { outline: 2px solid var(--orange); outline-offset: 7px; }
.ai-voice__progress { position: absolute; inset: -6px; width: calc(100% + 12px); height: calc(100% + 12px); transform: rotate(-90deg); pointer-events: none; }
.ai-voice__progress circle { fill: none; stroke-width: 1.5; }
.ai-voice__progress .ai-voice__track { stroke: rgba(162,151,199,.17); }
.ai-voice__progress [data-ai-ring] { stroke: #ffb360; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; filter: drop-shadow(0 0 4px rgba(247,156,53,.5)); }
.ai-voice__bars { height: 23px; display: flex; gap: 4px; align-items: center; margin-bottom: 10px; }
.ai-voice__bars i { display: block; width: 2px; height: calc(5px + var(--voice-level) * 10px); border-radius: 2px; background: linear-gradient(var(--orange), var(--violet)); }
.ai-voice__bars i:nth-child(2), .ai-voice__bars i:nth-child(6) { height: calc(10px + var(--voice-level) * 8px); }
.ai-voice__bars i:nth-child(3), .ai-voice__bars i:nth-child(5) { height: calc(17px + var(--voice-level) * 5px); }
.ai-voice__bars i:nth-child(4) { height: calc(12px + var(--voice-level) * 14px); }
.ai-voice__icon { width: 32px; height: 32px; fill: #f6e9dd; margin-bottom: 8px; }
.ai-voice__pause-icon { display: none; }
.is-voice-playing .ai-voice__play-icon { display: none; }
.is-voice-playing .ai-voice__pause-icon { display: block; }
.ai-voice__button-label { color: #fff; font-size: 17px; letter-spacing: .04em; }
.ai-voice__button-note { margin-top: 8px; color: #a6a2b6; font-size: 9px; letter-spacing: .075em; }
.ai-voice__transport { display: flex; align-items: center; gap: 12px; color: #9da7b9; font-size: 11px; font-variant-numeric: tabular-nums; }
.ai-voice__transport input { --progress: 0%; flex: 1; min-width: 0; height: 32px; margin: 0; appearance: none; -webkit-appearance: none; cursor: pointer; background: transparent; }
.ai-voice__transport input::-webkit-slider-runnable-track { height: 3px; border-radius: 3px; background: linear-gradient(90deg, #f7ac65, #b589ff var(--progress), #252a3d var(--progress)); }
.ai-voice__transport input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 12px; height: 12px; margin-top: -4.5px; background: #e4cdff; border-radius: 50%; border: 2px solid #131421; box-shadow: 0 0 9px rgba(181,137,255,.4); }
.ai-voice__transport input::-moz-range-track { height: 3px; background: #252a3d; }
.ai-voice__transport input::-moz-range-progress { height: 3px; background: #b589ff; }
.ai-voice__transport input::-moz-range-thumb { width: 10px; height: 10px; background: #e4cdff; border-radius: 50%; border: 2px solid #131421; }
.ai-voice__transport input:focus-visible { outline: 1px solid var(--violet); outline-offset: 3px; border-radius: 4px; }
.ai-voice__caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-top: 5px; color: #7c879b; font-size: 10px; }
.ai-voice__caption a { color: #aaa4bb; padding-bottom: 4px; border-bottom: 1px solid rgba(181,137,255,.22); }
.ai-voice__caption a:hover { color: #f7b778; }
.ai-voice__status { font-size: 12px; color: #eab47d; line-height: 1.5; }
.ai-voice__subtitles { display: grid; grid-template-rows: 0fr; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: grid-template-rows .5s var(--ease), opacity .35s ease, transform .5s var(--ease), visibility 0s .5s; }
.ai-voice__subtitles.is-visible { grid-template-rows: 1fr; opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; }
.ai-voice__subtitle-clip { min-height: 0; overflow: hidden; }
.ai-voice__subtitle-panel { display: grid; place-items: center; min-height: 126px; margin: 4px 0 14px; padding: 18px 20px; border: 1px solid rgba(181,137,255,.25); border-radius: 14px; background: linear-gradient(135deg, rgba(247,156,53,.06), rgba(14,19,32,.96) 45%, rgba(121,183,255,.06)); box-shadow: inset 0 1px rgba(255,255,255,.025); }
.ai-voice__subtitles p { margin: 0; color: #f0edf6; font-family: Inter, system-ui, sans-serif; font-size: 16px; line-height: 1.6; white-space: pre-line; }
.ai-voice__subtitle-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 10px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 14px; }
.ai-voice__subtitle-toggle span { border: 1px solid currentColor; border-radius: 3px; padding: 1px 3px; font-size: 11px; font-weight: 700; }
.ai-voice__subtitle-toggle[aria-pressed="true"] { color: var(--orange-2); border-color: rgba(247,156,53,.4); }
.ai-voice__subtitle-toggle:hover { background: rgba(247,156,53,.06); }
.ai-voice__subtitle-toggle:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }

@media (min-width: 1081px) {
  .ai-team .details-section__grid { align-items: stretch; }
  .ai-team__overview, .ai-team__feedback { display: flex; flex-direction: column; }
  .ai-team__overview .method-details { flex: 1; gap: 20px; }
  .ai-team__overview .method-detail { padding: 24px; }
  .ai-team__feedback .ai-feedback { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
  .ai-team__feedback .ai-feedback > * { flex-shrink: 0; }
}

@media (max-width: 1080px) {
  .ai-feedback { max-width: 660px; padding-right: 12px; }
  .ai-feedback__intro { max-width: 520px; }
  .ai-feedback__shot--first { width: 88%; }
  .ai-feedback__shot--second { width: 77%; }
  .ai-feedback__shot--third { width: 70%; }
}
@media (max-width: 760px) {
  .ai-feedback { margin-top: 30px; padding: 0 8px; }
  .ai-feedback__intro h3 { font-size: 29px; }
  .ai-feedback__shot--first { width: 96%; transform: rotate(-1.3deg); }
  .ai-feedback__shot--second { width: 90%; transform: rotate(1.6deg); margin-top: 26px; }
  .ai-feedback__shot--third { width: 86%; margin-left: 4%; transform: rotate(-1deg); }
  .ai-voice { margin-top: 30px; }
  .ai-voice__stage { height: 274px; }
  .ai-voice__play { width: 218px; height: 218px; }
  .ai-voice__orbit { width: 266px; height: 266px; }
  .ai-voice__halo { width: 272px; height: 272px; }
}
@media (prefers-reduced-motion: reduce) {
  .ai-team__visualizer { display: none; }
  .ai-voice__halo { transform: none; }
}
@media (max-width: 380px) {
  .ai-voice__orbit { width: 228px; height: 228px; }
  .ai-voice__halo { width: 250px; height: 250px; }
}