:root { --navy:#191b22; --navy2:#30323a; --blue:#cf2030; --gold:#cf2030; --paper:#f6f5f2; --ink:#20232a; --muted:#6b6f77; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Calibri, "Segoe UI", Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.topbar { height:92px; padding:0 clamp(24px,6vw,96px); display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid #e7e4dc; }
.brand,.footerBrand { display:flex; align-items:center; }.brand img { width:116px; height:55px; object-fit:contain; }.footerBrand img { width:110px; height:58px; object-fit:contain; background:white; padding:6px 10px; }
.contactLink { font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; border-bottom:1px solid var(--ink); padding:8px 0; }
.contactLink span { color:var(--gold); margin-left:7px; }
.hero { min-height:590px; padding:90px clamp(24px,8vw,128px); position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; color:white; background:linear-gradient(120deg,#15171d 0%,#292c33 70%,#42171d 100%); }
.hero::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(21,23,29,.98) 0%,rgba(21,23,29,.92) 38%,rgba(21,23,29,.48) 62%,rgba(21,23,29,.12) 100%); pointer-events:none; }
.hero::after { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to right,transparent,black); }
.heroVisual { position:absolute; inset:0 0 0 auto; width:68%; height:100%; z-index:0; overflow:hidden; }
.heroVisual img { width:100%; height:100%; display:block; object-fit:cover; object-position:center right; mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 20%,#000 42%); }
.heroContent { position:relative; z-index:2; max-width:790px; }
.eyebrow,.sectionKicker { font-size:12px; font-weight:800; letter-spacing:.24em; }
.eyebrow { color:#bed4ec; display:flex; align-items:center; gap:12px; }
.eyebrow span { width:34px; height:2px; background:var(--gold); }
h1 { font-family:Calibri, "Segoe UI", Arial, sans-serif; font-weight:400; line-height:.96; letter-spacing:-.045em; font-size:clamp(56px,7vw,104px); margin:26px 0; }
h1 em { color:#ecc065; font-weight:400; }
.heroText { color:#d4dfeb; max-width:590px; font-size:18px; line-height:1.7; }
.heroButton { display:inline-flex; gap:24px; align-items:center; margin-top:24px; background:white; color:var(--navy); padding:17px 20px 17px 24px; font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.heroButton span { color:var(--gold); font-size:18px; }
.heroGlow { position:absolute; border-radius:50%; filter:blur(20px); opacity:.2; }
.heroGlow.one { width:300px;height:300px;background:#cf2030;right:10%;top:-130px; }.heroGlow.two{width:200px;height:200px;background:#cf2030;right:-80px;bottom:-80px;}
.documents { max-width:1440px; margin:auto; padding:100px clamp(24px,6vw,88px) 80px; }
.sectionHeading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:48px; }
.sectionKicker { color:var(--blue); margin:0 0 10px; }
h2 { font:400 clamp(38px,5vw,62px) Calibri, "Segoe UI", Arial, sans-serif; letter-spacing:-.035em; margin:0; }
.sectionHeading>p { max-width:440px; color:var(--muted); line-height:1.7; margin:0; }
.tools { border-top:1px solid #d6d3ca; padding-top:24px; display:flex; justify-content:space-between; gap:24px; align-items:center; }
.search { width:min(360px,100%); padding:13px 15px; border:1px solid #d4d2ca; background:#fff; display:flex; gap:10px; align-items:center; }
.search span { color:var(--blue); font-size:24px; line-height:0; }.search input { border:0; outline:0; background:transparent; width:100%; font-size:14px; }
.filters { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }.filters button { border:1px solid #d2d0c8; background:transparent; border-radius:999px; padding:10px 16px; cursor:pointer; font-size:12px; color:#4f5968; }.filters button.active,.filters button:hover { background:var(--navy); color:white; border-color:var(--navy); }
.documentGrid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:34px; }
.documentGrid.single { grid-template-columns:minmax(0,720px); }
.documentGrid.single .documentCard { min-height:320px; }
.documentGrid.two { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:920px; }
.documentGrid.three { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:1200px; }
.documentCard { min-height:350px; background:white; padding:24px; border:1px solid #e3e0d8; display:flex; flex-direction:column; transition:.2s ease; }
.documentCard:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgba(18,33,51,.09); border-color:#c9d2dc; }
.cardTop { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:34px; }.fileIcon { width:48px;height:54px;background:#eaf1f7;color:var(--blue);display:grid;place-items:center;font-size:10px;font-weight:800;clip-path:polygon(0 0,72% 0,100% 25%,100% 100%,0 100%); }.number { color:#b0b6bd; font:italic 18px Calibri, "Segoe UI", Arial, sans-serif; }
.category { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.documentCard h3 { font:400 25px/1.15 Calibri, "Segoe UI", Arial, sans-serif; margin:12px 0; }.documentCard>p { color:var(--muted); line-height:1.55; font-size:14px; margin:0; }
.cardFooter { margin-top:auto; border-top:1px solid #e7e4dc; padding-top:18px; display:flex; justify-content:space-between; align-items:center; }.cardFooter time { color:#8a929c; font-size:11px; }.cardFooter a { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }.cardFooter a span { color:var(--gold); margin-left:6px; }
.soon { color:#9a9da3; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; }
.empty { grid-column:1/-1; text-align:center; background:white; padding:60px; border:1px solid #e3e0d8; }.empty strong { font:30px Calibri, "Segoe UI", Arial, sans-serif; }.empty p,.demoNote { color:var(--muted); }.demoNote { margin:20px 0 0; font-size:12px; }
footer { min-height:120px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:30px clamp(24px,6vw,96px); color:#d6d7db; background:var(--navy); font-size:12px; }footer>p:last-child{text-align:right}
@media(max-width:1050px){.documentGrid,.documentGrid.three{grid-template-columns:repeat(2,1fr)}.heroContent{max-width:850px}.heroVisual{width:78%;opacity:.72}.tools,.sectionHeading{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}}
@media(max-width:650px){.topbar{height:76px}.contactLink{font-size:0}.contactLink span{font-size:18px}.hero{min-height:620px;padding-top:74px;padding-bottom:74px}.hero::before{background:linear-gradient(90deg,rgba(21,23,29,.97),rgba(21,23,29,.78))}.heroVisual{width:100%;opacity:.42}.heroVisual img{object-position:62% center;mask-image:none}.heroText{font-size:16px}.documents{padding-top:70px}.documentGrid,.documentGrid.two,.documentGrid.three{grid-template-columns:1fr}.tools{align-items:stretch}.search{width:100%}.filters{overflow:auto;flex-wrap:nowrap;padding-bottom:6px}.filters button{white-space:nowrap}.sectionHeading>p{font-size:14px}.documentCard{min-height:315px}footer{grid-template-columns:1fr;text-align:left}footer>p:last-child{text-align:left}}