/* ══════════════════════════════════════════════════════════
   OTABASE LP — page-lp.php 専用
   ・色/フォントは main.css の :root をそのまま使う（--pink / --ink / --border …）
   ・見出しは Anton（functions.php で読込）。無ければ Bebas Neue → sans に落ちる
   ・中身は全てモック。実データは出さない
   ══════════════════════════════════════════════════════════ */

.lp{--lp-pink:var(--pink);--lp-max:1180px;color:var(--ink);background:var(--bg);overflow-x:hidden}
.lp *{box-sizing:border-box}
.lp-in{max-width:var(--lp-max);margin:0 auto;padding:0 32px}
.lp-narrow{max-width:720px}

/* ── 共通パーツ ─────────────────────────────── */
.lp-eyebrow{display:flex;align-items:center;gap:10px;font-family:'DM Mono',monospace;font-size:10px;
  letter-spacing:3px;text-transform:uppercase;color:var(--ink3);margin:0 0 13px}
.lp-eyebrow.c{justify-content:center;text-align:center}
.lp-eyebrow.sm{font-size:9px;letter-spacing:2.5px;margin:14px 0 16px;color:var(--bor2)}
.lp-rule{width:34px;height:1px;background:var(--bor2);flex:none}

.lp-h1,.lp-h2,.lp-h3{font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-weight:400;
  text-transform:uppercase;letter-spacing:.5px;line-height:.98;color:var(--ink)}
.lp-h1{font-size:clamp(44px,7vw,78px)}
.lp-h2{font-size:clamp(28px,4.4vw,52px);margin:0 0 14px}
.lp-h3{font-size:clamp(30px,3.6vw,44px);margin:0 0 18px}
.lp-h2.c{text-align:center}
.lp-h1 em,.lp-h2 em,.lp-h3 em{font-style:normal;color:var(--lp-pink)}

.lp-lead{font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.9;color:var(--ink2);
  max-width:620px;margin:0 0 32px}
.lp-lead.c{margin-left:auto;margin-right:auto;text-align:center}
.lp-desc{font-family:'Noto Sans JP',sans-serif;font-size:13.5px;line-height:1.95;color:var(--ink2);margin:0 0 24px}

