/* トップページの「動きのない区画」に足す動き（2026-09-26）。既存の配色（紺・水色・琥珀）に合わせる */
.b19m-num{font-variant-numeric:tabular-nums}
.b19m-rv{opacity:0;transform:translateY(16px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.b19m-rv.on{opacity:1;transform:none}
.b19m-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;color:#93c5fd}
.b19m-live i{width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:b19m-ping 2s infinite}
@keyframes b19m-ping{0%{box-shadow:0 0 0 0 rgba(251,191,36,.5)}80%,100%{box-shadow:0 0 0 12px rgba(251,191,36,0)}}

/* ===== 自社サービス: 実数と最近の更新 ===== */
.b19m-own{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin:0 0 34px}
@media (max-width:860px){.b19m-own{grid-template-columns:1fr}}
.b19m-own>*{min-width:0}
.b19m-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.b19m-kpi{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:16px;position:relative;overflow:hidden}
.b19m-kpi::after{content:"";position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(147,197,253,.12),transparent);animation:b19m-sweep 4.5s ease-in-out infinite}
.b19m-kpi:nth-child(2)::after{animation-delay:1.5s}.b19m-kpi:nth-child(3)::after{animation-delay:3s}
@keyframes b19m-sweep{to{left:140%}}
.b19m-kpi .v{font-size:34px;font-weight:800;line-height:1.1;color:#fff}
.b19m-kpi .k{font-size:12px;color:#94a3b8;margin-top:4px}
.b19m-kpi .bar{height:4px;border-radius:4px;background:rgba(148,163,184,.2);margin-top:10px;overflow:hidden}
.b19m-kpi .bar b{display:block;height:100%;width:0;background:linear-gradient(90deg,#60a5fa,#fbbf24);transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.b19m-log{background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:14px 16px}
.b19m-log-h{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#94a3b8;margin-bottom:6px;flex-wrap:wrap}
.b19m-ticker{height:132px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.b19m-ticker ul{list-style:none;margin:0;padding:0;animation:b19m-roll 30s linear infinite}
.b19m-ticker li{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(148,163,184,.12);color:#e2e8f0}
.b19m-ticker li span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b19m-ticker li .d{color:#fbbf24;font-weight:700;flex:0 0 auto}
@keyframes b19m-roll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.b19m-note{font-size:12px;color:#64748b;margin:10px 0 0}

/* ===== 1日98円: 入力するとページが組み上がる（イメージ） ===== */
.b19m-build{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;margin:0 0 34px;align-items:stretch}
@media (max-width:860px){.b19m-build{grid-template-columns:1fr}}
.b19m-build>*{min-width:0}
.b19m-form{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.28);border-radius:14px;padding:18px}
.b19m-q{font-size:12px;color:#93c5fd;margin:12px 0 6px}
.b19m-q:first-child{margin-top:0}
.b19m-in{min-height:40px;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:9px 12px;color:#fff;font-size:14px;background:rgba(2,6,23,.55)}
.b19m-in.act{border-color:#fbbf24;box-shadow:0 0 0 3px rgba(251,191,36,.18)}
.b19m-in .cur{display:inline-block;width:2px;height:1em;background:#fbbf24;vertical-align:-2px;margin-left:1px;animation:b19m-blink 1s steps(2) infinite}
@keyframes b19m-blink{50%{opacity:0}}
.b19m-browser{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(2,6,23,.6);display:flex;flex-direction:column}
.b19m-browser .top{height:30px;background:#e5e7eb;display:flex;align-items:center;gap:6px;padding:0 12px}
.b19m-browser .top i{width:10px;height:10px;border-radius:50%;background:#cbd5e1}
.b19m-browser .top i:nth-child(1){background:#f87171}.b19m-browser .top i:nth-child(2){background:#fbbf24}.b19m-browser .top i:nth-child(3){background:#34d399}
.b19m-browser .top span{margin-left:8px;flex:1;height:16px;border-radius:8px;background:#fff;font-size:10px;color:#64748b;line-height:16px;padding-left:8px}
.b19m-page{padding:16px;display:grid;gap:10px;flex:1;background:#fafaf9}
.b19m-blk{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.b19m-blk.on{opacity:1;transform:none}
.b19m-nav{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#111;font-size:15px}
.b19m-nav em{font-style:normal;display:flex;gap:10px}
.b19m-nav em b{display:block;width:34px;height:6px;border-radius:3px;background:#e5e7eb}
.b19m-hero{height:96px;border-radius:10px;background:linear-gradient(120deg,#c2410c,#f59e0b);display:flex;align-items:flex-end;padding:12px;color:#fff;font-weight:800;font-size:18px}
.b19m-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.b19m-row div{height:54px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;padding:8px;font-size:11px;color:#334155}
.b19m-row div b{display:block;font-size:12px;color:#111}
.b19m-cta{justify-self:start;background:#111;color:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700}
.b19m-cap{font-size:11px;color:#64748b;margin:8px 0 0}

/* ===== 札幌でAI開発: 右肩上がりのグラフ（実データ） ===== */
.b19m-growth{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;margin:26px 0 34px}
@media (max-width:860px){.b19m-growth{grid-template-columns:1fr}}
.b19m-growth>*{min-width:0}
.b19m-chart{position:relative;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 20px 10px}
.b19m-chart-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;color:#e5e7eb}
.b19m-chart-h .t{font-weight:700}
.b19m-chart-h .big{font-size:40px;font-weight:800;color:#fbbf24}
.b19m-chart-h .src{font-size:12px;color:#94a3b8}
.b19m-chart-h .delta{font-size:13px;color:#34d399;font-weight:700}
.b19m-chart svg{width:100%;height:auto;display:block;margin-top:6px}
.b19m-chart .ax text{font:500 11px system-ui,sans-serif;fill:#6b7280}
.b19m-chart .gl{stroke:rgba(255,255,255,.07)}
.b19m-chart .ln{fill:none;stroke:url(#b19mLg);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.b19m-chart .ar{fill:url(#b19mAg)}
.b19m-chart .dt{fill:#111;stroke:#fbbf24;stroke-width:3}
.b19m-tip{position:absolute;pointer-events:none;background:#fbbf24;color:#111;font-size:12px;font-weight:700;padding:5px 9px;border-radius:8px;transform:translate(-50%,-130%);white-space:nowrap;opacity:0;transition:opacity .3s}
.b19m-tip.on{opacity:1}
.b19m-params{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.b19m-param{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;position:relative;overflow:hidden}
.b19m-param .v{font-size:32px;font-weight:800;line-height:1.1;color:#fff}
.b19m-param .k{font-size:12px;color:#94a3b8;margin-top:4px}
.b19m-param.pulse{animation:b19m-glow 3.6s ease-in-out infinite}
@keyframes b19m-glow{50%{box-shadow:inset 0 0 0 1px rgba(251,191,36,.45)}}

@media (prefers-reduced-motion: reduce){
  .b19m-rv{opacity:1;transform:none}
  .b19m-blk{opacity:1;transform:none}
  .b19m-ticker ul,.b19m-kpi::after,.b19m-live i,.b19m-param.pulse,.b19m-in .cur{animation:none!important}
}