/* 랜딩 (Claude Design 「바로글 랜딩」 landing.html 이식). 토큰은 /tokens.css */
/* 로고·외부 브랜드 SVG 색 */
.lp-mark__accent{fill:var(--accent)}.lp-mark__paper{fill:var(--on-night)}


.lp{font-family:var(--font-sans);color:var(--text);background:var(--bg);word-break:keep-all;-webkit-font-smoothing:antialiased;line-height:1.5}
.lp *,.lp *::before,.lp *::after{box-sizing:border-box}
.lp a{color:var(--accent);text-decoration:none}
.lp a:hover{text-decoration:underline}
.lp img,.lp svg{display:block}
.lp-wrap{max-width:var(--col-max);margin:0 auto;padding:0 var(--space-5)}
.lp-skip{position:absolute;left:var(--space-4);top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--panel);border-radius:var(--r-btn);z-index:60;transform:translateY(-200%)}
.lp-skip:focus{transform:none;box-shadow:var(--shadow)}

/* 버튼 */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--r-pill);border:1px solid transparent;
  font:500 15px/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}
.lp a.lp-btn:hover{text-decoration:none}
.lp-btn:active{transform:scale(.96)}
.lp-btn:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.lp-btn--primary{background:var(--accent);color:var(--on-night)}
.lp a.lp-btn--primary{color:var(--on-night)}
.lp-btn--primary:hover{background:var(--accent-2)}
.lp-btn--ghost{background:var(--panel);border-color:var(--border);color:var(--text)}
.lp a.lp-btn--ghost{color:var(--text)}
.lp-btn--ghost:hover{background:var(--surface-hover)}
.lp-btn--sm{height:36px;padding:0 var(--space-4);font-size:14px}
.lp-btn--lg{height:52px;padding:0 var(--space-6);font-size:16px}
.lp-btn--on-night{background:var(--on-night);color:var(--night)}
.lp a.lp-btn--on-night{color:var(--night)}
.lp-btn--on-night:hover{background:var(--st-blue-tint)}

/* 상단 메뉴 */
.lp-nav{position:sticky;top:0;z-index:50;background:var(--panel);border-bottom:1px solid var(--border);transition:box-shadow var(--dur) var(--ease)}
.lp-nav.lp-is-scrolled{box-shadow:var(--shadow-sm)}
.lp-nav__in{height:var(--nav-h);display:flex;align-items:center;gap:var(--space-6)}
.lp-brand{display:inline-flex;align-items:center;gap:8px;color:var(--text)}
.lp a.lp-brand{color:var(--text)}
.lp a.lp-brand:hover{text-decoration:none}
.lp-brand__mark{width:28px;height:28px;flex:none;border-radius:6px;overflow:hidden}
/* 워드마크 gl●g — 글자는 currentColor, 점만 파랑 */
.lp-brand__word{display:block;height:22px;width:auto;aspect-ratio:204/134;flex:none}
.lp-brand__word .wm-dot{fill:var(--accent)}
.lp-nav__links{position:relative;display:flex;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}
.lp-nav__links a{position:relative;z-index:1;display:inline-flex;align-items:center;height:36px;padding:0 var(--space-3);border-radius:var(--r-btn);color:var(--text-dim);font-size:15px;font-weight:500;transition:color var(--dur-fast) var(--ease)}
.lp-nav__links a::after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:5px;height:2px;border-radius:1px;background:var(--accent);transform:scaleX(0);transition:transform var(--dur) var(--ease)}
.lp-nav__links a:hover{color:var(--text);text-decoration:none}
.lp-nav__links a:hover::after{transform:scaleX(1)}
.lp-nav__links a[aria-current="true"]{color:var(--accent-strong)}
.lp-nav__links a[aria-current="true"]::after{transform:scaleX(0)}
.lp-nav__links a:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.lp-nav__ind{position:absolute;left:0;top:50%;height:36px;width:0;margin-top:-18px;border-radius:var(--r-btn);background:var(--accent-soft);opacity:0;pointer-events:none;transition:transform var(--dur-slow) var(--ease),width var(--dur-slow) var(--ease),opacity var(--dur) var(--ease)}
.lp-nav__ind.lp-is-on{opacity:1}
.lp-nav__end{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}
.lp-nav__login{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-3);border-radius:var(--r-btn);font-size:15px;font-weight:500}
.lp a.lp-nav__login{color:var(--text-dim)}
.lp a.lp-nav__login:hover{background:var(--hover-overlay);text-decoration:none}
.lp-nav__toggle{display:none;width:44px;height:44px;margin-right:-10px;border:0;border-radius:var(--r-btn);background:transparent;color:var(--text);cursor:pointer;align-items:center;justify-content:center}
.lp-nav__toggle:hover{background:var(--hover-overlay)}
.lp-nav__sheet{display:none}

