/* SkiinOBS Home parity layer v427
   Common homepage component geometry follows the Korean homepage design.
   Locale copy and locale font families remain untouched. */

/* Editorial section rhythm */
html.ski-home-v417 body main#top .hero-experience .kr-editorial-head{
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html.ski-home-v417 body main#top .hero-experience :is(
  #direct-in-obs h2.kr-unified-section-title,
  .kr-preview-intro h2.kr-unified-section-title,
  #streaming-scenes h2.kr-unified-section-title,
  #pricing h2.kr-unified-section-title,
  #core-technology h2.kr-unified-section-title,
  #faq h2.kr-unified-section-title
){
  color:#1d1d1f!important;
  font-size:40px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}
html.ski-home-v417 body main#top .hero-experience .kr-editorial-head>p{
  width:min(100%,720px)!important;
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#6e6e73!important;
  font-size:17px!important;
  line-height:1.68!important;
  font-weight:400!important;
}

/* Direct-in-OBS comparison: same geometry in every locale */
html.ski-home-v417 body main#top #direct-in-obs .ski-solution-compare{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-solution-table{
  font-size:14px!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-solution-table thead th{
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:600!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-solution-table thead .ski-brand-head{font-weight:700!important;}
html.ski-home-v417 body main#top #direct-in-obs .ski-solution-table tbody th{
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:600!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-solution-table tbody td{
  font-size:13.5px!important;
  line-height:1.55!important;
  font-weight:400!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-solution-table tbody td.ski-brand-cell{font-weight:650!important;}

/* Camera detail cards — exact Korean homepage framed-card treatment */
html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:72px auto 0!important;
  padding:12px!important;
  gap:16px!important;
  align-items:stretch!important;
  border:1px solid #e6eaf0!important;
  border-radius:30px!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:34px 34px 32px!important;
  border:1px solid #eceff3!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:none!important;
  text-align:left!important;
  box-sizing:border-box!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card::before{
  display:none!important;
  content:none!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card h3{
  margin:0 0 22px!important;
  color:#1d1d1f!important;
  font-size:21px!important;
  line-height:1.3!important;
  font-weight:600!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card>p:not(.ski-camera-note-v22){
  margin:0!important;
  color:#515154!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  font-weight:400!important;
}
html.ski-home-v417 body main#top #direct-in-obs .ski-camera-note-v22{
  margin:15px 0 0!important;
  padding-top:14px!important;
  border-top:1px solid rgba(37,99,235,.12)!important;
  color:#6e6e73!important;
  font-size:13px!important;
  line-height:1.6!important;
  font-weight:400!important;
  letter-spacing:-.014em!important;
}

/* Plugin preview spacing follows Korean homepage */
html.ski-home-v417 body main#top #direct-in-obs .kr-preview-intro{
  margin-top:124px!important;
  margin-bottom:48px!important;
}
html.ski-home-v417 body main#top #direct-in-obs .kr-direct-preview-stage{
  margin-top:0!important;
}

/* Platform pills — Intl CSS was missing the Korean base pill treatment */
html.ski-home-v417 body main#top #streaming-scenes .kr-platform-inline{
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:30px auto 0!important;
  text-align:center!important;
}
html.ski-home-v417 body main#top #streaming-scenes .kr-platform-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
}
html.ski-home-v417 body main#top #streaming-scenes .kr-platform-row span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:88px!important;
  min-height:38px!important;
  padding:0 15px!important;
  border:1px solid #dce5f4!important;
  border-radius:999px!important;
  background:#f8faff!important;
  color:#303033!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:600!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
html.ski-home-v417 body main#top #streaming-scenes .kr-platform-copy{display:none!important;}
html.ski-home-v417 body main#top #streaming-scenes .v24-scene-grid{margin-top:52px!important;}

/* Streaming support cards — same framed group as Korean homepage */
html.ski-home-v417 body main#top #streaming-scenes .v24-support-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:72px auto 0!important;
  padding:12px!important;
  gap:16px!important;
  align-items:stretch!important;
  border:1px solid #e6eaf0!important;
  border-radius:30px!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:34px 34px 32px!important;
  border:1px solid #eceff3!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card::before{
  width:42px!important;
  height:4px!important;
  margin:0 0 22px!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 18px!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-stage{
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-top strong{
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:700!important;
  text-align:right!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card>p{
  margin:0!important;
  color:#515154!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card .kr-support-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  margin-top:26px!important;
  padding:12px 16px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  font-size:14.5px!important;
  line-height:1.4!important;
  font-weight:700!important;
  text-decoration:none!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-system .kr-support-cta{
  color:#2563eb!important;
  background:rgba(37,99,235,.06)!important;
}
html.ski-home-v417 body main#top #streaming-scenes .v24-tool-doctor .kr-support-cta{
  color:#6251c7!important;
  background:rgba(98,81,199,.07)!important;
}

/* Core technology cards — Korean framed-group treatment */
html.ski-home-v417 body main#top #core-technology .core-tech-pillars{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:min(100%,1040px)!important;
  max-width:1040px!important;
  margin:34px auto 0!important;
  padding:12px!important;
  gap:16px!important;
  border:1px solid #e6eaf0!important;
  border-radius:30px!important;
  background:#f7f9fc!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html.ski-home-v417 body main#top #core-technology .core-tech-pillar,
html.ski-home-v417 body main#top #core-technology .core-tech-pillar:first-child{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  padding:34px 32px 32px!important;
  border:1px solid #eceff3!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html.ski-home-v417 body main#top #core-technology .core-tech-pillar::before{
  display:block!important;
  width:42px!important;
  height:4px!important;
  margin:0 0 24px!important;
  border-radius:999px!important;
}
html.ski-home-v417 body main#top #core-technology .core-tech-pillar p{
  margin:0!important;
  color:#515154!important;
  font-size:15.5px!important;
  line-height:1.76!important;
  font-weight:400!important;
  text-align:left!important;
}

