:root{
      --text:#0f1724;
      --muted:#6b7280;
      --accent:#0f7a6e;
      --accent-dark:#0b6a5a;
      --bg:#ffffff;
      --max-width:1100px;
      --content-padding:28px;
      --container-gap:24px;
      --radius:10px;
    }
    *{box-sizing:border-box}
    html,body{height:100%; margin:0; background:var(--bg); font-family:Inter, "Helvetica Neue", Arial, sans-serif; color:var(--text); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
    a{color:var(--accent); text-decoration:none}
    .page{
      max-width:var(--max-width);
      margin:28px auto;
      padding:var(--content-padding);
    }
    .header{
      display:flex;
      gap:18px;
      align-items:center;
      margin-bottom:18px;
    }
    .logo{
      width:64px;
      height:64px;
      background:#f3f4f6;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:8px;
      overflow:hidden;
    }
    .logo img{width:100%; height:100%; object-fit:contain; display:block}
    .eyebrow{font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:0.12em}
    h1{font-size:28px; margin:6px 0 4px; line-height:1.1}
    .subtitle{color:var(--muted); margin-bottom:18px}
    .content{display:grid; grid-template-columns: 1fr; gap:20px;}
    .lead{font-size:16px; color:var(--text); line-height:1.6}
    .section h2{font-size:20px; margin:12px 0; color:var(--accent-dark)}
    .section p{margin:8px 0; color:var(--text); line-height:1.65}
    ul{margin:8px 0 16px 20px}
    li{margin:8px 0; line-height:1.6}
    .callout{
      background:#f8fafb;
      border-left:4px solid var(--accent);
      padding:12px 14px;
      border-radius:8px;
      color:var(--text);
      margin:14px 0;
    }
    .grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
    }
    .cta{
      margin-top:18px;
      display:flex;
      gap:12px;
      align-items:center;
      flex-wrap:wrap;
    }
    .button{
      display:inline-block;
      padding:12px 18px;
      background:var(--accent);
      color:#ffffff;
      border-radius:8px;
      font-weight:600;
    }
    .muted{color:var(--muted); font-size:14px}
    footer{margin-top:28px; color:var(--muted); font-size:13px}
    @media (max-width:880px){
      .grid{grid-template-columns:1fr}
      h1{font-size:22px}
      .header{gap:12px}
    }