:root{--page-font:Inter;--ink:#101828;--muted:#667085;--line:#dbe4f0;--blue:#2563eb;--blue2:#eff6ff;--bg:#f7f9fc;--shadow:0 18px 50px rgba(23,43,77,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--page-font),Inter,sans-serif;color:var(--ink);background:#fff;line-height:1.75}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{width:min(820px,calc(100% - 40px))}.subpage-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,228,240,.9)}.subpage-nav .navin{min-height:72px;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{font-weight:900;font-size:26px;color:#1847c7;text-decoration:none;letter-spacing:-.03em}.nav-actions{display:flex;align-items:center;gap:18px}.back-link{color:#344054;text-decoration:none;font-weight:700}.lang-switch{position:relative}.lang-switch summary{cursor:pointer;list-style:none;border:1px solid var(--line);padding:9px 13px;border-radius:10px;background:#fff;font-weight:700}.lang-menu{position:absolute;right:0;top:48px;width:150px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.lang-menu a{display:block;padding:8px 10px;text-decoration:none;color:#344054;border-radius:8px}.lang-menu a:hover,.lang-menu a.active{background:var(--blue2);color:var(--blue)}.page-hero{padding:92px 0 54px;text-align:center;background:linear-gradient(180deg,#f7faff 0%,#fff 100%)}.page-hero .eyebrow,.contact-card .eyebrow{display:block;color:var(--blue);font-weight:800;letter-spacing:.16em;font-size:13px}.page-hero h1{font-size:clamp(38px,6vw,62px);line-height:1.12;letter-spacing:-.045em;margin:12px 0 18px}.page-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:17px}.contact-section,.policy-wrap{padding:24px 0 96px;background:var(--bg)}.contact-card,.policy-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(28px,5vw,54px);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-row,.form-grid{margin-bottom:24px}label,legend{font-weight:700;color:#26334d}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:10px}.req{display:inline-flex;align-items:center;margin-left:7px;padding:1px 7px;border-radius:999px;background:#eef4ff;color:#285ccf;font-size:11px;font-weight:800}input,select,textarea{width:100%;margin-top:8px;border:1px solid #cfd9e8;border-radius:12px;background:#fff;padding:14px 15px;font:inherit;color:var(--ink);transition:.2s}input,select{height:54px}textarea{resize:vertical;min-height:180px}input:focus,select:focus,textarea:focus{outline:0;border-color:#6aa3ff;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px solid #cfd9e8;border-radius:12px;background:#fff;cursor:pointer}.choice input:checked+span{border-color:#5c95f5;background:#eff6ff;color:#1847c7;box-shadow:inset 0 0 0 1px #5c95f5}.privacy-check{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:14px;background:#f8fafc;border:1px solid var(--line);font-weight:500}.privacy-check input{width:20px;height:20px;margin:3px 0 0;flex:0 0 auto}.privacy-check a,.direct-email a,.policy-card a,.policy-aside a{color:var(--blue)}.submit-btn{display:flex;width:fit-content;margin:28px auto 0;min-width:260px;justify-content:center}.mail-note,.direct-email{text-align:center;color:var(--muted);font-size:13px;margin:12px auto 0}.form-error{margin-top:18px;padding:12px 14px;border-radius:10px;background:#fff2f1;color:#b42318;border:1px solid #fecdca}.review-card h2{text-align:center;margin:8px 0 28px}.review-card .eyebrow{text-align:center}.review-card dl{display:grid;grid-template-columns:180px 1fr;margin:0;border-top:1px solid var(--line)}.review-card dt,.review-card dd{margin:0;padding:15px;border-bottom:1px solid var(--line)}.review-card dt{font-weight:800;color:#475467;background:#f8fafc}.review-card dd{white-space:pre-wrap;overflow-wrap:anywhere}.review-actions{display:flex;justify-content:center;gap:14px;margin-top:30px}.policy-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:start}.policy-aside{position:sticky;top:104px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.policy-aside strong{display:block;font-size:18px}.policy-aside p{color:var(--muted);font-size:13px}.policy-aside a{text-decoration:none;font-weight:700}.policy-intro{font-size:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.policy-section{padding:28px 0;border-bottom:1px solid var(--line)}.policy-section:last-child{border-bottom:0;padding-bottom:0}.policy-section h2{font-size:23px;margin:0 0 14px;letter-spacing:-.02em}.policy-section h3{font-size:17px;margin:24px 0 8px}.policy-section p{margin:8px 0;color:#344054}.policy-section ol{margin:10px 0 16px;padding-left:1.5em}.policy-section li{padding:3px 0;color:#344054}.footer{background:#fff;border-top:1px solid var(--line)}.footer .foot{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:34px;padding:64px 0 46px}.footer h3{font-size:14px;margin:0 0 12px}.footer a{display:block;color:#475467;text-decoration:none;margin:8px 0}.footer a:hover,.footer .active-link{color:var(--blue)}.footer .tag{color:var(--muted);font-size:13px;max-width:280px;margin-top:8px}.footer .legal{padding:22px 0;border-top:1px solid var(--line);color:#98a2b3;font-size:12px}.social-links{display:flex;gap:10px}.social-link{width:36px;height:36px;display:grid!important;place-items:center;border:1px solid var(--line);border-radius:10px;margin:0!important}.social-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.social-link.youtube svg,.social-link.x svg,.social-link.tiktok svg{fill:currentColor;stroke:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;padding:0 20px;border:1px solid transparent;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none}.btn.primary{background:linear-gradient(135deg,#2f7cf5,#2452d6);color:#fff;box-shadow:0 10px 25px rgba(37,99,235,.22)}.btn.secondary{background:#fff;color:#344054;border-color:var(--line)}@media(max-width:820px){.page-hero{padding:68px 0 38px}.policy-layout{grid-template-columns:1fr}.policy-aside{position:static}.footer .foot{grid-template-columns:1fr 1fr}.back-link span{display:none}}@media(max-width:620px){.wrap,.narrow{width:min(100% - 28px,1180px)}.subpage-nav .navin{min-height:62px}.brand{font-size:22px}.form-grid,.choice-grid{grid-template-columns:1fr}.contact-card,.policy-card{border-radius:18px;padding:24px 18px}.review-card dl{grid-template-columns:1fr}.review-card dt{padding-bottom:6px;border-bottom:0}.review-card dd{padding-top:4px}.review-actions{flex-direction:column}.review-actions .btn,.submit-btn{width:100%;min-width:0}.footer .foot{grid-template-columns:1fr;padding:44px 0 32px}.page-hero h1{font-size:38px}.nav-actions{gap:10px}.lang-switch summary{font-size:13px;padding:8px 10px}}
.phone-grid{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(0,1.4fr);gap:20px}.contact-honey{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.thanks-hero{min-height:70vh;display:grid;place-items:center;padding:80px 0;background:var(--bg)}.thanks-card{text-align:center}.thanks-card h1{font-size:clamp(30px,5vw,48px);margin:16px 0 12px}.thanks-card p{max-width:620px;margin:0 auto 28px;color:var(--muted)}.thanks-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:#ecfdf3;color:#067647;font-size:34px;font-weight:900}.thanks-card .btn{min-width:220px}@media(max-width:620px){.phone-grid{grid-template-columns:1fr}}
.contact-card .submit-btn{display:flex;width:fit-content;margin:28px auto 0;min-width:260px;justify-content:center}
.contact-card .privacy-check{width:fit-content;max-width:100%;margin:18px auto 0;padding:10px 14px;align-items:center;justify-content:center;font-size:13px;line-height:1.55;text-align:center}
.contact-card .privacy-check input{margin:0;flex:0 0 auto}
.contact-card .mail-note{margin-top:14px;text-align:center}
.contact-card .form-error{max-width:620px;margin:16px auto 0}
@media(max-width:620px){.contact-card .submit-btn{width:100%;min-width:0}.contact-card .privacy-check{width:100%;font-size:12px;text-align:left;justify-content:flex-start}}
.policy-layout.policy-layout-centered{display:block;max-width:980px;margin:0 auto}
.policy-layout.policy-layout-centered .policy-card{width:100%;margin:0 auto}


.discord-section{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:72px 0 88px !important;
background:#fff !important;
background-image:none !important;
border:0 !important;
box-shadow:none !important;
}
.discord-section::before,
.discord-section::after{
display:none !important;
content:none !important;
}
.discord-section > .wrap{
width:min(calc(100% - 48px),1180px) !important;
margin:0 auto !important;
}
.discord-section .discord-card{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:0 !important;
width:100% !important;
max-width:820px !important;
min-height:0 !important;
margin:0 auto !important;
padding:34px 32px !important;
text-align:center !important;
background:linear-gradient(135deg,#f8fbff 0%,#f4f6ff 100%) !important;
border:1px solid #cbd8ff !important;
border-radius:24px !important;
box-shadow:0 12px 36px rgba(15,23,42,.06) !important;
}
.discord-section .discord-icon{
position:relative !important;
overflow:hidden !important;
display:grid !important;
place-items:center !important;
flex:0 0 52px !important;
width:52px !important;
height:52px !important;
margin:0 auto 14px !important;
border-radius:16px !important;
background:linear-gradient(145deg,#5865f2,#4752c4) !important;
color:#fff !important;
box-shadow:0 10px 24px rgba(88,101,242,.22) !important;
}
.discord-section .discord-icon svg{
width:30px !important;
height:30px !important;
display:block !important;
fill:none !important;
stroke:#fff !important;
stroke-width:2.1 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
}
.discord-section .discord-copy{
width:100% !important;
max-width:540px !important;
margin:0 auto !important;
text-align:center !important;
}
.discord-section .discord-copy h2{
margin:0 0 8px !important;
color:#101828 !important;
font-family:var(--page-font),sans-serif !important;
font-size:22px !important;
font-weight:800 !important;
line-height:1.35 !important;
letter-spacing:-.03em !important;
}
.discord-section .discord-copy p{
margin:0 auto !important;
color:#667085 !important;
font-family:var(--page-font),sans-serif !important;
font-size:14px !important;
font-weight:400 !important;
line-height:1.7 !important;
}
.discord-section .discord-card .btn,
.discord-section .discord-card .discord-btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
min-width:0 !important;
min-height:44px !important;
margin:20px auto 0 !important;
padding:11px 18px !important;
border:0 !important;
border-radius:13px !important;
background:#2563eb !important;
color:#fff !important;
box-shadow:0 10px 24px rgba(37,99,235,.23) !important;
text-decoration:none !important;
font-family:var(--page-font),sans-serif !important;
font-size:14px !important;
font-weight:800 !important;
line-height:1.2 !important;
white-space:nowrap !important;
}
.discord-section .discord-card .btn:hover,
.discord-section .discord-card .discord-btn:hover{
background:#1d4ed8 !important;
transform:translateY(-1px) !important;
}
.footer{
margin-top:0 !important;
padding:56px 0 22px !important;
background:#0f172a !important;
color:#94a3b8 !important;
font-family:var(--page-font),sans-serif !important;
}
.footer .wrap{
width:min(calc(100% - 48px),1180px) !important;
margin:0 auto !important;
}
.footer .foot{
display:grid !important;
grid-template-columns:1.5fr repeat(3,1fr) !important;
gap:40px !important;
}
.footer h3{
margin:0 0 13px !important;
color:#f8fafc !important;
font-size:13px !important;
font-weight:800 !important;
line-height:1.4 !important;
}
.footer a{
margin:8px 0 !important;
color:#94a3b8 !important;
font-size:13px !important;
font-weight:400 !important;
line-height:1.6 !important;
}
.footer a:hover,
.footer .active-link{color:#fff !important}
.footer .footer-brand{
color:#fff !important;
font-size:22px !important;
font-weight:900 !important;
line-height:1.2 !important;
}
.footer .tag{
margin-top:10px !important;
max-width:290px !important;
color:#94a3b8 !important;
font-size:12px !important;
line-height:1.7 !important;
}
.footer .legal{
margin-top:40px !important;
padding-top:20px !important;
border-top:1px solid #243044 !important;
color:#94a3b8 !important;
font-size:11px !important;
}
@media(max-width:780px){
.discord-section{
padding:52px 0 60px !important;
}
.discord-section > .wrap{
width:min(calc(100% - 28px),1180px) !important;
}
.discord-section .discord-card{
padding:28px 20px !important;
border-radius:22px !important;
}
.discord-section .discord-icon{
flex-basis:48px !important;
width:48px !important;
height:48px !important;
margin-bottom:12px !important;
}
.discord-section .discord-copy h2{font-size:21px !important}
.discord-section .discord-card .btn,
.discord-section .discord-card .discord-btn{
width:100% !important;
margin-top:18px !important;
}
.footer .wrap{width:min(calc(100% - 28px),1180px) !important}
.footer .foot{grid-template-columns:1fr !important;gap:30px !important}
.footer .footer-brand-block{grid-column:auto !important}
}
:root{
--ui-body-size:16px;
--ui-body-weight:400;
--ui-heading-weight:800;
--ui-subheading-weight:700;
}
html,body{font-weight:var(--ui-body-weight);}
body,p,li,dd,dt,input,textarea,select,button{font-weight:var(--ui-body-weight);}
h1,h2{font-weight:var(--ui-heading-weight) !important;}
h3,h4,h5,h6,strong,b{font-weight:var(--ui-subheading-weight);}
.nav,.footer,.page-hero,.policy-card,.contact-card,.requirements-card,.clinic-card{font-synthesis:none;}
.footer h3{font-size:14px !important;font-weight:700 !important;}
.footer a{font-size:14px !important;font-weight:400 !important;}
.footer .tag{font-size:13px !important;font-weight:400 !important;}
.footer .legal{font-size:12px !important;font-weight:400 !important;}
@media(max-width:780px){
body{font-size:15px;}
}


html[lang^="ja"]{--page-font:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="ko"]{--page-font:"Noto Sans KR",Inter,sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="en"]{--page-font:Inter,Arial,sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="zh"]{--page-font:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--site-base-size:16px;--site-base-line:1.65}
html[lang^="ja"] body,html[lang^="ja"] body *,
html[lang^="ko"] body,html[lang^="ko"] body *,
html[lang^="en"] body,html[lang^="en"] body *,
html[lang^="zh"] body,html[lang^="zh"] body *{
font-family:var(--page-font) !important;
}
body{
font-size:var(--site-base-size) !important;
line-height:var(--site-base-line);
font-synthesis:none;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit !important}
.brand,.brand-text-only,.footbrand{font-weight:900 !important}
.nav .brand,.subpage-nav .brand{font-size:22px !important;line-height:1.2 !important;letter-spacing:-.03em !important}
.nav .langbtn,.nav .back-link,.nav .lang-switch summary,.subpage-nav .back-link,.subpage-nav .lang-switch summary{
font-size:13px !important;
line-height:1.4 !important;
}
html[lang^="en"] body{font-size:16px !important;line-height:1.65 !important}
html[lang^="en"] p,html[lang^="en"] li,html[lang^="en"] label,html[lang^="en"] input,
html[lang^="en"] select,html[lang^="en"] textarea,html[lang^="en"] button{
font-family:Inter,Arial,sans-serif !important;
}
@media(max-width:780px){
html[lang^="ja"]{--site-base-size:15px}
html[lang^="ko"]{--site-base-size:15px}
html[lang^="en"]{--site-base-size:15px}
html[lang^="zh"]{--site-base-size:15px}
html[lang^="en"] body{font-size:15px !important}
}
.skiin-preview .skdemo-camera-control select,
.skiin-preview .skdemo-camera-control select option{
font-family:var(--page-font) !important;
font-size:11px !important;
font-weight:700 !important;
line-height:1.2 !important;
letter-spacing:0 !important;
text-transform:none !important;
}
@media(max-width:780px){
.skiin-preview .skdemo-camera-control select,
.skiin-preview .skdemo-camera-control select option{
font-size:11px !important;
}
}
.skiin-preview .skdemo-camera-control select{
-webkit-appearance:none !important;
appearance:none !important;
font-family:var(--page-font) !important;
font-size:11px !important;
font-weight:700 !important;
line-height:1.2 !important;
letter-spacing:0 !important;
text-transform:none !important;
height:34px !important;
padding:0 34px 0 11px !important;
background-color:#111827 !important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5' fill='none' stroke='%23e2e8f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat:no-repeat !important;
background-position:right 10px center !important;
background-size:14px 14px !important;
}
.skiin-preview .skdemo-camera-control select::-ms-expand{display:none !important;}
.skiin-preview .skdemo-camera-control select option{
font-family:var(--page-font) !important;
font-size:11px !important;
font-weight:700 !important;
letter-spacing:0 !important;
}
.skiin-preview .skdemo-preview-footer{
padding:16px 20px !important;
}
.skiin-preview .skdemo-footer-hint{
box-sizing:border-box !important;
width:min(760px,100%) !important;
max-width:760px !important;
min-height:48px !important;
padding:11px 16px !important;
font-size:13px !important;
line-height:1.6 !important;
font-weight:500 !important;
text-align:center !important;
}
@media(max-width:780px){
.skiin-preview .skdemo-camera-control select,
.skiin-preview .skdemo-camera-control select option{
font-size:11px !important;
}
.skiin-preview .skdemo-preview-footer{
padding:14px 14px !important;
}
.skiin-preview .skdemo-footer-hint{
width:100% !important;
max-width:100% !important;
min-height:44px !important;
padding:10px 12px !important;
font-size:12px !important;
line-height:1.6 !important;
}
}


.footer{
box-sizing:border-box !important;
width:100% !important;
margin:0 !important;
padding:56px 0 22px !important;
background:#0f172a !important;
color:#94a3b8 !important;
border:0 !important;
font-family:var(--page-font) !important;
}
.footer *{box-sizing:border-box !important}
.footer>.wrap:not(.legal),.footer .wrap:not(.legal){
width:min(calc(100% - 48px),1180px) !important;
max-width:1180px !important;
margin:0 auto !important;
padding-left:0 !important;
padding-right:0 !important;
}
.footer .foot{
display:grid !important;
grid-template-columns:1.5fr repeat(3,1fr) !important;
gap:40px !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
align-items:start !important;
}
.footer .footer-brand-block{grid-column:auto !important}
.footer .brand.footbrand,.footer .footbrand,.footer .brand-text-only{
display:inline-flex !important;
align-items:center !important;
gap:0 !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
font-size:22px !important;
font-weight:900 !important;
line-height:1.2 !important;
letter-spacing:-.03em !important;
text-decoration:none !important;
}
.footer .preview-disclaimer{
margin:10px 0 0 !important;
max-width:300px !important;
padding:0 !important;
color:#94a3b8 !important;
font-size:13px !important;
font-weight:400 !important;
line-height:1.7 !important;
}
.footer .footer-group h3{
margin:0 0 13px !important;
padding:0 !important;
color:#f8fafc !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1.4 !important;
letter-spacing:.06em !important;
}
.footer .footer-group>a{
display:block !important;
margin:8px 0 !important;
padding:0 !important;
color:#94a3b8 !important;
font-size:14px !important;
font-weight:400 !important;
line-height:1.6 !important;
text-decoration:none !important;
}
.footer .footer-group>a:hover{color:#fff !important}
.footer .social-links{display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:0 !important;padding:0 !important}
.footer .social-link{
width:40px !important;height:40px !important;margin:0 !important;padding:0 !important;
border:1px solid #334155 !important;border-radius:12px !important;
display:grid !important;place-items:center !important;color:#a8b3c3 !important;
background:transparent !important;line-height:1 !important;
transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease !important;
}
.footer .social-link:hover{color:#fff !important;border-color:#64748b !important;background:#1e293b !important;transform:translateY(-2px) !important}
.footer .social-link svg{width:20px !important;height:20px !important;display:block !important;fill:currentColor !important;stroke:none !important}
.footer .social-link.youtube svg{width:22px !important}.footer .social-link.tiktok svg{width:19px !important}
.footer .social-link.instagram svg{fill:none !important;stroke:currentColor !important;stroke-width:1.9 !important}
.footer>.legal.wrap,.footer .legal.wrap{
box-sizing:border-box !important;
display:flex !important;
flex-direction:row !important;
justify-content:flex-start !important;
align-items:center !important;
width:min(calc(100% - 48px),1180px) !important;
max-width:1180px !important;
min-height:41px !important;
margin:40px auto 0 !important;
padding:20px 0 0 0 !important;
border-top:1px solid #243044 !important;
color:#7f8da3 !important;
text-align:left !important;
}
.footer .legal-copy{
display:block !important;
width:auto !important;
margin:0 !important;
padding:0 !important;
color:#7f8da3 !important;
font-family:var(--page-font) !important;
font-size:12px !important;
font-weight:400 !important;
line-height:20px !important;
letter-spacing:0 !important;
text-align:left !important;
white-space:normal !important;
}
@media(max-width:780px){
.footer{padding:48px 0 20px !important}
.footer>.wrap:not(.legal),.footer .wrap:not(.legal){width:min(calc(100% - 28px),1180px) !important}
.footer .foot{grid-template-columns:1fr !important;gap:30px !important}
.footer>.legal.wrap,.footer .legal.wrap{
width:min(calc(100% - 28px),1180px) !important;
margin-top:36px !important;
padding:18px 0 0 0 !important;
min-height:39px !important;
}
.footer .legal-copy{font-size:11px !important;line-height:20px !important}
}


.social-link.discord svg,.social-link.threads svg{width:20px;height:20px;fill:currentColor;stroke:none}


.footer .social-links{display:grid !important;grid-template-columns:repeat(3,40px) !important;grid-auto-rows:40px !important;gap:10px !important;width:max-content !important;}



:where(h1,h2,h3,h4,h5,h6,.marketing-title,.product-head h2,.roadmap-copy h2,.section-head h2,.page-hero h1,.hospital-hero h1,.hospital-hero h2){
  text-wrap:balance;
}
:where(p,li,dd,dt,summary,.lead,.product-head p,.product-card p,.capability-main p,.roadmap-copy>p,.roadmap-step small,.community-cta p,.section-head p,.summary,.detail-box span,.clinic-info){
  text-wrap:pretty;
}
html[lang^="ja"] body,body.lang-ja{
  line-break:strict;
  word-break:auto-phrase;
  overflow-wrap:normal;
}
html[lang^="ko"] body,body.lang-ko{
  word-break:keep-all;
  overflow-wrap:break-word;
}
html[lang^="zh"] body,body.lang-zh{
  line-break:strict;
  word-break:auto-phrase;
  overflow-wrap:normal;
}
html[lang^="en"] body,body.lang-en{
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}

.product-head p{max-width:760px}
.capability-main p{max-width:700px}
.roadmap-copy>p{max-width:740px}
@media(max-width:620px){
  :where(p,li,dd,dt,summary,.lead,.product-head p,.product-card p,.capability-main p,.roadmap-copy>p,.roadmap-step small,.community-cta p){
    text-wrap:pretty;
  }
}



body.modal-open{overflow:hidden}
.site-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}
.site-modal.open{display:flex}
.modal-backdrop{position:absolute;inset:0;background:rgba(7,15,28,.62);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.modal-dialog{position:relative;width:min(100%,500px);padding:36px 34px 30px;border-radius:24px;background:#fff;border:1px solid #dfe6f1;box-shadow:0 28px 90px rgba(2,8,23,.28);text-align:center;animation:modalCommonIn .2s ease-out}
.modal-icon{width:58px;height:58px;margin:0 auto 18px;border-radius:18px;background:#eaf2ff;color:#2f6ce5;display:grid;place-items:center}
.modal-icon svg{display:block;width:28px!important;height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.modal-icon svg circle,.modal-icon svg path{fill:none!important;stroke:currentColor!important}
.modal-dialog h2{margin:0 0 12px;font-size:23px;line-height:1.45;letter-spacing:-.025em;color:#0f172a}
.modal-dialog p{margin:0 auto 25px;max-width:410px;color:#64748b;font-size:15px;line-height:1.82;white-space:pre-line}
.modal-close-x{position:absolute;top:13px;right:13px;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#8793a4;font-size:25px;line-height:1;cursor:pointer}
.modal-close-x:hover{background:#f2f6fb;color:#0f172a}
.modal-action{display:inline-flex;align-items:center;justify-content:center;min-width:132px;border:0;border-radius:12px;padding:12px 22px;background:#2f6ce5;color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.modal-action:hover{filter:brightness(.97)}
@keyframes modalCommonIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:560px){.modal-dialog{padding:34px 22px 26px;border-radius:20px}.modal-dialog h2{font-size:20px}.modal-dialog p{font-size:14px}}



html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

p,li,.lead,.preview-disclaimer,.trial-payment-note,.clinic-support-note,.clinic-mini-prep p,.home-clinic-head>p,.beauty-intro p,.beauty-card p{
  text-wrap:wrap!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
}

html[lang^="ja"] p,html[lang^="ja"] li,body.lang-ja p,body.lang-ja li{
  line-break:strict!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
@supports (word-break:auto-phrase){
  html[lang^="ja"] p,html[lang^="ja"] li,body.lang-ja p,body.lang-ja li{word-break:auto-phrase!important}
}

html[lang^="ko"] p,html[lang^="ko"] li,body.lang-ko p,body.lang-ko li{
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}

html[lang^="en"] p,html[lang^="en"] li,body.lang-en p,body.lang-en li{
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
}

html[lang^="zh"] p,html[lang^="zh"] li,body.lang-zh p,body.lang-zh li{
  line-break:strict!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

p br, .lead br, .clinic-support-lead br, .home-clinic-head p br{content:"";display:block;margin-top:.28em}

@media(max-width:640px){
  .wrap{padding-left:20px!important;padding-right:20px!important}
  p,.lead,.head p,.home-clinic-head>p,.clinic-support-lead,.clinic-support-note,.clinic-mini-prep p{
    font-size:min(15px,4vw);
    line-height:1.82!important;
    letter-spacing:0!important;
  }
  .card,.flowcard,.pricecard,.clinic-problem-group{padding-left:20px!important;padding-right:20px!important}
}



:root{
  --ui-blue:#2563eb;
  --ui-blue-dark:#1d4ed8;
  --ui-ink:#0f172a;
  --ui-text:#334155;
  --ui-muted:#64748b;
  --ui-line:#e2e8f0;
  --ui-soft:#f8fafc;
  --ui-radius:20px;
  --ui-shadow:0 10px 30px rgba(15,23,42,.055);
  --ui-section:88px;
  --ui-content:1180px;
}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:16px!important;font-weight:400!important;line-height:1.75!important;color:var(--ui-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.lang-ja{font-family:'Noto Sans JP',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body.lang-ko{font-family:'Noto Sans KR',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body.lang-en{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body.lang-zh{font-family:'Noto Sans SC',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}


body.lang-ja :where(p,li,dd,summary,h1,h2,h3,strong,span){line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:wrap!important}
body.lang-zh :where(p,li,dd,summary,h1,h2,h3,strong,span){line-break:strict;word-break:normal;overflow-wrap:break-word;text-wrap:wrap!important}
body.lang-ko :where(p,li,dd,summary,h1,h2,h3,strong,span){word-break:keep-all;overflow-wrap:break-word;text-wrap:wrap!important}
body.lang-en :where(p,li,dd,summary,h1,h2,h3,strong,span){word-break:normal;overflow-wrap:break-word;hyphens:none;text-wrap:wrap!important}


.skiin-preview,.skiin-preview *{text-wrap:initial}


.eyebrow,.kicker,.clinic-lite-kicker,.clinic-lite-eyebrow,.pricing-value-label{
  font-size:12px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.11em!important;
}
.brand,.footbrand,.footer-brand{font-weight:800!important;letter-spacing:-.035em!important}
.btn,.clinic-cta,.clinic-support-btn,.submit-btn{font-size:15px!important;font-weight:700!important;line-height:1.25!important}


.hero-experience .hero{
  min-height:calc(100svh - 68px)!important;
  padding:64px 0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.hero-experience .hero-grid{width:100%;max-width:var(--ui-content);margin:auto!important}
.hero-experience .hero-copy-center{width:100%;max-width:none!important;margin:auto!important;padding:0 20px;text-align:center}
.hero-experience .hero h1{
  margin:0!important;
  font-size:clamp(48px,4.9vw,68px)!important;
  font-weight:800!important;
  line-height:1.17!important;
  letter-spacing:-.045em!important;
}
.hero-experience .hero .hero-title-line{
  display:block!important;
  width:max-content!important;max-width:100%!important;
  margin-left:auto!important;margin-right:auto!important;
  white-space:nowrap!important;
  font-size:1em!important;font-weight:800!important;line-height:1.17!important;
}
.hero-experience .hero .hero-title-line.accent{margin-top:.16em!important;color:var(--ui-blue)!important}
body.lang-en .hero-experience .hero h1{font-size:clamp(44px,4.45vw,62px)!important;letter-spacing:-.04em!important}
body.lang-ko .hero-experience .hero h1{font-size:clamp(44px,4.5vw,62px)!important}
body.lang-zh .hero-experience .hero h1{font-size:clamp(48px,4.7vw,66px)!important}


.product-head,.core-tech-head,#faq .head,.pricing .head,.home-clinic-head{text-align:center!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.product-head h2,.core-tech-head h2,#faq .head h2,.pricing .head h2,.home-clinic-head h2{
  margin:10px 0 16px!important;
  font-size:clamp(34px,3.35vw,48px)!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:-.035em!important;
}
.product-head h2 span{display:block}
.product-head p,.core-tech-head>p,#faq .head>p,.pricing .head>p,.home-clinic-head>p{
  margin:0 auto!important;max-width:800px!important;
  font-size:16px!important;font-weight:400!important;line-height:1.85!important;color:var(--ui-muted)!important;
}
.product-head p{max-width:850px!important}

.product-card,.workflow-panel,.pricing-value-item,.faq details,.clinic-problem-group{
  border-radius:var(--ui-radius)!important;
}
.product-card h3,.workflow-label,.pricing-value-item strong,.clinic-problem-group h3{
  font-size:19px!important;font-weight:700!important;line-height:1.45!important;letter-spacing:-.015em!important;
}
.product-card p,.workflow-panel p,.workflow-panel li,.pricing-value-item,.faq details p,.clinic-problem-list li{
  font-size:15px!important;font-weight:400!important;line-height:1.75!important;
}
.product-card p{color:#5b687b!important}
.workflow-chain span{font-size:14px!important;font-weight:600!important;line-height:1.45!important}
.workflow-benefit-tag{font-size:13px!important;font-weight:700!important}


.product-section.beauty-focus,.core-technology,#faq,.pricing,.home-clinic{padding-top:var(--ui-section)!important;padding-bottom:var(--ui-section)!important;margin-top:0!important;margin-bottom:0!important}
.product-head,#faq .head,.pricing .head{margin-bottom:38px!important}
.hero-experience .hero-workflow-wrap{padding:0 0 var(--ui-section)!important;margin:0 auto!important}
.hero-experience .workflow-after-preview{margin:0!important}
.hero-experience .hero-preview-wrap{padding:0 20px var(--ui-section)!important;margin:0!important}
.core-technology{padding-left:20px!important;padding-right:20px!important}
.home-clinic .home-clinic-head{margin-bottom:28px!important}
.home-clinic .clinic-cta-row{margin-top:26px!important}
.hero-experience>.clinic-support{margin-top:64px!important;margin-bottom:64px!important}


.core-tech-inner{max-width:1080px!important;margin:auto!important}
.core-tech-head>p{max-width:850px!important;margin-top:12px!important}
.core-tech-pillars,.core-tech-capabilities{gap:10px!important}
.core-tech-pillars span,.core-tech-capabilities span{font-size:13px!important;font-weight:600!important;line-height:1.45!important}


.faq details summary{font-size:16px!important;font-weight:700!important;line-height:1.55!important}
.faq details p{color:var(--ui-muted)!important}


.price{font-size:clamp(38px,4vw,54px)!important;font-weight:800!important;line-height:1.05!important;letter-spacing:-.035em!important}
.price small{font-size:.34em!important;font-weight:600!important;letter-spacing:0!important}
.pricing-value-item{padding:18px!important}
.pricing-value-item strong{font-size:16px!important}
.trial-payment-note{font-size:13px!important;line-height:1.7!important;color:var(--ui-muted)!important}


.clinic-support .clinic-lite-eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.11em!important}
.clinic-support h2{font-size:clamp(30px,3vw,42px)!important;font-weight:800!important;line-height:1.28!important;letter-spacing:-.03em!important}
.clinic-support-lead{font-size:16px!important;font-weight:400!important;line-height:1.85!important}
.clinic-support-note{font-size:14px!important;line-height:1.7!important}
.clinic-support-step strong{font-size:16px!important;font-weight:700!important;line-height:1.45!important}
.clinic-support-step span{font-size:14px!important;line-height:1.65!important}


.page-hero{padding:82px 0 48px!important}
.page-hero h1{
  margin:10px 0 14px!important;font-size:clamp(40px,4.5vw,54px)!important;font-weight:800!important;
  line-height:1.2!important;letter-spacing:-.035em!important;
}
.page-hero p{font-size:15px!important;line-height:1.75!important;color:var(--ui-muted)!important}
.contact-section,.policy-wrap{padding:28px 0 88px!important}
.contact-card,.policy-card{border-radius:22px!important;box-shadow:var(--ui-shadow)!important}
label,legend{font-size:15px!important;font-weight:700!important;line-height:1.45!important}
input,select,textarea{font-size:15px!important;line-height:1.5!important}
.review-card h2{font-size:28px!important;font-weight:800!important;line-height:1.3!important}


.policy-intro,.policy-section p,.policy-section li{font-size:15px!important;font-weight:400!important;line-height:1.85!important;color:#3f4d63!important}
.policy-section{padding:28px 0!important}
.policy-section h2{font-size:22px!important;font-weight:700!important;line-height:1.45!important;letter-spacing:-.015em!important;margin:0 0 14px!important}
.policy-section h3{font-size:17px!important;font-weight:700!important;line-height:1.55!important;margin:24px 0 8px!important}


.clinic-lite{max-width:1180px!important;padding:76px 24px 72px!important}
.clinic-lite-hero{margin-bottom:60px!important}
.clinic-lite-hero h1{font-size:clamp(44px,5vw,62px)!important;font-weight:800!important;line-height:1.14!important;letter-spacing:-.035em!important}
.clinic-lite-hero h2{font-size:clamp(22px,2.4vw,30px)!important;font-weight:700!important;line-height:1.5!important;letter-spacing:-.02em!important}
.clinic-lite-hero p,.clinic-lite-heading p{font-size:16px!important;line-height:1.85!important;color:var(--ui-muted)!important}
.clinic-lite-section{margin-top:72px!important}
.clinic-lite-heading{margin-bottom:32px!important}
.clinic-lite-heading h2{font-size:clamp(30px,3vw,40px)!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.03em!important}
.clinic-problem-group{padding:22px!important;box-shadow:none!important;border-color:var(--ui-line)!important}
.clinic-problem-group h3{font-size:17px!important}
.clinic-problem-list li{font-size:14.5px!important;line-height:1.65!important}
.clinic-cause-band{padding:26px!important;border-radius:20px!important}
.clinic-cause-band>strong{font-size:17px!important;font-weight:700!important}
.clinic-cause-copy{font-size:14px!important;line-height:1.7!important}
.clinic-cause-list span{font-size:13px!important;font-weight:500!important;line-height:1.4!important}


.footer .foot{gap:34px!important}
.footer .brand,.footer .footbrand{font-size:22px!important;font-weight:800!important}
.footer .preview-disclaimer{font-size:13px!important;font-weight:400!important;line-height:1.65!important}
.footer h3{font-size:13px!important;font-weight:700!important;line-height:1.4!important}
.footer a{font-size:13.5px!important;font-weight:400!important;line-height:1.55!important}
.footer .legal-copy{font-size:11.5px!important;font-weight:400!important}


@media (max-width:960px){
  :root{--ui-section:72px}
  .hero-experience .hero{min-height:calc(100svh - 64px)!important;padding:56px 0!important}
  .hero-experience .hero h1{font-size:clamp(38px,5.4vw,50px)!important}
  body.lang-en .hero-experience .hero h1{font-size:clamp(34px,4.9vw,44px)!important}
  body.lang-ko .hero-experience .hero h1{font-size:clamp(36px,5vw,46px)!important}
  body.lang-zh .hero-experience .hero h1{font-size:clamp(38px,5.2vw,48px)!important}
  .product-head h2,.core-tech-head h2,#faq .head h2,.pricing .head h2,.home-clinic-head h2{font-size:clamp(30px,4vw,38px)!important}
  .clinic-support-grid{grid-template-columns:1fr!important;gap:28px!important}
  .page-hero{padding:68px 0 42px!important}
}


@media (max-width:640px){
  :root{--ui-section:56px}
  html{font-size:15px}
  body{font-size:15px!important;line-height:1.72!important}
  .wrap,.narrow{width:min(calc(100% - 28px),var(--ui-content))!important}
  .navin{min-height:62px!important;height:auto!important}
  .brand{font-size:21px!important}
  .btn{font-size:13px!important;padding-left:14px!important;padding-right:14px!important}

  .hero-experience .hero{min-height:calc(100svh - 62px)!important;padding:44px 0!important;overflow:hidden!important}
  .hero-experience .hero-copy-center{padding:0 12px!important;overflow:visible!important}
  .hero-experience .hero h1{font-size:clamp(22px,6.2vw,27px)!important;line-height:1.23!important;letter-spacing:-.035em!important}
  body.lang-en .hero-experience .hero h1{font-size:clamp(18px,5.15vw,22px)!important;letter-spacing:-.025em!important}
  body.lang-ko .hero-experience .hero h1{font-size:clamp(20px,5.6vw,24px)!important}
  body.lang-zh .hero-experience .hero h1{font-size:clamp(21px,5.9vw,26px)!important}
  .hero-experience .hero .hero-title-line{white-space:nowrap!important;max-width:calc(100vw - 36px)!important}

  .product-head,.core-tech-head,#faq .head,.pricing .head,.home-clinic-head{max-width:none!important}
  .product-head h2,.core-tech-head h2,#faq .head h2,.pricing .head h2,.home-clinic-head h2{font-size:27px!important;line-height:1.34!important;letter-spacing:-.025em!important;margin-bottom:14px!important}
  .product-head p,.core-tech-head>p,#faq .head>p,.pricing .head>p,.home-clinic-head>p{font-size:15px!important;line-height:1.75!important}
  .product-head,#faq .head,.pricing .head{margin-bottom:28px!important}

  .product-card h3,.workflow-label,.pricing-value-item strong,.clinic-problem-group h3{font-size:17px!important}
  .product-card p,.workflow-panel p,.workflow-panel li,.faq details p{font-size:14px!important;line-height:1.7!important}
  .workflow-chain span{font-size:13px!important}

  .hero-experience .hero-preview-wrap{padding-left:10px!important;padding-right:10px!important}
  .core-technology{padding-left:14px!important;padding-right:14px!important}
  .core-tech-pillars span,.core-tech-capabilities span{font-size:12px!important}
  .faq details summary{font-size:15px!important;line-height:1.5!important}
  .price{font-size:40px!important}
  .pricing-value-grid{grid-template-columns:1fr!important}
  .pricing-value-item{padding:16px!important}
  .pricing-value-item strong{font-size:15px!important}

  .home-clinic .clinic-cta{width:100%!important;max-width:360px!important;font-size:14px!important}
  .hero-experience>.clinic-support{margin-top:48px!important;margin-bottom:42px!important}
  .clinic-support{padding:24px 18px!important;border-radius:22px!important}
  .clinic-support h2{font-size:27px!important;line-height:1.35!important}
  .clinic-support-lead{font-size:15px!important;line-height:1.75!important}
  .clinic-support-step strong{font-size:15px!important}
  .clinic-support-step span{font-size:13.5px!important}

  .page-hero{padding:58px 0 34px!important}
  .page-hero h1{font-size:34px!important;line-height:1.25!important}
  .contact-section,.policy-wrap{padding:20px 0 64px!important}
  .contact-card,.policy-card{padding:24px 18px!important;border-radius:18px!important}
  .policy-intro,.policy-section p,.policy-section li{font-size:14px!important;line-height:1.8!important}
  .policy-section{padding:24px 0!important}
  .policy-section h2{font-size:19px!important;line-height:1.5!important}
  .policy-section h3{font-size:16px!important}

  .clinic-lite{padding:54px 16px 54px!important}
  .clinic-lite-hero{margin-bottom:44px!important}
  .clinic-lite-hero h1{font-size:36px!important;line-height:1.2!important}
  .clinic-lite-hero h2{font-size:20px!important;line-height:1.55!important}
  .clinic-lite-hero p,.clinic-lite-heading p{font-size:14.5px!important;line-height:1.75!important}
  .clinic-lite-section{margin-top:54px!important}
  .clinic-lite-heading{margin-bottom:26px!important}
  .clinic-lite-heading h2{font-size:27px!important;line-height:1.35!important}
  .clinic-problem-groups{grid-template-columns:1fr!important;gap:12px!important}
  .clinic-problem-group{padding:19px 17px!important}
  .clinic-problem-list li{font-size:14px!important}
  .clinic-cause-band{padding:20px 16px!important}
  .clinic-cause-list{gap:7px!important}
  .clinic-cause-list span{font-size:12.5px!important;padding:7px 10px!important}

  .footer .foot{gap:28px!important}
  .footer a{font-size:13px!important}
}

@media (max-width:360px){
  .hero-experience .hero h1{font-size:20px!important}
  body.lang-en .hero-experience .hero h1{font-size:17px!important}
  body.lang-ko .hero-experience .hero h1{font-size:18.5px!important}
  body.lang-zh .hero-experience .hero h1{font-size:19.5px!important}
}






#faq .faq,
#obs-clinic-home .clinic-problem-groups{
  width:min(100%,900px)!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:grid!important;
  gap:12px!important;
}
#faq .faq details,
#obs-clinic-home .clinic-problem-accordion{
  margin:0!important;
  border:1px solid #e2e8f0!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(15,23,42,.035)!important;
  overflow:hidden!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
#obs-clinic-home .clinic-problem-accordion:first-child{border-top:1px solid #e2e8f0!important}
#faq .faq details[open],
#obs-clinic-home .clinic-problem-accordion[open]{
  border-color:#cbdcf8!important;
  box-shadow:0 8px 24px rgba(37,99,235,.07)!important;
}
#faq .faq summary,
#obs-clinic-home .clinic-problem-summary{
  min-height:60px!important;
  padding:17px 20px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  cursor:pointer!important;
  list-style:none!important;
  background:#fff!important;
  color:#172033!important;
  font-size:15.5px!important;
  font-weight:700!important;
  line-height:1.55!important;
  letter-spacing:-.015em!important;
}
#faq .faq summary::-webkit-details-marker,
#obs-clinic-home .clinic-problem-summary::-webkit-details-marker{display:none!important}
#faq .faq details[open] summary,
#obs-clinic-home .clinic-problem-accordion[open] .clinic-problem-summary{
  color:#1d4ed8!important;
  background:#f8fbff!important;
}
#faq .faq summary:after{
  content:'+'!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1!important;
}
#faq .faq details[open] summary:after{content:'−'!important}
#obs-clinic-home .clinic-accordion-toggle{
  margin-left:auto!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  position:relative!important;
}
#obs-clinic-home .clinic-accordion-toggle:before,
#obs-clinic-home .clinic-accordion-toggle:after{
  content:''!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:11px!important;
  height:1.5px!important;
  background:#2563eb!important;
  transform:translate(-50%,-50%)!important;
  border-radius:2px!important;
}
#obs-clinic-home .clinic-accordion-toggle:after{transform:translate(-50%,-50%) rotate(90deg)!important}
#obs-clinic-home .clinic-problem-accordion[open] .clinic-accordion-toggle:after{opacity:0!important}
#obs-clinic-home .clinic-problem-group-num{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
#obs-clinic-home .clinic-problem-title{font:inherit!important;color:inherit!important}
#faq .faq details p,
#obs-clinic-home .clinic-problem-body{
  margin:0!important;
  padding:0 20px 19px!important;
  color:#64748b!important;
  font-size:14px!important;
  line-height:1.75!important;
  background:#fff!important;
}
#obs-clinic-home .clinic-problem-list{
  margin:0!important;
  padding:2px 0 0 20px!important;
  display:grid!important;
  gap:7px!important;
  color:#64748b!important;
}
#obs-clinic-home .clinic-problem-list li{margin:0!important;font-size:14px!important;line-height:1.7!important}


.footer>.wrap:not(.legal),.footer .wrap:not(.legal){width:min(calc(100% - 40px),1080px)!important}
.footer .foot{
  display:grid!important;
  grid-template-columns:minmax(220px,1.15fr) minmax(190px,.9fr) minmax(240px,1fr)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:48px!important;
  padding:8px 0 18px!important;
}
.footer .footer-brand-block,
.footer .footer-link-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:0!important;
}
.footer .brand.footbrand,.footer .footbrand,.footer .brand-text-only{
  margin:0!important;
  font-size:24px!important;
  line-height:1.2!important;
}
.footer .footer-brand-socials{
  display:grid!important;
  grid-template-columns:repeat(3,40px)!important;
  grid-template-rows:repeat(2,40px)!important;
  gap:9px!important;
  width:max-content!important;
  margin:18px auto 0!important;
  padding:0!important;
}
.footer .footer-link-column>a{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:7px 8px!important;
  text-align:center!important;
  color:#94a3b8!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.5!important;
  text-decoration:none!important;
}
.footer .footer-link-column>a:hover{color:#fff!important}
.footer .footer-group h3,
.footer .footer-social,
.footer .preview-disclaimer{display:none!important}
.footer>.legal.wrap,.footer .legal.wrap{
  margin-top:22px!important;
  padding-top:18px!important;
  justify-content:center!important;
  text-align:center!important;
}
.footer .legal-copy{text-align:center!important;margin:0 auto!important}

@media(max-width:820px){
  .footer .foot{
    grid-template-columns:1fr 1fr!important;
    gap:30px 20px!important;
  }
  .footer .footer-brand-block{grid-column:1/-1!important}
}
@media(max-width:620px){
  #faq .faq,
  #obs-clinic-home .clinic-problem-groups{gap:10px!important}
  #faq .faq summary,
  #obs-clinic-home .clinic-problem-summary{
    min-height:56px!important;
    padding:15px 15px!important;
    font-size:14.5px!important;
    gap:9px!important;
  }
  #faq .faq details p,
  #obs-clinic-home .clinic-problem-body{padding:0 15px 17px!important;font-size:13.5px!important}
  #obs-clinic-home .clinic-problem-list li{font-size:13.5px!important}
  .footer{padding-top:42px!important}
  .footer .foot{grid-template-columns:1fr!important;gap:24px!important}
  .footer .footer-brand-block{grid-column:auto!important}
  .footer .footer-link-column{width:min(100%,320px)!important;margin:0 auto!important}
  .footer .footer-link-column>a{padding:6px 8px!important}
}




header.nav,
.subpage-nav{
  background:rgba(255,255,255,.84)!important;
  backdrop-filter:blur(20px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(180%)!important;
  border-bottom:1px solid rgba(226,232,240,.92)!important;
  box-shadow:0 8px 28px rgba(15,23,42,.04)!important;
}
header.nav>.wrap.navin,
.subpage-nav>.wrap.navin,
header.nav .wrap.navin,
.subpage-nav .wrap.navin{
  width:min(calc(100% - 48px),1180px)!important;
  min-height:72px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:20px!important;
}
header.nav .brand,
.subpage-nav .brand{
  justify-self:start!important;
  margin:0!important;
  font-size:22px!important;
  line-height:1.1!important;
  color:#0f172a!important;
}
header.nav .right,
.subpage-nav .nav-actions{
  justify-self:end!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
header.nav .langbox,
.subpage-nav .lang-switch{position:relative!important}
header.nav .langbtn,
.subpage-nav .lang-switch summary{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:0 14px!important;
  border:1px solid #d8e1ec!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.96)!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:0 2px 8px rgba(15,23,42,.03)!important;
}
header.nav .langbtn:hover,
.subpage-nav .lang-switch summary:hover{
  border-color:#bfdbfe!important;
  background:#fff!important;
}
header.nav .langmenu,
.subpage-nav .lang-menu{
  top:calc(100% + 10px)!important;
  border:1px solid #d8e1ec!important;
  border-radius:14px!important;
  padding:8px!important;
  box-shadow:0 18px 40px rgba(15,23,42,.10)!important;
}
header.nav .btn.primary{
  min-height:42px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  box-shadow:0 12px 24px rgba(37,99,235,.18)!important;
}
.subpage-nav .back-link{
  color:#475467!important;
  font-weight:700!important;
}
.subpage-nav .back-link:hover{color:#1d4ed8!important}


.hero-experience .hero{
  min-height:auto!important;
  display:block!important;
  padding:84px 0 38px!important;
  background:
    radial-gradient(circle at 82% 14%, rgba(191,219,254,.72) 0, rgba(191,219,254,0) 32%),
    linear-gradient(180deg,#fbfdff 0%,#f7fbff 100%)!important;
}
.hero-experience .hero-grid{
  display:block!important;
  max-width:1180px!important;
}
.hero-experience .hero-copy-center{
  max-width:1120px!important;
  padding:0 24px!important;
}
.hero-experience .hero h1{
  max-width:1120px!important;
  font-size:clamp(46px,4.7vw,68px)!important;
  line-height:1.12!important;
  letter-spacing:-.048em!important;
}
.hero-experience .hero .hero-title-line.accent{margin-top:.12em!important}
.hero-experience .hero-workflow-wrap{padding-bottom:64px!important}
.hero-experience .hero-preview-wrap{padding-bottom:72px!important}


.footer{
  background:linear-gradient(180deg,#081327 0%,#091a33 100%)!important;
  border-top:1px solid rgba(148,163,184,.14)!important;
  padding:64px 0 24px!important;
}
.footer>.wrap:not(.legal),
.footer .wrap:not(.legal){
  width:min(calc(100% - 48px),1160px)!important;
}
.footer .foot{
  display:grid!important;
  grid-template-columns:minmax(220px,1.25fr) minmax(180px,.85fr) minmax(220px,1fr)!important;
  align-items:start!important;
  justify-content:space-between!important;
  gap:56px!important;
  padding:0 0 26px!important;
}
.footer .footer-brand-block,
.footer .footer-link-column{
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.footer .brand.footbrand,
.footer .footbrand,
.footer .brand-text-only{
  color:#f8fbff!important;
  font-size:25px!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
.footer .footer-brand-socials{
  display:grid!important;
  grid-template-columns:repeat(3,44px)!important;
  grid-template-rows:repeat(2,44px)!important;
  gap:12px!important;
  width:max-content!important;
  margin:20px 0 0!important;
}
.footer .social-link{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  background:rgba(15,23,42,.18)!important;
  color:#dbeafe!important;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease!important;
}
.footer .social-link:hover{
  color:#fff!important;
  background:rgba(29,78,216,.20)!important;
  border-color:rgba(96,165,250,.48)!important;
  transform:translateY(-2px)!important;
}
.footer .footer-link-column{
  position:relative!important;
  padding-top:30px!important;
}
.footer .footer-link-column::before{
  display:block!important;
  margin:0 0 14px!important;
  color:#93c5fd!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
body.lang-ja .footer .footer-link-column:nth-child(2)::before{content:'サポート'!important}
body.lang-ja .footer .footer-link-column:nth-child(3)::before{content:'法的情報'!important}
body.lang-ko .footer .footer-link-column:nth-child(2)::before{content:'지원'!important}
body.lang-ko .footer .footer-link-column:nth-child(3)::before{content:'법적 정보'!important}
body.lang-en .footer .footer-link-column:nth-child(2)::before{content:'Support'!important}
body.lang-en .footer .footer-link-column:nth-child(3)::before{content:'Legal'!important}
body.lang-zh .footer .footer-link-column:nth-child(2)::before{content:'支持'!important}
body.lang-zh .footer .footer-link-column:nth-child(3)::before{content:'法律信息'!important}
.footer .footer-link-column>a{
  width:auto!important;
  padding:7px 0!important;
  color:#c7d2e3!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}
.footer .footer-link-column>a:hover{
  color:#fff!important;
  transform:translateX(2px)!important;
}
.footer>.legal.wrap,
.footer .legal.wrap{
  width:min(calc(100% - 48px),1160px)!important;
  margin-top:0!important;
  padding-top:20px!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.footer .legal-copy{
  color:#94a3b8!important;
  font-size:12px!important;
  line-height:1.7!important;
  text-align:left!important;
  margin:0!important;
}

@media (max-width: 900px){
  .footer .foot{
    grid-template-columns:1fr 1fr!important;
    gap:34px 28px!important;
  }
  .footer .footer-brand-block{grid-column:1 / -1!important}
}

@media (max-width: 620px){
  header.nav>.wrap.navin,
  .subpage-nav>.wrap.navin,
  header.nav .wrap.navin,
  .subpage-nav .wrap.navin{
    width:min(calc(100% - 28px),1180px)!important;
    min-height:64px!important;
    grid-template-columns:auto auto!important;
    gap:12px!important;
  }
  header.nav .brand,
  .subpage-nav .brand{font-size:20px!important}
  header.nav .right,
  .subpage-nav .nav-actions{gap:8px!important}
  .subpage-nav .back-link span{display:none!important}
  header.nav .langbtn,
  .subpage-nav .lang-switch summary{
    min-height:40px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }
  header.nav .btn.primary{display:none!important}

  .hero-experience .hero{padding:64px 0 26px!important}
  .hero-experience .hero-copy-center{padding:0 10px!important}
  .hero-experience .hero h1{
    font-size:clamp(36px,10vw,50px)!important;
    line-height:1.18!important;
  }
  .hero-experience .hero .hero-title-line{white-space:normal!important}
  .hero-experience .hero-workflow-wrap{padding-bottom:48px!important}
  .hero-experience .hero-preview-wrap{padding-bottom:56px!important}

  .footer{padding:44px 0 20px!important}
  .footer>.wrap:not(.legal),
  .footer .wrap:not(.legal),
  .footer>.legal.wrap,
  .footer .legal.wrap{width:min(calc(100% - 28px),1160px)!important}
  .footer .foot{grid-template-columns:1fr!important;gap:28px!important}
  .footer .footer-brand-block,
  .footer .footer-link-column{
    align-items:center!important;
    text-align:center!important;
  }
  .footer .footer-link-column{padding-top:18px!important}
  .footer .footer-link-column::before{margin-bottom:10px!important}
  .footer .footer-link-column>a{width:100%!important}
  .footer .footer-brand-socials{margin:18px auto 0!important}
  .footer>.legal.wrap,
  .footer .legal.wrap,
  .footer .legal-copy{text-align:center!important;justify-content:center!important}
}




header.nav,
.subpage-nav{
  background:rgba(255,255,255,.78)!important;
  backdrop-filter:blur(18px) saturate(160%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
  border-bottom:1px solid rgba(226,232,240,.88)!important;
  box-shadow:none!important;
}
header.nav>.wrap.navin,
.subpage-nav>.wrap.navin,
header.nav .wrap.navin,
.subpage-nav .wrap.navin{
  width:min(calc(100% - 48px),1200px)!important;
  min-height:68px!important;
  gap:16px!important;
}
header.nav .brand,
.subpage-nav .brand{
  font-size:21px!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
header.nav .langbtn,
.subpage-nav .lang-switch summary{
  min-height:40px!important;
  padding:0 13px!important;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:none!important;
}
header.nav .btn.primary{
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:10px!important;
  background:#2563eb!important;
  box-shadow:none!important;
}
header.nav .btn.primary:hover{
  background:#1d4ed8!important;
  transform:none!important;
}
header.nav .langmenu,
.subpage-nav .lang-menu{
  border:1px solid #e2e8f0!important;
  border-radius:12px!important;
  box-shadow:0 12px 32px rgba(15,23,42,.08)!important;
}


.hero-experience .hero{
  padding:72px 0 28px!important;
  background:
    linear-gradient(180deg,#fbfdff 0%,#f8fbff 58%,#ffffff 100%)!important;
}
.hero-experience .hero-copy-center{
  max-width:1080px!important;
}
.hero-experience .hero h1{
  max-width:1080px!important;
  font-size:clamp(44px,4.55vw,64px)!important;
  line-height:1.1!important;
  font-weight:820!important;
  letter-spacing:-.05em!important;
}
.hero-experience .hero .hero-title-line{
  width:auto!important;
}
.hero-experience .hero .hero-title-line.neutral{
  color:#0f172a!important;
}
.hero-experience .hero .hero-title-line.accent{
  margin-top:.1em!important;
  color:#2563eb!important;
}
.hero-experience .hero-workflow-wrap{padding-bottom:56px!important}
.hero-experience .hero-preview-wrap{padding-bottom:64px!important}


.footer{
  background:#071426!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  padding:56px 0 22px!important;
}
.footer>.wrap:not(.legal),
.footer .wrap:not(.legal),
.footer>.legal.wrap,
.footer .legal.wrap{
  width:min(calc(100% - 48px),1120px)!important;
}
.footer .foot{
  grid-template-columns:minmax(220px,1.15fr) minmax(170px,.78fr) minmax(220px,.92fr)!important;
  gap:44px!important;
  padding:0 0 22px!important;
}
.footer .footer-brand-block,
.footer .footer-link-column{
  align-items:flex-start!important;
  text-align:left!important;
}
.footer .brand.footbrand,
.footer .footbrand,
.footer .brand-text-only{
  font-size:24px!important;
  color:#f8fafc!important;
}
.footer .footer-brand-socials{
  grid-template-columns:repeat(3,40px)!important;
  grid-template-rows:repeat(2,40px)!important;
  gap:10px!important;
  margin:16px 0 0!important;
}
.footer .social-link{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:transparent!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
.footer .social-link:hover{
  background:rgba(37,99,235,.10)!important;
  border-color:rgba(96,165,250,.42)!important;
  color:#fff!important;
  transform:none!important;
}
.footer .footer-link-column{
  padding-top:22px!important;
}
.footer .footer-link-column::before{
  margin:0 0 12px!important;
  color:#7dd3fc!important;
  font-size:10.5px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.footer .footer-link-column>a{
  padding:6px 0!important;
  color:#b8c4d5!important;
  font-size:13.5px!important;
  line-height:1.5!important;
}
.footer .footer-link-column>a:hover{
  color:#fff!important;
  transform:none!important;
}
.footer>.legal.wrap,
.footer .legal.wrap{
  padding-top:18px!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
}
.footer .legal-copy{
  color:#8091a7!important;
  font-size:11.5px!important;
  line-height:1.7!important;
}

@media (max-width: 620px){
  header.nav>.wrap.navin,
  .subpage-nav>.wrap.navin,
  header.nav .wrap.navin,
  .subpage-nav .wrap.navin{
    width:min(calc(100% - 28px),1200px)!important;
    min-height:62px!important;
  }
  header.nav .brand,
  .subpage-nav .brand{font-size:19px!important}
  .hero-experience .hero{padding:58px 0 20px!important}
  .hero-experience .hero h1{
    font-size:clamp(34px,9.8vw,48px)!important;
    line-height:1.16!important;
  }
  .footer{
    padding:42px 0 18px!important;
  }
  .footer>.wrap:not(.legal),
  .footer .wrap:not(.legal),
  .footer>.legal.wrap,
  .footer .legal.wrap{width:min(calc(100% - 28px),1120px)!important}
  .footer .footer-brand-block,
  .footer .footer-link-column{
    align-items:center!important;
    text-align:center!important;
  }
  .footer .footer-brand-socials{margin:16px auto 0!important}
}




.hero-experience .hero{
  min-height:calc(100svh - 68px)!important;
  padding:64px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:radial-gradient(circle at 82% 15%,#dbeafe 0,rgba(219,234,254,0) 34%),linear-gradient(#fff,#f8fbff)!important;
}
.hero-experience .hero-grid{
  width:100%!important;
  max-width:var(--ui-content)!important;
  display:block!important;
  margin:auto!important;
}
.hero-experience .hero-copy-center{
  width:100%!important;
  max-width:none!important;
  margin:auto!important;
  padding:0 20px!important;
  text-align:center!important;
}
.hero-experience .hero h1{
  margin:0!important;
  max-width:none!important;
  font-size:clamp(48px,4.9vw,68px)!important;
  font-weight:800!important;
  line-height:1.17!important;
  letter-spacing:-.045em!important;
}
.hero-experience .hero .hero-title-line{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  white-space:nowrap!important;
}
.hero-experience .hero .hero-title-line.accent{
  margin-top:.16em!important;
}
.hero-experience .hero-workflow-wrap{padding:0 0 var(--ui-section)!important}
.hero-experience .hero-preview-wrap{padding:0 20px var(--ui-section)!important}
@media (max-width: 620px){
  .hero-experience .hero{
    min-height:calc(100svh - 62px)!important;
    padding:40px 0 28px!important;
  }
  .hero-experience .hero h1{
    font-size:clamp(38px,10vw,52px)!important;
    line-height:1.18!important;
  }
  .hero-experience .hero .hero-title-line{white-space:normal!important}
}


.footer{
  background:#081427!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  padding:56px 0 24px!important;
}
.footer>.wrap:not(.legal),
.footer .wrap:not(.legal),
.footer>.legal.wrap,
.footer .legal.wrap{
  width:min(calc(100% - 48px),1120px)!important;
}
.footer .foot{
  display:grid!important;
  grid-template-columns:minmax(360px,1.35fr) minmax(170px,.7fr) minmax(190px,.78fr)!important;
  align-items:start!important;
  gap:42px!important;
  padding:0 0 24px!important;
}
.footer .footer-brand-block{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  min-width:0!important;
  text-align:left!important;
}
.footer .footer-link-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
  min-width:0!important;
  padding-top:2px!important;
}
.footer .brand.footbrand,
.footer .footbrand,
.footer .brand-text-only{
  margin:0!important;
  color:#f8fbff!important;
  font-size:25px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
.footer .footer-brand-socials{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
}
.footer .social-link{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(15,23,42,.16)!important;
  color:#dbe7f5!important;
  box-shadow:none!important;
  transition:border-color .18s ease, background .18s ease, color .18s ease!important;
}
.footer .social-link:hover{
  background:rgba(37,99,235,.12)!important;
  border-color:rgba(96,165,250,.40)!important;
  color:#fff!important;
  transform:none!important;
}
.footer .footer-link-column::before{
  display:block!important;
  margin:0 0 12px!important;
  color:#8ec5ff!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
body.lang-ja .footer .footer-link-column:nth-child(2)::before{content:'サポート'!important}
body.lang-ja .footer .footer-link-column:nth-child(3)::before{content:'法的情報'!important}
body.lang-ko .footer .footer-link-column:nth-child(2)::before{content:'지원'!important}
body.lang-ko .footer .footer-link-column:nth-child(3)::before{content:'법적 정보'!important}
body.lang-en .footer .footer-link-column:nth-child(2)::before{content:'Support'!important}
body.lang-en .footer .footer-link-column:nth-child(3)::before{content:'Legal'!important}
body.lang-zh .footer .footer-link-column:nth-child(2)::before{content:'支持'!important}
body.lang-zh .footer .footer-link-column:nth-child(3)::before{content:'法律信息'!important}
.footer .footer-link-column>a{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:7px 0!important;
  color:#bdcadd!important;
  font-size:13.5px!important;
  font-weight:400!important;
  line-height:1.55!important;
  text-decoration:none!important;
}
.footer .footer-link-column>a:hover{
  color:#fff!important;
}
.footer .footer-group h3,
.footer .footer-social,
.footer .preview-disclaimer{display:none!important}
.footer>.legal.wrap,
.footer .legal.wrap{
  margin-top:0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(148,163,184,.10)!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
.footer .legal-copy{
  color:#8493a8!important;
  font-size:11.5px!important;
  line-height:1.7!important;
  text-align:left!important;
  margin:0!important;
}

@media (max-width: 900px){
  .footer .foot{
    grid-template-columns:1fr 1fr!important;
    gap:30px 28px!important;
  }
  .footer .footer-brand-block{
    grid-column:1/-1!important;
    justify-content:space-between!important;
  }
}
@media (max-width: 620px){
  .footer{
    padding:42px 0 20px!important;
  }
  .footer>.wrap:not(.legal),
  .footer .wrap:not(.legal),
  .footer>.legal.wrap,
  .footer .legal.wrap{
    width:min(calc(100% - 28px),1120px)!important;
  }
  .footer .foot{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .footer .footer-brand-block{
    grid-column:auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:16px!important;
    text-align:center!important;
  }
  .footer .footer-brand-socials{
    justify-content:center!important;
  }
  .footer .footer-link-column{
    align-items:center!important;
    text-align:center!important;
  }
  .footer .footer-link-column>a{width:100%!important}
  .footer>.legal.wrap,
  .footer .legal.wrap,
  .footer .legal-copy{
    text-align:center!important;
    justify-content:center!important;
  }
}




:root{
  --saas-content:1120px;
  --saas-narrow:820px;
  --saas-section:104px;
  --saas-ink:#0f172a;
  --saas-text:#334155;
  --saas-muted:#64748b;
  --saas-line:#e2e8f0;
  --saas-soft:#f8fafc;
  --saas-blue:#2563eb;
  --saas-blue-dark:#1d4ed8;
  --saas-blue-soft:#eff6ff;
  --saas-card:#ffffff;
  --saas-radius:18px;
  --saas-shadow:0 14px 38px rgba(15,23,42,.055);
}


.hero-experience :is(.product-section,.workflow-section-head,.core-technology,#faq,.pricing,.home-clinic,.clinic-support) .eyebrow,
.hero-experience .clinic-lite-eyebrow{
  display:inline-block!important;
  margin:0 0 12px!important;
  color:var(--saas-blue)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.hero-experience :is(.product-head,.workflow-section-head,.core-tech-head,#faq .head,.pricing .head,.home-clinic-head) h2,
.hero-experience .clinic-support h2{
  margin:0!important;
  color:var(--saas-ink)!important;
  font-size:clamp(34px,3.35vw,44px)!important;
  font-weight:800!important;
  line-height:1.22!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}

.hero-experience :is(.product-head,.core-tech-copy,.home-clinic-head,.clinic-support-copy) p,
.hero-experience #faq details p{
  color:var(--saas-muted)!important;
  font-size:15.5px!important;
  font-weight:400!important;
  line-height:1.82!important;
  letter-spacing:0!important;
}

.hero-experience :is(.product-section.beauty-focus,.core-technology,#faq,.pricing,.home-clinic){
  margin:0!important;
  padding:var(--saas-section) 0!important;
}

.hero-experience :is(.product-section.beauty-focus,#faq,.home-clinic){background:#fff!important}
.hero-experience :is(.core-technology,.pricing){background:var(--saas-soft)!important}


.hero-experience .product-section.beauty-focus>.wrap{
  width:min(calc(100% - 48px),var(--saas-content))!important;
}
.hero-experience .product-head{
  max-width:820px!important;
  margin:0 auto 48px!important;
  text-align:center!important;
}
.hero-experience .product-head h2 span{display:block!important}
.hero-experience .product-head p{
  max-width:760px!important;
  margin:18px auto 0!important;
}
.hero-experience .product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.hero-experience .product-card{
  min-height:218px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  padding:28px!important;
  border:1px solid var(--saas-line)!important;
  border-radius:var(--saas-radius)!important;
  background:var(--saas-card)!important;
  box-shadow:var(--saas-shadow)!important;
}
.hero-experience .product-card .kicker{
  margin:0 0 22px!important;
  color:var(--saas-blue)!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.14em!important;
  opacity:1!important;
}
.hero-experience .product-card h3{
  margin:0 0 10px!important;
  color:var(--saas-ink)!important;
  font-size:19px!important;
  font-weight:750!important;
  line-height:1.45!important;
  letter-spacing:-.015em!important;
}
.hero-experience .product-card p{
  margin:0!important;
  color:var(--saas-muted)!important;
  font-size:14.5px!important;
  font-weight:400!important;
  line-height:1.76!important;
}


.hero-experience .hero-workflow-wrap{
  width:min(calc(100% - 48px),var(--saas-content))!important;
  margin:0 auto!important;
  padding:96px 0!important;
  display:block!important;
}
.hero-experience .workflow-section-head{
  max-width:760px!important;
  margin:0 auto 40px!important;
  text-align:center!important;
}
.hero-experience .workflow-after-preview{margin:0!important}
.hero-experience .workflow-after-preview .workflow-pair.workflow-simple-stack{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero-experience .workflow-simple-stack .workflow-panel{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:214px!important;
  padding:28px!important;
  border:1px solid var(--saas-line)!important;
  border-radius:var(--saas-radius)!important;
  background:#fff!important;
  box-shadow:var(--saas-shadow)!important;
  text-align:left!important;
}
.hero-experience .workflow-simple-stack .workflow-panel+.workflow-panel{
  border-top:1px solid var(--saas-line)!important;
}
.hero-experience .workflow-simple-stack .workflow-new{
  border-color:#cbdcf8!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
}
.hero-experience .workflow-simple-stack .workflow-label{
  width:auto!important;
  margin:0 0 22px!important;
  padding:0!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.08em!important;
  text-align:left!important;
}
.hero-experience .workflow-simple-stack .workflow-new .workflow-label{color:var(--saas-blue)!important}
.hero-experience .workflow-simple-stack .workflow-chain{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0!important;
  text-align:left!important;
}
.hero-experience .workflow-simple-stack .workflow-chain span{
  width:auto!important;
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 12px!important;
  border:1px solid #dbe3ed!important;
  border-radius:10px!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.35!important;
  text-align:center!important;
}
.hero-experience .workflow-simple-stack .workflow-new .workflow-chain span{
  border-color:#cbdcf8!important;
  background:var(--saas-blue-soft)!important;
  color:#244a7c!important;
}
.hero-experience .workflow-simple-stack .workflow-chain b{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  color:#94a3b8!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1!important;
}
.hero-experience .workflow-simple-stack .workflow-chain b::before{content:none!important}


.hero-experience .core-technology{
  padding-left:0!important;
  padding-right:0!important;
}
.hero-experience .core-tech-inner{
  width:min(calc(100% - 48px),var(--saas-content))!important;
  max-width:none!important;
  margin:0 auto!important;
}
.hero-experience .core-tech-head{
  max-width:780px!important;
  margin:0 auto 44px!important;
  text-align:center!important;
}
.hero-experience .core-tech-copy{
  max-width:1000px!important;
  margin:0 auto 36px!important;
  columns:2!important;
  column-gap:52px!important;
  column-rule:1px solid var(--saas-line)!important;
}
.hero-experience .core-tech-copy p{
  break-inside:avoid!important;
  margin:0 0 20px!important;
  text-align:left!important;
}
.hero-experience .core-tech-copy p:last-child{margin-bottom:0!important}
.hero-experience .core-tech-pillars,
.hero-experience .core-tech-capabilities{
  max-width:1000px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.hero-experience .core-tech-capabilities{margin-top:10px!important}
.hero-experience .core-tech-pillars span,
.hero-experience .core-tech-capabilities span{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:10px 12px!important;
  border:1px solid var(--saas-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#475569!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.4!important;
  text-align:center!important;
  box-shadow:none!important;
}


.hero-experience #faq>.wrap,
.hero-experience .home-clinic>.wrap{
  width:min(calc(100% - 48px),var(--saas-content))!important;
}
.hero-experience #faq .head,
.hero-experience .home-clinic-head{
  max-width:780px!important;
  margin:0 auto 42px!important;
  text-align:center!important;
}
.hero-experience .home-clinic-head p{
  max-width:720px!important;
  margin:16px auto 0!important;
}
.hero-experience #faq .faq,
.hero-experience #obs-clinic-home .clinic-problem-groups{
  width:min(100%,920px)!important;
  max-width:920px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:10px!important;
}
.hero-experience #faq .faq details,
.hero-experience #obs-clinic-home .clinic-problem-accordion{
  margin:0!important;
  border:1px solid var(--saas-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.hero-experience #faq .faq details[open],
.hero-experience #obs-clinic-home .clinic-problem-accordion[open]{
  border-color:#cbdcf8!important;
  box-shadow:0 8px 24px rgba(37,99,235,.05)!important;
}
.hero-experience #faq .faq summary,
.hero-experience #obs-clinic-home .clinic-problem-summary{
  min-height:62px!important;
  padding:17px 20px!important;
  gap:12px!important;
  color:#1e293b!important;
  background:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.55!important;
  letter-spacing:-.01em!important;
}
.hero-experience #faq .faq details[open] summary,
.hero-experience #obs-clinic-home .clinic-problem-accordion[open] .clinic-problem-summary{
  color:#1d4ed8!important;
  background:#f8fbff!important;
}
.hero-experience #faq .faq details p,
.hero-experience #obs-clinic-home .clinic-problem-body{
  padding:0 20px 20px!important;
  background:#fff!important;
  color:var(--saas-muted)!important;
  font-size:14px!important;
  line-height:1.78!important;
}
.hero-experience #obs-clinic-home .clinic-problem-group-num{
  min-width:32px!important;
  height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#2563eb!important;
  font-size:10.5px!important;
  font-weight:800!important;
}
.hero-experience #obs-clinic-home .clinic-problem-title{
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.hero-experience #obs-clinic-home .clinic-problem-list{
  gap:6px!important;
  margin:0!important;
}
.hero-experience #obs-clinic-home .clinic-problem-list li{
  color:var(--saas-muted)!important;
  font-size:14px!important;
  line-height:1.7!important;
}


.hero-experience .pricing>.wrap{
  width:min(calc(100% - 48px),var(--saas-content))!important;
}
.hero-experience .pricing .head{
  max-width:780px!important;
  margin:0 auto 42px!important;
  text-align:center!important;
}
.hero-experience .compact-pricing-grid{
  width:min(100%,980px)!important;
  margin:0 auto!important;
  display:block!important;
}
.hero-experience .compact-pricecard{
  display:grid!important;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)!important;
  grid-template-areas:
    "price features"
    "cta features"
    "note features"!important;
  column-gap:44px!important;
  row-gap:16px!important;
  align-items:start!important;
  padding:38px!important;
  border:1px solid var(--saas-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:var(--saas-shadow)!important;
}
.hero-experience .compact-pricecard .price{
  grid-area:price!important;
  margin:0!important;
  color:var(--saas-ink)!important;
  font-size:clamp(44px,4.4vw,58px)!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}
.hero-experience .compact-pricecard .price small{
  color:var(--saas-muted)!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.hero-experience .compact-pricecard .pricing-value-grid{
  grid-area:features!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
.hero-experience .compact-pricecard .pricing-value-item{
  min-height:104px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:18px!important;
  border:1px solid #e5eaf1!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
.hero-experience .compact-pricecard .pricing-value-label{
  margin-bottom:8px!important;
  color:var(--saas-blue)!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.3!important;
  letter-spacing:.12em!important;
}
.hero-experience .compact-pricecard .pricing-value-item strong{
  color:#27364b!important;
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.55!important;
}
.hero-experience .compact-pricecard>.btn{
  grid-area:cta!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.hero-experience .compact-pricecard .trial-payment-note{
  grid-area:note!important;
  margin:0!important;
  color:var(--saas-muted)!important;
  font-size:12.5px!important;
  line-height:1.7!important;
  text-align:left!important;
}


.hero-experience>.clinic-support{
  width:min(calc(100% - 48px),var(--saas-content))!important;
  max-width:var(--saas-content)!important;
  margin:88px auto!important;
  padding:38px 42px!important;
  border:1px solid #d7e5ff!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#f7faff 0%,#edf5ff 100%)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.hero-experience .clinic-support-grid{
  max-width:none!important;
  margin:0!important;
  display:block!important;
}
.hero-experience .clinic-support-grid>div:first-child{
  max-width:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"copy action"!important;
  gap:36px!important;
  align-items:center!important;
}
.hero-experience .clinic-support-copy{
  grid-area:copy!important;
  max-width:720px!important;
}
.hero-experience .clinic-support .clinic-lite-eyebrow,
.hero-experience .clinic-support h2,
.hero-experience .clinic-support-lead,
.hero-experience .clinic-support-note{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}
.hero-experience .clinic-support h2{
  font-size:clamp(30px,2.8vw,38px)!important;
}
.hero-experience .clinic-support-lead{
  max-width:680px!important;
  margin:14px 0 0!important;
  font-size:15px!important;
  line-height:1.78!important;
}
.hero-experience .clinic-support-note{
  max-width:680px!important;
  margin:8px 0 0!important;
  color:#718096!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.hero-experience .clinic-support-actions{
  grid-area:action!important;
  margin:0!important;
  justify-content:flex-end!important;
}
.hero-experience .clinic-support-btn{
  min-height:48px!important;
  padding:0 20px!important;
  border-radius:12px!important;
  background:#2563eb!important;
  color:#fff!important;
  border:1px solid #2563eb!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.hero-experience .clinic-support-btn:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}


.footer.footer-saas{
  margin:0!important;
  padding:64px 0 24px!important;
  background:#07111f!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
  color:#cbd5e1!important;
}
.footer.footer-saas>.wrap{
  width:min(calc(100% - 48px),1120px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.footer-saas-top{
  display:grid!important;
  grid-template-columns:minmax(300px,1.6fr) minmax(150px,.7fr) minmax(220px,.9fr)!important;
  gap:64px!important;
  align-items:start!important;
  padding:0 0 46px!important;
}
.footer-saas-brand{max-width:360px!important}
.footer.footer-saas .footbrand{
  display:inline-flex!important;
  margin:0!important;
  color:#f8fafc!important;
  font-size:24px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.04em!important;
  text-decoration:none!important;
}
.footer-saas-tagline{
  max-width:340px!important;
  margin:14px 0 0!important;
  color:#8fa0b7!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.75!important;
}
.footer-saas-column{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
}
.footer-saas-heading{
  margin:0 0 13px!important;
  color:#f1f5f9!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.4!important;
}
.footer.footer-saas .footer-saas-column>a{
  display:block!important;
  margin:0!important;
  padding:6px 0!important;
  color:#8fa0b7!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.55!important;
  text-decoration:none!important;
  transition:color .15s ease!important;
}
.footer.footer-saas .footer-saas-column>a:hover{color:#fff!important}
.footer-saas-bottom{
  min-height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  padding:20px 0 0!important;
  border-top:1px solid rgba(148,163,184,.12)!important;
}
.footer.footer-saas .legal-copy{
  margin:0!important;
  color:#718096!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:1.6!important;
  text-align:left!important;
}
.footer.footer-saas .footer-brand-socials{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
}
.footer.footer-saas .social-link{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#93a4b8!important;
  box-shadow:none!important;
  transition:color .15s ease,border-color .15s ease,background .15s ease!important;
}
.footer.footer-saas .social-link:hover{
  color:#fff!important;
  border-color:rgba(96,165,250,.45)!important;
  background:rgba(37,99,235,.10)!important;
  transform:none!important;
}
.footer.footer-saas .social-link svg{width:17px!important;height:17px!important}
.footer.footer-saas .social-link.youtube svg{width:19px!important}


@media(max-width:900px){
  :root{--saas-section:84px}
  .hero-experience .product-grid{grid-template-columns:1fr!important}
  .hero-experience .product-card{min-height:0!important}
  .hero-experience .workflow-after-preview .workflow-pair.workflow-simple-stack{grid-template-columns:1fr!important}
  .hero-experience .workflow-simple-stack .workflow-panel{min-height:0!important}
  .hero-experience .core-tech-copy{columns:1!important;column-rule:0!important;max-width:760px!important}
  .hero-experience .core-tech-pillars,
  .hero-experience .core-tech-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-experience .compact-pricecard{
    grid-template-columns:1fr!important;
    grid-template-areas:"price" "features" "cta" "note"!important;
    gap:22px!important;
  }
  .hero-experience .clinic-support-grid>div:first-child{
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "action"!important;
    gap:24px!important;
  }
  .hero-experience .clinic-support-actions{justify-content:flex-start!important}
  .footer-saas-top{grid-template-columns:1.3fr 1fr 1fr!important;gap:36px!important}
}

@media(max-width:620px){
  :root{--saas-section:68px}
  .hero-experience .product-section.beauty-focus>.wrap,
  .hero-experience .hero-workflow-wrap,
  .hero-experience .core-tech-inner,
  .hero-experience #faq>.wrap,
  .hero-experience .pricing>.wrap,
  .hero-experience .home-clinic>.wrap{
    width:min(calc(100% - 28px),var(--saas-content))!important;
  }
  .hero-experience :is(.product-head,.workflow-section-head,.core-tech-head,#faq .head,.pricing .head,.home-clinic-head) h2,
  .hero-experience .clinic-support h2{
    font-size:28px!important;
    line-height:1.3!important;
  }
  .hero-experience .product-head,
  .hero-experience .workflow-section-head,
  .hero-experience .core-tech-head,
  .hero-experience #faq .head,
  .hero-experience .pricing .head,
  .hero-experience .home-clinic-head{margin-bottom:30px!important}
  .hero-experience .product-head p,
  .hero-experience .home-clinic-head p{font-size:14.5px!important;line-height:1.75!important}
  .hero-experience .product-card{padding:22px!important}
  .hero-experience .hero-workflow-wrap{padding:68px 0!important}
  .hero-experience .workflow-simple-stack .workflow-panel{padding:22px!important}
  .hero-experience .workflow-simple-stack .workflow-chain{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .hero-experience .workflow-simple-stack .workflow-chain span{width:100%!important}
  .hero-experience .workflow-simple-stack .workflow-chain b{
    display:block!important;
    height:24px!important;
    font-size:0!important;
    text-align:center!important;
  }
  .hero-experience .workflow-simple-stack .workflow-chain b::before{
    content:'↓'!important;
    display:block!important;
    color:#94a3b8!important;
    font-size:15px!important;
    line-height:24px!important;
  }
  .hero-experience .core-tech-pillars,
  .hero-experience .core-tech-capabilities{grid-template-columns:1fr!important}
  .hero-experience #faq .faq summary,
  .hero-experience #obs-clinic-home .clinic-problem-summary{padding:15px!important;font-size:14px!important}
  .hero-experience #faq .faq details p,
  .hero-experience #obs-clinic-home .clinic-problem-body{padding:0 15px 17px!important;font-size:13.5px!important}
  .hero-experience .compact-pricecard{padding:24px!important;border-radius:18px!important}
  .hero-experience .compact-pricecard .pricing-value-grid{grid-template-columns:1fr!important}
  .hero-experience>.clinic-support{
    width:min(calc(100% - 28px),var(--saas-content))!important;
    margin:56px auto!important;
    padding:26px 22px!important;
    border-radius:18px!important;
  }
  .hero-experience .clinic-support-actions{display:block!important}
  .hero-experience .clinic-support-btn{width:100%!important}
  .footer.footer-saas{padding:46px 0 20px!important}
  .footer.footer-saas>.wrap{width:min(calc(100% - 28px),1120px)!important}
  .footer-saas-top{grid-template-columns:1fr!important;gap:30px!important;padding-bottom:34px!important}
  .footer-saas-brand{max-width:none!important}
  .footer-saas-tagline{max-width:360px!important}
  .footer-saas-bottom{
    flex-direction:column-reverse!important;
    align-items:flex-start!important;
    gap:16px!important;
  }
  .footer.footer-saas .footer-brand-socials{justify-content:flex-start!important}
}




.hero-experience .workflow-simple-stack .workflow-panel{
  border-color:#e8eef5!important;
  box-shadow:0 10px 28px rgba(15,23,42,.045)!important;
}
.hero-experience .workflow-simple-stack .workflow-panel+.workflow-panel{
  border-top-color:#e8eef5!important;
}
.hero-experience .workflow-simple-stack .workflow-new{
  border-color:#dbe8fb!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
}
.hero-experience .workflow-simple-stack .workflow-chain span{
  min-height:40px!important;
  padding:8px 13px!important;
  border:1px solid #e7edf4!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:600!important;
}
.hero-experience .workflow-simple-stack .workflow-new .workflow-chain span{
  border-color:#d9e5fb!important;
  background:#f7faff!important;
  color:#244a7c!important;
}
.hero-experience .workflow-simple-stack .workflow-chain b{
  color:#a3afbf!important;
}


.hero-experience .compact-pricecard{
  column-gap:48px!important;
  row-gap:18px!important;
  padding:42px!important;
}
.hero-experience .compact-pricecard .pricing-value-grid{
  gap:14px!important;
}
.hero-experience .compact-pricecard .pricing-value-item{
  min-height:124px!important;
  padding:22px 20px!important;
  border:1px solid #e3eaf3!important;
  border-radius:16px!important;
  background:#f8fafc!important;
}
.hero-experience .compact-pricecard .pricing-value-label{
  margin-bottom:9px!important;
  font-size:10.5px!important;
  letter-spacing:.13em!important;
}
.hero-experience .compact-pricecard .pricing-value-item strong{
  font-size:15.5px!important;
  line-height:1.6!important;
}


.hero-experience>.clinic-support{
  padding:40px 42px!important;
}
.hero-experience .clinic-support-grid>div:first-child{
  display:block!important;
}
.hero-experience .clinic-support-copy{
  max-width:760px!important;
}
.hero-experience .clinic-support-lead{
  max-width:720px!important;
}
.hero-experience .clinic-support-note{
  max-width:720px!important;
}
.hero-experience .clinic-support-actions{
  display:flex!important;
  justify-content:flex-start!important;
  margin:22px 0 0!important;
}
.hero-experience .clinic-support-btn{
  width:auto!important;
  min-width:196px!important;
  padding:0 22px!important;
}


.footer.footer-saas{
  padding:62px 0 24px!important;
  background:#0a1424!important;
}
.footer-saas-top{
  grid-template-columns:minmax(320px,1.45fr) minmax(170px,.78fr) minmax(190px,.84fr)!important;
  gap:48px!important;
  padding:0 0 42px!important;
}
.footer-saas-brand{max-width:380px!important}
.footer-saas-tagline{
  max-width:356px!important;
  margin:16px 0 0!important;
  color:#93a4bb!important;
  font-size:13.5px!important;
  line-height:1.8!important;
}
.footer-saas-heading{
  margin:0 0 14px!important;
  color:#eef3fa!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.01em!important;
}
.footer.footer-saas .footer-saas-column>a{
  padding:7px 0!important;
  color:#94a6bc!important;
  font-size:13.5px!important;
  line-height:1.58!important;
}
.footer-saas-bottom{
  min-height:54px!important;
  gap:22px!important;
  padding:18px 0 0!important;
}
.footer.footer-saas .legal-copy{
  color:#7f90a6!important;
  font-size:11.5px!important;
}
.footer.footer-saas .footer-brand-socials{
  gap:9px!important;
}
.footer.footer-saas .social-link{
  width:36px!important;
  height:36px!important;
  border-radius:10px!important;
  color:#99abc0!important;
}
.footer.footer-saas .social-link svg{width:17px!important;height:17px!important}
.footer.footer-saas .social-link.youtube svg{width:19px!important}

@media(max-width:900px){
  .footer-saas-top{
    grid-template-columns:1.2fr 1fr 1fr!important;
    gap:28px!important;
  }
}

@media(max-width:620px){
  .hero-experience .compact-pricecard{
    padding:26px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item{
    min-height:112px!important;
    padding:20px 18px!important;
  }
  .hero-experience>.clinic-support{
    padding:28px 22px!important;
  }
  .hero-experience .clinic-support-actions{
    display:block!important;
    margin-top:18px!important;
  }
  .hero-experience .clinic-support-btn{
    width:100%!important;
    min-width:0!important;
  }
  .footer.footer-saas{
    padding:46px 0 20px!important;
  }
  .footer-saas-top{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-bottom:32px!important;
  }
  .footer-saas-bottom{
    flex-direction:column-reverse!important;
    align-items:flex-start!important;
    gap:16px!important;
  }
  .footer.footer-saas .footer-brand-socials{
    justify-content:flex-start!important;
  }
}



:root{
  --saas-content:1140px;
  --saas-section:112px;
  --saas-line:#e7edf5;
  --saas-soft:#f6f9fc;
  --saas-shadow:0 18px 48px rgba(15,23,42,.05);
}

.hero-experience :is(.product-head,.workflow-section-head,.core-tech-head,#faq .head,.pricing .head,.home-clinic-head){
  max-width:760px!important;
}
.hero-experience :is(.product-head,.workflow-section-head,.core-tech-head,#faq .head,.pricing .head,.home-clinic-head) h2,
.hero-experience .clinic-support h2{
  font-size:clamp(36px,3.5vw,48px)!important;
  line-height:1.18!important;
  letter-spacing:-.04em!important;
}
.hero-experience :is(.product-head,.core-tech-copy,.home-clinic-head,.clinic-support-copy) p,
.hero-experience #faq details p{
  color:#5b6b80!important;
  font-size:16px!important;
  line-height:1.84!important;
}
.hero-experience :is(.product-section.beauty-focus,.core-technology,#faq,.pricing,.home-clinic){
  padding:112px 0!important;
}
.hero-experience .core-technology,
.hero-experience .pricing{
  background:linear-gradient(180deg,#f7fafe 0%,#f5f8fc 100%)!important;
}


.hero-experience .product-head{margin:0 auto 52px!important}
.hero-experience .product-grid{gap:20px!important}
.hero-experience .product-card{
  min-height:228px!important;
  padding:32px!important;
  border:1px solid #e8eef6!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 14px 40px rgba(15,23,42,.045)!important;
}
.hero-experience .product-card .kicker{
  margin:0 0 18px!important;
  font-size:10px!important;
  letter-spacing:.15em!important;
}
.hero-experience .product-card h3{
  margin:0 0 12px!important;
  font-size:20px!important;
  font-weight:760!important;
  line-height:1.42!important;
}
.hero-experience .product-card p{
  font-size:14.5px!important;
  line-height:1.78!important;
}


.hero-experience .hero-workflow-wrap{
  width:min(calc(100% - 48px),1080px)!important;
  padding:104px 0!important;
}
.hero-experience .workflow-section-head{margin:0 auto 44px!important}
.hero-experience .workflow-after-preview .workflow-pair.workflow-simple-stack{gap:20px!important}
.hero-experience .workflow-simple-stack .workflow-panel{
  min-height:230px!important;
  padding:32px!important;
  border:1px solid #e8eef6!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 14px 40px rgba(15,23,42,.04)!important;
}
.hero-experience .workflow-simple-stack .workflow-new{
  border-color:#dfe9fb!important;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%)!important;
}
.hero-experience .workflow-simple-stack .workflow-label{
  margin:0 0 18px!important;
  color:#64748b!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
}
.hero-experience .workflow-simple-stack .workflow-new .workflow-label{color:#2563eb!important}
.hero-experience .workflow-simple-stack .workflow-chain{
  gap:10px!important;
}
.hero-experience .workflow-simple-stack .workflow-chain span{
  min-height:40px!important;
  padding:8px 14px!important;
  border:1px solid #ebf1f7!important;
  border-radius:999px!important;
  background:#fbfcfe!important;
  color:#334155!important;
  font-size:13px!important;
  font-weight:620!important;
  line-height:1.35!important;
}
.hero-experience .workflow-simple-stack .workflow-new .workflow-chain span{
  border-color:#dce8fb!important;
  background:#f5f9ff!important;
  color:#244a7c!important;
}
.hero-experience .workflow-simple-stack .workflow-chain b{
  color:#a8b4c3!important;
  font-size:14px!important;
}


.hero-experience .core-tech-head{margin:0 auto 48px!important}
.hero-experience .core-tech-copy{
  max-width:1020px!important;
  column-gap:56px!important;
}
.hero-experience .core-tech-pillars,
.hero-experience .core-tech-capabilities{
  max-width:1020px!important;
  gap:12px!important;
}
.hero-experience .core-tech-pillars span,
.hero-experience .core-tech-capabilities span{
  min-height:56px!important;
  border:1px solid #e8eef6!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:13.5px!important;
  font-weight:600!important;
  box-shadow:0 8px 24px rgba(15,23,42,.028)!important;
}


.hero-experience #faq .head,
.hero-experience .home-clinic-head{margin:0 auto 44px!important}
.hero-experience #faq .faq,
.hero-experience #obs-clinic-home .clinic-problem-groups{gap:12px!important}
.hero-experience #faq .faq details,
.hero-experience #obs-clinic-home .clinic-problem-accordion{
  border:1px solid #e7edf5!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
}
.hero-experience #faq .faq summary,
.hero-experience #obs-clinic-home .clinic-problem-summary{
  min-height:66px!important;
  padding:18px 22px!important;
  font-size:15px!important;
}
.hero-experience #faq .faq details p,
.hero-experience #obs-clinic-home .clinic-problem-body{
  padding:0 22px 22px!important;
}


.hero-experience .pricing .head{margin:0 auto 46px!important}
.hero-experience .compact-pricing-grid{width:min(100%,1000px)!important}
.hero-experience .compact-pricecard{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  column-gap:52px!important;
  row-gap:18px!important;
  padding:46px!important;
  border:1px solid #e7edf5!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 20px 52px rgba(15,23,42,.055)!important;
}
.hero-experience .compact-pricecard .price{
  font-size:clamp(48px,4.5vw,60px)!important;
}
.hero-experience .compact-pricecard .pricing-value-grid{gap:16px!important}
.hero-experience .compact-pricecard .pricing-value-item{
  min-height:132px!important;
  padding:24px 22px!important;
  border:1px solid #e6ecf4!important;
  border-radius:18px!important;
  background:#fbfcfe!important;
}
.hero-experience .compact-pricecard .pricing-value-item:nth-child(2n){
  background:#f8fbff!important;
}
.hero-experience .compact-pricecard .pricing-value-label{
  margin-bottom:10px!important;
  font-size:10.5px!important;
  letter-spacing:.14em!important;
}
.hero-experience .compact-pricecard .pricing-value-item strong{
  font-size:15.5px!important;
  line-height:1.62!important;
}
.hero-experience .compact-pricecard>.btn{
  min-height:50px!important;
  border-radius:14px!important;
}
.hero-experience .compact-pricecard .trial-payment-note{
  font-size:12.5px!important;
  line-height:1.72!important;
}


.hero-experience>.clinic-support{
  width:min(calc(100% - 48px),1040px)!important;
  margin:92px auto!important;
  padding:44px 46px!important;
  border:1px solid #dfe9fb!important;
  border-radius:26px!important;
  background:radial-gradient(circle at 100% 0%,rgba(191,219,254,.55) 0,rgba(191,219,254,0) 30%),linear-gradient(180deg,#f9fbff 0%,#eff5ff 100%)!important;
}
.hero-experience .clinic-support-copy{max-width:760px!important}
.hero-experience .clinic-support h2{
  font-size:clamp(32px,3vw,40px)!important;
  line-height:1.2!important;
}
.hero-experience .clinic-support-lead{
  margin:14px 0 0!important;
  font-size:15.5px!important;
  line-height:1.82!important;
}
.hero-experience .clinic-support-note{
  margin:8px 0 0!important;
  font-size:13.5px!important;
  line-height:1.74!important;
}
.hero-experience .clinic-support-actions{
  margin:24px 0 0!important;
}
.hero-experience .clinic-support-btn{
  min-height:50px!important;
  min-width:204px!important;
  padding:0 22px!important;
  border-radius:14px!important;
}


.footer.footer-saas{
  padding:72px 0 26px!important;
  background:#0b1220!important;
}
.footer.footer-saas>.wrap{width:min(calc(100% - 48px),1140px)!important}
.footer-saas-top{
  grid-template-columns:minmax(340px,1.55fr) minmax(170px,.72fr) minmax(210px,.84fr)!important;
  gap:56px!important;
  padding:0 0 48px!important;
}
.footer.footer-saas .footbrand{
  font-size:26px!important;
}
.footer-saas-tagline{
  max-width:360px!important;
  margin:18px 0 0!important;
  color:#8ea0b8!important;
  font-size:13.5px!important;
  line-height:1.82!important;
}
.footer-saas-heading{
  margin:0 0 16px!important;
  color:#f1f5f9!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.footer.footer-saas .footer-saas-column>a{
  padding:7px 0!important;
  color:#8ea0b8!important;
  font-size:13.5px!important;
  line-height:1.6!important;
}
.footer-saas-bottom{
  min-height:58px!important;
  gap:24px!important;
  padding:20px 0 0!important;
}
.footer.footer-saas .legal-copy{
  color:#77889d!important;
  font-size:11.5px!important;
}
.footer.footer-saas .footer-brand-socials{gap:10px!important}
.footer.footer-saas .social-link{
  width:38px!important;
  height:38px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.01)!important;
  color:#94a7bb!important;
}
.footer.footer-saas .social-link:hover{
  border-color:rgba(96,165,250,.42)!important;
  background:rgba(37,99,235,.12)!important;
}

@media(max-width:900px){
  :root{--saas-section:92px}
  .hero-experience .hero-workflow-wrap{width:min(calc(100% - 48px),var(--saas-content))!important}
  .footer-saas-top{gap:34px!important}
}

@media(max-width:620px){
  :root{--saas-section:72px}
  .hero-experience :is(.product-section.beauty-focus,.core-technology,#faq,.pricing,.home-clinic){
    padding:72px 0!important;
  }
  .hero-experience :is(.product-head,.workflow-section-head,.core-tech-head,#faq .head,.pricing .head,.home-clinic-head) h2,
  .hero-experience .clinic-support h2{
    font-size:30px!important;
    line-height:1.26!important;
  }
  .hero-experience .product-card,
  .hero-experience .workflow-simple-stack .workflow-panel{padding:24px!important}
  .hero-experience .hero-workflow-wrap{padding:74px 0!important}
  .hero-experience .workflow-simple-stack .workflow-chain span{
    border-radius:12px!important;
  }
  .hero-experience .compact-pricecard{
    padding:28px!important;
    border-radius:22px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item{
    min-height:116px!important;
    padding:20px 18px!important;
  }
  .hero-experience>.clinic-support{
    width:min(calc(100% - 28px),1040px)!important;
    margin:60px auto!important;
    padding:30px 22px!important;
    border-radius:20px!important;
  }
  .footer.footer-saas{
    padding:50px 0 20px!important;
  }
  .footer.footer-saas>.wrap{width:min(calc(100% - 28px),1140px)!important}
  .footer-saas-top{
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding-bottom:34px!important;
  }
}


.hero-experience .workflow-section-copy,
.hero-experience .pricing-intro{
  max-width:680px!important;
  margin:16px auto 0!important;
  color:#5b6b80!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.82!important;
  text-align:center!important;
  text-wrap:balance!important;
}
.hero-experience .home-clinic-head p + p{
  max-width:720px!important;
  margin:10px auto 0!important;
}
.hero-experience #faq{
  border-top:1px solid rgba(231,237,245,.9)!important;
}
@media(max-width:620px){
  .hero-experience .workflow-section-copy,
  .hero-experience .pricing-intro{
    font-size:14.5px!important;
    line-height:1.78!important;
  }
}


@media(max-width:620px){
  .hero-experience .workflow-after-preview .workflow-pair.workflow-simple-stack{
    gap:16px!important;
  }
  .hero-experience .workflow-section-head{margin-bottom:22px!important}
  .hero-experience .workflow-simple-stack .workflow-panel{
    padding:18px!important;
    border-radius:18px!important;
  }
  .hero-experience .workflow-simple-stack .workflow-label{
    margin:0 0 14px!important;
    font-size:11px!important;
  }
  .hero-experience .workflow-simple-stack .workflow-chain{
    gap:0!important;
  }
  .hero-experience .workflow-simple-stack .workflow-chain span{
    min-height:56px!important;
    padding:0 14px!important;
    border-radius:14px!important;
    font-size:12.5px!important;
    line-height:1.45!important;
  }
  .hero-experience .workflow-simple-stack .workflow-chain b{
    position:relative!important;
    display:block!important;
    height:18px!important;
    margin:6px 0!important;
    color:transparent!important;
    font-size:0!important;
    overflow:hidden!important;
  }
  .hero-experience .workflow-simple-stack .workflow-chain b::before{
    content:'↓'!important;
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#9aa7b8!important;
    font-size:14px!important;
    line-height:18px!important;
  }
}





body.lang-ja :where(h1,h2,h3,h4,h5,h6,.marketing-title),
html[lang^="ja"] body :where(h1,h2,h3,h4,h5,h6,.marketing-title){
  line-break:strict!important;
  word-break:auto-phrase!important;
  overflow-wrap:normal!important;
  text-wrap:balance!important;
}

body.lang-zh :where(h1,h2,h3,h4,h5,h6,.marketing-title),
html[lang^="zh"] body :where(h1,h2,h3,h4,h5,h6,.marketing-title){
  line-break:strict!important;
  word-break:auto-phrase!important;
  overflow-wrap:normal!important;
  text-wrap:balance!important;
}

body.lang-ko :where(h1,h2,h3,h4,h5,h6,.marketing-title),
html[lang^="ko"] body :where(h1,h2,h3,h4,h5,h6,.marketing-title){
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  text-wrap:balance!important;
}

body.lang-en :where(h1,h2,h3,h4,h5,h6,.marketing-title),
html[lang^="en"] body :where(h1,h2,h3,h4,h5,h6,.marketing-title){
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  text-wrap:balance!important;
}


body.lang-ja :where(p,li,dd,dt,summary),
html[lang^="ja"] body :where(p,li,dd,dt,summary){
  line-break:strict!important;
  word-break:auto-phrase!important;
  overflow-wrap:break-word!important;
  text-wrap:pretty!important;
}

body.lang-zh :where(p,li,dd,dt,summary),
html[lang^="zh"] body :where(p,li,dd,dt,summary){
  line-break:strict!important;
  word-break:auto-phrase!important;
  overflow-wrap:break-word!important;
  text-wrap:pretty!important;
}

body.lang-ko :where(p,li,dd,dt,summary),
html[lang^="ko"] body :where(p,li,dd,dt,summary){
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
  text-wrap:pretty!important;
}

body.lang-en :where(p,li,dd,dt,summary),
html[lang^="en"] body :where(p,li,dd,dt,summary){
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  text-wrap:pretty!important;
}


.skiin-preview,.skiin-preview *{text-wrap:initial!important}



h1,h2,h3,.marketing-title,.product-card h3,.legal-page h1,.legal-page h2,.contact-shell h1{text-wrap:balance}
p,li,.faq summary,.legal-page p,.legal-page li{text-wrap:pretty}
html[lang="ja-JP"],html[lang="zh-CN"],html[lang="ko-KR"]{line-break:strict}
html[lang="ja-JP"] h1,html[lang="ja-JP"] h2,html[lang="ja-JP"] h3,html[lang="ja-JP"] button,html[lang="ja-JP"] .native-workflow-label,
html[lang="ko-KR"] h1,html[lang="ko-KR"] h2,html[lang="ko-KR"] h3,html[lang="ko-KR"] button,html[lang="ko-KR"] .native-workflow-label{word-break:keep-all;overflow-wrap:anywhere}
html[lang="zh-CN"] h1,html[lang="zh-CN"] h2,html[lang="zh-CN"] h3{word-break:normal;overflow-wrap:break-word}
.hero-experience .product-grid-with-native-flow .product-card h3{text-wrap:balance!important;overflow-wrap:anywhere!important}
.hero-experience .native-workflow-chain span{text-wrap:balance;line-break:strict}
.skdemo-tab-hint{line-break:strict;text-wrap:pretty}


html[lang="ja-JP"] .hero-experience .compact-pricecard .pricing-value-item strong{
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-break:strict!important;
}




@media (max-width: 640px){
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  *,*::before,*::after{box-sizing:border-box}
  img,svg,video,canvas{max-width:100%;height:auto}

  
  .wrap,.narrow,
  .hero-experience .product-section.beauty-focus>.wrap,
  .hero-experience .core-tech-inner,
  .hero-experience .pricing>.wrap,
  .hero-experience #faq>.wrap,
  .footer.footer-saas>.wrap{
    width:calc(100% - 28px)!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  
  h1,h2,h3,h4,h5,h6,
  .marketing-title,
  .product-head h2,
  .core-tech-head h2,
  .pricing .head h2,
  #faq .head h2,
  .page-hero h1{
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-indent:0!important;
  }

  
  html[lang^="ja"] :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1),
  body.lang-ja :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1),
  html[lang^="zh"] :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1),
  body.lang-zh :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1){
    line-break:strict!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-wrap:wrap!important;
  }
  
  html[lang^="ko"] :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1),
  body.lang-ko :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1){
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
    text-wrap:wrap!important;
  }
  
  html[lang^="en"] :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1),
  body.lang-en :is(h1,h2,h3,h4,h5,h6,.marketing-title,.product-card h3,.page-hero h1){
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
    text-wrap:wrap!important;
  }

  
  .hero-experience .product-head,
  .hero-experience .core-tech-head,
  .hero-experience .pricing .head,
  .hero-experience #faq .head{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-experience .product-head h2,
  .hero-experience .core-tech-head h2,
  .hero-experience .pricing .head h2,
  .hero-experience #faq .head h2{
    font-size:clamp(25px,7.1vw,28px)!important;
    line-height:1.36!important;
    letter-spacing:-.025em!important;
    margin-top:0!important;
    margin-bottom:14px!important;
  }
  .hero-experience .product-head p,
  .hero-experience .core-tech-copy p,
  .hero-experience .pricing .head p,
  .hero-experience #faq .head p{
    font-size:14px!important;
    line-height:1.85!important;
    letter-spacing:0!important;
  }

  
  .hero-experience .product-section.beauty-focus{
    overflow:hidden!important;
  }
  .hero-experience .product-grid.product-grid-with-native-flow{
    width:100%!important;
    min-width:0!important;
  }
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    width:100%!important;
    min-width:0!important;
    padding:24px 16px 20px!important;
    overflow:hidden!important;
  }
  .hero-experience .product-card-native-flow>h3{
    width:100%!important;
    max-width:330px!important;
    margin:0 auto!important;
    padding:0 2px!important;
    font-size:clamp(19px,5.4vw,22px)!important;
    line-height:1.48!important;
    letter-spacing:-.018em!important;
  }
  .hero-experience .product-card-native-flow>.native-workflow{
    width:100%!important;
    min-width:0!important;
    margin-top:24px!important;
  }
  .hero-experience .native-workflow-row{
    width:100%!important;
    min-width:0!important;
    padding:14px 10px!important;
  }
  .hero-experience .native-workflow-chain{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .hero-experience .native-workflow-chain span{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:10px 10px!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }
  .hero-experience .product-card-native-flow>.hero-preview-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-top:20px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .hero-experience .product-card-native-flow>.hero-preview-wrap>div,
  .hero-experience .product-card-native-flow>.hero-preview-wrap .skiin-preview{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  
  .hero-experience .core-technology{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }
  .hero-experience .core-tech-inner{
    min-width:0!important;
  }
  .hero-experience .core-tech-head h2{
    max-width:340px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-experience .core-tech-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    columns:1!important;
    column-count:1!important;
    column-rule:0!important;
    text-align:left!important;
  }
  .hero-experience .core-tech-copy p{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 20px!important;
    text-align:left!important;
  }
  .hero-experience .core-tech-copy p:last-child{margin-bottom:0!important}
  .hero-experience .core-tech-pillars,
  .hero-experience .core-tech-capabilities{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr!important;
  }
  .hero-experience .core-tech-pillars span,
  .hero-experience .core-tech-capabilities span{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  
  .hero-experience .compact-pricing-grid,
  .hero-experience .compact-pricecard,
  .hero-experience .compact-pricecard .pricing-value-grid,
  .hero-experience .compact-pricecard .pricing-value-item{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .hero-experience .compact-pricecard{
    padding:22px 14px 20px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item{
    min-height:0!important;
    padding:17px 16px!important;
  }
  .hero-experience .compact-pricecard .pricing-value-item strong{
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.5!important;
    white-space:normal!important;
  }
  html[lang^="ja"] .hero-experience .compact-pricecard .pricing-value-item strong,
  html[lang^="zh"] .hero-experience .compact-pricecard .pricing-value-item strong{
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-break:strict!important;
  }
  html[lang^="ko"] .hero-experience .compact-pricecard .pricing-value-item strong{
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
  }
  .hero-experience .compact-pricecard>.btn.primary.full-width{
    width:100%!important;
    max-width:300px!important;
    min-width:0!important;
  }
  .hero-experience .trial-payment-note{
    width:100%!important;
    max-width:100%!important;
    padding:0 2px!important;
  }

  
  .hero-experience #faq .faq,
  .hero-experience #faq .faq details{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .hero-experience #faq .faq summary{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:15px 48px 15px 16px!important;
    font-size:14px!important;
    line-height:1.55!important;
    white-space:normal!important;
  }
  .hero-experience #faq .faq details p{
    width:100%!important;
    max-width:100%!important;
    padding:0 16px 18px!important;
    font-size:13.5px!important;
    line-height:1.78!important;
  }

  
  .page-hero,.contact-section,.policy-wrap,.guide-shell,.thanks-hero{
    max-width:100%!important;
    overflow:hidden!important;
  }
  .page-hero h1,.thanks-card h1{
    font-size:clamp(28px,8vw,34px)!important;
    line-height:1.3!important;
    letter-spacing:-.025em!important;
  }
  .contact-card,.policy-card,.guide-empty-card,.thanks-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  input,select,textarea,button{max-width:100%!important}

  
  .footer.footer-saas{overflow:hidden!important}
  .footer-saas-top{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .footer-saas-brand{
    grid-column:auto!important;
    max-width:100%!important;
  }
  .footer-saas-column{min-width:0!important}
  .footer-saas-bottom{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:14px!important;
  }
  .footer.footer-saas .footer-brand-socials{
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
}

@media (max-width: 380px){
  .hero-experience .product-head h2,
  .hero-experience .core-tech-head h2,
  .hero-experience .pricing .head h2,
  .hero-experience #faq .head h2{
    font-size:25px!important;
  }
  .hero-experience .product-card-native-flow>h3{
    font-size:19px!important;
  }
}




.nowrap{white-space:nowrap!important}


html[lang="ja-JP"] :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2),
body.lang-ja :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2){
  word-break:normal!important;
  word-break:auto-phrase!important;
  overflow-wrap:normal!important;
  line-break:strict!important;
}
html[lang="zh-CN"] :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2),
body.lang-zh :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2){
  word-break:normal!important;
  word-break:auto-phrase!important;
  overflow-wrap:normal!important;
  line-break:strict!important;
}
html[lang="ko-KR"] :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2),
body.lang-ko :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2){
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}
html[lang^="en"] :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2),
body.lang-en :is(h1,h2,h3,h4,h5,h6,p,li,summary,button,label,.native-workflow-label,.native-workflow-chain span,.skdemo-tab-hint,.pricing-value-item strong,.page-hero h1,.thanks-card h1,.policy-card h1,.policy-card h2){
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media (max-width:640px){
  
  .hero-experience :is(.product-section.beauty-focus,.core-technology,#faq,.pricing){
    padding-top:42px!important;
    padding-bottom:42px!important;
  }

  
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    padding:20px 12px 16px!important;
  }
  .hero-experience .product-card-native-flow>h3{
    max-width:100%!important;
    padding:0 10px!important;
    font-size:clamp(17px,5.7vw,20px)!important;
    line-height:1.5!important;
    text-wrap:pretty!important;
    overflow-wrap:normal!important;
  }
  .hero-experience .product-card-native-flow>.native-workflow{margin-top:18px!important}
  .hero-experience .native-workflow-row{padding:12px 10px!important}
  .hero-experience .native-workflow-label{font-size:13px!important;line-height:1.35!important}
  .hero-experience .native-workflow-chain span{
    padding:10px 8px!important;
    font-size:11.5px!important;
    line-height:1.35!important;
    text-align:center!important;
  }
  .hero-experience .product-card-native-flow>.hero-preview-wrap{margin-top:14px!important}

  
  .hero-experience .skiin-preview .skdemo-preview-body{padding:16px 12px 14px!important}
  .hero-experience .skiin-preview .skdemo-tab-hint{
    margin-bottom:14px!important;
    font-size:11.5px!important;
    line-height:1.6!important;
    text-align:center!important;
    text-wrap:pretty!important;
  }
  .hero-experience .skiin-preview .skdemo-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    white-space:normal!important;
    margin-bottom:14px!important;
  }
  .hero-experience .skiin-preview .skdemo-tab{
    min-width:0!important;
    padding:10px 2px!important;
    font-size:11px!important;
    line-height:1.25!important;
    border-radius:14px!important;
    white-space:nowrap!important;
  }

  
  .hero-experience .core-tech-inner{width:calc(100% - 24px)!important}
  .hero-experience .core-tech-head h2{
    max-width:100%!important;
    font-size:clamp(24px,7.2vw,29px)!important;
    line-height:1.34!important;
    text-wrap:pretty!important;
  }
  .hero-experience .core-tech-copy p{
    font-size:13px!important;
    line-height:1.88!important;
  }

  
  .hero-experience .compact-pricecard .pricing-value-item strong,
  .hero-experience #faq .faq summary,
  .hero-experience #faq .faq details p{
    text-wrap:pretty!important;
  }

  
  .page-hero h1,.thanks-card h1,.guide-empty-title,.policy-card h1{
    text-wrap:pretty!important;
  }
  .page-hero p,.thanks-card p,.guide-empty-copy,.policy-card p,.policy-card li{
    font-size:14px!important;
    line-height:1.85!important;
    text-wrap:pretty!important;
  }
}

@media (max-width:390px){
  .hero-experience .skiin-preview .skdemo-tab{font-size:10.5px!important}
  .hero-experience .native-workflow-chain span{font-size:11px!important}
}




@media (max-width:640px){
  
  .hero-experience .product-section.beauty-focus > .wrap{
    width:calc(100% - 12px)!important;
    max-width:100%!important;
  }

  
  .hero-experience .product-grid.product-grid-with-native-flow{
    width:100%!important;
    margin:0!important;
  }
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    padding:18px 8px 12px!important;
    border-radius:20px!important;
  }
  .hero-experience .product-card-native-flow > h3{
    max-width:100%!important;
    padding:0 12px!important;
    margin-bottom:0!important;
    font-size:clamp(17px,5.5vw,20px)!important;
    line-height:1.48!important;
    text-wrap:pretty!important;
  }

  
  .hero-experience .product-card-native-flow > .native-workflow{
    margin-top:16px!important;
    padding-top:0!important;
    border-top:0!important;
  }
  .hero-experience .native-workflow-row{
    padding:10px 8px!important;
    border-radius:14px!important;
  }
  .hero-experience .native-workflow-label{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .hero-experience .native-workflow-chain span{
    padding:10px 10px!important;
    font-size:11.5px!important;
    line-height:1.34!important;
  }
  .hero-experience .native-workflow-chain b{height:16px!important}

  
  .hero-experience .product-card-native-flow > .hero-preview-wrap{
    margin-top:12px!important;
    padding:0!important;
  }
  .hero-experience .product-card-native-flow > .hero-preview-wrap > div,
  .hero-experience .product-card-native-flow > .hero-preview-wrap .skiin-preview{
    width:100%!important;
    max-width:100%!important;
  }
  .hero-experience .skiin-preview{
    border-radius:18px!important;
  }

  
  .hero-experience .product-section.beauty-focus{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }
  .hero-experience .product-head{
    margin-bottom:18px!important;
  }
  .hero-experience .product-head p{
    font-size:14px!important;
    line-height:1.8!important;
    text-wrap:pretty!important;
  }
}

@media (max-width:390px){
  .hero-experience .product-section.beauty-focus > .wrap{
    width:calc(100% - 8px)!important;
  }
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    padding:16px 6px 10px!important;
  }
  .hero-experience .product-card-native-flow > h3{
    padding:0 10px!important;
  }
  .hero-experience .native-workflow-row{
    padding:9px 6px!important;
  }
}




.hero-experience .product-grid-with-native-flow .product-card-native-flow{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  min-height:0!important;
}
.hero-experience .product-card-native-flow > h3{
  max-width:900px!important;
  margin:0 auto!important;
  padding:0 12px!important;
}
.hero-experience .product-card-native-flow > .native-workflow{
  margin-top:22px!important;
  padding-top:0!important;
  border-top:0!important;
}
.hero-experience .product-card-native-flow > .hero-preview-wrap{
  margin-top:16px!important;
  padding-top:0!important;
  border-top:0!important;
}

@media (max-width: 640px){
  .hero-experience .product-section.beauty-focus > .wrap{
    width:calc(100% - 10px)!important;
    max-width:100%!important;
  }
  .hero-experience .product-grid.product-grid-with-native-flow{
    width:100%!important;
    margin:0!important;
  }
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    padding:0!important;
  }
  .hero-experience .product-card-native-flow > h3{
    padding:0 10px!important;
    font-size:clamp(18px,5.7vw,22px)!important;
    line-height:1.45!important;
  }
  .hero-experience .product-card-native-flow > .native-workflow{
    margin-top:16px!important;
  }
  .hero-experience .native-workflow-row{
    padding:10px 10px!important;
    border-radius:16px!important;
  }
  .hero-experience .product-card-native-flow > .hero-preview-wrap{
    margin-top:12px!important;
  }
}
@media (max-width:390px){
  .hero-experience .product-section.beauty-focus > .wrap{
    width:calc(100% - 6px)!important;
  }
  .hero-experience .product-card-native-flow > h3{
    padding:0 8px!important;
  }
  .hero-experience .native-workflow-row{
    padding:9px 8px!important;
  }
}




.hero-experience .core-tech-copy,
.hero-experience .core-tech-copy p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero-experience .core-tech-copy p{
  max-width:980px!important;
}

@media (max-width:640px){
  
  .hero-experience .product-section.beauty-focus > .wrap{
    width:100%!important;
    max-width:100%!important;
  }
  .hero-experience .product-grid.product-grid-with-native-flow,
  .hero-experience .product-grid-with-native-flow .product-card-native-flow{
    width:100%!important;
    max-width:100%!important;
  }
  .hero-experience .product-card-native-flow > .hero-preview-wrap{
    width:calc(100% + 12px)!important;
    max-width:none!important;
    margin-left:-6px!important;
    margin-right:-6px!important;
    padding:0!important;
  }
  .hero-experience .product-card-native-flow > .hero-preview-wrap > div,
  .hero-experience .product-card-native-flow > .hero-preview-wrap .skiin-preview{
    width:100%!important;
    max-width:100%!important;
  }

  
  .hero-experience .core-tech-copy,
  .hero-experience .core-tech-copy p{
    text-align:center!important;
  }
}

@media (max-width:390px){
  .hero-experience .product-card-native-flow > .hero-preview-wrap{
    width:calc(100% + 8px)!important;
    margin-left:-4px!important;
    margin-right:-4px!important;
  }
}



.hero-experience .skiin-preview .skdemo-tab-content.skdemo-active{
  padding:12px!important;
  gap:8px!important;
  background:#121d30!important;
  border:1px solid rgba(148,163,184,.16)!important;
  border-radius:16px!important;
}

.hero-experience .skiin-preview .skdemo-slider-row{
  display:grid!important;
  grid-template-columns:minmax(132px,.82fr) minmax(0,1.8fr) 52px!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
  padding:11px 13px!important;
  min-height:54px!important;
  background:#1b2841!important;
  border:1px solid rgba(148,163,184,.11)!important;
  border-radius:11px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}

.hero-experience .skiin-preview .skdemo-slider-row + .skdemo-slider-row{
  margin-top:7px!important;
}

.hero-experience .skiin-preview .skdemo-slider-label{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#e7edf7!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.hero-experience .skiin-preview .skdemo-slider-track-wrap{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
}

.hero-experience .skiin-preview .skdemo-slider-track{
  width:100%!important;
  height:6px!important;
  border-radius:999px!important;
  background:#3b4d68!important;
  box-shadow:inset 0 1px 2px rgba(2,6,23,.24)!important;
}

.hero-experience .skiin-preview .skdemo-slider-fill{
  border-radius:999px!important;
  background:linear-gradient(90deg,#2563eb,#4d92ff)!important;
}

.hero-experience .skiin-preview .skdemo-slider-thumb{
  width:20px!important;
  height:20px!important;
  border:2px solid #8fc0ff!important;
  background:#f8fbff!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.18),0 3px 10px rgba(2,6,23,.34)!important;
}

.hero-experience .skiin-preview .skdemo-slider-value,
.hero-experience .skiin-preview .skdemo-slider-value.skdemo-active{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  min-width:52px!important;
  height:34px!important;
  padding:0 7px!important;
  justify-self:end!important;
  border-radius:9px!important;
  background:#101a2c!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:#f8fafc!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}


html[lang^="ja"] .hero-experience .skiin-preview .skdemo-slider-label,
html[lang^="zh"] .hero-experience .skiin-preview .skdemo-slider-label,
html[lang^="ko"] .hero-experience .skiin-preview .skdemo-slider-label{
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}

@media (max-width:640px){
  .hero-experience .skiin-preview .skdemo-tab-content.skdemo-active{
    padding:10px!important;
    gap:7px!important;
    border-radius:14px!important;
  }

  .hero-experience .skiin-preview .skdemo-slider-row{
    grid-template-columns:minmax(0,36fr) minmax(0,64fr) 42px!important;
    gap:8px!important;
    padding:10px 10px!important;
    min-height:50px!important;
    border-radius:10px!important;
  }

  .hero-experience .skiin-preview .skdemo-slider-row + .skdemo-slider-row{
    margin-top:6px!important;
  }

  .hero-experience .skiin-preview .skdemo-slider-label{
    font-size:10.3px!important;
    font-weight:650!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  html[lang^="en"] .hero-experience .skiin-preview .skdemo-slider-label{
    font-size:9.7px!important;
    letter-spacing:-.015em!important;
  }

  .hero-experience .skiin-preview .skdemo-slider-track-wrap{
    height:28px!important;
  }

  .hero-experience .skiin-preview .skdemo-slider-track{
    height:5px!important;
  }

  .hero-experience .skiin-preview .skdemo-slider-thumb{
    width:18px!important;
    height:18px!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.18),0 2px 8px rgba(2,6,23,.30)!important;
  }

  .hero-experience .skiin-preview .skdemo-slider-value,
  .hero-experience .skiin-preview .skdemo-slider-value.skdemo-active{
    width:42px!important;
    min-width:42px!important;
    height:30px!important;
    padding:0 5px!important;
    border-radius:8px!important;
    font-size:10.5px!important;
  }
}

@media (max-width:390px){
  .hero-experience .skiin-preview .skdemo-slider-row{
    grid-template-columns:minmax(0,37fr) minmax(0,63fr) 40px!important;
    gap:7px!important;
    padding:9px 9px!important;
  }
  .hero-experience .skiin-preview .skdemo-slider-label{font-size:10px!important}
  html[lang^="en"] .hero-experience .skiin-preview .skdemo-slider-label{font-size:9.4px!important}
  .hero-experience .skiin-preview .skdemo-slider-value,
  .hero-experience .skiin-preview .skdemo-slider-value.skdemo-active{
    width:40px!important;
    min-width:40px!important;
    height:29px!important;
    font-size:10.2px!important;
  }
}



header a.brand,
header a.clinic-brand,
header .brand.brand-text-only,
.subpage-nav a.brand,
.clinic-nav a.clinic-brand{
  font-family:Inter,Arial,Helvetica,sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  font-style:normal!important;
  line-height:1.2!important;
  letter-spacing:-.035em!important;
  font-kerning:normal!important;
  font-synthesis:none!important;
  color:#0f172a!important;
}
@media(max-width:640px){
  header a.brand,
  header a.clinic-brand,
  header .brand.brand-text-only,
  .subpage-nav a.brand,
  .clinic-nav a.clinic-brand{
    font-size:20px!important;
  }
}




.skiinobs-brand-lock,
header .skiinobs-brand-lock,
footer .skiinobs-brand-lock,
.clinic-nav .skiinobs-brand-lock,
.footer .skiinobs-brand-lock,
.footer-saas .skiinobs-brand-lock{
  font-family:Inter,Arial,"Helvetica Neue",sans-serif!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:800!important;
  font-stretch:normal!important;
  line-height:1.15!important;
  letter-spacing:-0.04em!important;
  text-transform:none!important;
  color:#2563eb!important;
  -webkit-text-fill-color:#2563eb!important;
  text-decoration:none!important;
  opacity:1!important;
}
.skiinobs-brand-lock:link,
.skiinobs-brand-lock:visited,
.skiinobs-brand-lock:hover,
.skiinobs-brand-lock:active,
.skiinobs-brand-lock:focus{
  color:#2563eb!important;
  -webkit-text-fill-color:#2563eb!important;
  font-family:Inter,Arial,"Helvetica Neue",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-0.04em!important;
  opacity:1!important;
}
.skiinobs-brand-lock *{
  font:inherit!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}
@media(max-width:640px){
  .skiinobs-brand-lock,
  header .skiinobs-brand-lock,
  footer .skiinobs-brand-lock,
  .clinic-nav .skiinobs-brand-lock,
  .footer .skiinobs-brand-lock,
  .footer-saas .skiinobs-brand-lock{font-size:20px!important}
}



:root{--font-th:"Noto Sans Thai","Noto Sans",Arial,sans-serif}

html[lang="th"] body{font-family:var(--font-th)}







html[lang="th"] :where(h1,h2,h3,h4,h5,h6,.marketing-title){word-break:normal;overflow-wrap:break-word;text-wrap:balance;line-height:1.25}
html[lang="es"],html[lang="pt-BR"],html[lang="fr"],html[lang="ru"],html[lang="de"]{hyphens:none}
html[lang="es"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="pt-BR"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="fr"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="ru"] :where(h1,h2,h3,h4,h5,h6,.marketing-title),html[lang="de"] :where(h1,h2,h3,h4,h5,h6,.marketing-title){word-break:normal;overflow-wrap:normal;text-wrap:balance}
html[lang="th"] :where(p,li,dd,dt,summary),html[lang="es"] :where(p,li,dd,dt,summary),html[lang="pt-BR"] :where(p,li,dd,dt,summary),html[lang="fr"] :where(p,li,dd,dt,summary),html[lang="ru"] :where(p,li,dd,dt,summary),html[lang="de"] :where(p,li,dd,dt,summary){overflow-wrap:break-word;text-wrap:pretty}
.langmenu,.lang-menu{max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain}
.langmenu a,.lang-menu a{white-space:nowrap}
@media(max-width:640px){
  html[lang="es"] .hero-experience .hero h1 .hero-title-line,
  html[lang="pt-BR"] .hero-experience .hero h1 .hero-title-line,
  html[lang="fr"] .hero-experience .hero h1 .hero-title-line,
  html[lang="ru"] .hero-experience .hero h1 .hero-title-line,
  html[lang="de"] .hero-experience .hero h1 .hero-title-line,
  html[lang="th"] .hero-experience .hero h1 .hero-title-line{
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;width:auto!important;max-width:100%!important;
  }
  
  html[lang="th"] .hero-experience .hero-copy-center h1,
  html[lang="es"] .hero-experience .hero-copy-center h1,
  html[lang="pt-BR"] .hero-experience .hero-copy-center h1,
  html[lang="fr"] .hero-experience .hero-copy-center h1,
  html[lang="ru"] .hero-experience .hero-copy-center h1,
  html[lang="de"] .hero-experience .hero-copy-center h1{font-size:clamp(28px,8.2vw,38px)!important;line-height:1.14!important}
  .contact-card,.legal-card,.clinic-card{min-width:0}
  .contact-card :where(input,select,textarea,button),.review-card :where(button){max-width:100%}
  .footer-saas-column a,.footer-saas-heading{overflow-wrap:break-word}
}


.contact-honey{
  position:absolute!important;
  left:auto!important;right:auto!important;top:0!important;
  inset-inline-start:0!important;
  width:1px!important;height:1px!important;min-width:0!important;
  padding:0!important;margin:0!important;border:0!important;
  overflow:hidden!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;opacity:0!important;pointer-events:none!important;
}


@media(max-width:640px){
  html[lang="en"] .hero-experience .hero h1 .hero-title-line,
  html[lang="ko-KR"] .hero-experience .hero h1 .hero-title-line{
    white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;text-wrap:balance!important;width:auto!important;max-width:100%!important;
  }
  html[lang="en"] .hero-experience .hero-copy-center h1,
  html[lang="ko-KR"] .hero-experience .hero-copy-center h1{
    font-size:clamp(28px,8.2vw,38px)!important;line-height:1.14!important;
  }
  html[lang="ko-KR"] .hero-experience .hero h1 .hero-title-line{word-break:keep-all!important;overflow-wrap:break-word!important}
}




.hero-mobile-break{display:none!important}
@media(max-width:640px){
  .hero-experience .hero h1 .hero-mobile-break{display:block!important}
}



@media(max-width:640px){
  .hero-experience .hero-copy-center h1{
    font-size:clamp(28px,8.2vw,38px)!important;
    line-height:1.14!important;
  }
  .hero-experience .hero h1 .hero-title-line{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-wrap:nowrap!important;
  }
  .hero-experience .hero h1 .hero-mobile-break{
    display:block!important;
    width:0!important;
    height:0!important;
  }
}

@media(max-width:640px){
  html[lang] .hero-experience .hero-copy-center h1{
    font-size:clamp(28px,8.2vw,38px)!important;
    line-height:1.14!important;
  }
  html[lang] .hero-experience .hero h1 .hero-title-line{
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    text-wrap:nowrap!important;
  }
}



.hero-experience-redesign{padding:0;background:transparent}
.jp-hero-redesign{padding:0 0 18px}
.jp-hero-redesign>.wrap{width:calc(100% - 32px)!important;max-width:none!important;margin:0 auto!important;padding:0!important}
.jp-hero-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;min-height:700px;padding:48px 64px;background:#eef1fb;overflow:hidden}
.jp-hero-copy{max-width:760px;padding:0 0 0 10px}
.jp-hero-copy h1{margin:0 0 48px;font-family:Inter,"Noto Sans JP",sans-serif;font-size:78px;line-height:1.05;font-weight:900;letter-spacing:-.055em;color:#111111!important;-webkit-text-fill-color:#111111!important;white-space:nowrap}.jp-hero-title-line{display:block;color:#111111!important;-webkit-text-fill-color:#111111!important}
.jp-hero-lead{margin:0 0 14px;font-size:21px;line-height:1.65;font-weight:800;color:#3566f4!important;-webkit-text-fill-color:#3566f4!important;white-space:normal}
.jp-hero-desc{margin:0;color:#111111!important;-webkit-text-fill-color:#111111!important;font-size:28px;line-height:1.42;font-weight:800;white-space:normal}
.jp-hero-cta-group{margin-top:50px}
.jp-hero-download.btn.primary{display:inline-flex;align-items:center;justify-content:center;min-width:275px;height:82px;padding:0 38px;border-radius:18px;font-size:22px;font-weight:800;box-shadow:0 16px 32px rgba(37,99,235,.16)}
.jp-hero-meta{margin:24px 0 0;color:#7a859c;font-size:17px;line-height:1.6;font-weight:600;white-space:nowrap}
.jp-hero-preview-stage{display:flex;align-items:center;justify-content:center;min-width:0}
.jp-hero-preview-card{display:block;width:100%;min-height:0;padding:0;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.jp-hero-preview-card .hero-preview-wrap,.jp-hero-preview-card .hero-preview-wrap>div{width:100%;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.jp-hero-preview-card .skiin-preview{width:100%!important;max-width:680px!important;margin:0 auto!important}
.jp-hero-preview-card .skdemo-preview-body{max-height:none}
.jp-hero-nav{border-top:1px solid rgba(37,99,235,.08);background:#fff}
.jp-hero-nav>.wrap{width:calc(100% - 32px)!important;max-width:none!important;padding:0!important}
.jp-hero-nav-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:12px;padding:24px 0 22px}
.jp-hero-nav-row span{display:block;text-align:center;color:#22365f;font-size:17px;line-height:1.4;font-weight:800}
@media (max-width:1300px){.jp-hero-shell{gap:32px;padding:42px 40px;min-height:640px}.jp-hero-copy{padding-left:0}.jp-hero-copy h1{font-size:64px;margin-bottom:36px}.jp-hero-lead{font-size:23px}.jp-hero-desc{font-size:18px}.jp-hero-preview-card .skiin-preview{max-width:610px!important}.jp-hero-download.btn.primary{height:74px;min-width:240px;font-size:20px}.jp-hero-meta{font-size:15px}}
@media (max-width:980px){.jp-hero-redesign>.wrap{width:calc(100% - 20px)!important}.jp-hero-shell{grid-template-columns:1fr;gap:34px;padding:34px 26px}.jp-hero-copy{max-width:none}.jp-hero-copy h1{font-size:54px;white-space:normal;margin-bottom:28px}.jp-hero-lead,.jp-hero-desc,.jp-hero-meta{white-space:normal}.jp-hero-preview-card .skiin-preview{max-width:620px!important}}
@media (max-width:767px){.jp-hero-redesign>.wrap{width:100%!important}.jp-hero-shell{gap:24px;padding:28px 18px 22px}.jp-hero-copy h1{font-size:42px}.jp-hero-lead{font-size:18px}.jp-hero-desc{font-size:15px}.jp-hero-cta-group{margin-top:26px}.jp-hero-download.btn.primary{width:100%;min-width:0;height:62px;font-size:20px}.jp-hero-meta{font-size:14px;margin-top:16px}.jp-hero-preview-card .skiin-preview{max-width:100%!important}}
.jp-difference-flow{padding-top:18px;padding-bottom:18px}.jp-difference-flow .product-head h2{margin-bottom:22px}.jp-difference-flow .jp-simple-flow{margin-top:0}@media (max-width:767px){.jp-difference-flow{padding-top:4px;padding-bottom:8px}.jp-difference-flow .product-head h2{margin-bottom:16px}}.jp-difference-flow{padding-top:14px;padding-bottom:20px}.jp-difference-flow .product-head h2{margin-bottom:20px}.jp-difference-flow .jp-simple-flow{margin-top:0}.jp-difference-flow .native-workflow{padding:26px;border-radius:28px}.jp-difference-flow .native-workflow-row{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.jp-difference-flow .native-workflow-label{min-width:160px;text-align:center}.jp-difference-flow .native-workflow-chain{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.jp-difference-flow .jp-difference-note{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#e9f1ff;color:#2563eb;font-size:15px;font-weight:800;line-height:1.35;white-space:nowrap}.jp-streaming-scenarios{padding-top:22px!important;padding-bottom:18px!important;margin-top:0!important}.jp-streaming-scenarios .jp-scenario-head{margin-bottom:22px!important}.jp-streaming-scenarios .jp-scenario-head h2{margin-bottom:0!important}.jp-scenario-grid{gap:0!important}.jp-conversion-section.jp-conversion-compact{padding-top:28px!important;padding-bottom:34px!important;margin-top:0!important}.jp-conversion-section .jp-conversion-head h2{margin-bottom:14px!important}.jp-conversion-section .jp-conversion-head p{margin-bottom:18px!important}@media (max-width:980px){.jp-difference-flow .native-workflow{padding:20px;border-radius:22px}.jp-difference-flow .native-workflow-row{gap:14px}.jp-difference-flow .native-workflow-label{min-width:auto;width:100%}.jp-difference-flow .jp-difference-note{font-size:14px;padding:9px 14px}.jp-streaming-scenarios{padding-top:16px!important}.jp-conversion-section.jp-conversion-compact{padding-top:22px!important;padding-bottom:28px!important}}@media (max-width:767px){.jp-difference-flow{padding-top:8px;padding-bottom:12px}.jp-difference-flow .product-head h2{margin-bottom:14px}.jp-difference-flow .native-workflow{padding:14px;border-radius:18px}.jp-difference-flow .native-workflow-row{gap:10px}.jp-difference-flow .native-workflow-chain{gap:8px}.jp-difference-flow .jp-difference-note{width:100%;white-space:normal;text-align:center}.jp-streaming-scenarios{padding-top:10px!important;padding-bottom:12px!important}.jp-streaming-scenarios .jp-scenario-head{margin-bottom:14px!important}.jp-conversion-section.jp-conversion-compact{padding-top:16px!important;padding-bottom:22px!important}}
.jp-difference-flow{padding-top:8px!important;padding-bottom:20px!important}
.jp-difference-flow .wrap{max-width:1120px!important}
.jp-difference-flow .product-head{margin-bottom:18px!important}
.jp-difference-flow .product-head h2{margin:0!important}
.jp-difference-flow .jp-simple-flow{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.jp-difference-flow .native-workflow{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.jp-difference-flow .native-workflow-row{display:grid!important;grid-template-columns:170px minmax(0,1fr);align-items:center!important;gap:16px!important;padding:24px 28px!important;border:1px solid #dbe5f2!important;border-radius:22px!important;background:#f8fbff!important;margin:0 0 12px!important}
.jp-difference-flow .native-workflow-row:last-child{margin-bottom:0!important;background:#edf4ff!important}
.jp-difference-flow .native-workflow-label{min-width:0!important;width:auto!important;text-align:center!important;font-weight:800!important;color:#1f2937!important}
.jp-difference-flow .native-workflow-chain{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}
.jp-difference-flow .jp-skiinobs-flow{grid-template-columns:170px minmax(0,1fr) auto!important}
.jp-difference-flow .jp-difference-note{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 16px!important;border-radius:999px!important;background:#dfeaff!important;color:#2563eb!important;font-size:15px!important;font-weight:800!important;line-height:1.35!important;white-space:nowrap!important}
.jp-streaming-scenarios{padding-top:18px!important;padding-bottom:18px!important;margin-top:0!important}
.jp-streaming-scenarios .wrap{max-width:1120px!important}
.jp-streaming-scenarios .jp-scenario-head{margin-bottom:18px!important}
.jp-streaming-scenarios .jp-scenario-head h2{margin:0!important}
.jp-scenario-grid{gap:0!important}
.jp-conversion-section.jp-conversion-compact{padding-top:18px!important;padding-bottom:28px!important;margin-top:0!important}
.jp-conversion-section .jp-conversion-inner{max-width:980px!important;margin:0 auto!important}
.jp-conversion-section .jp-conversion-head h2{margin-bottom:12px!important}
.jp-conversion-section .jp-conversion-head p{margin-bottom:14px!important}
.jp-conversion-section .jp-doctor-cta{margin-top:0!important}
@media (max-width:980px){
  .jp-difference-flow .wrap,.jp-streaming-scenarios .wrap{max-width:none!important}
  .jp-difference-flow .native-workflow-row{grid-template-columns:1fr!important;gap:10px!important;padding:18px 16px!important}
  .jp-difference-flow .jp-skiinobs-flow{grid-template-columns:1fr!important}
  .jp-difference-flow .native-workflow-label{text-align:center!important}
  .jp-difference-flow .jp-difference-note{justify-self:center!important}
  .jp-streaming-scenarios{padding-top:14px!important;padding-bottom:14px!important}
  .jp-conversion-section.jp-conversion-compact{padding-top:14px!important;padding-bottom:22px!important}
}
@media (max-width:767px){
  .jp-difference-flow{padding-top:6px!important;padding-bottom:12px!important}
  .jp-difference-flow .product-head{margin-bottom:12px!important}
  .jp-difference-flow .native-workflow-row{padding:14px 12px!important;border-radius:18px!important;margin-bottom:10px!important}
  .jp-difference-flow .native-workflow-chain{gap:8px!important}
  .jp-difference-flow .jp-difference-note{width:100%!important;white-space:normal!important;text-align:center!important}
  .jp-streaming-scenarios .jp-scenario-head{margin-bottom:12px!important}
}



.jp-difference-flow{padding-top:0!important;padding-bottom:8px!important}
.jp-difference-flow .product-head{margin-bottom:14px!important}
.jp-difference-flow .native-workflow-row{padding:18px 24px!important;border-radius:18px!important;margin:0 0 10px!important}
.jp-difference-flow .native-workflow-row:last-child{margin-bottom:0!important}
.jp-difference-flow .jp-difference-note{padding:9px 14px!important}
.jp-streaming-scenarios{padding-top:12px!important;padding-bottom:36px!important;margin-top:0!important}
.jp-streaming-scenarios .jp-scenario-head{margin-bottom:22px!important}
.jp-conversion-section.jp-conversion-compact{padding-top:36px!important;padding-bottom:32px!important;margin-top:0!important}
.jp-conversion-section .jp-conversion-head h2{margin-bottom:14px!important}
.jp-conversion-section .jp-conversion-head p{margin-bottom:18px!important}
@media (max-width:980px){
  .jp-difference-flow{padding-bottom:10px!important}
  .jp-streaming-scenarios{padding-top:12px!important;padding-bottom:28px!important}
  .jp-conversion-section.jp-conversion-compact{padding-top:28px!important;padding-bottom:26px!important}
}
@media (max-width:767px){
  .jp-difference-flow{padding-top:0!important;padding-bottom:8px!important}
  .jp-difference-flow .native-workflow-row{padding:14px 12px!important;margin-bottom:8px!important}
  .jp-streaming-scenarios{padding-top:10px!important;padding-bottom:22px!important}
  .jp-streaming-scenarios .jp-scenario-head{margin-bottom:14px!important}
  .jp-conversion-section.jp-conversion-compact{padding-top:22px!important;padding-bottom:20px!important}
}




.hero-tech-nowrap{display:inline!important;white-space:nowrap!important}
.hero-mobile-safe-break{display:none}


html:not([lang="ja-JP"]) .jp-hero-copy h1{
  white-space:normal!important;
  font-size:clamp(48px,4.7vw,70px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
html[lang="en"] .jp-hero-copy h1,
html[lang="es"] .jp-hero-copy h1,
html[lang="pt-BR"] .jp-hero-copy h1,
html[lang="fr"] .jp-hero-copy h1,
html[lang="de"] .jp-hero-copy h1,
html[lang="ru"] .jp-hero-copy h1{font-family:Inter,Arial,"Helvetica Neue",sans-serif!important}
html[lang="ko-KR"] .jp-hero-copy h1{font-family:Inter,"Noto Sans KR",sans-serif!important;word-break:keep-all!important}
html[lang="zh-CN"] .jp-hero-copy h1{font-family:Inter,"Noto Sans SC",sans-serif!important;word-break:auto-phrase!important;line-break:strict!important}

html[lang="th"] .jp-hero-copy h1{font-family:"Noto Sans Thai",Inter,sans-serif!important;letter-spacing:-.02em!important;line-height:1.16!important}







@media (max-width:1024px){
  :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2){
    text-wrap:balance!important;
    overflow-wrap:normal!important;
  }
  html[lang="ja-JP"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2),
  html[lang="zh-CN"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2){
    word-break:auto-phrase!important;
    line-break:strict!important;
  }
  html[lang="ko-KR"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2){
    word-break:keep-all!important;
  }
  html[lang="en"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2),
  html[lang="es"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2),
  html[lang="pt-BR"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2),
  html[lang="fr"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2),
  html[lang="de"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2),
  html[lang="ru"] :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2){
    word-break:normal!important;
  }
}

@media (max-width:980px){
  html:not([lang="ja-JP"]) .jp-hero-copy h1{font-size:46px!important;margin-bottom:26px!important}
  html[lang="ru"] .jp-hero-copy h1,html[lang="de"] .jp-hero-copy h1,html[lang="fr"] .jp-hero-copy h1{font-size:43px!important}
  html[lang="th"] .jp-hero-copy h1{font-size:44px!important}
  .jp-hero-shell{min-height:0!important}
}

@media (max-width:767px){
  .jp-hero-copy h1{margin-bottom:24px!important;text-wrap:balance!important}
  html[lang="ja-JP"] .jp-hero-copy h1{font-size:clamp(34px,10.4vw,40px)!important;line-height:1.08!important;letter-spacing:-.05em!important}
  html:not([lang="ja-JP"]) .jp-hero-copy h1{font-size:clamp(30px,8.8vw,36px)!important;line-height:1.12!important}
  html[lang="ko-KR"] .jp-hero-copy h1,html[lang="zh-CN"] .jp-hero-copy h1{font-size:clamp(32px,9.2vw,38px)!important}
  html[lang="ru"] .jp-hero-copy h1,html[lang="de"] .jp-hero-copy h1,html[lang="fr"] .jp-hero-copy h1{font-size:clamp(28px,8vw,34px)!important}
  html[lang="th"] .jp-hero-copy h1{font-size:clamp(29px,8.4vw,35px)!important}
  .jp-hero-title-line{max-width:100%!important}
  .jp-hero-lead{line-height:1.55!important;text-wrap:pretty!important}
  .jp-hero-desc{line-height:1.5!important;text-wrap:pretty!important}
  .jp-hero-meta{text-wrap:pretty!important}
  .jp-difference-flow .native-workflow-chain span{white-space:nowrap!important}
  .jp-difference-flow .native-workflow-chain{row-gap:8px!important}
}

@media (max-width:600px){
  html[lang="ja-JP"] .hero-mobile-safe-break{display:block!important}
}

@media (max-width:380px){
  .jp-hero-shell{padding-left:14px!important;padding-right:14px!important}
  html[lang="ja-JP"] .jp-hero-copy h1{font-size:33px!important}
  html:not([lang="ja-JP"]) .jp-hero-copy h1{font-size:29px!important}
  .jp-hero-lead{font-size:16px!important}
  .jp-hero-download.btn.primary{font-size:18px!important}
}



@media (max-width:980px){
  html:not([lang="ja-JP"]) .jp-hero-copy h1{font-size:42px!important;line-height:1.1!important}
  html[lang="ru"] .jp-hero-copy h1,html[lang="de"] .jp-hero-copy h1,html[lang="fr"] .jp-hero-copy h1{font-size:40px!important}
  html[lang="th"] .jp-hero-copy h1{font-size:41px!important}
}
@media (max-width:767px){
  html:not([lang="ja-JP"]) .jp-hero-copy h1{font-size:clamp(29px,8.3vw,34px)!important}
  html[lang="ko-KR"] .jp-hero-copy h1,html[lang="zh-CN"] .jp-hero-copy h1{font-size:clamp(31px,8.8vw,36px)!important}
  html[lang="ru"] .jp-hero-copy h1,html[lang="de"] .jp-hero-copy h1,html[lang="fr"] .jp-hero-copy h1{font-size:clamp(27px,7.7vw,32px)!important}
  html[lang="th"] .jp-hero-copy h1{font-size:clamp(28px,8vw,33px)!important}
}

@media (max-width:767px){html[lang="zh-CN"] .jp-hero-title-line{white-space:nowrap!important;text-wrap:nowrap!important}}


@media (max-width:1024px){
  :is(h1,h2,h3,.marketing-title,.product-head h2,.jp-scenario-head h2,.jp-conversion-head h2,.page-hero h1,.policy-card h1,.policy-card h2){
    white-space:normal!important;
  }
}
@media (max-width:900px){
  .footer-saas-top{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:28px 24px!important;
  }
  .footer-saas-brand{
    grid-column:1/-1!important;
    max-width:none!important;
  }
  .footer-saas-column{min-width:0!important;width:auto!important}
  .footer.footer-saas .footer-saas-column>a{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
}
@media (max-width:480px){
  .page-hero h1{
    font-size:clamp(28px,8vw,32px)!important;
    line-height:1.18!important;
    letter-spacing:-.035em!important;
  }
}
@media (max-width:480px){
  html[lang="ja-JP"] .jp-scenario-head h2,
  html[lang="ja-JP"] .jp-conversion-head h2{font-size:28px!important;line-height:1.3!important}
  html[lang="de"] .page-hero h1,
  html[lang="ru"] .page-hero h1{font-size:28px!important;line-height:1.2!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;
}
.footer.footer-saas .footer-saas-brand{max-width:300px!important}
.footer.footer-saas .footer-saas-column{min-width:0!important}
.footer.footer-saas .footer-saas-column>a{overflow-wrap:normal!important;word-break: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-top:52px!important}
  .footer.footer-saas>.footer-saas-top{
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding-bottom:38px!important;
  }
  .footer.footer-saas .footer-saas-brand{grid-column:auto!important}
  .footer.footer-saas .footer-saas-column{padding-top:2px!important}
  .footer.footer-saas .footer-saas-heading{margin-bottom:10px!important}
  .footer.footer-saas .footer-saas-column>a{padding:5px 0!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;
}




: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;
  }
}



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;
  }
}