:root{
      --bg:#ffffff;
      --section:#f9fafb;
      --primary:#0f766e;
      --text:#1f2933;
      --muted:#5b6871;
      --border:rgba(15,118,110,.12);
      --shadow:0 14px 40px rgba(15,118,110,.08);
      --radius:26px;
      --radius-sm:18px;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      background:
        radial-gradient(circle at top left, rgba(15,118,110,.08), transparent 30%),
        radial-gradient(circle at top right, rgba(15,118,110,.05), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fcfefe 100%);
      color:var(--text);
      letter-spacing:-0.01em;
    }
    a{text-decoration:none;color:inherit}
    .navbar{
      background:rgba(255,255,255,.78);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(15,118,110,.08);
    }
    .brand-mark{
      width:38px;height:38px;border-radius:12px;
      background:linear-gradient(135deg, rgba(15,118,110,.14), rgba(15,118,110,.03));
      display:grid;place-items:center;
      color:var(--primary);
      font-weight:700;
      box-shadow:inset 0 0 0 1px rgba(15,118,110,.10);
    }
    .navbar-brand{
      display:flex;align-items:center;gap:.8rem;
      font-weight:600;
      color:var(--text);
    }
    .navbar-toggler{
      border:none;
      padding:.6rem .8rem;
      border-radius:999px;
      background:var(--section);
    }
    .navbar-toggler:focus{box-shadow:none}
    .nav-link{
      color:var(--text);
      font-weight:500;
      padding:.8rem 1rem;
      border-radius:999px;
      transition:all .25s ease;
    }
    .nav-link:hover{background:rgba(15,118,110,.08);color:var(--primary)}
    .hero-wrap{
      padding:1rem 0 2rem;
    }
    .hero-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:1rem;
      align-items:stretch;
    }
    .hero-copy,.hero-visual,.feature-card,.sidebar-card,.post-card,.footer-box{
      background:var(--section);
      border:1px solid var(--border);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .hero-copy{
      padding:2.25rem;
      display:flex;
      flex-direction:column;
      justify-content:center;
      position:relative;
      overflow:hidden;
      min-height:440px;
    }
    .hero-copy::before{
      content:"";
      position:absolute;
      inset:auto -60px -60px auto;
      width:220px;height:220px;border-radius:50%;
      background:radial-gradient(circle, rgba(15,118,110,.10), transparent 70%);
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      padding:.45rem .8rem;
      border-radius:999px;
      background:rgba(15,118,110,.08);
      color:var(--primary);
      font-size:.84rem;
      font-weight:600;
      width:max-content;
      margin-bottom:1rem;
    }
    h1,h2,h3,h4{
      font-weight:300;
      line-height:1.02;
      color:var(--text);
      margin:0;
    }
    h1{
      font-size:clamp(2.3rem,5vw,4.7rem);
      max-width:10ch;
    }
    .hero-copy p{
      margin:1rem 0 1.4rem;
      color:var(--muted);
      font-size:1rem;
      max-width:58ch;
    }
    .btn-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.55rem;
      border-radius:999px;
      padding:.82rem 1.2rem;
      font-weight:600;
      transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .btn-pill:hover{
      transform:translateY(-2px);
    }
    .btn-main{
      background:var(--primary);
      color:#fff;
      box-shadow:0 10px 24px rgba(15,118,110,.18);
    }
    .btn-main:hover{color:#fff}
    .btn-soft{
      background:#fff;
      color:var(--text);
      border:1px solid var(--border);
    }
    .mini-stats{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:.8rem;
      margin-top:1.6rem;
    }
    .mini-stat{
      padding:.95rem 1rem;
      border-radius:20px;
      background:rgba(255,255,255,.72);
      border:1px solid rgba(15,118,110,.10);
    }
    .mini-stat strong{
      display:block;
      font-size:1.1rem;
      font-weight:600;
      color:var(--primary);
    }
    .mini-stat span{
      font-size:.84rem;
      color:var(--muted);
    }
    .hero-visual{
      overflow:hidden;
      position:relative;
      min-height:440px;
    }
    .hero-visual img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      filter:contrast(1.03) saturate(1.02);
      transition:transform .45s ease;
    }
    .hero-visual:hover img{transform:scale(1.03)}
    .hero-badge{
      position:absolute;
      left:1rem;
      bottom:1rem;
      background:rgba(255,255,255,.9);
      backdrop-filter:blur(10px);
      border:1px solid rgba(15,118,110,.12);
      border-radius:22px;
      padding:1rem 1.1rem;
      max-width:320px;
    }
    .hero-badge small{
      display:block;
      color:var(--muted);
      margin-bottom:.25rem;
    }
    .section-pad{padding:1rem 0}
    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:1rem;
      margin-bottom:1rem;
    }
    .section-head p{
      margin:.4rem 0 0;
      color:var(--muted);
      max-width:62ch;
    }
    .features-layout{
      display:grid;
      grid-template-columns:1.15fr .85fr .9fr;
      gap:1rem;
    }
    .feature-card{
      padding:1.25rem;
      min-height:100%;
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .feature-card:hover{
      transform:translateY(-4px);
      box-shadow:0 18px 42px rgba(15,118,110,.11);
    }
    .icon-chip{
      width:48px;height:48px;border-radius:16px;
      display:grid;place-items:center;
      background:rgba(15,118,110,.09);
      color:var(--primary);
      margin-bottom:1rem;
    }
    .feature-card h3{
      font-size:1.25rem;
      margin-bottom:.65rem;
    }
    .feature-card p{
      margin:0;
      color:var(--muted);
      line-height:1.6;
    }
    .content-grid{
      display:grid;
      grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);
      gap:1rem;
      align-items:start;
    }
    .posts-list{
      display:grid;
      gap:.9rem;
    }
    .post-card{
      padding:1rem;
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .post-card:hover{
      transform:translateY(-3px);
      border-color:rgba(15,118,110,.2);
      box-shadow:0 18px 42px rgba(15,118,110,.10);
    }
    .post-inner{
      display:grid;
      grid-template-columns:160px 1fr;
      gap:1rem;
      align-items:center;
    }
    .post-thumb{
      width:100%;
      height:120px;
      border-radius:20px;
      overflow:hidden;
      background:#eef6f5;
      border:1px solid rgba(15,118,110,.08);
    }
    .post-thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      transition:transform .35s ease;
    }
    .post-card:hover .post-thumb img{transform:scale(1.05)}
    .post-meta{
      display:flex;
      gap:.55rem;
      align-items:center;
      margin-bottom:.45rem;
      flex-wrap:wrap;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      padding:.32rem .7rem;
      border-radius:999px;
      background:rgba(15,118,110,.08);
      color:var(--primary);
      font-size:.78rem;
      font-weight:600;
    }
    .read-link{
      color:var(--primary);
      font-weight:600;
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      margin-top:.7rem;
    }
    .sidebar-stack{
      display:grid;
      gap:1rem;
      position:sticky;
      top:92px;
    }
    .sidebar-card{
      padding:1.2rem;
    }
    .sidebar-card h3{
      font-size:1.2rem;
      margin-bottom:.9rem;
    }
    .sidebar-list{
      display:grid;
      gap:.75rem;
    }
    .sidebar-link{
      display:flex;
      justify-content:space-between;
      gap:.8rem;
      align-items:center;
      padding:.85rem 1rem;
      border-radius:18px;
      background:#fff;
      border:1px solid rgba(15,118,110,.08);
      transition:all .22s ease;
    }
    .sidebar-link:hover{
      background:rgba(15,118,110,.05);
      transform:translateX(3px);
      color:var(--primary);
    }
    .newsletter{
      background:linear-gradient(180deg, rgba(15,118,110,.08), rgba(15,118,110,.03));
    }
    .newsletter p,.footer-box p{color:var(--muted)}
    .form-control{
      border-radius:999px;
      border:1px solid rgba(15,118,110,.14);
      min-height:48px;
      padding:0 1rem;
    }
    .form-control:focus{
      border-color:rgba(15,118,110,.28);
      box-shadow:0 0 0 .2rem rgba(15,118,110,.08);
    }
    footer{
      padding:1rem 0 2rem;
    }
    .footer-box{
      padding:1rem 1.2rem;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:1rem;
      align-items:start;
    }
    .footer-nav{
      display:grid;
      gap:.55rem;
    }
    .footer-nav a{
      color:var(--muted);
      transition:color .2s ease, transform .2s ease;
    }
    .footer-nav a:hover{
      color:var(--primary);
      transform:translateX(2px);
    }
    .micro{
      transition:all .2s ease;
    }
    .micro:hover{transform:scale(1.02)}
    @media (max-width: 1199.98px){
      .features-layout{grid-template-columns:1fr 1fr}
      .features-layout .feature-card:first-child{grid-column:1 / -1}
    }
    @media (max-width: 991.98px){
      .hero-grid,
      .content-grid,
      .footer-grid{grid-template-columns:1fr}
      .features-layout{grid-template-columns:1fr}
      .sidebar-stack{position:static}
      .hero-copy,.hero-visual{min-height:auto}
    }
    @media (max-width: 767.98px){
      .hero-copy{padding:1.4rem}
      .mini-stats{grid-template-columns:1fr}
      .post-inner{grid-template-columns:1fr}
      .post-thumb{height:200px}
      .section-head{align-items:start;flex-direction:column}
      h1{max-width:100%}
    }