.mls-content--landing-line{--mls-chat-brand: var(--mls-brand-line);--mls-chat-brand-soft: rgba(6, 199, 85, .09);--mls-chat-brand-hairline: rgba(6, 199, 85, .35)}.mls-content--landing-kakaotalk{--mls-chat-brand: var(--mls-brand-kakaotalk);--mls-chat-brand-soft: rgba(254, 229, 0, .22);--mls-chat-brand-hairline: rgba(60, 30, 30, .28)}.mls-chat-tuto{max-width:760px;margin:0 auto;padding:clamp(1.75rem,4vw,2.5rem) clamp(1.25rem,3.5vw,2.25rem);background:var(--lux-ivory);border:1px solid var(--lux-hairline);border-radius:var(--mls-radius-card)}.mls-chat-tuto__head{text-align:center;max-width:640px;margin:0 auto 1.5rem}.mls-chat-tuto__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border-radius:var(--mls-radius-pill);background:var(--mls-chat-brand-soft);color:var(--mls-chat-brand);font-size:.8125rem;font-weight:700;margin-bottom:1rem}.mls-chat-tuto__badge img{width:20px;height:20px;border-radius:50%}.mls-chat-tuto .mls-wa-tuto__title strong{color:var(--mls-chat-brand)}.mls-chat-tuto__alert{max-width:640px;margin:0 auto 1.75rem;padding:.9rem 1.1rem;border-left:3px solid var(--mls-chat-brand);background:var(--mls-chat-brand-soft);color:var(--lux-ink);font-size:.95rem;line-height:1.55}.mls-chat-tuto__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 auto 2rem;padding:.3rem;width:fit-content;background:#fff;border:1px solid var(--lux-hairline);border-radius:var(--mls-radius-pill)}.mls-chat-tuto__tab{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;border:0;border-radius:var(--mls-radius-pill);background:transparent;color:var(--lux-muted);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.mls-chat-tuto__tab svg{width:1.05rem;height:1.05rem}.mls-chat-tuto__tab:hover{color:var(--lux-ink)}.mls-chat-tuto__tab.is-active{background:var(--mls-chat-brand);color:#fff}.mls-chat-tuto__panel{display:none}.mls-chat-tuto__panel.is-active{display:block}.mls-chat-tuto__steps{list-style:none;margin:0;padding:0;position:relative}.mls-chat-tuto__steps:before{content:"";position:absolute;top:2.4rem;bottom:2.4rem;left:2.4rem;width:1px;background:linear-gradient(180deg,var(--mls-chat-brand-hairline),var(--lux-hairline) 40%,var(--lux-hairline))}.mls-chat-tuto__step{display:grid;grid-template-columns:4.8rem 1fr;gap:0 1.35rem;align-items:start;padding:0 0 2.15rem;position:relative}.mls-chat-tuto__step:last-child{padding-bottom:0}.mls-chat-tuto__icon{width:4.8rem;height:4.8rem;border-radius:50%;background:#fff;border:2px solid var(--mls-chat-brand);display:grid;place-items:center;position:relative;z-index:1;box-shadow:0 6px 18px var(--mls-chat-brand-soft)}.mls-chat-tuto__icon svg{width:1.65rem;height:1.65rem;color:var(--mls-chat-brand)}.mls-chat-tuto__num{position:absolute;right:-.15rem;bottom:-.1rem;width:1.55rem;height:1.55rem;border-radius:var(--mls-radius-pill);display:grid;place-items:center;font-family:var(--mls-price-font);font-variant-numeric:tabular-nums;font-weight:700;font-size:.75rem;color:#fff;background:var(--mls-chat-brand);border:2px solid #fff}.mls-chat-tuto__copy{padding-top:.55rem;min-width:0}.mls-chat-tuto__step-title{margin:0 0 .55rem;font-family:var(--lux-title-font);font-size:clamp(1.2rem,2.4vw,1.45rem);font-weight:600;line-height:1.25;color:var(--lux-ink)}.mls-chat-tuto__copy ul{margin:0;padding-left:1.15rem;color:var(--lux-muted);font-size:.98rem;line-height:1.65}.mls-chat-tuto__copy li+li{margin-top:.4rem}.mls-chat-tuto__aside{margin:.85rem 0 0;padding:.7rem .9rem;border-left:3px solid var(--mls-chat-brand-hairline);background:var(--mls-chat-brand-soft);font-size:.9rem;line-height:1.5;color:var(--lux-ink)}.mls-chat-tuto__desktop{margin:1.75rem 0 0;padding:.9rem 1.1rem;border:1px dashed var(--lux-hairline);border-radius:var(--mls-radius-control);color:var(--lux-muted);font-size:.92rem;line-height:1.6}.mls-chat-tuto__footer{text-align:center;margin:2.25rem 0 0;padding:1.75rem 1rem .25rem;border-top:1px solid var(--lux-hairline)}.mls-chat-tuto__footer-title{margin:0 0 .55rem;font-family:var(--lux-title-font);font-size:clamp(1.35rem,2.8vw,1.65rem);font-weight:600;color:var(--lux-ink)}.mls-chat-tuto__footer-text{max-width:34rem;margin:0 auto 1.25rem;color:var(--lux-muted);font-size:.98rem;line-height:1.6}.mls-content--landing-line .mls-how-step-description a,.mls-content--landing-kakaotalk .mls-how-step-description a{color:var(--mls-chat-brand);font-weight:600}.mls-content--landing-line .mls-hero-trust-bar__score,.mls-content--landing-line .mls-hero-trust-bar__item strong,.mls-content--landing-kakaotalk .mls-hero-trust-bar__score,.mls-content--landing-kakaotalk .mls-hero-trust-bar__item strong{color:var(--mls-chat-brand)}.mls-content--landing-line .mls-hero-trust-bar__sep,.mls-content--landing-kakaotalk .mls-hero-trust-bar__sep{color:var(--mls-chat-brand-hairline)}@media(max-width:640px){.mls-chat-tuto{padding:1.35rem 1rem 1.5rem}.mls-chat-tuto__steps:before{left:1.9rem}.mls-chat-tuto__step{grid-template-columns:3.8rem 1fr;gap:0 .95rem;padding-bottom:1.75rem}.mls-chat-tuto__icon{width:3.8rem;height:3.8rem}.mls-chat-tuto__icon svg{width:1.35rem;height:1.35rem}.mls-chat-tuto__num{width:1.35rem;height:1.35rem;font-size:.68rem}}
