@scope (.otosystem) to (.o-module-content) {
:scope{--sec-a:#161515;--sec-b:#1C1B1A;--sec-b-card:#252423;--sec-grain:url("../assets/bd90c1f832e6dc610980.svg")}
:scope[data-theme="light"]{--sec-a:#ffffff;--sec-b:#F3F3F1;--sec-b-card:#ffffff;--sec-grain:none}
:scope{--sec-py:clamp(80px,9.7vw,140px)}
/* ---------- 상담 모달 (테마 대응) ---------- */
:scope #o-inquiry{--o-field:var(--h-surface);--o-ink:var(--h-ink);--o-paper:var(--h-bg);--o-soft:var(--h-line);--o-mid:var(--h-line);
  width:min(720px,calc(100% - 32px));padding:clamp(24px,4vw,40px);border:1px solid var(--h-line);border-radius:28px;background:var(--h-bg);color:var(--h-text);box-shadow:0 30px 80px rgba(0,0,0,.45);scrollbar-width:thin}
:scope #o-inquiry::backdrop{background:rgba(10,10,12,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
:scope #o-inquiry[open]{animation:o-inq-in .35s cubic-bezier(.2,.8,.2,1)}
:scope #o-inquiry[open]::backdrop{animation:o-inq-fade .35s ease}
@keyframes o-inq-in{from{opacity:0;transform:translateY(24px) scale(.98)}}
@keyframes o-inq-fade{from{opacity:0}}
:scope #o-inquiry .o-inquiry-head{align-items:center;padding-bottom:16px;border-bottom:1px solid var(--h-line)}
:scope #o-inquiry .o-eyebrow{margin:0;font:700 12px/1 var(--h-font);letter-spacing:.2em;color:var(--h-accent-ink)}
:scope #o-inquiry .o-inquiry-head h2{margin:8px 0 0;font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.03em;color:var(--h-ink)}
:scope #o-inquiry .o-inquiry-head button{display:grid;place-items:center;width:44px;height:44px;min-height:0;padding:0;border:1px solid var(--h-line);border-radius:50%;font-size:0;color:var(--h-ink);cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}
:scope #o-inquiry .o-inquiry-head button:before{content:"×";font-size:22px;line-height:1}
:scope #o-inquiry .o-inquiry-head button:hover{background:var(--h-accent);border-color:var(--h-accent);color:var(--h-on-accent)}
:scope #o-inquiry-intro{margin:16px 0 24px;font-size:14px;color:var(--h-text)}
:scope #o-inquiry .o-inquiry-fields label,:scope #o-inquiry .o-inquiry-technologies legend{font-size:14px;font-weight:600;color:var(--h-ink)}
:scope #o-inquiry .o-inquiry-fields label>span,:scope #o-inquiry legend span{font-size:12px;color:var(--h-muted)}
:scope #o-inquiry .o-inquiry-fields :is(input,select,textarea){min-height:50px;border:1px solid var(--h-line);border-radius:14px;background:var(--h-surface);color:var(--h-ink);font-size:15px;transition:border-color .25s,box-shadow .25s}
:scope #o-inquiry .o-inquiry-fields :is(input,select,textarea):focus{outline:none;border-color:var(--h-accent-ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--h-accent) 22%,transparent)}
:scope #o-inquiry .o-inquiry-fields ::placeholder{color:var(--h-muted)}
:scope #o-inquiry .o-inquiry-options{margin-top:24px;border-block:1px solid var(--h-line)}
:scope #o-inquiry .o-inquiry-options summary{font-size:14px;color:var(--h-ink)}
:scope #o-inquiry .o-tech-options label{min-height:42px;padding:4px 12px;border:1px solid var(--h-line);border-radius:30px;font-weight:500}
:scope #o-inquiry .o-tech-options label span{font-size:14px;color:inherit}
:scope #o-inquiry .o-tech-options input{accent-color:var(--h-accent)}
:scope #o-inquiry .o-tech-options label:has(input:checked){background:var(--h-accent);border-color:var(--h-accent);color:var(--h-on-accent)}
:scope #o-inquiry .o-inquiry-consent span{font-size:13px;color:var(--h-text)}
:scope #o-inquiry .o-inquiry-consent strong{color:var(--h-ink)}
:scope #o-inquiry .o-inquiry-consent input{accent-color:var(--h-accent)}
:scope[data-theme="light"] #o-inquiry .o-inquiry-consent input,:scope[data-theme="light"] #o-inquiry .o-tech-options input{accent-color:var(--h-on-accent)}
:scope #o-inquiry .o-inquiry-status{border-radius:12px;border-color:var(--h-line);background:var(--h-surface);color:var(--h-ink)}
:scope #o-inquiry .o-inquiry-submit{min-height:58px;border:1px solid var(--h-accent);border-radius:40px;background:var(--h-accent);color:var(--h-on-accent);font:700 16px/1 var(--h-font);cursor:pointer;transition:transform .3s}
:scope #o-inquiry .o-inquiry-submit:hover{transform:translateY(-2px)}
:scope #o-inquiry .o-inquiry-success h3{color:var(--h-ink)}
:scope #o-inquiry .o-inquiry-success button{border:1px solid var(--h-line);border-radius:30px;color:var(--h-ink)}
@media(min-width:768px){:scope #o-inquiry .o-inquiry-fields{grid-template-columns:1fr 1fr}:scope #o-inquiry .o-inquiry-message,:scope #o-inquiry .o-inquiry-technologies{grid-column:1/-1}:scope #o-inquiry .o-inquiry-type{grid-column:auto}}
@media(max-width:767px){:scope #o-inquiry{width:calc(100% - 16px);border-radius:22px}}
@media(prefers-reduced-motion:reduce){:scope #o-inquiry[open],:scope #o-inquiry[open]::backdrop{animation:none}}

/* ---------- 푸터 (Big Wordmark · Outline Crop) ---------- */
:scope .o-foot{position:relative;overflow:hidden;padding:clamp(56px,7vw,96px) var(--o-gutter) 32px;background:var(--sec-grain) var(--sec-b);border-top:1px solid var(--h-line);color:var(--h-text);font-family:var(--h-font);transition:background .4s,color .4s}
:scope .o-foot a{color:inherit;text-decoration:none}
:scope .o-foot-row{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
:scope .o-foot-logo{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--h-ink)!important}
:scope .o-foot-logo .o-logo-mark{display:block;width:26px;height:26px;background:var(--h-accent-ink);-webkit-mask:url(../assets/130258fbc6131ea155d9.svg) center/contain no-repeat;mask:url(../assets/130258fbc6131ea155d9.svg) center/contain no-repeat}
:scope .o-foot-logo img{display:block;max-height:32px;width:auto}
:scope .o-foot-menu{display:flex;gap:clamp(32px,6vw,96px);margin-left:auto}
:scope .o-foot-h{display:block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--h-muted)}
:scope .o-foot-group ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
:scope .o-foot-group li a,:scope .o-foot-group li span{position:relative;font-size:15px;color:var(--h-ink);transition:color .25s}
:scope .o-foot-group li a:before{content:"";position:absolute;left:-12px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--h-accent-ink);opacity:0;transition:opacity .25s}
:scope .o-foot-group li a:hover,:scope .o-foot-group li a:focus-visible{color:var(--h-accent-ink)}
:scope .o-foot-group li a:hover:before,:scope .o-foot-group li a:focus-visible:before{opacity:1}
:scope .o-foot .o-foot-cta{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:48px;padding:0 24px;border:1px solid var(--h-accent);border-radius:40px;background:var(--h-accent);color:var(--h-on-accent);font:700 14px/1 var(--h-font);cursor:pointer;transition:transform .3s}
:scope .o-foot-cta i{font-style:normal}
:scope .o-foot-cta:hover,:scope .o-foot-cta:focus-visible{transform:translateY(-2px)}
:scope .o-foot-company{margin-top:56px;padding-top:24px;border-top:1px solid var(--h-line)}
:scope .o-foot-company p{display:flex;flex-wrap:wrap;gap:4px 16px;max-width:none;margin:0 0 4px;font-size:13px;line-height:1.6;color:var(--h-muted)}
:scope .o-foot-company strong{color:var(--h-ink)}
:scope .o-foot-bottom{margin-right:max(0px,calc(96px - var(--o-gutter)));display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:13px;color:var(--h-muted)}
:scope .o-foot-top{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--h-line);border-radius:50%;background:transparent;color:var(--h-ink);font-size:16px;cursor:pointer;transition:border-color .3s,color .3s}
:scope .o-foot-top:hover,:scope .o-foot-top:focus-visible{border-color:var(--h-accent-ink);color:var(--h-accent-ink)}
@media(max-width:900px){:scope .o-foot-row{flex-wrap:wrap}:scope .o-foot-menu{order:3;flex-basis:100%;flex-wrap:wrap;gap:32px;margin:12px 0 0}}
@media(max-width:560px){:scope .o-foot{padding-bottom:96px}:scope .o-foot-company{margin-top:40px}:scope .o-foot-company p{flex-direction:column;gap:2px}}


}