/* SpaceBridge v45 public platform layer: one brand, one journey, one consultation action. */
:root{--sb45-ink:#16233a;--sb45-muted:#587086;--sb45-line:#cfe1ea;--sb45-paper:#fff;--sb45-wash:#f1f7fa;--sb45-blue:#0676a7;--sb45-sky:#e3f3f9;--sb45-navy:#0b2a43}
html body.sb-v45{color:var(--sb45-ink)}
html body.sb-v45 a[href^="sms:"],
html body.sb-v45 a[href*="pf.kakao.com"]:not(.sb-official-channel),
html body.sb-v45 #condition-sms,
html body.sb-v45 #condition-kakao,
html body.sb-v45 #lf-sms,
html body.sb-v45 #lf-kakao,
html body.sb-v45 .sb-contact-sms,
html body.sb-v45 .sb-contact-kakao,
html body.sb-v45 .kakao-float,
html body.sb-v45 .kfab,
html body.sb-v45 .sb-kfab,
html body.sb-v45 .legacy-hidden{display:none!important}
html body.sb-v45 .mini-consult,
html body.sb-v45 .cta-consult,
html body.sb-v45 .actions .consult{background:#066ea0!important;color:#fff!important;border-color:#066ea0!important}

html body.sb-v45 .sb45-brand-intro{position:relative;isolation:isolate;overflow:hidden;padding:58px 0;border-bottom:1px solid var(--sb45-line);background:linear-gradient(135deg,#fff 0%,#f5fafc 55%,#e8f4f8 100%)}
html body.sb-v45 .sb45-brand-intro:after{content:"";position:absolute;z-index:-1;right:-12%;top:-62%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(72,178,217,.18),rgba(72,178,217,0) 68%)}
html body.sb-v45 .sb45-brand-shell{width:min(1120px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);gap:50px;align-items:center}
html body.sb-v45 .sb45-brand-copy{min-width:0}
html body.sb-v45 .sb45-brand-logo{display:block;width:202px;max-width:56%;height:auto;margin:0 0 24px}
html body.sb-v45 .sb45-brand-kicker{margin:0;color:var(--sb45-blue);font-size:12px;font-weight:760;letter-spacing:.1em}
html body.sb-v45 .sb45-brand-intro :where(h1,h2){max-width:720px;margin:10px 0 16px;font-size:clamp(32px,4.3vw,56px);font-weight:690;line-height:1.12;letter-spacing:-.042em;color:var(--sb45-ink)}
html body.sb-v45 .sb45-brand-intro .sb45-brand-description{max-width:680px;margin:0;color:var(--sb45-muted);font-size:16px;line-height:1.75}
html body.sb-v45 .sb45-brand-steps{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}
html body.sb-v45 .sb45-brand-steps li{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid #c7dee8;border-radius:10px;background:rgba(255,255,255,.88);font-size:12px;font-weight:700}
html body.sb-v45 .sb45-brand-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--sb45-sky);color:var(--sb45-blue);font-size:10px}
html body.sb-v45 .sb45-brand-visual{position:relative;overflow:hidden;margin:0;border-radius:24px;aspect-ratio:16/10;background:#dcecf3;box-shadow:0 24px 54px rgba(18,70,103,.14)}
html body.sb-v45 .sb45-brand-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
html body.sb-v45 .sb45-brand-visual figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:11px 13px;border-radius:11px;background:rgba(7,37,58,.82);color:#fff;font-size:12px;line-height:1.45;backdrop-filter:blur(8px)}

html body.sb-v45 .sb45-journey{padding:18px 0;border-bottom:1px solid var(--sb45-line);background:#fff}
html body.sb-v45 .sb45-journey ol{width:min(1120px,calc(100% - 36px));margin:auto;padding:0;display:grid;grid-template-columns:repeat(6,1fr);list-style:none}
html body.sb-v45 .sb45-journey li{position:relative;min-height:54px;padding:8px 12px 8px 34px;border-left:1px solid var(--sb45-line);font-size:12px;color:var(--sb45-muted)}
html body.sb-v45 .sb45-journey li:last-child{border-right:1px solid var(--sb45-line)}
html body.sb-v45 .sb45-journey b{position:absolute;left:10px;top:9px;color:var(--sb45-blue);font-size:12px}
html body.sb-v45 .sb45-journey span{display:block;color:var(--sb45-ink);font-weight:730;line-height:1.35}
html body.sb-v45 .sb45-journey small{display:block;margin-top:2px;font-size:12px;line-height:1.3}

html body.sb-v45 .sb-contact-dock{position:fixed!important;z-index:80!important;right:20px!important;left:auto!important;bottom:20px!important;width:248px!important;max-width:calc(100vw - 32px)!important;display:block!important;padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;box-shadow:0 18px 42px rgba(6,50,78,.24)!important;overflow:hidden!important}
html body.sb-v45 .sb-contact-dock .sb-contact-request{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;min-height:58px!important;padding:10px 18px!important;border:0!important;border-radius:14px!important;background:#066ea0!important;color:#fff!important;font-size:15px!important;font-weight:780!important;text-decoration:none!important}
html body.sb-v45 .sb-contact-dock .sb-contact-request b{font-size:15px!important;font-weight:780!important;color:#fff!important}
html body.sb-v45 .sb-contact-dock .sb-contact-request small{font-size:11px!important;color:#d7f0fb!important}

html body.sb-v45 .brand img,html body.sb-v45 .brand svg{display:block;width:198px;max-width:100%;height:auto}
html body.sb-v45 :where(h1,h2,h3,strong,b){text-wrap:balance}
html body.sb-v45 :where(section,article,figure,.card,.tool-card,.service-card){min-width:0}
html body.sb-v45 img{max-width:100%}
html body.sb-v45 .post-hero{height:auto!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center!important}
html body.sb-v45 .reveal{opacity:1!important}
html body.sb-v45.sb-motion-ready [data-sb43-reveal]{opacity:1!important}
html body.sb-v45 .hero :where(h1,.hero-copy,.hero-media),html body.sb-v45 .sb45-brand-intro.is-visible .sb45-brand-copy{animation:sb45-enter .72s cubic-bezier(.2,.75,.2,1) both}
html body.sb-v45 .sb-contact-dock{animation:sb45-dock-in .5s .25s cubic-bezier(.2,.75,.2,1) both}
@keyframes sb45-enter{from{transform:translateY(16px)}to{transform:none}}
@keyframes sb45-dock-in{from{transform:translateY(18px) scale(.97);opacity:.4}to{transform:none;opacity:1}}

.sb45-reveal{opacity:0;transform:translateY(20px);transition:opacity .62s cubic-bezier(.2,.75,.2,1),transform .62s cubic-bezier(.2,.75,.2,1)}
.sb45-reveal.is-visible{opacity:1;transform:none}

@media(max-width:760px){
  html body.sb-v45 .sb45-brand-intro{padding:34px 0 38px}
  html body.sb-v45 .sb45-brand-shell{width:min(100% - 28px,1120px);grid-template-columns:1fr;gap:24px}
  html body.sb-v45 .sb45-brand-logo{width:166px;margin-bottom:18px}
  html body.sb-v45 .sb45-brand-intro :where(h1,h2){font-size:clamp(30px,9vw,42px)}
  html body.sb-v45 .sb45-brand-visual{order:-1;border-radius:18px;aspect-ratio:16/10}
  html body.sb-v45 .sb45-brand-steps{display:grid;grid-template-columns:1fr 1fr}
  html body.sb-v45 .sb45-journey{overflow:visible;padding:12px 0}
  html body.sb-v45 .sb45-journey ol{width:calc(100% - 28px);grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  html body.sb-v45 .sb45-journey li{min-height:54px;border-bottom:1px solid var(--sb45-line)}
  html body.sb-v45 .sb45-journey li:nth-child(even){border-right:1px solid var(--sb45-line)}
  html body.sb-v45 .sb-contact-dock{right:14px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;width:196px!important}
  html body.sb-v45 .sb-contact-dock .sb-contact-request{min-height:54px!important;padding:9px 15px!important}
}
@media(prefers-reduced-motion:reduce){.sb45-reveal{opacity:1;transform:none;transition:none!important}html body.sb-v45 *{animation:none!important;transition-duration:.01ms!important}}