
:root{--navy:#14213D;--navy2:#1f3159;--mustard:#F2A900;--bg:#eef0f5;--ink:#1b2438;--green:#1c8c4a}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
img,video,iframe{max-width:100%}img{height:auto;display:block}
header.top{background:var(--navy);border-bottom:4px solid var(--mustard);padding:12px 16px}
header.top a{display:block;max-width:560px;margin:0 auto}header.top img{width:100%;max-width:420px;margin:0 auto}
main{max-width:1100px;margin:0 auto;padding:18px 14px 40px}
h1{font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.15;margin:.2em 0 .4em;color:var(--navy)}
h2{font-size:1.25rem;color:var(--navy);margin:1.6em 0 .5em;border-left:5px solid var(--mustard);padding-left:10px}
h3{font-size:1.05rem;margin:1.3em 0 .3em;color:var(--navy)}
.intro,.lead{font-size:1.05rem;max-width:62ch}
.card,.box{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(20,33,61,.12)}
.box{padding:14px 16px;margin:14px 0}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin:14px 0}
.grid.wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.grid.story{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr))}
.grid.logos{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
figure{margin:0;background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 4px rgba(20,33,61,.12)}
figure img{width:100%;border-radius:8px}figure.darkbg{background:var(--navy)}figure.darkbg figcaption{color:#dfe5f3}
figcaption{font-size:.88rem;padding:6px 4px 2px;color:#41506e}
.home-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));margin-top:20px}
.home-grid a.card{display:block;text-decoration:none;color:inherit;overflow:hidden;transition:transform .12s}
.home-grid a.card:hover{transform:translateY(-3px)}
.home-grid .th{aspect-ratio:4/3;background:var(--navy);overflow:hidden}.home-grid .th img{width:100%;height:100%;object-fit:cover}
.home-grid .t{padding:10px 14px 14px}.home-grid .t b{display:block;color:var(--navy)}.home-grid .t span{font-size:.85rem;color:#5a6785}
.n{display:inline-block;background:var(--mustard);color:var(--navy);font-weight:700;border-radius:99px;min-width:1.6em;text-align:center;margin-right:6px;padding:0 6px}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:600;padding:10px 16px;border:0;border-radius:8px;font-size:1rem;cursor:pointer}
.pill{background:var(--mustard);color:var(--navy);font-weight:700;padding:0 6px;border-radius:4px}
pre{background:#fff;padding:12px;border-radius:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-size:.85rem}
nav.pn{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:26px 0 8px}
nav.pn a{background:var(--navy);color:#fff;text-decoration:none;padding:9px 14px;border-radius:8px;font-size:.95rem}
nav.pn a.ph{background:var(--navy2)}
form.fb label{display:block;font-weight:600;margin:10px 0 4px}
form.fb input,form.fb textarea{width:100%;font:inherit;padding:9px;border:1px solid #b9c2d6;border-radius:8px}
form.fb textarea{min-height:110px}#st{margin-left:10px;font-weight:600}
video{width:100%;border-radius:10px;background:#000}video.v916{max-width:320px}
.vwrap{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.vwrap>div{background:#fff;padding:8px;border-radius:12px}.vwrap video{max-width:100%}
iframe.em{width:100%;height:640px;border:1px solid #ccd3e2;border-radius:10px;background:#fff}
.script blockquote{margin:6px 0 14px;padding:10px 14px;background:#fff;border-left:4px solid var(--navy);border-radius:6px}
.pz{color:#b4bccd;font-size:.8em;letter-spacing:-.1em;margin:0 .2em}
ol.run li{margin:.25em 0}
#lbx{position:fixed;inset:0;background:rgba(10,16,30,.92);display:none;align-items:center;justify-content:center;z-index:50;padding:8px;cursor:zoom-out}
#lbx.on{display:flex}#lbx img{max-width:100%;max-height:100%;object-fit:contain}
#lbx a{position:absolute;top:10px;right:14px;color:#fff;background:var(--navy2);padding:6px 12px;border-radius:8px;text-decoration:none;font-size:.9rem}
footer{max-width:1100px;margin:0 auto;padding:0 14px 30px;color:#6a7690;font-size:.85rem}
