:root {
    --rc-blue: #2B6CFF; --rc-blue-d: #1B4FD8; --rc-blue-l: #5B8DFF;
    --rc-tint-1: #E8F0FF; --rc-tint-2: #D4E0F8; --rc-tint-3: #F5F8FF;
    --navy: #0B1735; --ink: #0A1428; --ink-2: #1F2A44; --ink-3: #4A5572; --ink-4: #7C8AA8;
    --line: #E4E9F2; --line-2: #EFF2F8; --num-gray: #D4DAE6; --num-gray-l: #E8ECF3;
    --bg: #FFFFFF; --bg-2: #FAFBFE;
  }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--bg); color: var(--ink); font-family: "Instrument Sans", Arial, sans-serif; font-size: 17px; line-height: 1.6; }
  .wrap { max-width: 720px; margin: 0 auto; padding: 56px 24px 90px; }
  .eyebrow { font-family: "Archivo", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--rc-blue); margin: 0 0 12px; }
  h1 { font-family: "Archivo", sans-serif; font-weight: 800; color: var(--navy); font-size: clamp(30px, 5.5vw, 42px); line-height: 1.1; letter-spacing: -0.01em; margin: 0 0 14px; text-wrap: balance; }
  .lede { color: var(--ink-3); margin: 0 0 10px; max-width: 56ch; }
  .promise { background: var(--rc-tint-3); border: 1px solid var(--line); border-left: 3px solid var(--rc-blue); border-radius: 8px; padding: 16px 20px; margin: 26px 0 46px; color: var(--ink-2); }
  .promise code { color: var(--rc-blue-d); }
  .step { position: relative; border-top: 1px solid var(--line); padding: 34px 0 30px 96px; }
  .step .num { position: absolute; left: 0; top: 18px; font-family: "Archivo", sans-serif; font-weight: 800; font-size: 92px; line-height: 1; color: var(--num-gray); user-select: none; }
  .step h2 { font-family: "Archivo", sans-serif; font-weight: 700; color: var(--navy); font-size: 21px; margin: 0 0 12px; }
  .step p, .step li { margin: 0 0 9px; color: var(--ink); }
  .step ol, .step ul { padding-left: 20px; margin: 0 0 9px; }
  .step li::marker { color: var(--rc-blue); font-weight: 600; }
  a { color: var(--rc-blue); text-decoration-color: var(--rc-tint-2); }
  code { font-family: "IBM Plex Mono", Menlo, monospace; font-size: .88em; background: var(--rc-tint-1); color: var(--ink-2); padding: 2px 7px; border-radius: 5px; }
  pre { background: var(--bg-2); border: 1px solid var(--line); border-radius: 8px; padding: 13px 16px; overflow-x: auto; font-family: "IBM Plex Mono", monospace; font-size: 14px; margin: 12px 0; color: var(--ink-2); }
  pre code { background: none; padding: 0; }
  .verify { border-top: 1px dashed var(--line); margin-top: 14px; padding-top: 12px; font-size: 15.5px; color: var(--ink-3); }
  .verify strong { color: var(--rc-blue-d); font-weight: 600; }
  .foot { border-top: 1px solid var(--line); margin-top: 10px; padding-top: 28px; color: var(--ink-4); font-size: 15px; }
  .foot strong { color: var(--ink-3); }

  .nav { display:flex; gap:18px; flex-wrap:wrap; padding: 18px 0 6px; font-size:15px; }
  .nav a { color: var(--ink-3); text-decoration:none; font-weight:500; }
  .nav a:hover, .nav a.here { color: var(--rc-blue); }
  .nav a.here { border-bottom: 2px solid var(--rc-blue); padding-bottom:2px; }
  .cardgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; margin-top:34px; }
  .navcard { display:block; background: var(--bg-2); border:1px solid var(--line); border-radius:12px; padding:22px 24px; text-decoration:none; position:relative; overflow:hidden; }
  .navcard:hover { border-color: var(--rc-blue-l); }
  .navcard .cnum { position:absolute; right:10px; top:-14px; font-family:"Archivo",sans-serif; font-weight:800; font-size:88px; color: var(--num-gray-l); user-select:none; }
  .navcard h2 { font-family:"Archivo",sans-serif; font-size:19px; font-weight:700; color: var(--navy); margin:0 0 6px; position:relative; }
  .navcard p { color: var(--ink-3); font-size:15px; margin:0; position:relative; max-width:none; }
  .navcard .when { font-family:"Archivo",sans-serif; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color: var(--rc-blue); display:block; margin-bottom:8px; position:relative; }
  .copywrap { position:relative; }
  .copybtn { position:absolute; top:8px; right:8px; font-family:"Instrument Sans",sans-serif; font-size:13px; font-weight:600; color:var(--rc-blue); background:var(--bg); border:1px solid var(--line); border-radius:6px; padding:4px 12px; cursor:pointer; }
  .copybtn:hover { border-color: var(--rc-blue-l); }
  .prompt { background: var(--rc-tint-3); border:1px solid var(--rc-tint-2); border-radius:8px; padding:14px 16px; font-family:"IBM Plex Mono",monospace; font-size:14.5px; color:var(--ink-2); margin:10px 0; }
  dt { font-family:"Archivo",sans-serif; font-weight:700; color:var(--navy); margin-top:18px; }
  dd { margin:4px 0 0; color:var(--ink-2); }
  dd .simil { color: var(--ink-4); font-size:15px; }