/* 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;}
  label.field{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ash);margin:18px 0 6px;}
  input[type=text],textarea,select{
    width:100%;background:var(--graphite);border:1px solid var(--line);color:var(--parchment);
    padding:12px;font-family:'IBM Plex Mono',monospace;font-size:14px;
    transition:border-color .15s ease;
  }
  input:focus,textarea:focus,select:focus{outline:none;border-color:var(--signal);}
  textarea{resize:vertical;min-height:70px;}
  button.submit{
    width:100%;margin-top:26px;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);}
  #record{display:none;margin-top:40px;border-top:1px solid var(--line);padding-top:28px;}
  .rec-title{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;color:var(--parchment);margin-bottom:16px;line-height:1;}
  .rec-row{display:flex;justify-content:space-between;gap:14px;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line);}
  .rec-row .k{color:var(--ash);white-space:nowrap;}
  .rec-row .v{text-align:right;word-break:break-all;}

  /* chain blocks + the lock animation: the new hash visibly links to the prior */
  .chain-blocks{display:flex;flex-direction:column;margin-top:18px;}
  .hash-block{padding:14px;background:var(--graphite);border:1px solid var(--line);}
  .hash-label{font-size:11px;color:var(--ash);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;}
  .hash-val{font-size:12px;word-break:break-all;color:var(--parchment);}
  .hash-val.fresh{color:var(--signal);transition:color .4s ease;}
  .link-line{width:2px;height:0;background:var(--signal);margin:0 auto;transition:height .25s ease,background .4s ease;}
  .link-line.locked{height:18px;background:var(--line);}
  .chain-note{font-size:12px;color:var(--ash);margin-top:14px;line-height:1.6;}
  .actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
  .actions button{
    flex:1;min-width:140px;padding:12px;background:var(--graphite);color:var(--parchment);border:1px solid var(--line);
    font-family:'IBM Plex Mono',monospace;font-size:12px;cursor:pointer;transition:border-color .15s ease,color .15s ease;
  }
  .actions button:hover{border-color:var(--signal);color:var(--signal);}

  /* session chain ledger: left rail with node ticks, one per sealed entry */
  .prev-chain{margin-top:26px;}
  .prev-chain h3{font-size:12px;color:var(--ash);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
  .prev-entry{position:relative;font-size:11px;color:var(--ash);padding:6px 0 6px 20px;border-left:1px solid var(--line);margin-left:6px;}
  .prev-entry::before{content:'';position:absolute;left:-4px;top:12px;width:7px;height:7px;background:var(--ink);border:1px solid var(--bone);}
  .prev-entry.latest::before{border-color:var(--signal);}
  .cta{margin-top:30px;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){
    input[type=text],textarea,select,button.submit,.actions button,a.buy,.hash-val.fresh,.link-line{transition:none;}
  }
  /* chain verification output (F9) */
  .verify-out{margin-top:14px;font-size:11.5px;line-height:1.6;border-left:2px solid var(--line);padding:8px 0 8px 12px;color:var(--parchment);max-width:80ch;}
  .verify-out.is-ok{border-left-color:var(--brass);}
  .verify-out.is-broken{border-left-color:var(--signal);color:var(--signal);}
