@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
    :root {
      --bg:#090d0a;
      --surface:#121a14;
      --surface2:#1a231c;
      --line:#2a392d;
      --green:#b6ff2d;
      --text:#f3f7ed;
      --muted:#9aa99b;
    }
    * {
      box-sizing:border-box;
    }
    html {
      scroll-behavior:smooth;
    }
    body {
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family:'DM Sans',Arial,sans-serif;
    }
    a {
      color:inherit;
      text-decoration:none;
    }
    button {
      font:inherit;
    }
    a:focus-visible,button:focus-visible {
      outline:2px solid var(--green);
      outline-offset:4px;
    }
    .site-header {
      border-bottom:1px solid var(--line);
      background:#0b100c;
      position:relative;
      z-index:2;
    }
    .header-inner,main,.footer-inner {
      width:min(1180px,calc(100% - 40px));
      margin:auto;
    }
    .header-inner {
      min-height:76px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:30px;
    }
    .logo {
      font-family:'Barlow Condensed',Arial,sans-serif;
      font-size:27px;
      font-weight:800;
      letter-spacing:.02em;
      white-space:nowrap;
    }
    .logo span,.logo-mark {
      color:var(--green);
    }
    .logo-mark {
      font-size:18px;
      margin-right:6px;
    }
    .navbar {
      display:flex;
      align-items:center;
      gap:23px;
    }
    .navbar a {
      font-size:13px;
      font-weight:700;
      color:#c4cec2;
      white-space:nowrap;
    }
    .navbar a:hover,.footer-inner a:hover {
      color:var(--green);
    }
    .modal-content {
      background:var(--surface);
      border:1px solid var(--line);
      width:min(380px,100%);
      padding:50px 26px 28px;
      position:relative;
    }
    .modal-nav {
      display:grid;
      gap:5px;
    }
    .modal-nav a {
      padding:12px;
      border-bottom:1px solid var(--line);
    }
    .modal-nav a:hover {
      color:var(--green);
    }
    .eyebrow {
      color:var(--green);
      font-size:11px;
      font-weight:800;
      letter-spacing:.23em;
    }
    .section-heading h1 {
      font-family:'Barlow Condensed',Arial,sans-serif;
      text-transform:uppercase;
    }
    .btn-watch:hover {
      background:#d4ff86;
    }
    .channels-section {
      margin-top:68px;
    }
    .section-heading {
      display:flex;
      align-items:end;
      justify-content:space-between;
      border-bottom:1px solid var(--line);
      padding-bottom:17px;
      margin-bottom:23px;
    }
    .section-heading h1 {
      font-size:clamp(34px,4vw,52px);
      line-height:1;
      margin:8px 0 0;
    }
    .cards-container {
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:15px;
    }
    .card {
      background:var(--surface);
      border:1px solid var(--line);
      transition:transform .2s,border-color .2s;
    }
    .card:hover {
      transform:translateY(-4px);
      border-color:#78ab36;
    }
    .card-image {
      height:150px;
      background:radial-gradient(circle at 70% 55%,#2b4524,#18241b 55%,#111b13);
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
      overflow:hidden;
    }
    .card-image:after {
      content:'';
      position:absolute;
      width:170px;
      height:170px;
      border:1px solid #b6ff2d25;
      border-radius:50%;
      right:-48px;
      top:35px;
    }
    .card-image>span {
      position:absolute;
      left:15px;
      top:13px;
      font-size:11px;
      color:var(--green);
      font-weight:700;
    }
    .card-image strong {
      font-family:'Barlow Condensed',Arial,sans-serif;
      font-size:32px;
      line-height:.9;
      text-align:center;
      letter-spacing:.02em;
      color:#eaffdc;
    }
    .card-content {
      padding:19px;
    }
    .card-content h3 {
      margin:0 0 7px;
      font-size:17px;
    }
    .card-content p {
      color:var(--muted);
      font-size:12px;
      min-height:32px;
      margin:0 0 18px;
      line-height:1.5;
    }
    .btn-watch {
      display:flex;
      justify-content:space-between;
      align-items:center;
      background:var(--green);
      color:#10190b;
      padding:10px 12px;
      font-size:12px;
      text-transform:uppercase;
      font-weight:800;
      letter-spacing:.05em;
    }
    .btn-watch span {
      font-size:16px;
    }
    .channels-section {
      margin-bottom:90px;
    }
    footer {
      border-top:1px solid var(--line);
      background:#0d130e;
    }
    .footer-inner {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      min-height:100px;
    }
    .footer-inner p,.footer-inner>a:last-child {
      font-size:12px;
      color:var(--muted);
    }
    @media(max-width:900px) {
      .navbar {
        gap:12px;
      }
      .navbar a {
        font-size:11px;
      }
      .cards-container {
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }
    @media(max-width:720px) {
      .navbar {
        display:none;
      }
      #menu-toggle {
        display:flex;
      }
      .footer-inner {
        flex-wrap:wrap;
        padding:24px 0;
      }
      .footer-inner p {
        order:3;
        width:100%;
        margin:0;
      }
    }
    @media(max-width:480px) {
      .header-inner,main,.footer-inner {
        width:calc(100% - 28px);
      }
      .cards-container {
        grid-template-columns:1fr;
      }
      .card-image {
        height:135px;
      }
      .channels-section {
        margin-top:48px;
      }
    }
    
    
    
    /* ================================
   AGENDA / IFRAME
================================ */

.agenda-frame-wrapper{
    max-width:1000px;
    margin:20px auto;
    padding:0 20px;
}

.agenda-frame-wrapper iframe{
    display:block;
    width:100%;
    height:400px;
    border:none;
    border-radius:0px;
    overflow:hidden;
}