.eyebrow{
      display:inline-flex;
      gap:8px;
      align-items:center;
      padding:10px 14px;
      border-radius:999px;
      background:#edf8f5;
      color:#137d6f;
      font-size:12px;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.14em;
    }

    .eyebrow::before{
      content:"";
      width:8px;height:8px;border-radius:50%;
      background:var(--green);
    }

    h1{
      font-family:"Space Grotesk",sans-serif;
      font-size:clamp(34px,4vw,58px);
      line-height:.94;
      letter-spacing:-.06em;
      margin:16px 0 12px;
    }

    .lead{
      color:var(--muted);
      font-size:16px;
      line-height:1.65;
      margin:0 0 18px;
    }

    .stat-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin:18px 0 20px;
    }

    .stat{
      background:#f8fbfa;
      border:1px solid var(--line);
      border-radius:22px;
      padding:16px;
    }

    .stat strong{
      display:block;
      font-size:28px;
      line-height:1;
      margin-bottom:6px;
      color:#123138;
    }

    .stat span{
      color:var(--muted);
      font-size:13px;
    }

    .controls{
      display:grid;
      gap:14px;
    }

    .controls label{
      display:block;
      font-size:13px;
      font-weight:800;
      color:#3a565e;
      margin-bottom:8px;
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .segmented{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }

    .segmented button,
    .btn{
      font-family:inherit;
      transition:.2s ease;
      cursor:pointer;
      border:none;
    }

    .segmented button{
      padding:12px 14px;
      border-radius:14px;
      background:#f4f7f8;
      border:1px solid var(--line);
      color:#566b73;
      font-weight:700;
    }

    .segmented button.active{
      background:linear-gradient(180deg,var(--teal-2),var(--teal));
      color:#fff;
      border-color:transparent;
      box-shadow:0 10px 24px rgba(11,143,125,.18);
    }

    .range{width:100%;accent-color:var(--teal)}

    .checkline{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      background:#f8fbfa;
      border:1px solid var(--line);
      border-radius:18px;
      padding:12px 14px;
      color:#45616a;
      font-weight:700;
    }

    .btn{
      min-height:52px;
      border-radius:18px;
      padding:0 18px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      font-weight:800;
    }

    .btn-primary{
      background:linear-gradient(180deg,#2cdb8a,#19c474);
      color:#072317;
      box-shadow:0 16px 32px rgba(25,196,116,.22);
    }

    .btn-secondary{
      background:#f5f7f8;
      border:1px solid var(--line);
      color:#38515a;
    }

    .score{
      margin-top:18px;
      padding:18px;
      border-radius:22px;
      background:#f8fbfa;
      border:1px solid var(--line);
    }

    .score .big{
      font-size:42px;
      font-weight:800;
      line-height:1;
      color:#0f8475;
    }

    .score p{
      margin:8px 0 0;
      color:var(--muted);
      line-height:1.55;
      font-size:14px;
    }

    .note{
      margin-top:16px;
      padding:14px 16px;
      border-radius:18px;
      background:#f8fbfa;
      border:1px solid var(--line);
      color:#63757d;
      line-height:1.55;
      font-size:14px;
    }