/* OpO5 minimal styles */
:root { --ink:#0b1020; --sea:#1f8ac0; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, Arial, sans-serif; color:var(--ink); }
header { display:flex; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid #eee; }
header img { height:44px; width:auto; }
header .brand { font-weight:700; letter-spacing:.2px; }
header .motto { font-size:.9rem; opacity:.75; }
.hero { padding:48px 20px; text-align:center; }
.hero img { max-width:900px; width:100%; height:auto; display:block; margin:0 auto 16px; }
.hero h1 { margin:6px 0 10px; font-size:clamp(1.6rem, 3.2vw, 2.4rem); }
.hero p { margin:0 0 18px; opacity:.85; }
.cta { display:inline-block; padding:10px 16px; border:1px solid var(--sea); border-radius:8px; text-decoration:none; color:var(--sea);}
main { max-width:960px; margin:0 auto; padding:0 20px 40px; }
footer { border-top:1px solid #eee; padding:16px 20px; font-size:.9rem; color:#555; }
nav a { margin-left:14px; text-decoration:none; color:var(--ink); }
nav a:hover { text-decoration:underline; }
strong + :where(span, em, p) { display:block; }
p strong { color:#6b7280; font-weight:600; }