/* 히어로 */
.lp-hero{padding:var(--space-9) 0 0;text-align:center;overflow:hidden}
.lp-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-dim)}
.lp-eyebrow__dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:lp-pulse 1.6s var(--ease) infinite}
.lp-hero__title{margin:var(--space-5) auto 0;max-width:820px;font-size:64px;line-height:1.08;font-weight:700;letter-spacing:-2.125px;text-wrap:balance}
.lp-hero__title em{font-style:normal;color:var(--accent)}
.lp-hero__l1{display:inline-flex;align-items:center;gap:.18em;animation:lp-rise .7s var(--ease) both}
.lp-hero__wave{display:inline-flex;align-items:center;gap:.06em;height:.62em}
.lp-hero__wave i{display:block;width:.075em;height:30%;border-radius:.05em;background:var(--danger);animation:lp-wave .9s var(--ease) infinite alternate}
.lp-hero__wave i:nth-child(2){animation-delay:.15s}.lp-hero__wave i:nth-child(3){animation-delay:.3s}.lp-hero__wave i:nth-child(4){animation-delay:.1s}.lp-hero__wave i:nth-child(5){animation-delay:.25s}
.lp-hero__typewrap{position:relative;display:inline-block;isolation:isolate}
.lp-hero__type{display:inline-block;clip-path:inset(-.1em 100% -.2em 0);animation:lp-typein 1.05s steps(7,end) .55s forwards}
.lp-hero__typewrap::after{content:"";position:absolute;top:.12em;bottom:.1em;left:0;width:.06em;border-radius:.03em;background:var(--accent);animation:lp-caret-move 1.05s steps(7,end) .55s forwards,lp-blink 1s steps(1) 1.6s 4,lp-fade .3s var(--ease) 5.6s forwards}
.lp-hero__typewrap::before{content:"";position:absolute;z-index:-1;left:-.04em;right:-.04em;bottom:.08em;height:.26em;border-radius:.06em;background:var(--accent-soft);transform:scaleX(0);transform-origin:left;animation:lp-sweep .6s var(--ease) 1.75s forwards}
.lp-hero__in{animation:lp-rise .6s var(--ease) both}
.lp-hero__in--1{animation-delay:1.5s}.lp-hero__in--2{animation-delay:1.75s}
.lp-hero__lead{margin:var(--space-5) auto 0;max-width:560px;font-size:19px;line-height:1.55;color:var(--text-muted);text-wrap:pretty}
.lp-hero__cta{margin-top:var(--space-6);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}
.lp-hero__note{margin:var(--space-4) 0 0;font-size:14px;color:var(--text-muted)}
.lp-facts{margin:var(--space-7) auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-6);padding:0;list-style:none;font-size:14px;color:var(--text-muted)}
.lp-facts li{display:inline-flex;align-items:center;gap:var(--space-2)}
.lp-facts b{color:var(--text);font-weight:600}
.lp-facts svg{color:var(--accent)}

