/* s366a: keep app evidence at native size, with space for readable copy. */
.hero{max-width:1440px;grid-template-columns:minmax(0,1fr) 776px;gap:32px;align-items:start}
.hero .app-mockup{grid-template-columns:repeat(2,382px);gap:12px;max-width:776px;margin:0}
.app-mockup .phone{width:382px;padding:2px}
.app-mockup .phone img{width:375px;max-width:none}
html[lang=ko] .hero h1{max-width:none;font-size:clamp(28px,3vw,42px);line-height:1.35}
.problem-solution352{grid-template-columns:minmax(0,1fr) 377px;align-items:stretch}
.problem-solution352 .solution-phone352{width:377px;max-width:100%;padding:0;transform:none;align-self:start}
.solution-phone352 img{width:375px;max-width:none!important;height:auto}
.problem-solution352>.situation352{height:100%;aspect-ratio:auto;object-fit:cover;align-self:stretch}
.s366-native-evidence{display:flex;justify-content:center;min-width:0;overflow:hidden;border-radius:20px}
.s366-native-evidence img{width:375px!important;max-width:none!important;height:auto!important;object-fit:contain!important}
#steps>.wrap{display:grid;grid-template-columns:minmax(0,1fr) 377px;column-gap:48px;align-content:start}
#steps>.wrap>h2,#steps>.wrap>.section-lede,#steps .how-grid,#steps>.wrap>.tiny{grid-column:1}
#steps .how-grid{grid-template-columns:1fr;gap:24px;margin-top:24px}
#steps .problem-solution352{grid-column:2;grid-row:1/7;display:block;margin:0!important}
#steps figcaption{margin-top:16px;text-align:center}
.workflow361{padding-bottom:0}
.workflow-cards361{grid-template-columns:1fr;gap:24px}
.workflow-cards361>li,.workflow-cards361>li:last-child{display:grid;grid-template-columns:256px minmax(0,1fr);gap:24px;padding:0}
.workflow-thumb361,.workflow-thumb361:has(.workflow-use-thumb361){width:256px;height:192px;border-radius:20px 0 0 20px;grid-column:1;grid-row:1}
.workflow-text361{grid-column:2;grid-row:1;align-self:center;padding:20px 24px 20px 0}
.workflow-cards361>li:not(:last-child):after,.workflow-return361,.workflow-return-label361{display:none}
.workflow-mobile-return361{display:flex;justify-content:center;margin-top:24px}
@media(max-width:1279px){
 .hero{grid-template-columns:1fr;max-width:1160px}.hero .app-mockup{justify-self:center}
 .problem-solution352{grid-template-columns:minmax(0,1fr) 377px!important}
 #reorder .problem-solution352>.situation352{display:none}
 #reorder .solution-phone352{grid-column:2}#reorder .problem-solution352 figcaption{grid-column:2}
}
@media(max-width:800px){
 .hero .app-mockup{grid-template-columns:1fr;max-width:382px}
 #steps>.wrap{display:block}#steps .problem-solution352{margin:32px auto 0!important;max-width:377px}
 .problem-solution352{grid-template-columns:1fr!important}.problem-solution352 .solution-phone352{grid-column:1!important;justify-self:center}
 #reorder .problem-solution352 figcaption{grid-column:1}
}
@media(max-width:639px){
 .hero .app-mockup,.app-mockup .phone{max-width:100%;width:100%}
 .app-mockup .phone{padding:0}.app-mockup .phone img,.solution-phone352 img{width:100%;max-width:100%!important}
 .s366-native-evidence img{width:100%!important;max-width:375px!important}
 .workflow-cards361>li,.workflow-cards361>li:last-child{display:block;flex:0 0 280px;padding:0 0 20px}
 .workflow-thumb361,.workflow-thumb361:has(.workflow-use-thumb361){width:280px;height:210px;border-radius:20px 20px 0 0}
 .workflow-text361{padding:16px 16px 0}.hero h1{font-size:28px!important}
}

.problem-solution352.single-screen-s366a{grid-template-columns:1fr!important}.single-screen-s366a .solution-phone352{justify-self:center}.single-screen-s366a figcaption{grid-column:1!important}

@media(max-width:639px){
 .problem-solution352,.problem-solution352.single-screen-s366a{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)!important}
 .problem-solution352 .solution-phone352{width:100%!important;min-width:0;max-width:100%!important;box-sizing:border-box}
 .problem-solution352 .situation352{width:100%!important;min-width:0;max-width:100%!important;height:auto;aspect-ratio:4/3}
 #steps .problem-solution352{width:100%;max-width:100%}
}

@media(min-width:801px){#steps .problem-solution352{width:377px!important;max-width:377px!important}#steps .solution-phone352{width:377px!important;max-width:377px!important}}

#steps .problem-solution352{display:block!important}
#steps .copy-sentence360,#steps .copy-clause360{display:inline;white-space:normal}#steps>.wrap>*{min-width:0}#steps h3{overflow-wrap:normal}

.s366-native-evidence img{aspect-ratio:auto!important;max-height:none!important}