.scrm-head{text-align:center;padding:2.5rem 0 1rem;background:linear-gradient(180deg,#0f2848,#0a1628)}
.scrm-head h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;margin-bottom:.5rem;color:#d0e8f4}
.scrm-head p{font-size:.92rem;color:#6a9ab0}
.scrm-id{font-size:.7rem;color:#4dd4c8;font-family:monospace;margin-top:.5rem;display:block}

.peak-dashboard{padding:2rem 0 3.5rem}
.dash-wrap{max-width:800px;margin:0 auto}
.conversion-chart{background:#0f2038;border:1px solid #1a4a6a;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}
.chart-title{font-size:.72rem;font-weight:800;color:#4dd4c8;font-family:monospace;margin-bottom:1rem;letter-spacing:.08em}
.wave-chart{height:160px;position:relative;border-bottom:2px solid #1a4a6a;margin-bottom:.75rem}
.wave-line{position:absolute;bottom:0;left:0;right:0;height:100%}
.wave-line svg{width:100%;height:100%}
.peak-marker{position:absolute;top:15%;right:22%;background:#4dd4c8;color:#0a1628;font-size:.62rem;font-weight:800;padding:.2rem .45rem;border-radius:3px;font-family:monospace}
.chart-legend{display:flex;justify-content:center;gap:2rem;font-size:.72rem;color:#6a9ab0}
.chart-legend span::before{content:"";display:inline-block;width:10px;height:10px;margin-right:.35rem;vertical-align:middle;border-radius:2px}
.legend-tide::before{background:#1a6a8a}
.legend-peak::before{background:#4dd4c8}

.metric-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.metric-card{background:#0f2038;border:1px solid #1a4a6a;border-radius:8px;padding:1.25rem 1.3rem}
.metric-card.wide{grid-column:1/-1;border-left:4px solid #4dd4c8}
.metric-tag{font-size:.65rem;font-weight:800;color:#4dd4c8;font-family:monospace;margin-bottom:.4rem}
.metric-card h2{font-size:1.05rem;font-weight:800;margin-bottom:.45rem;color:#d0e8f4}
.metric-card p{font-size:.86rem;color:#6a9ab0;line-height:1.6;margin-bottom:.5rem}
.metric-card ul{margin-bottom:.5rem}
.metric-card li{font-size:.84rem;color:#6a9ab0;padding:.18rem 0 .18rem .9rem;position:relative}
.metric-card li::before{content:"↑";position:absolute;left:0;color:#4dd4c8;font-size:.7rem}
.metric-card img{border:1px solid #1a4a6a;border-radius:4px;margin-top:.5rem;max-width:280px}

.dash-appendix{background:#0f2038;border-top:1px solid #1a4a6a;border-bottom:1px solid #1a4a6a;padding:2.5rem 0}
.dash-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:800px;margin:0 auto}
.dash-extra{background:#0a1628;border:1px solid #1a4a6a;border-radius:8px;padding:1.25rem}
.dash-extra h3{font-size:.95rem;font-weight:800;color:#4dd4c8;margin-bottom:.6rem;font-family:monospace}
.dash-extra li{font-size:.86rem;color:#6a9ab0;padding:.28rem 0}

.dash-cta{text-align:center;padding:2.5rem 1rem;background:#4dd4c8;color:#0a1628}
.dash-cta h2{font-size:1.15rem;font-weight:800;margin-bottom:.7rem}
.dash-cta a{display:inline-block;background:#0a1628;color:#4dd4c8!important;padding:.5rem 1.3rem;font-weight:800;text-decoration:none!important;border-radius:4px}

@media(max-width:640px){
  .metric-cards,.dash-pair{grid-template-columns:1fr}
  .metric-card.wide{grid-column:1}
}
