/* SkiinOBS v539 — consolidated homepage overrides (late group). */

/* ===== source: mobile-tablet-phrase-safety-v524.css ===== */
/* SkiinOBS v524 — mobile/tablet layout + phrase safety
   Scope: homepage responsive wrapping + footer text safety only.
   No font family/size/weight/color changes. Desktop (>1024px) is untouched. */

@media (max-width:1024px){
  /* Remove viewport-height forcing on tablet/mobile hero. The existing responsive
     padding remains unchanged, so the visual hierarchy is preserved without the
     large empty bands caused by 100svh-style minimum heights. */
  html.ski-home-v417 main#top .jp-hero-redesign .jp-hero-shell{
    min-height:0!important;
    height:auto!important;
  }

  /* Let text containers actually shrink inside flex/grid layouts. */
  html.ski-home-v417 main#top :is(
    .jp-hero-copy,
    .jp-hero-copy h1,
    .loc-title-single,
    .loc-authored-line,
    .kr-section-head,
    .kr-editorial-head,
    .kr-preview-intro,
    .multistream-guide .head,
    .multistream-guide .section-title,
    .core-tech-section-head,
    .pricing .head
  ){
    min-width:0!important;
    max-width:100%!important;
  }

  /* Homepage headings: preserve typography, only make line wrapping safe. */
  html.ski-home-v417 main#top :is(
    h1,
    h2,
    h3,
    .marketing-title,
    .kr-unified-section-title,
    .multistream-guide .section-title
  ){
    max-width:100%!important;
    white-space:normal!important;
    text-wrap:balance;
  }

  /* Japanese / Chinese can wrap naturally between characters and punctuation. */
  html.ski-home-v417[lang="ja-JP"] main#top :is(
    h1,h2,h3,.marketing-title,.kr-unified-section-title,.loc-authored-line,.multistream-guide .section-title
  ),
  html.ski-home-v417[lang="zh-CN"] main#top :is(
    h1,h2,h3,.marketing-title,.kr-unified-section-title,.loc-authored-line,.multistream-guide .section-title
  ){
    word-break:normal!important;
    overflow-wrap:break-word!important;
    line-break:strict;
  }

  /* Korean keeps word units where possible, but may break a long token as a fallback. */
  html.ski-home-v417[lang="ko-KR"] main#top :is(
    h1,h2,h3,.marketing-title,.kr-unified-section-title,.loc-authored-line,.multistream-guide .section-title
  ){
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
  }

  /* Latin, Cyrillic and Thai: keep normal word wrapping, with a long-word fallback. */
  html.ski-home-v417:is([lang="en"],[lang="de"],[lang="fr"],[lang="es"],[lang="pt-BR"],[lang="ru"],[lang="th"]) main#top :is(
    h1,h2,h3,.marketing-title,.kr-unified-section-title,.loc-authored-line,.multistream-guide .section-title
  ){
    word-break:normal!important;
    overflow-wrap:break-word!important;
  }

  /* Footer: keep the current column/grid design; only prevent long localized labels
     from forcing a column or the page wider than the viewport. */
  html.ski-home-v417 .footer.footer-saas :is(
    .footer-saas-top,
    .footer-saas-brand,
    .footer-saas-column,
    .footer-saas-bottom,
    .legal-copy
  ){
    min-width:0!important;
    max-width:100%!important;
  }
  html.ski-home-v417 .footer.footer-saas .footer-saas-column>a,
  html.ski-home-v417 .footer.footer-saas .legal-copy,
  html.ski-home-v417 .footer.footer-saas .legal-copy a{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
}

@media (max-width:767px){
  /* Authored hero lines were designed as separate lines on desktop. On narrow screens
     they must be allowed to wrap internally instead of being clipped at the edge. */
  html.ski-home-v417 main#top .jp-hero-redesign .jp-hero-copy h1 :is(
    .loc-title-single,
    .loc-authored-line,
    .jp-hero-title-line
  ){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }

  /* The plugin-UI heading was inheriting keep-all in Japanese, which could make the
     full title render outside the viewport. Keep the existing font metrics and wrap it. */
  html.ski-home-v417[lang="ja-JP"] main#top .kr-preview-intro h2.kr-unified-section-title{
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    line-break:strict!important;
  }

  /* Long localized slider labels (notably German compounds) should wrap inside the
     existing label cell instead of enlarging the demo UI. */
  html.ski-home-v417 main#top .skiin-preview .skdemo-slider-label{
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }
}


