:root{--navy:#0b2a4a;--navy-2:#12365e;--gold:#d0a85c;--ink:#1b2530;--gray:#6b7280;--bg:#ffffff;--light:#f7f9fc}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--navy);text-decoration:none}
.container{max-width:1180px;margin:0 auto;padding:24px}
header.sticky{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eef1f5;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
/* Home-only: hide brand & center nav */
.home-nobrand .brand{display:none}
.home-nobrand .nav{justify-content:center}
.brand{display:flex;align-items:center;gap:12px}
.logo-img{width:64px;height:auto}
.brand .brandname{font-weight:800;letter-spacing:.2px;color:var(--navy);font-size:22px}
.menu{display:flex;gap:18px;align-items:center}
.menu a{padding:8px 10px;border-radius:8px}
.menu a.active,.menu a:hover{background:var(--light)}
.hero{padding:64px 0;background:linear-gradient(180deg,#0b2a4a,#123a66);color:#fff;position:relative}
.hero.has-bg{background:linear-gradient(180deg,rgba(11,42,74,.72),rgba(11,42,74,.62)),url('assets/hero-market.png') center/cover no-repeat}
.hero .lead{color:#e7edf6;font-size:18px;margin:0 0 18px;max-width:760px}
.h2{color:var(--navy);margin:0 0 8px}
.btn{display:inline-block;border:1px solid var(--navy);color:#0b2a4a;background:#fff;padding:12px 16px;border-radius:12px;font-weight:600}
.btn.ghost{background:transparent;color:#fff;border-color:#ffffff99}
.section{padding:44px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid #e8edf3;background:#fff;border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(11,42,74,.04);color:var(--ink)}
.card h3{margin:0 0 8px;color:var(--navy)}
.list-wrap{background:var(--light);border:1px solid #e8edf3;border-radius:16px;padding:18px}
.bullets{columns:1;column-gap:28px;margin:0;padding-left:0}
.bullets li{list-style:none;margin:10px 0;padding-left:26px;position:relative}
.bullets li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:900}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.kpi{background:#ffffff22;border:1px solid #ffffff44;border-radius:12px;padding:16px;text-align:center;color:#fff}
.kpi .n{font-size:26px;font-weight:800}
.kpi .t{color:#f1f5f9}
.footer{padding:28px 0;border-top:1px solid #eef1f5;color:var(--gray);text-align:center}
.accent{height:2px;width:64px;background:linear-gradient(90deg,var(--gold),#f3e6c5);border-radius:2px;margin:14px 0}
.pill{display:inline-block;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;margin:4px 6px;background:#fbfcfe}
.profile{border-radius:14px;width:100%;height:auto;display:block;max-width:320px;margin:8px auto}
/* Tabs */ .tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.tab{border:1px solid #e8edf3;border-radius:12px;padding:10px 14px;cursor:pointer;background:#fff;color:var(--ink)}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.tabpanes>section{display:none}
.tabpanes>section.active{display:block}
/* Accordion */ .accordion .item{border:1px solid #e8edf3;border-radius:12px;margin:10px 0;overflow:hidden;color:var(--ink)}
.accordion .q{padding:14px 16px;cursor:pointer;background:#fff;font-weight:600;color:var(--navy);display:flex;justify-content:space-between}
.accordion .q span{display:inline-block;width:26px;height:26px;border-radius:8px;border:1px solid #e8edf3;display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:800}
.accordion .a{padding:14px 16px;background:#fbfcfe;display:none}
.accordion .item.open .a{display:block}
/* Home hero layout */ .hero-grid{display:grid;grid-template-columns:380px 1fr;gap:24px}
.logo-panel{background:#fff;border-radius:10px;padding:18px;border:1px solid #e4eaf2;display:flex;align-items:center;justify-content:center}
.logo-panel img{width:92%;height:auto}
.name-banner{display:inline-block;background:#fff;color:#0b2a4a;font-weight:900;font-size:44px;line-height:1.05;padding:12px 18px;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.2);margin-bottom:10px}
.buttons{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1000px){.hero{padding:40px 0}.grid-3{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.menu{display:flex}.hero-grid{grid-template-columns:1fr}.logo-panel{max-width:340px}.name-banner{font-size:34px}}