/* 시안 B · Apple Bento (apple-design 스킬 토큰 기반)
   hub/enterprise: Apple Light (#F5F5F7) + 벤토 그리드 + 블루 단일 액센트 + 헤어라인
   launch: Apple Dark(#000/#1C1C1E) + 그린 액센트 — "Pro" 제품 페이지 톤
   gate: 라이트 + 오로라 그라디언트 티저(이벤트 초대장 톤) */
.theme-b{
  --bg:#F5F5F7;--s1:#FFFFFF;--s2:#F2F2F7;--label:#1D1D1F;--label-2:rgba(60,60,67,.72);--label-3:rgba(60,60,67,.45);
  --sep:rgba(60,60,67,.14);--blue:#0071E3;--blue-h:#0077ED;--green:#30D158;--r-lg:20px;--r-xl:28px;
  --sh1:0 1px 2px rgba(0,0,0,.06);--sh2:0 4px 12px rgba(0,0,0,.06);--sh3:0 12px 32px rgba(0,0,0,.10);
  --sf:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Apple SD Gothic Neo","Pretendard Variable",system-ui,sans-serif;
}
body.theme-b.hub{background:var(--bg);color:var(--label);font-family:var(--sf);letter-spacing:-.01em}
.theme-b .display{font-family:var(--sf);font-weight:700;letter-spacing:-.035em;line-height:1.1}
.theme-b .grad,.theme-b .grad-dark{background-image:linear-gradient(90deg,#0071E3,#7B61FF 55%,#E0457B)}
.theme-b .eyebrow{color:var(--blue);font-weight:600;letter-spacing:0;text-transform:none;font-size:.95rem}
.theme-b .lead{color:var(--label-2);font-size:1.2rem;letter-spacing:-.015em}
.theme-b .muted,.theme-b .choose-d,.theme-b .sec-fine{color:var(--label-3)}

/* header: translucent material */
.theme-b .hdr .wrap{height:52px}
.theme-b .logo{font-size:1.3rem;font-weight:700;letter-spacing:-.03em}
.theme-b .logo,.theme-b .nav a,.theme-b .nav button,.theme-b .menu-btn{color:var(--label)}
.theme-b .nav a,.theme-b .nav button{font-size:.8rem;font-weight:400;color:rgba(0,0,0,.8)}
.theme-b .logo span,.theme-b .hdr.solid .logo span{color:var(--blue)}
.theme-b .nav a:hover,.theme-b .nav button:hover,.theme-b .hdr.solid .nav a:hover{color:var(--blue)}
.theme-b .nav .btn-sm,.theme-b .hdr.solid .nav .btn-sm{background:var(--blue);color:#fff;border-radius:999px;padding:5px 14px;font-size:.78rem}
.theme-b .hdr,.theme-b .hdr.solid{background:rgba(245,245,247,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--sep)}
.theme-b .hdr.solid .nav a,.theme-b .hdr.solid .nav button,.theme-b .hdr.solid .logo,.theme-b .hdr.solid .menu-btn{color:var(--label)}
.theme-b .dd-menu{border-radius:var(--r-lg);border:1px solid var(--sep);box-shadow:var(--sh3);backdrop-filter:blur(20px)}
.theme-b .dd-menu a{border-radius:12px}
.theme-b .dot{border-radius:10px}
.theme-b .dot.e{background:var(--blue)}
.theme-b .dot.l{background:#1C1C1E;color:var(--green)}
.theme-b .dot.g{background:linear-gradient(135deg,#7B61FF,#E0457B,#FF9F0A)}
.theme-b .drawer{border-top-color:var(--sep)}
.theme-b .hdr.menu-open{background:#fff}

/* buttons: capsules */
.theme-b .btn{border-radius:999px;font-weight:400;font-size:1.02rem;padding:12px 24px;letter-spacing:-.01em}
.theme-b .btn:hover{transform:none}
.theme-b .btn-white,.theme-b .btn-dark,.theme-b .btn-accent{background:var(--blue);color:#fff}
.theme-b .btn-white:hover,.theme-b .btn-dark:hover{background:var(--blue-h)}
.theme-b .btn-ghost,.theme-b .btn-line{background:transparent;color:var(--blue);border:1px solid var(--blue);backdrop-filter:none}
.theme-b .btn-ghost:hover,.theme-b .btn-line:hover{background:rgba(0,113,227,.06)}
.theme-b .btn-emerald{background:#1D1D1F;color:#fff}
.theme-b .btn-emerald:hover{background:#000}

/* hero: centered product-page */
.theme-b .hero{background:var(--bg);color:var(--label);min-height:auto;padding:140px 0 80px;text-align:center}
.theme-b .hero video,.theme-b .hero .veil,.theme-b .hero .grid-bg{display:none}
.theme-b .hero h1{font-size:clamp(2.4rem,6.4vw,5.2rem);margin-left:auto;margin-right:auto;max-width:16ch}
.theme-b .hero p.sub{color:var(--label-2);margin-left:auto;margin-right:auto;font-size:clamp(1.05rem,1.8vw,1.35rem)}
.theme-b .hero .btns{justify-content:center}
.theme-b .pill{border:0;background:transparent;color:var(--label-2);font-weight:600;letter-spacing:0;font-size:.95rem;padding:0}
.theme-b .pill i{display:none}
.theme-b .crumbs{color:var(--label-3)}
.theme-b .strip{margin:56px auto 0;max-width:880px;gap:12px;background:transparent;border:0;border-radius:0;overflow:visible}
.theme-b .strip a{background:var(--s1);border-radius:var(--r-lg);backdrop-filter:none;box-shadow:var(--sh1);text-align:left;padding:18px 20px;transition:box-shadow .2s,transform .2s}
.theme-b .strip a:hover{background:var(--s1);box-shadow:var(--sh3);transform:scale(1.01)}
.theme-b .strip .n{color:var(--label-3);letter-spacing:.02em}
.theme-b .strip .d{color:var(--label-2)}
.theme-b .strip a:nth-child(2){background:#1C1C1E;color:#fff}
.theme-b .strip a:nth-child(2) .n,.theme-b .strip a:nth-child(2) .d{color:rgba(235,235,245,.6)}
.theme-b .strip a:nth-child(2) .t{color:var(--green)}

/* sections */
.theme-b .sec{background:var(--bg)}
.theme-b .sec.tint{background:var(--s1)}
.theme-b .sec.dark{background:#000;color:#F5F5F7}
.theme-b .sec.dark .eyebrow{color:#2997FF}
.theme-b .sec.dark .lead{color:rgba(235,235,245,.6)}
.theme-b .sec-head{text-align:center;margin-left:auto;margin-right:auto}
.theme-b .sec-head h2{font-size:clamp(2rem,4.6vw,3.5rem)}

/* bento: service cards */
.theme-b .svc{gap:16px}
@media (min-width:980px){
  .theme-b .svc{grid-template-columns:1fr 1fr}
  .theme-b .svc .card:first-child{grid-column:1/-1;padding:44px 48px}
  .theme-b .svc .card:first-child ul{grid-template-columns:repeat(3,1fr);gap:16px;flex:none;margin-top:24px}
  .theme-b .svc .card:first-child .acts{max-width:420px}
}
.theme-b .card{border-radius:var(--r-xl);border:0;background:var(--s1);padding:36px;box-shadow:none}
.theme-b .card:hover{transform:scale(1.008);box-shadow:var(--sh3)}
.theme-b .card .num{color:var(--label-3);letter-spacing:.02em}
.theme-b .tag{font-weight:600;letter-spacing:0}
.theme-b .tag.live{background:rgba(52,199,89,.14);color:#248A3D}
.theme-b .tag.live i{background:#34C759;box-shadow:none}
.theme-b .tag.soon{background:rgba(120,120,128,.12);color:var(--label-2)}
.theme-b .card .icon{border-radius:14px}
.theme-b .card .icon.e{background:var(--blue)}
.theme-b .card .icon.l{background:#2C2C2E;color:var(--green)}
.theme-b .card .icon.g{background:linear-gradient(135deg,#7B61FF,#E0457B,#FF9F0A)}
.theme-b .card h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:700;letter-spacing:-.03em}
.theme-b .card .who{color:var(--blue);font-weight:600}
.theme-b .card .desc{color:var(--label-2);font-size:1.02rem}
.theme-b .card li{color:var(--label)}
.theme-b .card li::before{border-color:var(--blue)}
.theme-b .card .url{color:var(--label-3);font-family:var(--sf)}
.theme-b .card .acts .btn{padding:10px 14px;font-size:.92rem}
.theme-b .card .go{color:var(--blue);font-weight:400}
.theme-b .svc .card:first-child{background:linear-gradient(180deg,#fff 55%,#EEF4FF)}
/* launch card in its own dark pro tone */
.theme-b .card.launch{background:#000;color:#F5F5F7}
.theme-b .card.launch h3{color:#fff}
.theme-b .card.launch .who{color:var(--green)}
.theme-b .card.launch .desc{color:rgba(235,235,245,.6)}
.theme-b .card.launch li{color:rgba(235,235,245,.85)}
.theme-b .card.launch li::before{border-color:var(--green)}
.theme-b .card.launch .num,.theme-b .card.launch .url{color:rgba(235,235,245,.35)}
.theme-b .card.launch .tag.live{background:rgba(48,209,88,.16);color:var(--green)}
.theme-b .card.launch .btn-emerald{background:var(--green);color:#000}
.theme-b .card.launch .btn-line{color:#2997FF;border-color:#2997FF}
.theme-b .card.launch .btn-line:hover{background:rgba(41,151,255,.12)}
.theme-b .card.launch .go{color:var(--green)}
/* gate card: aurora rim */
.theme-b .card.gate{background:var(--s1);position:relative;isolation:isolate}
.theme-b .card.gate::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#7B61FF,#E0457B,#FF9F0A);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.theme-b .card.gate h3{background:linear-gradient(90deg,#7B61FF,#E0457B,#FF9F0A);-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-b .card.gate .who{color:var(--label-3)}
.theme-b .card.gate li::before{border-color:var(--label-3)}
.theme-b .card.gate .go{color:var(--label-2)}

.theme-b .chooser{gap:16px}
.theme-b .choose{border-radius:var(--r-xl);border:0;background:var(--bg);padding:30px}
.theme-b .choose:hover{box-shadow:var(--sh2);border-color:transparent}
.theme-b .choose .q{color:var(--label-2);font-weight:400;font-size:.95rem}
.theme-b .choose .a{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}
.theme-b .choose .go,.theme-b .choose.l .go,.theme-b .choose.g .go{color:var(--blue);font-weight:400}

.theme-b .journey{gap:16px;background:transparent;border:0;border-radius:0;overflow:visible}
.theme-b .journey > div{background:#1C1C1E;border-radius:var(--r-xl);padding:36px 30px}
.theme-b .journey .k{color:rgba(235,235,245,.35)}
.theme-b .journey h3{font-size:1.5rem;letter-spacing:-.02em}
.theme-b .journey p{color:rgba(235,235,245,.6)}
.theme-b .journey .bar{height:4px;border-radius:4px;width:48px}
.theme-b .bar.b1{background:#2997FF}.theme-b .bar.b2{background:var(--green)}.theme-b .bar.b3{background:#BF5AF2}

.theme-b .stats{gap:16px;background:transparent;border:0;overflow:visible}
.theme-b .stats > div{border-radius:var(--r-xl);background:var(--s1);padding:36px 20px}
.theme-b .stats b{font-size:2.6rem;letter-spacing:-.04em}
.theme-b .stats span{color:var(--label-2)}
.theme-b .two{gap:16px}
.theme-b .box{border-radius:var(--r-xl);border:0;padding:32px}
.theme-b .box .k{color:var(--label-3);letter-spacing:.02em}
.theme-b .box h3{font-size:1.4rem;letter-spacing:-.02em}
.theme-b .box p{color:var(--label-2)}
.theme-b .box .lnk,.theme-b .inline-link{color:var(--blue);font-weight:400}
.theme-b #contact{background:var(--bg)}
.theme-b .mail{border-radius:var(--r-lg);border:0;box-shadow:var(--sh1)}
.theme-b .mail:hover{box-shadow:var(--sh2)}
.theme-b .mail .k{color:var(--label-3);font-weight:400}
.theme-b .mail span[aria-hidden]{color:var(--blue)}

.theme-b .ftr{background:var(--bg);color:var(--label-2);border-top:1px solid var(--sep);font-size:.8rem}
.theme-b .ftr .logo{color:var(--label)}
.theme-b .ftr .logo span{color:var(--blue)}
.theme-b .ftr h4{color:var(--label);letter-spacing:0;text-transform:none;font-size:.8rem}
.theme-b .ftr a:hover{color:var(--label)}
.theme-b .biz{border-top-color:var(--sep)}
.theme-b .biz .g div{color:var(--label-2)}
.theme-b .biz .g .k{color:var(--label-3)}
.theme-b .ent-others{background:var(--bg);border-top:0}
.theme-b .ent-others .sec-head{text-align:left;margin-left:0}

/* =========================================================
   LAUNCH — Apple Dark "Pro" + green
   ========================================================= */
body.theme-b.page-launch{background:#000;color:#F5F5F7}
.theme-b.page-launch .hdr,.theme-b.page-launch .hdr.solid{background:rgba(22,22,23,.8);border-bottom-color:rgba(84,84,88,.4)}
.theme-b.page-launch .logo,.theme-b.page-launch .nav a,.theme-b.page-launch .nav button,.theme-b.page-launch .menu-btn,.theme-b.page-launch .hdr.solid .logo,.theme-b.page-launch .hdr.solid .nav a,.theme-b.page-launch .hdr.solid .nav button,.theme-b.page-launch .hdr.solid .menu-btn{color:rgba(245,245,247,.88)}
.theme-b.page-launch .logo span{color:var(--green)!important}
.theme-b.page-launch .nav .btn-sm,.theme-b.page-launch .hdr.solid .nav .btn-sm{background:var(--green);color:#000}
.theme-b.page-launch .hdr.menu-open{background:#1C1C1E}
.theme-b.page-launch .drawer{background:#1C1C1E;border-top-color:rgba(84,84,88,.4)}
.theme-b.page-launch .drawer a{color:#F5F5F7;border-bottom-color:rgba(84,84,88,.35)}
.theme-b.page-launch .dd-menu{background:rgba(28,28,30,.95);border-color:rgba(84,84,88,.5)}
.theme-b.page-launch .dd-menu a{color:#F5F5F7!important}
.theme-b.page-launch .dd-menu a:hover{background:#2C2C2E}
.theme-b.page-launch .hero{background:radial-gradient(60% 55% at 50% 0%,rgba(48,209,88,.22),transparent 70%),#000;color:#F5F5F7}
.theme-b.page-launch .hero p.sub{color:rgba(235,235,245,.6)}
.theme-b.page-launch .pill{color:var(--green)}
.theme-b.page-launch .crumbs,.theme-b.page-launch .crumbs a:hover{color:rgba(235,235,245,.35)}
.theme-b.page-launch .grad{background-image:linear-gradient(90deg,#30D158,#40C8E0)}
.theme-b.page-launch .eyebrow{color:var(--green)}
.theme-b.page-launch .lead,.theme-b.page-launch .muted,.theme-b.page-launch .choose-d,.theme-b.page-launch .sec-fine,.theme-b.page-launch .sec-note{color:rgba(235,235,245,.6)}
.theme-b.page-launch .btn-emerald{background:var(--green);color:#000}
.theme-b.page-launch .btn-emerald:hover{background:#4BE274}
.theme-b.page-launch .btn-ghost{color:#2997FF;border-color:#2997FF}
.theme-b.page-launch .hero-chips{justify-content:center}
.theme-b.page-launch .chip{background:#1C1C1E;border-color:transparent;color:rgba(235,235,245,.85)}
.theme-b.page-launch .chip-note{color:rgba(235,235,245,.35)}
.theme-b.page-launch .sec{background:#000}
.theme-b.page-launch .sec.tint{background:#0B0B0C}
.theme-b.page-launch .sec.dark{background:#000}
.theme-b.page-launch .choose,.theme-b.page-launch .step,.theme-b.page-launch .plan{background:#1C1C1E;border:0;border-radius:var(--r-xl)}
.theme-b.page-launch .choose .q{color:var(--green);font-weight:600}
.theme-b.page-launch .choose .a{color:#F5F5F7}
/* steps as bento */
.theme-b.page-launch .steps{grid-template-columns:repeat(6,1fr);gap:16px}
.theme-b.page-launch .step{grid-column:span 2;grid-template-columns:1fr;padding:30px}
.theme-b.page-launch .step.hl{grid-column:span 3;background:linear-gradient(160deg,#10301B,#1C1C1E 60%)}
@media (max-width:860px){.theme-b.page-launch .steps{grid-template-columns:1fr}.theme-b.page-launch .step,.theme-b.page-launch .step.hl{grid-column:auto}}
.theme-b.page-launch .step .n{width:44px;height:44px;border-radius:12px;background:#2C2C2E;color:var(--green);font-size:1.1rem}
.theme-b.page-launch .step.hl .n{background:var(--green);color:#000}
.theme-b.page-launch .step h3{color:#F5F5F7;font-size:1.3rem;letter-spacing:-.02em}
.theme-b.page-launch .step p{color:rgba(235,235,245,.6)}
.theme-b.page-launch .step .note{background:rgba(48,209,88,.14);color:var(--green);border-radius:999px}
.theme-b.page-launch .qs div{background:#1C1C1E;border:0;border-radius:var(--r-lg);font-weight:600}
.theme-b.page-launch .qs b{background:rgba(48,209,88,.16);color:var(--green)}
.theme-b.page-launch .plan .k{color:var(--green)}
.theme-b.page-launch .plan.paid .k{color:rgba(235,235,245,.45)}
.theme-b.page-launch .plan h3{color:#F5F5F7;font-size:1.8rem}
.theme-b.page-launch .plan p,.theme-b.page-launch .plan li{color:rgba(235,235,245,.72)}
.theme-b.page-launch .plan.free{box-shadow:inset 0 0 0 1.5px var(--green)}
.theme-b.page-launch .plan li::before{color:var(--green)}
.theme-b.page-launch .quote{border-left-color:var(--green);color:#F5F5F7;font-size:1.6rem;letter-spacing:-.02em}
.theme-b.page-launch .inline-link{color:#2997FF}
.theme-b.page-launch .why .reveal:first-child .eyebrow{text-align:left}
.theme-b.page-launch .cta{border-radius:var(--r-xl);background:#1C1C1E}
.theme-b.page-launch .cta::before{background:radial-gradient(50% 90% at 50% 0%,rgba(48,209,88,.28),transparent 70%)}
.theme-b.page-launch .cta p,.theme-b.page-launch .cta .fine{color:rgba(235,235,245,.6)}
.theme-b.page-launch .ftr{background:#000;color:rgba(235,235,245,.6);border-top-color:rgba(84,84,88,.4)}
.theme-b.page-launch .ftr .logo,.theme-b.page-launch .ftr h4{color:#F5F5F7}
.theme-b.page-launch .ftr .logo span{color:var(--green)}
.theme-b.page-launch .biz{border-top-color:rgba(84,84,88,.4)}
.theme-b.page-launch .biz .g div{color:rgba(235,235,245,.6)}

/* =========================================================
   GATE — light, aurora teaser
   ========================================================= */
.theme-b.page-gate .hero{min-height:88vh;display:flex;align-items:center;background:
  radial-gradient(40% 50% at 30% 35%,rgba(123,97,255,.28),transparent 70%),
  radial-gradient(40% 50% at 70% 40%,rgba(224,69,123,.22),transparent 70%),
  radial-gradient(45% 55% at 50% 80%,rgba(255,159,10,.20),transparent 70%),var(--bg)}
.theme-b.page-gate .hero .grid-bg{display:none}
.theme-b.page-gate .soon-box{margin:0 auto}
.theme-b.page-gate .hero h1{font-size:clamp(3rem,9vw,7.5rem);letter-spacing:-.05em;line-height:1}
.theme-b.page-gate .grad{background-image:linear-gradient(90deg,#7B61FF,#E0457B,#FF9F0A);background-size:200% 100%;animation:aurora 6s ease-in-out infinite alternate}
@keyframes aurora{to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.theme-b.page-gate .grad{animation:none}}
.theme-b.page-gate .pill{color:var(--label-2)}
.theme-b.page-gate .notify,.theme-b.page-gate .eta{justify-content:center}
.theme-b.page-gate .hero .btn-white{background:#1D1D1F}
.theme-b.page-gate .hero .btn-white:hover{background:#000}
.theme-b.page-gate .hero .btn-ghost{color:var(--label);border-color:rgba(0,0,0,.2)}
.theme-b.page-gate .eta span{border:0;background:rgba(255,255,255,.6);color:var(--label-2);backdrop-filter:blur(10px)}
.theme-b.page-gate .sec-head{text-align:center}