/* v523 — phrase-aware wrapping refinements.
   These rules DO NOT change font family, size, weight, color, spacing scale,
   content order, or desktop layout. They only stop semantic words/phrases
   from being cut in visually awkward places on tablet/mobile. */
@media (max-width:1024px){
  /* Explicit semantic units added to Japanese headings. The browser may wrap
     between units (<wbr>), but never through a unit itself. */
  html.ski-home-v417[lang="ja-JP"] main#top .loc-word-unit{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }

  /* Do not use emergency mid-word splitting for headings in space-delimited
     languages. Normal spaces / punctuation / literal hyphens remain valid
     line-break opportunities. */
  html.ski-home-v417:is([lang="en"],[lang="de"],[lang="fr"],[lang="es"],[lang="pt-BR"],[lang="ru"]) main#top :is(
    h1,h2,h3,.marketing-title,.kr-unified-section-title,.multistream-guide .section-title
  ){
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  /* Korean already has spaces between semantic word units; keep them intact. */
  html.ski-home-v417[lang="ko-KR"] main#top :is(
    h1,h2,h3,.marketing-title,.kr-unified-section-title,.multistream-guide .section-title
  ){
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }

  /* Footer: undo emergency word splitting for languages that have natural
     word boundaries. This keeps words such as configuration / Datenschutz etc.
     intact while preserving the current grid/column structure. */
  html.ski-home-v417:is([lang="en"],[lang="de"],[lang="fr"],[lang="es"],[lang="pt-BR"],[lang="ru"]) .footer.footer-saas .footer-saas-column>a,
  html.ski-home-v417:is([lang="en"],[lang="de"],[lang="fr"],[lang="es"],[lang="pt-BR"],[lang="ru"]) .footer.footer-saas .legal-copy,
  html.ski-home-v417:is([lang="en"],[lang="de"],[lang="fr"],[lang="es"],[lang="pt-BR"],[lang="ru"]) .footer.footer-saas .legal-copy a{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  html.ski-home-v417[lang="ko-KR"] .footer.footer-saas .footer-saas-column>a{
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }

  /* Japanese footer labels all fit inside the existing tablet columns and the
     single mobile column. Keeping each label intact avoids cuts such as
     プライバシーポリ / シー without changing the footer layout. */
  html.ski-home-v417[lang="ja-JP"] .footer.footer-saas .footer-saas-column>a{
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }
}


/* Exact small-screen phrase breaks requested for the two large Japanese headings.
   Hidden on tablet/desktop; at phone widths they prevent the browser from choosing
   a visually awkward balanced break. */
br.loc-mobile-phrase-break{display:none}
@media (max-width:600px){
  html.ski-home-v417[lang="ja-JP"] main#top br.loc-mobile-phrase-break{
    display:block;
  }
}


/* v524 — Japanese semantic word grouping polish.
   Exact phone line breaks are authored in markup; semantic units remain indivisible
   on tablet/mobile. Typography and spacing remain unchanged. */
@media (max-width:1024px){
  html.ski-home-v417[lang="ja-JP"] main#top .jp-phrase-safe .loc-word-unit{
    display:inline-block;
    white-space:nowrap!important;
  }
}

/* Keep the requested Japanese phrase on one line on ordinary phone widths.
   On very narrow 320px-class screens, the wrapper may split only between
   semantic units, never through プラグイン / マルチ配信 themselves. */
@media (min-width:360px) and (max-width:600px){
  html.ski-home-v417[lang="ja-JP"] main#top .jp-phrase-safe .loc-mobile-line{
    white-space:nowrap!important;
  }
}
@media (max-width:359px){
  html.ski-home-v417[lang="ja-JP"] main#top .jp-phrase-safe .loc-mobile-line{
    white-space:normal!important;
  }
}


/* ===== source: multistream-visual-polish-v525.css ===== */
/* SkiinOBS v525 — multistream section visual polish
   Scope: multistream section only. No typography scale, font family, copy, or content order changes. */

main .multistream-guide .compare-grid{
  gap:0;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.24);
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.04);
}

main .multistream-guide .compare-card,
main .multistream-guide .compare-card.is-highlighted{
  display:flex;
  min-width:0;
  flex-direction:column;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  padding:27px 28px 25px;
}