/* 제품 화면 목업 (히어로 A) */
.lp-stage{position:relative;margin:var(--space-8) auto 0;max-width:1040px}
.lp-win{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-well) var(--r-well) 0 0;border-bottom:0;box-shadow:var(--shadow);text-align:left;overflow:hidden}
.lp-win__bar{height:40px;display:flex;align-items:center;gap:6px;padding:0 var(--space-4);border-bottom:1px solid var(--border);background:var(--panel-2)}
.lp-win__bar i{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}
.lp-win__body{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;min-height:420px}
.lp-win__side{background:var(--panel-2);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:2px}
.lp-win__row{display:flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-2);border-radius:var(--r-tag);font-size:13px;color:var(--text-dim)}
.lp-win__row--on{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}
.lp-win__label{margin:var(--space-4) var(--space-2) var(--space-1);font-size:11px;font-weight:600;color:var(--text-muted)}
.lp-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--text-faint)}
.lp-dot--lg{width:12px;height:12px}
.lp-dot--sky{background:var(--st-sky)}.lp-dot--purple{background:var(--st-purple)}.lp-dot--green{background:var(--st-green)}.lp-dot--orange{background:var(--st-orange)}
.lp-win__main{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}
.lp-rec{display:flex;align-items:center;gap:var(--space-3)}
.lp-rec__pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--danger-soft);color:var(--danger);font-size:12px;font-weight:600}
.lp-rec__pill i{width:7px;height:7px;border-radius:50%;background:var(--danger);animation:lp-pulse 1.6s var(--ease) infinite}
.lp-rec__time{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}
.lp-rec__ctx{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-strong)}
.lp-lines{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}
.lp-line{display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-3);opacity:0;animation:lp-line 12s var(--ease) infinite}
.lp-line:nth-child(2){animation-delay:.9s}.lp-line:nth-child(3){animation-delay:1.8s}.lp-line:nth-child(4){animation-delay:2.7s}
.lp-line__t{font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums;padding-top:3px}
.lp-line__ko{font-size:16px;line-height:1.6;color:var(--text)}
.lp-line__en{margin-top:2px;font-size:14px;line-height:1.5;color:var(--text-muted)}
.lp-term{background:var(--accent-soft);color:var(--accent-strong);border-radius:3px;padding:0 3px}
.lp-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--accent);animation:lp-blink 1s steps(1) infinite}
.lp-wave{display:flex;align-items:center;gap:3px;height:28px}
.lp-wave i{width:3px;border-radius:2px;background:var(--danger);height:30%;animation:lp-wave 1.1s var(--ease) infinite alternate}
.lp-wave i:nth-child(3n){animation-delay:.2s}.lp-wave i:nth-child(3n+1){animation-delay:.45s}.lp-wave i:nth-child(4n){animation-delay:.7s}
.lp-win__ai{border-left:1px solid var(--border);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);background:var(--panel)}
.lp-win__aih{display:flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:600}
.lp-win__aih svg{color:var(--accent)}
.lp-bubble{padding:var(--space-3);border-radius:var(--r-card);background:var(--panel-2);font-size:13px;line-height:1.55;color:var(--text-dim)}
.lp-bubble ul{margin:var(--space-1) 0 0;padding-left:18px}
.lp-skel{height:8px;border-radius:4px;background:var(--panel-2)}
.lp-skel--80{width:80%}.lp-skel--60{width:60%}

/* 섹션 공통 */
.lp-sec{padding:var(--space-9) 0;scroll-margin-top:var(--nav-h)}
.lp-sec--white{background:var(--panel)}
.lp-sec__head{max-width:640px;margin:0 0 var(--space-7)}
.lp-sec__head--center{margin-left:auto;margin-right:auto;text-align:center}
.lp-kicker{margin:0 0 var(--space-3);font-size:14px;font-weight:600;color:var(--accent)}
.lp-h2{margin:0;font-size:40px;line-height:1.2;font-weight:700;letter-spacing:-1px;text-wrap:balance}
.lp-sub{margin:var(--space-4) 0 0;font-size:17px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}

/* 기능 카드 */
.lp-grid{display:grid;gap:var(--space-4)}
.lp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow var(--dur) var(--ease)}
.lp-sec--white .lp-card{background:var(--bg);border-color:transparent}
.lp-card:hover{box-shadow:var(--shadow-sm)}
.lp-card h3{margin:var(--space-1) 0 0;font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.2px}
.lp-card p{margin:0;font-size:15px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}
.lp-tile{width:44px;height:44px;border-radius:var(--r-btn);display:flex;align-items:center;justify-content:center}
.lp-tile--sky{background:var(--st-sky-tint);color:var(--st-sky)}
.lp-tile--purple{background:var(--st-purple-tint);color:var(--st-purple)}
.lp-tile--green{background:var(--st-green-tint);color:var(--st-green)}
.lp-tile--orange{background:var(--st-orange-tint);color:var(--st-orange)}
.lp-tile--pink{background:var(--st-pink-tint);color:var(--st-pink)}
.lp-tile--blue{background:var(--st-blue-tint);color:var(--accent)}

/* 작동 방식 */
.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin:0;padding:0;list-style:none;counter-reset:lp-step}
.lp-step{position:relative;padding-top:var(--space-7);counter-increment:lp-step}
.lp-step::before{content:counter(lp-step);position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;background:var(--accent);color:var(--on-night);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center}
.lp-step::after{content:"";position:absolute;top:16px;left:44px;right:calc(-1 * var(--space-5) + 12px);height:1px;background:var(--border-strong)}
.lp-step:last-child::after{display:none}
.lp-step h3{margin:0;font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.3px}
.lp-step p{margin:var(--space-2) 0 0;font-size:15px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}

