*{box-sizing:border-box}
    html{
      scroll-behavior:smooth;
      scroll-padding-top: 104px;
      overflow-x:hidden;
    }
    body{
      margin:0;
      font-family:"Montserrat", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
      color:var(--text);
      background:#fff;
      overflow-x:hidden;
      line-height:1.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    a{color:inherit}
    img{max-width:100%;display:block}
    [hidden]{display:none !important}
    .container{
      width:min(var(--container), calc(100% - 40px));
      margin-inline:auto;
    }

    :focus-visible{
      outline:none;
      box-shadow: var(--ring);
      border-radius: var(--btnRadius);
    }

    /* =========================
      TYPOGRAPHY
    ========================== */
    h1,h2,h3{
      font-family:"Montserrat", system-ui, sans-serif;
      font-weight:400; /* regular */
      letter-spacing:-.02em;
      margin:0 0 10px;
      color: #000000; /* headings color */
    }
    h1,h2,h3, h4, h5, h6,
    .row strong,
    .doc strong,
    .who strong,
    .citem strong,
    .learn strong,
    .team-point strong,
    .brand-title strong{
      color:#000000;
    }
    body, p, span, li, a, label, input, textarea, select, strong{
      color:#000000;
    }
    h1{font-size:clamp(28px, 3.6vw, 42px); line-height:1.18; color:var(--heading)}
    h2{font-size:clamp(24px, 3.2vw, 38px); line-height:1.12; font-weight:600; color:var(--heading)}
    h3{font-size:18px; line-height:1.2; color:var(--heading)}
    h3{font-weight:600}
    p{margin:0 0 12px; color:var(--muted)}
    .lead{font-size:clamp(15px, 1.5vw, 18px); color:rgba(11,15,20,.70)}
    .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}

    /* Reduce heavy weights for a cleaner, Apple-like tone */
    .btn,
    .kicker,
    .perk,
    .pill,
    .badge,
    .tab,
    .row strong,
    .team-point strong,
    .doc strong,
    .who strong,
    .citem strong{
      font-weight:600;
    }

    .kicker{
      display:inline-flex; align-items:center; gap:10px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid rgba(11,15,20,.12);
      background:rgba(255,255,255,.86);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      font-weight:600;
      color:rgba(11,15,20,.72);
      box-shadow: 0 8px 18px rgba(11,15,20,.08);
    }
    .kdot{
      width:auto;
      height:auto;
      border-radius:0;
      background:none;
    }