main .multistream-guide .compare-card + .compare-card{
  border-left:1px solid rgba(226,232,240,.92);
}

main .multistream-guide .compare-summary{
  margin-top:10px;
}

main .multistream-guide .plugin-official-link{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:auto;
  padding-top:20px;
  line-height:1.35;
}

main .multistream-guide .compare-card:hover{
  background:#fbfdff;
}

main .multistream-guide .multistream-system-check{
  max-width:none;
  margin:22px auto 0;
  padding:24px 28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:34px;
  row-gap:7px;
  align-items:center;
  border:1px solid rgba(96,165,250,.22);
  border-radius:20px;
  background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);
  text-align:left;
  box-shadow:0 10px 26px rgba(37,99,235,.035);
}

main .multistream-guide .multistream-system-check h3{
  grid-column:1;
  grid-row:1;
  min-width:0;
}

main .multistream-guide .multistream-system-check p{
  grid-column:1;
  grid-row:2;
  max-width:760px;
  margin:0;
}

main .multistream-guide .multistream-system-check .btn{
  grid-column:2;
  grid-row:1 / span 2;
  margin:0;
  white-space:nowrap;
}

@media (max-width:980px){
  main .multistream-guide .compare-grid{
    border-radius:22px;
  }

  main .multistream-guide .compare-card + .compare-card{
    border-left:0;
    border-top:1px solid rgba(226,232,240,.92);
  }

  main .multistream-guide .compare-card,
  main .multistream-guide .compare-card.is-highlighted{
    padding:24px 26px 23px;
  }

  main .multistream-guide .plugin-official-link{
    margin-top:0;
    padding-top:14px;
  }

  main .multistream-guide .multistream-system-check{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto;
    row-gap:10px;
    padding:24px 26px;
  }

  main .multistream-guide .multistream-system-check h3,
  main .multistream-guide .multistream-system-check p,
  main .multistream-guide .multistream-system-check .btn{
    grid-column:1;
    grid-row:auto;
  }

  main .multistream-guide .multistream-system-check .btn{
    justify-self:start;
    margin-top:6px;
    white-space:normal;
  }
}

@media (max-width:640px){
  main .multistream-guide .compare-grid{
    margin-top:30px;
    border-radius:20px;
  }

  main .multistream-guide .compare-card,
  main .multistream-guide .compare-card.is-highlighted{
    padding:22px 20px 20px;
  }

  main .multistream-guide .compare-summary{
    margin-top:8px;
  }

  main .multistream-guide .plugin-official-link{
    padding-top:12px;
  }

  main .multistream-guide .multistream-system-check{
    margin-top:16px;
    padding:22px 20px;
    border-radius:18px;
  }
}

@media (prefers-reduced-motion:no-preference) and (hover:hover){
  main .multistream-guide .compare-card{
    transition:background-color .18s ease;
  }
}


/* v526: align system-check card width with multistream content column */
main .multistream-guide .multistream-system-check{
  width:min(calc(100% - 56px), 1064px);
  box-sizing:border-box;
}
@media (max-width:980px){
  main .multistream-guide .multistream-system-check{
    width:min(calc(100% - 52px), 1020px);
  }
}
@media (max-width:640px){
  main .multistream-guide .multistream-system-check{
    width:min(calc(100% - 36px), 100%);
  }
}


/* ===== source: homepage-hero-solution-v528.css ===== */
/* SkiinOBS v528 — problem-solving hero refinement
   Replaces the five-line guide with a simple eyebrow / headline / supporting copy hierarchy.
   Scope: localized homepage hero only. */

