:root{
      --bg:#ffffff;
      --section:#f9fafb;
      --primary:#0ea5e9;
      --text:#1e293b;
      --muted:#64748b;
      --border:#dbeafe;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:'Inter',sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.65;
    }
    a{
      color:var(--primary);
      text-decoration:none;
    }
    a:hover{
      color:#0284c7;
    }
    .site-header{
      position:sticky;
      top:0;
      z-index:1030;
      background:rgba(255,255,255,.9);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(14,165,233,.12);
    }
    .navbar{
      padding-top:1rem;
      padding-bottom:1rem;
    }
    .navbar-brand{
      font-weight:800;
      font-size:1.15rem;
      letter-spacing:-0.03em;
      color:var(--text);
    }
    .navbar-toggler{
      border:none;
      border-radius:999px;
      padding:.6rem .9rem;
      background:var(--section);
    }
    .navbar-toggler:focus{
      box-shadow:0 0 0 .2rem rgba(14,165,233,.15);
    }
    .nav-link{
      color:var(--text);
      font-weight:600;
      padding:.75rem 1rem;
      border-radius:999px;
    }
    .nav-link:hover{
      background:#eff6ff;
      color:var(--primary);
    }
    .hero-wrap{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 15% 20%, rgba(14,165,233,.16), transparent 28%),
        radial-gradient(circle at 85% 15%, rgba(56,189,248,.18), transparent 28%),
        radial-gradient(circle at 70% 75%, rgba(186,230,253,.45), transparent 28%),
        linear-gradient(135deg, #f0f9ff 0%, #ffffff 45%, #f9fafb 100%);
    }
    .hero-wrap::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 30% 40%, rgba(14,165,233,.08), transparent 20%),
        radial-gradient(circle at 60% 60%, rgba(125,211,252,.12), transparent 24%),
        radial-gradient(circle at 90% 70%, rgba(14,165,233,.07), transparent 20%);
      pointer-events:none;
    }
    .hero{
      position:relative;
      padding:5rem 0 4rem;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      background:#ecfeff;
      color:#0369a1;
      border:1px solid rgba(14,165,233,.18);
      border-radius:999px;
      padding:.55rem .9rem;
      font-size:.88rem;
      font-weight:700;
      margin-bottom:1.25rem;
    }
    .hero-title{
      font-size:clamp(2.4rem, 5vw, 5.1rem);
      line-height:1.02;
      letter-spacing:-0.05em;
      font-weight:800;
      max-width:10ch;
      margin-bottom:1.25rem;
    }
    .hero-text{
      font-size:1.08rem;
      color:var(--muted);
      max-width:42rem;
      margin-bottom:2rem;
    }
    .btn-pill{
      border-radius:999px;
      padding:.85rem 1.35rem;
      font-weight:700;
      border:1px solid transparent;
    }
    .btn-primary-custom{
      background:var(--primary);
      color:#fff;
    }
    .btn-primary-custom:hover{
      background:#0284c7;
      color:#fff;
    }
    .btn-light-custom{
      background:#fff;
      color:var(--text);
      border-color:rgba(14,165,233,.18);
    }
    .btn-light-custom:hover{
      background:#f0f9ff;
      color:var(--primary);
      border-color:rgba(14,165,233,.28);
    }
    .hero-aside{
      background:rgba(255,255,255,.78);
      border:1px solid rgba(14,165,233,.15);
      border-radius:2rem;
      padding:1.25rem;
      box-shadow:0 20px 50px rgba(15,23,42,.06);
    }
    .hero-card-main{
      background:var(--section);
      border:1px solid rgba(14,165,233,.12);
      border-radius:1.75rem;
      overflow:hidden;
    }
    .hero-card-main img{
      width:100%;
      height:270px;
      object-fit:cover;
      border-bottom:1px solid rgba(14,165,233,.14);
    }
    .hero-card-main .meta{
      padding:1.2rem;
    }
    .meta-kicker{
      font-size:.78rem;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:var(--primary);
      font-weight:800;
      margin-bottom:.55rem;
    }
    .meta-title{
      font-size:1.2rem;
      line-height:1.25;
      font-weight:800;
      margin-bottom:.65rem;
    }
    .meta-text{
      color:var(--muted);
      font-size:.96rem;
      margin-bottom:0;
    }
    .mini-note{
      margin-top:1rem;
      padding:1rem 1.1rem;
      border-radius:1.35rem;
      background:#fff;
      border:1px solid rgba(14,165,233,.12);
      color:var(--muted);
      font-size:.95rem;
    }
    .section-shell{
      padding:5rem 0;
    }
    .section-bg{
      background:var(--section);
    }
    .section-title{
      font-size:clamp(1.9rem, 3vw, 3rem);
      line-height:1.08;
      letter-spacing:-0.04em;
      font-weight:800;
      margin-bottom:.9rem;
    }
    .section-intro{
      color:var(--muted);
      max-width:52rem;
      margin-bottom:0;
    }
    .feature-layout{
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:1.5rem;
      align-items:stretch;
    }
    .feature-highlight{
      background:#fff;
      border:1px solid rgba(14,165,233,.14);
      border-radius:2rem;
      padding:1.6rem;
      display:grid;
      grid-template-columns:1fr;
      gap:1.2rem;
      height:100%;
    }
    .feature-highlight img{
      width:100%;
      height:300px;
      object-fit:cover;
      border:1px solid rgba(14,165,233,.18);
      border-radius:1.5rem;
      background:#fff;
    }
    .feature-side{
      display:grid;
      gap:1.5rem;
    }
    .feature-box{
      background:#fff;
      border:1px solid rgba(14,165,233,.14);
      border-radius:1.75rem;
      padding:1.4rem;
      height:100%;
    }
    .feature-box h3{
      font-size:1.15rem;
      font-weight:800;
      margin-bottom:.75rem;
    }
    .feature-box p{
      color:var(--muted);
      margin-bottom:0;
    }
    .content-grid{
      display:grid;
      grid-template-columns:repeat(12, 1fr);
      gap:1.5rem;
    }
    .post-card{
      background:#fff;
      border:1px solid rgba(14,165,233,.14);
      border-radius:1.8rem;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      height:100%;
    }
    .post-card.large{
      grid-column:span 7;
    }
    .post-card.tall{
      grid-column:span 5;
    }
    .post-card.medium{
      grid-column:span 4;
    }
    .post-card.wide{
      grid-column:span 8;
    }
    .post-card.compact{
      grid-column:span 4;
    }
    .post-image{
      overflow:hidden;
      background:#fff;
      border-bottom:1px solid rgba(14,165,233,.14);
    }
    .post-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      border:8px solid #fff;
      border-radius:1.35rem;
    }
    .post-card.large .post-image{padding:1rem 1rem 0}
    .post-card.tall .post-image{padding:1rem 1rem 0}
    .post-card.medium .post-image{padding:1rem 1rem 0}
    .post-card.wide .post-image{padding:1rem 1rem 0}
    .post-card.compact .post-image{padding:1rem 1rem 0}
    .post-card.large .post-image img{height:260px}
    .post-card.tall .post-image img{height:420px}
    .post-card.medium .post-image img{height:210px}
    .post-card.wide .post-image img{height:230px}
    .post-card.compact .post-image img{height:230px}
    .post-body{
      padding:1.2rem 1.25rem 1.35rem;
      display:flex;
      flex-direction:column;
      gap:.8rem;
      flex:1;
    }
    .post-tag{
      display:inline-block;
      align-self:flex-start;
      padding:.35rem .75rem;
      border-radius:999px;
      background:#f0f9ff;
      color:#0369a1;
      font-size:.8rem;
      font-weight:700;
    }
    .post-title{
      font-size:1.28rem;
      line-height:1.2;
      font-weight:800;
      margin:0;
      color:var(--text);
    }
    .post-excerpt{
      color:var(--muted);
      margin:0;
      flex:1;
    }
    .read-link{
      font-weight:800;
      color:var(--primary);
    }
    .editorial-strip{
      background:#fff;
      border:1px solid rgba(14,165,233,.14);
      border-radius:2rem;
      padding:1.75rem;
      display:grid;
      grid-template-columns:1fr auto;
      gap:1rem;
      align-items:center;
    }
    .editorial-strip p{
      margin:0;
      color:var(--muted);
      max-width:46rem;
    }
    footer{
      background:var(--section);
      border-top:1px solid rgba(14,165,233,.12);
    }
    .footer-inner{
      padding:2.2rem 0;
    }
    .footer-brand{
      font-weight:800;
      color:var(--text);
      margin-bottom:.35rem;
    }
    .footer-text{
      color:var(--muted);
      margin-bottom:0;
    }
    .footer-nav{
      display:flex;
      flex-wrap:wrap;
      gap:1rem;
      justify-content:flex-md-end;
    }
    .footer-nav a{
      color:var(--text);
      font-weight:600;
    }
    @media (max-width: 991.98px){
      .hero{
        padding:4rem 0 3rem;
      }
      .feature-layout{
        grid-template-columns:1fr;
      }
      .content-grid{
        grid-template-columns:repeat(6, 1fr);
      }
      .post-card.large,
      .post-card.tall,
      .post-card.medium,
      .post-card.wide,
      .post-card.compact{
        grid-column:span 6;
      }
      .post-card.tall .post-image img{
        height:260px;
      }
      .editorial-strip{
        grid-template-columns:1fr;
      }
    }
    @media (max-width: 575.98px){
      .section-shell{
        padding:4rem 0;
      }
      .content-grid{
        grid-template-columns:1fr;
      }
      .post-card.large,
      .post-card.tall,
      .post-card.medium,
      .post-card.wide,
      .post-card.compact{
        grid-column:auto;
      }
      .hero-title{
        max-width:100%;
      }
      .footer-nav{
        justify-content:flex-start;
      }
    }