/* 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;}
  section{border-top:1px solid var(--line);padding:30px 0;}
  h2{font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:var(--parchment);margin-bottom:10px;}
  h2 .step{color:var(--ash);margin-right:8px;}
  .desc{font-size:13px;color:var(--ash);line-height:1.6;margin-bottom:20px;max-width:58ch;}
  .drop{
    border:1px dashed var(--line);padding:36px 20px;text-align:center;cursor:pointer;
    transition:border-color .15s ease,color .15s ease;
  }
  .drop:hover,.drop.drag{border-color:var(--signal);}
  .drop p{font-size:13px;color:var(--ash);}
  .drop .big{font-weight:600;font-size:16px;letter-spacing:.06em;text-transform:uppercase;color:var(--parchment);margin-bottom:6px;}
  input[type=file]{display:none;}
  #imgResults{display:none;margin-top:22px;}
  .meta-row{display:flex;justify-content:space-between;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line);gap:16px;}
  .meta-row .k{color:var(--ash);white-space:nowrap;}
  .meta-row .v{text-align:right;word-break:break-word;max-width:60%;}
  .meta-row .v .caret{display:inline-block;width:.6ch;background:var(--signal);color:var(--signal);animation:caret-blink 1s steps(1) infinite;}
  @keyframes caret-blink{50%{opacity:0;}}
  .flag{display:inline-block;padding:4px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:16px;border:1px solid;}
  .flag.found{color:var(--parchment);border-color:var(--bone);}
  .flag.none{color:var(--signal);border-color:var(--signal-dim);}

  .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);}
  fieldset{border:none;border-top:1px solid var(--line);padding:18px 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;}
  .opts{display:flex;gap:8px;}
  .opts label{flex:1;text-align:center;border:1px solid var(--line);padding:9px 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:22px;padding:16px;background:var(--graphite);color:var(--parchment);
    border:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-weight:600;font-size:13px;
    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);}
  #complianceResults{display:none;margin-top:28px;}
  .tier{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,6vw,40px);color:var(--parchment);margin-bottom:8px;line-height:1;}
  .meter{height:8px;background:var(--graphite);position:relative;margin:14px 0 8px;border:1px solid var(--line);}
  .meter .ticks{position:absolute;inset:0;display:flex;}
  .meter .ticks i{flex:1;border-right:1px solid var(--line);}
  .meter .ticks i:last-child{border-right:none;}
  .meter .fill{position:absolute;top:0;bottom:0;left:0;background:var(--signal);width:0;transition:width .15s ease;}
  .tier-desc{font-size:14px;color:var(--bone);line-height:1.6;margin-bottom:20px;}
  .cta{margin-top:24px;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:13px 20px;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:50px;font-size:11px;color:var(--ash);}

  @media (prefers-reduced-motion: reduce){
    .ruler i,.opts label,button.submit,a.buy,.drop,.meter .fill{transition:none;}
    .meta-row .v .caret{animation:none;}
  }