.hero-experience .jp-hero-redesign.hero-solution{
  background:#fff;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution > .wrap{
  width:100% !important;
  max-width:1440px !important;
  padding:0 28px !important;
  box-sizing:border-box;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-shell{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:620px !important;
  padding:82px 56px 78px !important;
  box-sizing:border-box;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy{
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}

.hero-experience .hero-solution-eyebrow{
  margin:0 0 20px !important;
  color:#2563eb !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
  max-width:1100px !important;
  margin:0 auto !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  font-size:clamp(42px,4.55vw,66px) !important;
  line-height:1.14 !important;
  font-weight:800 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
  overflow-wrap:normal !important;
  word-break:normal !important;
}

.hero-experience .hero-solution-line{
  display:block;
}

.hero-experience .hero-solution-desc{
  max-width:820px;
  margin:26px auto 0 !important;
  color:#64748b !important;
  font-size:17px !important;
  line-height:1.82 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-wrap:pretty;
}

@media (max-width:980px){
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution > .wrap{
    padding:0 22px !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-shell{
    min-height:540px !important;
    padding:68px 34px 64px !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
    font-size:clamp(38px,6vw,54px) !important;
    line-height:1.16 !important;
  }
  .hero-experience .hero-solution-desc{
    max-width:760px;
    font-size:16px !important;
  }
}

@media (max-width:767px){
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution > .wrap{
    padding:0 18px !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-shell{
    min-height:0 !important;
    padding:64px 0 58px !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy{
    max-width:640px !important;
  }
  .hero-experience .hero-solution-eyebrow{
    margin-bottom:16px !important;
    font-size:13px !important;
    line-height:1.5 !important;
    letter-spacing:.02em !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
    font-size:clamp(34px,9.2vw,44px) !important;
    line-height:1.18 !important;
    letter-spacing:-.035em !important;
  }
  .hero-experience .hero-solution-line{
    display:inline;
  }
  .hero-experience .hero-solution-desc{
    margin-top:22px !important;
    font-size:15px !important;
    line-height:1.78 !important;
  }
}

@media (max-width:390px){
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
    font-size:clamp(31px,8.7vw,36px) !important;
  }
  .hero-experience .hero-solution-desc{
    font-size:14px !important;
  }
}


/* ===== source: homepage-hero-fullscreen-v529.css ===== */
/* SkiinOBS v529 — full-viewport hero + calmer hierarchy
   Scope: homepage hero only. Keeps existing site typography family and all downstream sections untouched. */

.hero-experience .jp-hero-redesign.hero-solution{
  width:100%;
  margin:0 !important;
  padding:0 !important;
  min-height:calc(100vh - 68px);
  min-height:calc(100svh - 68px);
  display:flex;
  align-items:stretch;
  background:
    radial-gradient(72% 58% at 50% 0%, rgba(37,99,235,.075) 0%, rgba(37,99,235,0) 72%),
    linear-gradient(180deg,#fbfdff 0%,#ffffff 68%,#ffffff 100%) !important;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution > .wrap{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:stretch !important;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-shell{
  width:100% !important;
  max-width:none !important;
  min-height:calc(100vh - 68px) !important;
  min-height:calc(100svh - 68px) !important;
  margin:0 !important;
  padding:72px 40px 76px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}


html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy{
  width:min(100%,1180px) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
}

.hero-experience .hero-solution-eyebrow{
  margin:0 0 22px !important;
  color:#475569 !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  color:#0f172a !important;
  -webkit-text-fill-color:#0f172a !important;
  font-size:clamp(42px,4.4vw,64px) !important;
  line-height:1.16 !important;
  font-weight:800 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.hero-experience .hero-solution-line{
  display:block !important;
  max-width:100%;
}
.hero-experience .hero-solution-line + .hero-solution-line{
  margin-top:.12em;
}

.hero-experience .hero-solution-desc{
  max-width:900px !important;
  margin:30px auto 0 !important;
  color:#64748b !important;
  font-size:17px !important;
  line-height:1.8 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-wrap:pretty !important;
}
.hero-experience .hero-solution-desc-line{
  display:block;
}

@media (max-width:980px){
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-shell{
    padding:64px 28px 68px !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
    font-size:clamp(38px,5.7vw,52px) !important;
    line-height:1.18 !important;
  }
  .hero-experience .hero-solution-desc{
    max-width:820px !important;
    font-size:16px !important;
  }
}

@media (max-width:767px){
  .hero-experience .jp-hero-redesign.hero-solution{
    min-height:calc(100vh - 62px);
    min-height:calc(100svh - 62px);
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-shell{
    min-height:calc(100vh - 62px) !important;
    min-height:calc(100svh - 62px) !important;
    padding:44px 20px 50px !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy{
    width:100% !important;
    max-width:680px !important;
  }
  .hero-experience .hero-solution-eyebrow{
    margin-bottom:17px !important;
    font-size:13px !important;
    line-height:1.5 !important;
    letter-spacing:0 !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
    font-size:clamp(32px,8.7vw,42px) !important;
    line-height:1.2 !important;
    letter-spacing:-.038em !important;
  }
  .hero-experience .hero-solution-line{
    display:block !important;
  }
  .hero-experience .hero-solution-line + .hero-solution-line{
    margin-top:.22em;
  }
  .hero-experience .hero-solution-desc{
    margin-top:24px !important;
    max-width:620px !important;
    font-size:15px !important;
    line-height:1.76 !important;
    font-weight:500 !important;
  }
  .hero-experience .hero-solution-desc-line{
    display:inline;
  }
}

@media (max-width:390px){
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-shell{
    padding-left:18px !important;
    padding-right:18px !important;
  }
  html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
    font-size:clamp(30px,8.3vw,35px) !important;
  }
  .hero-experience .hero-solution-desc{
    font-size:14px !important;
  }
}


/* ===== source: homepage-hero-product-first-v530.css ===== */
/* SkiinOBS v530 — product-first hero emphasis
   Beauty plugin is the primary proposition; streaming setup support is secondary.
   Scope: localized homepage hero only. */

.hero-experience .jp-hero-redesign.hero-solution .hero-solution-eyebrow{
  color:#2563eb !important;
  font-weight:700 !important;
  letter-spacing:.015em !important;
}

html[lang] body main .hero-experience .jp-hero-redesign.hero-solution .jp-hero-copy h1{
  max-width:1120px !important;
}

.hero-experience .jp-hero-redesign.hero-solution .hero-solution-desc.hero-solution-desc-strong{
  max-width:1040px !important;
  margin-top:30px !important;
  color:#334155 !important;
  font-size:19px !important;
  line-height:1.72 !important;
  font-weight:700 !important;
  text-wrap:balance !important;
}

@media (max-width:980px){
  .hero-experience .jp-hero-redesign.hero-solution .hero-solution-desc.hero-solution-desc-strong{
    max-width:900px !important;
    font-size:17px !important;
  }
}

@media (max-width:767px){
  .hero-experience .jp-hero-redesign.hero-solution .hero-solution-desc.hero-solution-desc-strong{
    margin-top:24px !important;
    max-width:640px !important;
    font-size:15px !important;
    line-height:1.72 !important;
    font-weight:650 !important;
    text-wrap:pretty !important;
  }
}


/* v534: strengthen product-first hero eyebrow while keeping the same typographic system */
.hero-experience .jp-hero-redesign.hero-solution .hero-solution-eyebrow{
  margin-bottom:24px !important;
  color:#2563eb !important;
  font-size:clamp(18px,1.35vw,21px) !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}
@media (max-width:767px){
  .hero-experience .jp-hero-redesign.hero-solution .hero-solution-eyebrow{
    margin-bottom:18px !important;
    font-size:16px !important;
    line-height:1.5 !important;
    font-weight:800 !important;
  }
}
@media (max-width:390px){
  .hero-experience .jp-hero-redesign.hero-solution .hero-solution-eyebrow{
    font-size:15px !important;
  }
}


/* v536: compact OS compatibility line under the hero title */
.hero-experience .jp-hero-redesign.hero-solution .hero-os-support{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:24px 0 0 !important;
  padding:7px 13px;
  border:1px solid rgba(148,163,184,.28);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#64748b;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.035em;
  white-space:nowrap;
  box-shadow:0 4px 14px rgba(15,23,42,.025);
}

@media (max-width:767px){
  .hero-experience .jp-hero-redesign.hero-solution .hero-os-support{
    margin-top:20px !important;
    padding:6px 11px;
    font-size:12px;
  }
}


/* ===== source: homepage-section-title-unification-v537.css ===== */
/* SkiinOBS v537 — homepage section title unification
   Scope: five primary homepage section headings only.
   Keeps locale-appropriate font families while unifying size, weight, line-height and tracking. */

html.ski-home-v417 body main#top :is(
  .kr-plugin-ui-section h2.kr-unified-section-title,
  #jp-support-positioning-title,
  .multistream-guide h2.section-title,
  #core-technology h2.kr-unified-section-title,
  #pricing h2.kr-unified-section-title
){
  font-family:var(--ski-unified-font)!important;
  font-size:40px!important;
  font-weight:700!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  font-style:normal!important;
  text-wrap:balance!important;
}

@media (max-width:1024px){
  html.ski-home-v417 body main#top :is(
    .kr-plugin-ui-section h2.kr-unified-section-title,
    #jp-support-positioning-title,
    .multistream-guide h2.section-title,
    #core-technology h2.kr-unified-section-title,
    #pricing h2.kr-unified-section-title
  ){
    font-size:34px!important;
    line-height:1.22!important;
    letter-spacing:-.032em!important;
  }
}

@media (max-width:767px){
  html.ski-home-v417 body main#top :is(
    .kr-plugin-ui-section h2.kr-unified-section-title,
    #jp-support-positioning-title,
    .multistream-guide h2.section-title,
    #core-technology h2.kr-unified-section-title,
    #pricing h2.kr-unified-section-title
  ){
    font-size:27px!important;
    line-height:1.24!important;
    letter-spacing:-.03em!important;
  }
}


/* ===== v539: mid-page visual rhythm =====
   Deliberately limited to section background rhythm. No typography, copy,
   card geometry, or content-order changes. */
html.ski-home-v417 main#top .post-product-support-context{
  background:linear-gradient(180deg,#f8fafc 0%,#f7f9fc 100%)!important;
  border-top:1px solid rgba(15,23,42,.045)!important;
  border-bottom:1px solid rgba(15,23,42,.05)!important;
}
html.ski-home-v417 main#top .post-product-support-context #direct-in-obs{
  background:transparent!important;
}
html.ski-home-v417 main#top .post-product-support-context .jp-support-value-grid{
  background:rgba(255,255,255,.56)!important;
  border-color:rgba(203,213,225,.72)!important;
}
html.ski-home-v417 main#top .post-product-support-context + .multistream-guide{
  border-top:0!important;
}


/* ===== v540: restore four support cards to v537 compact geometry =====
   Restores only card/grid sizing and spacing; typography/content remain v539. */
body[class*="lang-"] main .jp-support-value-grid{
  gap:12px !important;
  padding:10px !important;
}
body[class*="lang-"] main .jp-support-value-card{
  min-height:190px !important;
  padding:24px 26px !important;
}
body[class*="lang-"] main .jp-support-value-card .support-card-action,
body[class*="lang-"] main .jp-support-value-card .js-scroll-plugin-ui{
  margin-top:14px !important;
}

@media (max-width:767px){
  body[class*="lang-"] main .jp-support-value-grid{
    gap:10px !important;
    padding:7px !important;
  }
  body[class*="lang-"] main .jp-support-value-card{
    min-height:0 !important;
    padding:18px 17px !important;
  }
  body[class*="lang-"] main .jp-support-value-card .support-card-action,
  body[class*="lang-"] main .jp-support-value-card .js-scroll-plugin-ui{
    margin-top:12px !important;
  }
}


/* ===== v541: balance vertical whitespace around the four-service block =====
   Match the bottom breathing room to the existing top spacing.
   No typography, card geometry, content, or section-order changes. */
html.ski-home-v417 main#top .post-product-support-context #direct-in-obs{
  padding-bottom:118px !important;
}