.lp-sec{padding:76px 0}
.lp-sec-a{background:var(--card2)}
.lp-sec-app{background:#0B0B0A;color:#F5F5F3;text-align:center}
.lp-sec-app .lp-h2{color:#fff}
.lp-sec-app .lp-lead{color:#A8A8A2}
.lp-sec-app .lp-eyebrow{color:#6E6E66;justify-content:center}
.lp-sec-app .lp-rule{background:#3A3A36}

/* ── HERO ───────────────────────────────────── */
.lp-hero{position:relative;padding:56px 0 68px;overflow:hidden}
.lp-hero-wm{position:absolute;left:-4vw;top:-6vh;font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;
  font-size:min(42vw,560px);line-height:.8;color:var(--ink);opacity:.045;pointer-events:none;user-select:none;z-index:0}
.lp-hero-in{position:relative;z-index:1;max-width:var(--lp-max);margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.lp-hero-copy{max-width:560px}
.lp-h1{margin:0 0 26px}
.lp-h1 span,.lp-h1 em{display:block}
.lp-hero-sub{font-family:'Noto Sans JP',sans-serif;font-size:14px;line-height:1.95;color:var(--ink2);
  border-left:2px solid var(--lp-pink);padding-left:16px;margin:0 0 30px;max-width:470px}
.lp-hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;
  font-size:11px;letter-spacing:1.6px;text-transform:uppercase;padding:14px 26px;border-radius:3px;
  transition:transform .15s var(--ease),opacity .15s var(--ease);cursor:pointer}
.lp-btn:hover{transform:translateY(-1px);opacity:.9}
.lp-btn-pink{background:var(--lp-pink);color:#fff;border:1px solid var(--lp-pink)}
.lp-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--bor2)}
.lp-chips{list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
.lp-chips li{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--ink3);border:1px solid var(--border);border-radius:99px;padding:5px 12px;background:var(--card)}

/* スマホ モック */
.lp-phone{justify-self:center;width:250px;border:9px solid #111110;border-radius:34px;background:#111110;
  box-shadow:0 26px 60px rgba(0,0,0,.18);position:relative}
.lp-phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:78px;height:5px;
  background:#3A3A36;border-radius:99px;z-index:2}
.lp-phone-scr{background:#fff;border-radius:26px;overflow:hidden}
.lp-mk-kv{background:linear-gradient(135deg,var(--lp-pink),#B31C68);color:#fff;padding:34px 16px 20px;
  font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:26px;line-height:1;letter-spacing:1px}
.lp-mk-body{padding:12px 14px 16px}
.lp-mk-ttl{font-family:'Noto Sans JP',sans-serif;font-size:12px;font-weight:700;margin-bottom:5px}
.lp-mk-meta{font-family:'DM Mono',monospace;font-size:8px;color:var(--ink3);line-height:1.6;margin-bottom:11px}
.lp-mk-row{display:flex;gap:6px;margin-bottom:11px}
.lp-mk-btn{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.5px;
  padding:7px 4px;border:1px solid var(--border);border-radius:3px;color:var(--ink2)}
.lp-mk-btn.on{background:var(--lp-pink);border-color:var(--lp-pink);color:#fff}
.lp-mk-rate{font-family:'DM Mono',monospace;font-size:9px;color:var(--ink2);margin-bottom:10px}
.lp-mk-rate b{color:#E0A82E;letter-spacing:-1px}
.lp-mk-rate i{font-style:normal;color:var(--bor2);font-size:8px;margin-left:4px}
.lp-mk-avs{display:flex;align-items:center;gap:3px}
.lp-mk-avs s{width:15px;height:15px;border-radius:50%;background:var(--sur2);border:1.5px solid #fff;margin-left:-5px}
.lp-mk-avs s:first-child{margin-left:0}
.lp-mk-avs s:nth-child(1){background:#E8318A}.lp-mk-avs s:nth-child(2){background:#4A90D9}
.lp-mk-avs s:nth-child(3){background:#5EAF6E}.lp-mk-avs s:nth-child(4){background:#E0A82E}
.lp-mk-avs s:nth-child(5){background:#8B5CD6}
.lp-mk-avs i{font-style:normal;font-family:'DM Mono',monospace;font-size:8px;color:var(--bor2);margin-left:6px}

/* ── STATS ──────────────────────────────────── */
.lp-stats{background:#0B0B0A;color:#fff;padding:34px 0}
.lp-stats-in{max-width:var(--lp-max);margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(4,1fr)}
.lp-stats-in div{text-align:center;border-right:1px solid #26262300}
.lp-stats-in div+div{border-left:1px solid #262623}
.lp-stats-in b{display:block;font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:30px;letter-spacing:1px}
.lp-stats-in sup{color:var(--lp-pink);font-size:.55em;top:-.5em}
.lp-stats-in span{display:block;font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;
  text-transform:uppercase;color:#6E6E66;margin-top:5px}

/* ── チェックリスト + モック ────────────────── */
.lp-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin-top:6px}
.lp-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 22px}
.lp-check li{font-family:'Noto Sans JP',sans-serif;font-size:12.5px;color:var(--ink2);
  padding:9px 0 9px 22px;position:relative;border-bottom:1px solid var(--border)}
.lp-check li::before{content:'\2713';position:absolute;left:0;top:9px;color:var(--lp-pink);font-size:11px}

.lp-mock{background:var(--card);border:1px solid var(--border);border-radius:6px;overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.07)}
.lp-mock-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:var(--surface);
  border-bottom:1px solid var(--border)}
.lp-mock-bar s{width:7px;height:7px;border-radius:50%;background:var(--bor2)}
.lp-mock-bar span{margin-left:8px;font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1px;color:var(--ink3)}
.lp-mock-in{padding:16px}
.lp-mk-tags{display:flex;gap:5px;margin-bottom:9px}
.lp-mk-tags span{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:1px;padding:3px 7px;
  border:1px solid var(--border);border-radius:2px;color:var(--ink3)}
.lp-mk-tags .pk{border-color:var(--lp-pink);color:var(--lp-pink)}
.lp-mk-h{font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:22px;letter-spacing:1px;margin-bottom:4px}
.lp-mk-sub{font-family:'DM Mono',monospace;font-size:8.5px;color:var(--ink3);margin-bottom:14px}
.lp-mk-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}
.lp-mk-grid>div{border:1px solid var(--border);border-radius:3px;padding:8px 10px}
.lp-mk-grid label{display:block;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:1.4px;
  color:var(--bor2);margin-bottom:3px}
.lp-mk-grid b{font-family:'DM Mono',monospace;font-size:10px}
.lp-mk-grid b.pk{color:var(--lp-pink)}
.lp-mk-kv2{grid-row:span 2;background:repeating-linear-gradient(45deg,var(--lp-pink),var(--lp-pink) 3px,#C7276F 3px,#C7276F 6px);
  border-radius:3px;border:none}
.lp-mk-btns{display:flex;gap:5px;margin-bottom:9px}
.lp-mk-btns s{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:.8px;
  padding:6px 2px;border:1px solid var(--border);border-radius:2px;color:var(--ink3);text-decoration:none}
.lp-mk-note{font-family:'DM Mono',monospace;font-size:8px;color:var(--lp-pink);margin-bottom:9px}
.lp-mk-rate2{font-family:'DM Mono',monospace;font-size:9px;color:var(--ink2);margin-bottom:11px}
.lp-mk-rate2 b{color:#E0A82E;letter-spacing:-1px}
.lp-mk-rate2 i{font-style:normal;color:var(--bor2);font-size:8px;margin-left:5px}
.lp-mk-cta{display:flex;gap:6px}
.lp-mk-cta s{flex:1;text-align:center;font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1px;
  padding:9px 4px;border:1px solid var(--border);border-radius:3px;color:var(--ink2);text-decoration:none}
.lp-mk-cta s.go{background:#2E9E5B;border-color:#2E9E5B;color:#fff}

/* ── タブ ───────────────────────────────────── */
.lp-tabs{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:0 0 40px}
.lp-tab{width:112px;padding:18px 8px;background:var(--card);border:1px solid var(--border);border-radius:8px;
  cursor:pointer;color:var(--bor2);transition:all .18s var(--ease);font-family:'DM Mono',monospace}
.lp-tab svg{width:20px;height:20px;display:block;margin:0 auto 9px}
.lp-tab span{font-size:9.5px;letter-spacing:2px}
.lp-tab:hover{border-color:var(--bor2);color:var(--ink3)}
.lp-tab.is-on{background:var(--lp-pink);border-color:var(--lp-pink);color:#fff;
  box-shadow:0 8px 26px rgba(232,49,138,.32)}

.lp-panel{display:none;grid-template-columns:1fr 1.05fr;gap:52px;align-items:start}
.lp-panel.is-on{display:grid;animation:lpIn .35s var(--ease)}
@keyframes lpIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lp-h3 span,.lp-h3 em{display:inline}

.lp-list{list-style:none;margin:0;padding:0;counter-reset:lp}
.lp-list li{counter-increment:lp;padding:15px 0 15px 42px;position:relative;border-bottom:1px solid var(--border)}
.lp-list li::before{content:counter(lp,decimal-leading-zero);position:absolute;left:0;top:16px;
  font-family:'DM Mono',monospace;font-size:10px;color:var(--lp-pink)}
.lp-list b{display:inline-block;font-family:'Noto Sans JP',sans-serif;font-size:13.5px;font-weight:700;margin-bottom:4px}
.lp-list span{display:block;font-family:'Noto Sans JP',sans-serif;font-size:12.5px;line-height:1.8;color:var(--ink2)}
.lp-soon{display:inline-block;font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:1.2px;
  color:var(--lp-pink);border:1px solid var(--lp-pink);border-radius:2px;padding:2px 6px;margin-left:8px;
  text-decoration:none;vertical-align:1px}

/* ── プロフィール モック ────────────────────── */
.lp-mock-pf{position:relative}
.lp-pf-top{height:74px;background:#151517;
  background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:9px 9px}
.lp-pf-ava{position:absolute;top:44px;left:22px;width:52px;height:52px;border-radius:50%;
  background:var(--lp-pink);color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:22px;border:3px solid var(--card)}
.lp-pf-in{padding:30px 22px 22px}
.lp-pf-name{font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:19px;letter-spacing:1px;margin-bottom:9px}
.lp-pf-name s{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;background:#4A90D9;color:#fff;
  border-radius:99px;padding:3px 9px;margin-left:7px;text-decoration:none;vertical-align:3px}
.lp-pf-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.lp-pf-chips s{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;border:1px solid var(--border);
  border-radius:3px;padding:4px 9px;color:var(--ink3);text-decoration:none}
.lp-pf-chips s.pk{border-color:var(--lp-pink);color:var(--lp-pink)}
.lp-pf-bar{height:4px;background:var(--sur2);border-radius:99px;overflow:hidden;margin-bottom:6px}
.lp-pf-bar i{display:block;height:100%;width:80%;background:#5EAF6E}
.lp-pf-brow{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:8px;
  color:var(--ink3);margin-bottom:15px}
.lp-pf-nums{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:4px;
  overflow:hidden;margin-bottom:16px}
.lp-pf-nums>div{text-align:center;padding:11px 4px}
.lp-pf-nums>div+div{border-left:1px solid var(--border)}
.lp-pf-nums b{display:block;font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:21px}
.lp-pf-nums span{display:block;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:1.2px;
  color:var(--bor2);margin-top:3px}
.lp-pf-nums s.bl{display:inline-block;font-family:'DM Mono',monospace;font-size:9px;background:#4A90D9;color:#fff;
  border-radius:99px;padding:3px 11px;text-decoration:none}
.lp-pf-log{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:9px;
  color:var(--ink3);margin-bottom:11px}
.lp-pf-log .pk{color:var(--lp-pink)}
.lp-pf-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.lp-pf-tiles s{aspect-ratio:1;border-radius:4px;padding:7px;display:flex;flex-direction:column;
  justify-content:flex-end;text-decoration:none;color:#fff;font-family:'DM Mono',monospace;font-size:7.5px;
  line-height:1.25;letter-spacing:.4px;background:linear-gradient(150deg,var(--a),var(--b));
  background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(150deg,var(--a),var(--b));
  background-size:7px 7px,100% 100%}
.lp-pf-tiles em{display:block;font-style:normal;font-size:6px;opacity:.62;margin-top:3px}

/* ── ランク モック ──────────────────────────── */
.lp-rk-hd{padding:18px 20px 14px;border-bottom:1px solid var(--border)}
.lp-rk-hd label{display:block;font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:1.6px;
  color:var(--bor2);margin-bottom:6px}
.lp-rk-now{font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:24px;letter-spacing:1px;color:#5EAF6E;margin-bottom:6px}
.lp-rk-note{font-family:'DM Mono',monospace;font-size:8.5px;color:var(--ink3);margin-bottom:9px}
.lp-rk-list{list-style:none;margin:0;padding:0}
.lp-rk-list li{display:flex;align-items:center;gap:9px;padding:9px 20px;border-bottom:1px solid var(--border)}
.lp-rk-list li.on{background:#F1F8F2}
.lp-rk-list s{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.5px;background:var(--c);color:#fff;
  border-radius:99px;padding:4px 12px;text-decoration:none;white-space:nowrap}
.lp-rk-list em{font-style:normal;font-family:'DM Mono',monospace;font-size:8px;color:#5EAF6E}
.lp-rk-list span{margin-left:auto;font-family:'DM Mono',monospace;font-size:8.5px;color:var(--ink3)}
.lp-rk-ft{padding:10px 20px;font-family:'DM Mono',monospace;font-size:7.5px;color:var(--bor2)}

/* ── 主催者 モック ──────────────────────────── */
.lp-mock-org .lp-mock-bar{background:#1A1A1C;border-color:#2A2A2C}
.lp-mock-org .lp-mock-bar span{color:#8A8A84}
.lp-org-kv{background:linear-gradient(135deg,var(--lp-pink),#A81A5E);color:#fff;padding:30px 22px;
  font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:26px;line-height:1.05;letter-spacing:1px}
.lp-org-in{padding:18px 22px 22px}
.lp-org-ln{height:7px;background:var(--sur2);border-radius:99px;margin-bottom:9px}
.lp-org-hd{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.6px;color:var(--bor2);
  margin:20px 0 12px;padding-top:16px;border-top:1px solid var(--border)}
.lp-org-bars{display:flex;align-items:flex-end;gap:9px;height:82px}
.lp-org-bars s{flex:1;background:var(--lp-pink);border-radius:2px 2px 0 0;opacity:.85}

/* ── B2B モック ─────────────────────────────── */
.lp-b2b-hd{background:#0B0B0A;color:#fff;padding:13px 16px}
.lp-b2b-hd b{display:block;font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:15px;letter-spacing:1.4px}
.lp-b2b-hd span{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:1.6px;color:#6E6E66}
.lp-b2b-kpi{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border)}
.lp-b2b-kpi>div{padding:12px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
.lp-b2b-kpi>div:nth-child(2n){border-right:none}
.lp-b2b-kpi>div:nth-child(n+3){border-bottom:none}
.lp-b2b-kpi label{display:block;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:1.4px;
  color:var(--bor2);margin-bottom:4px}
.lp-b2b-kpi b{font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:23px;letter-spacing:.5px}
.lp-b2b-kpi i{display:block;font-style:normal;font-family:'DM Mono',monospace;font-size:7.5px;color:#2E9E5B;margin-top:2px}
.lp-b2b-kpi i.g{color:var(--bor2)}
.lp-b2b-ch{padding:13px 16px;border-bottom:1px solid var(--border)}
.lp-b2b-chh{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:1.2px;color:var(--ink3);margin-bottom:11px}
.lp-b2b-bars{display:flex;gap:22px;align-items:flex-end;height:74px}
.lp-b2b-bars>div{flex:1;display:flex;gap:3px;align-items:flex-end;height:100%;position:relative}
.lp-b2b-bars s{flex:1;background:var(--sur2);border-radius:1px}
.lp-b2b-bars s.pk{background:var(--lp-pink)}
.lp-b2b-bars em{position:absolute;bottom:-13px;left:0;font-style:normal;font-family:'DM Mono',monospace;
  font-size:6.5px;color:var(--bor2)}
.lp-b2b-tb{width:100%;border-collapse:collapse;margin-top:12px}
.lp-b2b-tb th,.lp-b2b-tb td{text-align:left;padding:7px 16px;font-family:'DM Mono',monospace;font-size:8.5px;
  border-bottom:1px solid var(--border)}
.lp-b2b-tb th{font-size:7px;letter-spacing:1.4px;color:var(--bor2)}
.lp-b2b-tb th:not(:first-child),.lp-b2b-tb td:not(:first-child){text-align:right}
.lp-b2b-tb .g{color:#2E9E5B}
.lp-b2b-save{background:var(--lp-pink);color:#fff;text-align:center;padding:11px;
  font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.6px}

/* ── SEE HOW IT FEELS カード ────────────────── */
.lp-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px}
.lp-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:18px 20px 20px}
.lp-card>b{display:block;font-family:'Noto Sans JP',sans-serif;font-size:13px;font-weight:700;margin-bottom:5px}
.lp-card>p{font-family:'Noto Sans JP',sans-serif;font-size:11.5px;line-height:1.75;color:var(--ink3);margin:0 0 15px}

.lp-c-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.lp-c-grid s{border:1px solid var(--border);border-radius:5px;padding:11px 5px;text-align:center;
  text-decoration:none;font-family:'DM Mono',monospace;font-size:8px;color:var(--ink2);
  display:flex;flex-direction:column;align-items:center;gap:5px}
.lp-c-grid i{width:24px;height:24px;border-radius:50%;background:var(--c);display:block}
.lp-c-grid em{font-style:normal;font-size:6px;letter-spacing:.8px;color:var(--bor2)}

.lp-c-search{border:1px solid var(--border);border-radius:4px;padding:9px 12px;
  font-family:'DM Mono',monospace;font-size:9px;color:var(--bor2);margin-bottom:11px}
.lp-c-roles{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}
.lp-c-roles label{display:block;font-family:'DM Mono',monospace;font-size:6.5px;letter-spacing:1.4px;
  color:var(--bor2);margin-bottom:5px}
.lp-c-roles s{display:flex;align-items:center;gap:6px;text-decoration:none;font-family:'DM Mono',monospace;
  font-size:8.5px;color:var(--ink2);padding:3px 0}
.lp-c-roles i{width:13px;height:13px;border-radius:50%;background:var(--c);flex:none}

.lp-c-avg{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.lp-c-avg b{font-family:'Anton','Bebas Neue','Noto Sans JP','Noto Sans SC','Noto Sans TC','Noto Sans KR',sans-serif;font-size:26px}
.lp-c-avg span{color:#E0A82E;letter-spacing:-1px;font-size:11px}
.lp-c-avg em{font-style:normal;font-family:'DM Mono',monospace;font-size:8px;color:var(--bor2)}
.lp-c-rev s{display:block;text-decoration:none;border-top:1px solid var(--border);padding:9px 0}
.lp-c-rev i{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--c);
  vertical-align:-2px;margin-right:6px}
.lp-c-rev s>b{color:#E0A82E;letter-spacing:-1px;font-size:9px;margin-left:6px}
.lp-c-rev q{display:block;font-family:'Noto Sans JP',sans-serif;font-size:10.5px;line-height:1.7;
  color:var(--ink2);margin:5px 0 6px;quotes:none}
.lp-c-rev u{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:1.2px;color:var(--lp-pink);
  text-decoration:none;border:1px solid var(--lp-pink);border-radius:2px;padding:2px 7px}

.lp-c-form label{display:block;font-family:'DM Mono',monospace;font-size:6.5px;letter-spacing:1.4px;
  color:var(--bor2);margin:9px 0 4px}
.lp-c-fh{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.4px;color:var(--ink2);margin-bottom:4px}
.lp-c-fh s{background:var(--lp-pink);color:#fff;border-radius:2px;padding:3px 7px;font-size:7px;
  text-decoration:none;margin-right:6px}
.lp-c-sel{border:1px solid var(--border);border-radius:3px;padding:7px 10px;font-family:'DM Mono',monospace;
  font-size:9px;color:var(--ink2);display:flex;justify-content:space-between}
.lp-c-sel em{font-style:normal;color:var(--bor2)}
.lp-c-tags{display:flex;gap:5px;flex-wrap:wrap}
.lp-c-tags s{font-family:'DM Mono',monospace;font-size:8px;border:1px solid var(--border);border-radius:3px;
  padding:5px 9px;color:var(--ink2);text-decoration:none}
.lp-c-tags s.pk{background:var(--lp-pink);border-color:var(--lp-pink);color:#fff}
.lp-c-stars{color:#E0A82E;letter-spacing:-1px;font-size:13px}
.lp-c-stars em{font-style:normal;font-family:'DM Mono',monospace;font-size:9px;color:var(--ink2);
  letter-spacing:0;margin-left:5px}
.lp-c-sv{background:var(--lp-pink);color:#fff;text-align:center;border-radius:3px;padding:9px;margin-top:14px;
  font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1.4px}

/* ── APP セクション ─────────────────────────── */
.lp-app-logo{margin:0 auto 20px;max-width:150px}
.lp-app-logo img{max-width:100%;height:auto;display:block;margin:0 auto}
.lp-glogin{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#fff;color:#111110;
  border:none;border-radius:4px;padding:15px 30px;cursor:pointer;font-family:'DM Mono',monospace;font-size:11px;
  letter-spacing:1.6px;text-transform:uppercase;transition:transform .15s var(--ease)}
.lp-glogin:hover{transform:translateY(-1px)}
.lp-app-note{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.5px;color:#5A5A55;margin:16px 0 0}
.lp-yt-lb{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.6px;color:#8A8A84;margin:46px 0 14px}
.lp-yt{position:relative;padding-top:56.25%;background:#151517;border:1px solid #26262B;border-radius:6px;overflow:hidden}
.lp-yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lp-yt a{position:absolute;inset:0}
.lp-yt-btn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:transparent;color:#fff;
  border:1px solid var(--lp-pink);border-radius:99px;padding:11px 22px;font-family:'DM Mono',monospace;
  font-size:9.5px;letter-spacing:1.6px}
.lp-yt-btn:hover{background:var(--lp-pink)}

/* ── レスポンシブ ───────────────────────────── */
@media(max-width:960px){
  .lp-hero-in,.lp-split,.lp-panel.is-on{grid-template-columns:1fr;gap:34px}
  .lp-phone{order:-1}
  .lp-cards{grid-template-columns:1fr}
  .lp-sec{padding:54px 0}
}
@media(max-width:640px){
  .lp-in,.lp-hero-in,.lp-stats-in{padding:0 18px}
  .lp-check{grid-template-columns:1fr}
  .lp-stats-in{grid-template-columns:1fr 1fr;gap:1px}
  .lp-stats-in div+div{border-left:none}
  .lp-stats-in div:nth-child(2n){border-left:1px solid #262623}
  .lp-stats-in div:nth-child(n+3){border-top:1px solid #262623;padding-top:16px;margin-top:6px}
  .lp-tab{width:calc(50% - 7px)}
  .lp-c-grid{grid-template-columns:repeat(3,1fr)}
  .lp-c-roles{grid-template-columns:1fr}
  .lp-hero-wm{font-size:64vw}
}