/* 두 칸 소개(맥락 학습 · 번역) */
.lp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-8);align-items:center}
.lp-split--rev .lp-split__text{order:2}
.lp-list{margin:var(--space-5) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}
.lp-list li{display:flex;gap:var(--space-3);font-size:15px;line-height:1.55;color:var(--text-dim)}
.lp-list svg{flex:none;margin-top:2px;color:var(--accent)}
.lp-well{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-well);padding:var(--space-5);box-shadow:var(--shadow-sm)}
.lp-sec--white .lp-well{background:var(--bg);box-shadow:none;border-color:transparent}
.lp-well__head{display:flex;align-items:center;gap:var(--space-2);font-size:17px;font-weight:700;letter-spacing:-.3px}
.lp-well__meta{margin:var(--space-1) 0 var(--space-4);font-size:13px;color:var(--text-muted)}
.lp-well__group{margin-top:var(--space-4);font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}
.lp-chips{margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.lp-chip{display:inline-flex;align-items:center;height:30px;padding:0 var(--space-3);border-radius:var(--r-pill);background:var(--panel-2);font-size:13px;color:var(--text)}
.lp-sec--white .lp-chip{background:var(--panel)}
.lp-applied{margin-top:var(--space-5);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-card);background:var(--accent-soft);font-size:14px;color:var(--accent-strong)}
.lp-applied b{font-weight:600}
.lp-pair{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:14px;font-weight:600;color:var(--text-dim)}
.lp-pair span{display:inline-flex;align-items:center;height:30px;padding:0 var(--space-3);border-radius:var(--r-pill);background:var(--panel);border:1px solid var(--border)}
.lp-seg{padding:var(--space-4) 0;border-top:1px solid var(--border)}
.lp-seg:first-of-type{border-top:0;padding-top:0}
.lp-seg__who{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted)}
.lp-seg__ko{margin:6px 0 0;font-size:16px;line-height:1.6}
.lp-seg__en{margin:4px 0 0;font-size:14px;line-height:1.55;color:var(--text-muted)}

/* 사용 장면 */
.lp-scene{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column}
.lp-scene__band{height:120px;display:flex;align-items:flex-end;padding:var(--space-4) var(--space-5)}
.lp-scene__band--sky{background:var(--st-sky-tint)}.lp-scene__band--purple{background:var(--st-purple-tint)}.lp-scene__band--orange{background:var(--st-orange-tint)}
.lp-scene__band .lp-tile{background:var(--panel)}
.lp-scene__band--sky .lp-tile{color:var(--st-sky)}.lp-scene__band--purple .lp-tile{color:var(--st-purple)}.lp-scene__band--orange .lp-tile{color:var(--st-orange)}
.lp-scene__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.lp-scene__body h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.2px}
.lp-scene__body p{margin:0;font-size:15px;line-height:1.6;color:var(--text-muted);text-wrap:pretty}
.lp-scene__tag{margin-top:var(--space-2);font-size:13px;color:var(--text-dim)}