/* Do not let the parity layer replace locale font families. */
html.ski-home-v417 body main#top .hero-experience :is(h1,h2,h3,h4,p,span,a,button,summary,strong,label,select){
  font-family:var(--locale-font)!important;
}
html.ski-home-v417 body main#top .skiinobs-brand-lock,
html.ski-home-v417 body main#top .ski-brand-head{
  font-family:Inter,Arial,"Helvetica Neue",sans-serif!important;
}

@media (max-width:1024px){
  html.ski-home-v417 body main#top .hero-experience :is(
    #direct-in-obs h2.kr-unified-section-title,
    .kr-preview-intro h2.kr-unified-section-title,
    #streaming-scenes h2.kr-unified-section-title,
    #pricing h2.kr-unified-section-title,
    #core-technology h2.kr-unified-section-title,
    #faq h2.kr-unified-section-title
  ){
    font-size:34px!important;
    line-height:1.23!important;
  }
}

@media (max-width:900px){
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid,
  html.ski-home-v417 body main#top #streaming-scenes .v24-support-grid,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillars{
    width:min(100%,720px)!important;
    padding:9px!important;
    gap:12px!important;
    border-radius:24px!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid,
  html.ski-home-v417 body main#top #streaming-scenes .v24-support-grid,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillars{
    grid-template-columns:1fr!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card,
  html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillar,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillar:first-child{
    padding:28px 26px 26px!important;
    border-radius:20px!important;
  }
}

@media (max-width:767px){
  html.ski-home-v417 body main#top .hero-experience :is(
    #direct-in-obs h2.kr-unified-section-title,
    .kr-preview-intro h2.kr-unified-section-title,
    #streaming-scenes h2.kr-unified-section-title,
    #pricing h2.kr-unified-section-title,
    #core-technology h2.kr-unified-section-title,
    #faq h2.kr-unified-section-title
  ){
    font-size:24px!important;
    line-height:1.24!important;
    letter-spacing:-.032em!important;
  }
  html.ski-home-v417 body main#top .hero-experience .kr-editorial-head>p{
    max-width:30em!important;
    font-size:14px!important;
    line-height:1.68!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .kr-preview-intro{
    margin-top:68px!important;
    margin-bottom:30px!important;
  }
  html.ski-home-v417 body main#top #streaming-scenes .kr-platform-inline{
    width:100%!important;
    max-width:100%!important;
    margin-top:20px!important;
  }
  html.ski-home-v417 body main#top #streaming-scenes .kr-platform-row{
    gap:8px!important;
  }
  html.ski-home-v417 body main#top #streaming-scenes .kr-platform-row span{
    min-width:0!important;
    min-height:32px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
  }

  /* Korean homepage mobile collapses the outer grouped frame. */
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid,
  html.ski-home-v417 body main#top #streaming-scenes .v24-support-grid,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillars{
    width:100%!important;
    max-width:100%!important;
    margin-top:36px!important;
    padding:0!important;
    gap:12px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid,
  html.ski-home-v417 body main#top #streaming-scenes .v24-support-grid,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillars{
    grid-template-columns:1fr!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card,
  html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillar,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillar:first-child{
    padding:22px 20px!important;
    border:1px solid #e5e5ea!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card h3{
    margin-bottom:14px!important;
    font-size:17px!important;
    line-height:1.4!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-info-grid .ski-info-card>p:not(.ski-camera-note-v22),
  html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card>p,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillar p{
    font-size:14px!important;
    line-height:1.72!important;
  }
  html.ski-home-v417 body main#top #direct-in-obs .ski-camera-note-v22{
    margin-top:16px!important;
    font-size:12.5px!important;
    line-height:1.65!important;
  }
  html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card::before,
  html.ski-home-v417 body main#top #core-technology .core-tech-pillar::before{
    width:32px!important;
    height:3px!important;
    margin-bottom:15px!important;
  }
  html.ski-home-v417 body main#top #streaming-scenes .v24-tool-top{
    gap:8px!important;
    margin-bottom:12px!important;
  }
  html.ski-home-v417 body main#top #streaming-scenes .v24-stage{font-size:12px!important;}
  html.ski-home-v417 body main#top #streaming-scenes .v24-tool-top strong{font-size:16px!important;}
  html.ski-home-v417 body main#top #streaming-scenes .v24-tool-card .kr-support-cta{
    width:100%!important;
    min-height:42px!important;
    margin-top:18px!important;
    padding:10px 13px!important;
    justify-content:center!important;
    border:0!important;
    border-radius:11px!important;
    font-size:13.5px!important;
    font-weight:650!important;
    text-decoration:none!important;
  }
}