/* ELEVATED BRAND SYSTEM v2 — "Instrumentation Grade" */
*{box-sizing:border-box;margin:0;padding:0;}
  html,body{background:var(--ink);color:var(--bone);font-family:'IBM Plex Mono',monospace;-webkit-font-smoothing:antialiased;}
  .wrap{max-width:720px;margin:0 auto;padding:32px 20px 80px;}
  .eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);margin-bottom:10px;}
  h1{font-weight:600;font-size:clamp(26px,5.5vw,40px);line-height:1.15;letter-spacing:.03em;text-transform:uppercase;color:var(--parchment);margin-bottom:14px;}
  .sub{font-size:15px;color:var(--bone);line-height:1.6;max-width:56ch;margin-bottom:6px;}
  .why-now{font-size:13px;color:var(--ash);margin:18px 0 34px;padding:14px 16px;border-left:2px solid var(--line);line-height:1.6;}
  .field-count{font-size:12px;color:var(--ash);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}

  .ruler{display:flex;gap:5px;align-items:flex-end;height:16px;margin-bottom:26px;border-bottom:1px solid var(--line);padding-bottom:3px;}
  .ruler i{flex:1;max-width:16px;height:12px;background:var(--line);transition:background .15s ease,height .15s ease;}
  .ruler i.done{background:var(--signal);}
  .ruler i.now{height:16px;background:var(--ash);}
  .ruler i.done.now{height:16px;background:var(--signal);}

  /* scope gate — honest filter before the 14-field investment */
  .gate{border:1px solid var(--line);background:var(--graphite);padding:24px;margin-bottom:34px;}
  .gate-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ash);margin-bottom:10px;}
  .gate-q{font-size:14px;color:var(--parchment);line-height:1.55;margin-bottom:14px;}
  .gate-opts{display:flex;gap:8px;}
  .gate-opts label{
    flex:1;text-align:center;border:1px solid var(--line);padding:10px 8px;font-size:12px;cursor:pointer;
    color:var(--ash);background:transparent;transition:border-color .15s ease,color .15s ease,background .15s ease;user-select:none;
  }
  .gate-opts input{position:absolute;opacity:0;pointer-events:none;}
  .gate-opts label:hover{border-color:var(--bone);color:var(--bone);}
  .gate-opts input:checked + label{background:var(--ink);border-color:var(--signal);color:var(--parchment);font-weight:600;}
  .early{display:none;border:1px solid var(--line);background:var(--graphite);padding:26px;}
  .early h2{font-weight:600;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);margin-bottom:10px;}
  .early p{font-size:13px;color:var(--bone);line-height:1.65;margin-bottom:10px;}
  .early a{color:var(--parchment);text-decoration:underline;}

  fieldset{border:none;border-top:1px solid var(--line);padding:20px 0;}
  legend{font-size:13px;line-height:1.5;padding-bottom:12px;max-width:58ch;}
  .qnum{color:var(--signal);font-weight:600;margin-right:6px;}
  .dim-tag{display:inline-block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ash);border:1px solid var(--line);padding:2px 6px;margin-left:8px;vertical-align:middle;}
  .opts{display:flex;gap:8px;}
  .opts label{flex:1;text-align:center;border:1px solid var(--line);padding:10px 6px;font-size:12px;cursor:pointer;color:var(--ash);background:transparent;transition:border-color .15s ease,color .15s ease,background .15s ease;}
  .opts input{position:absolute;opacity:0;pointer-events:none;}
  .opts label:hover{border-color:var(--bone);color:var(--bone);}
  .opts input:checked + label{background:var(--graphite);border-color:var(--signal);color:var(--parchment);font-weight:600;}
  button.submit{
    width:100%;margin-top:26px;padding:18px;background:var(--graphite);color:var(--parchment);
    border:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:14px;
    letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,color .15s ease;
  }
  button.submit:hover{border-color:var(--signal);color:var(--signal);}

  #results{display:none;margin-top:50px;border-top:1px solid var(--line);padding-top:30px;}
  .gauge-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;}
  .gauge{width:min(300px,80vw);height:auto;display:block;}
  .gauge-scoreline{display:flex;align-items:baseline;gap:8px;margin-top:-6px;}
  .gauge-score{font-size:22px;font-weight:600;color:var(--parchment);}
  .gauge-cap{font-size:11px;color:var(--ash);letter-spacing:.1em;text-transform:uppercase;}
  .tier{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,7vw,48px);color:var(--parchment);text-align:center;margin:14px 0 6px;line-height:1;}
  .tier-desc{font-size:14px;color:var(--bone);margin-bottom:26px;line-height:1.6;}

  .dims{margin-bottom:26px;}
  .dim-row{margin-bottom:16px;}
  .dim-head{display:flex;justify-content:space-between;font-size:12px;color:var(--ash);margin-bottom:5px;text-transform:uppercase;letter-spacing:.05em;font-variant-numeric:tabular-nums;}
  .dim-bar-track{height:5px;background:var(--graphite);position:relative;}
  .dim-bar-fill{height:100%;background:var(--signal);width:0;transition:width .15s ease;}

  .cta{margin-top:20px;padding:22px;background:var(--graphite);border:1px solid var(--line);}
  .cta h3{font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment);margin-bottom:8px;}
  .cta p{font-size:13px;color:var(--ash);line-height:1.6;margin-bottom:16px;}
  a.buy{
    display:inline-block;background:var(--graphite);color:var(--parchment);text-decoration:none;
    padding:14px 22px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
    border:1px solid var(--line);transition:border-color .15s ease,color .15s ease;
  }
  a.buy:hover{border-color:var(--signal);color:var(--signal);}
  footer{margin-top:60px;font-size:11px;color:var(--ash);}

  @media (prefers-reduced-motion: reduce){
    .ruler i,.opts label,.gate-opts label,button.submit,a.buy,.dim-bar-fill{transition:none;}
  }
  /* 90-day remediation sequence (F6) */
  .roadmap{display:none;margin-top:26px;border:1px solid var(--line);background:var(--graphite);padding:16px 18px;}
  .roadmap h3{margin:0 0 6px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--parchment);}
  .roadmap-note{margin:0 0 14px;font-size:11.5px;color:var(--ash);max-width:70ch;}
  .roadmap-wave{border-top:1px solid var(--line);padding:12px 0 4px;}
  .roadmap-wave.is-empty{opacity:.6;}
  .roadmap-head{display:flex;justify-content:space-between;gap:12px;font-size:11.5px;letter-spacing:.05em;flex-wrap:wrap;}
  .roadmap-title{color:var(--parchment);text-transform:uppercase;}
  .roadmap-meta{color:var(--brass);}
  .roadmap-what{margin:6px 0 8px;font-size:11px;color:var(--ash);max-width:70ch;}
  .roadmap-list{list-style:none;margin:0;padding:0;}
  .roadmap-list li{font-size:11.5px;color:var(--parchment);padding:6px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:baseline;}
  .roadmap-owner{color:var(--ash);font-size:10.5px;white-space:nowrap;}