/* 요금제 */
.lp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
.lp-plan{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column}
.lp-sec--white .lp-plan{background:var(--panel)}
.lp-plan--pick{border:2px solid var(--accent);padding:calc(var(--space-6) - 1px) calc(var(--space-5) - 1px);box-shadow:var(--shadow-sm)}
.lp-plan__badge{position:absolute;top:-12px;left:var(--space-5);height:24px;padding:0 10px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-night);font-size:12px;font-weight:600;display:inline-flex;align-items:center}
.lp-plan h3{margin:0;font-size:18px;font-weight:600}
.lp-plan__desc{margin:var(--space-1) 0 0;font-size:14px;color:var(--text-muted);min-height:42px}
.lp-plan__price{margin:var(--space-5) 0 0;display:flex;align-items:baseline;gap:4px}
.lp-plan__price b{font-size:40px;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.lp-plan__price span{font-size:15px;color:var(--text-muted)}
.lp-plan .lp-btn{margin-top:var(--space-5);width:100%}
.lp-plan ul{margin:var(--space-5) 0 0;padding:var(--space-5) 0 0;border-top:1px solid var(--border);list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}
.lp-plan li{display:flex;gap:10px;font-size:14px;line-height:1.5;color:var(--text-dim)}
.lp-plan li svg{flex:none;margin-top:2px;color:var(--accent)}
.lp-plan__fine{margin:var(--space-5) 0 0;text-align:center;font-size:13px;color:var(--text-muted)}

/* FAQ */
.lp-faq{max-width:760px;margin:0 auto;border-top:1px solid var(--border)}
.lp-faq details{border-bottom:1px solid var(--border)}
.lp-faq summary{display:flex;align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-4) 0;list-style:none;cursor:pointer;font-size:17px;font-weight:600;letter-spacing:-.2px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary:focus-visible{outline:0;box-shadow:var(--focus-ring);border-radius:var(--r-tag)}
.lp-faq summary svg{margin-left:auto;flex:none;color:var(--text-muted);transition:transform var(--dur) var(--ease)}
.lp-faq details[open] summary svg{transform:rotate(45deg)}
.lp-faq p{margin:0;padding:0 var(--space-7) var(--space-5) 0;font-size:15px;line-height:1.65;color:var(--text-muted);text-wrap:pretty}

/* 앱 다운로드 — 남색 밴드(사이트에서 한 번만) */
.lp-night{position:relative;overflow:hidden;background:var(--night);color:var(--on-night)}
.lp-night__in{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--space-8);align-items:center;padding:var(--space-9) var(--space-5) 0}
.lp-night__text{padding-bottom:var(--space-9)}
.lp-night .lp-kicker{color:var(--st-sky)}
.lp-night .lp-h2{color:var(--on-night)}
.lp-night .lp-sub{color:var(--on-night-dim)}
.lp-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.9}
.lp-glow--a{width:10px;height:10px;left:8%;top:22%;background:var(--st-sky);box-shadow:0 0 24px 6px var(--st-sky)}
.lp-glow--b{width:8px;height:8px;left:46%;top:14%;background:var(--st-purple);box-shadow:0 0 22px 6px var(--st-purple)}
.lp-glow--c{width:6px;height:6px;left:40%;bottom:18%;background:var(--st-pink);box-shadow:0 0 18px 5px var(--st-pink)}
.lp-store{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}
.lp-store__btn{display:inline-flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-5) 0 var(--space-4);border-radius:var(--r-card);background:var(--on-night);color:var(--night)}
.lp a.lp-store__btn{color:var(--night)}
.lp a.lp-store__btn:hover{text-decoration:none;background:var(--st-blue-tint)}
.lp-store__btn small{display:block;font-size:11px;line-height:1.2;color:var(--text-muted)}
.lp-store__btn b{display:block;font-size:17px;line-height:1.2;font-weight:700;letter-spacing:-.3px;color:var(--text)}
.lp-store__web{display:inline-flex;align-items:center;height:56px;font-size:15px;font-weight:500}
.lp a.lp-store__web{color:var(--on-night-dim)}
.lp-phone{justify-self:center;width:280px;height:460px;border-radius:40px 40px 0 0;border:10px solid var(--text-dim);border-bottom:0;background:var(--bg);overflow:hidden;padding:var(--space-6) var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-3)}
.lp-phone__h{font-size:22px;font-weight:700;letter-spacing:-.6px;color:var(--text)}
.lp-phone__card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--space-3);display:flex;flex-direction:column;gap:6px}
.lp-phone__card b{font-size:13px;color:var(--text)}
.lp-phone__card span{font-size:11px;color:var(--text-muted)}
.lp-phone__rec{margin-top:auto;align-self:center;width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--on-night);margin-bottom:var(--space-6);box-shadow:0 0 0 8px var(--accent-soft)}

/* 하단 CTA */
.lp-final{padding:var(--space-9) 0;text-align:center}
.lp-final .lp-h2{font-size:48px;letter-spacing:-1.5px}
.lp-final .lp-hero__cta{margin-top:var(--space-6)}

/* 푸터 */
.lp-foot{background:var(--bg);border-top:1px solid var(--border);padding:var(--space-7) 0}
.lp-foot__in{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6)}
.lp-foot__links{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;padding:0;list-style:none;font-size:14px}
.lp-foot__links a{color:var(--text-muted)}
.lp-foot__copy{margin-left:auto;font-size:13px;color:var(--text-muted)}

/* 스크롤 등장 — JS가 켜질 때만(.lp-js) 숨김 */
.lp-js .lp-reveal{opacity:0;transform:translateY(16px);transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease)}
.lp-js .lp-reveal.lp-is-in{opacity:1;transform:none}

