body[data-product="sea"] .eyebrow{display:inline-block;max-width:100%;font-size:.875rem;line-height:1.5;letter-spacing:.11em;color:#b7efdc;text-wrap:balance}
body[data-product="sea"] .lead h1 span{color:#a6e8ee}
body[data-product="sea"] .scene{background:radial-gradient(circle at 55% 44%,#125663,#081f2b 82%)}
body[data-product="sea"] .scene-label{color:#b9e9e7;background:#09262cde}
body[data-product="sea"] .scene-key{position:absolute;top:11px;right:12px;display:grid;gap:5px;pointer-events:none;color:#d8f1e9;font:700 .68rem/1.2 ui-monospace,monospace;letter-spacing:.025em;text-transform:uppercase}
body[data-product="sea"] .scene-key span{display:flex;align-items:center;gap:7px;justify-content:flex-end;padding:5px 8px;border-radius:6px;background:#09242bdd}
body[data-product="sea"] .scene-key i{width:8px;height:8px;border-radius:50%;flex:none}
body[data-product="sea"] .scene-key .unit-key{background:#d0ff9a;box-shadow:0 0 8px #d0ff9a}
body[data-product="sea"] .scene-key .zone-key{background:#ffb19f}
body[data-product="sea"] .tip{font-size:.95rem;color:#c0ddd9}
body[data-product="sea"] .disclaimer{font-size:.9rem;color:#a9c8c7}
@media(max-width:620px){body[data-product="sea"] .eyebrow{font-size:.83rem;letter-spacing:.07em}body[data-product="sea"] .lead{gap:15px}body[data-product="sea"] .tip{font-size:.9rem}body[data-product="sea"] .scene-key{top:7px;right:7px;font-size:.56rem}body[data-product="sea"] .scene-key span{padding:4px 6px}}
@media(max-width:430px){body[data-product="sea"] .scene-key{top:auto;bottom:7px}}