/* Scoped motion and readability extensions; existing palette/content retained. */
html{scroll-padding-top:22px}.heroTop>div{min-width:0}.heroActions{grid-template-columns:minmax(185px,1.25fr) minmax(110px,.8fr) minmax(155px,1fr)}
.heroArt{background-size:180% 180%;animation:ys-atmosphere 24s ease-in-out infinite alternate}.heroArt:before{will-change:transform;animation-duration:16s}.heroArt:after{background:repeating-linear-gradient(90deg,transparent 0,transparent 16.5%,#dceff412 16.6%,transparent 16.8%,transparent 33.3%);animation:ys-lines 22s ease-in-out infinite alternate}.artInner{animation:ys-float 12s ease-in-out infinite}.heroArt .artSmall{color:#e2eff3}
@keyframes ys-atmosphere{from{background-position:0% 40%}to{background-position:100% 60%}}@keyframes ys-lines{from{transform:translateX(-10px);opacity:.35}to{transform:translateX(10px);opacity:.8}}@keyframes ys-float{50%{transform:translateY(-5px)}}
.btn,.tab,.formTabs button{transition:transform .32s cubic-bezier(.2,1.5,.45,1),box-shadow .25s,background-color .25s,color .25s,border-color .25s;touch-action:manipulation}.btn:active,.tab:active,.formTabs button:active{transform:scale(.97);transition-duration:.09s}.btn:focus-visible,.tab:focus-visible,.formTabs button:focus-visible,.navlinks a:focus-visible{outline:3px solid #327d9e;outline-offset:4px}.kakaoIcon{width:23px;height:23px}.btn.kakao{background:#fee500;color:#191919;border-color:#fee500}.tab[aria-selected=true]{border-color:#11394b;box-shadow:0 4px 12px #102d3b17}.matrixPanel{min-width:0}.matrixPanel .tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.barRow .fill{transform-origin:left;transition:none}.matrixPanel .desc{min-height:3.6em}#matrixContent{min-height:290px}.field input,.field textarea{transition:border-color .25s,background-color .25s,box-shadow .25s}.field input:focus,.field textarea:focus{border-color:#327d9e;background:#f6fafc;box-shadow:0 0 0 3px #327d9e18;outline:none}.formBox .btn{cursor:pointer}.dark .desc,.dark .criterion p{color:#d1e0e6}.question,.step,.matrixItem{transition:box-shadow .3s,border-color .3s}
@media(hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-3px);box-shadow:0 9px 18px #102d3b1c}.tab:hover,.formTabs button:hover{border-color:#327d9e}.question:hover,.step:hover,.matrixItem:hover{border-color:#88abba;box-shadow:0 9px 22px #102d3b0c}}
@media(max-width:1100px){.heroTop{grid-template-columns:1fr}.heroActions{max-width:650px}}@media(max-width:760px){.heroActions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.heroActions .btn.kakao{grid-column:1/-1}.heroActions .btn{white-space:normal;line-height:1.5;padding:12px 8px}.hero .h2{font-size:clamp(34px,7.5vw,48px)}.artFoot{font-size:8px;gap:16px}.belowHero{font-size:8px;gap:14px}.criterion p{font-size:13px;line-height:1.65}.criteria{gap:18px}.matrixPanel .tab{padding:10px 8px}#matrixContent{min-height:300px}.field input,.field textarea{font-size:16px}.navlinks{gap:9px}}
@media(max-width:480px){.criteria{grid-template-columns:1fr}.criterion{padding-top:18px}.criterion b{margin-bottom:8px}.criterion p{font-size:14px}.navlinks{font-size:9px}.artFoot{flex-wrap:wrap}.contactInfo .phone{font-size:29px}}
@media(max-width:380px){.heroActions{grid-template-columns:1fr}.heroActions .btn.kakao{grid-column:auto}.fields{grid-template-columns:1fr}.workflow{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover,.btn:active,.tab:active,.formTabs button:active{transform:none!important}}