/* ── 화면 안 움직임 ── 보일 때만 재생([data-lp-play].lp-is-playing). 끄면 마지막 상태가 보입니다. */
.lp-js [data-lp-play] *{animation-play-state:paused}
.lp-js [data-lp-play].lp-is-playing *{animation-play-state:running}
.lp-mini{position:relative;height:128px;margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-2);padding:var(--space-4);border-radius:var(--r-card) var(--r-card) 0 0;background:var(--panel);border-bottom:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;gap:var(--space-2)}
.lp-mini__rec{display:flex;align-items:center;gap:var(--space-3)}
.lp-wave--sm{height:20px}
.lp-mini__type{margin:0;display:flex;align-items:center;font-size:14px;color:var(--text)}
.lp-mini__type>span:first-child{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;animation:lp-type 6s steps(14) infinite}
.lp-mini__ko,.lp-mini__en{margin:0;font-size:14px;line-height:1.45}
.lp-mini__en{color:var(--text-muted);animation:lp-appear 6s var(--ease) infinite}
.lp-mini__tag{margin-top:auto;align-self:flex-start;height:22px;padding:0 8px;border-radius:var(--r-pill);background:var(--st-purple-tint);font-size:11px;font-weight:600;color:var(--text-dim);display:inline-flex;align-items:center}
.lp-mini__aih{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent-strong)}
.lp-mini__sum,.lp-mini__chips{margin:0;padding:0;list-style:none}
.lp-mini__sum li{font-size:13px;line-height:1.55;color:var(--text-dim);padding-left:14px;position:relative;animation:lp-appear 6s var(--ease) infinite}
.lp-mini__sum li::before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.lp-mini__sum li:nth-child(2){animation-delay:.5s}.lp-mini__sum li:nth-child(3){animation-delay:1s}
.lp-mini__chips{display:flex;flex-wrap:wrap;gap:6px}
.lp-mini__chips li{height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--panel-2);font-size:12px;display:inline-flex;align-items:center;animation:lp-pop 6s var(--ease) infinite}
.lp-mini__chips li:nth-child(2){animation-delay:.25s}.lp-mini__chips li:nth-child(3){animation-delay:.5s}.lp-mini__chips li:nth-child(4){animation-delay:.75s}.lp-mini__chips li:nth-child(5){animation-delay:1s}
.lp-mini__applied{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--accent-strong);animation:lp-appear-late 6s var(--ease) infinite}
.lp-sec--white .lp-mini{background:var(--panel)}

.lp-shot{margin-top:var(--space-5);height:150px;padding:var(--space-4);border-radius:var(--r-card);background:var(--panel);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden}
.lp-shot__row{display:flex;align-items:center;justify-content:space-between;height:28px;font-size:12px;color:var(--text-muted)}
.lp-shot__row b{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.lp-shot__btn{position:relative;margin:auto auto 0;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--on-night);display:flex;align-items:center;justify-content:center;animation:lp-press 4s var(--ease) infinite}
.lp-shot__ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--accent);animation:lp-ring 2s var(--ease) infinite;pointer-events:none}
.lp-shot--lines p{margin:0;font-size:13px;line-height:1.5;color:var(--text)}
.lp-shot--lines p span{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;vertical-align:bottom;animation:lp-type 6s steps(16) infinite}
.lp-shot--lines p:nth-child(2) span{animation-delay:1.2s}
.lp-shot--lines p:nth-child(3) span{animation-delay:2.4s}
.lp-shot__mark span{background:var(--st-orange-tint);border-radius:3px}
.lp-shot__file{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--r-btn);background:var(--panel-2);font-size:13px;animation:lp-slide 6s var(--ease) infinite}
.lp-shot__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-shot__ok{width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--on-night);display:flex;align-items:center;justify-content:center;animation:lp-pop 6s var(--ease) infinite;animation-delay:.8s}
.lp-shot__sum{display:flex;flex-direction:column;gap:6px;padding:var(--space-2) var(--space-1)}
.lp-shot__sum i{height:8px;border-radius:4px;background:var(--st-blue-tint);transform-origin:left;animation:lp-grow 6s var(--ease) infinite;animation-delay:1.4s}
.lp-shot__sum i:nth-child(2){width:80%;animation-delay:1.7s}.lp-shot__sum i:nth-child(3){width:55%;animation-delay:2s}

