html[lang="ko-KR"], body.lang-ko{word-break:keep-all;overflow-wrap:normal;}
html[lang="ko-KR"] .jp-hero-copy h1{white-space:normal!important;text-wrap:balance!important;max-width:720px;}
html[lang="ko-KR"] .jp-hero-title-line{white-space:nowrap;}
html[lang="ko-KR"] .jp-hero-lead,
html[lang="ko-KR"] .jp-hero-desc{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty;max-width:660px;}
html[lang="ko-KR"] .jp-hero-lead{font-size:20px!important;line-height:1.55!important;}
html[lang="ko-KR"] .jp-hero-desc{font-size:20px!important;line-height:1.62!important;font-weight:700!important;}
.kr-market-wrap{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px;}
.kr-platform-strip{padding:34px 0 38px;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;background:#fff;text-align:center;}
.kr-platform-row{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;}
.kr-platform-row span{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:1px solid #dce5f4;border-radius:999px;background:#f8faff;color:#15233f;font-size:14px;font-weight:800;white-space:nowrap;}
.kr-platform-copy{max-width:760px;margin:0 auto 10px;color:#56647a;font-size:15px;line-height:1.7;word-break:keep-all;}
.kr-text-link{display:inline-flex;align-items:center;gap:6px;color:#2563eb;font-weight:800;text-decoration:none;}
.kr-market-section{padding:84px 0;}
.kr-section-head{max-width:790px;margin:0 auto 36px;text-align:center;}
.kr-section-head h2{margin:0 0 16px;color:#111827;font-size:clamp(30px,3.4vw,46px);line-height:1.18;font-weight:900;letter-spacing:-.04em;text-wrap:balance;word-break:keep-all;}
.kr-section-head>p{margin:0;color:#5d697b;font-size:17px;line-height:1.75;word-break:keep-all;text-wrap:pretty;}
.kr-usecases{background:#f8faff;}
.kr-usecase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.kr-usecase-grid article{padding:26px 24px;border:1px solid #e2e8f2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(30,64,175,.04);}
.kr-usecase-grid h3{margin:0 0 10px;color:#16233b;font-size:18px;line-height:1.4;font-weight:850;word-break:keep-all;}
.kr-usecase-grid p{margin:0;color:#667085;font-size:14px;line-height:1.75;word-break:keep-all;}
.kr-direct-obs{background:#fff;}
.kr-flow-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:980px;margin:0 auto;}
.kr-flow-card{padding:28px 26px;border-radius:20px;border:1px solid #e4e9f2;}
.kr-flow-muted{background:#f7f8fb;color:#687386;}
.kr-flow-primary{background:#eef4ff;border-color:#cbdcff;color:#173976;}
.kr-flow-label{display:block;margin-bottom:14px;font-size:13px;font-weight:900;letter-spacing:.04em;}
.kr-flow{font-size:18px;line-height:1.65;font-weight:800;word-break:keep-all;}
.kr-flow b{padding:0 5px;color:#95a0b2;}
.kr-flow-primary .kr-flow b{color:#2563eb;}
.kr-direct-note{max-width:840px;margin:20px auto 0;text-align:center;color:#667085;font-size:15px;line-height:1.7;word-break:keep-all;}
.kr-section-cta{display:flex!important;width:max-content!important;margin:0 auto!important;min-width:240px;justify-content:center;}
.kr-doctor-symptoms{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;max-width:900px;margin:22px auto 0;}
.kr-doctor-symptoms span{padding:9px 13px;border:1px solid #dbe4f2;border-radius:999px;background:#fff;color:#43506a;font-size:13px;font-weight:700;white-space:nowrap;}
html[lang="ko-KR"] .jp-conversion-copy{max-width:800px!important;margin-left:auto!important;margin-right:auto!important;word-break:keep-all!important;}
html[lang="ko-KR"] .core-tech-intro{max-width:830px!important;word-break:keep-all!important;text-wrap:pretty;}
html[lang="ko-KR"] .core-tech-pillar p,
html[lang="ko-KR"] .jp-offer-card p,
html[lang="ko-KR"] .faq p{word-break:keep-all;overflow-wrap:normal;text-wrap:pretty;}
@media (max-width:980px){
.kr-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.kr-flow-compare{grid-template-columns:1fr;}
}
@media (max-width:767px){
html[lang="ko-KR"] .jp-hero-title-line{white-space:normal;text-wrap:balance;}
html[lang="ko-KR"] .jp-hero-copy h1{font-size:clamp(31px,9vw,38px)!important;line-height:1.12!important;letter-spacing:-.045em!important;}
html[lang="ko-KR"] .jp-hero-lead{font-size:17px!important;}
html[lang="ko-KR"] .jp-hero-desc{font-size:15px!important;line-height:1.65!important;}
.kr-market-wrap{padding-left:18px;padding-right:18px;}
.kr-market-section{padding:62px 0;}
.kr-section-head{margin-bottom:28px;}
.kr-section-head h2{font-size:30px;line-height:1.22;}
.kr-section-head>p{font-size:15px;line-height:1.7;}
.kr-usecase-grid{grid-template-columns:1fr;gap:12px;}
.kr-usecase-grid article{padding:21px 20px;}
.kr-flow-card{padding:22px 20px;}
.kr-flow{font-size:16px;}
.kr-doctor-symptoms{align-items:stretch;flex-direction:column;}
.kr-doctor-symptoms span{white-space:normal;text-align:center;word-break:keep-all;}
}
.kr-broadcast-guide{background:#f8faff;}
.kr-usecase-grid-compact{margin-bottom:28px;}
.kr-usecase-grid-compact article{box-shadow:none;}
.kr-usecase-grid-compact p{line-height:1.65;}
.kr-broadcast-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:28px;border-top:1px solid #dde5f0;}
.kr-support-card{display:flex;flex-direction:column;min-height:270px;padding:28px;border:1px solid #dfe7f2;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(30,64,175,.04);}
.kr-support-card-head{margin-bottom:14px;}
.kr-support-card h3{margin:0 0 12px;color:#111827;font-size:22px;line-height:1.3;font-weight:900;letter-spacing:-.025em;word-break:keep-all;}
.kr-support-card strong{display:block;color:#263550;font-size:16px;line-height:1.55;font-weight:850;word-break:keep-all;}
.kr-support-card>p{margin:0 0 18px;color:#667085;font-size:15px;line-height:1.72;word-break:keep-all;text-wrap:pretty;}
.kr-support-platforms{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.kr-support-platforms span,.kr-support-symptoms span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:1px solid #dce5f4;border-radius:999px;background:#f8faff;color:#334155;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;}
.kr-support-symptoms{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px;}
.kr-support-doctor .kr-support-symptoms span{background:#fff;}
.kr-support-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:#2563eb;font-size:15px;font-weight:850;line-height:1.4;text-decoration:none;word-break:keep-all;}
.kr-support-link:hover{text-decoration:underline;text-underline-offset:3px;}
@media (max-width:980px){
.kr-broadcast-support-grid{grid-template-columns:1fr;}
.kr-support-card{min-height:0;}
}
@media (max-width:767px){
.kr-usecase-grid-compact{margin-bottom:22px;}
.kr-broadcast-support-grid{gap:12px;padding-top:22px;}
.kr-support-card{padding:22px 20px;border-radius:18px;}
.kr-support-card h3{font-size:20px;}
.kr-support-card strong{font-size:15px;}
.kr-support-card>p{font-size:14px;line-height:1.7;}
.kr-support-platforms,.kr-support-symptoms{gap:7px;}
.kr-support-platforms span,.kr-support-symptoms span{font-size:11.5px;padding:0 10px;}
.kr-support-link{font-size:14px;}
}
.kr-direct-feature{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:980px;margin:26px auto 0;padding:24px 26px;border:1px solid #dbe5f3;border-radius:20px;background:#f8faff;}
.kr-direct-feature-copy{min-width:0;max-width:590px;}
.kr-direct-feature h3{margin:0 0 8px;color:#16233b;font-size:20px;line-height:1.35;font-weight:900;letter-spacing:-.025em;word-break:keep-all;}
.kr-direct-feature p{margin:0;color:#667085;font-size:14px;line-height:1.7;word-break:keep-all;text-wrap:pretty;}
.kr-direct-feature-tags{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;max-width:330px;}
.kr-direct-feature-tags span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #d5e1f2;border-radius:999px;background:#fff;color:#334155;font-size:12px;font-weight:800;line-height:1.25;white-space:nowrap;}
@media (max-width:980px){
.kr-direct-feature{align-items:flex-start;flex-direction:column;gap:16px;}
.kr-direct-feature-tags{justify-content:flex-start;max-width:none;}
}
@media (max-width:767px){
.kr-direct-feature{margin-top:22px;padding:21px 20px;border-radius:18px;}
.kr-direct-feature h3{font-size:18px;}
.kr-direct-feature p{font-size:14px;}
.kr-direct-feature-tags{gap:7px;}
.kr-direct-feature-tags span{font-size:11.5px;padding:0 10px;white-space:normal;text-align:center;word-break:keep-all;}
}
.kr-direct-feature-emphasis{
position:relative;
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(380px,.9fr);
align-items:stretch;
gap:26px;
max-width:1040px;
margin:34px auto 0;
padding:30px;
overflow:hidden;
border:1px solid #c9dbfa;
border-radius:24px;
background:linear-gradient(135deg,#f7faff 0%,#eef5ff 52%,#f8fbff 100%);
box-shadow:0 18px 48px rgba(37,99,235,.10);
}
.kr-direct-feature-emphasis::after{
content:"";
position:absolute;
top:-86px;
right:-70px;
width:220px;
height:220px;
border-radius:50%;
background:radial-gradient(circle,rgba(37,99,235,.12) 0%,rgba(37,99,235,0) 70%);
pointer-events:none;
}
.kr-direct-feature-main{display:flex;align-items:flex-start;gap:18px;min-width:0;position:relative;z-index:1;}
.kr-direct-feature-icon{
flex:0 0 52px;
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
border-radius:16px;
background:#2563eb;
color:#fff;
box-shadow:0 10px 24px rgba(37,99,235,.22);
}
.kr-direct-feature-icon svg{width:25px;height:25px;display:block;}
.kr-feature-kicker{
display:inline-flex;
align-items:center;
min-height:28px;
margin:0 0 9px;
padding:0 10px;
border-radius:999px;
background:#dbeafe;
color:#1d4ed8;
font-size:12px;
font-weight:900;
line-height:1.2;
white-space:nowrap;
}
.kr-direct-feature-emphasis .kr-direct-feature-copy{max-width:610px;}
.kr-direct-feature-emphasis h3{font-size:24px;line-height:1.28;margin-bottom:10px;}
.kr-direct-feature-emphasis p{font-size:15px;line-height:1.75;color:#526078;}
.kr-direct-feature-emphasis .kr-direct-feature-tags{
display:grid;
grid-template-columns:1fr;
gap:9px;
max-width:none;
justify-content:stretch;
align-content:center;
position:relative;
z-index:1;
}
.kr-direct-feature-emphasis .kr-direct-feature-tags span{
min-height:54px;
justify-content:flex-start;
gap:11px;
padding:0 15px;
border:1px solid rgba(37,99,235,.14);
border-radius:14px;
background:rgba(255,255,255,.88);
color:#263550;
font-size:13px;
box-shadow:0 6px 18px rgba(35,55,95,.04);
white-space:normal;
}
.kr-direct-feature-emphasis .kr-direct-feature-tags b{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 28px;
width:28px;
height:28px;
border-radius:9px;
background:#eaf2ff;
color:#2563eb;
font-size:10px;
font-weight:900;
letter-spacing:.03em;
}
.kr-broadcast-support-grid{gap:20px;padding-top:32px;}
.kr-support-card{
position:relative;
min-height:315px;
padding:30px;
overflow:hidden;
border-radius:24px;
box-shadow:0 18px 44px rgba(26,43,75,.08);
}
.kr-support-card::before{
content:"";
position:absolute;
left:0;
top:0;
right:0;
height:5px;
background:#2563eb;
}
.kr-support-system{
border-color:#cdddfa;
background:linear-gradient(145deg,#ffffff 0%,#f1f6ff 100%);
}
.kr-support-doctor{
border-color:#ddd7fa;
background:linear-gradient(145deg,#ffffff 0%,#f7f4ff 100%);
}
.kr-support-doctor::before{background:#6d5bd0;}
.kr-support-card::after{
content:"";
position:absolute;
right:-55px;
top:-70px;
width:180px;
height:180px;
border-radius:50%;
background:radial-gradient(circle,rgba(37,99,235,.10) 0%,rgba(37,99,235,0) 70%);
pointer-events:none;
}
.kr-support-doctor::after{background:radial-gradient(circle,rgba(109,91,208,.10) 0%,rgba(109,91,208,0) 70%);}
.kr-support-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;position:relative;z-index:1;}
.kr-support-stage{
display:inline-flex;
align-items:center;
min-height:30px;
padding:0 11px;
border-radius:999px;
background:#dbeafe;
color:#1d4ed8;
font-size:12px;
font-weight:900;
line-height:1.2;
white-space:nowrap;
}
.kr-support-doctor .kr-support-stage{background:#ece9ff;color:#5b46c7;}
.kr-support-product{
color:#7b879b;
font-size:13px;
font-weight:900;
letter-spacing:.01em;
white-space:nowrap;
}
.kr-support-card h3{
position:relative;
z-index:1;
margin:0 0 13px;
max-width:430px;
color:#111827;
font-size:25px;
line-height:1.28;
font-weight:900;
letter-spacing:-.035em;
}
.kr-support-card>p{position:relative;z-index:1;margin-bottom:20px;color:#5d697b;font-size:15px;line-height:1.72;}
.kr-support-platforms,.kr-support-symptoms{position:relative;z-index:1;margin:0 0 24px;}
.kr-support-platforms span,.kr-support-symptoms span{
min-height:34px;
padding:0 12px;
background:#fff;
border-color:#d9e4f5;
box-shadow:0 4px 12px rgba(35,55,95,.04);
}
.kr-support-doctor .kr-support-symptoms span{border-color:#e1dcf7;background:#fff;}
.kr-support-cta{
position:relative;
z-index:1;
width:max-content;
min-height:44px;
padding:0 17px;
border-radius:12px;
background:#2563eb;
color:#fff!important;
font-size:14px;
text-decoration:none!important;
box-shadow:0 8px 20px rgba(37,99,235,.18);
}
.kr-support-doctor .kr-support-cta{background:#6150c7;box-shadow:0 8px 20px rgba(97,80,199,.17);}
.kr-support-cta:hover{transform:translateY(-1px);filter:brightness(.98);}
html[lang="ko-KR"] .core-technology + .pricing{margin-top:0;}
@media (max-width:980px){
.kr-direct-feature-emphasis{grid-template-columns:1fr;gap:22px;padding:28px;}
.kr-direct-feature-emphasis .kr-direct-feature-tags{grid-template-columns:repeat(3,minmax(0,1fr));}
.kr-direct-feature-emphasis .kr-direct-feature-tags span{min-height:72px;align-items:flex-start;flex-direction:column;justify-content:center;gap:6px;}
.kr-support-card{min-height:0;}
}
@media (max-width:767px){
.kr-direct-feature-emphasis{margin-top:24px;padding:22px 20px;border-radius:20px;box-shadow:0 12px 30px rgba(37,99,235,.08);}
.kr-direct-feature-main{gap:13px;}
.kr-direct-feature-icon{flex-basis:44px;width:44px;height:44px;border-radius:14px;}
.kr-direct-feature-icon svg{width:22px;height:22px;}
.kr-feature-kicker{font-size:11px;min-height:26px;margin-bottom:8px;}
.kr-direct-feature-emphasis h3{font-size:20px;line-height:1.34;}
.kr-direct-feature-emphasis p{font-size:14px;line-height:1.7;}
.kr-direct-feature-emphasis .kr-direct-feature-tags{grid-template-columns:1fr;gap:8px;}
.kr-direct-feature-emphasis .kr-direct-feature-tags span{min-height:48px;flex-direction:row;align-items:center;justify-content:flex-start;padding:0 13px;font-size:12px;}
.kr-support-card{padding:25px 21px;border-radius:20px;}
.kr-support-topline{margin-bottom:17px;}
.kr-support-stage{font-size:11px;min-height:28px;}
.kr-support-product{font-size:12px;}
.kr-support-card h3{font-size:21px;line-height:1.34;margin-bottom:11px;}
.kr-support-card>p{font-size:14px;line-height:1.68;margin-bottom:17px;}
.kr-support-platforms,.kr-support-symptoms{margin-bottom:20px;}
.kr-support-cta{width:100%;justify-content:center;min-height:45px;font-size:13.5px;}
}
\n\n
html[lang="ko-KR"] .jp-hero-shell{
grid-template-columns:1fr!important;
min-height:0!important;
}
html[lang="ko-KR"] .jp-hero-copy{
width:min(100%,860px);
max-width:860px!important;
}
.kr-direct-feature-emphasis{
grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
}
.kr-direct-feature-main{gap:0!important;}
.kr-direct-feature-icon{display:none!important;}
.kr-direct-preview-stage{
width:min(100%,980px);
margin:28px auto 0;
padding:26px;
border:1px solid #ddd7fa;
border-radius:24px;
background:linear-gradient(180deg,#fbfaff 0%,#f5f2ff 100%);
box-shadow:0 18px 48px rgba(97,80,199,.10);
}
.kr-direct-preview-stage .jp-hero-preview-card{width:100%;}
.kr-direct-preview-stage .jp-hero-preview-card .skiin-preview{
width:100%!important;
max-width:900px!important;
margin:0 auto!important;
}
@media(max-width:980px){
.kr-direct-feature-emphasis{grid-template-columns:1fr;}
.kr-direct-preview-stage{width:100%;padding:22px;}
}
@media(max-width:767px){
html[lang="ko-KR"] .jp-hero-shell{padding-bottom:30px!important;}
.kr-direct-preview-stage{margin-top:20px;padding:12px;border-radius:18px;}
.kr-direct-preview-stage .jp-hero-preview-card .skiin-preview{max-width:100%!important;}
}
.kr-support-platforms .kr-support-more,
.kr-support-symptoms .kr-support-more{
min-height:auto;
padding:0 1px;
border:0;
border-radius:0;
background:transparent!important;
box-shadow:none;
color:#7b879b;
font-weight:800;
}
html[lang="ko-KR"] .jp-hero-shell{
justify-items:center!important;
}
html[lang="ko-KR"] .jp-hero-copy{
margin-inline:auto!important;
padding-left:0!important;
text-align:center!important;
display:flex;
flex-direction:column;
align-items:center;
}
html[lang="ko-KR"] .jp-hero-copy h1,
html[lang="ko-KR"] .jp-hero-lead,
html[lang="ko-KR"] .jp-hero-desc{
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
html[lang="ko-KR"] .jp-hero-cta-group{
display:flex;
flex-direction:column;
align-items:center!important;
justify-content:center;
width:100%;
text-align:center;
}
html[lang="ko-KR"] .jp-hero-meta{
text-align:center!important;
}
.kr-direct-preview-note{
margin-top:9px!important;
color:#6f6786!important;
font-size:14px!important;
line-height:1.65!important;
font-weight:650!important;
word-break:keep-all;
text-wrap:pretty;
}
@media(max-width:767px){
html[lang="ko-KR"] .jp-hero-copy{
width:100%;
}
.kr-direct-preview-note{
font-size:13px!important;
line-height:1.65!important;
}
}
html[lang="ko-KR"] .jp-hero-shell{
grid-template-columns:1fr!important;
justify-items:center!important;
text-align:center!important;
}
html[lang="ko-KR"] .hero-experience .jp-hero-copy{
transform:none!important;
width:min(100%,920px)!important;
max-width:920px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
align-items:center!important;
text-align:center!important;
}
html[lang="ko-KR"] .jp-hero-copy h1{
width:100%!important;
max-width:920px!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
html[lang="ko-KR"] .jp-hero-title-line{
width:100%;
text-align:center!important;
}
html[lang="ko-KR"] .jp-hero-lead,
html[lang="ko-KR"] .jp-hero-desc{
width:100%!important;
max-width:760px!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
html[lang="ko-KR"] .jp-hero-cta-group{
width:100%!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
.kr-direct-preview-stage{
width:min(100%,980px);
margin:28px auto 0;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.kr-direct-preview-stage .jp-hero-preview-card,
.kr-direct-preview-stage .hero-preview-wrap,
.kr-direct-preview-stage .hero-preview-wrap>div{
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
@media(max-width:767px){
.kr-direct-preview-stage{
margin-top:20px;
padding:0!important;
border-radius:0!important;
}
}
@media (min-width:981px){
html[lang="ko-KR"] .hero-experience .jp-hero-shell{
padding-top:86px!important;
padding-bottom:98px!important;
}
html[lang="ko-KR"] .kr-market-section{
padding-top:108px!important;
padding-bottom:112px!important;
}
html[lang="ko-KR"] .kr-section-head{
margin-bottom:46px!important;
}
html[lang="ko-KR"] .kr-flow-compare{
gap:22px!important;
}
html[lang="ko-KR"] .kr-flow-card{
padding:32px 30px!important;
}
html[lang="ko-KR"] .kr-direct-note{
margin-top:28px!important;
}
html[lang="ko-KR"] .kr-direct-feature-emphasis{
margin-top:44px!important;
padding:36px 38px!important;
gap:32px!important;
}
html[lang="ko-KR"] .kr-direct-feature-emphasis h3{
margin-bottom:14px!important;
}
html[lang="ko-KR"] .kr-direct-preview-note{
margin-top:14px!important;
}
html[lang="ko-KR"] .kr-direct-feature-emphasis .kr-direct-feature-tags{
gap:12px!important;
}
html[lang="ko-KR"] .kr-direct-feature-emphasis .kr-direct-feature-tags span{
min-height:60px!important;
padding-left:18px!important;
padding-right:18px!important;
}
html[lang="ko-KR"] .kr-direct-preview-stage{
margin-top:46px!important;
}
html[lang="ko-KR"] .kr-usecase-grid{
gap:20px!important;
}
html[lang="ko-KR"] .kr-usecase-grid article{
padding:30px 26px!important;
}
html[lang="ko-KR"] .kr-usecase-grid-compact{
margin-bottom:44px!important;
}
html[lang="ko-KR"] .kr-broadcast-support-grid{
padding-top:44px!important;
gap:24px!important;
}
html[lang="ko-KR"] .kr-support-card{
min-height:338px!important;
padding:35px 33px!important;
}
html[lang="ko-KR"] .kr-support-topline{
margin-bottom:25px!important;
}
html[lang="ko-KR"] .kr-support-card h3{
margin-bottom:16px!important;
}
html[lang="ko-KR"] .kr-support-card>p{
margin-bottom:24px!important;
}
html[lang="ko-KR"] .kr-support-platforms,
html[lang="ko-KR"] .kr-support-symptoms{
margin-bottom:30px!important;
}
html[lang="ko-KR"] .core-technology{
margin-top:0!important;
padding-top:108px!important;
padding-bottom:112px!important;
}
html[lang="ko-KR"] .core-tech-section-head{
margin-bottom:42px!important;
}
html[lang="ko-KR"] .core-tech-pillars{
gap:22px!important;
}
html[lang="ko-KR"] .core-tech-ending{
margin-top:44px!important;
}
html[lang="ko-KR"] #pricing{
padding-top:108px!important;
padding-bottom:112px!important;
}
html[lang="ko-KR"] #pricing .head{
margin-bottom:38px!important;
}
}
@media (min-width:768px) and (max-width:980px){
html[lang="ko-KR"] .hero-experience .jp-hero-shell{
padding-top:68px!important;
padding-bottom:78px!important;
}
html[lang="ko-KR"] .kr-market-section{
padding-top:92px!important;
padding-bottom:96px!important;
}
html[lang="ko-KR"] .kr-section-head{margin-bottom:40px!important;}
html[lang="ko-KR"] .kr-direct-feature-emphasis{margin-top:38px!important;padding:32px!important;}
html[lang="ko-KR"] .kr-direct-preview-stage{margin-top:38px!important;}
html[lang="ko-KR"] .kr-usecase-grid{gap:18px!important;}
html[lang="ko-KR"] .kr-usecase-grid-compact{margin-bottom:38px!important;}
html[lang="ko-KR"] .kr-broadcast-support-grid{padding-top:38px!important;gap:20px!important;}
html[lang="ko-KR"] .kr-support-card{padding:31px 28px!important;}
html[lang="ko-KR"] .core-technology{margin-top:0!important;padding-top:92px!important;padding-bottom:96px!important;}
html[lang="ko-KR"] .core-tech-section-head{margin-bottom:36px!important;}
html[lang="ko-KR"] #pricing{padding-top:92px!important;padding-bottom:96px!important;}
}
@media (max-width:767px){
html[lang="ko-KR"] .hero-experience .jp-hero-shell{
padding-top:54px!important;
padding-bottom:66px!important;
}
html[lang="ko-KR"] .kr-market-section{
padding-top:78px!important;
padding-bottom:82px!important;
}
html[lang="ko-KR"] .kr-section-head{margin-bottom:34px!important;}
html[lang="ko-KR"] .kr-flow-compare{gap:14px!important;}
html[lang="ko-KR"] .kr-flow-card{padding:24px 21px!important;}
html[lang="ko-KR"] .kr-direct-note{margin-top:24px!important;}
html[lang="ko-KR"] .kr-direct-feature-emphasis{
margin-top:32px!important;
padding:25px 21px!important;
}
html[lang="ko-KR"] .kr-direct-preview-note{margin-top:12px!important;}
html[lang="ko-KR"] .kr-direct-feature-emphasis .kr-direct-feature-tags{gap:10px!important;}
html[lang="ko-KR"] .kr-direct-feature-emphasis .kr-direct-feature-tags span{min-height:52px!important;}
html[lang="ko-KR"] .kr-direct-preview-stage{margin-top:30px!important;}
html[lang="ko-KR"] .kr-usecase-grid{gap:14px!important;}
html[lang="ko-KR"] .kr-usecase-grid article{padding:24px 21px!important;}
html[lang="ko-KR"] .kr-usecase-grid-compact{margin-bottom:32px!important;}
html[lang="ko-KR"] .kr-broadcast-support-grid{padding-top:32px!important;gap:16px!important;}
html[lang="ko-KR"] .kr-support-card{padding:28px 22px!important;}
html[lang="ko-KR"] .kr-support-topline{margin-bottom:20px!important;}
html[lang="ko-KR"] .kr-support-card>p{margin-bottom:20px!important;}
html[lang="ko-KR"] .kr-support-platforms,
html[lang="ko-KR"] .kr-support-symptoms{margin-bottom:24px!important;}
html[lang="ko-KR"] .core-technology{
margin-top:0!important;
padding-top:78px!important;
padding-bottom:82px!important;
}
html[lang="ko-KR"] .core-tech-section-head{margin-bottom:30px!important;}
html[lang="ko-KR"] .core-tech-ending{margin-top:34px!important;}
html[lang="ko-KR"] #pricing{
padding-top:78px!important;
padding-bottom:82px!important;
}
html[lang="ko-KR"] #pricing .head{margin-bottom:30px!important;}
}
.footer.footer-saas{
box-sizing:border-box!important;
width:100%!important;
margin:0!important;
padding:64px 0 24px!important;
background:#0b1220!important;
color:#8fa0b7!important;
border:0!important;
border-top:1px solid rgba(148,163,184,.12)!important;
font-size:14px!important;
font-weight:400!important;
line-height:1.55!important;
letter-spacing:0!important;
font-synthesis:none!important;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
.footer.footer-saas[lang="ko"]{font-family:"Noto Sans KR",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.footer.footer-saas[lang="ja"]{font-family:"Noto Sans JP",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.footer.footer-saas[lang="zh-CN"]{font-family:"Noto Sans SC",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.footer.footer-saas[lang="th"]{font-family:"Noto Sans Thai",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.footer.footer-saas[lang="en"],
.footer.footer-saas[lang="es"],
.footer.footer-saas[lang="ru"],
.footer.footer-saas[lang="pt-BR"],
.footer.footer-saas[lang="de"],
.footer.footer-saas[lang="fr"]{
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.footer.footer-saas *,
.footer.footer-saas *::before,
.footer.footer-saas *::after{box-sizing:border-box!important}
.footer.footer-saas>.wrap{
width:min(calc(100% - 48px),1180px)!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
}
.footer.footer-saas>.footer-saas-top{
display:grid!important;
grid-template-columns:minmax(210px,1.1fr) minmax(180px,.95fr) minmax(150px,.72fr) minmax(230px,1.15fr)!important;
gap:44px!important;
align-items:start!important;
padding:0 0 42px!important;
}
.footer.footer-saas .footer-saas-brand{
display:block!important;
max-width:300px!important;
margin:0!important;
padding:0!important;
}
.footer.footer-saas .brand.footbrand,
.footer.footer-saas .footbrand,
.footer.footer-saas .brand-text-only,
.footer.footer-saas .skiinobs-brand-lock{
display:inline-flex!important;
align-items:center!important;
margin:0!important;
padding:0!important;
font-family:Inter,Arial,"Helvetica Neue",sans-serif!important;
font-size:22px!important;
font-style:normal!important;
font-weight:800!important;
line-height:1.15!important;
letter-spacing:-.04em!important;
text-transform:none!important;
text-decoration:none!important;
opacity:1!important;
}
.footer.footer-saas .footer-saas-column{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
min-width:0!important;
width:auto!important;
margin:0!important;
padding:0!important;
gap:0!important;
font-size:inherit!important;
font-weight:400!important;
line-height:inherit!important;
}
.footer.footer-saas .footer-saas-heading{
display:block!important;
margin:0 0 12px!important;
padding:0!important;
color:#f1f5f9!important;
font-family:inherit!important;
font-size:12px!important;
font-style:normal!important;
font-weight:700!important;
line-height:1.4!important;
letter-spacing:.02em!important;
text-transform:none!important;
}
.footer.footer-saas .footer-saas-column>a{
display:block!important;
width:auto!important;
margin:0!important;
padding:6px 0!important;
color:#8fa0b7!important;
font-family:inherit!important;
font-size:13px!important;
font-style:normal!important;
font-weight:400!important;
line-height:1.55!important;
letter-spacing:0!important;
text-decoration:none!important;
text-transform:none!important;
white-space:normal!important;
overflow-wrap:normal!important;
word-break:normal!important;
transition:color .15s ease!important;
}
.footer.footer-saas .footer-saas-column>a:hover,
.footer.footer-saas .footer-saas-column>a:focus-visible{
color:#fff!important;
font-weight:400!important;
}
.footer.footer-saas>.footer-saas-bottom{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
min-height:56px!important;
margin:0 auto!important;
padding:18px 0 0!important;
gap:28px!important;
border-top:1px solid rgba(148,163,184,.12)!important;
}
.footer.footer-saas .legal-copy{
display:block!important;
margin:0!important;
padding:0!important;
color:#718096!important;
font-family:Inter,Arial,"Helvetica Neue",sans-serif!important;
font-size:11px!important;
font-style:normal!important;
font-weight:400!important;
line-height:1.6!important;
letter-spacing:0!important;
text-align:left!important;
white-space:normal!important;
}
@media(max-width:980px){
.footer.footer-saas>.footer-saas-top{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:34px 30px!important;
}
.footer.footer-saas .footer-saas-brand{
grid-column:1/-1!important;
max-width:none!important;
}
}
@media(max-width:700px){
.footer.footer-saas{padding:50px 0 20px!important}
.footer.footer-saas>.wrap{width:min(calc(100% - 28px),1180px)!important}
.footer.footer-saas>.footer-saas-top{
grid-template-columns:1fr!important;
gap:28px!important;
padding-bottom:34px!important;
}
.footer.footer-saas .footer-saas-brand{grid-column:auto!important}
.footer.footer-saas .footer-saas-column{
align-items:flex-start!important;
text-align:left!important;
}
.footer.footer-saas>.footer-saas-bottom{
min-height:0!important;
padding-top:18px!important;
}
.footer.footer-saas .footer-saas-heading{margin-bottom:9px!important}
.footer.footer-saas .footer-saas-column>a{padding:5px 0!important;font-size:13px!important}
.footer.footer-saas .legal-copy{font-size:11px!important}
}
.footer.footer-saas>.footer-saas-top,
.footer.footer-saas .footer-saas-brand,
.footer.footer-saas .footer-saas-column,
.footer.footer-saas .footer-saas-heading,
.footer.footer-saas .footer-saas-column>a,
.footer.footer-saas>.footer-saas-bottom{
font-family:inherit!important;
}
.footer.footer-saas .footbrand,
.footer.footer-saas .skiinobs-brand-lock,
.footer.footer-saas .legal-copy{
font-family:Inter,Arial,"Helvetica Neue",sans-serif!important;
}
.hero-experience .jp-hero-copy h1{
margin-top:0!important;
margin-bottom:62px!important;
}
.hero-experience .jp-hero-lead{
margin-top:0!important;
margin-bottom:18px!important;
}
.hero-experience .jp-hero-desc{
margin-top:0!important;
margin-bottom:0!important;
}
.hero-experience .jp-hero-cta-group{
margin-top:64px!important;
}
@media (min-width:981px){
.hero-experience .jp-hero-shell{
padding-top:96px!important;
padding-bottom:108px!important;
}
}
@media (min-width:768px) and (max-width:980px){
.hero-experience .jp-hero-shell{
padding-top:78px!important;
padding-bottom:88px!important;
}
.hero-experience .jp-hero-copy h1{
margin-bottom:46px!important;
}
.hero-experience .jp-hero-lead{
margin-bottom:16px!important;
}
.hero-experience .jp-hero-cta-group{
margin-top:50px!important;
}
}
@media (max-width:767px){
.hero-experience .jp-hero-shell{
padding-top:60px!important;
padding-bottom:72px!important;
}
.hero-experience .jp-hero-copy h1{
margin-bottom:34px!important;
}
.hero-experience .jp-hero-lead{
margin-bottom:13px!important;
}
.hero-experience .jp-hero-cta-group{
margin-top:38px!important;
}
.hero-experience .jp-hero-meta{
margin-top:17px!important;
}
}
@media (max-width:390px){
.hero-experience .jp-hero-shell{
padding-top:52px!important;
padding-bottom:64px!important;
}
.hero-experience .jp-hero-copy h1{
margin-bottom:30px!important;
}
.hero-experience .jp-hero-cta-group{
margin-top:34px!important;
}
}
:root{
--fresh-ink:#111827;
--fresh-muted:#667085;
--fresh-line:#e8eaf1;
--fresh-soft:#f8f8fb;
--fresh-soft-purple:#f7f5ff;
--fresh-purple:#6d5bd0;
--fresh-purple-deep:#5746bd;
--fresh-shadow:0 22px 60px rgba(24,24,42,.07);
--fresh-shadow-soft:0 14px 38px rgba(24,24,42,.055);
}
.jp-hero-redesign{
position:relative;
overflow:hidden;
background:
radial-gradient(70% 70% at 50% 0%, rgba(109,91,208,.095) 0%, rgba(109,91,208,.035) 42%, rgba(109,91,208,0) 72%),
linear-gradient(180deg,#fbfaff 0%,#fff 76%);
}
.jp-hero-redesign::after{
content:"";
position:absolute;
left:50%;
bottom:-1px;
width:min(1060px,78vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,#ebe8f8 22%,#ddd7f5 50%,#ebe8f8 78%,transparent);
pointer-events:none;
}
.jp-hero-redesign .jp-hero-shell{
max-width:1120px!important;
margin-inline:auto!important;
}
.jp-hero-redesign .jp-hero-copy{
max-width:920px!important;
margin-inline:auto!important;
text-align:center!important;
transform:none!important;
}
.jp-hero-redesign .jp-hero-copy h1{
max-width:900px!important;
margin-inline:auto!important;
color:var(--fresh-ink)!important;
font-weight:850!important;
letter-spacing:-.052em!important;
text-wrap:balance;
}
.jp-hero-redesign .jp-hero-lead{
color:#30374a!important;
font-weight:650!important;
letter-spacing:-.018em!important;
text-wrap:balance;
}
.jp-hero-redesign .jp-hero-desc{
max-width:700px!important;
margin-inline:auto!important;
color:#707789!important;
font-weight:450!important;
text-wrap:pretty;
}
.jp-hero-redesign .jp-hero-download{
min-height:52px!important;
padding-inline:27px!important;
border-radius:14px!important;
border:0!important;
background:linear-gradient(135deg,var(--fresh-purple) 0%,var(--fresh-purple-deep) 100%)!important;
box-shadow:0 12px 26px rgba(87,70,189,.20)!important;
font-weight:800!important;
transition:transform .18s ease,box-shadow .18s ease!important;
}
.jp-hero-redesign .jp-hero-download:hover{
transform:translateY(-1px)!important;
box-shadow:0 16px 34px rgba(87,70,189,.25)!important;
}
.jp-hero-redesign .jp-hero-meta{
color:#8a90a0!important;
font-size:13px!important;
font-weight:550!important;
}
.kr-market-section{
position:relative;
background:#fff;
}
.kr-market-wrap{
max-width:1160px!important;
}
.kr-section-head{
max-width:820px!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.kr-section-head h2,
.core-tech-section-head .marketing-title,
.pricing .marketing-title{
color:var(--fresh-ink)!important;
letter-spacing:-.04em!important;
font-weight:840!important;
text-wrap:balance;
}
.kr-section-head>p,
.core-tech-intro{
color:var(--fresh-muted)!important;
font-weight:450!important;
}
.kr-direct-obs{
background:#fff!important;
}
.kr-flow-compare{
position:relative;
max-width:1040px!important;
gap:0!important;
overflow:hidden;
border:1px solid var(--fresh-line);
border-radius:26px;
background:#fff;
box-shadow:var(--fresh-shadow-soft);
}
.kr-flow-card{
min-height:142px;
display:flex;
flex-direction:column;
justify-content:center;
padding:30px 34px!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.kr-flow-card+ .kr-flow-card{
border-left:1px solid var(--fresh-line)!important;
}
.kr-flow-muted{
background:#fbfbfc!important;
color:#7a8190!important;
}
.kr-flow-primary{
position:relative;
background:linear-gradient(135deg,#faf9ff 0%,#f4f1ff 100%)!important;
color:#2d2750!important;
}
.kr-flow-primary::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:3px;
background:linear-gradient(180deg,#8b78e6,#5f4bc2);
}
.kr-flow-label{
margin-bottom:12px!important;
color:#8a90a0!important;
font-size:12px!important;
letter-spacing:.04em!important;
font-weight:800!important;
}
.kr-flow-primary .kr-flow-label{color:#6655c7!important;}
.kr-flow{
color:inherit!important;
font-size:17px!important;
line-height:1.55!important;
font-weight:750!important;
}
.kr-flow b,
.kr-flow-primary .kr-flow b{
color:#c4c8d1!important;
padding-inline:7px!important;
}
.kr-direct-note{
margin-top:22px!important;
color:#818899!important;
font-size:14px!important;
}
.kr-direct-feature-emphasis{
position:relative!important;
max-width:1040px!important;
margin-top:52px!important;
padding:36px 38px!important;
gap:34px!important;
border:1px solid #ebe8f5!important;
border-radius:28px!important;
background:linear-gradient(145deg,#fff 0%,#fbfaff 54%,#f7f5ff 100%)!important;
box-shadow:var(--fresh-shadow)!important;
}
.kr-direct-feature-emphasis::after{
width:280px!important;
height:280px!important;
top:-150px!important;
right:-120px!important;
background:radial-gradient(circle,rgba(109,91,208,.09) 0%,rgba(109,91,208,0) 70%)!important;
}
.kr-feature-kicker{
min-height:0!important;
padding:0!important;
margin-bottom:13px!important;
border-radius:0!important;
background:transparent!important;
color:#7563cf!important;
font-size:12px!important;
font-weight:800!important;
letter-spacing:.025em!important;
}
.kr-direct-feature-emphasis h3{
color:var(--fresh-ink)!important;
font-size:25px!important;
letter-spacing:-.035em!important;
font-weight:840!important;
}
.kr-direct-feature-emphasis p{
color:#687083!important;
font-size:15px!important;
line-height:1.76!important;
}
.kr-direct-preview-note{
margin-top:13px!important;
color:#8a90a0!important;
font-size:13px!important;
}
.kr-direct-feature-emphasis .kr-direct-feature-tags{
gap:10px!important;
}
.kr-direct-feature-emphasis .kr-direct-feature-tags span{
min-height:48px!important;
padding:0 16px!important;
border:1px solid #eeeaf8!important;
border-radius:14px!important;
background:rgba(255,255,255,.82)!important;
color:#47415f!important;
box-shadow:none!important;
font-size:13px!important;
font-weight:700!important;
}
.kr-direct-preview-stage{
margin-top:48px!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.kr-broadcast-guide{
background:linear-gradient(180deg,#fafafa 0%,#f8f7fc 100%)!important;
}
.kr-usecase-grid{
gap:12px!important;
}
.kr-usecase-grid article{
position:relative;
padding:26px 24px!important;
border:0!important;
border-radius:18px!important;
background:rgba(255,255,255,.72)!important;
box-shadow:none!important;
transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.kr-usecase-grid article::before{
content:"";
position:absolute;
left:24px;
top:0;
width:32px;
height:2px;
border-radius:99px;
background:#d9d2fa;
}
.kr-usecase-grid article:hover{
transform:translateY(-2px);
background:#fff!important;
box-shadow:0 16px 38px rgba(24,24,42,.06)!important;
}
.kr-usecase-grid h3{
color:#242838!important;
font-size:17px!important;
font-weight:780!important;
}
.kr-usecase-grid p{
color:#777e8e!important;
font-size:13.5px!important;
}
.kr-broadcast-support-grid{
gap:16px!important;
padding-top:38px!important;
border-top:1px solid #e4e2ec!important;
}
.kr-support-card{
min-height:300px!important;
padding:34px!important;
border:1px solid #e8e5f1!important;
border-radius:26px!important;
background:#fff!important;
box-shadow:0 16px 42px rgba(24,24,42,.055)!important;
}
.kr-support-card::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
border-radius:inherit;
background:linear-gradient(145deg,rgba(109,91,208,.035),transparent 44%);
}
.kr-support-topline,
.kr-support-card h3,
.kr-support-card>p,
.kr-support-platforms,
.kr-support-symptoms,
.kr-support-link{position:relative;z-index:1;}
.kr-support-topline{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
margin-bottom:26px!important;
}
.kr-support-stage{
padding:0!important;
border:0!important;
background:transparent!important;
color:#858b9a!important;
font-size:12px!important;
font-weight:750!important;
}
.kr-support-product{
color:#6755c7!important;
font-size:13px!important;
font-weight:850!important;
}
.kr-support-card h3{
max-width:480px;
margin-bottom:13px!important;
color:var(--fresh-ink)!important;
font-size:23px!important;
line-height:1.34!important;
font-weight:820!important;
letter-spacing:-.03em!important;
}
.kr-support-card>p{
max-width:500px;
margin-bottom:24px!important;
color:#737a8b!important;
font-size:14px!important;
line-height:1.72!important;
}
.kr-support-platforms,.kr-support-symptoms{
gap:7px!important;
}
.kr-support-platforms span,.kr-support-symptoms span{
min-height:30px!important;
padding-inline:10px!important;
border:1px solid #eceaf2!important;
border-radius:9px!important;
background:#fafafd!important;
color:#5b6170!important;
font-size:11.5px!important;
font-weight:700!important;
}
.kr-support-more{
border-color:transparent!important;
background:transparent!important;
color:#9a9fad!important;
}
.kr-support-cta{
width:max-content;
margin-top:auto!important;
padding:11px 15px!important;
border-radius:11px!important;
background:#f2efff!important;
color:#5c49bf!important;
font-size:13.5px!important;
font-weight:800!important;
text-decoration:none!important;
transition:background .18s ease,transform .18s ease!important;
}
.kr-support-cta:hover{
background:#ebe6ff!important;
transform:translateX(1px);
}
.core-technology{
position:relative;
overflow:hidden;
background:#fff!important;
}
.core-technology::before{
content:"";
position:absolute;
left:50%;
top:0;
width:min(1100px,84vw);
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,#e7e4ef 15%,#e7e4ef 85%,transparent);
}
.core-tech-inner{
max-width:1120px!important;
}
.core-tech-section-head{
max-width:820px!important;
margin-left:auto!important;
margin-right:auto!important;
text-align:center!important;
}
.core-tech-pillars{
gap:0!important;
overflow:hidden;
border:1px solid var(--fresh-line)!important;
border-radius:26px!important;
background:#fff!important;
box-shadow:var(--fresh-shadow-soft)!important;
}
.core-tech-pillar{
min-height:260px;
padding:34px 32px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.core-tech-pillar + .core-tech-pillar{
border-left:1px solid var(--fresh-line)!important;
}
.core-tech-pillar h3{
color:#242838!important;
font-size:18px!important;
font-weight:800!important;
letter-spacing:-.025em!important;
}
.core-tech-pillar p{
color:#747b8c!important;
font-size:13.5px!important;
line-height:1.72!important;
}
.core-tech-tags-unified{
gap:8px!important;
justify-content:center!important;
}
.core-tech-tags-unified span{
padding:8px 11px!important;
border:1px solid #eceaf2!important;
border-radius:9px!important;
background:#fafafd!important;
color:#6f7584!important;
font-size:11.5px!important;
font-weight:650!important;
box-shadow:none!important;
}
.pricing{
background:linear-gradient(180deg,#faf9ff 0%,#fff 70%)!important;
}
.pcv256-card{
border-color:#e6e2f3!important;
border-radius:30px!important;
box-shadow:0 24px 64px rgba(24,24,42,.075)!important;
}
.jp-offer-card{
border-color:#eceaf2!important;
background:#fbfbfd!important;
box-shadow:none!important;
}
@media (max-width:980px){
.kr-flow-compare{border-radius:22px;}
.kr-flow-card+ .kr-flow-card{border-left:0!important;border-top:1px solid var(--fresh-line)!important;}
.kr-flow-primary::before{inset:0 0 auto 0;width:auto;height:3px;}
.kr-direct-feature-emphasis{
grid-template-columns:1fr!important;
padding:32px!important;
gap:26px!important;
}
.kr-direct-feature-emphasis .kr-direct-feature-tags{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.core-tech-pillars{grid-template-columns:1fr!important;}
.core-tech-pillar{min-height:0;}
.core-tech-pillar + .core-tech-pillar{border-left:0!important;border-top:1px solid var(--fresh-line)!important;}
}
@media (max-width:767px){
.jp-hero-redesign{
background:radial-gradient(110% 55% at 50% 0%,rgba(109,91,208,.085),rgba(109,91,208,0) 72%),#fff;
}
.jp-hero-redesign .jp-hero-copy h1{
letter-spacing:-.045em!important;
}
.jp-hero-redesign .jp-hero-download{
width:min(100%,300px)!important;
min-height:50px!important;
border-radius:13px!important;
}
.kr-flow-compare{border-radius:18px;box-shadow:0 12px 30px rgba(24,24,42,.05);}
.kr-flow-card{min-height:0;padding:24px 21px!important;}
.kr-flow{font-size:15.5px!important;}
.kr-direct-feature-emphasis{
margin-top:40px!important;
padding:25px 21px!important;
border-radius:22px!important;
box-shadow:0 16px 40px rgba(24,24,42,.06)!important;
}
.kr-direct-feature-emphasis h3{font-size:21px!important;}
.kr-direct-feature-emphasis p{font-size:14px!important;}
.kr-direct-feature-emphasis .kr-direct-feature-tags{
grid-template-columns:1fr!important;
}
.kr-direct-feature-emphasis .kr-direct-feature-tags span{
min-height:44px!important;
border-radius:12px!important;
}
.kr-direct-preview-stage{margin-top:34px!important;}
.kr-usecase-grid article{
padding:23px 21px!important;
border-radius:16px!important;
}
.kr-usecase-grid article::before{left:21px;}
.kr-broadcast-support-grid{padding-top:30px!important;}
.kr-support-card{
min-height:0!important;
padding:27px 22px!important;
border-radius:21px!important;
}
.kr-support-topline{margin-bottom:21px!important;}
.kr-support-card h3{font-size:20px!important;}
.kr-support-cta{width:100%;justify-content:space-between!important;}
.core-tech-pillars{border-radius:20px!important;}
.core-tech-pillar{padding:27px 22px!important;}
.pcv256-card{border-radius:24px!important;}
}
@media (prefers-reduced-motion:reduce){
.kr-usecase-grid article,.kr-support-cta,.jp-hero-redesign .jp-hero-download{transition:none!important;}
}
:root{
--fresh-soft-purple:#f4f8ff;
--fresh-purple:#2563eb;
--fresh-purple-deep:#1d4ed8;
}
.jp-hero-redesign{
background:
radial-gradient(70% 70% at 50% 0%,rgba(37,99,235,.095) 0%,rgba(37,99,235,.032) 42%,rgba(37,99,235,0) 72%),
linear-gradient(180deg,#fafdff 0%,#fff 76%)!important;
}
.jp-hero-redesign::after{
background:linear-gradient(90deg,transparent,#e5eefb 22%,#d8e7fb 50%,#e5eefb 78%,transparent)!important;
}
.jp-hero-redesign .jp-hero-download{
background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;
box-shadow:0 12px 26px rgba(37,99,235,.20)!important;
}
.jp-hero-redesign .jp-hero-download:hover{
box-shadow:0 16px 34px rgba(37,99,235,.25)!important;
}
.kr-flow-primary{
background:linear-gradient(135deg,#fbfdff 0%,#eef5ff 100%)!important;
color:#18345f!important;
}
.kr-flow-primary::before{
background:linear-gradient(180deg,#60a5fa,#2563eb)!important;
}
.kr-flow-primary .kr-flow-label{color:#2563eb!important;}
.kr-direct-feature-emphasis{
border-color:#dfe9f7!important;
background:linear-gradient(145deg,#fff 0%,#fbfdff 54%,#f2f7ff 100%)!important;
}
.kr-direct-feature-emphasis::after{
background:radial-gradient(circle,rgba(37,99,235,.085) 0%,rgba(37,99,235,0) 70%)!important;
}
.kr-feature-kicker{color:#2563eb!important;}
.kr-direct-feature-emphasis .kr-direct-feature-tags span{
border-color:#e3ebf6!important;
color:#3d4c63!important;
}
.kr-broadcast-guide{
background:linear-gradient(180deg,#fafcff 0%,#f6f9fe 100%)!important;
}
.kr-usecase-grid article::before{background:#bfdbfe!important;}
.kr-broadcast-support-grid{border-top-color:#dfe7f2!important;}
.kr-support-card{border-color:#e0e8f3!important;}
.kr-support-card::after{
background:linear-gradient(145deg,rgba(37,99,235,.028),transparent 44%)!important;
}
.kr-support-product{color:#2563eb!important;}
.kr-support-platforms span,.kr-support-symptoms span{
border-color:#e3eaf4!important;
background:#f8fbff!important;
color:#526075!important;
}
.kr-support-more{
border-color:transparent!important;
background:transparent!important;
color:#9aa3b1!important;
}
.kr-support-system .kr-support-cta{
background:#eff6ff!important;
color:#1d4ed8!important;
}
.kr-support-system .kr-support-cta:hover{
background:#dbeafe!important;
}
.kr-support-doctor .kr-support-cta{
background:#f2efff!important;
color:#5c49bf!important;
}
.kr-support-doctor .kr-support-cta:hover{
background:#ebe6ff!important;
}
.core-technology::before{
background:linear-gradient(90deg,transparent,#e2e8f0 15%,#e2e8f0 85%,transparent)!important;
}
.core-tech-pillars{border-color:#e2e8f0!important;}
.core-tech-pillar + .core-tech-pillar{border-color:#e2e8f0!important;}
.core-tech-tags-unified span{
border-color:#e5eaf1!important;
background:#fafcff!important;
}
.pricing{
background:linear-gradient(180deg,#f7faff 0%,#fff 70%)!important;
}
.pcv256-card{border-color:#dce7f5!important;}
.jp-offer-card{
border-color:#e3eaf3!important;
background:#fbfdff!important;
}
@media (max-width:767px){
.jp-hero-redesign{
background:radial-gradient(110% 55% at 50% 0%,rgba(37,99,235,.08),rgba(37,99,235,0) 72%),#fff!important;
}
}
.jp-hero-lead{max-width:100%;text-wrap:balance}
.jp-hero-desc{max-width:100%;text-wrap:balance}
.jp-hero-desc-line{display:block}
@media (max-width:980px){
.jp-hero-lead,.jp-hero-desc{margin-left:auto!important;margin-right:auto!important}
}
@media (max-width:640px){
.jp-hero-lead,.jp-hero-desc{text-wrap:pretty}
.jp-hero-desc-line{display:block}
}
.jp-hero-redesign{padding:0!important}
.jp-hero-redesign>.wrap{width:100%!important;max-width:none!important;margin:0 auto!important;padding:0!important}
.jp-hero-shell{display:flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:1fr!important;gap:0!important;min-height:calc(100svh - 78px)!important;padding:72px 56px!important;background:#eef1fb!important;overflow:hidden!important}
.jp-hero-copy{max-width:980px!important;margin:0 auto!important;padding:0!important;text-align:center!important;transform:none!important}
.jp-hero-copy h1{margin:0 0 clamp(30px,4vw,44px)!important;white-space:normal!important;text-align:center!important}
.jp-hero-copy .jp-hero-title-line{display:block!important}
.jp-hero-lead,.jp-hero-desc{display:none!important}
.jp-hero-cta-group{margin-top:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.jp-hero-download.btn.primary{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.jp-hero-meta{margin-top:16px!important;text-align:center!important;white-space:normal!important}
.kr-direct-note{margin:18px 0 12px!important;text-align:center!important}
.kr-direct-preview-stage{margin-top:0!important}
@media (max-width:1300px){
.jp-hero-shell{min-height:calc(100svh - 76px)!important;padding:64px 40px!important}
}
@media (max-width:980px){
.jp-hero-shell{min-height:calc(92svh - 72px)!important;padding:56px 28px 48px!important}
.jp-hero-copy{max-width:780px!important}
.jp-hero-copy h1{margin-bottom:32px!important}
}
@media (max-width:767px){
.jp-hero-shell{min-height:calc(86svh - 64px)!important;padding:46px 20px 38px!important}
.jp-hero-copy{max-width:none!important}
.jp-hero-copy h1{margin-bottom:26px!important}
.jp-hero-cta-group{margin-top:0!important}
.jp-hero-meta{margin-top:14px!important}
}
.jp-hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.jp-hero-copy h1{margin:0!important;text-align:center!important}
.jp-hero-cta-group{display:none!important}
.kr-direct-note{display:block!important;width:100%!important;max-width:900px!important;margin:28px auto 16px!important;text-align:center!important;line-height:1.7!important}
.kr-direct-preview-stage{margin-top:0!important}
@media (max-width:980px){.kr-direct-note{margin:24px auto 14px!important;padding:0 14px!important}}
@media (max-width:767px){.kr-direct-note{margin:20px auto 12px!important;padding:0 10px!important;line-height:1.65!important}}
@media (min-width:1180px){
.jp-hero-redesign .jp-hero-shell{
width:100%!important;
max-width:1440px!important;
margin-inline:auto!important;
}
.jp-hero-redesign .jp-hero-copy{
width:100%!important;
max-width:1280px!important;
margin-inline:auto!important;
padding-inline:0!important;
}
.jp-hero-redesign .jp-hero-copy h1{
width:100%!important;
max-width:1280px!important;
margin-inline:auto!important;
font-weight:800!important;
text-align:center!important;
}
.jp-hero-redesign .jp-hero-title-line{
display:block!important;
width:100%!important;
max-width:none!important;
white-space:nowrap!important;
text-wrap:nowrap!important;
overflow-wrap:normal!important;
text-align:center!important;
}
html[lang="ja-JP"] .jp-hero-redesign .jp-hero-copy h1,
html[lang="zh-CN"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(60px,5vw,78px)!important;
line-height:1.08!important;
letter-spacing:-.035em!important;
}
html[lang="ko-KR"] .hero-experience .jp-hero-copy{
width:100%!important;
max-width:1280px!important;
}
html[lang="ko-KR"] .jp-hero-redesign .jp-hero-copy h1{
width:100%!important;
max-width:1280px!important;
font-size:clamp(50px,4.2vw,68px)!important;
line-height:1.1!important;
letter-spacing:-.035em!important;
word-break:keep-all!important;
}
html[lang="en"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(50px,4.25vw,68px)!important;
line-height:1.09!important;
letter-spacing:-.045em!important;
}
html[lang="de"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(44px,3.75vw,60px)!important;
line-height:1.1!important;
letter-spacing:-.04em!important;
}
html[lang="fr"] .jp-hero-redesign .jp-hero-copy h1,
html[lang="es"] .jp-hero-redesign .jp-hero-copy h1,
html[lang="pt-BR"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(48px,4.15vw,66px)!important;
line-height:1.1!important;
letter-spacing:-.04em!important;
}
html[lang="ru"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(46px,3.95vw,62px)!important;
line-height:1.1!important;
letter-spacing:-.035em!important;
}
html[lang="th"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(50px,4.2vw,68px)!important;
line-height:1.16!important;
letter-spacing:0!important;
}
}
.jp-hero-redesign .jp-hero-copy{
text-align:center!important;
}
.jp-hero-redesign .jp-hero-kicker{
margin:0 0 18px!important;
color:#2563eb!important;
-webkit-text-fill-color:#2563eb!important;
font-family:Inter,"Noto Sans JP","Noto Sans KR","Noto Sans Thai",sans-serif;
font-size:22px;
line-height:1.3;
font-weight:800;
letter-spacing:-.02em;
text-align:center;
}
.jp-hero-redesign .jp-hero-copy h1{
margin-bottom:0!important;
}
@media (min-width:1180px){
.jp-hero-redesign .jp-hero-kicker{
font-size:clamp(20px,1.55vw,25px)!important;
margin-bottom:20px!important;
}
html[lang="ja-JP"] .jp-hero-redesign .jp-hero-copy h1,
html[lang="zh-CN"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(58px,4.75vw,74px)!important;
}
html[lang="ko-KR"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(48px,3.95vw,64px)!important;
}
html[lang="en"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(48px,4vw,64px)!important;
}
html[lang="de"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(42px,3.45vw,56px)!important;
}
html[lang="fr"] .jp-hero-redesign .jp-hero-copy h1,
html[lang="es"] .jp-hero-redesign .jp-hero-copy h1,
html[lang="pt-BR"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(45px,3.75vw,60px)!important;
}
html[lang="ru"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(43px,3.55vw,57px)!important;
}
html[lang="th"] .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(46px,3.8vw,61px)!important;
}
}
@media (max-width:1179px){
.jp-hero-redesign .jp-hero-kicker{
margin-bottom:14px!important;
font-size:20px!important;
}
.jp-hero-redesign .jp-hero-title-line{
white-space:normal!important;
text-wrap:balance;
}
}
@media (max-width:767px){
.jp-hero-redesign .jp-hero-kicker{
margin-bottom:10px!important;
font-size:17px!important;
}
.jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(34px,9.2vw,42px)!important;
line-height:1.12!important;
}
html[lang="th"] .jp-hero-redesign .jp-hero-copy h1{
line-height:1.2!important;
}
}
html{scroll-behavior:smooth}
.jp-hero-redesign .hero-v347-actions{
display:flex!important;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:14px;
margin-top:38px;
}
.jp-hero-redesign .hero-v347-actions .btn{
min-height:58px;
padding:0 28px;
border-radius:14px;
font-size:17px;
line-height:1.25;
font-weight:800;
text-decoration:none;
box-sizing:border-box;
}
.jp-hero-redesign .hero-v347-primary{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:220px;
background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;
color:#fff!important;
-webkit-text-fill-color:#fff!important;
box-shadow:0 12px 28px rgba(37,99,235,.20)!important;
}
.jp-hero-redesign .hero-v347-primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(37,99,235,.25)!important}
.jp-hero-redesign .hero-v347-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:154px;
border:1px solid #d7e2f1!important;
background:#fff!important;
color:#24334a!important;
-webkit-text-fill-color:#24334a!important;
box-shadow:0 8px 20px rgba(15,23,42,.05);
}
.jp-hero-redesign .hero-v347-secondary:hover{border-color:#b9cbe2!important;background:#f8fbff!important;transform:translateY(-1px)}
#pricing .head{max-width:860px;margin-inline:auto}
#pricing .pricing-v347-intro{
margin:14px auto 0;
color:#2563eb;
font-size:20px;
line-height:1.5;
font-weight:800;
text-align:center;
text-wrap:balance;
}
#pricing .pcv297-lead{font-weight:800!important;color:#25344c!important}
#pricing .pcv297-note{max-width:720px;margin-inline:auto;line-height:1.65!important;text-wrap:pretty}
#pricing .pcv256-download{min-width:230px!important}
.final-cta-v347{
position:relative;
padding:108px 0 116px;
overflow:hidden;
background:
radial-gradient(70% 100% at 50% 0%,rgba(37,99,235,.10),rgba(37,99,235,0) 70%),
linear-gradient(180deg,#f7faff 0%,#ffffff 100%);
border-top:1px solid #e6edf7;
}
.final-cta-v347 .wrap{width:min(1120px,calc(100% - 40px));margin:0 auto}
.final-cta-v347-inner{max-width:900px;margin:0 auto;text-align:center}
.final-cta-v347 h2{
margin:0;
color:#111827;
font-size:clamp(40px,4.4vw,64px);
line-height:1.08;
font-weight:850;
letter-spacing:-.045em;
text-wrap:balance;
}
.final-cta-v347 p{
max-width:760px;
margin:24px auto 0;
color:#536176;
font-size:20px;
line-height:1.7;
font-weight:600;
text-wrap:balance;
}
.final-cta-v347-button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:250px;
min-height:62px;
margin-top:34px;
padding:0 30px!important;
border-radius:14px!important;
font-size:18px!important;
font-weight:800!important;
line-height:1.25!important;
text-align:center!important;
box-shadow:0 14px 30px rgba(37,99,235,.20)!important;
}
html[lang="ko-KR"] .hero-v347-actions,
html[lang="ko-KR"] .final-cta-v347,
html[lang="zh-CN"] .hero-v347-actions,
html[lang="zh-CN"] .final-cta-v347{word-break:keep-all}
html[lang="th"] .final-cta-v347 h2,
html[lang="th"] .final-cta-v347 p{letter-spacing:0!important}
html[dir="rtl"] .final-cta-v347-inner{text-align:center}
@media (max-width:980px){
.jp-hero-redesign .hero-v347-actions{margin-top:30px}
.final-cta-v347{padding:88px 0 94px}
.final-cta-v347 h2{font-size:clamp(36px,6vw,52px)}
}
@media (max-width:767px){
.jp-hero-redesign .hero-v347-actions{width:100%;gap:10px;margin-top:26px}
.jp-hero-redesign .hero-v347-actions .btn{min-height:52px;font-size:15px;border-radius:12px;padding-inline:18px}
.jp-hero-redesign .hero-v347-primary{min-width:min(100%,220px)}
.jp-hero-redesign .hero-v347-secondary{min-width:128px}
#pricing .pricing-v347-intro{margin-top:10px;font-size:17px;padding-inline:12px}
.final-cta-v347{padding:76px 0 82px}
.final-cta-v347 .wrap{width:min(100% - 28px,720px)}
.final-cta-v347 h2{font-size:clamp(32px,9vw,42px);line-height:1.13;letter-spacing:-.035em}
.final-cta-v347 p{margin-top:18px;font-size:17px;line-height:1.65}
.final-cta-v347-button{width:min(100%,290px);min-height:56px;margin-top:28px;font-size:16px!important}
}
@media (max-width:420px){
.jp-hero-redesign .hero-v347-actions{flex-direction:column}
.jp-hero-redesign .hero-v347-actions .btn{width:min(100%,300px)}
}
.kr-flow-card{justify-content:flex-start!important;min-height:0!important;}
.kr-flow-label{margin-bottom:12px!important;}
.kr-flow{margin:0!important;}
.kr-flow-detail,
.kr-flow-benefit,
.kr-flow-camera-note{
margin:14px 0 0!important;
font-size:14.5px!important;
line-height:1.75!important;
letter-spacing:0!important;
text-wrap:pretty;
}
.kr-flow-muted .kr-flow-detail{color:#727987!important;font-weight:500!important;}
.kr-flow-primary .kr-flow-benefit{color:#4f5870!important;font-weight:700!important;}
.kr-flow-primary .kr-flow-camera-note{margin-top:5px!important;color:#243b67!important;font-weight:800!important;}
html[lang="ja-JP"] .kr-flow-detail,
html[lang="ja-JP"] .kr-flow-benefit,
html[lang="ja-JP"] .kr-flow-camera-note,
html[lang="ko-KR"] .kr-flow-detail,
html[lang="ko-KR"] .kr-flow-benefit,
html[lang="ko-KR"] .kr-flow-camera-note,
html[lang="zh-CN"] .kr-flow-detail,
html[lang="zh-CN"] .kr-flow-benefit,
html[lang="zh-CN"] .kr-flow-camera-note{word-break:keep-all;overflow-wrap:break-word;}
html[lang="th"] .kr-flow-detail,
html[lang="th"] .kr-flow-benefit,
html[lang="th"] .kr-flow-camera-note{letter-spacing:0!important;}
html[dir="rtl"] .kr-flow-detail,
html[dir="rtl"] .kr-flow-benefit,
html[dir="rtl"] .kr-flow-camera-note{text-align:right;}
@media (max-width:767px){
.kr-flow-detail,.kr-flow-benefit,.kr-flow-camera-note{font-size:14px!important;line-height:1.7!important;}
}
.kr-flow{font-size:16px!important;line-height:1.6!important;}
.kr-direct-preview-stage{margin-top:42px!important;}
@media (max-width:767px){
.kr-flow{font-size:14.5px!important;line-height:1.6!important;}
.kr-direct-preview-stage{margin-top:28px!important;}
}
.hero-experience .jp-hero-redesign .jp-hero-title-line{
overflow-wrap:normal!important;
word-break:normal!important;
text-wrap:balance!important;
}
@media (min-width:768px) and (max-width:1179px){
.hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(38px,4.35vw,46px)!important;
line-height:1.10!important;
letter-spacing:-.035em!important;
text-wrap:balance!important;
}
html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(35px,4vw,43px)!important;
}
html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(33px,3.7vw,40px)!important;
}
html[lang="th"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(36px,4.15vw,44px)!important;
line-height:1.18!important;
letter-spacing:0!important;
}
.hero-experience .jp-hero-redesign .jp-hero-kicker{
font-size:18px!important;
}
.hero-experience .kr-section-head h2,
.hero-experience .core-tech-section-head h2,
.hero-experience #pricing .head h2,
.hero-experience .marketing-title{
font-size:clamp(28px,3.35vw,35px)!important;
line-height:1.20!important;
text-wrap:balance!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
}
@media (max-width:767px){
.hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(27px,7.4vw,33px)!important;
line-height:1.13!important;
letter-spacing:-.03em!important;
text-wrap:balance!important;
}
html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(25px,6.8vw,30px)!important;
line-height:1.15!important;
}
html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(24px,6.5vw,29px)!important;
line-height:1.16!important;
}
html[lang="th"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(27px,7.2vw,32px)!important;
line-height:1.22!important;
letter-spacing:0!important;
}
.hero-experience .jp-hero-redesign .jp-hero-kicker{
font-size:16px!important;
}
.hero-experience .kr-section-head h2,
.hero-experience .core-tech-section-head h2,
.hero-experience #pricing .head h2,
.hero-experience .marketing-title{
font-size:clamp(23px,6.2vw,29px)!important;
line-height:1.22!important;
text-wrap:balance!important;
overflow-wrap:normal!important;
word-break:normal!important;
}
}
@media (max-width:390px){
.hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:26px!important;
}
html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:24px!important;
}
html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:23px!important;
}
html[lang="th"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:25px!important;
}
.hero-experience .kr-section-head h2,
.hero-experience .core-tech-section-head h2,
.hero-experience #pricing .head h2,
.hero-experience .marketing-title{
font-size:23px!important;
}
}
.kr-direct-feature .kr-preview-note{margin-top:10px;}
@media (max-width:767px){.kr-direct-feature .kr-preview-note{margin-top:8px;}}
.kr-direct-obs .kr-flow-compare{
gap:16px;
max-width:980px;
}
.kr-direct-obs .kr-flow-card{
padding:24px 24px 23px;
border-radius:18px;
box-shadow:none;
}
.kr-direct-obs .kr-flow-muted{
background:#f8fafc;
border-color:#e5e9f0;
color:#475569;
}
.kr-direct-obs .kr-flow-primary{
background:#f5f8ff;
border-color:#cfdbef;
color:#1f365d;
}
.kr-direct-obs .kr-flow-label{
margin-bottom:11px!important;
font-size:13px;
line-height:1.35;
font-weight:800;
letter-spacing:.01em;
}
.kr-direct-obs .kr-flow-muted .kr-flow-label{color:#667085;}
.kr-direct-obs .kr-flow-primary .kr-flow-label{color:#2563eb;}
.kr-direct-obs .kr-flow{
font-size:16px!important;
line-height:1.62!important;
font-weight:750;
letter-spacing:-.01em;
}
.kr-direct-obs .kr-flow-detail,
.kr-direct-obs .kr-flow-benefit,
.kr-direct-obs .kr-flow-camera-note{
margin-top:12px!important;
font-size:14px!important;
line-height:1.72!important;
}
.kr-direct-obs .kr-flow-muted .kr-flow-detail{
color:#667085!important;
font-weight:500!important;
}
.kr-direct-obs .kr-flow-primary .kr-flow-benefit{
color:#4b5a72!important;
font-weight:650!important;
}
.kr-direct-obs .ski-camera-options{
max-width:980px;
margin:18px auto 0;
padding:22px 26px 21px;
border:1px solid #e3e8ef;
border-radius:18px;
background:#fbfcfe;
text-align:center;
box-shadow:none;
}
.kr-direct-obs .ski-camera-options-title,
.kr-direct-obs .ski-camera-options-question,
.kr-direct-obs .ski-camera-options-answer{
margin-left:auto;
margin-right:auto;
letter-spacing:-.015em;
}
.kr-direct-obs .ski-camera-options-title{
margin-top:0;
margin-bottom:0;
color:#1f2937;
font-size:18px;
line-height:1.5;
font-weight:800;
}
.kr-direct-obs .ski-camera-options-title strong,
.kr-direct-obs .ski-camera-options-question strong,
.kr-direct-obs .ski-camera-options-answer strong{font-weight:inherit;}
.kr-direct-obs .ski-camera-options-body{
max-width:800px;
margin:7px auto 0;
color:#667085;
font-size:14.5px;
line-height:1.75;
font-weight:450;
text-wrap:pretty;
}
.kr-direct-obs .ski-camera-options-question{
max-width:800px;
margin-top:17px;
margin-bottom:0;
padding-top:16px;
border-top:1px solid #e8edf3;
color:#344054;
font-size:15.5px;
line-height:1.55;
font-weight:750;
}
.kr-direct-obs .ski-camera-options-answer{
max-width:800px;
margin-top:4px;
margin-bottom:0;
color:#2563eb;
font-size:15.5px;
line-height:1.6;
font-weight:750;
text-wrap:pretty;
}
.kr-direct-obs .kr-direct-feature-emphasis{
position:relative;
display:block;
max-width:980px;
margin:18px auto 0;
padding:23px 26px 22px;
overflow:visible;
border:1px solid #dbe4ef;
border-radius:18px;
background:#fff;
box-shadow:none;
}
.kr-direct-obs .kr-direct-feature-emphasis::after{display:none;}
.kr-direct-obs .kr-direct-feature-main{
display:block;
position:relative;
z-index:1;
}
.kr-direct-obs .kr-direct-feature-emphasis .kr-direct-feature-copy{
max-width:820px;
}
.kr-direct-obs .kr-feature-kicker{
display:block;
min-height:0;
margin:0 0 5px;
padding:0;
border-radius:0;
background:transparent;
color:#2563eb;
font-size:13px;
line-height:1.45;
font-weight:750;
letter-spacing:.01em;
white-space:normal;
}
.kr-direct-obs .kr-direct-feature-emphasis h3{
margin:0 0 7px;
color:#1f2937;
font-size:20px;
line-height:1.4;
font-weight:800;
letter-spacing:-.02em;
}
.kr-direct-obs .kr-direct-feature-emphasis p{
margin:0;
color:#667085;
font-size:14.5px;
line-height:1.72;
font-weight:450;
text-wrap:pretty;
}
.kr-direct-obs .kr-direct-feature-emphasis .kr-preview-note{
max-width:820px;
margin-top:10px;
color:#7a8596;
font-size:13.5px;
line-height:1.68;
}
.kr-direct-obs .kr-direct-feature-emphasis .kr-direct-feature-tags{
display:flex;
justify-content:flex-start;
align-items:center;
flex-wrap:wrap;
gap:7px;
max-width:none;
margin-top:16px;
}
.kr-direct-obs .kr-direct-feature-emphasis .kr-direct-feature-tags span{
min-height:30px;
padding:5px 10px;
border:1px solid #e0e6ee;
border-radius:999px;
background:#f8fafc;
color:#526078;
font-size:12px;
line-height:1.3;
font-weight:700;
box-shadow:none;
white-space:normal;
}
.kr-direct-obs .kr-direct-preview-stage{
margin-top:34px!important;
}
.kr-direct-obs .ski-camera-options,
.kr-direct-obs .kr-direct-feature-emphasis{
overflow-wrap:break-word;
}
html[lang="ja-JP"] .kr-direct-obs .ski-camera-options,
html[lang="ko-KR"] .kr-direct-obs .ski-camera-options,
html[lang="zh-CN"] .kr-direct-obs .ski-camera-options,
html[lang="ja-JP"] .kr-direct-obs .kr-direct-feature-emphasis,
html[lang="ko-KR"] .kr-direct-obs .kr-direct-feature-emphasis,
html[lang="zh-CN"] .kr-direct-obs .kr-direct-feature-emphasis{
word-break:keep-all;
}
html[dir="rtl"] .kr-direct-obs .kr-direct-feature-emphasis{
text-align:right;
}
html[dir="rtl"] .kr-direct-obs .kr-direct-feature-emphasis .kr-direct-feature-tags{
justify-content:flex-start;
}
@media (max-width:767px){
.kr-direct-obs .kr-flow-compare{gap:12px;}
.kr-direct-obs .kr-flow-card{padding:20px 18px;border-radius:16px;}
.kr-direct-obs .kr-flow{font-size:14.5px!important;line-height:1.62!important;}
.kr-direct-obs .kr-flow-detail,
.kr-direct-obs .kr-flow-benefit,
.kr-direct-obs .kr-flow-camera-note{font-size:13.5px!important;}
.kr-direct-obs .ski-camera-options{
margin-top:14px;
padding:19px 17px 18px;
border-radius:16px;
}
.kr-direct-obs .ski-camera-options-title{font-size:16.5px;line-height:1.5;}
.kr-direct-obs .ski-camera-options-body{margin-top:6px;font-size:13.5px;line-height:1.72;}
.kr-direct-obs .ski-camera-options-question{margin-top:14px;padding-top:14px;font-size:14.5px;}
.kr-direct-obs .ski-camera-options-answer{font-size:14px;line-height:1.6;}
.kr-direct-obs .kr-direct-feature-emphasis{
margin-top:14px;
padding:19px 18px 18px;
border-radius:16px;
}
.kr-direct-obs .kr-feature-kicker{font-size:12.5px;margin-bottom:4px;}
.kr-direct-obs .kr-direct-feature-emphasis h3{font-size:18px;margin-bottom:6px;}
.kr-direct-obs .kr-direct-feature-emphasis p{font-size:13.5px;line-height:1.7;}
.kr-direct-obs .kr-direct-feature-emphasis .kr-preview-note{font-size:12.5px;line-height:1.65;margin-top:9px;}
.kr-direct-obs .kr-direct-feature-emphasis .kr-direct-feature-tags{gap:6px;margin-top:14px;}
.kr-direct-obs .kr-direct-feature-emphasis .kr-direct-feature-tags span{font-size:11.5px;min-height:28px;padding:4px 9px;}
.kr-direct-obs .kr-direct-preview-stage{margin-top:28px!important;}
}
.kr-direct-obs .ski-solution-compare,
.kr-direct-obs .ski-camera-flex,
.kr-direct-obs .ski-preset-clean{
max-width:980px;
margin-left:auto;
margin-right:auto;
}
.kr-direct-obs .ski-solution-compare{margin-top:2px;}
.kr-direct-obs .ski-solution-table-wrap{
overflow-x:auto;
border:1px solid #e1e6ee;
border-radius:18px;
background:#fff;
box-shadow:none;
-webkit-overflow-scrolling:touch;
}
.kr-direct-obs .ski-solution-table{
width:100%;
min-width:760px;
border-collapse:separate;
border-spacing:0;
table-layout:fixed;
color:#344054;
font-size:14px;
line-height:1.55;
}
.kr-direct-obs .ski-solution-table th,
.kr-direct-obs .ski-solution-table td{
padding:15px 16px;
border-right:1px solid #e9edf3;
border-bottom:1px solid #e9edf3;
vertical-align:middle;
text-align:left;
overflow-wrap:break-word;
}
.kr-direct-obs .ski-solution-table tr:last-child th,
.kr-direct-obs .ski-solution-table tr:last-child td{border-bottom:0;}
.kr-direct-obs .ski-solution-table th:last-child,
.kr-direct-obs .ski-solution-table td:last-child{border-right:0;}
.kr-direct-obs .ski-solution-table thead th{
background:#f8fafc;
color:#475467;
font-size:13px;
font-weight:800;
line-height:1.45;
}
.kr-direct-obs .ski-solution-table .ski-feature-head{width:17%;}
.kr-direct-obs .ski-solution-table tbody th{
width:17%;
background:#fbfcfd;
color:#475467;
font-size:13px;
font-weight:750;
}
.kr-direct-obs .ski-solution-table .ski-brand-head{
background:#f3f7ff;
color:#2563eb;
font-size:14px;
}
.kr-direct-obs .ski-solution-table .ski-brand-cell{
background:#f8faff;
color:#1f365d;
font-weight:700;
}
.kr-direct-obs .ski-solution-note{
margin:9px 4px 0;
color:#8a94a3;
font-size:11.5px;
line-height:1.55;
}
.kr-direct-obs .ski-camera-flex{
margin-top:28px;
padding:0 2px;
}
.kr-direct-obs .ski-camera-flex h3,
.kr-direct-obs .ski-preset-clean h3{
margin:0;
color:#1f2937;
font-size:20px;
line-height:1.42;
font-weight:800;
letter-spacing:-.02em;
}
.kr-direct-obs .ski-camera-flex > p,
.kr-direct-obs .ski-preset-clean > p{
max-width:860px;
margin:8px 0 0;
color:#667085;
font-size:14.5px;
line-height:1.75;
font-weight:450;
text-wrap:pretty;
}
.kr-direct-obs .ski-camera-flex .ski-camera-phone{
margin-top:10px;
padding-left:14px;
border-left:2px solid #93c5fd;
color:#2563eb;
font-weight:650;
}
.kr-direct-obs .ski-preset-clean{
margin-top:30px;
padding-top:28px;
border-top:1px solid #e7ebf0;
}
.kr-direct-obs .ski-preset-clean .ski-preset-note{
margin-top:9px;
color:#7a8596;
font-size:13.5px;
line-height:1.68;
}
.kr-direct-obs .ski-preset-tags{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:14px;
}
.kr-direct-obs .ski-preset-tags span{
padding:5px 10px;
border:1px solid #e0e6ee;
border-radius:999px;
background:#f8fafc;
color:#526078;
font-size:12px;
line-height:1.35;
font-weight:700;
}
.kr-direct-obs .kr-direct-preview-stage{margin-top:30px!important;}
html[lang="ja-JP"] .kr-direct-obs .ski-solution-table,
html[lang="ko-KR"] .kr-direct-obs .ski-solution-table,
html[lang="zh-CN"] .kr-direct-obs .ski-solution-table,
html[lang="ja-JP"] .kr-direct-obs .ski-camera-flex,
html[lang="ko-KR"] .kr-direct-obs .ski-camera-flex,
html[lang="zh-CN"] .kr-direct-obs .ski-camera-flex,
html[lang="ja-JP"] .kr-direct-obs .ski-preset-clean,
html[lang="ko-KR"] .kr-direct-obs .ski-preset-clean,
html[lang="zh-CN"] .kr-direct-obs .ski-preset-clean{
word-break:keep-all;
overflow-wrap:break-word;
}
html[dir="rtl"] .kr-direct-obs .ski-solution-table th,
html[dir="rtl"] .kr-direct-obs .ski-solution-table td,
html[dir="rtl"] .kr-direct-obs .ski-camera-flex,
html[dir="rtl"] .kr-direct-obs .ski-preset-clean{text-align:right;}
html[dir="rtl"] .kr-direct-obs .ski-camera-flex .ski-camera-phone{
padding-left:0;
padding-right:14px;
border-left:0;
border-right:2px solid #cbd5e1;
}
@media (max-width:767px){
.kr-direct-obs .ski-solution-table-wrap{border-radius:15px;}
.kr-direct-obs .ski-solution-table{min-width:690px;font-size:12.5px;}
.kr-direct-obs .ski-solution-table th,
.kr-direct-obs .ski-solution-table td{padding:12px 12px;}
.kr-direct-obs .ski-solution-table thead th,
.kr-direct-obs .ski-solution-table tbody th{font-size:12px;}
.kr-direct-obs .ski-solution-note{font-size:10.5px;margin-top:7px;}
.kr-direct-obs .ski-camera-flex{margin-top:23px;padding:0;}
.kr-direct-obs .ski-camera-flex h3,
.kr-direct-obs .ski-preset-clean h3{font-size:18px;}
.kr-direct-obs .ski-camera-flex > p,
.kr-direct-obs .ski-preset-clean > p{font-size:13.5px;line-height:1.72;}
.kr-direct-obs .ski-camera-flex .ski-camera-phone{margin-top:9px;padding-left:12px;}
html[dir="rtl"] .kr-direct-obs .ski-camera-flex .ski-camera-phone{padding-left:0;padding-right:12px;}
.kr-direct-obs .ski-preset-clean{margin-top:24px;padding-top:23px;}
.kr-direct-obs .ski-preset-clean .ski-preset-note{font-size:12.5px;}
.kr-direct-obs .ski-preset-tags{gap:6px;margin-top:12px;}
.kr-direct-obs .ski-preset-tags span{font-size:11.5px;padding:4px 9px;}
.kr-direct-obs .kr-direct-preview-stage{margin-top:25px!important;}
}
.kr-direct-obs .ski-solution-table .ski-brand-head,
.kr-direct-obs .ski-solution-table .ski-brand-cell{
border-left:0;
}
.kr-direct-obs .ski-solution-phone-note{
max-width:920px;
margin:12px 4px 0;
color:#2563eb!important;
font-size:14px;
line-height:1.68;
font-weight:700;
letter-spacing:-.01em;
}
.kr-direct-obs .ski-solution-phone-note strong{
color:#2563eb!important;
font-weight:700!important;
}
@media (max-width:767px){
.kr-direct-obs .ski-solution-phone-note{
margin-top:10px;
font-size:13px;
line-height:1.65;
}
}
@media (max-width:1024px){
.kr-direct-obs .ski-solution-table-wrap{
position:relative;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.kr-direct-obs .ski-solution-table .ski-feature-head,
.kr-direct-obs .ski-solution-table tbody th{
position:-webkit-sticky;
position:sticky;
left:0;
z-index:4;
min-width:112px;
width:112px;
box-shadow:8px 0 12px -12px rgba(15,23,42,.38);
}
.kr-direct-obs .ski-solution-table .ski-feature-head{
z-index:6;
background:#f8fafc;
}
.kr-direct-obs .ski-solution-table tbody th{
background:#fbfcfd;
}
html[dir="rtl"] .kr-direct-obs .ski-solution-table .ski-feature-head,
html[dir="rtl"] .kr-direct-obs .ski-solution-table tbody th{
left:auto;
right:0;
box-shadow:-8px 0 12px -12px rgba(15,23,42,.38);
}
}
@media (max-width:767px){
.kr-direct-obs .ski-solution-table .ski-feature-head,
.kr-direct-obs .ski-solution-table tbody th{
min-width:96px;
width:96px;
padding-left:10px;
padding-right:10px;
}
}
.hero-experience .jp-hero-redesign{padding:42px 0 28px!important;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important}
.hero-experience .jp-hero-redesign>.wrap{max-width:1180px!important;width:calc(100% - 40px)!important;margin:0 auto!important}
.hero-experience .jp-hero-redesign .jp-hero-shell{display:block!important;max-width:1040px!important;margin:0 auto!important;padding:54px 44px 50px!important;border:1px solid #e7edf6!important;border-radius:28px!important;background:#fff!important;box-shadow:0 18px 50px rgba(15,23,42,.055)!important}
.hero-experience .jp-hero-redesign .jp-hero-copy{max-width:900px!important;margin:0 auto!important;text-align:center!important}
.hero-experience .jp-hero-redesign .jp-hero-kicker{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 0 18px!important;padding:7px 13px!important;border:1px solid #d9e6fb!important;border-radius:999px!important;background:#f3f7ff!important;color:#2563eb!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.01em!important}
.hero-experience .jp-hero-redesign .jp-hero-copy h1{max-width:880px!important;margin:0 auto!important;color:#101828!important;-webkit-text-fill-color:#101828!important;font-size:clamp(38px,4.35vw,62px)!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.045em!important;white-space:normal!important;text-wrap:balance!important}
.hero-experience .jp-hero-redesign .jp-hero-title-line{display:block!important;text-align:center!important;white-space:normal!important;text-wrap:balance!important}
.hero-experience .hero-v354-subcopy{margin:22px auto 0!important;max-width:720px!important;color:#667085!important;text-align:center!important}
.hero-experience .hero-v354-subcopy p{margin:0!important;font-size:18px!important;line-height:1.65!important;font-weight:500!important;letter-spacing:-.01em!important}
.hero-experience .hero-v354-subcopy p+p{margin-top:2px!important}
.hero-experience .jp-hero-redesign .hero-v347-actions{justify-content:center!important;margin-top:30px!important;gap:12px!important}
.hero-experience .jp-hero-redesign .hero-v347-actions .btn{min-height:54px!important;padding:0 24px!important;border-radius:13px!important;font-size:16px!important;font-weight:800!important}
.kr-direct-obs .ski-camera-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:980px;margin:22px auto 0}
.kr-direct-obs .ski-camera-info-grid .ski-info-card{margin:0!important;padding:22px 24px!important;border-radius:18px!important;box-sizing:border-box}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone{border:1px solid #d8e5fb!important;background:#f5f8ff!important;color:#2563eb!important;font-size:14.5px!important;line-height:1.72!important;font-weight:700!important;letter-spacing:-.01em!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone strong{color:#2563eb!important;font-weight:750!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera{border:1px solid #e4e9f0!important;background:#fff!important;text-align:left!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera h3{margin:0 0 8px!important;color:#1f2937!important;font-size:18px!important;line-height:1.4!important;font-weight:800!important;letter-spacing:-.02em!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera p{margin:0!important;color:#667085!important;font-size:14px!important;line-height:1.72!important;font-weight:450!important}
.kr-direct-obs .ski-preview-intro{max-width:860px!important;margin:28px auto 0!important;padding-top:22px!important;border-top:1px solid #e7ebf0!important;color:#7a8596!important;font-size:13.5px!important;line-height:1.7!important;text-align:center!important;text-wrap:pretty!important}
.kr-direct-obs .ski-preview-intro + .jp-hero-preview-stage{margin-top:22px!important}
html[dir="rtl"] .kr-direct-obs .ski-camera-info-grid .ski-info-camera{text-align:right!important}
@media (max-width:767px){
.hero-experience .jp-hero-redesign{padding:24px 0 18px!important}
.hero-experience .jp-hero-redesign>.wrap{width:calc(100% - 24px)!important}
.hero-experience .jp-hero-redesign .jp-hero-shell{padding:34px 20px 30px!important;border-radius:22px!important}
.hero-experience .jp-hero-redesign .jp-hero-kicker{margin-bottom:14px!important;font-size:12.5px!important;padding:6px 11px!important}
.hero-experience .jp-hero-redesign .jp-hero-copy h1{font-size:clamp(31px,9.5vw,42px)!important;line-height:1.12!important;letter-spacing:-.04em!important}
.hero-experience .hero-v354-subcopy{margin-top:17px!important}
.hero-experience .hero-v354-subcopy p{font-size:15px!important;line-height:1.62!important}
.hero-experience .jp-hero-redesign .hero-v347-actions{margin-top:24px!important;flex-direction:column!important;align-items:stretch!important}
.hero-experience .jp-hero-redesign .hero-v347-actions .btn{width:100%!important;min-width:0!important;min-height:52px!important;font-size:15px!important}
.kr-direct-obs .ski-camera-info-grid{grid-template-columns:1fr;gap:12px;margin-top:16px}
.kr-direct-obs .ski-camera-info-grid .ski-info-card{padding:18px 17px!important;border-radius:16px!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone{font-size:13.5px!important;line-height:1.68!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera h3{font-size:17px!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera p{font-size:13.5px!important;line-height:1.68!important}
.kr-direct-obs .ski-preview-intro{margin-top:22px!important;padding-top:18px!important;font-size:12.5px!important;line-height:1.65!important;text-align:left!important}
html[dir="rtl"] .kr-direct-obs .ski-preview-intro{text-align:right!important}
}
.hero-experience .jp-hero-redesign{
padding:0!important;
background:#eef2ff!important;
}
.hero-experience .jp-hero-redesign>.wrap{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
}
.hero-experience .jp-hero-redesign .jp-hero-shell{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-height:calc(100svh - 72px)!important;
margin:0!important;
padding:72px 40px 84px!important;
border:0!important;
border-radius:0!important;
background:linear-gradient(180deg,#eef2ff 0%,#f7f9ff 68%,#ffffff 100%)!important;
box-shadow:none!important;
}
.hero-experience .jp-hero-redesign .jp-hero-copy{
width:100%!important;
max-width:1120px!important;
margin:0 auto!important;
padding:0!important;
text-align:center!important;
}
.hero-experience .jp-hero-redesign .jp-hero-kicker{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin:0 0 24px!important;
padding:8px 15px!important;
border:1px solid rgba(37,99,235,.16)!important;
border-radius:999px!important;
background:rgba(255,255,255,.72)!important;
color:#2563eb!important;
font-size:15px!important;
line-height:1.2!important;
font-weight:800!important;
letter-spacing:.01em!important;
backdrop-filter:blur(8px);
}
.hero-experience .jp-hero-redesign .jp-hero-copy h1{
max-width:1060px!important;
margin:0 auto!important;
color:#0f172a!important;
-webkit-text-fill-color:#0f172a!important;
font-size:clamp(52px,6vw,88px)!important;
line-height:1.03!important;
font-weight:900!important;
letter-spacing:-.055em!important;
white-space:normal!important;
text-wrap:balance!important;
}
.hero-experience .jp-hero-redesign .jp-hero-title-line{
display:block!important;
text-align:center!important;
white-space:normal!important;
text-wrap:balance!important;
}
.hero-experience .hero-v354-subcopy{
max-width:820px!important;
margin:30px auto 0!important;
color:#526077!important;
text-align:center!important;
}
.hero-experience .hero-v354-subcopy p{
margin:0!important;
font-size:20px!important;
line-height:1.65!important;
font-weight:600!important;
letter-spacing:-.012em!important;
}
.hero-experience .hero-v354-subcopy p+p{margin-top:2px!important}
.hero-experience .jp-hero-redesign .hero-v347-actions{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:14px!important;
margin-top:38px!important;
}
.hero-experience .jp-hero-redesign .hero-v347-actions .btn{
min-width:190px!important;
min-height:58px!important;
padding:0 28px!important;
border-radius:14px!important;
font-size:17px!important;
font-weight:800!important;
}
.lang-de .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-fr .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-es .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-pt-br .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-ru .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(46px,5.35vw,76px)!important;
max-width:1160px!important;
}
.kr-direct-obs .ski-camera-info-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:16px!important;
max-width:980px!important;
margin:22px auto 0!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-card{
margin:0!important;
padding:22px 24px!important;
border-radius:18px!important;
box-sizing:border-box!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone{
border:1px solid #cfe0ff!important;
background:#f2f6ff!important;
text-align:left!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone h3,
.kr-direct-obs .ski-camera-info-grid .ski-info-camera h3{
margin:0 0 9px!important;
font-size:18px!important;
line-height:1.4!important;
font-weight:800!important;
letter-spacing:-.02em!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone h3{
color:#2563eb!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone p{
margin:0!important;
color:#315787!important;
font-size:14px!important;
line-height:1.72!important;
font-weight:600!important;
letter-spacing:-.01em!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera{
border:1px solid #e4e9f0!important;
background:#fff!important;
text-align:left!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera h3{color:#1f2937!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera p{
margin:0!important;
color:#667085!important;
font-size:14px!important;
line-height:1.72!important;
font-weight:450!important;
}
.kr-direct-obs .ski-preview-intro{
max-width:820px!important;
margin:28px auto 0!important;
padding:0!important;
border:0!important;
color:#778196!important;
font-size:13.5px!important;
line-height:1.7!important;
text-align:center!important;
text-wrap:pretty!important;
}
.kr-direct-obs .ski-preview-intro + .jp-hero-preview-stage{margin-top:18px!important}
html[dir="rtl"] .kr-direct-obs .ski-camera-info-grid .ski-info-phone,
html[dir="rtl"] .kr-direct-obs .ski-camera-info-grid .ski-info-camera{text-align:right!important}
@media (max-width:980px){
.hero-experience .jp-hero-redesign .jp-hero-shell{
min-height:calc(100svh - 68px)!important;
padding:64px 28px 72px!important;
}
.hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(46px,7.4vw,68px)!important;
}
}
@media (max-width:767px){
.hero-experience .jp-hero-redesign .jp-hero-shell{
min-height:calc(100svh - 64px)!important;
padding:48px 20px 56px!important;
}
.hero-experience .jp-hero-redesign .jp-hero-kicker{
margin-bottom:18px!important;
padding:6px 11px!important;
font-size:12.5px!important;
}
.hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-de .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-fr .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-es .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-pt-br .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-ru .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(34px,10.6vw,48px)!important;
line-height:1.08!important;
letter-spacing:-.045em!important;
}
.hero-experience .hero-v354-subcopy{margin-top:22px!important}
.hero-experience .hero-v354-subcopy p{font-size:15.5px!important;line-height:1.62!important}
.hero-experience .jp-hero-redesign .hero-v347-actions{
margin-top:30px!important;
flex-direction:column!important;
align-items:stretch!important;
width:min(100%,420px)!important;
margin-left:auto!important;
margin-right:auto!important;
}
.hero-experience .jp-hero-redesign .hero-v347-actions .btn{
width:100%!important;
min-width:0!important;
min-height:54px!important;
font-size:15.5px!important;
}
.kr-direct-obs .ski-camera-info-grid{
grid-template-columns:1fr!important;
gap:12px!important;
margin-top:16px!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-card{
padding:18px 17px!important;
border-radius:16px!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone h3,
.kr-direct-obs .ski-camera-info-grid .ski-info-camera h3{font-size:17px!important}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone p,
.kr-direct-obs .ski-camera-info-grid .ski-info-camera p{font-size:13.5px!important;line-height:1.68!important}
.kr-direct-obs .ski-preview-intro{
margin-top:22px!important;
font-size:12.5px!important;
line-height:1.65!important;
text-align:left!important;
}
html[dir="rtl"] .kr-direct-obs .ski-preview-intro{text-align:right!important}
}
.kr-direct-obs .ski-solution-table thead th{
font-weight:500!important;
}
.kr-direct-obs .ski-solution-table thead .ski-brand-head{
font-weight:800!important;
}
.kr-direct-obs .ski-solution-table tbody th{
font-weight:600!important;
}
.kr-direct-obs .ski-solution-table tbody td{
font-weight:400!important;
}
.kr-direct-obs .ski-solution-table tbody td.ski-brand-cell{
font-weight:750!important;
}
.kr-direct-obs .ski-solution-table tbody td:not(.ski-brand-cell) strong{
font-weight:400!important;
}
.kr-direct-obs .ski-camera-info-grid{
align-items:stretch!important;
gap:18px!important;
margin-top:24px!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-card{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
min-height:164px!important;
padding:24px 26px!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone h3,
.kr-direct-obs .ski-camera-info-grid .ski-info-camera h3{
margin:0 0 10px!important;
color:#1f2937!important;
font-size:18px!important;
line-height:1.42!important;
font-weight:750!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone p,
.kr-direct-obs .ski-camera-info-grid .ski-info-camera p{
margin:0!important;
color:#4b5563!important;
font-size:14px!important;
line-height:1.72!important;
font-weight:400!important;
letter-spacing:-.005em!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone{
background:#f2f6ff!important;
border-color:#cfe0ff!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-camera{
background:#fff!important;
border-color:#e4e9f0!important;
}
.kr-broadcast-guide .kr-usecase-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:14px!important;
}
.kr-broadcast-guide .kr-usecase-grid article{
min-height:126px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
}
.kr-broadcast-guide .kr-usecase-grid h3{
line-height:1.48!important;
}
.kr-broadcast-guide .kr-usecase-grid p{
margin-top:8px!important;
line-height:1.55!important;
}
@media (max-width:980px){
.kr-broadcast-guide .kr-usecase-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
@media (max-width:767px){
.kr-direct-obs .ski-camera-info-grid{
gap:12px!important;
margin-top:18px!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-card{
min-height:0!important;
padding:19px 18px!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone h3,
.kr-direct-obs .ski-camera-info-grid .ski-info-camera h3{
margin-bottom:8px!important;
font-size:17px!important;
}
.kr-direct-obs .ski-camera-info-grid .ski-info-phone p,
.kr-direct-obs .ski-camera-info-grid .ski-info-camera p{
font-size:13.5px!important;
line-height:1.68!important;
}
.kr-broadcast-guide .kr-usecase-grid{
grid-template-columns:1fr!important;
gap:12px!important;
}
.kr-broadcast-guide .kr-usecase-grid article{
min-height:0!important;
}
}
.hero-experience .jp-hero-redesign{width:100%!important;padding:0!important;background:#eef2ff!important}
.hero-experience .jp-hero-redesign>.wrap{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.hero-experience .jp-hero-redesign .jp-hero-shell{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;min-height:calc(100svh - 72px)!important;margin:0!important;padding:72px 36px 84px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#eef2ff 0%,#f7f9ff 68%,#fff 100%)!important;box-shadow:none!important;overflow:hidden!important}
.hero-experience .jp-hero-redesign .jp-hero-copy{display:block!important;flex:0 1 auto!important;width:100%!important;max-width:1160px!important;min-width:0!important;margin:0 auto!important;padding:0 24px!important;box-sizing:border-box!important;text-align:center!important;transform:none!important}
.hero-experience .jp-hero-redesign .jp-hero-kicker{margin-left:auto!important;margin-right:auto!important}
.hero-experience .jp-hero-redesign .jp-hero-copy h1{width:100%!important;max-width:1080px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;white-space:normal!important;text-wrap:balance!important}
.hero-experience .jp-hero-redesign .jp-hero-title-line{width:100%!important;text-align:center!important}
.hero-experience .jp-hero-redesign .hero-v354-subcopy{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.hero-experience .jp-hero-redesign .hero-v347-actions{width:auto!important;margin-left:auto!important;margin-right:auto!important;justify-content:center!important}
.hero-experience .jp-hero-redesign .jp-hero-shell>.jp-hero-preview-stage,.hero-experience .jp-hero-redesign .jp-hero-shell>.jp-hero-preview-card{display:none!important}
.lang-de .hero-experience .jp-hero-redesign .jp-hero-copy,.lang-fr .hero-experience .jp-hero-redesign .jp-hero-copy,.lang-es .hero-experience .jp-hero-redesign .jp-hero-copy,.lang-pt-br .hero-experience .jp-hero-redesign .jp-hero-copy,.lang-ru .hero-experience .jp-hero-redesign .jp-hero-copy{max-width:1240px!important}
.lang-de .hero-experience .jp-hero-redesign .jp-hero-copy h1,.lang-fr .hero-experience .jp-hero-redesign .jp-hero-copy h1,.lang-es .hero-experience .jp-hero-redesign .jp-hero-copy h1,.lang-pt-br .hero-experience .jp-hero-redesign .jp-hero-copy h1,.lang-ru .hero-experience .jp-hero-redesign .jp-hero-copy h1{max-width:1160px!important}
html[dir="rtl"] .hero-experience .jp-hero-redesign .jp-hero-copy,html[dir="rtl"] .hero-experience .jp-hero-redesign .hero-v354-subcopy{text-align:center!important}
@media (max-width:980px){.hero-experience .jp-hero-redesign .jp-hero-shell{min-height:calc(100svh - 68px)!important;padding:62px 26px 70px!important}.hero-experience .jp-hero-redesign .jp-hero-copy{max-width:900px!important;padding:0 12px!important}}
@media (max-width:767px){.hero-experience .jp-hero-redesign .jp-hero-shell{min-height:calc(100svh - 64px)!important;padding:46px 18px 54px!important}.hero-experience .jp-hero-redesign .jp-hero-copy{max-width:100%!important;padding:0!important}}
.hero-experience .jp-hero-redesign .jp-hero-copy h1 .jp-hero-title-line + .jp-hero-title-line{margin-top:.12em!important}
:root{-webkit-text-size-adjust:100%;text-size-adjust:100%}
main :where(h1,h2,h3,h4,h5,h6){
text-wrap:balance;
overflow-wrap:normal;
}
main :where(p,li,dd,blockquote){
text-wrap:pretty;
}
html[lang="ja-JP"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote){
word-break:normal;
line-break:strict;
}
html[lang="ko-KR"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote){
word-break:keep-all;
overflow-wrap:break-word;
}
html[lang="zh-CN"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote){
word-break:normal;
line-break:strict;
}
html[lang="en"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote),
html[lang="es"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote),
html[lang="pt-BR"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote),
html[lang="fr"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote),
html[lang="de"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote),
html[lang="ru"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote),
html[lang="th"] main :where(h1,h2,h3,h4,h5,h6,p,li,dd,blockquote){
word-break:normal;
}
.hero-mobile-break{display:none}
@media (max-width:767px){
.hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-de .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-fr .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-es .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-pt-br .hero-experience .jp-hero-redesign .jp-hero-copy h1,
.lang-ru .hero-experience .jp-hero-redesign .jp-hero-copy h1{
max-width:100%!important;
margin-inline:auto!important;
font-size:clamp(28px,8vw,34px)!important;
line-height:1.12!important;
letter-spacing:-.035em!important;
word-break:normal!important;
overflow-wrap:normal!important;
text-wrap:balance!important;
}
.hero-experience .jp-hero-redesign .jp-hero-title-line{
display:block!important;
width:100%!important;
white-space:normal!important;
word-break:normal!important;
overflow-wrap:normal!important;
text-wrap:balance!important;
}
.hero-mobile-break{display:block}
html[lang="ja-JP"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(31px,8.6vw,36px)!important;
line-height:1.14!important;
}
html[lang="ja-JP"] .hero-experience .jp-hero-redesign .hero-title-line-2{
white-space:nowrap!important;
word-break:keep-all!important;
}
html[lang="zh-CN"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(30px,8.3vw,35px)!important;
}
html[lang="zh-CN"] .hero-experience .jp-hero-redesign .jp-hero-title-line{
word-break:keep-all!important;
}
html[lang="ko-KR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(28px,7.7vw,32px)!important;
line-height:1.18!important;
letter-spacing:-.025em!important;
}
html[lang="ko-KR"] .hero-experience .jp-hero-redesign .jp-hero-title-line{
word-break:keep-all!important;
overflow-wrap:normal!important;
}
html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(27px,7.35vw,31px)!important;
line-height:1.17!important;
letter-spacing:-.025em!important;
}
html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(25px,6.9vw,29px)!important;
line-height:1.18!important;
letter-spacing:-.02em!important;
}
html[lang="th"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{
font-size:clamp(28px,7.7vw,32px)!important;
line-height:1.27!important;
letter-spacing:0!important;
}
.hero-experience .jp-hero-redesign .jp-hero-kicker{
font-size:13px!important;
line-height:1.2!important;
margin-bottom:18px!important;
}
main :where(.page-hero h1,.updates-hero h1,.policy-card h1,.policy-card h2,.contact-shell h1,
.kr-section-head h2,.core-tech-section-head h2,.marketing-title){
max-width:100%;
overflow-wrap:normal!important;
text-wrap:balance!important;
}
}
@media (max-width:390px){
html[lang="ja-JP"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{font-size:31px!important}
html[lang="ko-KR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{font-size:27px!important}
html[lang="en"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="es"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="pt-BR"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="fr"] .hero-experience .jp-hero-redesign .jp-hero-copy h1,
html[lang="ru"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{font-size:26px!important}
html[lang="de"] .hero-experience .jp-hero-redesign .jp-hero-copy h1{font-size:24px!important}
}
.compare-label-compact{display:none}
@media (max-width:1024px){
main :where(section,article,div,header,footer,nav,form,fieldset,label){min-width:0}
main :where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,blockquote,a,button,label){max-width:100%}
main :where(img,video,canvas,svg){max-width:100%;height:auto}
:where(.btn,.back-link,.footer a,.nav a){overflow-wrap:break-word}
.kr-direct-obs .ski-solution-table .compare-label-wide{display:none!important}
.kr-direct-obs .ski-solution-table .compare-label-compact{
display:inline-block!important;
max-width:100%;
line-height:1.35;
white-space:normal;
text-align:inherit;
overflow-wrap:normal;
}
.kr-direct-obs .ski-solution-table tbody th{
line-height:1.35;
white-space:normal!important;
overflow:hidden;
}
html[lang="ja-JP"] .kr-direct-obs .ski-solution-table tbody th,
html[lang="ko-KR"] .kr-direct-obs .ski-solution-table tbody th,
html[lang="zh-CN"] .kr-direct-obs .ski-solution-table tbody th{
word-break:keep-all!important;
overflow-wrap:normal!important;
}
}
@media (max-width:767px){
.kr-direct-obs .ski-solution-table .ski-feature-head,
.kr-direct-obs .ski-solution-table tbody th{
min-width:104px!important;
width:104px!important;
padding-left:9px!important;
padding-right:9px!important;
font-size:11.5px!important;
}
.kr-direct-obs .ski-solution-table .compare-label-compact{font-size:11.5px}
}
@media (max-width:390px){
.kr-direct-obs .ski-solution-table .ski-feature-head,
.kr-direct-obs .ski-solution-table tbody th{
min-width:100px!important;
width:100px!important;
padding-left:8px!important;
padding-right:8px!important;
}
}
.hero-experience .jp-hero-redesign .jp-hero-copy h1{margin-top:0!important;}
@media (max-width:767px){
.ski-solution-table tbody th{line-height:1.28!important;}
html[lang="ja-JP"] .ski-solution-table tbody th{word-break:keep-all!important;overflow-wrap:normal!important;}
}
.kr-direct-obs .ski-solution-table thead th:not(.ski-brand-head){font-weight:500!important;}
.kr-direct-obs .ski-solution-table .ski-brand-head{font-weight:800!important;}
.kr-direct-obs .ski-solution-table tbody th{font-weight:600!important;}
.kr-direct-obs .ski-solution-table tbody td:not(.ski-brand-cell){font-weight:400!important;}
.kr-direct-obs .ski-solution-table tbody td.ski-brand-cell{font-weight:760!important;}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial{
max-width:980px!important;
margin:26px auto 0!important;
padding:7px!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
align-items:stretch!important;
border:1px solid #e6eaf0!important;
border-radius:26px!important;
background:#f6f8fb!important;
box-shadow:0 12px 34px rgba(15,23,42,.045)!important;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-info-card{
position:relative!important;
min-height:190px!important;
padding:30px 30px 28px!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
border:0!important;
border-radius:20px!important;
overflow:hidden!important;
box-shadow:none!important;
text-align:left!important;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-info-card::before{
content:"";
display:block;
width:38px;
height:4px;
margin:0 0 20px;
border-radius:999px;
background:#111827;
opacity:.9;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-card-phone-v20{
background:linear-gradient(145deg,#eaf2ff 0%,#f2f7ff 100%)!important;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-card-phone-v20::before{
background:#2563eb;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-card-camera-v20{
background:#fff!important;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial h3{
margin:0 0 12px!important;
color:#111827!important;
font-size:19px!important;
line-height:1.42!important;
font-weight:760!important;
letter-spacing:-.018em!important;
text-wrap:balance;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial p{
margin:0!important;
color:#475569!important;
font-size:14.5px!important;
line-height:1.78!important;
font-weight:400!important;
letter-spacing:-.005em!important;
text-wrap:pretty;
}
html[lang="ja-JP"] .kr-direct-obs .ski-camera-info-grid.ski-camera-editorial,
html[lang="ko-KR"] .kr-direct-obs .ski-camera-info-grid.ski-camera-editorial,
html[lang="zh-CN"] .kr-direct-obs .ski-camera-info-grid.ski-camera-editorial{
word-break:keep-all;
overflow-wrap:break-word;
}
html[dir="rtl"] .kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-info-card{
text-align:right!important;
}
html[dir="rtl"] .kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-info-card::before{
margin-left:auto;
}
@media (max-width:767px){
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial{
margin-top:20px!important;
padding:6px!important;
grid-template-columns:1fr!important;
gap:6px!important;
border-radius:21px!important;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-info-card{
min-height:0!important;
padding:23px 21px 22px!important;
border-radius:16px!important;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial .ski-info-card::before{
width:30px;
height:3px;
margin-bottom:15px;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial h3{
margin-bottom:9px!important;
font-size:17px!important;
line-height:1.45!important;
}
.kr-direct-obs .ski-camera-info-grid.ski-camera-editorial p{
font-size:13.5px!important;
line-height:1.72!important;
}
}
.ski-camera-note-v22{
margin:10px 0 0!important;
padding-top:9px!important;
border-top:1px solid rgba(15,23,42,.10)!important;
font-size:12.5px!important;
line-height:1.65!important;
font-weight:500!important;
color:#64748b!important;
letter-spacing:0!important;
}
.ski-card-phone-v20 .ski-camera-note-v22,
.ski-card-camera-v20 .ski-camera-note-v22{max-width:100%!important}
@media (max-width:640px){
.ski-camera-note-v22{font-size:12px!important;line-height:1.6!important;margin-top:9px!important;padding-top:8px!important}
}
.v24-streaming{overflow:hidden}
.v24-streaming .kr-section-head{margin-bottom:24px}
.v24-scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:52px}
.v24-scene-card{position:relative;overflow:hidden;min-width:0;padding:22px 22px 24px;border:1px solid #e1e8f2;border-radius:20px;background:#fff;box-shadow:none}
.v24-scene-card h3{margin:18px 0 6px;color:#111827;font-size:18px;line-height:1.35;font-weight:800;letter-spacing:-.02em;text-wrap:balance}
.v24-scene-card p{margin:0;color:#657085;font-size:14px;line-height:1.65;text-wrap:pretty}
.v24-scene-art{position:relative;height:92px;border-radius:15px;background:linear-gradient(145deg,#f7faff,#eef4fb);border:1px solid #e6edf6;overflow:hidden}
.v24-scene-art:after{content:"";position:absolute;inset:auto -20px -36px auto;width:110px;height:110px;border-radius:50%;border:18px solid rgba(37,99,235,.055)}
.v24-scene-face .v24-frame{position:absolute;left:50%;top:14px;width:58px;height:64px;transform:translateX(-50%);border:2px solid #7c93b3;border-radius:12px}
.v24-scene-face .v24-head{position:absolute;left:50%;top:25px;width:20px;height:20px;transform:translateX(-50%);border:2px solid #52719b;border-radius:50%}
.v24-scene-face .v24-body{position:absolute;left:50%;top:50px;width:34px;height:18px;transform:translateX(-50%);border:2px solid #52719b;border-bottom:0;border-radius:20px 20px 0 0}
.v24-scene-face i{position:absolute;top:20px;width:6px;height:6px;border-radius:50%;background:#9db2cf}.v24-scene-face i:nth-of-type(1){left:24px}.v24-scene-face i:nth-of-type(2){right:24px}
.v24-scene-game .v24-game-main{position:absolute;left:18px;top:15px;width:62%;height:52px;border:2px solid #607fa9;border-radius:9px;background:linear-gradient(135deg,rgba(37,99,235,.09),rgba(37,99,235,.02))}
.v24-scene-game .v24-game-cam{position:absolute;right:18px;bottom:15px;width:37px;height:30px;border:2px solid #607fa9;border-radius:8px;background:#fff}
.v24-scene-game .v24-game-bar{position:absolute;left:18px;bottom:13px;width:43%;height:5px;border-radius:9px;background:#a5b9d3}
.v24-scene-collab .v24-scene-art>span:not(.v24-collab-line){position:absolute;width:34px;height:28px;border:2px solid #607fa9;border-radius:8px;background:#fff}
.v24-scene-collab .v24-scene-art>span:nth-child(1){left:17px;top:17px}.v24-scene-collab .v24-scene-art>span:nth-child(2){left:58px;top:17px}.v24-scene-collab .v24-scene-art>span:nth-child(3){left:17px;top:52px}.v24-scene-collab .v24-scene-art>span:nth-child(4){left:58px;top:52px}
.v24-collab-line{position:absolute!important;right:18px!important;top:25px!important;width:34px!important;height:38px!important;border:0!important;border-left:2px solid #a5b9d3!important;border-bottom:2px solid #a5b9d3!important;border-radius:0 0 0 9px!important;background:transparent!important}
.v24-support-head{display:flex;align-items:center;gap:14px;margin:0 0 18px}.v24-support-head:after{content:"";height:1px;flex:1;background:#e2e8f0}.v24-support-head h3{margin:0;color:#1b2639;font-size:20px;line-height:1.35;font-weight:800;letter-spacing:-.02em}
.v24-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v24-tool-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #dfe7f2;border-radius:22px;background:#fff;box-shadow:0 9px 28px rgba(31,53,86,.045)}
.v24-tool-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.v24-tool-top strong{color:#52647c;font-size:13px;font-weight:800;letter-spacing:.03em}.v24-stage{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#eff5ff;color:#2458ad;font-size:12px;font-weight:800}
.v24-tool-preview{position:relative;overflow:hidden;height:148px;margin-bottom:20px;border:1px solid #e2e9f3;border-radius:15px;background:#f8fafc}
.v24-window-bar{height:28px;padding:10px 11px;border-bottom:1px solid #e5ebf2;background:#fff}.v24-window-bar span{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#cad5e3}
.v24-preview-row{padding:13px 14px 10px}.v24-preview-row small,.v24-preview-result small{display:block;margin-bottom:7px;color:#7b8798;font-size:10px;font-weight:700}.v24-preview-row div,.v24-preview-result div{display:flex;gap:7px;flex-wrap:wrap}.v24-preview-row b{padding:5px 9px;border:1px solid #cfe0f7;border-radius:7px;background:#fff;color:#335f98;font-size:10px;font-weight:700}.v24-preview-row b:first-child{background:#eaf2ff;border-color:#aac8f0}
.v24-preview-result{margin:0 14px;padding:9px 10px;border-radius:10px;background:#fff;border:1px solid #e5ebf2}.v24-preview-result b{color:#29384c;font-size:10px;font-weight:800}
.v24-doctor-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.v24-doctor-lines span{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e3e9f1;border-radius:8px;background:#fff;color:#48586e;font-size:10px;font-weight:700}.v24-doctor-lines span:last-child{grid-column:1/-1}.v24-doctor-lines i{width:7px;height:7px;border-radius:50%;background:#7fa3d4;box-shadow:0 0 0 3px #edf4fd}
.v24-tool-card>h3{margin:0 0 8px;color:#111827;font-size:21px;line-height:1.35;font-weight:850;letter-spacing:-.025em;text-wrap:balance}.v24-tool-card>p{margin:0 0 16px;color:#657085;font-size:14px;line-height:1.65;text-wrap:pretty}
.v24-tool-card .kr-support-platforms,.v24-tool-card .kr-support-symptoms{margin-top:auto}.v24-tool-card .kr-support-cta{margin-top:18px}
html[dir="rtl"] .v24-support-head,html[dir="rtl"] .v24-tool-top{direction:rtl}.v24-streaming[dir="rtl"]{direction:rtl}
@media(max-width:820px){.v24-scene-grid{gap:12px;margin-bottom:38px}.v24-scene-card{padding:18px}.v24-scene-art{height:80px}.v24-scene-card h3{font-size:16px}.v24-support-grid{gap:14px}.v24-tool-card{padding:20px}.v24-tool-preview{height:142px}}
@media(max-width:680px){.v24-scene-grid{grid-template-columns:1fr;gap:10px;margin-bottom:34px}.v24-scene-card{display:grid;grid-template-columns:106px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:16px}.v24-scene-art{grid-row:1/3;width:106px;height:74px}.v24-scene-card h3{margin:0 0 5px;font-size:16px}.v24-scene-card p{font-size:13px}.v24-support-head{margin-bottom:14px}.v24-support-head h3{font-size:18px}.v24-support-grid{grid-template-columns:1fr}.v24-tool-card{padding:18px;border-radius:19px}.v24-tool-card>h3{font-size:19px}.v24-tool-preview{height:136px;margin-bottom:17px}}
@media(max-width:390px){.v24-scene-card{grid-template-columns:88px minmax(0,1fr);column-gap:13px}.v24-scene-art{width:88px;height:68px}.v24-scene-face .v24-frame{width:48px;height:54px;top:7px}.v24-scene-face .v24-head{top:17px}.v24-scene-face .v24-body{top:42px}.v24-scene-game .v24-game-main{left:10px;top:10px;width:60%;height:42px}.v24-scene-game .v24-game-cam{right:9px;bottom:9px}.v24-scene-collab .v24-scene-art>span:not(.v24-collab-line){transform:scale(.8);transform-origin:top left}.v24-support-head h3{font-size:17px}.v24-tool-top{align-items:flex-start}.v24-tool-preview{height:132px}}
.v24-support-head h3{flex:0 0 auto;white-space:nowrap}
.v24-doctor-lines span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:390px){.v24-support-head h3{white-space:normal}}
.v24-streaming .v24-scene-art,
.v24-streaming .v24-tool-preview{display:none!important}
.v24-streaming .v24-scene-grid{gap:16px;margin-bottom:48px}
.v24-streaming .v24-scene-card{
min-height:150px;
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:28px 24px 25px!important;
border:1px solid #dfe7f2!important;
border-radius:20px!important;
background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
box-shadow:none!important;
}
.v24-streaming .v24-scene-card::before{
content:"";
width:34px;
height:3px;
margin-bottom:auto;
border-radius:999px;
background:#2f66df;
opacity:.88;
}
.v24-streaming .v24-scene-card h3{margin:28px 0 7px!important;color:#111827!important;font-size:18px!important;font-weight:800!important}
.v24-streaming .v24-scene-card p{margin:0!important;color:#657085!important;font-size:14px!important;line-height:1.65!important}
.v24-streaming .v24-support-grid{gap:18px}
.v24-streaming .v24-tool-card{
position:relative;
overflow:hidden;
min-height:310px;
padding:27px 26px 25px!important;
border:1px solid #dce6f3!important;
border-top-width:3px!important;
border-radius:22px!important;
background:#fff!important;
box-shadow:0 10px 28px rgba(31,53,86,.045)!important;
}
.v24-streaming .v24-tool-system{border-top-color:#2563eb!important;background:linear-gradient(180deg,#f8fbff 0%,#fff 38%)!important}
.v24-streaming .v24-tool-doctor{
border-color:#ddd7fa!important;
border-top-color:#6d5bd0!important;
background:linear-gradient(180deg,#f8f6ff 0%,#fff 40%)!important;
box-shadow:0 10px 28px rgba(97,80,199,.06)!important;
}
.v24-streaming .v24-tool-top{margin-bottom:26px!important}
.v24-streaming .v24-tool-top strong{font-size:13px!important;font-weight:850!important;letter-spacing:.025em!important}
.v24-streaming .v24-tool-system .v24-tool-top strong{color:#245ad5!important}
.v24-streaming .v24-tool-doctor .v24-tool-top strong{color:#6d5bd0!important}
.v24-streaming .v24-stage{
min-height:28px!important;
padding:5px 10px!important;
border-radius:999px!important;
background:#eaf2ff!important;
color:#2458ad!important;
font-size:12px!important;
font-weight:800!important;
}
.v24-streaming .v24-tool-doctor .v24-stage{background:#f5f2ff!important;color:#5847bd!important;border:1px solid #ddd7fa!important}
.v24-streaming .v24-tool-card .kr-support-cta{margin-top:auto!important}
.v24-streaming .v24-tool-card>h3{margin:0 0 9px!important;color:#111827!important}
.v24-streaming .v24-tool-card>p{margin:0 0 20px!important;color:#657085!important}
.v24-streaming .kr-support-platforms,
.v24-streaming .kr-support-symptoms{gap:7px!important;margin-top:auto!important;margin-bottom:0!important}
.v24-streaming .kr-support-platforms span,
.v24-streaming .kr-support-symptoms span{
min-height:30px!important;
padding:0 10px!important;
border:1px solid #dce7f6!important;
border-radius:9px!important;
background:#f8fbff!important;
color:#526075!important;
box-shadow:none!important;
font-size:11.5px!important;
font-weight:700!important;
}
.v24-streaming .v24-tool-doctor .kr-support-symptoms span{
border-color:#e7e1fa!important;
background:#f6f4fb!important;
color:#575268!important;
}
.v24-streaming .kr-support-more{
border-color:transparent!important;
background:transparent!important;
color:#929cab!important;
}
.v24-streaming .kr-support-cta,
.v24-streaming .v24-tool-system .kr-support-cta,
.v24-streaming .v24-tool-doctor .kr-support-cta,
.v24-streaming .kr-support-doctor .kr-support-cta{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:max-content!important;
min-height:44px!important;
margin-top:20px!important;
padding:0 17px!important;
border-radius:12px!important;
color:#fff!important;
font-size:14px!important;
font-weight:850!important;
text-decoration:none!important;
box-shadow:none!important;
}
.v24-streaming .v24-tool-system .kr-support-cta{background:#2563eb!important}
.v24-streaming .v24-tool-doctor .kr-support-cta{background:linear-gradient(135deg,#6d5bd0 0%,#7564dc 100%)!important;box-shadow:0 10px 24px rgba(97,80,199,.16)!important}
.v24-streaming .v24-tool-system .kr-support-cta:hover{background:#1d4ed8!important}
.v24-streaming .v24-tool-doctor .kr-support-cta:hover{background:linear-gradient(135deg,#5847bd 0%,#6654ca 100%)!important}
@media(max-width:820px){
.v24-streaming .v24-scene-card{min-height:138px;padding:23px 20px!important}
.v24-streaming .v24-tool-card{min-height:290px;padding:23px 22px!important}
}
@media(max-width:680px){
.v24-streaming .v24-scene-grid{gap:10px;margin-bottom:34px}
.v24-streaming .v24-scene-card{
min-height:0;
display:block!important;
padding:19px 18px!important;
}
.v24-streaming .v24-scene-card::before{display:block;margin:0 0 16px}
.v24-streaming .v24-scene-card h3{margin:0 0 5px!important;font-size:16px!important}
.v24-streaming .v24-scene-card p{font-size:13px!important}
.v24-streaming .v24-tool-card{min-height:0;padding:20px 18px!important}
.v24-streaming .v24-tool-top{margin-bottom:21px!important}
.v24-streaming .kr-support-cta,
.v24-streaming .v24-tool-system .kr-support-cta,
.v24-streaming .v24-tool-doctor .kr-support-cta{width:100%!important}
}
#streaming-scenes .locale-scene-visual-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
align-items:start;
}
#streaming-scenes .locale-scene-visual-card{
display:block!important;
min-height:0!important;
overflow:hidden;
padding:0!important;
border:1px solid rgba(25,55,105,.10)!important;
border-radius:20px!important;
background:#101527!important;
box-shadow:0 10px 28px rgba(23,48,92,.07)!important;
min-width:0;
}
#streaming-scenes .locale-scene-visual-card::before{display:none!important}
#streaming-scenes .locale-scene-media{
width:100%;
overflow:hidden;
background:#101527;
}
#streaming-scenes .locale-scene-media img{
display:block;
width:100%;
height:auto;
object-fit:contain;
}
@media (max-width:900px){
#streaming-scenes .locale-scene-visual-grid{grid-template-columns:1fr;gap:16px}
#streaming-scenes .locale-scene-visual-card{max-width:720px;margin-inline:auto;width:100%}
}
@media (max-width:640px){
#streaming-scenes .locale-scene-visual-grid{gap:14px}
#streaming-scenes .locale-scene-visual-card{border-radius:16px!important}
}
header.nav .langbox,
.clinic-page .langbox,
.subpage-nav .lang-switch {
flex: 0 0 auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
}
header.nav .langbtn,
.clinic-page .langbtn {
width: max-content !important;
min-width: 104px !important;
max-width: none !important;
flex: 0 0 auto !important;
overflow: visible !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
header.nav .lang-current,
.clinic-page .lang-current {
display: inline-block !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
text-overflow: clip !important;
white-space: nowrap !important;
line-height: 1.25 !important;
}
header.nav .lang-chevron,
.clinic-page .lang-chevron {
flex: 0 0 auto !important;
}
.subpage-nav .lang-switch summary {
width: max-content !important;
min-width: 0 !important;
max-width: none !important;
flex: 0 0 auto !important;
overflow: visible !important;
white-space: nowrap !important;
box-sizing: border-box !important;
}
header.nav .langmenu,
.clinic-page .langmenu,
.subpage-nav .lang-menu {
width: max-content !important;
min-width: 170px !important;
max-width: calc(100vw - 24px) !important;
box-sizing: border-box !important;
}
header.nav .langmenu a,
.clinic-page .langmenu a,
.subpage-nav .lang-menu a {
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
header.nav .right,
.clinic-header-right,
.subpage-nav .nav-actions {
min-width: 0 !important;
}
@media (max-width: 820px) {
header.nav .langbtn,
.clinic-page .langbtn {
min-width: 96px !important;
}
.subpage-nav .lang-switch summary {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media (max-width: 620px) {
header.nav .langbtn,
.clinic-page .langbtn {
min-width: 92px !important;
padding-left: 10px !important;
padding-right: 10px !important;
gap: 6px !important;
font-size: 12px !important;
}
header.nav .langmenu,
.clinic-page .langmenu {
right: 14px !important;
left: auto !important;
width: max-content !important;
min-width: 170px !important;
max-width: calc(100vw - 28px) !important;
}
.subpage-nav .lang-menu {
right: 0 !important;
left: auto !important;
min-width: 170px !important;
max-width: calc(100vw - 28px) !important;
}
}
@media (max-width: 520px) {
.clinic-header-right .clinic-home-link {
display: none !important;
}
.clinic-page .clinic-navin {
gap: 10px !important;
}
}
@media (max-width: 390px) {
header.nav .langbtn,
.clinic-page .langbtn {
min-width: 0 !important;
padding-left: 9px !important;
padding-right: 9px !important;
font-size: 11.5px !important;
}
.subpage-nav .lang-switch summary {
font-size: 12px !important;
padding: 7px 9px !important;
}
}
html[lang="ko-KR"] .jp-hero-redesign{padding-bottom:0!important;}
html[lang="ko-KR"] .jp-hero-redesign::after{display:none!important;}
html[lang="ko-KR"] .jp-hero-copy{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
html[lang="ko-KR"] .jp-hero-copy h1{max-width:900px!important;margin-left:auto!important;margin-right:auto!important;}
html[lang="ko-KR"] .jp-hero-title-line{display:block!important;white-space:normal!important;}
.kr-hero-value{max-width:700px;margin:22px auto 0;color:#4b5d78;font-size:19px;line-height:1.72;font-weight:650;word-break:keep-all;text-wrap:pretty;}
.kr-hero-badges{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin:22px auto 0;}
.kr-hero-badges > span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #dbe5f4;border-radius:999px;background:#f8faff;color:#40506a;font-size:12px;font-weight:800;white-space:nowrap;}
html[lang="ko-KR"] .hero-v347-actions{margin-top:26px!important;}
.kr-platform-strip{padding:28px 0 30px!important;background:#fff!important;border-top:0!important;border-bottom:0!important;}
.kr-platform-row{margin-bottom:12px!important;}
.kr-platform-row span{min-width:86px;background:#f8faff!important;}
.kr-platform-inline{margin:22px auto 0;text-align:center;}
.kr-platform-inline .kr-platform-row{margin-bottom:10px!important;}
.kr-platform-inline .kr-platform-copy{margin-bottom:0!important;}
.kr-flow-compare-v400 .kr-flow-card{display:flex;flex-direction:column;justify-content:center;min-height:190px;}
.kr-flow-compare-v400 .kr-flow-card p{margin:14px 0 0;color:#6b778b;font-size:14px;line-height:1.65;word-break:keep-all;}
.kr-flow-compare-v400 .kr-flow-primary p{color:#4c6287;}
.kr-flow-compare-v400 .kr-flow strong{color:#174ea6;font-weight:950;}
.kr-benefit-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:980px;margin:16px auto 42px;}
.kr-benefit-row article{display:flex;flex-direction:column;gap:5px;padding:18px 18px;border:1px solid #e1e8f2;border-radius:16px;background:#fff;text-align:center;}
.kr-benefit-row strong{color:#16233b;font-size:15px;line-height:1.4;font-weight:900;}
.kr-benefit-row span{color:#6a7688;font-size:13px;line-height:1.55;word-break:keep-all;}
.kr-subsection-head,.kr-preview-head{max-width:780px;margin:10px auto 24px;text-align:center;}
.kr-subsection-head>span,.kr-preview-head>span{display:inline-block;margin-bottom:8px;color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.11em;}
.kr-subsection-head h3,.kr-preview-head h3{margin:0 0 10px;color:#172033;font-size:clamp(24px,2.6vw,32px);line-height:1.28;font-weight:900;letter-spacing:-.035em;word-break:keep-all;}
.kr-subsection-head p,.kr-preview-head p{margin:0;color:#667085;font-size:15px;line-height:1.72;word-break:keep-all;text-wrap:pretty;}
.kr-preview-head{margin-top:54px;margin-bottom:22px;}
.kr-scene-caption{padding:17px 17px 20px;text-align:left;}
.kr-scene-caption h3{margin:0 0 7px;color:#172033;font-size:17px;line-height:1.4;font-weight:900;word-break:keep-all;}
.kr-scene-caption p{margin:0;color:#687386;font-size:13px;line-height:1.62;word-break:keep-all;}
html[lang="ko-KR"] .v24-scene-card{overflow:hidden;background:#fff;border:1px solid #e2e8f2;border-radius:20px;}
.kr-faq-section{padding:84px 0;background:#fff;}
.kr-faq-list{max-width:900px;margin:0 auto;border-top:1px solid #dfe6f0;}
.kr-faq-list details{border-bottom:1px solid #dfe6f0;}
.kr-faq-list summary{position:relative;padding:22px 48px 22px 4px;color:#172033;font-size:17px;line-height:1.5;font-weight:850;cursor:pointer;list-style:none;word-break:keep-all;}
.kr-faq-list summary::-webkit-details-marker{display:none;}
.kr-faq-list summary::after{content:'+';position:absolute;right:8px;top:18px;color:#2563eb;font-size:26px;line-height:1;font-weight:500;}
.kr-faq-list details[open] summary::after{content:'−';}
.kr-faq-list details p{margin:0;padding:0 48px 22px 4px;color:#647084;font-size:15px;line-height:1.75;word-break:keep-all;text-wrap:pretty;}
.kr-pricing-intro{max-width:680px;margin:12px auto 0;color:#667085;font-size:15px;line-height:1.7;text-align:center;word-break:keep-all;}
.kr-pricing-status{margin:14px auto 0;color:#667085;font-size:12.5px;line-height:1.6;text-align:center;word-break:keep-all;}
@media(max-width:980px){
.kr-benefit-row{grid-template-columns:1fr;max-width:720px;}
}
@media(max-width:767px){
html[lang="ko-KR"] .jp-hero-redesign{padding-bottom:0!important;}
.kr-hero-value{margin-top:18px;font-size:16px;line-height:1.68;}
.kr-hero-value br{display:none;}
.kr-hero-badges{margin-top:18px;gap:7px;}
.kr-hero-badges > span{min-height:31px;padding:0 10px;font-size:11px;}
.kr-platform-strip{padding:22px 0 24px!important;}
.kr-platform-inline{margin-top:18px;}
.kr-platform-row{gap:8px!important;}
.kr-platform-row span{min-width:0;min-height:34px!important;padding:0 12px!important;font-size:12px!important;}
.kr-platform-copy{font-size:13.5px!important;line-height:1.65!important;}
.kr-flow-compare-v400 .kr-flow-card{min-height:0;}
.kr-benefit-row{margin-bottom:32px;}
.kr-benefit-row article{padding:16px;}
.kr-subsection-head,.kr-preview-head{margin-bottom:20px;}
.kr-preview-head{margin-top:42px;}
.kr-subsection-head h3,.kr-preview-head h3{font-size:24px;}
.kr-subsection-head p,.kr-preview-head p{font-size:14px;}
.kr-scene-caption{padding:15px 16px 18px;}
.kr-faq-section{padding:62px 0;}
.kr-faq-list summary{padding:19px 40px 19px 2px;font-size:15px;}
.kr-faq-list summary::after{right:4px;top:16px;font-size:24px;}
.kr-faq-list details p{padding:0 36px 19px 2px;font-size:14px;line-height:1.7;}
.kr-pricing-intro{font-size:14px;}
html[lang="ko-KR"] header.nav .btn.primary{font-size:12px!important;padding-left:12px!important;padding-right:12px!important;}
}
html[lang="ko-KR"] .locale-scene-visual-card .locale-scene-media{margin:0!important;}
html[lang="ko-KR"] .locale-scene-visual-card .locale-scene-media img{display:block;width:100%;height:auto;}
html[lang="ko-KR"]{
--kr-type-ink:#1d1d1f;
--kr-type-secondary:#6e6e73;
--kr-type-tertiary:#86868b;
--kr-type-blue:#0066cc;
--kr-font-ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Noto Sans KR",Inter,"Helvetica Neue",Arial,sans-serif;
}
html[lang="ko-KR"] body{
font-family:var(--kr-font-ui)!important;
color:var(--kr-type-ink);
font-weight:400;
letter-spacing:-.012em;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
html[lang="ko-KR"] :is(h1,h2,h3,h4,p,span,a,button,summary,strong,label,select){
font-family:var(--kr-font-ui)!important;
}
html[lang="ko-KR"] header.nav .brand,
html[lang="ko-KR"] header.nav .skiinobs-brand-lock{
font-size:20px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:-.025em!important;
}
html[lang="ko-KR"] header.nav :is(.langbtn,.langmenu a){
font-size:13px!important;
line-height:1.25!important;
font-weight:500!important;
letter-spacing:-.01em!important;
}
html[lang="ko-KR"] header.nav .btn.primary{
font-size:14px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .jp-hero-redesign .jp-hero-copy h1{
max-width:980px!important;
color:var(--kr-type-ink)!important;
font-size:clamp(48px,5.2vw,72px)!important;
line-height:1.06!important;
font-weight:700!important;
letter-spacing:-.052em!important;
text-wrap:balance;
}
html[lang="ko-KR"] .kr-hero-value{
max-width:670px!important;
margin-top:24px!important;
color:var(--kr-type-secondary)!important;
font-size:19px!important;
line-height:1.58!important;
font-weight:400!important;
letter-spacing:-.018em!important;
}
html[lang="ko-KR"] .kr-hero-badges{
margin-top:23px!important;
gap:8px!important;
}
html[lang="ko-KR"] .kr-hero-badges > span{
min-height:32px!important;
padding:0 12px!important;
color:#515154!important;
font-size:12px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:-.006em!important;
}
html[lang="ko-KR"] :is(
.kr-section-head h2,
.pricing .marketing-title,
.core-tech-section-head .marketing-title,
.kr-faq-section .kr-section-head h2
){
color:var(--kr-type-ink)!important;
font-size:clamp(36px,4vw,52px)!important;
line-height:1.12!important;
font-weight:700!important;
letter-spacing:-.044em!important;
text-wrap:balance;
}
html[lang="ko-KR"] .kr-section-head{
max-width:840px!important;
}
html[lang="ko-KR"] .kr-section-head>p,
html[lang="ko-KR"] .kr-pricing-intro{
max-width:720px!important;
margin-left:auto!important;
margin-right:auto!important;
color:var(--kr-type-secondary)!important;
font-size:18px!important;
line-height:1.62!important;
font-weight:400!important;
letter-spacing:-.018em!important;
text-wrap:pretty;
}
html[lang="ko-KR"] .kr-flow-label{
margin-bottom:12px!important;
color:var(--kr-type-tertiary)!important;
font-size:12px!important;
line-height:1.35!important;
font-weight:600!important;
letter-spacing:-.006em!important;
}
html[lang="ko-KR"] .kr-flow-primary .kr-flow-label{
color:#5e5ce6!important;
}
html[lang="ko-KR"] .kr-flow{
color:#353538!important;
font-size:17px!important;
line-height:1.5!important;
font-weight:600!important;
letter-spacing:-.014em!important;
}
html[lang="ko-KR"] .kr-flow-compare-v400 .kr-flow-card p{
margin-top:13px!important;
color:var(--kr-type-secondary)!important;
font-size:14px!important;
line-height:1.58!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .kr-flow-compare-v400 .kr-flow strong{
color:#175cd3!important;
font-weight:600!important;
}
html[lang="ko-KR"] .kr-benefit-row strong{
color:var(--kr-type-ink)!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:600!important;
letter-spacing:-.018em!important;
}
html[lang="ko-KR"] .kr-benefit-row span{
color:var(--kr-type-secondary)!important;
font-size:13px!important;
line-height:1.5!important;
font-weight:400!important;
letter-spacing:-.01em!important;
}
html[lang="ko-KR"] :is(.kr-subsection-head,.kr-preview-head){
max-width:800px!important;
}
html[lang="ko-KR"] :is(.kr-subsection-head h3,.kr-preview-head h3){
color:var(--kr-type-ink)!important;
font-size:clamp(25px,2.4vw,32px)!important;
line-height:1.22!important;
font-weight:600!important;
letter-spacing:-.034em!important;
text-wrap:balance;
}
html[lang="ko-KR"] :is(.kr-subsection-head p,.kr-preview-head p){
color:var(--kr-type-secondary)!important;
font-size:16px!important;
line-height:1.65!important;
font-weight:400!important;
letter-spacing:-.014em!important;
}
html[lang="ko-KR"] .ski-camera-info-grid .ski-info-card h3{
color:var(--kr-type-ink)!important;
font-size:21px!important;
line-height:1.3!important;
font-weight:600!important;
letter-spacing:-.026em!important;
}
html[lang="ko-KR"] .ski-camera-info-grid .ski-info-card>p:not(.ski-camera-note-v22){
color:var(--kr-type-secondary)!important;
font-size:15.5px!important;
line-height:1.72!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .ski-camera-note-v22{
color:var(--kr-type-tertiary)!important;
font-size:12.5px!important;
line-height:1.6!important;
font-weight:400!important;
letter-spacing:-.008em!important;
}
html[lang="ko-KR"] .skiin-preview :is(label,.skdemo-tool-label,.skdemo-tab,.skdemo-slider-label,.skdemo-slider-value,.skdemo-preset-chip,.skdemo-more-item,.skdemo-tab-hint,select){
font-family:var(--kr-font-ui)!important;
letter-spacing:-.01em!important;
}
html[lang="ko-KR"] .skiin-preview :is(label,.skdemo-tool-label){font-weight:600!important;}
html[lang="ko-KR"] .skiin-preview .skdemo-tab{font-weight:600!important;}
html[lang="ko-KR"] .skiin-preview :is(.skdemo-slider-label,.skdemo-slider-value,.skdemo-tab-hint){font-weight:400!important;}
html[lang="ko-KR"] .skiin-preview :is(.skdemo-preset-chip,.skdemo-more-item){font-weight:500!important;}
html[lang="ko-KR"] .kr-platform-row span{
color:#303033!important;
font-size:12px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:-.006em!important;
}
html[lang="ko-KR"] .kr-platform-copy{
color:var(--kr-type-tertiary)!important;
font-size:14px!important;
line-height:1.58!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .v24-support-head h3{
color:var(--kr-type-ink)!important;
font-size:clamp(25px,2.4vw,31px)!important;
line-height:1.22!important;
font-weight:600!important;
letter-spacing:-.032em!important;
}
html[lang="ko-KR"] .v24-tool-top .v24-stage{
font-size:11.5px!important;
line-height:1.2!important;
font-weight:600!important;
letter-spacing:-.004em!important;
}
html[lang="ko-KR"] .v24-tool-top strong{
font-size:14px!important;
line-height:1.3!important;
font-weight:600!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .v24-tool-card h3{
color:var(--kr-type-ink)!important;
font-size:21px!important;
line-height:1.3!important;
font-weight:600!important;
letter-spacing:-.026em!important;
}
html[lang="ko-KR"] .v24-tool-card p{
color:var(--kr-type-secondary)!important;
font-size:15px!important;
line-height:1.68!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .kr-support-cta{
color:var(--kr-type-blue)!important;
font-size:14px!important;
line-height:1.35!important;
font-weight:600!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .pcv256-tab{
font-size:14px!important;
line-height:1.2!important;
font-weight:600!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .pcv256-price{
color:var(--kr-type-ink)!important;
font-size:clamp(52px,5vw,66px)!important;
line-height:1!important;
font-weight:700!important;
letter-spacing:-.052em!important;
}
html[lang="ko-KR"] .pcv256-unit{
color:var(--kr-type-secondary)!important;
font-size:16px!important;
line-height:1.2!important;
font-weight:500!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .jp-offer-card h4{
color:var(--kr-type-ink)!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:600!important;
letter-spacing:-.018em!important;
}
html[lang="ko-KR"] .jp-offer-card p{
color:var(--kr-type-secondary)!important;
font-size:14px!important;
line-height:1.62!important;
font-weight:400!important;
letter-spacing:-.01em!important;
}
html[lang="ko-KR"] .pcv256-download{
font-size:16px!important;
line-height:1!important;
font-weight:600!important;
letter-spacing:-.014em!important;
}
html[lang="ko-KR"] .kr-pricing-status{
color:var(--kr-type-tertiary)!important;
font-size:12.5px!important;
line-height:1.55!important;
font-weight:400!important;
letter-spacing:-.006em!important;
}
html[lang="ko-KR"] .core-tech-pillar h3{
color:var(--kr-type-ink)!important;
font-size:20px!important;
line-height:1.32!important;
font-weight:600!important;
letter-spacing:-.026em!important;
}
html[lang="ko-KR"] .core-tech-pillar p{
color:var(--kr-type-secondary)!important;
font-size:14.5px!important;
line-height:1.7!important;
font-weight:400!important;
letter-spacing:-.011em!important;
}
html[lang="ko-KR"] .core-tech-tags-unified span{
color:#6e6e73!important;
font-size:11px!important;
line-height:1.35!important;
font-weight:500!important;
letter-spacing:0!important;
}
html[lang="ko-KR"] .kr-faq-list summary{
color:var(--kr-type-ink)!important;
font-size:18px!important;
line-height:1.45!important;
font-weight:600!important;
letter-spacing:-.02em!important;
}
html[lang="ko-KR"] .kr-faq-list details p{
color:var(--kr-type-secondary)!important;
font-size:15.5px!important;
line-height:1.72!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .kr-faq-list summary::after{
font-weight:300!important;
}
html[lang="ko-KR"] footer{
color:var(--kr-type-secondary)!important;
font-size:13px!important;
line-height:1.55!important;
font-weight:400!important;
letter-spacing:-.006em!important;
}
html[lang="ko-KR"] footer .footbrand{
color:var(--kr-type-ink)!important;
font-size:18px!important;
font-weight:600!important;
letter-spacing:-.024em!important;
}
html[lang="ko-KR"] footer :is(a,button,span,p){
font-weight:400!important;
}
html[lang="ko-KR"] footer :is(h3,h4,strong){
color:#424245!important;
font-size:13px!important;
line-height:1.35!important;
font-weight:600!important;
letter-spacing:-.008em!important;
}
html[lang="ko-KR"] .modal :is(h2,.modal-title){
color:var(--kr-type-ink)!important;
font-size:26px!important;
line-height:1.22!important;
font-weight:600!important;
letter-spacing:-.032em!important;
}
html[lang="ko-KR"] .modal p{
color:var(--kr-type-secondary)!important;
font-size:15px!important;
line-height:1.65!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .modal .btn{
font-size:14px!important;
font-weight:600!important;
}
@media(max-width:767px){
html[lang="ko-KR"] .jp-hero-redesign .jp-hero-copy h1{
font-size:38px!important;
line-height:1.1!important;
letter-spacing:-.046em!important;
}
html[lang="ko-KR"] .kr-hero-value{
max-width:540px!important;
margin-top:18px!important;
font-size:16px!important;
line-height:1.6!important;
}
html[lang="ko-KR"] .kr-hero-badges > span{
min-height:30px!important;
font-size:11px!important;
font-weight:600!important;
}
html[lang="ko-KR"] :is(
.kr-section-head h2,
.pricing .marketing-title,
.core-tech-section-head .marketing-title,
.kr-faq-section .kr-section-head h2
){
font-size:32px!important;
line-height:1.17!important;
letter-spacing:-.038em!important;
}
html[lang="ko-KR"] .kr-section-head>p,
html[lang="ko-KR"] .kr-pricing-intro{
font-size:15.5px!important;
line-height:1.66!important;
}
html[lang="ko-KR"] :is(.kr-subsection-head h3,.kr-preview-head h3,.v24-support-head h3){
font-size:24px!important;
line-height:1.24!important;
}
html[lang="ko-KR"] :is(.kr-subsection-head p,.kr-preview-head p){
font-size:14.5px!important;
line-height:1.66!important;
}
html[lang="ko-KR"] .ski-camera-info-grid .ski-info-card h3,
html[lang="ko-KR"] .v24-tool-card h3,
html[lang="ko-KR"] .core-tech-pillar h3{
font-size:18px!important;
line-height:1.34!important;
}
html[lang="ko-KR"] .ski-camera-info-grid .ski-info-card>p:not(.ski-camera-note-v22),
html[lang="ko-KR"] .v24-tool-card p,
html[lang="ko-KR"] .core-tech-pillar p{
font-size:14px!important;
line-height:1.68!important;
}
html[lang="ko-KR"] .kr-flow{font-size:15px!important;}
html[lang="ko-KR"] .kr-flow-compare-v400 .kr-flow-card p{font-size:13px!important;}
html[lang="ko-KR"] .kr-benefit-row strong{font-size:15px!important;}
html[lang="ko-KR"] .kr-benefit-row span{font-size:12.5px!important;}
html[lang="ko-KR"] .kr-platform-copy{font-size:13px!important;}
html[lang="ko-KR"] .pcv256-price{font-size:50px!important;}
html[lang="ko-KR"] .jp-offer-card h4{font-size:15px!important;}
html[lang="ko-KR"] .jp-offer-card p{font-size:13.5px!important;}
html[lang="ko-KR"] .kr-faq-list summary{
font-size:16px!important;
line-height:1.45!important;
}
html[lang="ko-KR"] .kr-faq-list details p{
font-size:14px!important;
line-height:1.68!important;
}
html[lang="ko-KR"] header.nav .btn.primary{font-size:12px!important;}
}
@media(max-width:430px){
html[lang="ko-KR"] .jp-hero-redesign .jp-hero-copy h1{
font-size:34px!important;
}
html[lang="ko-KR"] :is(
.kr-section-head h2,
.pricing .marketing-title,
.core-tech-section-head .marketing-title,
.kr-faq-section .kr-section-head h2
){
font-size:29px!important;
}
}
html[lang="ko-KR"]{
--kr-editorial-title-size:42px;
--kr-editorial-title-weight:700;
--kr-editorial-copy-size:17px;
--kr-editorial-copy-weight:400;
}
html[lang="ko-KR"] .kr-editorial-head{
width:min(100%, 820px)!important;
max-width:820px!important;
margin:0 auto 60px!important;
text-align:center!important;
}
html[lang="ko-KR"] .kr-editorial-head h2{
margin:0!important;
color:#1d1d1f!important;
font-size:var(--kr-editorial-title-size)!important;
line-height:1.14!important;
font-weight:var(--kr-editorial-title-weight)!important;
letter-spacing:-.042em!important;
text-wrap:balance;
word-break:keep-all;
}
html[lang="ko-KR"] .kr-editorial-head>p{
width:min(100%, 720px)!important;
max-width:720px!important;
margin:18px auto 0!important;
color:#6e6e73!important;
font-size:var(--kr-editorial-copy-size)!important;
line-height:1.65!important;
font-weight:var(--kr-editorial-copy-weight)!important;
letter-spacing:-.016em!important;
text-wrap:pretty;
word-break:keep-all;
}
html[lang="ko-KR"] :is(.kr-market-section,.pricing,.core-technology,.kr-faq-section){
padding-top:120px!important;
padding-bottom:120px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-compare{
margin-bottom:0!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid{
margin-top:104px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-direct-preview-stage{
margin-top:112px!important;
}
html[lang="ko-KR"] .ski-camera-info-grid .ski-info-card>p:not(.ski-camera-note-v22){
margin-top:0!important;
color:#515154!important;
font-size:16px!important;
line-height:1.72!important;
font-weight:400!important;
letter-spacing:-.014em!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-inline{
margin-top:28px!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-copy{
display:none!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-scene-grid{
margin-top:52px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-support-grid{
margin-top:96px!important;
}
html[lang="ko-KR"] .v24-tool-card>p{
margin-top:18px!important;
color:#515154!important;
font-size:15.5px!important;
line-height:1.68!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .v24-tool-top strong{
font-size:15px!important;
font-weight:600!important;
}
html[lang="ko-KR"] .kr-feature-label{
display:block;
margin:0 0 7px!important;
color:#1d1d1f!important;
font-size:15px!important;
line-height:1.35!important;
font-weight:600!important;
letter-spacing:-.016em!important;
}
html[lang="ko-KR"] .jp-offer-card p{
margin:0!important;
}
html[lang="ko-KR"] .core-tech-pillars{
margin-top:0!important;
}
html[lang="ko-KR"] .core-tech-pillar p{
margin:0!important;
color:#515154!important;
font-size:15.5px!important;
line-height:1.72!important;
font-weight:400!important;
letter-spacing:-.012em!important;
}
html[lang="ko-KR"] .kr-faq-list summary{
font-size:17px!important;
font-weight:600!important;
letter-spacing:-.018em!important;
}
@media (max-width:760px){
html[lang="ko-KR"]{
--kr-editorial-title-size:31px;
--kr-editorial-copy-size:16px;
}
html[lang="ko-KR"] .kr-editorial-head{
margin-bottom:42px!important;
padding-inline:6px!important;
}
html[lang="ko-KR"] .kr-editorial-head>p{
margin-top:14px!important;
line-height:1.62!important;
}
html[lang="ko-KR"] :is(.kr-market-section,.pricing,.core-technology,.kr-faq-section){
padding-top:84px!important;
padding-bottom:84px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid{
margin-top:72px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-direct-preview-stage{
margin-top:78px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-scene-grid{
margin-top:38px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-support-grid{
margin-top:68px!important;
}
}
html[lang="ko-KR"] #direct-in-obs .kr-editorial-head:not(.kr-preview-intro){
margin-bottom:64px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-compare{
max-width:1040px!important;
margin-left:auto!important;
margin-right:auto!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400{
gap:20px!important;
align-items:stretch!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400 .kr-flow-card{
min-height:0!important;
padding:30px 32px!important;
justify-content:flex-start!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-label{
margin-bottom:18px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow{
margin:0!important;
line-height:1.58!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400 .kr-flow-card p{
margin-top:16px!important;
margin-bottom:0!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-benefit-row{
gap:18px!important;
max-width:1040px!important;
margin:28px auto 0!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-benefit-row article{
gap:8px!important;
padding:22px 20px!important;
min-height:92px!important;
justify-content:center!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid{
max-width:1040px!important;
margin-top:72px!important;
gap:20px!important;
align-items:stretch!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
min-height:164px!important;
padding:28px 30px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card>p:not(.ski-camera-note-v22){
margin:0!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-note-v22{
margin:14px 0 0!important;
padding-top:13px!important;
border-top:1px solid rgba(37,99,235,.12)!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-preview-intro{
margin-top:124px!important;
margin-bottom:48px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-direct-preview-stage{
margin-top:0!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-inline{
max-width:820px!important;
margin-top:30px!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-row{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
gap:10px!important;
margin-bottom:0!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-row span{
min-width:88px!important;
min-height:38px!important;
padding:0 15px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
@media (max-width:980px){
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400{
gap:14px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400 .kr-flow-card{
padding:26px 24px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-benefit-row{
gap:12px!important;
}
}
@media (max-width:760px){
html[lang="ko-KR"] #direct-in-obs .kr-editorial-head:not(.kr-preview-intro){
margin-bottom:44px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400{
gap:12px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400 .kr-flow-card{
padding:24px 20px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-label{
margin-bottom:13px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-flow-compare-v400 .kr-flow-card p{
margin-top:12px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-benefit-row{
margin-top:18px!important;
gap:10px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-benefit-row article{
min-height:0!important;
padding:18px 17px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid{
margin-top:54px!important;
gap:12px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card{
min-height:0!important;
padding:22px 20px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-preview-intro{
margin-top:86px!important;
margin-bottom:34px!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-inline{
margin-top:22px!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-row{
gap:8px!important;
}
html[lang="ko-KR"] #streaming-scenes .kr-platform-row span{
min-width:0!important;
min-height:34px!important;
padding:0 12px!important;
font-size:11.5px!important;
}
}
html[lang="ko-KR"]{
--kr-section-title-size:40px;
--kr-section-title-weight:700;
--kr-section-title-line:1.2;
--kr-section-title-spacing:-.04em;
}
html[lang="ko-KR"] h2.kr-unified-section-title{
margin:0!important;
color:#1d1d1f!important;
font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif!important;
font-size:var(--kr-section-title-size)!important;
font-weight:var(--kr-section-title-weight)!important;
line-height:var(--kr-section-title-line)!important;
letter-spacing:var(--kr-section-title-spacing)!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
text-wrap:balance!important;
font-style:normal!important;
}
html[lang="ko-KR"] :is(
.kr-editorial-head>p,
.ski-solution-table th,
.ski-solution-table td,
.ski-camera-info-grid h3,
.ski-camera-info-grid p,
.kr-faq-section p,
.core-tech-pillar p,
.jp-offer-card p
){
word-break:keep-all!important;
overflow-wrap:break-word!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-compare{
max-width:1040px!important;
margin-left:auto!important;
margin-right:auto!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-comparison{
margin:0 auto!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-table{
font-size:14px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-table thead th{
font-size:14px!important;
line-height:1.4!important;
font-weight:600!important;
letter-spacing:-.02em!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-table thead .ski-brand-head{
font-weight:700!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-table tbody th{
font-size:13px!important;
line-height:1.45!important;
font-weight:600!important;
letter-spacing:-.018em!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-table tbody td{
font-size:13.5px!important;
line-height:1.55!important;
font-weight:400!important;
letter-spacing:-.015em!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-table tbody td.ski-brand-cell{
font-weight:650!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info{
max-width:1040px!important;
margin-top:48px!important;
gap:18px!important;
align-items:stretch!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info .ski-info-card{
display:block!important;
min-height:0!important;
padding:28px 30px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info h3{
margin:0 0 12px!important;
color:#1d1d1f!important;
font-size:18px!important;
line-height:1.4!important;
font-weight:650!important;
letter-spacing:-.025em!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info p:not(.ski-camera-note-v22){
margin:0!important;
color:#515154!important;
font-size:15.5px!important;
line-height:1.7!important;
font-weight:400!important;
letter-spacing:-.014em!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info .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;
}
html[lang="ko-KR"] :is(
#direct-in-obs .kr-section-head,
#streaming-scenes .kr-section-head,
.pricing .head.kr-editorial-head,
.core-technology .core-tech-section-head,
.kr-faq-section .kr-section-head
){
width:min(100%,900px)!important;
max-width:900px!important;
}
@media (max-width:900px){
html[lang="ko-KR"]{--kr-section-title-size:34px;}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info{
margin-top:38px!important;
}
}
@media (max-width:640px){
html[lang="ko-KR"]{--kr-section-title-size:28px;}
html[lang="ko-KR"] h2.kr-unified-section-title{
line-height:1.24!important;
letter-spacing:-.035em!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-solution-table{
font-size:12.5px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info{
margin-top:30px!important;
gap:12px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info .ski-info-card{
padding:22px 20px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info h3{
font-size:17px!important;
}
html[lang="ko-KR"] #direct-in-obs .kr-restored-camera-info p:not(.ski-camera-note-v22){
font-size:15px!important;
}
}
html[lang^="ko"]{
--kr-font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif;
}
html[lang^="ko"] body{
font-family:var(--kr-font);
}
html[lang^="ko"] :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td,label,button,summary,a){
word-break:keep-all!important;
overflow-wrap:break-word!important;
hyphens:none!important;
}
html[lang^="ko"] :where(h1,h2,h3,h4,h5,h6){
text-wrap:balance;
}
html[lang^="ko"] :where(p,li,dd){
text-wrap:pretty;
}
html[lang^="ko"] .kr-semantic-line{
display:block;
}
html[lang^="ko"] .kr-semantic-title{
text-wrap:initial!important;
}
html[lang^="ko"] .kr-semantic-copy .kr-copy-line{
display:block;
}
html[lang="ko-KR"] h2.kr-unified-section-title{
font-family:var(--kr-font)!important;
font-size:40px!important;
font-weight:700!important;
line-height:1.2!important;
letter-spacing:-.04em!important;
}
html[lang^="ko"] :where(.clinic-category h3,.doctor-faq-item h3,.ski-camera-info-grid h3,.legal-body h2,.legal-body h3){
text-wrap:pretty;
}
@media (max-width:1024px){
html[lang="ko-KR"] h2.kr-unified-section-title{
font-size:34px!important;
line-height:1.22!important;
letter-spacing:-.035em!important;
}
}
@media (max-width:767px){
html[lang="ko-KR"] h2.kr-unified-section-title{
font-size:28px!important;
line-height:1.26!important;
letter-spacing:-.03em!important;
}
html[lang^="ko"] .kr-semantic-copy .kr-copy-line{
display:inline;
}
html[lang^="ko"] .kr-semantic-copy .kr-copy-line:not(:last-child)::after{
content:" ";
}
}
html[lang="ko-KR"] body.lang-ko main h2.kr-unified-section-title{
margin:0!important;
color:#1d1d1f!important;
font-family:var(--kr-font)!important;
font-size:40px!important;
font-weight:700!important;
line-height:1.2!important;
letter-spacing:-.04em!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
text-wrap:balance!important;
font-style:normal!important;
}
html[lang="ko-KR"] body.lang-ko main .kr-editorial-head{
width:min(100%,900px)!important;
max-width:900px!important;
}
html[lang="ko-KR"] body.lang-ko main .kr-editorial-head>p{
max-width:760px!important;
font-family:var(--kr-font)!important;
font-size:17px!important;
font-weight:400!important;
line-height:1.68!important;
letter-spacing:-.016em!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
text-wrap:pretty!important;
}
html[lang^="ko"] body.lang-ko main :is(h1,h2,h3,h4,h5,h6){
word-break:keep-all!important;
overflow-wrap:normal!important;
hyphens:none!important;
text-wrap:balance;
}
html[lang^="ko"] body.lang-ko main :is(p,li,dt,dd,th,td,label,summary,button,a){
word-break:keep-all!important;
overflow-wrap:break-word!important;
hyphens:none!important;
text-wrap:pretty;
}
html[lang^="ko"] body.lang-ko main .kr-semantic-title{
text-wrap:initial!important;
}
html[lang^="ko"] body.lang-ko main .kr-semantic-title>.kr-semantic-line{
display:block!important;
white-space:normal!important;
}
@media (max-width:1024px){
html[lang="ko-KR"] body.lang-ko main h2.kr-unified-section-title{
font-size:34px!important;
line-height:1.22!important;
letter-spacing:-.035em!important;
}
}
@media (max-width:767px){
html[lang="ko-KR"] body.lang-ko main h2.kr-unified-section-title{
font-size:27px!important;
line-height:1.27!important;
letter-spacing:-.03em!important;
}
html[lang="ko-KR"] body.lang-ko main .kr-editorial-head{
width:100%!important;
max-width:none!important;
padding-inline:0!important;
}
html[lang="ko-KR"] body.lang-ko main .kr-editorial-head>p{
max-width:100%!important;
font-size:15.5px!important;
line-height:1.68!important;
}
}
html[lang="ko-KR"] body.lang-ko .hero-experience :is(
#direct-in-obs 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-family:var(--kr-font)!important;
font-size:40px!important;
font-weight:700!important;
line-height:1.2!important;
letter-spacing:-.04em!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
text-wrap:balance!important;
}
html[lang="ko-KR"] body.lang-ko .hero-experience #direct-in-obs h2.kr-semantic-title{
text-wrap:initial!important;
}
html[lang="ko-KR"] body.lang-ko .hero-experience :is(
#direct-in-obs .kr-editorial-head>p,
#streaming-scenes .kr-editorial-head>p,
#pricing .kr-editorial-head>p,
#core-technology .kr-editorial-head>p,
#faq .kr-editorial-head>p
){
text-wrap:balance!important;
}
@media (max-width:1024px){
html[lang="ko-KR"] body.lang-ko .hero-experience :is(
#direct-in-obs 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.22!important;
letter-spacing:-.035em!important;
}
}
@media (max-width:767px){
html[lang="ko-KR"] body.lang-ko .hero-experience :is(
#direct-in-obs 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:25px!important;
line-height:1.28!important;
letter-spacing:-.028em!important;
}
}
html[lang^="ko"] body.lang-ko main .kr-responsive-semantic>.kr-semantic-line{
display:inline!important;
}
html[lang^="ko"] body.lang-ko main .kr-responsive-semantic>.kr-semantic-line+.kr-semantic-line::before{
content:" ";
}
@media (max-width:767px){
html[lang^="ko"] body.lang-ko main .kr-responsive-semantic>.kr-semantic-line{
display:block!important;
}
html[lang^="ko"] body.lang-ko main .kr-responsive-semantic>.kr-semantic-line+.kr-semantic-line::before{
content:"";
}
html[lang="ko-KR"] body.lang-ko .thanks-card h1{
font-size:28px!important;
line-height:1.3!important;
letter-spacing:-.035em!important;
white-space:nowrap!important;
}
html[lang="ko-KR"] body.lang-ko .sc-gpu-entry-head h2{
font-size:23px!important;
line-height:1.28!important;
letter-spacing:-.025em!important;
text-wrap:pretty!important;
}
}
html[lang^="ko"] body.lang-ko main .kr-responsive-semantic>.kr-semantic-line+.kr-semantic-line::before{
content:""!important;
}
html[lang="ko-KR"] body.lang-ko .jp-hero-redesign h1 .jp-hero-title-line{
word-break:keep-all!important;
overflow-wrap:normal!important;
}
@media (max-width:767px){
html[lang="ko-KR"] body.lang-ko.obs-doctor-systemcheck .doctor-eyebrow{
font-size:30px!important;
line-height:1.2!important;
letter-spacing:-.035em!important;
}
}
html[lang="ko-KR"] body.lang-ko #top .jp-hero-redesign h1{
word-break:keep-all!important;
overflow-wrap:normal!important;
}
@media (max-width:374px){
html[lang="ko-KR"] body.lang-ko .hero-experience :is(
#direct-in-obs 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:23px!important;
line-height:1.3!important;
}
html[lang="ko-KR"] body.lang-ko.obs-doctor-systemcheck .doctor-eyebrow{
font-size:27px!important;
line-height:1.22!important;
}
}
html[lang^="ko"]{
--kr-shell-brand-font:Inter,Arial,"Helvetica Neue",sans-serif;
--kr-shell-brand-size:22px;
--kr-shell-brand-weight:800;
--kr-shell-brand-line:1.15;
--kr-shell-brand-tracking:-.04em;
--kr-shell-brand-color:#2563eb;
}
html[lang^="ko"] body :is(
header.nav,
header.subpage-nav,
header.clinic-nav,
.clinic-nav
) :is(
a.brand.skiinobs-brand-lock,
a.brand.brand-text-only.skiinobs-brand-lock,
a.clinic-brand.skiinobs-brand-lock,
a.skiinobs-brand-lock
){
font-family:var(--kr-shell-brand-font)!important;
font-size:var(--kr-shell-brand-size)!important;
font-style:normal!important;
font-weight:var(--kr-shell-brand-weight)!important;
line-height:var(--kr-shell-brand-line)!important;
letter-spacing:var(--kr-shell-brand-tracking)!important;
text-transform:none!important;
color:var(--kr-shell-brand-color)!important;
-webkit-text-fill-color:var(--kr-shell-brand-color)!important;
text-decoration:none!important;
opacity:1!important;
white-space:nowrap!important;
font-synthesis:none!important;
}
html[lang^="ko"] .footer.footer-saas .brand.footbrand,
html[lang^="ko"] .footer.footer-saas .footbrand,
html[lang^="ko"] .footer.footer-saas .brand-text-only,
html[lang^="ko"] .footer.footer-saas .skiinobs-brand-lock{
font-family:var(--kr-shell-brand-font)!important;
font-size:var(--kr-shell-brand-size)!important;
font-style:normal!important;
font-weight:var(--kr-shell-brand-weight)!important;
line-height:var(--kr-shell-brand-line)!important;
letter-spacing:var(--kr-shell-brand-tracking)!important;
text-transform:none!important;
color:var(--kr-shell-brand-color)!important;
-webkit-text-fill-color:var(--kr-shell-brand-color)!important;
text-decoration:none!important;
opacity:1!important;
white-space:nowrap!important;
font-synthesis:none!important;
}
html[lang^="ko"] .footer.footer-saas .footer-saas-heading{
font-size:12px!important;
font-weight:700!important;
line-height:1.4!important;
letter-spacing:.02em!important;
}
html[lang^="ko"] .footer.footer-saas .footer-saas-column>a{
font-size:13px!important;
font-weight:400!important;
line-height:1.55!important;
letter-spacing:0!important;
}
html[lang^="ko"] .footer.footer-saas .legal-copy{
font-family:var(--kr-shell-brand-font)!important;
font-size:11px!important;
font-weight:400!important;
line-height:1.6!important;
letter-spacing:0!important;
}
html[lang="ko-KR"] body.lang-ko .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
){
display:block!important;
width:auto!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
padding:0!important;
font-family:var(--kr-font,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",sans-serif)!important;
font-size:40px!important;
font-style:normal!important;
font-weight:700!important;
line-height:1.2!important;
letter-spacing:-.04em!important;
color:#1d1d1f!important;
text-transform:none!important;
text-wrap:balance!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
white-space:normal!important;
transform:none!important;
zoom:1!important;
font-synthesis:none!important;
}
html[lang="ko-KR"] body.lang-ko .hero-experience h2.kr-unified-section-title::first-line{
font-weight:700!important;
}
@media (max-width:1024px){
html[lang="ko-KR"] body.lang-ko .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.22!important;
letter-spacing:-.035em!important;
}
}
@media (max-width:767px){
html[lang="ko-KR"] body.lang-ko .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:25px!important;
line-height:1.28!important;
letter-spacing:-.028em!important;
}
}
html[lang="ko-KR"] #streaming-scenes .v24-support-grid,
html[lang="ko-KR"] #core-technology .core-tech-pillars{
width:min(100%,1040px)!important;
max-width:1040px!important;
margin-left:auto!important;
margin-right:auto!important;
padding:7px!important;
gap:8px!important;
align-items:stretch!important;
border:1px solid #e6eaf0!important;
border-radius:26px!important;
background:#f6f8fb!important;
box-shadow:0 12px 34px rgba(15,23,42,.045)!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-support-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
margin-top:72px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card{
position:relative!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
min-width:0!important;
min-height:0!important;
padding:30px 30px 28px!important;
border:0!important;
border-radius:20px!important;
box-shadow:none!important;
overflow:hidden!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card::before{
content:""!important;
display:block!important;
width:38px!important;
height:4px!important;
flex:0 0 auto!important;
margin:0 0 20px!important;
border-radius:999px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-system{
background:linear-gradient(145deg,#eaf2ff 0%,#f2f7ff 100%)!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-system::before{
background:#2563eb!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-doctor{
background:linear-gradient(145deg,#f2efff 0%,#f8f6ff 100%)!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-doctor::before{
background:#6d5bd0!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-top{
display:flex!important;
align-items:center!important;
gap:9px!important;
margin:0 0 14px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-stage{
min-height:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
font-size:13px!important;
line-height:1.4!important;
font-weight:650!important;
letter-spacing:-.018em!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-system .v24-stage,
html[lang="ko-KR"] #streaming-scenes .v24-tool-system .v24-tool-top strong{
color:#2563eb!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-doctor .v24-stage,
html[lang="ko-KR"] #streaming-scenes .v24-tool-doctor .v24-tool-top strong{
color:#6251c7!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-top strong{
font-size:18px!important;
line-height:1.4!important;
font-weight:650!important;
letter-spacing:-.025em!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card>p{
margin:0!important;
color:#515154!important;
font-size:15.5px!important;
line-height:1.7!important;
font-weight:400!important;
letter-spacing:-.014em!important;
text-wrap:pretty!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card .kr-support-cta{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:max-content!important;
min-height:0!important;
margin-top:22px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
font-size:14.5px!important;
line-height:1.45!important;
font-weight:650!important;
letter-spacing:-.018em!important;
text-decoration:none!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-system .kr-support-cta{
color:#2563eb!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-doctor .kr-support-cta{
color:#6251c7!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card .kr-support-cta:hover{
text-decoration:underline!important;
text-underline-offset:3px!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillars{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
margin-top:34px!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar{
position:relative!important;
min-width:0!important;
min-height:0!important;
padding:30px 28px 28px!important;
border:0!important;
border-radius:20px!important;
background:#fff!important;
box-shadow:none!important;
overflow:hidden!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar:first-child{
background:linear-gradient(145deg,#eaf2ff 0%,#f4f8ff 100%)!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar::before{
content:""!important;
display:block!important;
width:38px!important;
height:4px!important;
margin:0 0 20px!important;
border-radius:999px!important;
background:#2563eb!important;
opacity:1!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar:nth-child(2)::before{
background:#4f7ee8!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar:nth-child(3)::before{
background:#7a93c8!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar p{
margin:0!important;
color:#515154!important;
font-size:15.5px!important;
line-height:1.72!important;
font-weight:400!important;
letter-spacing:-.012em!important;
text-align:left!important;
text-wrap:pretty!important;
}
@media (max-width:900px){
html[lang="ko-KR"] #streaming-scenes .v24-support-grid,
html[lang="ko-KR"] #core-technology .core-tech-pillars{
width:min(100%,720px)!important;
padding:6px!important;
gap:6px!important;
border-radius:21px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-support-grid,
html[lang="ko-KR"] #core-technology .core-tech-pillars{
grid-template-columns:1fr!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card,
html[lang="ko-KR"] #core-technology .core-tech-pillar{
padding:25px 24px 24px!important;
border-radius:17px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card::before,
html[lang="ko-KR"] #core-technology .core-tech-pillar::before{
width:32px!important;
height:3px!important;
margin-bottom:16px!important;
}
}
@media (max-width:640px){
html[lang="ko-KR"] #streaming-scenes .v24-support-grid{
margin-top:58px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card,
html[lang="ko-KR"] #core-technology .core-tech-pillar{
padding:23px 21px 22px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-top{
gap:7px!important;
margin-bottom:10px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-stage{
font-size:12.5px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-top strong{
font-size:17px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card>p,
html[lang="ko-KR"] #core-technology .core-tech-pillar p{
font-size:14px!important;
line-height:1.72!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card .kr-support-cta{
margin-top:18px!important;
font-size:14px!important;
}
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid{
width:min(100%,1040px)!important;
max-width:1040px!important;
margin:72px 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;
align-items:stretch!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card{
background:#fff!important;
min-height:0!important;
padding:34px 34px 32px!important;
border:1px solid #eceff3!important;
border-radius:24px!important;
box-shadow:none!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card::before{
display:none!important;
content:none!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card h3{
margin:0 0 22px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card>p:not(.ski-camera-note-v22){
margin:0!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-note-v22{
margin:22px 0 0!important;
padding-top:0!important;
border-top:0!important;
color:#6e6e73!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-support-grid{
width:min(100%,1040px)!important;
max-width:1040px!important;
margin:72px 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;
align-items:stretch!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card{
background:#fff!important;
min-height:0!important;
padding:34px 34px 32px!important;
border:1px solid #eceff3!important;
border-radius:24px!important;
box-shadow:none!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card::before{
width:42px!important;
height:4px!important;
margin:0 0 22px!important;
}
html[lang="ko-KR"] #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[lang="ko-KR"] #streaming-scenes .v24-stage{
font-size:13px!important;
line-height:1.4!important;
font-weight:700!important;
letter-spacing:-.02em!important;
white-space:nowrap!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-top strong{
font-size:18px!important;
line-height:1.35!important;
font-weight:700!important;
letter-spacing:-.03em!important;
text-align:right!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card>p{
margin:0!important;
color:#515154!important;
font-size:15.5px!important;
line-height:1.72!important;
}
html[lang="ko-KR"] #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-radius:999px!important;
border:1px solid currentColor!important;
background:#fff!important;
font-size:14.5px!important;
line-height:1.4!important;
font-weight:700!important;
letter-spacing:-.018em!important;
text-decoration:none!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-system .kr-support-cta{
color:#2563eb!important;
background:rgba(37,99,235,.06)!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-doctor .kr-support-cta{
color:#6251c7!important;
background:rgba(98,81,199,.07)!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card .kr-support-cta:hover{
background:#fff!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillars{
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;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar,
html[lang="ko-KR"] #core-technology .core-tech-pillar:first-child{
background:#fff!important;
min-height:0!important;
padding:34px 32px 32px!important;
border:1px solid #eceff3!important;
border-radius:24px!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar::before{
width:42px!important;
height:4px!important;
margin:0 0 24px!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar p{
color:#515154!important;
font-size:15.5px!important;
line-height:1.76!important;
}
@media (max-width:900px){
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid,
html[lang="ko-KR"] #streaming-scenes .v24-support-grid,
html[lang="ko-KR"] #core-technology .core-tech-pillars{
width:min(100%,720px)!important;
padding:9px!important;
gap:12px!important;
border-radius:24px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-support-grid,
html[lang="ko-KR"] #core-technology .core-tech-pillars{
grid-template-columns:1fr!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card,
html[lang="ko-KR"] #streaming-scenes .v24-tool-card,
html[lang="ko-KR"] #core-technology .core-tech-pillar,
html[lang="ko-KR"] #core-technology .core-tech-pillar:first-child{
padding:28px 26px 26px!important;
border-radius:20px!important;
}
}
@media (max-width:640px){
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid,
html[lang="ko-KR"] #streaming-scenes .v24-support-grid,
html[lang="ko-KR"] #core-technology .core-tech-pillars{
margin-top:56px!important;
padding:7px!important;
gap:8px!important;
border-radius:20px!important;
}
html[lang="ko-KR"] #direct-in-obs .ski-camera-info-grid .ski-info-card,
html[lang="ko-KR"] #streaming-scenes .v24-tool-card,
html[lang="ko-KR"] #core-technology .core-tech-pillar,
html[lang="ko-KR"] #core-technology .core-tech-pillar:first-child{
padding:24px 21px 22px!important;
border-radius:16px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-top{
gap:10px!important;
margin-bottom:14px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-top strong{
font-size:17px!important;
}
html[lang="ko-KR"] #streaming-scenes .v24-tool-card .kr-support-cta{
margin-top:20px!important;
padding:11px 14px!important;
font-size:14px!important;
}
html[lang="ko-KR"] #core-technology .core-tech-pillar::before,
html[lang="ko-KR"] #streaming-scenes .v24-tool-card::before{
width:36px!important;
margin-bottom:18px!important;
}
}