.compact-pricecard .pricing-support-integrated{
margin:24px 0 14px;
padding:14px 18px;
border:1px solid rgba(37,99,235,.24);
border-radius:12px;
background:linear-gradient(180deg,rgba(239,246,255,.88),rgba(248,250,252,.92));
text-align:left;
}
.compact-pricecard .pricing-support-integrated>strong{
display:block;
margin-bottom:10px;
color:#175fd3;
font-size:14px;
font-weight:800;
}
.compact-pricecard .pricing-support-content{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
align-items:center;
}
.compact-pricecard .pricing-support-item,
.compact-pricecard .pricing-support-content .support-link{
min-height:32px;
display:flex;
align-items:center;
gap:9px;
padding:0 18px;
font-size:14px;
}
.compact-pricecard .pricing-support-item:first-child{padding-left:0}
.compact-pricecard .pricing-support-item+.pricing-support-item,
.compact-pricecard .pricing-support-content .support-link{
border-left:1px solid rgba(37,99,235,.18);
}
.compact-pricecard .pricing-support-icon{
width:22px;
height:22px;
flex:0 0 22px;
display:grid;
place-items:center;
color:#2563eb;
border:1.5px solid currentColor;
border-radius:50%;
font-size:12px;
font-weight:800;
line-height:1;
}
.compact-pricecard .pricing-support-content .support-link{
justify-content:flex-end;
color:#145ec9;
font-weight:600;
white-space:nowrap;
}
.compact-pricecard .pricing-support-content .support-link::after{content:'›';font-size:20px;line-height:1}
.compact-pricecard .full-width{margin-top:0}
.compact-paynote{margin-top:18px!important}
@media (max-width:760px){
.compact-pricecard .pricing-support-integrated{padding:14px;margin-top:20px}
.compact-pricecard .pricing-support-content{grid-template-columns:1fr}
.compact-pricecard .pricing-support-item,
.compact-pricecard .pricing-support-content .support-link{padding:10px 0;min-height:auto}
.compact-pricecard .pricing-support-item+.pricing-support-item,
.compact-pricecard .pricing-support-content .support-link{border-left:0;border-top:1px solid rgba(37,99,235,.15)}
.compact-pricecard .pricing-support-content .support-link{justify-content:flex-start}
}
@media (min-width:721px){
.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.workflow-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;}
.workflow-benefit{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;border:1px solid rgba(120,127,145,.18);border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(20,24,35,.05);}
.workflow-benefit-marker{flex:0 0 auto;width:8px;height:8px;margin-top:8px;border-radius:999px;background:currentColor;opacity:.72;}
.workflow-benefit-copy h4{margin:0 0 6px;font-size:16px;line-height:1.45;font-weight:800;}
.workflow-benefit-copy p{margin:0;font-size:14px;line-height:1.75;color:var(--muted,#667085);}
@media(max-width:760px){.workflow-benefits{grid-template-columns:1fr;gap:12px;margin-top:14px}.workflow-benefit{padding:16px 17px}.workflow-benefit-copy h4{font-size:15px}.workflow-benefit-copy p{font-size:13px}}
.workflow-inline-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(79,141,248,.18);}
.workflow-inline-benefit{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:11px 14px;border:1px solid #d8e6fb;border-radius:12px;background:#f6f9ff;color:#35517a;font-size:14px;line-height:1.45;font-weight:800;text-align:center;}
.workflow-inline-benefit i{flex:0 0 auto;width:7px;height:7px;border-radius:999px;background:#4f8df8;box-shadow:0 0 0 4px rgba(79,141,248,.12);}
@media(max-width:620px){.workflow-inline-benefits{grid-template-columns:1fr;margin-top:18px;padding-top:16px}.workflow-inline-benefit{justify-content:flex-start;text-align:left;font-size:13px;min-height:44px}}
.compact-pricecard > .price {
text-align:center;
}
.compact-pricecard .plan-feature-list > h4 {
text-align:center;
}
.compact-pricecard .pricedesc{font-size:14px;line-height:1.8;}
.compact-pricecard .plan-feature-list>h4{
margin:0 0 18px;
text-align:center;
text-transform:none;
letter-spacing:0;
font-size:1rem;
font-weight:800;
}
.compact-pricecard .trial-payment-note{
margin:14px auto 0;
max-width:560px;
color:#64748b;
font-size:13px;
line-height:1.8;
text-align:center;
}
@media (max-width:760px){
.compact-pricecard .trial-payment-note{font-size:12px;line-height:1.75;}
}
.hero h1 .hero-title-line.neutral{
font-weight:800;
}
.hero h1 .hero-title-line.accent{
font-weight:900;
margin-top:.12em!important;
}
@media(max-width:620px){
.hero h1{
line-height:1.12;
letter-spacing:-.035em;
margin-top:18px;
margin-bottom:20px;
}
body.lang-en .hero h1,
body.lang-ja .hero h1,
body.lang-ko .hero h1,
body.lang-zh .hero h1{font-size:clamp(26px,8vw,34px)}
.hero h1 .hero-title-line{
max-width:100%;
white-space:nowrap;
}
}
.hero-experience .hero{
padding:58px 0 52px;
}
.hero-experience .hero-grid{
grid-template-columns:minmax(0,1fr)!important;
gap:34px!important;
align-items:start;
}
.hero-experience .hero-grid>div:first-child{
width:100%;
max-width:900px;
margin:0 auto;
text-align:center;
}
.hero-experience .hero .lead{
margin-left:auto;
margin-right:auto;
}
.hero-experience .hero .actions{
justify-content:center;
}
.hero-experience .hero-grid>div:last-child{
width:100%;
display:flex;
justify-content:center;
}
.hero-experience .skiin-preview{
width:min(100%,620px)!important;
max-width:620px!important;
margin:0 auto!important;
}
.hero-experience .hero-title-secondary{
color:#526074!important;
font-weight:800!important;
}
@media(max-width:620px){
.hero-experience .hero{padding:40px 0 34px}
.hero-experience .hero-grid{gap:26px!important}
.hero-experience .hero-grid>div:first-child{text-align:left}
.hero-experience .hero .lead{margin-left:0;margin-right:0}
.hero-experience .hero .actions{justify-content:stretch}
.hero-experience .skiin-preview{width:100%!important;max-width:100%!important}
}
.hero-experience .pill{
width:fit-content!important;
max-width:calc(100% - 24px);
align-self:center!important;
justify-content:center;
margin-left:auto;
margin-right:auto;
padding:8px 16px;
white-space:nowrap;
}
@media(max-width:620px){
.hero-experience .pill{
width:fit-content!important;
max-width:100%;
align-self:center!important;
margin-left:auto;
margin-right:auto;
padding:7px 13px;
font-size:11px;
}
}
.hero-experience .hero-workflow-wrap{
width:min(calc(100% - 40px),var(--max));
margin:0 auto;
}
.hero-experience .workflow-after-preview{
margin-top:58px;
}
.hero-experience .workflow-after-preview .workflow-intro{
margin-bottom:28px;
text-align:center;
}
.hero-experience .workflow-after-preview .workflow-intro h3{
margin:0;
font-size:clamp(1.4rem,2.2vw,1.9rem);
line-height:1.35;
letter-spacing:-.025em;
}
.hero-experience .workflow-after-preview .workflow-pair{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
align-items:start;
}
.hero-experience .workflow-after-preview .workflow-panel{
height:auto;
padding:24px 24px 22px;
border-radius:20px;
}
.hero-experience .workflow-after-preview .workflow-label{
margin-bottom:20px;
}
.hero-experience .workflow-after-preview .workflow-chain{
margin-bottom:0;
}
@media(max-width:900px){
.hero-experience .workflow-after-preview{margin-top:48px}
.hero-experience .workflow-after-preview .workflow-pair{grid-template-columns:1fr}
}
@media(max-width:620px){
.hero-experience .hero-workflow-wrap{width:min(calc(100% - 32px),var(--max))}
.hero-experience .workflow-after-preview{margin-top:38px}
.hero-experience .workflow-after-preview .workflow-intro{margin-bottom:22px}
.hero-experience .workflow-after-preview .workflow-intro h3{font-size:1.28rem}
.hero-experience .workflow-after-preview .workflow-panel{padding:22px 18px 20px;border-radius:18px}
.hero-experience .workflow-after-preview .workflow-label{margin-bottom:16px}
}
.skiin-preview .skdemo-preview-footer{
justify-content:center!important;
}
.skiin-preview .skdemo-footer-copy{
width:100%!important;
align-items:center!important;
}
.skiin-preview .skdemo-footer-hint{
box-sizing:border-box!important;
width:520px!important;
max-width:100%!important;
min-height:42px;
margin:0 auto!important;
display:flex!important;
align-items:center;
justify-content:center;
text-align:center;
}
@media(max-width:620px){
.skiin-preview .skdemo-footer-hint{
width:100%!important;
min-height:0;
padding:9px 10px!important;
font-size:.72rem!important;
line-height:1.5!important;
}
}
.self-highlights > .wrap > .head h2 .feature-heading-line{
display:block;
}
.self-highlights > .wrap > .head p .feature-copy-line{
display:block;
}
.self-highlights > .wrap > .head h2{
text-wrap:balance;
}
.self-highlights > .wrap > .head p{
text-wrap:balance;
}
@media(max-width:620px){
.self-highlights > .wrap > .head h2 .feature-heading-line,
.self-highlights > .wrap > .head p .feature-copy-line{
display:block;
}
}
.skiin-preview .skdemo-preview-benefit{
display:flex;
align-items:center;
justify-content:center;
margin:0 0 12px;
padding:0;
border:0;
background:none;
}
.skiin-preview .skdemo-preview-benefit-features{
display:none;
}
.skiin-preview .skdemo-preview-benefit-core{
display:block;
padding:0;
border-radius:0;
background:none;
color:#ffffff;
font-size:11px;
line-height:1.35;
font-weight:800;
white-space:nowrap;
text-align:center;
}
@media(max-width:620px){
.skiin-preview .skdemo-preview-benefit{
margin:0 0 10px;
}
.skiin-preview .skdemo-preview-benefit-core{
white-space:normal;
}
}