/* AZRION 中古車販売 — ウェルカムとゲートの見た目（入口の舞台だけを担当）
   配色は本体と共通：オフホワイト＋暖ニュートラルに墨。 */
.wc{ display:none; }
html.uc-wc .wc{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  position:fixed; inset:0; z-index:1200; padding:28px 24px calc(28px + env(safe-area-inset-bottom));
  background:#f3f0ea; color:#211d17; text-align:center;
}
@keyframes ucWcIn{ from{ opacity:0; transform:translateY(8px) scale(.985);} to{ opacity:1; transform:none;} }
.wc-main{ animation:ucWcIn .7s cubic-bezier(.22,.8,.3,1) both; max-width:340px; display:flex; flex-direction:column; align-items:center; }
/* 会社表示は文字で小さく添えるだけ（絵＝馬ロゴは本社の文脈のもの） */
.wc-credit{ font-size:10.5px; letter-spacing:.52em; text-indent:.52em; color:#8a7f6a; font-weight:600; margin-bottom:20px; }
.wc-mark{ width:74px; height:74px; border-radius:18px; display:block; margin-bottom:18px; box-shadow:0 12px 30px rgba(31,26,18,.22); }
.wc-title{ font-size:30px; font-weight:800; letter-spacing:.08em; margin:0 0 8px; }
.wc-tag{ font-size:15px; color:#4c463c; margin:0 0 14px; letter-spacing:.04em; }
.wc-lead{ font-size:13px; line-height:1.9; color:#6e675c; margin:0 0 26px; }
.wc-start{
  appearance:none; border:0; cursor:pointer; width:100%; max-width:280px;
  background:#211d17; color:#f7f3ec;
  font-size:16px; font-weight:800; letter-spacing:.12em; padding:15px 20px; border-radius:999px;
  box-shadow:0 10px 28px rgba(33,29,23,.22);
}
.wc-start:active{ transform:scale(.985); }

.gate{ display:none; }
html.uc-safari .gate-safari,
html.uc-gating .gate-install{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  position:fixed; inset:0; z-index:1100; padding:28px 24px calc(28px + env(safe-area-inset-bottom));
  background:#f3f0ea; color:#211d17; text-align:center;
}
.gate-credit{ font-size:10.5px; letter-spacing:.52em; text-indent:.52em; color:#8a7f6a; font-weight:600; margin-bottom:22px; }
.gate-title{ font-size:20px; font-weight:800; letter-spacing:.05em; margin:0 0 12px; }
.gate-lead{ font-size:13.5px; line-height:1.9; color:#6e675c; margin:0 0 22px; }
.gate-btn{
  appearance:none; border:0; cursor:pointer; width:100%; max-width:280px;
  background:#211d17; color:#f7f3ec;
  font-size:15px; font-weight:800; letter-spacing:.08em; padding:14px 20px; border-radius:999px; margin-bottom:12px;
}
.gate-btn.done{ background:#dfe7da; color:#3d5c40; }
.gate-steps{ width:100%; max-width:300px; margin:0 0 22px; text-align:left; }
.gate-step{ display:flex; gap:10px; align-items:flex-start; font-size:13.5px; line-height:1.7; color:#3c372f; padding:7px 0; }
.gate-step-n{
  flex:0 0 auto; width:21px; height:21px; border-radius:50%; margin-top:2px;
  background:#e8e1d2; color:#6b5636; font-size:12px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
}
.gate-done{ font-size:13.5px; color:#4c7a52; line-height:1.8; margin:0 0 12px; }
.gate-continue{
  appearance:none; background:none; border:0; cursor:pointer;
  color:#8a7f6a; font-size:13px; text-decoration:underline; text-underline-offset:3px; padding:10px;
}