:root{
      --bg:#0b0f14;
      --card:#111720;
      --muted:#7b8a9a;
      --text:#eef2f7;
      --accent:#4cc9f0;
      --accent-2:#22c55e;
      --border: #1f2a37;
      --shadow: 0 20px 40px rgba(0,0,0,.35);
      --radius: 18px;
      --radius-sm: 12px;
      --max: 1120px;
    }
    html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.65}
    .wrap{max-width:var(--max);margin:auto;padding:28px}
    header.hero{
      background: radial-gradient(1200px 600px at 80% -10%, rgba(76,201,240,.18), transparent 60%),
                  radial-gradient(900px 500px at 10% 10%, rgba(34,197,94,.14), transparent 55%), var(--card);
      border:1px solid var(--border);
      border-radius: var(--radius);
      padding: 48px 36px;
      box-shadow: var(--shadow);
      position: relative;
      overflow: hidden;
    }
    .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:700;margin-bottom:10px}
    h1{font-size: clamp(28px, 5vw, 52px);line-height:1.1;margin:0 0 16px 0}
    .sub{color:var(--muted);font-size: clamp(16px, 2.2vw, 20px);max-width: 70ch}
    .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
    .btn{
      display:inline-flex;align-items:center;gap:10px;
      padding:14px 18px;border-radius:999px;border:1px solid var(--border);
      background:linear-gradient(180deg, rgba(76,201,240,.2), rgba(76,201,240,.05));
      color:var(--text);text-decoration:none;font-weight:700
    }
    .btn--solid{background:linear-gradient(180deg, var(--accent), #0ea5e9);color:#001018}
    .btn--solid:hover{filter:brightness(1.05)}
    .btn--ghost:hover{background:rgba(255,255,255,.06)}
    .grid{display:grid;gap:22px}
    @media(min-width:900px){ .grid-2{grid-template-columns: 1.1fr .9fr} }
    .card{
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
      border:1px solid var(--border);
      border-radius: var(--radius);
      padding:26px;
      box-shadow: var(--shadow);
    }
    h2{font-size: clamp(22px, 3.6vw, 34px);line-height:1.2;margin:10px 0 14px}
    h3{font-size: clamp(18px, 2.6vw, 22px);margin:18px 0 8px}
    p{margin: 12px 0}
    ul,ol{margin: 10px 0 10px 22px}
    .toc{background: var(--card);border:1px dashed var(--border);border-radius: var(--radius-sm);padding:16px}
    .toc a{color:var(--accent);text-decoration:none}
    .toc a:hover{text-decoration:underline}
    .media{
      border-radius: var(--radius);
      overflow:hidden;border:1px solid var(--border);
      background:#0a121a
    }
    .media img{display:block;width:100%;height:auto}
    .kpi{display:grid;grid-template-columns: repeat(2,minmax(0,1fr));gap:12px}
    @media(min-width:880px){ .kpi{grid-template-columns: repeat(4,minmax(0,1fr));} }
    .kpi .box{
      background: var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center
    }
    .box .num{font-size:28px;font-weight:800}
    .box .cap{color:var(--muted);font-size:.9rem}
    table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:14px;overflow:hidden}
    th,td{padding:14px;border-bottom:1px solid var(--border)}
    thead th{background: rgba(255,255,255,.03);text-align:left}
    tbody tr:nth-child(odd){background: rgba(255,255,255,.02)}
    .cta-block{
      background: linear-gradient(180deg, rgba(34,197,94,.16), rgba(34,197,94,.06));
      border:1px solid var(--border);border-radius: var(--radius);padding:26px;display:grid;gap:14px
    }
    .badge{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--border);color:var(--accent-2);font-weight:700;background: rgba(34,197,94,.08)}
    .faq details{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin:10px 0}
    .faq summary{cursor:pointer;font-weight:700}
    footer{color:var(--muted);font-size:.9rem;margin:32px 0 8px}
    .breadcrumbs{color:var(--muted);font-size:.9rem;margin-top:10px}
    .breadcrumbs a{color:var(--muted);text-decoration:none}
    .breadcrumbs a:hover{text-decoration:underline}