:root{
      --bg:#ffffff;
      --section:#f9fafb;
      --primary:#0f766e;
      --primary-soft:#dff4f1;
      --text:#111827;
      --muted:#6b7280;
      --border:#d1d5db;
    }
    html,body{
      background:var(--bg);
      color:var(--text);
      font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }
    body{
      letter-spacing:-0.01em;
    }
    a{
      color:var(--primary);
      text-decoration:none;
    }
    a:hover{
      color:#0b5f59;
    }
    .navbar{
      background:rgba(255,255,255,.94);
      border-bottom:1px solid rgba(15,118,110,.08);
      backdrop-filter:saturate(180%) blur(8px);
    }
    .navbar-brand{
      font-weight:600;
      color:var(--text);
      letter-spacing:-0.03em;
    }
    .nav-link{
      color:var(--text);
      font-weight:500;
      border-radius:999px;
      padding:.65rem 1rem !important;
    }
    .nav-link:hover,
    .nav-link.active{
      background:var(--primary-soft);
      color:var(--primary);
    }
    .hero{
      padding:8rem 0 5rem;
      background:
        linear-gradient(135deg, rgba(15,118,110,.14) 0%, rgba(249,250,251,1) 38%, rgba(15,118,110,.07) 100%);
    }
    .hero-kicker{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:.45rem .9rem;
      border-radius:999px;
      background:#ffffff;
      border:1px solid rgba(15,118,110,.14);
      color:var(--primary);
      font-size:.92rem;
      font-weight:600;
    }
    .display-thin{
      font-weight:300;
      letter-spacing:-0.05em;
      line-height:.98;
    }
    .hero-card,
    .feature-card,
    .sidebar-card,
    .post-card,
    .footer-card{
      background:#ffffff;
      border:1px solid var(--border);
      border-radius:1.4rem;
    }
    .hero-card{
      padding:1.5rem;
      box-shadow:0 20px 60px rgba(17,24,39,.04);
    }
    .metric{
      padding:1rem 1.1rem;
      border-radius:1.1rem;
      background:var(--section);
      border:1px solid rgba(15,118,110,.08);
      height:100%;
    }
    .metric strong{
      display:block;
      font-size:1.4rem;
      font-weight:600;
      color:var(--primary);
    }
    .btn-pill{
      border-radius:999px;
      padding:.9rem 1.35rem;
      font-weight:600;
      border:1px solid transparent;
    }
    .btn-primary-custom{
      background:var(--primary);
      color:#fff;
    }
    .btn-primary-custom:hover{
      background:#0c625b;
      color:#fff;
    }
    .btn-outline-custom{
      background:#fff;
      color:var(--primary);
      border-color:rgba(15,118,110,.22);
    }
    .btn-outline-custom:hover{
      background:var(--primary-soft);
      color:var(--primary);
      border-color:rgba(15,118,110,.28);
    }
    .section-shell{
      background:var(--section);
      border-top:1px solid rgba(15,118,110,.06);
      border-bottom:1px solid rgba(15,118,110,.06);
    }
    .section-space{
      padding:5rem 0;
    }
    .section-title{
      font-size:clamp(2rem,3vw,3.25rem);
      font-weight:300;
      letter-spacing:-0.05em;
      line-height:1.05;
      margin-bottom:1rem;
    }
    .section-lead{
      color:var(--muted);
      max-width:60ch;
      font-size:1.05rem;
    }
    .feature-card{
      padding:1.5rem;
      height:100%;
      position:relative;
    }
    .feature-badge{
      width:3rem;
      height:3rem;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:1rem;
      background:var(--primary-soft);
      color:var(--primary);
      font-weight:700;
      margin-bottom:1rem;
    }
    .content-wrap{
      display:flex;
      flex-wrap:wrap;
      gap:2rem;
      align-items:flex-start;
    }
    .main-column{
      flex:1 1 0;
      min-width:0;
    }
    .sidebar{
      width:100%;
      max-width:320px;
      flex:0 0 320px;
    }
    .masonry{
      column-count:2;
      column-gap:1.5rem;
    }
    .post-item{
      break-inside:avoid;
      margin-bottom:1.5rem;
    }
    .post-card{
      overflow:hidden;
      box-shadow:0 16px 40px rgba(17,24,39,.035);
    }
    .post-card img{
      width:100%;
      display:block;
      border-bottom:1px solid var(--border);
      object-fit:cover;
      background:var(--section);
    }
    .post-body{
      padding:1.25rem 1.25rem 1.4rem;
    }
    .post-tag{
      display:inline-block;
      padding:.35rem .75rem;
      border-radius:999px;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:.8rem;
      font-weight:600;
      margin-bottom:.85rem;
    }
    .post-title{
      font-size:1.2rem;
      font-weight:500;
      letter-spacing:-0.03em;
      line-height:1.2;
      margin-bottom:.8rem;
    }
    .post-excerpt{
      color:var(--muted);
      margin-bottom:1.15rem;
    }
    .read-more{
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      font-weight:600;
      color:var(--primary);
    }
    .sidebar-card{
      padding:1.4rem;
      margin-bottom:1.25rem;
    }
    .sidebar-title{
      font-size:1rem;
      font-weight:600;
      margin-bottom:1rem;
      letter-spacing:-0.02em;
    }
    .topic-list,
    .mini-list,
    .footer-links{
      list-style:none;
      padding:0;
      margin:0;
    }
    .topic-list li,
    .mini-list li{
      border-bottom:1px solid rgba(15,118,110,.08);
      padding:.8rem 0;
    }
    .topic-list li:last-child,
    .mini-list li:last-child{
      border-bottom:none;
      padding-bottom:0;
    }
    .topic-list li:first-child,
    .mini-list li:first-child{
      padding-top:0;
    }
    .chip{
      display:inline-block;
      padding:.45rem .8rem;
      margin:.25rem .25rem 0 0;
      border-radius:999px;
      background:#fff;
      border:1px solid rgba(15,118,110,.14);
      color:var(--text);
      font-size:.9rem;
    }
    .newsletter-input{
      border-radius:999px;
      border:1px solid var(--border);
      padding:.85rem 1rem;
      color:var(--text);
      box-shadow:none;
    }
    .newsletter-input:focus{
      border-color:rgba(15,118,110,.4);
      box-shadow:none;
    }
    footer{
      background:var(--section);
      padding:4rem 0 2rem;
      border-top:1px solid rgba(15,118,110,.06);
    }
    .footer-brand{
      font-size:1.35rem;
      font-weight:600;
      letter-spacing:-0.04em;
    }
    .footer-heading{
      font-size:1rem;
      font-weight:600;
      margin-bottom:1rem;
    }
    .footer-links li{
      margin-bottom:.7rem;
    }
    .footer-links a{
      color:var(--muted);
    }
    .footer-links a:hover{
      color:var(--primary);
    }
    .small-muted{
      color:var(--muted);
    }
    @media (max-width: 1199.98px){
      .sidebar{
        max-width:280px;
        flex-basis:280px;
      }
    }
    @media (max-width: 991.98px){
      .hero{
        padding:7rem 0 4rem;
      }
      .content-wrap{
        flex-direction:column;
      }
      .sidebar{
        max-width:none;
        flex:1 1 100%;
      }
      .masonry{
        column-count:1;
      }
    }
    @media (max-width: 767.98px){
      .section-space{
        padding:4rem 0;
      }
      .hero-card{
        margin-top:1.5rem;
      }
    }