{} *{} {} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } :root{ --ink:#0c1220; --muted:#5f6b85; --brand:#16a34a; --line:#e8eef6; --card:#ffffff; --bg:#ffffff; } *{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} .wrap{max-width:1200px;margin:0 auto;padding:28px} header{padding:8px 0 18px;border-bottom:1px solid var(--line)} .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;margin-bottom:6px} h1{margin:0 0 8px;font-size:clamp(28px,4.2vw,44px);font-weight:900} .desc{margin:0 0 18px;color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:960px} .badge{display:inline-block;background:#f7fafc;border:1px solid var(--line); color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px;margin-right:8px} .section{padding:26px 0} .grid{display:grid;gap:18px} .grid-2{grid-template-columns:1fr} @media(min-width:860px){ .grid-2{grid-template-columns:1fr 1fr} } .grid-3{grid-template-columns:1fr} @media(min-width:900px){ .grid-3{grid-template-columns:1fr 1fr 1fr} } .card{background:var(--card);border:1px solid var(--line);border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.03)} .pad{padding:18px} .label{display:inline-block;font-size:11px;color:#fff;background:var(--brand); padding:4px 8px;border-radius:8px;margin-bottom:8px} h2{margin:0 0 10px;font-size:22px} h3{margin:0 0 6px;font-size:18px} p.sub{margin:0;color:var(--muted);font-size:14px} .ratio-21x9, .ratio-16x9{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#000} .ratio-21x9{padding-top:42.85%} .ratio-16x9{padding-top:56.25%} .ratio-21x9 iframe, .ratio-16x9 iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap} .btn-sm{ display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:700; border-radius:999px;border:0;padding:8px 12px;font-size:12px } .btn-sm:hover{filter:brightness(.97);text-decoration:none} footer{border-top:1px solid var(--line);padding:28px 0 50px;margin-top:10px} .foot-grid{display:grid;gap:18px;grid-template-columns:1fr} @media(min-width:900px){ .foot-grid{grid-template-columns:1fr 1fr 1fr} } .cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff; padding:10px 14px;border-radius:999px;border:0;font-weight:700} .cta:hover{filter:brightness(.97);text-decoration:none} .tiny{font-size:12px;color:var(--muted)} :root{ --ink:#0c1220; --muted:#5f6b85; --brand:#16a34a; --line:#e8eef6; --card:#ffffff; --bg:#ffffff; } *{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} .wrap{max-width:1200px;margin:0 auto;padding:28px} header{padding:8px 0 18px;border-bottom:1px solid var(--line)} .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;margin-bottom:6px} h1{margin:0 0 8px;font-size:clamp(28px,4.2vw,44px);font-weight:900} .desc{margin:0 0 18px;color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:960px} .badge{display:inline-block;background:#f7fafc;border:1px solid var(--line); color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px;margin-right:8px} .section{padding:26px 0} .grid{display:grid;gap:18px} .grid-2{grid-template-columns:1fr} @media(min-width:860px){ .grid-2{grid-template-columns:1fr 1fr} } .grid-3{grid-template-columns:1fr} @media(min-width:900px){ .grid-3{grid-template-columns:1fr 1fr 1fr} } .card{background:var(--card);border:1px solid var(--line);border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.03)} .pad{padding:18px} .label{display:inline-block;font-size:11px;color:#fff;background:var(--brand); padding:4px 8px;border-radius:8px;margin-bottom:8px} h2{margin:0 0 10px;font-size:22px} h3{margin:0 0 6px;font-size:18px} p.sub{margin:0;color:var(--muted);font-size:14px} .ratio-21x9, .ratio-16x9{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#000} .ratio-21x9{padding-top:42.85%} .ratio-16x9{padding-top:56.25%} .ratio-21x9 iframe, .ratio-16x9 iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap} .btn-sm, .btn-download{ display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:700; border-radius:999px;border:0;padding:10px 16px;font-size:14px } .btn-sm:hover, .btn-download:hover{filter:brightness(.95);text-decoration:none} footer{border-top:1px solid var(--line);padding:28px 0 50px;margin-top:10px} .foot-grid{display:grid;gap:18px;grid-template-columns:1fr} @media(min-width:900px){ .foot-grid{grid-template-columns:1fr 1fr 1fr} } .cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff; padding:10px 14px;border-radius:999px;border:0;font-weight:700} .cta:hover{filter:brightness(.97);text-decoration:none} .tiny{font-size:12px;color:var(--muted)} :root{ --ink:#0c1220; --muted:#5f6b85; --brand:#16a34a; --line:#e8eef6; --card:#ffffff; --bg:#ffffff; } *{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} .wrap{max-width:1200px;margin:0 auto;padding:28px} header{padding:8px 0 18px;border-bottom:1px solid var(--line)} .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;margin-bottom:6px} h1{margin:0 0 8px;font-size:clamp(28px,4.2vw,44px);font-weight:900} .desc{margin:0 0 18px;color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:960px} .badge{display:inline-block;background:#f7fafc;border:1px solid var(--line); color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px;margin-right:8px} .section{padding:26px 0} .grid{display:grid;gap:18px} .grid-2{grid-template-columns:1fr} @media(min-width:860px){ .grid-2{grid-template-columns:1fr 1fr} } .grid-3{grid-template-columns:1fr} @media(min-width:900px){ .grid-3{grid-template-columns:1fr 1fr 1fr} } .card{background:var(--card);border:1px solid var(--line);border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.03)} .pad{padding:18px} .label{display:inline-block;font-size:11px;color:#fff;background:var(--brand); padding:4px 8px;border-radius:8px;margin-bottom:8px} h2{margin:0 0 10px;font-size:22px} h3{margin:0 0 6px;font-size:18px} p.sub{margin:0;color:var(--muted);font-size:14px} .ratio-21x9, .ratio-16x9{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#000} .ratio-21x9{padding-top:42.85%} .ratio-16x9{padding-top:56.25%} .ratio-21x9 iframe, .ratio-16x9 iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap} .btn-sm, .btn-download{ display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:700; border-radius:999px;border:0;padding:10px 16px;font-size:14px } .btn-sm:hover, .btn-download:hover{filter:brightness(.95);text-decoration:none} footer{border-top:1px solid var(--line);padding:28px 0 50px;margin-top:10px} .foot-grid{display:grid;gap:18px;grid-template-columns:1fr} @media(min-width:900px){ .foot-grid{grid-template-columns:1fr 1fr 1fr} } .cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff; padding:10px 14px;border-radius:999px;border:0;font-weight:700} .cta:hover{filter:brightness(.97);text-decoration:none} .tiny{font-size:12px;color:var(--muted)} :root{ --ink:#0c1220; --muted:#5f6b85; --brand:#16a34a; --line:#e8eef6; --card:#ffffff; --bg:#ffffff; } *{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} .wrap{max-width:1200px;margin:0 auto;padding:28px} header{padding:8px 0 18px;border-bottom:1px solid var(--line)} .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;margin-bottom:6px} h1{margin:0 0 8px;font-size:clamp(28px,4.2vw,44px);font-weight:900} .desc{margin:0 0 18px;color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:960px} .badge{display:inline-block;background:#f7fafc;border:1px solid var(--line); color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px;margin-right:8px} .section{padding:26px 0} .grid{display:grid;gap:18px} .grid-2{grid-template-columns:1fr} @media(min-width:860px){ .grid-2{grid-template-columns:1fr 1fr} } .grid-3{grid-template-columns:1fr} @media(min-width:900px){ .grid-3{grid-template-columns:1fr 1fr 1fr} } .card{background:var(--card);border:1px solid var(--line);border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.03)} .pad{padding:18px} .label{display:inline-block;font-size:11px;color:#fff;background:var(--brand); padding:4px 8px;border-radius:8px;margin-bottom:8px} h2{margin:0 0 10px;font-size:22px} h3{margin:0 0 6px;font-size:18px} p.sub{margin:0;color:var(--muted);font-size:14px} /* Buttons */ .actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap} .btn-sm, .btn-download{ display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:700; border-radius:999px;border:0;padding:10px 16px;font-size:14px } .btn-sm:hover, .btn-download:hover{filter:brightness(.95);text-decoration:none} footer{border-top:1px solid var(--line);padding:28px 0 50px;margin-top:10px} .foot-grid{display:grid;gap:18px;grid-template-columns:1fr} @media(min-width:900px){ .foot-grid{grid-template-columns:1fr 1fr 1fr} } .cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff; padding:10px 14px;border-radius:999px;border:0;font-weight:700} .cta:hover{filter:brightness(.97);text-decoration:none} .tiny{font-size:12px;color:var(--muted)} :root{ --ink:#0c1220; --muted:#5f6b85; --brand:#16a34a; --line:#e8eef6; --card:#ffffff; --bg:#ffffff; } *{box-sizing:border-box} html,body{margin:0;background:var(--bg);color:var(--ink); font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5} a{color:var(--brand);text-decoration:none} a:hover{text-decoration:underline} .wrap{max-width:1200px;margin:0 auto;padding:28px} header{padding:8px 0 18px;border-bottom:1px solid var(--line)} .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;margin-bottom:6px} h1{margin:0 0 8px;font-size:clamp(28px,4.2vw,44px);font-weight:900} .desc{margin:0 0 18px;color:var(--muted);font-size:clamp(16px,2.2vw,20px);max-width:960px} .badge{display:inline-block;background:#f7fafc;border:1px solid var(--line); color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px;margin-right:8px} .section{padding:26px 0} .grid{display:grid;gap:18px} .grid-2{grid-template-columns:1fr} @media(min-width:860px){ .grid-2{grid-template-columns:1fr 1fr} } .grid-3{grid-template-columns:1fr} @media(min-width:900px){ .grid-3{grid-template-columns:1fr 1fr 1fr} } .card{background:var(--card);border:1px solid var(--line);border-radius:16px; box-shadow:0 2px 10px rgba(0,0,0,.03)} .pad{padding:18px} .label{display:inline-block;font-size:11px;color:#fff;background:var(--brand); padding:4px 8px;border-radius:8px;margin-bottom:8px} h2{margin:0 0 10px;font-size:22px} h3{margin:0 0 6px;font-size:18px} p.sub{margin:0;color:var(--muted);font-size:14px} .actions{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap} .btn-sm, .btn-download{ display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;font-weight:700; border-radius:999px;border:0;padding:10px 16px;font-size:14px } .btn-sm:hover, .btn-download:hover{filter:brightness(.95);text-decoration:none} .footer-img{width:100%;border-radius:12px;margin-bottom:12px;border:1px solid var(--line);object-fit:cover;height:180px;background:#f4f4f4} footer{border-top:1px solid var(--line);padding:28px 0 50px;margin-top:10px} .foot-grid{display:grid;gap:18px;grid-template-columns:1fr} @media(min-width:900px){ .foot-grid{grid-template-columns:1fr 1fr 1fr} } .cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff; padding:10px 14px;border-radius:999px;border:0;font-weight:700} .cta:hover{filter:brightness(.97);text-decoration:none} .tiny{font-size:12px;color:var(--muted)}