:root{--navy:#18203f;--teal:#1f9a94;--teal-ink:#137a75;--gold:#f2c230;--bg:#f3f6f8;--surface:#fff;--fg:#18203f;--muted:#56607a;--line:#d8dfe7;--sea:#e3f1f1;
--display:"Saira Condensed","Arial Narrow",Arial,sans-serif;--body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e1328;--surface:#161d3a;--fg:#e8edf4;--muted:#a3adc4;--line:#2a3461;--sea:#12302f;--teal-ink:#5fd0c9;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0e1328;--surface:#161d3a;--fg:#e8edf4;--muted:#a3adc4;--line:#2a3461;--sea:#12302f;--teal-ink:#5fd0c9;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font:17px/1.7 var(--body)}main{flex:1}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}a{color:inherit}img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0;text-wrap:balance}
.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.btn{display:inline-flex;align-items:center;gap:.5em;font:600 15px/1 var(--body);padding:14px 22px;border-radius:6px;border:2px solid transparent;text-decoration:none;cursor:pointer}
.btn-gold{background:var(--gold);color:#18203f}.btn-gold:hover{background:#ffd54a}.btn-ghost{border-color:currentColor;background:transparent}
.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
header.top{position:sticky;top:0;z-index:10;background:var(--navy);color:#fff;border-bottom:3px solid var(--teal)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:44px;height:44px}
.brand span{font:800 20px/1 var(--display);letter-spacing:.02em}.brand b{color:var(--gold);font-weight:800}
.top-right{display:flex;align-items:center;gap:16px}.tnav{display:flex;gap:18px;font-size:15px;font-weight:500}.tnav a{text-decoration:none;color:#c9d3e2}.tnav a:hover,.tnav a[aria-current]{color:var(--gold)}
.langs{display:flex;gap:4px;background:rgba(255,255,255,.08);border-radius:6px;padding:3px}
.langs button{font:600 13px/1 var(--body);color:#c9d3e2;background:transparent;border:0;border-radius:4px;padding:8px 10px;cursor:pointer}.langs button[aria-pressed="true"]{background:var(--gold);color:#18203f}
@media (max-width:640px){.brand span{display:none}.tnav{gap:12px;font-size:14px}}
.bhero{background:var(--navy);color:#fff;padding-block:48px 56px}.bhero h1{font-size:clamp(36px,6vw,64px);font-weight:800;text-transform:uppercase;margin-top:12px;max-width:18em}
.bhero p{color:#c9d3e2;max-width:40em;margin:14px 0 0;font-size:18px}.bhero .meta{font:500 13px var(--mono);color:#93a0bb;margin-top:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding-block:48px 72px}
.pc{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.pc:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(24,32,63,.12)}.pc img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}
.pc .in{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.pc .tag{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--teal-ink)}
.pc h2{font-size:26px;font-weight:800;text-transform:uppercase}.pc p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.pc .more{margin-top:auto;padding-top:8px;font-weight:600;color:var(--teal-ink);font-size:15px}
.art{max-width:740px;margin:0 auto;padding:0 20px 24px}.art .cover{border-radius:12px;margin:-28px 0 32px;aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;box-shadow:0 14px 30px rgba(24,32,63,.15)}
.art h2{font-size:30px;font-weight:800;text-transform:uppercase;margin:36px 0 10px}.art p,.art li{margin:0 0 14px}.art ul{padding-left:22px;margin:0 0 14px}
.art .lead{font-size:20px;line-height:1.6;color:var(--fg)}.art a{color:var(--teal-ink);font-weight:600}
.cta{max-width:740px;margin:24px auto 0;padding:0 20px}.cta .box{background:var(--navy);color:#fff;border-radius:12px;padding:28px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;border-left:6px solid var(--gold)}
.cta h2{font-size:28px;font-weight:800;text-transform:uppercase}.cta p{margin:6px 0 0;color:#c9d3e2;font-size:15px}.cta .acts{display:flex;gap:10px;flex-wrap:wrap}.cta .btn-ghost{color:#fff}
.rel{max-width:1120px;margin:0 auto;padding:56px 20px 72px}.rel>h2{font-size:28px;font-weight:800;text-transform:uppercase;margin-bottom:18px}.rel .cards{padding:0}
footer{background:#0b1024;color:#93a0bb;font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-block:28px}footer img{width:36px;height:36px;display:inline-block;vertical-align:middle;margin-right:8px}
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.28)}
[data-l][hidden]{display:none}