.lp-well--ctx .lp-chip{animation:lp-pop 9s var(--ease) infinite}
.lp-well--ctx .lp-chips li:nth-child(2){animation-delay:.15s}.lp-well--ctx .lp-chips li:nth-child(3){animation-delay:.3s}.lp-well--ctx .lp-chips li:nth-child(4){animation-delay:.45s}.lp-well--ctx .lp-chips li:nth-child(5){animation-delay:.6s}.lp-well--ctx .lp-chips li:nth-child(6){animation-delay:.75s}
.lp-upload{margin-top:var(--space-4);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--r-btn);background:var(--panel);border:1px solid var(--border);color:var(--accent)}
.lp-sec--white .lp-upload{background:var(--panel)}
.lp-upload__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.lp-upload__name{font-size:13px;color:var(--text)}
.lp-upload__bar{height:4px;border-radius:2px;background:var(--st-blue-tint);overflow:hidden}
.lp-upload__bar i{display:block;height:100%;background:var(--accent);border-radius:2px;transform-origin:left;animation:lp-load 9s var(--ease) infinite}
.lp-upload__st{position:relative;height:16px;font-size:12px;color:var(--text-muted)}
.lp-upload__st span{position:absolute;left:0;top:0}
.lp-upload__reading{animation:lp-st-a 9s linear infinite}
.lp-upload__done{color:var(--accent-strong);font-weight:600;animation:lp-st-b 9s linear infinite}
.lp-well--ctx .lp-chips--new .lp-chip{background:var(--st-blue-tint);color:var(--accent-strong);animation:lp-pop-late 9s var(--ease) infinite}
.lp-well--ctx .lp-chips--new li:nth-child(2) .lp-chip,.lp-well--ctx .lp-chips--new li:nth-child(2){animation-delay:.12s}
.lp-well--ctx .lp-chips--new li:nth-child(3){animation-delay:.24s}.lp-well--ctx .lp-chips--new li:nth-child(4){animation-delay:.36s}.lp-well--ctx .lp-chips--new li:nth-child(5){animation-delay:.48s}
.lp-well--ctx .lp-applied{animation:lp-glow-in 9s var(--ease) infinite}

.lp-well--lang .lp-seg{animation:lp-appear 10s var(--ease) infinite}
.lp-well--lang .lp-seg__en{animation:lp-appear 10s var(--ease) infinite;animation-delay:.9s}
.lp-well--lang .lp-seg:nth-of-type(3){animation-delay:2.4s}
.lp-well--lang .lp-seg:nth-of-type(3) .lp-seg__en{animation-delay:3.3s}

.lp-bubble__live li{animation:lp-appear 12s var(--ease) infinite}
.lp-bubble__live li:nth-child(1){animation-delay:.6s}.lp-bubble__live li:nth-child(2){animation-delay:2s}.lp-bubble__live li:nth-child(3){animation-delay:3.4s}
.lp-win__count{margin-left:auto;position:relative;width:18px;height:16px;overflow:hidden;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}
.lp-win__count span{position:absolute;right:0;top:0;animation:lp-count-a 12s var(--ease) infinite}
.lp-win__count span+span{animation-name:lp-count-b;color:var(--accent-strong);font-weight:600}

.lp-phone__live{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-card);padding:var(--space-3);display:flex;flex-direction:column;gap:6px;animation:lp-appear 8s var(--ease) infinite;animation-delay:1s}
.lp-phone__live p{margin:0;font-size:12px;line-height:1.5;color:var(--text)}
.lp-phone__rec{position:relative}

