/* Myyvä apuri: alasivujen apurikupla, puhelimen "Kysy apurilta" -palkki, etusivun toimialavalinta ja apurin esittelyrivi. */
.apuri-kupla { position: fixed; z-index: 60; right: 20px; bottom: 20px; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; max-width: min(320px, calc(100vw - 32px)); pointer-events: none; }
.apuri-kupla > * { pointer-events: auto; }
.apuri-kupla__btn { display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 22px 0 18px; border-radius: 999px; background: var(--blue, #1448e6); color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; box-shadow: 0 16px 36px -12px rgba(20,72,230,.8); }
.apuri-kupla__btn:hover { background: var(--blue-d, #0f37b4); }
.apuri-kupla__btn:focus-visible, .apuri-kupla__ask:focus-visible, .apuri-kupla__close:focus-visible { outline: 3px solid var(--blue, #1448e6); outline-offset: 3px; }
.apuri-kupla__bubble { position: relative; display: flex; align-items: flex-start; gap: 6px; padding: 14px 10px 14px 16px; border-radius: 16px 16px 4px 16px; background: #fff; color: var(--ink, #10131a); box-shadow: 0 18px 40px -18px rgba(16,19,26,.45), 0 0 0 1px rgba(16,19,26,.08); opacity: 0; transform: translateY(8px); transition: opacity .25s ease-out, transform .25s ease-out; }
.apuri-kupla__bubble.is-in { opacity: 1; transform: none; }
.apuri-kupla__ask { color: inherit; font-size: 15px; line-height: 1.4; font-weight: 600; text-decoration: none; }
.apuri-kupla__ask:hover { color: var(--blue, #1448e6); }
.apuri-kupla__close { flex: none; width: 32px; height: 32px; margin: -6px -2px 0 0; border: 0; border-radius: 50%; background: transparent; color: var(--muted, #5b6270); font-size: 20px; line-height: 1; cursor: pointer; }
.apuri-kupla__close:hover { background: rgba(16,19,26,.06); }
@media (prefers-reduced-motion: reduce) { .apuri-kupla__bubble { transition: none; transform: none; } }
@media (max-width: 640px) {
  .apuri-kupla { left: 16px; right: 16px; bottom: calc(12px + env(safe-area-inset-bottom)); max-width: none; align-items: stretch; }
  .apuri-kupla__btn, .nk-launcher { justify-content: center; min-height: 52px; }
  .nk-launcher { left: 16px; right: 16px; bottom: calc(12px + env(safe-area-inset-bottom)); }
  body:has(.apuri-kupla) .site-footer { padding-bottom: 84px; }
}

/* Etusivun yläosan toimialavalinta: valinta lähettää oikealle apurille pyynnön näyttää esimerkkivastaus. */
.hero__alat { margin: 18px 0 20px; }
.hero__alat-title { margin: 0 0 10px; font-size: 14.5px; font-weight: 600; color: var(--ink, #0E1116); }
.hero__alat-list { display: flex; flex-wrap: wrap; gap: 8px; }
.hero__alat-list button { min-height: 40px; padding: 0 13px; border: 1px solid rgba(20,72,230,.28); border-radius: 999px; background: rgba(20,72,230,.06); color: var(--blue, #1448E6); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .15s ease-out, border-color .15s ease-out; }
.hero__alat-list button:hover { background: rgba(20,72,230,.12); border-color: rgba(20,72,230,.5); }
.hero__alat-list button:focus-visible { outline: 3px solid var(--blue, #1448E6); outline-offset: 2px; }
@media (max-width: 640px) { .hero__alat-list button { flex: 1 1 calc(50% - 8px); min-height: 44px; font-size: 15px; } }

/* Apurin esittelyrivi: kävijä tietää käyttävänsä samaa tuotetta, jota hänelle myydään. */
.tryit__head .tryit__meta { margin: 10px 0 0; padding: 10px 14px; border-left: 3px solid var(--blue, #1448E6); background: rgba(20,72,230,.05); border-radius: 0 10px 10px 0; font-size: 15px; color: var(--muted, #596170); }
.tryit__meta strong { color: var(--ink, #0E1116); }