:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) {
  font-size:18px;
  line-height:1.55;
  color:#20242a;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal),
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) *,
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) *:before,
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) *:after {
  box-sizing:border-box;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .container {
  width:var(--bdc-container-width,min(calc(100% - clamp(15px, 9.0278vw, 130px) - clamp(15px, 9.0278vw, 130px)),1440px));
  max-width:var(--bdc-container-max,1440px);
  margin:0 auto;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder,.gr-refresh,.wr-refresh) .container.bdc-container-narrow {
  width:min(calc(100% - 30px),1200px) !important;
  max-width:1200px !important;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.gr-refresh,.wr-refresh) .container.bdc-container-full {
  width:100% !important;
  max-width:none !important;
}

/* Shared foundation for the Game Recorder and Webcam Recorder solution pages. */
:is(.gr-refresh,.wr-refresh) { --txt-gradient:linear-gradient(90deg,#1269ee 0%,#7258f6 52%,#ec4e8d 100%); font-size:18px; line-height:1.55; color:#20242a; }
:is(.gr-refresh,.wr-refresh),
:is(.gr-refresh,.wr-refresh) *,
:is(.gr-refresh,.wr-refresh) *:before,
:is(.gr-refresh,.wr-refresh) *:after { box-sizing:border-box; }
:is(.fsr-refresh,.gr-refresh,.wr-refresh) > section { overflow:hidden; background:#fff; }
:is(.fsr-refresh,.gr-refresh,.wr-refresh) > section > .container { line-height:1.55; }
:is(.fsr-refresh,.gr-refresh,.wr-refresh) > .solution-hero { background:linear-gradient(135deg,#f6f9ff 0%,#f5f0ff 52%,#fff5f8 100%); }
main.solution > .solution-hero > .container {
  width:min(calc(100% - clamp(8px, 4.5139vw, 65px) - clamp(8px, 4.5139vw, 65px)),1440px);
  max-width:1440px;
  margin:0 auto;
}
:is(.gr-refresh,.wr-refresh) .hero-visual img { display:block; width:100%; max-width:100%; height:auto; margin:0 auto; }
.solution-hero .hero-visual > .r-btn {
  position:absolute;
  z-index:2;
  top:var(--solution-play-top,40%);
  left:var(--solution-play-left,50%);
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:84px;
  height:60px;
  margin:0;
  padding:0 0 0 4px;
  transform:translate(-50%,-50%);
  border:2px solid rgba(255,255,255,.85) !important;
  border-radius:14px;
  background:rgba(15,20,28,.65);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:0 6px 22px rgba(0,0,0,.28);
  color:#fff;
  font-size:26px;
  font-weight:700;
  line-height:1;
  text-align:center;
  text-decoration:none !important;
  transition:background .2s ease,box-shadow .2s ease;
}
.solution-hero .hero-visual > .r-btn:hover,.solution-hero .hero-visual > .r-btn:focus { background:rgba(15,20,28,.88); box-shadow:0 8px 28px rgba(0,0,0,.4); color:#fff; }
.solution-hero .hero-visual > .r-btn:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.solution-hero .hero-visual > .r-btn .glyphicon { top:0; }
.solution-overview { background:#f8fbff; }
.solution-overview .embed-responsive { overflow:hidden; border:1px solid #dfe7f2; border-radius:16px; box-shadow:0 18px 38px rgba(34,55,95,.12); }
.solution-gallery { background-color:#f4f4f4; }
.solution-overview .index-container { height:auto; min-height:0; margin-top:22px; padding:22px 26px; border:1px solid #dfe7f2; border-radius:14px; background:#f8fbff !important; }
.solution-overview .index-container .row { margin-top:5px; padding-top:4px; padding-bottom:5px !important; }
.solution-overview .index-container a { display:block; padding:4px 0; text-decoration:none; }
.solution-overview .index-container a p { margin:1px 0 0 !important; color:#45505f; }
.solution-product-features .solution-features-main { max-width:1440px; }
.solution-product-features .solution-features-main .content { max-width:1180px; margin:0 auto; }
.solution-product-features .solution-features-main .content > .row { display:flex; align-items:center; gap:120px; margin:0; padding:42px 0; border-top:0; }
.solution-product-features .solution-features-main .content > .row:first-child { padding-top:0; }
.solution-product-features .solution-features-main .content > .row.feature-reverse { flex-direction:row-reverse; }
.solution-product-features .solution-features-main .content > .row > [class*=col-] { float:none; flex:1 1 0; width:auto; min-width:0; padding:0; }
.solution-product-features .solution-features-main .content > .row > .col-sm-push-6 { left:auto; }
.solution-product-features .solution-features-main .content > .row > .col-sm-pull-6 { right:auto; }
.solution-product-features .solution-features-main .content img { float:none !important; width:100%; max-width:618px; margin:0 auto; border:0; border-radius:0; box-shadow:none; }
:is(.gr-refresh,.wr-refresh) .solution-features-sub { background:#f8fbff; }
:is(.gr-refresh,.wr-refresh) .solution-features-sub div[class*=col-] { min-height:0; margin-bottom:20px; padding:26px 24px; border:1px solid #dfe7f2; border-radius:14px; background:#fff; }
:is(.gr-refresh,.wr-refresh) .solution-faq li { list-style:none; margin-bottom:12px; padding:0 !important; }
:is(.gr-refresh,.wr-refresh) .solution-faq li a { display:block; padding:16px 20px; border:1px solid #dfe7f2; border-radius:10px; background:#fff; color:#1d2b40; text-align:left; text-decoration:none; }
:is(.gr-refresh,.wr-refresh) .solution-faq li a:hover { border-color:#bfd3ef; background:#f8fbff; }
@media screen and (max-width:767px) {
  :is(.gr-refresh,.wr-refresh) { font-size:16px; }
  .solution-product-features .solution-features-main .content > .row,.solution-product-features .solution-features-main .content > .row.feature-reverse { display:block; }
  .solution-product-features .solution-features-main .content > .row { padding:32px 0; }
  .solution-product-features .solution-features-main .content > .row > [class*=col-] + [class*=col-] { margin-top:24px; }
}
/* AI Transcription typography is the shared type scale for every solution page. */
.solution { font-size:clamp(16px,1.4vw,18px); line-height:1.55; color:#20242a; }
.solution h1 { font-size:clamp(28.8px,3.6vw,46px); font-weight:700; margin-top:.3em; margin-bottom:.55em; line-height:1.12; letter-spacing:0; }
.solution h2 { font-size:clamp(19.2px,2.8vw,36px); font-weight:600; margin-top:0; margin-bottom:1.4em; line-height:1.35; text-align:center; letter-spacing:0; }
.solution h3 { font-size:clamp(16px,2vw,25px); font-weight:600; margin:1em 0 .65em; line-height:1.35; letter-spacing:0; }
.solution p { margin:0 0 1em !important; color:inherit; font-size:inherit; }
.solution h1 + p,
.solution h2 + p { font-size:18px; line-height:1.55; }
.solution h3 + p { font-size:clamp(15px,1.25vw,17px); line-height:1.55; }
.solution-tips .tip-preview { display:block; width:335px; max-width:100%; height:auto; aspect-ratio:335 / 200; object-fit:cover; margin:0 auto; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) img { max-width:100%; height:auto; display:block; margin:0 auto; }
.solution .cta-band-actions .winicon,
.solution .cta-band-actions .macicon {
  flex:0 0 auto;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
}
.solution .cta-band-actions .winicon,
.solution .cta-band-actions .macicon {
  width:24px;
  height:24px;
  margin:0;
  vertical-align:baseline;
}
.solution .cta-band-actions .winicon { background-image:url('/v/ai-transcription/win-icon.png'); }
.solution .cta-band-actions .macicon { background-image:url('/v/ai-transcription/mac-icon.png'); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.gr-refresh,.wr-refresh) .txt-gradient {
  background:var(--txt-gradient);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.gr-refresh,.wr-refresh) .hero-title-main { display:block; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .hero-title-sub {
  display:block;
  max-width:640px;
  margin-top:12px;
  font-size:58%;
  font-weight:500;
  line-height:1.28;
}
.ai-transcription-prime,
.auto-zoom-prime,
.webcam-bg-removal-prime {
  position:relative;
  background:var(--prime-bg);
}
.solution-read-features {
  background:#f8fbff !important;
  border-top:1px solid #e5edf7;  
  border-bottom:1px solid #e5edf7;
}
.solution .section-head,
.solution .read-section-head,
.solution .workflow-showcase-head,
.solution .use-case-head {
  width:100%;
  min-width:0;
  max-width:1100px;
  margin:0 auto 3em;
  text-align:center;
}
.solution .section-head h2,
.solution .read-section-head h2,
.solution .workflow-showcase-head h2,
.solution .use-case-head h2 { margin-bottom:.55em; }
.solution .section-head > p,
.solution .read-section-head > p,
.solution .workflow-showcase-head > p,
.solution .use-case-head > p {
  max-width:1000px;
  margin:0 auto !important;
  color:#45505f;
  text-align:center;
  white-space:normal;
}
@media screen and (max-width:991px) {
  .solution .section-head,
  .solution .read-section-head,
  .solution .workflow-showcase-head,
  .solution .use-case-head { min-width:0; width:100%; }
}
.solution-read-features .read-feature-list { display:grid; gap:0; width:100%; margin:0 auto; }
.solution-read-features .read-feature { display:flex; align-items:center; justify-content:center; gap:80px; padding:42px 0; border-top:0; }
.solution-read-features .read-feature:first-child { padding-top:0; }
.solution-read-features .read-feature.reverse { flex-direction:row-reverse; }
.solution-read-features .read-feature-copy { flex:1 1 0; max-width:700px; min-width:0; }
.solution-read-features .read-feature-num { display:block; margin:0 0 16px; color:#8ca0ba; font-family:inherit; font-size:14px; font-weight:700; line-height:1.2; letter-spacing:.08em; }
.solution-read-features .read-feature-copy h3 { margin:0 0 .65em; font-size:clamp(18px,2vw,28px); }
.solution-read-features .read-feature-copy p { margin:0 !important; color:#45505f; font-size:18px; }
.solution-read-features .read-feature-copy p + p { margin-top:1em !important; }
.solution-read-features .read-feature-shot { flex:1 1 0; display:flex; align-items:center; justify-content:center; min-width:0; max-width:640px; overflow:visible; padding:10px; border:1px solid #e4ebf5; outline:0; border-radius:18px; background:linear-gradient(180deg,#f9fbff 0%,#f4f8ff 100%); box-shadow:0 14px 32px rgba(34,55,95,.08); }
.solution-read-features .read-feature-shot img,
.solution-read-features .content > .row > [class*=col-]:first-child > img { display:block; max-width:100%; height:auto; border:1px solid #e4ebf5 !important; border-radius:14px; box-shadow:0 14px 32px rgba(34,55,95,.08) !important; }
.solution-read-features .read-feature-shot img { width:100%; }
.solution-read-features .content > .row > [class*=col-]:first-child .read-feature-shot { width:100%; max-width:502px; margin:0 auto; }
.audio-recorder-feature .read-feature-shot { width:100%; max-width:576px; margin:0; }
.audio-recorder .feature-kicker { display:block; margin-bottom:12px; color:var(--feature-kicker-color,#006cfc); font-size:16px; font-weight:700; text-transform:uppercase; }
.audio-recorder .workflow-showcase-shot { max-width:780px; margin:0 auto 2.2em; padding:10px; border:1px solid #dfe7f2; border-radius:8px; background:#fff; box-shadow:0 18px 38px rgba(34,55,95,.12); }
.audio-recorder .workflow-showcase-shot img { width:100%; border-radius:6px; box-shadow:none; }
.audio-recorder .workflow-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1040px; margin:0 auto; padding:10px 0 0; }
.audio-recorder .workflow-step { min-height:172px; padding:24px 24px 22px; border:1px solid #dfe7f2; border-radius:16px; background:#fff; box-shadow:0 10px 22px rgba(34,55,95,.06); }
.audio-recorder .workflow-step-index,.audio-recorder .use-case-icon { display:block; margin-bottom:16px; color:var(--feature-kicker-color,#006cfc); font-size:14px; font-weight:700; letter-spacing:normal; text-transform:uppercase; }
.audio-recorder .workflow-step h3,.audio-recorder .use-case-card h3 { margin:0 0 .55em; font-size:clamp(16px,2vw,25px); }
.audio-recorder .workflow-step p,.audio-recorder .use-case-card p { margin:0 !important; color:#45505f; font-size:clamp(15px,1.25vw,17px); }
.audio-recorder .use-case-cards { display:grid; grid-template-columns:repeat(3,minmax(0,320px)); gap:30px; justify-content:center; }
.audio-recorder .use-case-card { position:relative; min-height:176px; padding:30px 24px 28px; border:1px solid #dfe7f2; border-radius:8px; background:#fff; overflow:hidden; }
.audio-recorder .use-case-card:before { content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:var(--usecase-topline,#006cfc); }
@media screen and (max-width:767px) { .audio-recorder .workflow-steps,.audio-recorder .use-case-cards { grid-template-columns:1fr; gap:18px; } .audio-recorder .workflow-step,.audio-recorder .use-case-card { min-height:0; padding:22px 20px; } }
@media screen and (min-width:768px) { .solution-read-features .read-feature-copy { transform:translateY(-16px); } }
@media screen and (max-width:767px) {
  .solution .section-head,
  .solution .read-section-head,
  .solution .workflow-showcase-head,
  .solution .use-case-head { min-width:0; width:100%; }
  .solution-read-features .read-feature,.solution-read-features .read-feature.reverse { flex-direction:column; gap:clamp(20px,5vw,28px); padding:clamp(24px,4vw,32px) 0; }
  .solution-read-features .read-feature-copy,.solution-read-features .read-feature-shot { width:100%; flex-basis:auto; }
  .solution-read-features .read-feature-copy { transform:none; text-align:left; }
  .solution-read-features .read-feature-shot { padding:8px; border:1px solid #e4ebf5; border-radius:10px; background:#fff; box-shadow:0 18px 38px rgba(34,55,95,.12); }
  .solution-read-features .read-feature-shot img { border-radius:6px; box-shadow:none !important; }
}
.solution-hero .hero-layout { display:flex; align-items:center; gap:52px; }
main.solution > .solution-hero > .container { padding-top:4.2em; padding-bottom:4.5em; }
.solution-hero .hero-copy { flex:0 0 42%; }
.solution-hero .hero-copy h1 { margin:.3em 0 .45em; font-size:clamp(36px,3.6vw,46px); font-weight:700; line-height:1.12; letter-spacing:0; }
.solution-hero .hero-copy > p { font-size:clamp(17px,1.55vw,20px); line-height:1.55; color:#303844; }
.solution-hero .hero-visual { position:relative; flex:0 1 700px; width:100%; max-width:700px; margin-left:auto; }
.solution-hero .hero-copy,
.solution-hero .hero-visual { min-width:0; }
.solution-hero .hero-visual > div { width:100%; }
.solution-hero .hero-visual img,
.solution-hero .hero-visual video { width:100%; height:auto; margin:0; }
.solution-hero .hero-preview-card {
  position:relative;
  padding:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .hero-preview-card img { border-radius:12px; box-shadow:0 8px 18px rgba(0,0,0,.13); }
.solution-hero .platform-downloads {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:var(--platform-downloads-margin-top,1.6em);
}
.solution-hero .platform-downloads a {
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:var(--platform-btn-height,56px);
  padding:0 var(--platform-btn-pad-x,24px);
  border-radius:var(--platform-btn-radius,28px);
  font-size:var(--platform-btn-font-size,18px);
  font-weight:700;
  white-space:nowrap;
  text-decoration:none !important;
  border:1px solid #c8d8ee;
  background:#fff;
  color:#0f3f84;
  box-shadow:0 10px 22px rgba(34,55,95,.08);
}
.solution-hero .platform-downloads a:hover {
  border-color:#9fc0ea;
  background:#f8fbff;
  color:#0a336d;
  box-shadow:0 12px 24px rgba(34,55,95,.12);
}
.solution-hero .platform-downloads .winicon,
.solution-hero .platform-downloads .macicon {
  flex:0 0 auto;
  display:inline-block;
  width:24px;
  height:24px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
}
.solution-hero .platform-downloads .winicon { background-image:url('/v/ai-transcription/win-icon.png'); }
.solution-hero .platform-downloads .macicon { margin-right:-2px; background-image:url('/v/ai-transcription/mac-icon.png'); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .faq-section {
  background:#fbfcff;
  border-top:1px solid #edf1f7;
  border-bottom:0;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .faq-section h2 { margin-bottom:1em; }
:is(.fsr-refresh,.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .read-section-head .feature-kicker,
.audio-recorder .workflow-showcase-head .feature-kicker,
.audio-recorder .use-case-head .feature-kicker {
  display:block;
  margin-bottom:12px;
  color:var(--feature-kicker-color,#006cfc);
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-list { display:grid; gap:0; width:100%; max-width:none; margin:0 auto; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature { display:flex; align-items:center; justify-content:center; gap:80px; padding:42px 0; border-top:0; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature:first-child { border-top:0; padding-top:0; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature.reverse { flex-direction:row-reverse; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-copy { flex:1 1 0; max-width:700px; min-width:0; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-copy h3 { margin:0 0 .65em; white-space:var(--read-copy-h3-space,normal); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-copy p { margin:0 !important; color:#45505f; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-shot {
  flex:1 1 0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:640px;
  aspect-ratio:800 / 440;
}

.audio-recorder > .solution-workflow { background:#fff; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-showcase-shot {
  max-width:var(--workflow-showcase-max,880px);
  margin:0 auto 2.2em;
  padding:16px;
  border:1px solid #dfe7f2;
  border-radius:8px;
  background:#fff;
  box-shadow:0 18px 38px rgba(34,55,95,.12);
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .workflow-showcase-shot img { width:100%; border-radius:6px; box-shadow:none; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-steps { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:26px; max-width:1040px; margin:0 auto; padding:10px 0 0; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-step { position:relative; min-height:172px; padding:24px 24px 22px; border:1px solid #dfe7f2; border-radius:16px; background:#fff; box-shadow:0 10px 22px rgba(34,55,95,.06); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-step:after { content:""; position:absolute; top:38px; left:100%; width:26px; height:1px; background:#cfd9e8; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-step:last-child:after { display:none; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-step-index {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin-bottom:16px;
  border-radius:17px;
  background:var(--workflow-index-bg,linear-gradient(135deg,#0a6dff 0%,#7f5dff 100%));
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:1;
}
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .workflow-step h3 { margin:0 0 .55em; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .workflow-step p { margin:0 !important; color:#45505f; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .guide-links { display:flex; justify-content:center; margin-top:24px; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .guide-link-card { display:inline-flex; align-items:center; gap:12px; min-width:0; padding:12px 16px; border:1px solid #dfe7f2; border-radius:8px; background:#f8fbff; color:#415066; text-decoration:none !important; transition:border-color .15s linear,background .15s linear,color .15s linear; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .guide-link-card[hidden] { display:none !important; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .guide-link-card:hover { border-color:#bfd3ef; background:#fff; color:#0f2748; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .guide-link-label { display:block; margin-bottom:6px; color:#006cfc; font-size:12px; font-weight:700; line-height:1.1; letter-spacing:.02em; text-transform:uppercase; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .guide-link-title { display:block; font-size:16px; font-weight:700; line-height:1.25; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .guide-link-arrow { color:#006cfc; font-size:16px; line-height:1; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .guide-link-copy { display:block; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-cards { display:grid; grid-template-columns:var(--usecase-grid-template,repeat(auto-fit,minmax(260px,320px))); gap:30px; justify-content:center; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card { position:relative; min-height:176px; max-width:320px; width:100%; padding:30px 24px 28px; border:1px solid #dfe7f2; border-radius:8px; background:#fff; overflow:hidden; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card:before { content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:var(--usecase-topline); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .use-case-card h3 { margin:0 0 .55em; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card p { margin:0 !important; color:#2f3a46; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card.cyan { background:var(--usecase-cyan-bg); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card.yellow { background:var(--usecase-yellow-bg); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card.peach { background:var(--usecase-peach-bg); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .use-case-card.green { background:var(--usecase-green-bg,transparent); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-icon { display:block; margin-bottom:18px; color:var(--usecase-icon-base,#006cfc); font-size:15px; font-weight:700; text-transform:uppercase; }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card.cyan .use-case-icon { color:var(--usecase-icon-cyan); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card.yellow .use-case-icon { color:var(--usecase-icon-yellow); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card.peach .use-case-icon { color:var(--usecase-icon-peach); }
:is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .use-case-card.green .use-case-icon { color:var(--usecase-icon-green,var(--usecase-icon-base,#006cfc)); }
.solution .container.cta-band-wrap { padding-top:clamp(2.5em,6vw,5em) !important; padding-bottom:clamp(2.5em,6vw,5em); }
.solution .cta-band {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  width:100%;
  max-width:1040px;
  margin:0 auto;
  padding:36px 42px;
  border-radius:22px;
  background:linear-gradient(90deg,#5549df 0%,#557dff 52%,#28a7df 100%);
  box-shadow:0 18px 38px rgba(54,82,190,.2);
}
.solution .cta-band-copy { flex:1 1 auto; max-width:520px; }
.solution .cta-band-copy h2 { margin:0; color:#fff; font-size:34px; font-weight:600; line-height:1.24 !important; text-align:left; }
.solution .cta-band-copy h2 .cta-break { display:block !important; padding-top:6px; }
.solution .cta-band-actions { display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:flex-end; }
.solution .cta-band-actions a { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:0; height:var(--platform-btn-height,56px); padding:0 var(--platform-btn-pad-x,24px); border-radius:var(--platform-btn-radius,28px); background:#fff; color:#1b4ea7; font-size:var(--platform-btn-font-size,18px); font-weight:700; white-space:nowrap; text-decoration:none !important; box-shadow:0 10px 22px rgba(34,55,95,.08); }
.solution .cta-band-actions a:hover { background:#f3f8ff; color:#123d87; }
.solution .cta-band:has(.cta-band-actions > a:only-child) .cta-band-copy { max-width:none; }
@media screen and (min-width:768px) {
  .solution .cta-band-copy { min-width:0; }
  .solution .cta-band-actions { flex:0 0 auto; flex-wrap:nowrap; }
  .solution .cta-band-actions a { width:auto; }
}
.solution-common-faq { width:100%; max-width:1200px; margin:0 auto; }
.solution-common-faq .panel { overflow:hidden; margin:0; border:1px solid #ddd; border-radius:4px; box-shadow:none; }
.solution-common-faq .panel-heading { padding:0; background:#f5f5f5; }
.solution-common-faq .panel-title > a { display:block; padding:25px 50px 20px 25px; color:#333; text-decoration:none; }
.solution-common-faq .panel-title h3 { margin:0; font-size:clamp(16px,1.6vw,20px) !important; line-height:1.35 !important; }
.solution-common-faq .panel-body { padding:25px; background:#fafafa; color:#333; }
.solution-review { background:linear-gradient(135deg,#eef7ff 0%,#f5efff 100%) !important; }
.solution-review > .container { background:none !important; }
.solution-review .reviews-heading { margin:0; text-align:center; }
.solution-review .review-rating { margin:18px auto 0; text-align:center; }
.solution-review .review-rating .rating-box { height:34px; margin:0; }
.solution-review .review-rating .rating-stars { height:34px; }
.solution-review .review-rating .rating-box i,.solution-review .review-rating .rating-box i.active { width:34px; height:34px; background-size:30px 30px; }
.solution-review .review-rating .rating-count { padding-left:10px !important; font-size:22px; line-height:34px; }
.solution-review .reviews-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:32px; }
.solution-review .review-card { display:block; min-height:0; padding:30px 32px; border:1px solid #dce6f4; border-radius:16px; background:#fff; box-shadow:0 10px 24px rgba(34,55,95,.08); }
.solution-review .reviewer { display:flex; align-items:center; gap:14px; margin:0 0 18px; }
.solution-review .reviewer-avatar { display:block; flex:0 0 52px; width:52px; height:52px; margin:0; border-radius:50%; }
.solution-review .reviewer strong { display:block; color:#202b3d; font-size:16px; font-weight:700; line-height:1.25; }
.solution-review .review-stars { display:block; margin-top:3px; color:#ffad00; font-size:15px; line-height:1; letter-spacing:1px; }
.solution-review .review-card p { margin:0 !important; color:#354154; font-size:16px; line-height:1.65; }
.solution-review .review-card:before,.solution-review .review-quote-start { display:none; }
.solution-review .g-link { margin-top:24px; text-align:center; font-size:14px; }
.solution-review > .container > .row { display:none; }
.solution-review .review-slider-controls { display:none; }
.solution-gallery .solution-carousel { margin-top:5em; }
.solution-gallery .carousel-inner .item { background:transparent !important; height:100%; min-height:0 !important; max-height:none !important; }
.solution-gallery .carousel-txt { display:block; color:#202b3d; text-shadow:none; text-align:center; margin-bottom:24px; font-size:22px; }
.solution-gallery .carousel-img { display:block; width:72%; max-width:850px; margin:0 auto; text-align:center; padding-bottom:16px; }
.solution-gallery .carousel-img img { border-radius:18px; margin:0 auto; box-shadow:0 10px 24px rgba(34,55,95,.12); }
.solution-gallery .carousel-indicators { position:static !important; left:auto; bottom:auto; display:block; width:100% !important; margin:0 auto 20px auto !important; padding-top:2rem; }
.solution-gallery .carousel-indicators li { display:inline-block; width:16px !important; height:16px !important; border-radius:8px !important; margin:2px !important; text-indent:-999px; border:#9c9ef2 !important; cursor:pointer; background-color:#9c9ef2 !important; transition:all .2s linear; }
.solution-gallery .carousel-indicators .active { width:60px !important; background-color:#4f59e8 !important; }
.solution-gallery .carousel-control { display:block; top:0; width:120px; margin-top:4.2rem; height:72%; opacity:1; }
.solution-gallery .carousel-control.left { background:url(/mac/img/steps-prev.png) no-repeat center; }
.solution-gallery .carousel-control.right { background:url(/mac/img/steps-next.png) no-repeat center; }
@media screen and (max-width:767px) {
  .solution p { font-size:15px !important; }
  .solution-review .reviews-grid {
    display:flex;
    grid-template-columns:none;
    gap:16px;
    margin-top:32px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .solution-review .reviews-grid::-webkit-scrollbar { display:none; }
  .solution-review .review-card { flex:0 0 100%; scroll-snap-align:start; scroll-snap-stop:always; }
  .solution-review .review-card { padding:24px; border-radius:16px; }
  .solution-review .review-slider-controls { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:16px; }
  .solution-review .review-slider-button { box-sizing:border-box !important; display:inline-flex; flex:0 0 38px; align-items:center; justify-content:center; width:38px !important; min-width:38px !important; height:38px !important; min-height:38px !important; padding:0 !important; border:1px solid #cbd9ed; border-radius:50% !important; aspect-ratio:1 / 1; background:#fff; color:#1f5fbb; font-size:22px; line-height:1; cursor:pointer; }
  .solution-review .review-slider-button:hover:not(:disabled) { border-color:#176af2; background:#176af2; color:#fff; }
  .solution-review .review-slider-button:disabled { opacity:.35; cursor:default; }
  .solution-review .review-slider-status { min-width:44px; color:#526176; font-size:14px; font-weight:700; text-align:center; }
  .solution-gallery .solution-carousel { margin-top:3em; }
  .solution-gallery .carousel-txt { margin-bottom:18px; font-size:18px; }
  .solution-gallery .carousel-img { width:86%; }
  .solution-gallery .carousel-control { width:30px !important; height:70%; margin-top:3.2rem; }
  .solution-gallery .carousel-control.left { background-size:40%; margin-left:-10px; }
  .solution-gallery .carousel-control.right { background-size:40%; margin-right:-10px; }
  .solution-gallery .carousel-indicators { padding-top:1rem !important; }
  .solution-gallery .carousel-indicators li { width:10px !important; height:10px !important; border-radius:5px !important; }
  .solution-gallery .carousel-indicators .active { width:40px !important; }
  .fsr-overview .embed-responsive,
  .fsr-overview .index-container {
    position:relative;
    left:50%;
    width:calc(100vw - 40px) !important;
    margin-right:0 !important;
    margin-left:0 !important;
    transform:translateX(-50%);
  }
  .fsr-overview .embed-responsive:not(.index-container) { height:calc(56.25vw - 22.5px) !important; }
  .fsr-overview .embed-responsive .youtube { width:100% !important; height:100% !important; }
}
@media screen and (max-width:991px) {
  main.solution > .solution-hero > .container { padding-top:clamp(2.4em,calc(1.4em + 2vw),3.5em); padding-bottom:clamp(2.8em,calc(1.7em + 2vw),4em); }
  .solution-hero .hero-layout { display:block; }
  .solution-hero .hero-copy { flex-basis:auto; }
  .solution-hero .hero-copy h1 { text-align:center; }
  .solution-hero .hero-visual { margin:32px auto 0; }
  .solution-hero .platform-downloads { flex-wrap:wrap; justify-content:center; }
  .solution-hero .platform-downloads a { height:50px; padding:0 20px; font-size:15px; }
  .solution .cta-band-actions a { height:50px; padding:0 20px; font-size:15px; }
}
@media screen and (max-width:767px) {
  :is(.fsr-refresh,.ai-transcription,.auto-zoom,.webcam-bg-removal) h1 { text-align:center; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .hero-title-sub { margin-top:8px; font-size:58%; }
  .solution-hero .hero-copy { text-align:center; }
  .solution-hero .hero-visual { margin:28px auto 0; }
  .solution-hero .platform-downloads { justify-content:center; }
  .solution .section-head,
  .solution .read-section-head,
  .solution .workflow-showcase-head,
  .solution .use-case-head { margin-bottom:2em; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-list { width:100%; margin-left:0; margin-right:0; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature,
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature.reverse { display:block; padding:28px 0; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-shot { width:100%; max-width:var(--workflow-showcase-max,880px); margin:0 auto; aspect-ratio:auto; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-copy { margin-bottom:20px; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal) .read-feature-copy h3 { white-space:normal; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-showcase-shot { margin-bottom:2em; padding:10px; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-steps { grid-template-columns:1fr; gap:18px; padding-top:0; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-step { min-height:0; padding:22px 20px 20px; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-step:after { display:none; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .guide-links { display:block; margin-top:22px; text-align:center; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh,.audio-recorder) .guide-link-card { width:100%; max-width:var(--workflow-showcase-max,880px); margin:12px auto 0; justify-content:space-between; text-align:left; }
  .solution .cta-band { display:block; max-width:none; padding:24px 22px; text-align:center; }
  .solution .cta-band-copy { max-width:none; }
  .solution .cta-band-copy h2 { font-size:clamp(22.4px,4.7vw,28px); text-align:center; }
  .solution .cta-band-actions { flex-wrap:wrap; justify-content:center; margin-top:18px; }
  .solution .cta-band-actions a { width:auto; max-width:none; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .guide-link-label { margin-bottom:5px; font-size:10px; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.fsr-refresh,.wr-refresh) .guide-link-title { font-size:15px; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-cards { width:100%; max-width:var(--workflow-showcase-max,880px); margin:0 auto; grid-template-columns:1fr; gap:14px; }
  :is(.ai-transcription,.auto-zoom,.webcam-bg-removal,.audio-recorder) .use-case-card { width:100%; max-width:none; min-height:0; margin:0 auto; padding:24px 22px; }
}
.audio-recorder { font-size:18px; line-height:1.55; color:#20242a; }
.audio-recorder,.audio-recorder *,.audio-recorder *:before,.audio-recorder *:after { box-sizing:border-box; }
.audio-recorder .container { width:var(--bdc-container-width,min(calc(100% - clamp(15px,9.0278vw,130px) - clamp(15px,9.0278vw,130px)),1440px)); max-width:var(--bdc-container-max,1440px); margin:0 auto; }
.audio-recorder-prime { position:relative; background:var(--prime-bg); }
.audio-recorder .hero-preview-card img { border-radius:12px; box-shadow:0 8px 18px rgba(0,0,0,.13); }
.solution > section:not(.solution-hero) > .container { padding-top:clamp(2.5em,6vw,5em); padding-bottom:clamp(2.5em,6vw,5em); }
main.solution.audio-recorder > .solution-hero > .container { width:min(calc(100% - clamp(8px,4.5139vw,65px) - clamp(8px,4.5139vw,65px)),1440px); max-width:1440px; margin:0 auto; padding-top:4.2em; padding-bottom:4.5em; }
:is(.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-showcase-head { min-width:0; }
:is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-showcase-tabs { display:flex; justify-content:center; margin:0 0 1em; }
:is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-tablist { display:inline-flex; gap:4px; padding:4px; border:1px solid #d9e4f0; border-radius:999px; background:#f4f8fc; box-shadow:inset 0 1px 0 rgba(255,255,255,.7); }
:is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-os-tab { display:inline-flex; align-items:center; justify-content:center; min-width:96px; height:36px; padding:0 18px; border:0; border-radius:999px; background:transparent; color:#5f6d80; font-size:14px; font-weight:700; line-height:1; cursor:pointer; transition:background .15s linear,color .15s linear,box-shadow .15s linear; }
:is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-os-tab:hover { color:#1f2937; }
:is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-os-tab.active { background:#0a6dff; color:#fff; box-shadow:0 6px 14px rgba(10,109,255,.22); }
:is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-os-tab:focus-visible { outline:2px solid #176af2; outline-offset:3px; }
@media screen and (max-width:767px) {
  :is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-showcase-tabs { margin-bottom:.9em; }
  :is(.ai-transcription,.fsr-refresh,.wr-refresh,.audio-recorder) .workflow-os-tab { min-width:82px; height:34px; padding:0 14px; font-size:13px; }
}
