:root{
  --bg: #f6f7ff;
  --bg2: #ffffff;
  --ink: #0f1423;
  --muted: rgba(15,20,35,.62);

  --card: rgba(255,255,255,.72);
  --card2: rgba(255,255,255,.52);
  --stroke: rgba(15,20,35,.12);

  --shadow: 0 20px 68px rgba(10,16,32,.12);
  --shadow2: 0 12px 30px rgba(10,16,32,.10);

  --r: 18px;
  --r2: 28px;

  --accent: #ff7a18;
  --accent2: #ffb648;
  --accent3: #7c5cff;

  --container: 1100px;
}

*{ box-sizing:border-box; }
html,body{
  margin:0;
  color:var(--ink);
  font: 16px/1.55 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  overflow-x: hidden;
  background:
    radial-gradient(1100px 680px at 18% 0%, rgba(255,122,24,.11), transparent 62%),
    radial-gradient(1100px 680px at 86% 18%, rgba(124,92,255,.10), transparent 62%),
    radial-gradient(900px 620px at 55% 110%, rgba(255,182,72,.08), transparent 62%),
    linear-gradient(180deg, #fbfcff, var(--bg));
}
body{
  margin:0;
  color:var(--ink);
  font: 16px/1.55 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  overflow-x: hidden;
  background:
    radial-gradient(1100px 680px at 18% 0%, rgba(255,122,24,.11), transparent 62%),
    radial-gradient(1100px 680px at 86% 18%, rgba(124,92,255,.10), transparent 62%),
    radial-gradient(900px 620px at 55% 110%, rgba(255,182,72,.08), transparent 62%),
    linear-gradient(180deg, #fbfcff, var(--bg));
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
video{ max-width:100%; display:block; }

.container{
  width:min(var(--container), calc(100% - 40px));
  margin-inline:auto;
}

.section{ padding: 56px 0; }
@media (max-width: 720px){
  .section{ padding: 44px 0; }
  .container{ width: min(var(--container), calc(100% - 28px)); }
}

.h2{
  margin:0 0 10px 0;
  font-weight: 820;
  letter-spacing: -0.02em;
  font-size: clamp(22px, 2.6vw, 34px);
}

.muted{ color: var(--muted); }