/* 랜딩 아래쪽 구역 모션 (landing-scenes.js 와 짝, 2026-11-09)
   - 06 AI에게 묻기: 새 구역. 자바스크립트가 없어도 완성된 대화 화면으로 보인다
   - 02 작동 방식: 1 → 2 → 3 단계가 선으로 이어지며 차례로 (.lp-sm)
   - 앱 다운로드 띠: 휴대폰이 기울며 올라오고 유리 카드가 뜬다 (.lp-am)
   - 마지막 구역: 물방울이 모여 마크가 되고 흩어진 글자가 제목으로 (.lp-fm)
   움직임 줄이기면 스크립트가 아무것도 하지 않아 기존 화면 그대로다. */

[data-lp-sc-txt]{display:none!important}

/* ───────── 06 AI에게 묻기 ───────── */
.lp-sec--ask{background:radial-gradient(900px 520px at 10% 110%,rgba(40,110,255,.35),transparent 70%),radial-gradient(700px 420px at 100% 0%,rgba(40,200,210,.18),transparent 70%),#0b1020;color:#fff;overflow:hidden}
.lp-sec--ask.lp-sec[data-lp-ch]::before{background:rgba(255,255,255,.08)}
.lp-sec--ask .lp-kicker,.lp-sec--ask .lp-ch__no{color:#8cc8ff}
.lp-sec--ask .lp-ch__bar{background:#8cc8ff}
.lp-sec--ask .lp-h2{color:#fff}
.lp-sec--ask .lp-sub{color:rgba(255,255,255,.72)}
.lp-sec--ask .lp-list li{color:rgba(255,255,255,.86)}
.lp-sec--ask .lp-list svg{color:#8cc8ff}
.lp-sec--ask .lp-pip__note{background:rgba(255,255,255,.08);color:rgba(255,255,255,.78)}

.lp-ask{position:relative;min-height:460px;display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--r-well);overflow:hidden;isolation:isolate;
  background:radial-gradient(420px 260px at 50% 110%,rgba(60,140,255,.35),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  box-shadow:inset 0 1.5px 0 rgba(255,255,255,.28),inset 0 0 40px rgba(120,180,255,.08),0 30px 80px rgba(0,0,0,.35)}
.lp-ask::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:3;
  background:linear-gradient(135deg,rgba(170,215,255,.85),rgba(255,255,255,.06) 35%,rgba(255,255,255,0) 60%,rgba(255,150,200,.45));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.lp-ask::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px}
.lp-ask__head{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.62)}
.lp-ask__head svg{color:#8cc8ff}
.lp-ask__chat{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}
.lp-ask__q{align-self:flex-end;max-width:80%;margin:0;padding:12px 16px;border-radius:18px 18px 6px 18px;background:var(--accent);color:#fff;font-size:15px;line-height:1.5;box-shadow:0 10px 26px rgba(0,117,222,.35)}
.lp-ask__a{align-self:flex-start;max-width:88%;padding:12px 16px;border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.96);color:var(--text);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.lp-ask__a p{margin:0;font-size:15px;line-height:1.55}
.lp-ask .lp-hm-w{display:inline-block}
.lp-ask__src{position:relative;overflow:hidden;margin-top:8px;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:14px;background:var(--bg);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--accent);white-space:nowrap}
.lp-ask__status{display:none;position:relative;z-index:2;align-self:center;align-items:center;gap:6px;margin-bottom:var(--space-3);height:30px;padding:0 14px;border-radius:15px;background:rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.8)}
.lp-ask__status i{width:5px;height:5px;border-radius:50%;background:#8cc8ff}
.lp-ask__bar{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-3);height:52px;margin-top:var(--space-4);padding:0 6px 0 18px;border-radius:26px;
  background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1.5px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(255,255,255,.1),0 0 40px rgba(40,120,255,.2)}
.lp-ask__ph{flex:1;min-width:0;font-size:15px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden}
.lp-ask__ph.is-typing{color:#fff}
.lp-ask__ph.is-typing::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:#8cc8ff}
.lp-ask__send{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;box-shadow:0 0 18px rgba(60,150,255,.55)}
/* 녹음을 뒤지는 동안 도는 글자 지구본(장식) */
.lp-ask__gwrap{position:absolute;left:50%;top:47%;width:0;height:0;z-index:1;perspective:900px;opacity:0;pointer-events:none}
.lp-ask__globe{position:absolute;left:0;top:0;transform-style:preserve-3d}
.lp-ask__gch{position:absolute;left:0;top:0;width:18px;margin:-10px 0 0 -9px;text-align:center;font-size:14px;font-weight:700;color:#7ef0ff;text-shadow:0 0 10px rgba(80,230,255,.85);backface-visibility:hidden}
.lp-ask__lens{position:absolute;left:-150px;top:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(40,90,160,.18) 0,rgba(20,40,90,.28) 58%,rgba(150,210,255,.28) 70%,transparent 72%);box-shadow:inset 0 0 70px rgba(120,200,255,.25)}
.lp-ask__sheen{position:absolute;inset:0;pointer-events:none}
.lp-ask__sheen::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:translateX(var(--sx,-150%)) skewX(-12deg)}
@media (max-width:880px){
  .lp-ask{min-height:420px;padding:var(--space-4)}
  .lp-ask__gwrap{transform:scale(.82)}
}

/* ───────── 02 작동 방식: 이어지는 세 단계 ───────── */
.lp-sm .lp-step::after{background:linear-gradient(90deg,var(--accent) calc(var(--p,0) * 100%),var(--border-strong) calc(var(--p,0) * 100%))}
.lp-sm .lp-step::before{transition:background-color .4s var(--ease),color .4s var(--ease),box-shadow .5s var(--ease)}
.lp-sm .lp-step:not(.is-on):not(.is-done)::before{background:var(--panel);color:var(--text-muted);box-shadow:inset 0 0 0 1.5px var(--border-strong)}
.lp-sm .lp-step.is-on::before{box-shadow:0 0 0 6px var(--accent-soft),0 6px 16px rgba(0,117,222,.3)}
.lp-sm .lp-shot{transition:box-shadow .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease)}
.lp-sm .lp-step.is-on .lp-shot{border-color:transparent;transform:translateY(-4px);box-shadow:0 0 0 1.5px rgba(0,117,222,.35),0 18px 40px rgba(30,70,160,.12)}
.lp-sm .lp-shot,.lp-sm .lp-shot *{animation:none!important}
.lp-sm .lp-shot--lines p span{max-width:none;clip-path:inset(0 100% 0 0)}
.lp-sm .lp-shot__mark span{background:linear-gradient(var(--st-orange-tint),var(--st-orange-tint)) no-repeat 0 0/0% 100%}
.lp-sm .lp-shot__btn{transition:background-color .3s var(--ease)}
.lp-sm .lp-shot__btn.is-rec{background:var(--danger)}
.lp-sm .lp-shot__btn.is-rec .lp-shot__ring{border-color:var(--danger)}
@media (max-width:880px){
  .lp-sm .lp-step::after{background:linear-gradient(180deg,var(--accent) calc(var(--p,0) * 100%),var(--border-strong) calc(var(--p,0) * 100%))}
}

/* ───────── 앱 다운로드 띠: 휴대폰과 유리 카드 ───────── */
.lp-am .lp-night__in{perspective:1600px}
.lp-am__stage{position:relative;justify-self:center;align-self:end;transform-style:preserve-3d;will-change:transform}
.lp-am .lp-phone{justify-self:auto;border-color:#2b3040;box-shadow:0 40px 90px rgba(5,10,40,.55),0 0 0 1px rgba(255,255,255,.08)}
.lp-am .lp-phone::before{content:"";position:absolute;inset:0;border-radius:30px 30px 0 0;pointer-events:none;z-index:3;background:linear-gradient(120deg,rgba(255,255,255,.55),rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.18))}
.lp-am .lp-phone{position:relative}
.lp-am .lp-phone__card,.lp-am .lp-phone__live{background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(255,255,255,.78));border-color:transparent;box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(30,50,110,.08)}
.lp-am .lp-phone__live{animation:none!important;opacity:1}
.lp-am .lp-hm-w{display:inline-block}
.lp-am .lp-phone__live .lp-term{background:linear-gradient(var(--accent-soft),var(--accent-soft)) no-repeat 0 0/0% 100%}
.lp-am__wave{display:flex;align-items:center;gap:3px;height:22px}
.lp-am__wave i{width:3px;height:20px;border-radius:2px;background:var(--danger);transform:scaleY(.3);transform-origin:50% 50%}
.lp-am__chip{position:absolute;z-index:4;display:none;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;white-space:nowrap;font-size:13px;line-height:1.35;color:var(--text-muted);
  background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.62));-webkit-backdrop-filter:blur(14px) saturate(1.8);backdrop-filter:blur(14px) saturate(1.8);
  box-shadow:inset 0 1.5px 0 #fff,0 18px 44px rgba(5,10,40,.35)}
