/* PSC Styles – Full Look */
:root { --psc-green:#006633; --psc-green-2:#0a7a43; --psc-green-3:#119651; --psc-black:#111; --psc-dark:#333; --psc-gray:#f5f7f6; --psc-card:#fff; --psc-border:#e6eae7; }
*{box-sizing:border-box} html,body{margin:0;padding:0} img{max-width:100%;display:block} a{color:inherit}
body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;color:var(--psc-black);line-height:1.6;background:#fff}
.site-header{background:linear-gradient(90deg,var(--psc-green) 0%,var(--psc-green-2) 60%,var(--psc-green-3) 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px}.logo{height:56px;width:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}
.brand-text h1{margin:0;font-size:1.6rem}.brand-text p{margin:0;font-size:.95rem;opacity:.92}
.site-nav{display:flex;gap:8px}.site-nav a{color:#fff;text-decoration:none;padding:8px 14px;border-radius:20px;background:rgba(255,255,255,.12)}.site-nav a:hover{background:rgba(255,255,255,.22)}
.content{max-width:1100px;margin:0 auto;padding:32px 20px}.content h2{color:var(--psc-green);margin-top:0}.section-lead{color:var(--psc-dark)}
.hero{background:var(--psc-gray);border-bottom:1px solid var(--psc-border)}
.hero-inner{max-width:1100px;margin:0 auto;padding:44px 20px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.hero h2{color:var(--psc-green);margin-top:0}.hero p{max-width:720px;margin:10px 0}
.hero-illustration{width:100%;max-width:420px;margin:0 auto}
.hero-bullets{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:900px;margin:14px 0}
.hero-bullets li{background:var(--psc-card);padding:10px 12px;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;align-items:center;gap:10px}
.bullet-icon{width:22px;height:22px}
.cta-button{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:12px 18px;background:var(--psc-green);color:#fff;text-decoration:none;border-radius:999px;box-shadow:0 4px 12px rgba(0,102,51,.25)} .cta-button:hover{background:var(--psc-green-2)}
.marketing{padding:56px 20px;background:#fff}.marketing .section-lead{max-width:900px;margin:8px auto 24px;text-align:center}
.risk-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;max-width:1100px;margin:24px auto}
.risk{background:var(--psc-gray);border:1px solid #e9efe9;border-radius:10px;padding:12px;text-align:center}
.bcb-benefits{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px;max-width:1100px;margin:24px auto}
.benefit{background:var(--psc-card);border-radius:14px;padding:22px;box-shadow:0 6px 16px rgba(0,0,0,.08)} .benefit h3{color:var(--psc-green);margin-top:0}
.stats{display:flex;justify-content:center;gap:24px;margin-top:28px;flex-wrap:wrap}
.stat{background:var(--psc-gray);border-radius:12px;padding:16px 20px;min-width:240px;text-align:center} .stat .value{font-size:2rem;color:var(--psc-green);font-weight:700}
.tiles{background:var(--psc-gray);padding:44px 20px} .tiles .content{padding:0}
.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;max-width:1100px;margin:0 auto}
.tile{background:var(--psc-card);border-radius:14px;padding:18px;box-shadow:0 6px 16px rgba(0,0,0,.06)} .tile h3{display:flex;align-items:center;gap:10px;color:var(--psc-green);margin-top:0} .tile-icon{width:26px;height:26px}
.contact-grid{display:grid;grid-template-columns:1fr;gap:24px} .contact-card{background:var(--psc-card);border-radius:12px;padding:18px;box-shadow:0 3px 10px rgba(0,0,0,.06)} .contact-item{display:flex;gap:10px;margin-bottom:8px} .contact-icon{width:20px;height:20px;margin-top:2px}
.site-footer{background:var(--psc-dark);color:#fff;text-align:center;padding:16px} .site-footer a{color:#fff}
.partner-block {text-align: center;margin-top: 40px;}
.partner-block img.partner-logo{ background-position: center 0; max-width: 220px; margin-top: 20px; }
@media(max-width:1024px){.bcb-benefits{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-bullets{grid-template-columns:1fr}}
@media(max-width:768px){.risk-grid{grid-template-columns:repeat(2,1fr)}.tile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.risk-grid{grid-template-columns:1fr}.tile-grid{grid-template-columns:1fr}}





/* ===== Navigation (robust) ===== */
.site-nav { position: relative; }

/* Desktop */
.nav-toggle { display: none; }
.nav-links{
  display:flex;
  align-items:center;
  gap:8px;
  white-space: nowrap;
}

/* Mobile */
@media (max-width: 900px){
  .site-header{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .brand{
    justify-content: flex-start;
  }
  .site-nav{
    display:flex;
    justify-content: space-between;
    align-items:center;
  }
  .nav-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border:1px solid rgba(255,255,255,0.35);
    background: rgba(255,255,255,0.16);
    color:#fff;
    border-radius:10px;
    cursor:pointer;
  }
  .nav-toggle:hover{ background: rgba(255,255,255,0.24); }

  .nav-links{
    position:absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    display: grid;
    gap: 6px;
    padding: 10px;
    border-radius: 12px;
    background: var(--psc-card);
    border: 1px solid var(--psc-border);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
    white-space: normal;
    opacity: 0;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
    z-index: 999;
  }
  .site-nav.menu-open .nav-links{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  .nav-links a{
    background: transparent !important;
    color: var(--psc-black);
    padding: 12px 12px;
    border-radius: 10px;
  }
  .nav-links a:hover,
  .nav-links a:focus{
    background: rgba(0,102,51,0.12) !important;
  }
}

/* Better mobile layout for tiles/benefits */
@media (max-width: 768px){
  .hero-inner{ padding: 34px 18px; }
  .content{ padding: 26px 18px; }
  .tile-grid{ grid-template-columns: 1fr; }
  .bcb-benefits{ grid-template-columns: 1fr; }
  .risk-grid{ grid-template-columns: 1fr; }
}

/* Screenreader utility */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}