@keyframes lp-type{0%{max-width:0}35%,100%{max-width:20em}}
@keyframes lp-appear{0%,8%{opacity:0;transform:translateY(4px)}16%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes lp-appear-late{0%,30%{opacity:0}40%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes lp-pop{0%,6%{opacity:0;transform:scale(.8)}14%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
@keyframes lp-pop-late{0%,48%{opacity:0;transform:scale(.8)}56%,90%{opacity:1;transform:none}97%,100%{opacity:0}}
@keyframes lp-glow-in{0%,58%{background:var(--panel-2);color:var(--text-muted)}64%,92%{background:var(--accent-soft);color:var(--accent-strong)}100%{background:var(--panel-2);color:var(--text-muted)}}
@keyframes lp-load{0%,14%{transform:scaleX(0)}46%,100%{transform:scaleX(1)}}
@keyframes lp-st-a{0%,46%{opacity:1}48%,100%{opacity:0}}
@keyframes lp-st-b{0%,47%{opacity:0}49%,94%{opacity:1}98%,100%{opacity:0}}
@keyframes lp-grow{0%,10%{transform:scaleX(0)}30%,88%{transform:scaleX(1)}96%,100%{transform:scaleX(0)}}
@keyframes lp-slide{0%,4%{opacity:0;transform:translateY(-8px)}14%,90%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes lp-press{0%,40%,100%{transform:none}45%{transform:scale(.9)}52%{transform:none}}
@keyframes lp-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}
@keyframes lp-count-a{0%,42%{transform:none}48%,100%{transform:translateY(-100%)}}
@keyframes lp-count-b{0%,42%{transform:translateY(100%)}48%,100%{transform:none}}

@keyframes lp-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes lp-typein{to{clip-path:inset(-.1em 0 -.2em 0)}}
@keyframes lp-caret-move{to{left:100%}}
@keyframes lp-sweep{to{transform:scaleX(1)}}
@keyframes lp-fade{to{opacity:0}}
@keyframes lp-pulse{0%{box-shadow:0 0 0 0 var(--danger-soft)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes lp-blink{50%{opacity:0}}
@keyframes lp-wave{from{height:20%}to{height:100%}}
@keyframes lp-line{0%{opacity:0;transform:translateY(6px)}6%,88%{opacity:1;transform:none}96%,100%{opacity:0}}

/* 반응형 */
@media (max-width:1080px){
  .lp-win__body{grid-template-columns:minmax(0,1fr) 260px}
  .lp-win__side{display:none}
  .lp-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:880px){
  .lp{--space-9:72px;--space-8:48px;--nav-h:56px}
  .lp-nav__links,.lp-nav__end .lp-nav__login,.lp-nav__end .lp-btn{display:none}
  .lp-nav__toggle{display:inline-flex}
  .lp-nav__sheet{position:absolute;left:0;right:0;top:100%;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);padding:var(--space-2) var(--space-5) var(--space-5)}
  .lp-nav.lp-is-open .lp-nav__sheet{display:block}
  .lp-nav__sheet ul{margin:0;padding:0;list-style:none}
  .lp-nav__sheet li a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid var(--border);font-size:16px;color:var(--text)}
  .lp-nav__sheet .lp-btn{width:100%;margin-top:var(--space-3)}
  .lp-hero__title{font-size:40px;letter-spacing:-1px}
  .lp-hero__lead{font-size:17px}
  .lp-hero__cta .lp-btn{flex:1 1 100%;max-width:360px}
  .lp-win__body{grid-template-columns:minmax(0,1fr);min-height:0}
  .lp-win__ai{display:none}
  .lp-win__main{padding:var(--space-4)}
  .lp-h2{font-size:30px;letter-spacing:-.6px}
  .lp-final .lp-h2{font-size:32px;letter-spacing:-.8px}
  .lp-grid--4,.lp-grid--3,.lp-plans,.lp-steps{grid-template-columns:minmax(0,1fr)}
  .lp-step{padding:0 0 0 48px}
  .lp-step::after{top:40px;left:16px;right:auto;bottom:-20px;width:1px;height:auto}
  .lp-split{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
  .lp-split--rev .lp-split__text{order:0}
  .lp-night__in{grid-template-columns:minmax(0,1fr);padding-top:var(--space-9)}
  .lp-phone{width:240px;height:360px}
  .lp-faq p{padding-right:0}
  .lp-foot__copy{margin-left:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after{animation:none !important;transition:none !important}
  .lp-line{opacity:1}
  .lp-hero__type{clip-path:none}
  .lp-hero__typewrap::after{display:none}
  .lp-hero__typewrap::before{transform:none}
  .lp-mini__type>span:first-child,.lp-shot--lines p span{max-width:none}
  .lp-win__count span:first-child{display:none}
  .lp-js .lp-reveal{opacity:1;transform:none}
}
body{margin:0}

/* 언어 바꾸기 (한국어 ↔ English) — 상단 바 로그인 왼쪽, 모바일 메뉴 맨 아래 */
.lp a.lp-lang{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--r-pill);
  font-size:14px;font-weight:500;color:var(--text-dim);transition:background var(--dur-fast) var(--ease)}
.lp a.lp-lang:hover{background:var(--hover-overlay);color:var(--text);text-decoration:none}
.lp-lang svg{flex:none;color:var(--text-muted)}
/* 모바일: 상단 바에도 남겨 두고(한 번에 바꿀 수 있게), 펼침 메뉴 맨 아래 줄에도 */
@media (max-width:880px){
  .lp-nav__sheet li a.lp-lang{height:auto;padding:0;border-radius:0;gap:8px;font-size:16px;color:var(--text)}
}
/* 움직임 줄이기: 업로드 상태 두 문구가 번갈아 뜨지 못하고 겹친다 — 끝난 상태만 */
@media (prefers-reduced-motion:reduce){.lp-upload__reading{display:none}.lp-upload__done{opacity:1}}