:root{
      --bg:#f5f9ff;
      --card:#ffffff;
      --primary-600:#0284c7;
      --primary-500:#0ea5e9;
      --accent:#00bfff;
      --muted:#64748b;
      --radius:14px;
      --max-width:1200px;
    }
    *{box-sizing:border-box}
    body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:var(--bg); color:#0f172a; line-height:1.6;}
    a{color:var(--primary-600); text-decoration:none}
    header{background:linear-gradient(90deg,var(--primary-600),var(--accent)); color:white; padding:64px 20px; text-align:center}
    header h1{font-size:2.2rem; margin:0 0 8px}
    header p{max-width:900px; margin:0 auto; opacity:.95}
    .container{max-width:var(--max-width); margin:0 auto; padding:40px 20px}
    .card{background:var(--card); border-radius:var(--radius); box-shadow:0 6px 22px rgba(2,132,199,0.08); padding:28px; margin-bottom:28px}
    .grid{display:grid; gap:20px}
    /* responsive grids */
    .two-col{grid-template-columns:1fr; align-items:center}
    .three-col{grid-template-columns:1fr}
    @media(min-width:900px){ .two-col{grid-template-columns:1fr 420px} .three-col{grid-template-columns:1fr 360px} }
    .section-title{color:var(--primary-600); font-size:1.4rem; margin-bottom:16px}
    h2{color:#064e77; margin:0 0 8px}
    h3{color:var(--primary-500); margin:0 0 10px}
    p.lead{color:#0b2540}
    ul{padding-left:1.15rem; margin:8px 0}
    .img-placeholder{
      background:linear-gradient(180deg,#e6f2ff,#f8fbff);
      border-radius:10px;
      min-height:220px; display:flex; align-items:center; justify-content:center;
      color:var(--muted); font-style:italic; border:1px dashed rgba(2,132,199,0.12);
    }
    /* two column sub-sections */
    .split{display:grid; gap:18px; grid-template-columns:1fr; margin-top:12px}
    @media(min-width:900px){ .split{grid-template-columns:1fr 1fr} }
    .feature{display:flex; gap:12px; align-items:flex-start}
    .feature .dot{width:10px;height:10px;background:var(--primary-500);border-radius:50%;margin-top:8px}
    /* process grid (four blocks) */
    .process-grid{display:grid; gap:16px; grid-template-columns:1fr}
    @media(min-width:900px){ .process-grid{grid-template-columns:repeat(2,1fr)} }
    .process-block{background:#fbfdff;border-radius:12px;padding:16px;border:1px solid rgba(2,132,199,0.06)}
    .muted{color:var(--muted);font-size:0.95rem}
    footer{background:var(--card); border-top:1px solid #e6eef9; padding:26px 20px; color:var(--muted); text-align:center}
    .why-list{display:grid; gap:10px; margin-top:12px}
    @media(min-width:900px){ .why-list{grid-template-columns:repeat(2,1fr)} }
    .why-item{background:#fbfeff;border-radius:10px;padding:12px;border:1px solid rgba(2,132,199,0.04)}
    .btn{display:inline-block;background:linear-gradient(90deg,var(--primary-500),var(--accent)); color:white;padding:10px 16px;border-radius:10px;text-decoration:none}
    /* small */
    .kicker{font-size:0.85rem;color:var(--primary-600); font-weight:600; margin-bottom:8px}
    code{background:#f1f5f9;padding:2px 6px;border-radius:6px;font-family:monospace;font-size:0.9em}