html{scroll-behavior:smooth}
body{margin:0;background:#121731;color:#c9cdea;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#8f9bff;text-decoration:none}
a:hover{color:#b3bbff}
summary::-webkit-details-marker{display:none}
*{box-sizing:border-box}
img{max-width:100%}
/* safety net: no decoration may ever create a horizontal scrollbar (lesson 2026-09-26) */
html,body{overflow-x:clip}

/* mobile bottom bar (mobile only) */
.mobile-bar{display:none}
@media (max-width:759px){
  .mobile-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:12px;
    background:#121731;border-top:1px solid #2a3160;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .mobile-bar .mb-brand{font-weight:700;font-size:17px;color:#eef0ff}
  .mobile-bar .mb-note{font-size:11.5px;color:#9aa1c9;flex:1}
  .mobile-bar .mb-btn{background:#5e6eff;color:#fff;font-weight:700;font-size:14px;padding:11px 26px;border-radius:12px;text-decoration:none}
  body{padding-bottom:78px}
}

/* hero v2 — visual + interactive (2026-09-26) */
.hero-grid2{position:relative;z-index:2;max-width:1248px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;text-align:left}
.hero-copy2{min-width:0}
.hero-copy2 h1,.hero-copy2 .h1{text-align:left}
.hero-visual{min-width:0;display:flex;flex-direction:column;gap:16px}
.hv-card{margin:0;border:1px solid #2a3160;border-radius:18px;overflow:hidden;background:#1a2040}
.hv-card img{display:block;width:100%;height:auto}
.hv-card figcaption{padding:10px 14px;font-size:12.5px;color:#9aa1c9;border-top:1px solid #2a3160}
.hv-checker{background:#1a2040;border:1px solid #2a3160;border-radius:18px;padding:16px 18px}
.hvc-head{color:#eef0ff;font-weight:700;font-size:16px;margin-bottom:10px}
.hvc-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hvc-row select{flex:1;min-width:180px;background:#121731;border:1px solid #2a3160;color:#eef0ff;border-radius:12px;padding:11px 12px;font:15px Inter,sans-serif}
.hvc-badge{font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;white-space:nowrap}
.hvc-badge.ok{background:rgba(32,208,149,.16);color:#20d095}
.hvc-badge.warn{background:rgba(255,153,0,.16);color:#ff9900}
.hvc-badge.no{background:rgba(232,48,94,.16);color:#e8305e}
.hvc-note{margin:10px 0 0;font-size:14px;line-height:1.55;color:#c9cdea}
@media (max-width:900px){
  .hero-grid2{grid-template-columns:1fr;gap:26px;text-align:center}
  .hero-copy2 h1,.hero-copy2 .h1{text-align:center}
  .hero-visual{max-width:520px;margin:0 auto;width:100%}
}