/* Simple AI-assistant pill + section for Business and Partner. Scoped to .mm-ai-*. */
.mm-ai-pill,.mm-ai-sec{--mm-ai-accent:var(--lp-accent,var(--violet,#5b4bd6));--mm-ai-accent-soft:var(--lp-accent-soft,var(--violet-l,#eeebfb));--mm-ai-ink:#17122f;--mm-ai-muted:#5f5b72;--mm-ai-line:#e7e3f1;--mm-ai-dwell:5.2s}
.mm-ai-pill,.mm-ai-sec *{box-sizing:border-box}

/* Hero pill: quiet trust line under the primary actions */
.lp-hero [data-mm-ai-audience],.pp-hero__copy [data-mm-ai-audience]{margin-top:16px}
.lp-hero [data-mm-ai-audience]:empty,.pp-hero__copy [data-mm-ai-audience]:empty{display:none}
.mm-ai-pill{display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:40px;padding:5px 12px 5px 5px;border:1px solid var(--mm-ai-line);border-radius:999px;background:#fff;color:var(--mm-ai-ink)!important;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;letter-spacing:-.005em;text-decoration:none!important;box-shadow:0 1px 2px #17122f0a,0 8px 20px -14px #17122f40;transition:border-color .2s,box-shadow .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.mm-ai-pill:hover{border-color:color-mix(in srgb,var(--mm-ai-accent) 40%,#fff);box-shadow:0 1px 2px #17122f0a,0 12px 26px -14px #17122f55;transform:translateY(-1px)}
.mm-ai-pill:focus-visible{outline:3px solid var(--mm-ai-accent);outline-offset:3px}
.mm-ai-pill__text{min-width:0}
.mm-ai-pill__chev{flex:none;width:16px;height:16px;fill:none;stroke:var(--mm-ai-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.mm-ai-pill:hover .mm-ai-pill__chev{transform:translateX(2px)}
.mm-ai-pill__logos,.mm-ai-window__logos,.mm-ai-avatar__logos{display:inline-flex;flex:none}
.mm-ai-pill__logo,.mm-ai-window__logo,.mm-ai-avatar__logo{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:#fff;box-shadow:0 0 0 1px #e6e2ee}
.mm-ai-pill__logo--claude,.mm-ai-window__logo--claude,.mm-ai-avatar__logo--claude{margin-inline-start:-7px;background:#fbf1ea;box-shadow:0 0 0 1px #f0dfd3}
.mm-ai-pill__logo img,.mm-ai-window__logo img,.mm-ai-avatar__logo img{width:15px;height:15px;display:block}
@media (max-width:400px){.mm-ai-pill{font-size:13px;gap:8px;border-radius:22px}}
@media (prefers-reduced-motion:reduce){.mm-ai-pill,.mm-ai-pill__chev{transition:none}.mm-ai-pill:hover{transform:none}}

/* Section */
.mm-ai-sec{scroll-margin-top:88px;color:var(--mm-ai-ink)}
.mm-ai-sec[hidden]{display:none!important}
.mm-ai-head{margin-bottom:0!important;max-width:720px;scroll-margin-top:16px} /* both pages already set scroll-padding-top for the sticky header */
.mm-ai-head h2:focus{outline:none}
:lang(ja) .mm-ai-sec h2,:lang(ja) .mm-ai-sec p{word-break:auto-phrase}
.mm-ai-chip{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:var(--mm-ai-accent-soft);color:var(--mm-ai-accent);font-size:11px;letter-spacing:.06em;vertical-align:1px}
.mm-ai-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"prompts window" "steps window";gap:28px 56px;align-items:start;margin-top:44px}
.mm-ai-prompts{grid-area:prompts}.mm-ai-window{grid-area:window}.mm-ai-steps{grid-area:steps}
.mm-ai-label{margin:0 0 12px;font-size:13px;font-weight:650;letter-spacing:.02em;color:var(--mm-ai-muted)}
.mm-ai-prompt{position:relative;display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:14px 16px;border:1px solid var(--mm-ai-line);border-radius:14px;background:#fff;color:var(--mm-ai-ink);font:inherit;font-size:15px;font-weight:500;line-height:1.35;text-align:start;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent}
.mm-ai-prompt+.mm-ai-prompt{margin-top:10px}
.mm-ai-prompt:hover{border-color:color-mix(in srgb,var(--mm-ai-accent) 35%,#fff)}
.mm-ai-prompt[aria-pressed=true]{border-color:var(--mm-ai-accent);box-shadow:0 0 0 1px var(--mm-ai-accent),0 10px 24px -18px #17122f66}
.mm-ai-prompt:focus-visible{outline:3px solid var(--mm-ai-accent);outline-offset:3px}
.mm-ai-prompt__n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mm-ai-accent-soft);color:var(--mm-ai-accent);font-size:13px;font-weight:700}
.mm-ai-prompt[aria-pressed=true] .mm-ai-prompt__n{background:var(--mm-ai-accent);color:#fff}
.mm-ai-prompt__bar{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--mm-ai-accent);opacity:.85;transform:scaleX(0);transform-origin:left center}
[dir=rtl] .mm-ai-prompt__bar{transform-origin:right center}
.mm-ai-sec[data-playing] .mm-ai-prompt[aria-pressed=true] .mm-ai-prompt__bar{animation:mm-ai-progress var(--mm-ai-dwell) linear forwards}
.mm-ai-sec[data-paused] .mm-ai-prompt__bar{animation-play-state:paused!important}
@keyframes mm-ai-progress{to{transform:scaleX(1)}}

.mm-ai-window{border:1px solid var(--mm-ai-line);border-radius:22px;background:#fff;box-shadow:0 30px 60px -36px #17122f59;overflow:hidden}
.mm-ai-window__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--mm-ai-line);background:#fcfbf8}
.mm-ai-window__logo{width:24px;height:24px}.mm-ai-window__logo img{width:13px;height:13px}
.mm-ai-window__title{font-size:14px;font-weight:650}
.mm-ai-window__tag{margin-inline-start:auto;padding:3px 9px;border:1px solid var(--mm-ai-line);border-radius:999px;background:#fff;color:var(--mm-ai-muted);font-size:12px;font-weight:500;white-space:nowrap}
.mm-ai-window__body{display:flex;flex-direction:column;gap:14px;min-height:360px;padding:22px 20px 24px;background:linear-gradient(#fff,#fdfcfa)}
.mm-ai-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mm-ai-q{align-self:flex-end;max-width:82%;padding:11px 15px;border-radius:18px 18px 4px 18px;background:var(--mm-ai-ink);color:#fff;font-size:15px;line-height:1.4}
[dir=rtl] .mm-ai-q{border-radius:18px 18px 18px 4px}
.mm-ai-typing{display:none;align-self:flex-start;gap:5px;padding:12px 14px;border-radius:14px;background:#f3f1f8}
.mm-ai-typing i{width:7px;height:7px;border-radius:50%;background:#9a94b0;animation:mm-ai-dot 1s infinite ease-in-out}
.mm-ai-typing i:nth-child(2){animation-delay:.15s}.mm-ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes mm-ai-dot{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.mm-ai-a{display:flex;gap:10px;align-items:flex-start}
.mm-ai-a__avatar{flex:none;padding-top:1px}
.mm-ai-avatar__logo{width:24px;height:24px}.mm-ai-avatar__logo img{width:13px;height:13px}
.mm-ai-a__content{flex:1;min-width:0;max-width:420px}
.mm-ai-a__text{margin:2px 0 10px;font-size:15px;line-height:1.45;font-weight:500}
.mm-ai-window__body[data-stage=question] .mm-ai-q{animation:mm-ai-in .35s ease-out both}
.mm-ai-window__body[data-stage=question] .mm-ai-a{display:none}
.mm-ai-window__body[data-stage=typing] .mm-ai-typing{display:flex}
.mm-ai-window__body[data-stage=typing] .mm-ai-a{display:none}
.mm-ai-window__body[data-stage=answer] .mm-ai-a{animation:mm-ai-in .4s ease-out both}
@keyframes mm-ai-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.mm-ai-card{border:1px solid var(--mm-ai-line);border-radius:16px;background:#fff;padding:14px 16px;box-shadow:0 8px 20px -16px #17122f4d}
.mm-ai-card__head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:650;letter-spacing:.02em;color:var(--mm-ai-muted)}
.mm-ai-card__head img{width:12px;height:14px}
.mm-ai-card__big{display:block;margin-bottom:8px;font-size:15px;font-weight:650}
.mm-ai-meter{display:block;height:8px;border-radius:99px;background:#efedf5;overflow:hidden}
.mm-ai-meter__fill{display:block;height:100%;width:calc(var(--mm-ai-v) * 100%);border-radius:inherit;background:var(--mm-ai-accent)}
.mm-ai-card__rows,.mm-ai-card__bars,.mm-ai-card__lines{list-style:none;margin:12px 0 0;padding:0}
.mm-ai-card__rows li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f0eef5;font-size:14px}
.mm-ai-tag{flex:none;padding:2px 8px;border-radius:999px;background:#fff4e5;color:#8a4b00;font-size:12px;font-weight:600}
.mm-ai-sec[data-audience=partner] .mm-ai-tag{background:var(--mm-ai-accent-soft);color:var(--mm-ai-accent)}
.mm-ai-card__bars li+li{margin-top:12px}
.mm-ai-card__bartop{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}
.mm-ai-card__n{font-weight:650;font-variant-numeric:tabular-nums}
.mm-ai-card__lines{margin-top:0}
.mm-ai-card__lines li{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px}
.mm-ai-card__lines svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--lp-ok,#1f6b43);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mm-ai-card__act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:14px;padding-top:14px;border-top:1px solid #f0eef5}
.mm-ai-card__btn{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:10px;background:var(--mm-ai-accent);color:#fff;font-size:14px;font-weight:650}
.mm-ai-card__foot{display:inline-flex;align-items:center;gap:6px;color:var(--mm-ai-muted);font-size:13px}
.mm-ai-card__foot svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}

.mm-ai-steps__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mm-ai-steps__list li{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.4}
.mm-ai-steps__n{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--mm-ai-line);background:#fff;font-size:13px;font-weight:700;color:var(--mm-ai-muted)}
.mm-ai-steps__note{margin:0;padding-top:16px;font-size:14px;line-height:1.5;color:var(--mm-ai-muted)}
.mm-ai-steps__link{display:inline-flex;align-items:center;gap:4px;margin-top:12px;color:var(--mm-ai-accent)!important;font-weight:650;font-size:15px;text-decoration:none}
.mm-ai-steps__link:hover{text-decoration:underline}
.mm-ai-steps__link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[dir=rtl] .mm-ai-steps__link svg,[dir=rtl] .mm-ai-pill__chev{transform:scaleX(-1)}

@media (max-width:900px){
  .mm-ai-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"window" "prompts" "steps";gap:24px;margin-top:32px}
  .mm-ai-window__body{min-height:340px;padding:18px 14px 20px}
  .mm-ai-q{max-width:90%}
}
@media (max-width:400px){.mm-ai-window__title{display:none}.mm-ai-window__body{min-height:360px}}
@media (prefers-reduced-motion:reduce){
  .mm-ai-sec *,.mm-ai-sec *::before,.mm-ai-sec *::after{animation:none!important;transition:none!important}
}