@media (max-width:767px){
  html.ski-home-v417 main#top .post-product-support-context #direct-in-obs{
    padding-bottom:86px !important;
  }
}


/* ===== v542: product-preview conversion CTA ===== */
.kr-plugin-ui-section .plugin-preview-cta{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:30px auto 0;
  text-align:center;
}
.kr-plugin-ui-section .plugin-preview-trial.btn.primary{
  min-width:220px;
  min-height:52px;
  padding:0 26px;
  margin:0;
  text-decoration:none;
}
.kr-plugin-ui-section .plugin-preview-pricing-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#64748b;
  font-size:14px;
  line-height:1.45;
  font-weight:600;
  text-decoration:none;
}
.kr-plugin-ui-section .plugin-preview-pricing-link:hover{
  color:#2563eb;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media (max-width:767px){
  .kr-plugin-ui-section .plugin-preview-cta{
    margin-top:24px;
    gap:10px;
  }
  .kr-plugin-ui-section .plugin-preview-trial.btn.primary{
    width:min(100%,280px);
    min-width:0;
    min-height:50px;
    padding:0 20px;
  }
  .kr-plugin-ui-section .plugin-preview-pricing-link{
    font-size:13px;
  }
}




/* v544: match preview vertical spacing exactly
   Intro text -> preview: 48px desktop / 34px mobile
   Preview -> CTA:          48px desktop / 34px mobile */
.kr-plugin-ui-section .plugin-preview-cta{
  margin-top:48px !important;
}

@media (max-width:767px){
  .kr-plugin-ui-section .plugin-preview-cta{
    margin-top:34px !important;
  }
}