.oh-appcard,.oh-appsheet,.oh-apptoast{
  --sb-house:#141414;--sb-accent:#7D6234;--sb-dark:#0B0B0C;--sb-light:#ECE8E0;--sb-cream:#F7F5F0;--sb-gold:#C9A45C;--sb-mint:#ECE8E0;
  --oh-sky:#7D6234;--oh-blue:#141414;--oh-lite:#A8884E;--oh-pale:#ECE8E0;--oh-deep:#0B0B0C;--oh-navy:#0B0B0C;
  --oh-ink:#141414;--oh-text:#5E5B56;--oh-grey:#67635D;--oh-bg:#F7F5F0;--oh-line:#E2DDD3;
  --oh-font:"Noto Sans KR",sans-serif;--oh-lat:Archivo,"Noto Sans KR",sans-serif;
  --oh-r:22px;--oh-sh:0 14px 34px rgba(11,11,12,.10);--oh-sh2:0 22px 46px rgba(11,11,12,.18);--oh-ease:cubic-bezier(.2,.8,.2,1)
}
.oh-appf[hidden],.oh-appcard[hidden]{display:none!important}
.oh-appf{float:left;clear:both;width:100%;margin:4px 0 12px}
.oh-app-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--sb-gold);border-radius:999px;background:transparent;color:#ECE8E0;font:700 14px/1 var(--oh-font);cursor:pointer;transition:background .2s,color .2s}
.oh-app-btn:hover,.oh-app-btn:focus-visible{background:var(--sb-gold);color:#141210}
.oh-appcard{clear:both;padding:22px 16px 0;background:#fff;font-family:var(--oh-font)}
.oh-appcard *{box-sizing:border-box}
.oh-appcard .ac{position:relative;max-width:720px;margin:0 auto;border-radius:12px;background:#0B0B0C;box-shadow:0 10px 26px rgba(11,11,12,.18);animation:ohAppIn .7s var(--oh-ease) .15s both}
@keyframes ohAppIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.oh-appcard .acb{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:12px 52px 12px 12px;border:0;border-radius:12px;background:transparent;color:#F7F5F0;font:inherit;text-align:left;cursor:pointer}
.oh-appcard .acb:focus-visible{outline:2px solid var(--sb-gold);outline-offset:3px}
.oh-appcard .ti{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#fff}
.oh-appcard .ti svg{width:72%;height:72%}
.oh-appcard .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;word-break:keep-all}
.oh-appcard .tx b{font-size:17px;font-weight:700;color:#F7F5F0;letter-spacing:-.01em}
.oh-appcard .tx small{font-size:13.5px;color:#C9A45C}
.oh-appcard .pill{flex:0 0 auto;padding:9px 20px;border-radius:999px;background:#C9A45C;color:#0B0B0C;font-weight:800;font-size:14px;transition:transform .2s,background .2s}
.oh-appcard .acb:hover .pill,.oh-appcard .acb:focus-visible .pill{background:#D9B76E;transform:scale(1.05)}
.oh-appcard .acx{position:absolute;top:50%;right:8px;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:rgba(247,245,240,.55);cursor:pointer}
.oh-appcard .acx:hover,.oh-appcard .acx:focus-visible{color:#F7F5F0;background:rgba(247,245,240,.1)}
.oh-appcard .acx svg{width:14px;height:14px}
@media (max-width:767px){.oh-appf{text-align:center}.oh-appcard{padding:14px 16px 0}.oh-appcard .acb{gap:10px;padding:10px 44px 10px 10px}.oh-appcard .ti{flex-basis:38px;width:38px;height:38px;border-radius:9px}
  .oh-appcard .tx b{font-size:15px}.oh-appcard .tx small{font-size:12.5px}.oh-appcard .pill{padding:7px 14px;font-size:13px}.oh-appcard .acx{right:4px}}
@media (prefers-reduced-motion:reduce){.oh-appcard .ac{animation:none}}
.oh-appcard a.acb{text-decoration:none}
.oh-appcard .ti img{width:100%;height:100%;object-fit:contain}

html.oh-lock,html.oh-lock body{overflow:hidden}
.oh-sheet{position:fixed;inset:0;z-index:2147483647;display:none;font-family:var(--oh-font)}
.oh-sheet:target,.oh-sheet.open{display:flex;align-items:center;justify-content:center;padding:20px}
.oh-sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.oh-sheet-in{position:relative;width:100%;max-width:420px;padding:38px 30px 26px;border-radius:28px;background:var(--sb-cream);box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center;animation:ohSheet .5s var(--oh-ease) both}
@keyframes ohSheet{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.oh-sheet-x{position:absolute;top:14px;right:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;color:var(--sb-dark);background:rgba(11,11,12,.06);text-decoration:none}
.oh-sheet .en{font-family:var(--oh-lat);font-size:12px;font-weight:800;letter-spacing:.32em;color:var(--sb-accent)}
.oh-sheet h2{margin:8px 0 0;font-size:26px;font-weight:900;color:var(--sb-dark);letter-spacing:-.02em}
.oh-sheet .ds{margin:10px 0 22px;font-size:14.5px;line-height:1.7;color:var(--oh-text);word-break:keep-all}
@media (max-width:767px){.oh-sheet:target,.oh-sheet.open{align-items:flex-end;padding:0}.oh-sheet-in{max-width:none;border-radius:28px 28px 0 0;padding:34px 22px 30px}}
.oh-appsheet .oh-sheet-x{border:0;cursor:pointer;font-family:inherit}
.oh-appsheet [hidden]{display:none!important}
.oh-appsheet h2{word-break:keep-all}
.oh-as-ic{width:76px;height:76px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(11,11,12,.16)}
.oh-as-ic svg{width:70%;height:70%}
.oh-as-sub{margin:4px 0 0;font-size:14px;color:#6B665C}
.oh-as-chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.oh-as-chips li{padding:6px 12px;border:1px solid #E2DCCF;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:#0B0B0C}
.oh-as-free{margin:14px 0 0;font-size:13px;color:#7D6234;font-weight:700}
.oh-as-go{display:block;width:100%;min-height:50px;margin:18px 0 0;border:0;border-radius:999px;background:#C9A45C;color:#0B0B0C;font:800 16px var(--oh-font);cursor:pointer;transition:background .2s,transform .2s}
.oh-as-go:hover,.oh-as-go:focus-visible{background:#D9B76E;transform:translateY(-1px)}
.oh-as-go:active{transform:scale(.98)}
.oh-as-later{display:block;margin:10px auto 0;padding:8px 14px;border:0;background:transparent;color:#6B665C;font:500 14px var(--oh-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.oh-as-later.oh-as-go{margin-top:14px;text-decoration:none;color:#0B0B0C}
.oh-appsheet .steps{list-style:none;margin:16px 0 4px;padding:0;text-align:left;display:grid;gap:12px}
.oh-appsheet .steps li{display:flex;align-items:center;gap:10px;font-size:15.5px;line-height:1.5;color:var(--sb-dark);word-break:keep-all}
.oh-appsheet .steps .n{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0B0B0C;color:var(--sb-gold);font:800 13px var(--oh-lat)}
.oh-appsheet .steps .ic{width:20px;height:20px;vertical-align:-4px;color:#2F7BD6}
.oh-as-arrow{margin:8px 0 0;color:#C9A45C}
.oh-as-arrow svg{width:26px;height:44px;animation:ohAppDown 1.3s ease-in-out infinite}
@keyframes ohAppDown{50%{transform:translateY(8px)}}
.oh-as-kk{margin:16px 0 0;font-size:16px;line-height:1.7;color:var(--sb-dark);word-break:keep-all}
.oh-as-small{margin:10px 0 0;font-size:13px;color:#6B665C;word-break:keep-all}
@media (max-width:767px){.oh-appsheet.open{align-items:flex-end;padding:0}.oh-appsheet .oh-sheet-in{max-width:none;border-radius:22px 22px 0 0;padding:30px 22px calc(22px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.oh-as-arrow svg{animation:none}}
.oh-apptoast{position:fixed;left:16px;right:16px;bottom:calc(28px + env(safe-area-inset-bottom));z-index:2147483647;width:fit-content;margin:0 auto;padding:13px 20px;border-radius:14px;background:#0B0B0C;color:#F7F5F0;font:700 14px/1.5 var(--oh-font);text-align:center;word-break:keep-all;box-shadow:0 12px 30px rgba(0,0,0,.3);animation:ohSheet .4s var(--oh-ease) both}
/* Fit the existing hero CTA column without changing shared styles. */
.hero-copy > .oh-appcard{width:100%;max-width:720px;padding:22px 0 0;background:transparent}
.hero-copy > .oh-appcard .ac{max-width:100%;margin:0}

.oh-appsheet .oh-sheet-in{max-height:90dvh;overflow:auto}.oh-app-btn{color:#ece8e0;border-color:#c9a45c}.oh-appcard .acx{color:#d8d3c9}
.ft .oh-appf{float:none;clear:both;width:auto;max-width:100%}.oh-appcard{content-visibility:visible!important}.wb-motion .oh-appcard.wb-reveal{opacity:1;transform:none}.oh-app-btn{max-width:100%;white-space:normal;line-height:1.5;padding:10px 20px}
.oh-app-btn{text-decoration:none}
