/* Basic responsive layout */
    :root{
      --max-width:1100px;
      --accent:#10b981;
      --text:#0f172a;
      --muted:#6b7280;
      --bg:#ffffff;
      --card:#f8fafb;
      --radius:10px;
      --container-pad:22px;
      font-family: Inter, "Helvetica Neue", Arial, sans-serif;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      color:var(--text);
      background:var(--bg);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      line-height:1.6;
    }
    .wrap{
      max-width:var(--max-width);
      margin:28px auto;
      padding:var(--container-pad);
    }

    header{
      display:flex;
      gap:18px;
      align-items:center;
      margin-bottom:18px;
    }
    .logo{height:54px; width:auto; display:block}
    h1{
      font-size:24px;
      margin:0;
      line-height:1.12;
    }
    .subtitle{
      color:var(--muted);
      margin-top:6px;
      font-size:15px;
    }

    .grid{
      display:grid;
      grid-template-columns: 1fr 340px;
      gap:24px;
      align-items:start;
      margin-top:20px;
    }

    .content{
      background:#ffffff;
      padding:18px;
      border-radius:10px;
      box-shadow: 0 6px 18px rgba(5,10,20,0.04);
    }

    .aside{
      position:sticky;
      top:22px;
      align-self:start;
    }
    .card{
      background:var(--card);
      padding:16px;
      border-radius:10px;
    }
    .cta{
      display:flex;
      flex-direction:column;
      gap:10px;
      margin-top:12px;
    }
    .btn{
      display:inline-block;
      background:var(--accent);
      color:#042016;
      padding:12px 16px;
      border-radius:8px;
      text-decoration:none;
      font-weight:600;
      text-align:center;
    }
    .btn.secondary{
      background:#fff;
      color:var(--text);
      border:1px solid #e6eef0;
    }

    h2{font-size:20px; margin:18px 0 10px}
    h3{font-size:16px; margin:12px 0}
    p{margin:10px 0; font-size:15px; color:var(--text)}
    ul{margin:12px 0 12px 20px}
    li{margin:8px 0; color:var(--text)}
    .muted{color:var(--muted); font-size:14px}
    .feature-list{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      margin-top:12px;
    }
    .feature{
      background:#fff;
      border-radius:8px;
      padding:12px;
      border:1px dashed #e6eef0;
      font-size:14px;
    }

    .faq{margin-top:18px}
    .faq dt{font-weight:700; margin-top:12px}
    .faq dd{margin:6px 0 14px 0; color:var(--muted)}

    footer{
      margin-top:26px;
      color:var(--muted);
      font-size:13px;
      text-align:center;
    }

    /* Responsive */
    @media (max-width:960px){
      .grid{grid-template-columns:1fr}
      .aside{position:static}
      header{flex-direction:row; gap:12px}
    }
    @media (max-width:520px){
      h1{font-size:20px}
      .logo{height:44px}
      .feature-list{grid-template-columns:1fr}
    }