.lp-am__chip b{display:block;font-size:15px;font-weight:600;color:var(--text)}
.lp-am__ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;color:#fff}
.lp-am__ico--sync{background:linear-gradient(135deg,#6db3ff,#2f7bff)}
.lp-am__ico--sum{background:linear-gradient(135deg,#7fdcae,#2fae74)}
.lp-am__chip--1{left:-160px;top:150px}
.lp-am__chip--2{right:-96px;top:372px}
@media (min-width:1360px){.lp-am__chip{display:flex}}

/* ───────── 마지막 구역: 마크와 흩어진 글자 ───────── */
.lp-final{position:relative;overflow:hidden;isolation:isolate}
.lp-final::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(520px 320px at 18% 70%,rgba(70,150,255,.16),transparent 70%),radial-gradient(520px 320px at 84% 30%,rgba(255,140,165,.16),transparent 70%)}
.lp-fm__mark{position:relative;width:72px;height:72px;margin:0 auto var(--space-5)}
.lp-fm__bg{position:absolute;inset:0;border-radius:18px;background:linear-gradient(145deg,#3a8cff,#0a63e6);box-shadow:0 14px 30px rgba(0,100,230,.3)}
.lp-fm__drop{position:absolute;border-radius:52% 48% 50% 50%/58% 56% 44% 42%;overflow:hidden;
  background:radial-gradient(circle at 34% 28%,#e6f0ff 0,#8fbaff 22%,#3d86ff 55%,#1a5fe0 85%);box-shadow:inset -5px -7px 13px rgba(10,50,160,.35),inset 4px 5px 9px rgba(255,255,255,.55),0 10px 20px rgba(40,110,255,.25)}
.lp-fm__drop i{position:absolute;inset:0;background:#fff;opacity:0}
.lp-fm .lp-fm__ch{display:inline-block}
.lp-fm__glitch{position:absolute;width:8px;border-radius:2px;opacity:0;pointer-events:none}