:root { --ink: #0D0E14; --paper: #F3F5F9; --white: #FFFFFF; --red: #A8342A; --green: #2E6B47;
          --muted: rgba(13,14,20,0.64); --body: rgba(13,14,20,0.8); --line: rgba(13,14,20,0.11); }
  .hp { font-family: 'Public Sans', system-ui, sans-serif; color: var(--ink); background: var(--paper); overflow-x: hidden; }
  .hp a { color: inherit; }
  .hp-hero p, .hp-sec p { margin: 0; }
  .hp-wrap { max-width: 1180px; margin: 0 auto; padding-inline: 32px; }
  .hp-narrow { max-width: 920px; }
  .hp-test { background: #1B1D26; color: #F3F5F9; font-size: 13.5px; }
  .hp-test .hp-wrap { padding-block: 9px; display: flex; gap: 14px; flex-wrap: wrap; justify-content: space-between; }
  .hp-test b { color: #F2C14E; }
  .hp-test a { color: #F3F5F9; border-bottom: 1px solid rgba(243,245,249,.4); }

  .hp h1 { font-family: 'Spectral', Georgia, serif; font-weight: 700; font-size: clamp(42px, 5vw, 64px); line-height: 1.03; letter-spacing: -0.022em; margin: 18px 0 22px; text-wrap: balance; }
  .hp h1 span { color: var(--red); display: block; }
  .hp h2 { font-family: 'Spectral', Georgia, serif; font-weight: 700; font-size: clamp(30px, 3.5vw, 44px); line-height: 1.1; letter-spacing: -0.018em; margin: 0 0 14px; text-wrap: balance; max-width: 22em; }
  .hp-kicker { font-size: 14px; font-weight: 600; color: var(--red); margin-bottom: 12px !important; }
  .hp-kicker.light { color: #F2B8AE; }
  .hp-sub { font-size: 18.5px; line-height: 1.55; color: var(--body); max-width: 40em; margin-bottom: 36px !important; }
  .hp-lab { font-size: 13px; font-weight: 700; letter-spacing: .02em; color: var(--muted); margin-bottom: 6px !important; }
  .hp-lab.red, .hp b.red { color: var(--red); }
  .hp-lab.green, .hp b.green { color: var(--green); }
  .hp b.dim { color: rgba(13,14,20,.4); }

  .hp-btn { display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 16px; padding: 14px 24px; border-radius: 10px; border: 1px solid var(--ink); text-decoration: none; white-space: nowrap; transition: background .15s; }
  .hp-btn-dark { background: var(--ink); color: #fff !important; }
  .hp-btn-dark:hover { background: #2B2E39; }
  .hp-btn-light { background: transparent; }
  .hp-btn-light:hover { background: #fff; }
  .hp-ctas { display: flex; gap: 12px; flex-wrap: wrap; }

  .hp-hero { background: radial-gradient(ellipse 55% 70% at 88% 25%, rgba(168,52,42,.07), transparent 70%), linear-gradient(180deg, #FFFFFF 0%, var(--paper) 100%); border-bottom: 1px solid var(--line); }
  .hp-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding-block: 72px 84px; }
  .hp-eyebrow { font-size: 14.5px; font-weight: 500; color: var(--muted); }
  .hp-lede { font-size: 19.5px; line-height: 1.55; color: var(--body); max-width: 31em; margin-bottom: 16px !important; }
  .hp-vs { font-size: 16px; line-height: 1.55; color: var(--muted); max-width: 36em; margin-bottom: 28px !important; }
  .hp-vs b { color: var(--ink); font-weight: 600; }
  .hp-micro { margin-top: 16px !important; font-size: 15px; color: var(--muted); }
  .hp-micro a { color: var(--red); font-weight: 600; border-bottom: 1px solid rgba(168,52,42,.4); text-decoration: none; }
  .hp-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
  .hp-proof span { font-size: 13.5px; font-weight: 500; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 6px 12px; display: inline-flex; align-items: center; gap: 7px; }
  .hp-proof i.ok { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }


  .hp-speed { display: grid; gap: 10px; margin: 4px 0 28px; max-width: 34em; }
  .hp-speed-row { display: grid; grid-template-columns: 124px 1fr auto; gap: 12px; align-items: center; font-size: 14px; color: var(--muted); }
  .hp-speed-row b { color: var(--ink); font-weight: 600; }
  .hp-speed-track { display: flex; height: 10px; border-radius: 99px; background: rgba(13,14,20,.07); overflow: hidden; }
  .hp-speed-track i { display: block; height: 100%; }
  .hp-speed-track i.slow { width: 100%; background: rgba(13,14,20,.32); }
  .hp-speed-track i.sp-ai { width: 2%; min-width: 5px; background: var(--red); }
  .hp-speed-track i.sign { width: 17%; background: var(--green); }
  .hp-speed-val { white-space: nowrap; }
  .hp-speed-key { display: flex; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: var(--muted); padding-left: 136px; }
  .hp-speed-key i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }
  .hp-speed-key i.sp-ai { background: var(--red); }
  .hp-speed-key i.sign { background: var(--green); }
  @media (max-width: 560px) { .hp-speed-row { grid-template-columns: 1fr; gap: 4px; } .hp-speed-key { padding-left: 0; } .hp-speed-val { white-space: normal; } }
  .hp-exhibit { position: relative; }
  .hp-stamp { position: absolute; top: -34px; right: -18px; z-index: 2; transform: rotate(-11deg); background: rgba(255,255,255,.5); border-radius: 50%; }
  .hp-card { background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 40px 80px -48px rgba(13,14,20,.45), 0 2px 6px rgba(13,14,20,.04); overflow: hidden; }
  .hp-card-head, .hp-card-foot { display: flex; justify-content: space-between; align-items: center; padding: 13px 20px; font-size: 13.5px; font-weight: 600; }
  .hp-card-head { border-bottom: 1px solid var(--line); }
  .hp-card-foot { background: #F8FAFC; border-top: 1px solid var(--line); color: var(--green); }
  .hp-tag { font-size: 12px; color: var(--muted); background: var(--paper); border-radius: 6px; padding: 2px 8px; margin-right: 60px; }
  .hp-counts { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
  .hp-counts div { padding: 14px 20px; }
  .hp-counts div + div { border-left: 1px solid var(--line); }
  .hp-counts b { display: block; font-family: 'Spectral', Georgia, serif; font-size: 34px; line-height: 1; }
  .hp-counts span { font-size: 13px; color: var(--muted); font-weight: 500; }
  .hp-card-sec { padding: 16px 20px; border-bottom: 1px solid var(--line); display: grid; gap: 7px; }
  .hp-src { font-size: 12.5px; font-weight: 600; color: var(--muted); }
  .hp-q { font-family: 'Spectral', Georgia, serif; font-size: 19px; }
  .hp s { text-decoration-color: var(--red); text-decoration-thickness: 2px; color: rgba(13,14,20,.55); }
  .hp-chiprow { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
  .hp-chip { font-size: 12px; font-weight: 700; color: #fff; background: #4A4D57; border-radius: 6px; padding: 3px 8px; }
  .hp-chip.red { background: var(--red); }
  .hp-cite { font-size: 13px; color: var(--muted); }
  .hp-rw { font-family: 'Spectral', Georgia, serif; font-size: 17.5px; color: var(--green); }
  .hp-bar { display: flex; justify-content: space-between; font-size: 13.5px; color: var(--muted); }
  .hp-bar b { font-size: 16px; }
  .hp-track { height: 7px; border-radius: 99px; background: rgba(13,14,20,.07); overflow: hidden; margin-bottom: 4px; }
  .hp-track i { display: block; height: 100%; background: var(--red); border-radius: 99px; }
  .hp-track i.g { background: var(--green); }
  .hp-three { display: grid; grid-template-columns: repeat(3, 1fr); }
  .hp-three div { padding: 14px 16px; display: grid; gap: 5px; align-content: start; }
  .hp-three div + div { border-left: 1px solid var(--line); }
  .hp-three .k { font-size: 12.5px; font-weight: 700; }
  .hp-three .x, .hp-three .v { font-size: 12.5px; line-height: 1.4; color: var(--muted); }
  .hp-three .x::before { content: "✕ "; color: var(--red); font-weight: 700; }
  .hp-three .v::before { content: "✓ "; color: var(--green); font-weight: 700; }
  .hp-under { margin-top: 12px !important; font-size: 13.5px; color: var(--muted); text-align: center; }
  .hp-under a { border-bottom: 1px solid var(--line); text-decoration: none; }

  .hp-sec { padding-block: 96px; }
  .hp-white { background: #fff; border-block: 1px solid var(--line); }
  .hp-short { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; }
  .hp-routes { display: grid; gap: 10px; }
  .hp-routes a { display: grid; gap: 2px; text-decoration: none; background: var(--paper); border-radius: 12px; padding: 14px 18px; border: 1px solid transparent; transition: border-color .15s; }
  .hp-routes a:hover { border-color: var(--ink); }
  .hp-routes b { font-size: 16px; }
  .hp-routes b::after { content: " →"; color: var(--red); }
  .hp-routes span { font-size: 15px; color: var(--muted); }
  .hp-readers { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .hp-readers div { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; display: grid; gap: 3px; }
  .hp-readers b { font-size: 15.5px; }
  .hp-readers span { font-size: 14px; color: var(--muted); line-height: 1.45; }
  .hp-readers span a { color: var(--ink); border-bottom: 1px solid rgba(13,14,20,.3); text-decoration: none; }
  .hp-readers span.rd-ic { color: var(--ink); }
  .hp-aside { margin-top: 16px !important; font-size: 15px; line-height: 1.55; color: var(--body); }
  .hp-aside a { border-bottom: 1px solid rgba(13,14,20,.35); text-decoration: none; }

  .hp-db { background: var(--ink); color: #fff; }
  .hp-db .hp-wrap { padding-block: 56px; }
  .hp-db-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; font-size: 13.5px; color: rgba(255,255,255,.55); }
  .hp-db-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(255,255,255,.1); border-radius: 14px; overflow: hidden; margin-top: 8px; }
  .hp-db-grid a { background: var(--ink); padding: 24px 22px; text-decoration: none; display: grid; gap: 8px; transition: background .15s; }
  .hp-db-grid a:hover { background: #1B1D26; }
  .hp-db-grid b { font-family: 'Spectral', Georgia, serif; font-size: 40px; line-height: 1; font-variant-numeric: lining-nums; }
  .hp-db-grid span { font-size: 14.5px; color: rgba(255,255,255,.66); line-height: 1.45; }

  .hp-finding { background: #fff; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
  .hp-finding-top { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; padding: 14px 22px; border-bottom: 1px solid var(--line); font-size: 13.5px; color: var(--muted); }
  .hp-pair { display: grid; grid-template-columns: 1fr 1fr; }
  .hp-pair > div { padding: 22px; }
  .hp-pair > div + div { border-left: 1px solid var(--line); background: rgba(46,107,71,.04); }
  .hp-big { font-family: 'Spectral', Georgia, serif; font-size: 24px; line-height: 1.3; }
  .hp-ruling { padding: 16px 22px; border-top: 1px solid var(--line); font-size: 15.5px; line-height: 1.55; color: var(--body); }
  .hp-ruling b { margin-right: 8px; color: var(--ink); }
  .hp-everywhere { padding: 16px 22px 20px; border-top: 1px solid var(--line); background: #F8FAFC; display: grid; gap: 10px; }
  .hp-everywhere > span { font-size: 14px; font-weight: 600; }
  .hp-everywhere div { display: flex; flex-wrap: wrap; gap: 8px; }
  .hp-everywhere em { font-style: normal; font-size: 13.5px; border-radius: 999px; padding: 5px 11px; background: rgba(168,52,42,.08); color: var(--red); }
  .hp-everywhere em::before { content: "✕ "; }
  .hp-everywhere strong { font-size: 13.5px; border-radius: 999px; padding: 5px 11px; background: rgba(46,107,71,.1); color: var(--green); }
  .hp-everywhere strong::before { content: "✓ "; }
  .hp-pull { font-family: 'Spectral', Georgia, serif; font-size: 26px; line-height: 1.35; margin: 36px 0 24px !important; max-width: 30em; }
  .hp-links { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; font-size: 14.5px; color: var(--muted); }
  .hp-links span a { border-bottom: 1px solid var(--line); text-decoration: none; }

  .hp-flow { display: grid; grid-template-columns: 1fr 40px 1fr 40px 1fr; align-items: stretch; margin: 36px 0 44px; }
  .hp-node { border: 1px solid var(--line); border-radius: 16px; padding: 24px; display: grid; gap: 6px; align-content: start; background: var(--paper); }
  .hp-node b { font-family: 'Spectral', Georgia, serif; font-size: 30px; line-height: 1.1; }
  .hp-node span { font-size: 15px; line-height: 1.5; color: var(--body); }
  .hp-node.dark { background: var(--ink); color: #fff; }
  .hp-node.dark .hp-lab { color: #F2B8AE; }
  .hp-node.dark span { color: rgba(255,255,255,.72); }
  .hp-arrow { position: relative; }
  .hp-arrow::before { content: ""; position: absolute; left: 6px; right: 6px; top: 50%; height: 1.5px; background: var(--ink); }
  .hp-arrow::after { content: ""; position: absolute; right: 5px; top: calc(50% - 4px); border: 4.5px solid transparent; border-left: 7px solid var(--ink); border-right: 0; }
  .hp-out-grid, .hp-uses-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .hp-out-grid div, .hp-uses-grid div { border-radius: 12px; padding: 16px 18px; display: grid; gap: 3px; align-content: start; }
  .hp-out-grid div { background: var(--paper); }
  .hp-uses { margin-top: 44px; }
  .hp-uses-grid div { border: 1px solid var(--line); }
  .hp-out-grid b, .hp-uses-grid b { font-size: 16px; }
  .hp-out-grid span, .hp-uses-grid span { font-size: 14.5px; line-height: 1.45; color: var(--muted); }
  .hp-uses-grid a { color: var(--red); }
  .hp-note { margin-top: 20px !important; font-size: 15px; line-height: 1.55; color: var(--body); text-align: center; max-width: 46em; margin-inline: auto !important; }
  .hp-note.left { text-align: left; margin-inline: 0 !important; }
  .hp-center { text-align: center; margin-top: 32px; }


  .hp-dash { display: grid; grid-template-columns: 260px 1fr; background: #fff; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; box-shadow: 0 40px 80px -52px rgba(13,14,20,.45); }
  .hp-dash-side { background: #F8FAFC; border-right: 1px solid var(--line); padding: 22px; display: grid; gap: 18px; align-content: start; }
  .hp-dash-brand { font-weight: 700; font-size: 16px; display: grid; gap: 2px; }
  .hp-dash-brand span { font-size: 13px; font-weight: 600; color: var(--green); }
  .hp-dash-counts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .hp-dash-counts div { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 8px; text-align: center; }
  .hp-dash-counts b { display: block; font-family: 'Spectral', Georgia, serif; font-size: 22px; line-height: 1; }
  .hp-dash-counts span { font-size: 11.5px; color: var(--muted); }
  .hp-dash-nav { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; font-size: 14.5px; }
  .hp-dash-nav li { padding: 9px 12px; border-radius: 8px; color: var(--body); }
  .hp-dash-nav li.on { background: var(--ink); color: #fff; font-weight: 600; }
  .hp-dash-nav em { font-style: normal; font-size: 12px; color: var(--muted); margin-left: 6px; }
  .hp-dash-main { padding: 26px 28px; display: grid; gap: 16px; align-content: start; }
  .hp-dash-q { font-family: 'Spectral', Georgia, serif; font-size: 22px; line-height: 1.3; display: grid; gap: 4px; }
  .hp-dash-q span { font-family: 'Public Sans', system-ui, sans-serif; font-size: 13px; font-weight: 600; color: var(--muted); }
  .hp-dash-a { border: 1px solid var(--line); border-radius: 14px; padding: 18px 20px; display: grid; gap: 12px; }
  .hp-dash-rule { font-size: 15.5px; line-height: 1.5; color: var(--body); }
  .hp-opts { display: grid; gap: 8px; }
  .hp-opts div { display: grid; grid-template-columns: 130px 1fr; column-gap: 14px; row-gap: 2px; align-items: baseline; background: rgba(46,107,71,.05); border: 1px solid rgba(46,107,71,.18); border-radius: 10px; padding: 11px 14px; }
  .hp-opt-k { font-size: 12.5px; font-weight: 700; color: var(--green); grid-row: span 2; }
  .hp-opts q { font-family: 'Spectral', Georgia, serif; font-size: 17px; quotes: "\201C" "\201D"; }
  .hp-where { font-size: 12.5px; color: var(--muted); }
  .hp-dash-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 13px; color: var(--muted); padding-top: 4px; }
  .hp-dash-btn { background: var(--ink); color: #fff; font-weight: 600; font-size: 14px; border-radius: 8px; padding: 9px 16px; }
  .hp-dash-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 16px; }
  .hp-dash-points div { background: #fff; border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; display: grid; gap: 3px; }
  .hp-dash-points b { font-size: 16px; }
  .hp-dash-points span { font-size: 14.5px; color: var(--muted); line-height: 1.45; }
  @media (max-width: 960px) { .hp-dash { grid-template-columns: 1fr; } .hp-dash-side { border-right: 0; border-bottom: 1px solid var(--line); } .hp-dash-points { grid-template-columns: 1fr; } }
  @media (max-width: 560px) { .hp-opts div { grid-template-columns: 1fr; } .hp-opt-k { grid-row: auto; } .hp-dash-main { padding: 20px; } }

  .hp-flowgrid { display: grid; grid-template-columns: 380px 1fr; gap: 48px; align-items: start; }
  .hp-tree { list-style: none; margin: 0; padding: 0; position: relative; display: grid; gap: 22px; }
  .hp-tree::before { content: ""; position: absolute; left: 27px; top: 30px; bottom: 30px; width: 2px; background: rgba(13,14,20,.14); }
  .hp-tn { position: relative; display: grid; grid-template-columns: 56px 1fr auto; gap: 14px; align-items: center; }
  .hp-tn b { display: block; font-size: 16.5px; }
  .hp-tn div > span { font-size: 14.5px; color: var(--muted); }
  .hp-tn em { font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--muted); background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
  .hp-tn.ai em { color: #fff; background: var(--red); border-color: var(--red); }
  .hp-ti { width: 56px; height: 56px; border-radius: 14px; background: #fff; border: 1px solid var(--line); box-shadow: 0 6px 18px -10px rgba(13,14,20,.35); display: grid; place-items: center; color: var(--ink); position: relative; z-index: 1; }
  .hp-tn.ai .hp-ti { background: var(--ink); color: #fff; border-color: var(--ink); }
  .hp-ti.red { color: var(--red); }
  .hp-ti.green { color: var(--green); }
  .hp-branch { position: relative; display: grid; gap: 14px; margin-left: 42px; padding: 26px 16px 16px 20px; border: 1.5px dashed rgba(13,14,20,.2); border-radius: 16px; background: rgba(255,255,255,.55); z-index: 1; }
  .hp-branch .hp-tn { grid-template-columns: 56px 1fr; }
  .hp-branch-tag { position: absolute; top: -12px; left: 16px; font-size: 12.5px; font-weight: 700; background: var(--paper); border: 1px solid var(--line); border-radius: 999px; padding: 3px 10px; }
  .hp-also { padding: 14px 22px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .hp-also > span { font-size: 13.5px; font-weight: 700; color: var(--green); margin-right: 4px; }
  .hp-also q { font-family: 'Spectral', Georgia, serif; font-size: 16px; background: rgba(46,107,71,.07); border-radius: 8px; padding: 4px 10px; quotes: "\201C" "\201D"; }
  .hp-flowgrid .hp-links { margin-top: 20px; }
  @media (max-width: 960px) { .hp-flowgrid { grid-template-columns: 1fr; } .hp-branch { margin-left: 28px; } }

  .fu { margin-top: 44px; }
  .fu-head { display: flex; justify-content: space-between; align-items: end; gap: 16px; flex-wrap: wrap; margin-bottom: 14px; }
  .fu-k { font-family: 'Spline Sans Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: .185em; text-transform: uppercase; color: rgba(13,14,20,.7); margin: 0 0 8px; }
  .fu-h { font-family: 'Spectral', Georgia, serif; font-size: 26px; font-weight: 700; line-height: 1.2; margin: 0; }
  .fu-hint { font-size: 14.5px; color: rgba(13,14,20,.65); margin: 0; }
  .fu-box { border: 1px solid #0D0E14; background: rgba(255,255,255,.7); }
  .fu-cols, .fu-sum { display: grid; grid-template-columns: 36px minmax(0,1fr) 20px minmax(0,1.3fr) 20px minmax(170px,.85fr); gap: 14px; align-items: center; padding: 14px 20px; }
  .fu-cols { padding-block: 11px; border-bottom: 1.5px solid #0D0E14; font-family: 'Spline Sans Mono', monospace; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: rgba(13,14,20,.75); }
  .fu-row + .fu-row { border-top: 1px solid rgba(13,14,20,.12); }
  .fu-sum { list-style: none; }
  .fu-sum::-webkit-details-marker { display: none; }
  
  .fu-ic { width: 36px; height: 36px; border-radius: 10px; border: 1px solid rgba(13,14,20,.14); background: #fff; display: grid; place-items: center; color: #0D0E14; }
  .fu-when { font-family: 'Spectral', Georgia, serif; font-size: 17px; font-weight: 700; line-height: 1.3; }
  .fu-do { font-size: 15px; line-height: 1.5; color: rgba(13,14,20,.85); }
  .fu-do a { border-bottom: 1px solid rgba(13,14,20,.35); }
  .fu-arr { color: #A8342A; font-size: 17px; text-align: center; }
  .fu-give { display: inline-flex; align-items: center; gap: 9px; border: 1px solid #0D0E14; background: #fff; padding: 8px 12px; font-family: 'Spectral', Georgia, serif; font-size: 15px; font-weight: 700; max-width: 100%; }
  .fu-give b { font-family: 'Spline Sans Mono', monospace; color: #A8342A; font-size: 14.5px; }
  .fu-plus { font-style: normal; font-family: 'Public Sans', sans-serif; font-weight: 400; color: rgba(13,14,20,.5); margin-left: auto; padding-left: 8px; }
  .fu-row[open] .fu-plus { transform: rotate(45deg); }
  .fu-row[open] .fu-sum { background: #fff; }
  .fu-ex { margin: 0 20px 16px 70px; border: 1px solid var(--edge); background: #fff; padding: 14px 18px; display: grid; gap: 6px; font-size: 15px; line-height: 1.5; color: rgba(13,14,20,.85); }
  .fu-ex p { margin: 0; }
  .fx-k { font-size: 12px; font-weight: 700; color: rgba(13,14,20,.55); }
  .fx-q { font-family: 'Spectral', Georgia, serif; font-size: 18px; }
  .fx-q.green { color: #2E6B47; }
  .fx-big { font-family: 'Spectral', Georgia, serif; font-size: 40px; font-weight: 700; color: #A8342A; line-height: 1; }
  .fx-big small { font-size: 18px; color: rgba(13,14,20,.6); }
  .fx-log { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
  .fx-log b { display: inline-block; min-width: 52px; font-family: 'Spline Sans Mono', monospace; font-size: 13px; color: #A8342A; }
  .fu-note { margin: 0; padding: 14px 20px; border-top: 1px solid #0D0E14; background: #FAFBFD; font-size: 15px; line-height: 1.6; color: rgba(13,14,20,.9); }
  .rd-ic { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 8px; background: var(--paper); color: var(--ink); margin-bottom: 6px; }
  @media (max-width: 900px) {
    .fu-cols { display: none; }
    .fu-sum { grid-template-columns: 36px minmax(0,1fr); row-gap: 8px; }
    .fu-arr { display: none; }
    .fu-do, .fu-give { grid-column: 2; }
    .fu-ex { margin-left: 20px; }
  }

  .mk { display: grid; grid-template-columns: 1fr 56px 1fr; align-items: stretch; margin-top: 34px; }
  .mk-in, .mk-out { border-radius: 18px; padding: 28px; display: grid; gap: 18px; align-content: start; }
  .mk-in { background: #fff; border: 1px solid var(--line); }
  .mk-out { background: var(--ink); color: #fff; }
  .mk-top { display: flex; gap: 14px; align-items: center; }
  .mk-k { font-size: 13px; font-weight: 700; color: var(--muted); margin: 0; }
  .mk-out .mk-k { color: #F2B8AE; }
  .mk-h { font-family: 'Spectral', Georgia, serif; font-size: 22px; font-weight: 700; margin: 0; }
  .mk-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .mk-list li { display: grid; gap: 2px; padding: 12px 14px; border-radius: 10px; background: var(--paper); position: relative; padding-left: 40px; }
  .mk-list li::before { content: "✓"; position: absolute; left: 15px; top: 12px; color: var(--green); font-weight: 700; }
  .mk-list b { font-size: 15.5px; }
  .mk-list span { font-size: 14px; color: var(--muted); }
  .mk-gap { margin: 0; font-size: 14.5px; color: var(--muted); border-top: 1px dashed var(--line); padding-top: 14px; }
  .mk-gap b { color: var(--red); }
  .mk-vs { display: grid; place-items: center; font-family: 'Spectral', Georgia, serif; font-style: italic; font-size: 20px; color: var(--muted); }
  .mk-bullet { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 12px; padding: 16px 18px; display: grid; gap: 8px; }
  .mk-bullet p { margin: 0; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.88); }
  .mk-bullet .mk-src { font-size: 12.5px; color: rgba(255,255,255,.55); }
  .mk-bullet mark { background: rgba(168,52,42,.35); color: #fff; border-bottom: 2px solid #E0705F; padding: 0 2px; }
  .mk-flag { font-size: 13.5px !important; color: rgba(255,255,255,.75) !important; }
  .mk-flag span { background: #A8342A; color: #fff; font-weight: 700; font-size: 12px; border-radius: 6px; padding: 2px 7px; margin-right: 6px; }
  .mk-say { margin: 0; font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.85); }
  @media (max-width: 900px) { .mk { grid-template-columns: 1fr; gap: 12px; } .mk-vs { padding: 4px 0; } }
  .hp-table { overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; background: #fff; margin-top: 30px; }
  .hp-table table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 15.5px; }
  .hp-table th { text-align: left; font-size: 13px; font-weight: 700; color: var(--muted); padding: 14px 20px; background: #F8FAFC; border-bottom: 1px solid var(--line); }
  .hp-table td { padding: 15px 20px; border-bottom: 1px solid var(--line); vertical-align: top; }
  .hp-table td:first-child { font-weight: 600; }
  .hp-table td.no { color: rgba(13,14,20,.45); }
  .hp-table tr.us td { border-bottom: 0; background: rgba(168,52,42,.05); }
  .hp-table tr.us td:first-child { color: var(--red); }

  .hp-terms { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0 28px; }
  .hp-terms div { background: var(--paper); border-radius: 12px; padding: 16px 18px; display: grid; gap: 4px; }
  .hp-terms b { font-size: 15.5px; }
  .hp-terms span { font-size: 14.5px; line-height: 1.45; color: var(--muted); }
  .hp-terms a { color: var(--red); }
  .hp-tiers { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px; align-items: stretch; }
  .hp-tier { border: 1px solid var(--line); border-radius: 18px; padding: 28px; display: flex; flex-direction: column; gap: 6px; background: #fff; }
  .hp-tier.main { border: 2px solid var(--ink); box-shadow: 0 30px 60px -44px rgba(13,14,20,.5); }
  .hp-price { font-family: 'Spectral', Georgia, serif; font-size: 46px; font-weight: 700; line-height: 1; font-variant-numeric: lining-nums; }
  .hp-price small { font-family: 'Public Sans', system-ui, sans-serif; font-size: 16px; color: var(--muted); font-weight: 500; }
  .hp-tsub { font-size: 14px; color: var(--muted); }
  .hp-tier ul { list-style: none; padding: 0; margin: 14px 0 20px; display: grid; gap: 9px; font-size: 15px; line-height: 1.4; color: var(--body); }
  .hp-tier li { padding-left: 22px; position: relative; }
  .hp-tier li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 700; }
  .hp-tier .hp-btn { margin-top: auto; }
  .hp-paynow { margin-top: 12px; font-size: 13.5px; text-align: center; color: var(--muted); text-decoration: none; }
  .hp-paynow:hover { color: var(--red); }
  .hp-either { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
  .hp-either div { border-radius: 14px; padding: 20px 22px; background: var(--paper); }
  .hp-either p:last-child { font-size: 15.5px; line-height: 1.55; color: var(--body); }
  .hp-either a { color: var(--red); }
  .hp-ladder { margin-top: 16px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
  .hp-ladder a { display: grid; grid-template-columns: 220px 1fr auto; gap: 20px; align-items: baseline; padding: 16px 22px; text-decoration: none; transition: background .15s; }
  .hp-ladder a + a { border-top: 1px solid var(--line); }
  .hp-ladder a:hover { background: var(--paper); }
  .hp-ladder b { font-size: 16px; }
  .hp-ladder span { font-size: 14.5px; color: var(--muted); }
  .hp-ladder em { font-style: normal; font-weight: 700; font-size: 15px; white-space: nowrap; }

  .hp-faq { margin-top: 28px; border-top: 1px solid var(--line); }
  .hp-faq details { border-bottom: 1px solid var(--line); }
  .hp-faq summary { cursor: pointer; list-style: none; display: grid; grid-template-columns: 1fr auto; column-gap: 20px; padding: 20px 0; }
  .hp-faq summary::-webkit-details-marker { display: none; }
  .hp-faq summary > span { font-size: 18px; font-weight: 600; }
  .hp-faq summary::after { content: "+"; grid-row: 1; grid-column: 2; font-size: 24px; line-height: 1; color: var(--muted); }
  .hp-faq details[open] summary::after { content: "–"; }
  .hp-faq summary em { grid-column: 1; font-style: normal; font-size: 15px; color: var(--muted); margin-top: 4px; }
  .hp-faq details[open] summary em { display: none; }
  .hp-faq p { padding-bottom: 20px; font-size: 16px; line-height: 1.6; color: var(--body); }

  .hp :focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
  @media (max-width: 960px) {
    .hp-wrap { padding-inline: 20px; }
    .hp-hero-grid, .hp-short, .hp-pair, .hp-either { grid-template-columns: 1fr; gap: 40px; }
    .hp-pair > div + div { border-left: 0; border-top: 1px solid var(--line); }
    .hp-db-grid, .hp-out-grid, .hp-uses-grid, .hp-terms { grid-template-columns: 1fr 1fr; }
    .hp-tiers { grid-template-columns: 1fr; }
    .hp-flow { grid-template-columns: 1fr; gap: 0; }
    .hp-arrow { height: 32px; }
    .hp-arrow::before { left: 50%; right: auto; top: 6px; bottom: 6px; width: 1.5px; height: auto; }
    .hp-arrow::after { left: calc(50% - 4px); right: auto; top: auto; bottom: 4px; border: 4.5px solid transparent; border-top: 7px solid var(--ink); border-bottom: 0; }
    .hp-ladder a { grid-template-columns: 1fr auto; }
    .hp-ladder span { grid-column: 1 / -1; grid-row: 2; }
    .hp-sec { padding-block: 68px; }
    .hp-stamp { width: 80px; height: 80px; top: -26px; right: -6px; }
  }
  @media (max-width: 560px) {
    .hp-db-grid, .hp-out-grid, .hp-uses-grid, .hp-terms, .hp-readers, .hp-three { grid-template-columns: 1fr; }
    .hp-three div + div { border-left: 0; border-top: 1px solid var(--line); }
    .hp-ctas .hp-btn { flex: 1 1 100%; }
  }

  /* ===== glass + gradient layer (test page) ===== */
  .hp { background: radial-gradient(1200px 700px at 90% -5%, rgba(168,52,42,.10), transparent 60%), radial-gradient(900px 600px at -10% 30%, rgba(214,170,120,.14), transparent 60%), linear-gradient(180deg, #FBF9F6 0%, #F2EFEA 100%); }
  .hp-hero { background: radial-gradient(700px 420px at 82% 18%, rgba(168,52,42,.16), transparent 65%), radial-gradient(600px 400px at 60% 90%, rgba(46,107,71,.10), transparent 70%), radial-gradient(500px 360px at 5% 10%, rgba(148,170,205,.22), transparent 70%), linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%); }
  .hp-white { background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.35)); border-color: rgba(255,255,255,.8); }
  .hp-card, .hp-finding, .hp-tier, .hp-dash, .mk-in, .hp-readers div, .hp-routes a, .hp-terms div, .hp-dash-points div, .hp-ladder, .hp-table, .hp-faq details {
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.52));
    -webkit-backdrop-filter: blur(16px) saturate(150%); backdrop-filter: blur(16px) saturate(150%);
    border: 1px solid rgba(255,255,255,.85);
    box-shadow: 0 1px 0 rgba(255,255,255,.95) inset, 0 24px 60px -36px rgba(60,30,30,.35), 0 0 0 1px rgba(13,14,20,.05);
  }
  .hp-faq details { border-radius: 12px; margin-bottom: 10px; padding-inline: 18px; border-bottom: 1px solid rgba(255,255,255,.85); }
  .hp-faq { border-top: 0; }
  .hp-tier.main { background: linear-gradient(160deg, rgba(255,255,255,.95), rgba(244,246,250,.7)); border: 1.5px solid rgba(13,14,20,.9); }
  .hp-tier.main::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(120deg, rgba(255,255,255,.7) 0%, transparent 35%); pointer-events: none; }
  .hp-tier { position: relative; }
  .hp-db { background: radial-gradient(900px 300px at 80% 0%, rgba(168,52,42,.25), transparent 70%), linear-gradient(180deg, #1A1B24 0%, #0B0C12 100%) !important; }
  .mk-out, .hp-node.dark { background: radial-gradient(420px 240px at 100% 0%, rgba(168,52,42,.35), transparent 70%), linear-gradient(160deg, #20212C, #0B0C12); box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 30px 60px -36px rgba(13,14,20,.8); }
  .hp-btn-dark { background: linear-gradient(180deg, #2B3446 0%, #0D0E14 70%); box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 10px 24px -12px rgba(13,14,20,.7); border-color: #0D0E14; }
  .hp-btn-dark:hover { background: linear-gradient(180deg, #A8342A 0%, #7E251D 80%); border-color: #7E251D; }
  .hp-btn-light { background: rgba(255,255,255,.55); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .hp-proof span, .hp-pill { background: rgba(255,255,255,.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-color: rgba(255,255,255,.9); }
  #dashboard { position: relative; background: radial-gradient(600px 380px at 15% 30%, rgba(168,52,42,.12), transparent 70%), radial-gradient(520px 360px at 90% 80%, rgba(46,107,71,.12), transparent 70%); }
  #pricing { background: radial-gradient(700px 400px at 20% 60%, rgba(148,170,205,.2), transparent 70%), radial-gradient(600px 380px at 85% 30%, rgba(168,52,42,.09), transparent 70%); }

  /* dashboard panes */
  .hp-dash-nav { list-style: none; display: grid; gap: 2px; }
  .hp-dash-nav button { font: inherit; font-size: 14.5px; text-align: left; padding: 9px 12px; border-radius: 8px; border: 0; background: transparent; color: var(--body); cursor: pointer; transition: background .15s; }
  .hp-dash-nav button:hover { background: rgba(13,14,20,.05); }
  .hp-dash-nav button.on { background: linear-gradient(180deg, #2B3446, #0D0E14); color: #fff; font-weight: 600; }
  .hp-dash-nav em { font-style: normal; font-size: 12px; opacity: .6; margin-left: 6px; }
  .hp-pane { display: grid; gap: 14px; align-content: start; }
  .hp-pane[hidden] { display: none; }
  .hp-pane-h { font-family: 'Spectral', Georgia, serif; font-size: 22px; font-weight: 700; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: baseline; }
  .hp-pane-h span { font-family: 'Public Sans', sans-serif; font-size: 13px; font-weight: 600; color: var(--muted); }
  .hp-frow, .hp-lrow { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: start; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.6); }
  .hp-lrow { grid-template-columns: 1fr auto; }
  .hp-lrow b { grid-column: 1; font-size: 15.5px; }
  .hp-lrow p { grid-column: 1; font-size: 14.5px; color: var(--muted); line-height: 1.45; }
  .hp-lrow em { grid-column: 2; grid-row: 1 / span 2; }
  .hp-frow s { font-size: 15px; }
  .hp-frow p { font-size: 15px; color: var(--green); margin-top: 2px !important; }
  .hp-frow em, .hp-lrow em { font-style: normal; font-size: 12.5px; font-weight: 700; border-radius: 999px; padding: 3px 10px; background: rgba(13,14,20,.07); color: var(--muted); white-space: nowrap; }
  .hp-frow em.ok, .hp-lrow em.ok { background: rgba(46,107,71,.12); color: var(--green); }
  .hp-pdf { display: grid; grid-template-columns: 170px 1fr; gap: 20px; align-items: start; }
  .hp-pdf-doc { aspect-ratio: 3 / 4; max-width: 100%; border: 1px solid var(--line); border-radius: 8px; background: #fff; padding: 14px; display: grid; gap: 6px; align-content: start; box-shadow: 0 16px 30px -18px rgba(13,14,20,.4); }
  .hp-pdf-doc b { font-family: 'Spectral', Georgia, serif; font-size: 14px; }
  .hp-pdf-doc span { font-size: 10.5px; color: var(--muted); }
  .hp-pdf-doc i { display: block; height: 5px; border-radius: 3px; background: rgba(13,14,20,.1); }
  .hp-pdf-doc i.r { background: rgba(168,52,42,.45); width: 70%; }
  .hp-pdf-doc p { margin-top: 10px !important; font-size: 10px; font-weight: 700; color: var(--green); }
  .hp-pdf-meta { display: grid; gap: 8px; justify-items: start; font-size: 15px; }
  .hp-pdf-meta b { display: inline-block; min-width: 76px; }
  .hp-arow { display: grid; gap: 3px; padding: 12px 16px; border-radius: 12px; background: rgba(46,107,71,.06); border: 1px solid rgba(46,107,71,.18); }
  .hp-arow q { font-family: 'Spectral', Georgia, serif; font-size: 18px; quotes: "\201C" "\201D"; }
  .hp-arow span, .hp-pane-note { font-size: 13px; color: var(--muted); }
  .hp-hist { list-style: none; margin: 0; padding: 0 0 0 16px; border-left: 2px solid #CBD5E1; display: grid; gap: 12px; }
  .hp-hist li { position: relative; font-size: 15px; }
  .hp-hist li::before { content: ""; position: absolute; left: -22px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #A8342A; box-shadow: 0 0 0 3px #fff; }
  .hp-hist b { display: inline-block; min-width: 76px; color: var(--red); font-size: 13.5px; }

  /* pass / fail */
  .hp-either { grid-template-columns: 1fr 1fr; position: relative; }
  .ev { border-radius: 16px; padding: 22px 24px; border: 1px solid rgba(255,255,255,.85); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
  .ev.pass { background: linear-gradient(150deg, rgba(46,107,71,.14), rgba(255,255,255,.6)); }
  .ev.fail { background: linear-gradient(150deg, rgba(168,52,42,.13), rgba(255,255,255,.6)); }
  .ev-k { display: flex; align-items: center; gap: 10px; font-family: 'Spectral', Georgia, serif; font-size: 21px; font-weight: 700; margin-bottom: 10px !important; }
  .ev-k span { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-family: 'Public Sans', sans-serif; font-size: 14px; font-weight: 700; }
  .ev.pass .ev-k span { background: var(--green); }
  .ev.fail .ev-k span { background: var(--red); }
  .ev ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 15.5px; color: var(--body); }
  .ev li { padding-left: 18px; position: relative; }
  .ev li::before { content: ""; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 2px; background: currentColor; opacity: .35; }
  .ev a { color: var(--red); }
  .ev-same { grid-column: 1 / -1; text-align: center; font-size: 14.5px; font-weight: 600; color: var(--muted); }
  @media (max-width: 960px) { .hp-pdf { grid-template-columns: 1fr; } .hp-pdf-doc { width: 160px; } }

  .fl-wrap { display: grid; gap: 40px; }
  .fl { display: grid; justify-items: center; max-width: 760px; width: 100%; margin: 8px auto 0; }
  .fl-node { display: grid; grid-template-columns: 56px auto auto; gap: 14px; align-items: center; padding: 12px 18px 12px 12px; border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.6)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 1px 0 #fff inset, 0 18px 40px -26px rgba(60,30,30,.4), 0 0 0 1px rgba(13,14,20,.05); position: relative; z-index: 1; }
  .fl-node b { display: block; font-size: 16.5px; }
  .fl-node div > span { font-size: 14px; color: var(--muted); }
  .fl-node em { font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--muted); border: 1px solid var(--line); background: #fff; border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
  .fl-node em.hot { background: #A8342A; border-color: #A8342A; color: #fff; }
  .fl-node.dark { background: radial-gradient(260px 120px at 100% 0%, rgba(168,52,42,.4), transparent 70%), linear-gradient(160deg, #262836, #0D0E14); color: #fff; border-color: rgba(255,255,255,.12); }
  .fl-node.dark div > span { color: rgba(255,255,255,.7); }
  .fl-ic { width: 56px; height: 56px; border-radius: 14px; display: grid; place-items: center; background: #fff; border: 1px solid var(--line); color: var(--ink); }
  .fl-node.dark .fl-ic { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.18); color: #fff; }
  .fl-ic.red { color: #A8342A; } .fl-ic.green { color: #2E6B47; }
  .fl-stem { width: 2px; height: 34px; background: rgba(148,163,184,.55); position: relative; }
  .fl-tag { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12.5px; font-weight: 700; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 3px 11px; white-space: nowrap; box-shadow: 0 6px 14px -8px rgba(13,14,20,.3); }
  .fl-split, .fl-merge { width: 50%; height: 26px; border: 2px solid rgba(148,163,184,.55); }
  .fl-split { border-bottom: 0; border-radius: 16px 16px 0 0; }
  .fl-merge { border-top: 0; border-radius: 0 0 16px 16px; }
  .fl-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; width: 100%; }
  .fl-pair .fl-node { grid-template-columns: 56px auto; justify-self: center; }
  .fl-example { max-width: 920px; width: 100%; margin: 0 auto; }
  .fl-ex-k { font-size: 13.5px; font-weight: 700; color: var(--muted); margin-bottom: 10px !important; text-align: center; }
  .fl-example .hp-links { margin-top: 20px; justify-content: center; }
  .pv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
  .pv { border-radius: 16px; padding: 22px; display: grid; gap: 10px; align-content: start; background: linear-gradient(145deg, rgba(255,255,255,.85), rgba(255,255,255,.55)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 1px 0 #fff inset, 0 20px 50px -34px rgba(60,30,30,.4), 0 0 0 1px rgba(13,14,20,.05); }
  .pv-top { display: flex; gap: 12px; align-items: center; }
  .pv-top b { font-family: 'Spectral', Georgia, serif; font-size: 20px; }
  .pv-ic { width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: #fff; border: 1px solid var(--line); color: var(--ink); flex: 0 0 auto; }
  .pv-ic.g { background: #2E6B47; color: #fff; border-color: #2E6B47; font-weight: 700; }
  .pv-rule { font-size: 14.5px; line-height: 1.5; color: var(--body); }
  .pv-rule a { color: var(--ink); border-bottom: 1px solid rgba(13,14,20,.3); text-decoration: none; }
  .pv-row { font-size: 14.5px; line-height: 1.45; color: var(--body); display: grid; gap: 2px; padding-top: 10px; border-top: 1px solid rgba(13,14,20,.08); }
  .pv-row.small { font-size: 13.5px; color: var(--muted); }
  .pv-k { font-size: 12px; font-weight: 700; }
  .pv-k.red { color: #A8342A; } .pv-k.green { color: #2E6B47; }
  .pv.guarantee { background: radial-gradient(300px 160px at 100% 0%, rgba(46,107,71,.18), transparent 70%), linear-gradient(145deg, rgba(255,255,255,.9), rgba(236,246,240,.7)); border-color: rgba(46,107,71,.3); }
  #prevent { background: radial-gradient(620px 380px at 90% 20%, rgba(168,52,42,.10), transparent 70%), radial-gradient(520px 360px at 5% 90%, rgba(46,107,71,.08), transparent 70%); }
  .hp-terms { grid-template-columns: repeat(4, 1fr); }
  @media (max-width: 960px) { .pv-grid { grid-template-columns: 1fr 1fr; } .hp-terms { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 640px) {
    .pv-grid { grid-template-columns: 1fr; }
    .fl-split, .fl-merge { display: none; }
    .fl-pair { grid-template-columns: 1fr; gap: 0; }
    .fl-pair .fl-node + .fl-node { margin-top: 34px; }
    .fl-pair .fl-node + .fl-node::before { content: ""; position: absolute; top: -34px; left: 50%; width: 2px; height: 34px; background: rgba(148,163,184,.55); }
    .fl-node { grid-template-columns: 48px 1fr; } .fl-node em { grid-column: 2; justify-self: start; }
  }

  .hp-loop { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--ink); background: rgba(255,255,255,.65); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.95); box-shadow: 0 0 0 1px rgba(46,107,71,.25), 0 8px 20px -12px rgba(46,107,71,.5); border-radius: 999px; padding: 6px 12px 6px 9px; margin-right: 10px; margin-bottom: 8px; }
  .hp-loop i { width: 8px; height: 8px; border-radius: 50%; background: #2E6B47; box-shadow: 0 0 0 4px rgba(46,107,71,.18); }

  .mk-listing { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; overflow: hidden; }
  .mk-listing .mk-src { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0; padding: 10px 14px; font-size: 12.5px; color: rgba(255,255,255,.55); border-bottom: 1px solid rgba(255,255,255,.1); }
  .mk-listing .mk-src span:last-child { color: #F2B8AE; font-weight: 600; }
  .mk-line { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 14px; }
  .mk-line + .mk-line { border-top: 1px solid rgba(255,255,255,.07); }
  .mk-line p { margin: 0; font-size: 15px; line-height: 1.45; color: rgba(255,255,255,.85); }
  .mk-line mark { color: #fff; padding: 0 2px; border-radius: 2px; }
  .mk-line mark.c { background: rgba(168,52,42,.45); box-shadow: inset 0 -2px 0 #E0705F; }
  .mk-line mark.h { background: rgba(242,169,59,.18); box-shadow: inset 0 -2px 0 #E3A64A; }
  .mk-line.ok p { color: rgba(255,255,255,.7); }
  .mk-sev { flex: 0 0 auto; font-size: 11.5px; font-weight: 700; border-radius: 6px; padding: 3px 8px; }
  .mk-sev.c { background: #A8342A; color: #fff; }
  .mk-sev.h { background: rgba(242,169,59,.2); color: #F4C27A; }
  .mk-sev.ok { background: rgba(67,214,155,.15); color: #6EE3B0; }
  .mk-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .mk-checks li { display: grid; gap: 2px; padding: 11px 14px 11px 40px; border-radius: 10px; background: rgba(255,255,255,.06); position: relative; }
  .mk-checks li::before { content: "✓"; position: absolute; left: 15px; top: 11px; color: #6EE3B0; font-weight: 700; }
  .mk-checks b { font-size: 15px; color: #fff; }
  .mk-checks span { font-size: 13.5px; color: rgba(255,255,255,.62); }
  .mk-gap-dark { margin: 0; font-size: 14.5px; line-height: 1.5; color: rgba(255,255,255,.7); border-top: 1px dashed rgba(255,255,255,.16); padding-top: 14px; }
  .mk-gap-dark b { color: #6EE3B0; }

  .hp-h1sub { font-family: 'Spectral', Georgia, serif; font-size: clamp(20px, 2vw, 24px); line-height: 1.3; font-weight: 600; color: var(--ink); max-width: 26em; margin: -6px 0 18px !important; padding-left: 14px; border-left: 3px solid; border-image: linear-gradient(180deg, #E2E8F0, #94A3B8) 1; }
  .th { position: relative; border-radius: 20px; padding: 18px; background: linear-gradient(150deg, rgba(255,255,255,.88), rgba(255,255,255,.55)); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 1px 0 #fff inset, 0 40px 80px -46px rgba(80,30,30,.5), 0 0 0 1px rgba(13,14,20,.05); }
  .th-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
  .th-title { font-family: 'Spectral', Georgia, serif; font-size: 19px; font-weight: 700; }
  .th-toggle { display: inline-flex; background: rgba(13,14,20,.06); border-radius: 999px; padding: 3px; margin-right: 58px; }
  .th-toggle button { font: inherit; font-size: 13px; font-weight: 600; border: 0; background: transparent; color: var(--muted); padding: 6px 12px; border-radius: 999px; cursor: pointer; transition: background .2s, color .2s; }
  .th-toggle button[aria-pressed="true"] { background: #fff; color: var(--ink); box-shadow: 0 2px 8px -3px rgba(13,14,20,.3); }
  .th-copy { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 6px 16px; }
  .th-copy p { margin: 0; padding: 9px 0 9px 18px; font-size: 15px; line-height: 1.45; position: relative; }
  .th-copy p + p { border-top: 1px solid rgba(13,14,20,.07); }
  .th-copy p::before { content: ""; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; border-radius: 50%; background: rgba(13,14,20,.3); }
  .th-copy mark { color: var(--ink); padding: 0 2px; border-radius: 2px; }
  .th-copy mark.c { background: rgba(168,52,42,.16); box-shadow: inset 0 -2px 0 #A8342A; }
  .th-copy mark.h { background: rgba(242,169,59,.2); box-shadow: inset 0 -2px 0 #D9922E; }
  .th[data-state="after"] .th-copy .th-good { color: #2E6B47; font-family: 'Spectral', Georgia, serif; font-size: 16px; }
  .th-stem { width: 2px; height: 16px; margin: 0 auto; background: linear-gradient(#A8342A, rgba(168,52,42,.2)); transition: background .4s; }
  .th[data-state="after"] .th-stem { background: linear-gradient(#2E6B47, rgba(46,107,71,.2)); }
  .th-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
  .th-row { display: grid; grid-template-columns: 34px 1fr auto; column-gap: 12px; row-gap: 1px; align-items: center; padding: 9px 12px; border-radius: 12px; background: rgba(168,52,42,.06); border: 1px solid rgba(168,52,42,.16); transition: background .45s, border-color .45s; }
  .th[data-state="after"] .th-row { background: rgba(46,107,71,.07); border-color: rgba(46,107,71,.2); }
  .th-row:nth-child(2) { transition-delay: .06s; } .th-row:nth-child(3) { transition-delay: .12s; } .th-row:nth-child(4) { transition-delay: .18s; } .th-row:nth-child(5) { transition-delay: .24s; }
  .th-ic { grid-row: span 2; width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: #fff; border: 1px solid var(--line); color: #A8342A; transition: color .45s; }
  .th[data-state="after"] .th-ic { color: #2E6B47; }
  .th-ic svg { width: 18px; height: 18px; }
  .th-name { font-size: 14.5px; font-weight: 700; }
  .th-state em { font-style: normal; font-size: 11.5px; font-weight: 700; border-radius: 999px; padding: 3px 9px; }
  .th-state .th-bad { background: #A8342A; color: #fff; }
  .th-state .th-good { background: #2E6B47; color: #fff; }
  .th-why { grid-column: 2 / -1; font-size: 13px; color: var(--muted); }
  .th-foot { margin-top: 12px; text-align: center; font-size: 13.5px; font-weight: 600; }
  .th-foot .th-bad { color: #A8342A; } .th-foot .th-good { color: #2E6B47; }
  .th[data-state="before"] .th-good, .th[data-state="after"] .th-bad { display: none; }
  @media (prefers-reduced-motion: reduce) { .th-row, .th-ic, .th-stem { transition: none; } }
  @media (max-width: 560px) { .th-toggle { margin-right: 0; } .th-row { grid-template-columns: 30px 1fr; } .th-state { grid-column: 2; justify-self: start; } }

  .th-kicker { margin: 0 64px 10px 2px !important; font-size: 14px; font-weight: 700; color: var(--red); line-height: 1.35; }

  .fl-val { grid-column: 1 / -1; margin: 4px 0 0 !important; padding-top: 9px; border-top: 1px dashed rgba(13,14,20,.12); font-size: 14px; font-weight: 600; color: #2E6B47; display: flex; gap: 8px; align-items: baseline; }
  .fl-val span { font-size: 11px; }
  .fl-node.dark .fl-val { color: #6EE3B0; border-top-color: rgba(255,255,255,.14); }
  .fl-pair .fl-val { grid-column: 1 / -1; }
  .fl-out { width: 100%; max-width: 760px; border-radius: 18px; padding: 20px 22px; background: radial-gradient(360px 180px at 100% 0%, rgba(46,107,71,.18), transparent 70%), linear-gradient(145deg, rgba(255,255,255,.92), rgba(236,246,240,.72)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(46,107,71,.28); box-shadow: 0 1px 0 #fff inset, 0 24px 50px -32px rgba(46,107,71,.45); position: relative; z-index: 1; }
  .fl-out-k { margin: 0 0 12px !important; font-family: 'Spectral', Georgia, serif; font-size: 20px; font-weight: 700; text-align: center; }
  .fl-out-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
  .fl-out-grid div { display: grid; gap: 3px; align-content: start; background: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.9); border-radius: 12px; padding: 12px; }
  .fl-out-grid b { font-size: 15px; color: #2E6B47; }
  .fl-out-grid span { font-size: 13.5px; line-height: 1.4; color: var(--muted); }
  @media (max-width: 760px) { .fl-out-grid { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 420px) { .fl-out-grid { grid-template-columns: 1fr; } }

  .rk { padding: 14px 18px 12px; border-bottom: 1px solid var(--line); }
  .rk-h { margin: 0 0 8px !important; font-size: 12.5px; font-weight: 700; color: var(--red); }
  .rk ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
  .rk li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: center; }
  .rk-ic { width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: rgba(168,52,42,.07); border: 1px solid rgba(168,52,42,.16); color: var(--red); }
  .rk-ic svg { width: 16px; height: 16px; }
  .rk b { display: block; font-size: 13.5px; line-height: 1.25; }
  .rk li span:not(.rk-ic) { font-size: 12.5px; color: var(--muted); line-height: 1.35; }
  .rk a { color: var(--ink); border-bottom: 1px solid rgba(13,14,20,.25); text-decoration: none; }

  /* ===== How the work is done: AI treatment ===== */
  .ai { position: relative; overflow: hidden; color: #EEF0F5; background: linear-gradient(180deg, #0B0C12 0%, #11131C 50%, #0B0C12 100%); padding-block: 100px; }
  .ai-bg { position: absolute; inset: 0; background:
      radial-gradient(600px 380px at 15% 20%, rgba(168,52,42,.28), transparent 70%),
      radial-gradient(520px 360px at 85% 35%, rgba(67,214,155,.14), transparent 70%),
      radial-gradient(700px 420px at 50% 100%, rgba(120,110,200,.12), transparent 70%),
      linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 48px 48px,
      linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px) 0 0 / 48px 48px;
    -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent); mask-image: linear-gradient(180deg, #000 70%, transparent); }
  .ai-wrap { position: relative; }
  .ai-k { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #F2B8AE; margin: 0 0 12px; }
  .ai-k span { width: 26px; height: 2px; background: linear-gradient(90deg, #A8342A, #F2B8AE); }
  .ai-h2 { font-family: 'Spectral', Georgia, serif; font-weight: 700; font-size: clamp(34px, 4vw, 52px); line-height: 1.05; letter-spacing: -.02em; color: #fff; margin: 0 0 44px; }
  .ai-h2 span { background: linear-gradient(90deg, #F2B8AE, #6EE3B0); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .ai-lab { font-size: 13px; font-weight: 700; letter-spacing: .02em; color: rgba(255,255,255,.62); margin: 0 0 12px; display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
  .ai-tag { font-size: 12px; font-weight: 700; color: #6EE3B0; background: rgba(67,214,155,.12); border: 1px solid rgba(67,214,155,.3); border-radius: 999px; padding: 3px 10px; }
  .glassd, .ai-in, .ai-panel, .ai-out { background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, 0 30px 60px -40px rgba(0,0,0,.8); border-radius: 18px; }
  .ai-flow { display: grid; grid-template-columns: 1.1fr 70px 1fr 70px 1fr; align-items: center; margin-bottom: 28px; }
  .ai-in { padding: 20px; }
  .ai-chips { display: flex; flex-wrap: wrap; gap: 7px; }
  .ai-chip { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); color: #E6E8EE; }
  .ai-chip svg { width: 14px; height: 14px; color: #F2B8AE; }
  .ai-chip b { font-weight: 500; }
  .ai-wire { height: 2px; position: relative; background: rgba(255,255,255,.12); overflow: hidden; border-radius: 2px; }
  .ai-wire i { position: absolute; inset: 0; background: linear-gradient(90deg, transparent, #F2B8AE, #6EE3B0, transparent); background-size: 50% 100%; background-repeat: no-repeat; animation: aiflow 2.4s linear infinite; }
  @keyframes aiflow { from { background-position: -50% 0; } to { background-position: 150% 0; } }
  .ai-core { text-align: center; display: grid; justify-items: center; gap: 8px; }
  .ai-ring { width: 150px; height: 150px; border-radius: 50%; padding: 3px; background: conic-gradient(from 0deg, #A8342A, #F2B8AE, #6EE3B0, #7C8CFF, #A8342A); animation: aispin 9s linear infinite; box-shadow: 0 0 60px -10px rgba(168,52,42,.6), 0 0 90px -20px rgba(67,214,155,.35); }
  .ai-ring-in { width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(circle at 50% 35%, #232534, #0D0E14 70%); display: grid; place-content: center; animation: aispin 9s linear infinite reverse; }
  .ai-ring-in b { font-family: 'Spectral', Georgia, serif; font-size: 46px; line-height: 1; color: #fff; }
  .ai-ring-in span { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.6); }
  @keyframes aispin { to { transform: rotate(360deg); } }
  .ai-core-t { margin: 6px 0 0; font-size: 16px; font-weight: 700; color: #fff; }
  .ai-core-d { margin: 0; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.66); max-width: 30ch; }
  .ai-out { padding: 20px; display: grid; justify-items: center; gap: 8px; text-align: center; }
  .ai-doc { width: 92px; aspect-ratio: 3 / 4; border-radius: 8px; background: linear-gradient(160deg, #fff, #EDEFF3); padding: 12px 10px; display: grid; gap: 5px; align-content: start; position: relative; box-shadow: 0 16px 34px -14px rgba(0,0,0,.7); }
  .ai-doc i { display: block; height: 4px; border-radius: 2px; background: rgba(13,14,20,.14); }
  .ai-doc i.r { background: rgba(168,52,42,.55); width: 70%; }
  .ai-seal { position: absolute; bottom: 10px; left: 8px; right: 8px; font-size: 10px; font-weight: 700; color: #2E6B47; background: rgba(46,107,71,.12); border-radius: 4px; padding: 2px 0; }
  .ai-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .ai-panel { padding: 22px; }
  .ai-goes, .ai-outs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
  .ai-goes li { display: grid; grid-template-columns: 26px 32px 1fr; gap: 10px; align-items: center; padding: 9px 12px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }
  .ai-n { font-family: 'Spline Sans Mono', monospace; font-size: 12px; color: rgba(255,255,255,.4); }
  .ai-gi { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: rgba(242,184,174,.1); color: #F2B8AE; }
  .ai-gi svg { width: 16px; height: 16px; }
  .ai-goes b, .ai-outs b { display: block; font-size: 15px; color: #fff; font-weight: 600; }
  .ai-goes div span, .ai-outs div span { font-size: 13px; color: rgba(255,255,255,.58); }
  .ai-outs li { display: grid; grid-template-columns: 44px 1fr; gap: 10px; align-items: center; padding: 11px 14px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }
  .ai-outs li.hl { background: linear-gradient(90deg, rgba(67,214,155,.14), rgba(255,255,255,.03)); border-color: rgba(67,214,155,.3); }
  .ai-num { font-family: 'Spline Sans Mono', monospace; font-size: 18px; font-weight: 700; background: linear-gradient(135deg, #F2B8AE, #E0705F); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .ai-outs li.hl .ai-num { background: linear-gradient(135deg, #6EE3B0, #2E6B47); -webkit-background-clip: text; background-clip: text; }
  .ai-foot { margin: 14px 0 0; font-size: 14px; line-height: 1.55; color: rgba(255,255,255,.6); }
  .ai-foot a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.3); text-decoration: none; }
  .ai-more { margin-top: 26px; text-align: center; }
  .ai-more a { display: inline-flex; gap: 8px; font-weight: 600; color: #fff; text-decoration: none; padding: 12px 20px; border-radius: 10px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.05); }
  .ai-more a:hover { background: rgba(255,255,255,.1); }
  /* file in use, dark */
  .ai .fu { margin-top: 44px; }
  .ai .fu-k { color: #F2B8AE; }
  .ai .fu-h { color: #fff; }
  .ai .fu-hint { color: rgba(255,255,255,.55); } .ai .fu-hint b { color: #fff; }
  .ai .fu-box { border: 1px solid rgba(255,255,255,.12); border-radius: 18px; overflow: hidden; background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
  .ai .fu-cols { border-bottom: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.5); }
  .ai .fu-row + .fu-row { border-top: 1px solid rgba(255,255,255,.07); }
  .ai .fu-ic { background: rgba(242,184,174,.1); border-color: rgba(242,184,174,.2); color: #F2B8AE; }
  .ai .fu-when { color: #fff; }
  .ai .fu-do { color: rgba(255,255,255,.72); } .ai .fu-do a { border-bottom-color: rgba(255,255,255,.3); }
  .ai .fu-arr { color: #F2B8AE; }
  .ai .fu-give { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.18); border-radius: 10px; color: #fff; }
  .ai .fu-give b { color: #F2B8AE; }
  .ai .fu-note { background: rgba(255,255,255,.03); border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.7); }
  .ai .fu-note strong { color: #fff; }
  @media (prefers-reduced-motion: reduce) { .ai-wire i, .ai-ring, .ai-ring-in { animation: none; } }
  @media (max-width: 960px) {
    .ai-flow { grid-template-columns: 1fr; gap: 0; }
    .ai-wire { width: 2px; height: 34px; margin: 0 auto; }
    .ai-wire i { background: linear-gradient(180deg, transparent, #F2B8AE, #6EE3B0, transparent); background-size: 100% 50%; animation-name: aiflowv; }
    .ai-cols { grid-template-columns: 1fr; }
    .ai { padding-block: 72px; }
  }
  @keyframes aiflowv { from { background-position: 0 -50%; } to { background-position: 0 150%; } }

  .app-frame { position: relative; border-radius: 22px; padding: 1.5px; background: linear-gradient(135deg, rgba(168,52,42,.55), rgba(255,255,255,.7) 30%, rgba(255,255,255,.4) 60%, rgba(46,107,71,.5)); box-shadow: 0 60px 120px -60px rgba(60,20,20,.55), 0 30px 60px -40px rgba(13,14,20,.35); }
  .app-frame::after { content: ""; position: absolute; inset: 30% -4% -8% -4%; background: radial-gradient(closest-side, rgba(168,52,42,.18), transparent 70%); z-index: -1; filter: blur(20px); }
  .app-bar { display: flex; align-items: center; gap: 7px; padding: 11px 16px; border-radius: 20px 20px 0 0; background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(246,244,241,.9)); border-bottom: 1px solid rgba(13,14,20,.08); }
  .app-bar span { width: 11px; height: 11px; border-radius: 50%; background: #E4DFD8; }
  .app-bar span:nth-child(1) { background: #F2B8AE; } .app-bar span:nth-child(2) { background: #F4BF4F; } .app-bar span:nth-child(3) { background: #61C554; }
  .app-bar p { margin: 0 0 0 14px !important; flex: 1; text-align: center; font-size: 12.5px; color: var(--muted); background: rgba(13,14,20,.05); border-radius: 8px; padding: 4px 10px; max-width: 360px; margin-inline: auto !important; }
  .app-frame .hp-dash { border-radius: 0 0 20px 20px; border: 0; box-shadow: none; background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(248,250,252,.9)); }
  .app-frame .hp-dash-side { background: linear-gradient(180deg, #F4F6FA, #F1EEE9); }

  .ai-live { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: #6EE3B0; }
  .ai-live i { width: 7px; height: 7px; border-radius: 50%; background: #6EE3B0; box-shadow: 0 0 0 0 rgba(110,227,176,.6); animation: aipulse 1.6s ease-out infinite; }
  @keyframes aipulse { to { box-shadow: 0 0 0 8px rgba(110,227,176,0); } }
  .ai-read { position: relative; overflow: hidden; display: grid; gap: 2px; border-radius: 12px; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.08); padding: 8px 12px; }
  .ai-read p { margin: 0; font-size: 13.5px; line-height: 1.5; color: rgba(255,255,255,.78); padding: 5px 0; }
  .ai-read p + p { border-top: 1px solid rgba(255,255,255,.05); }
  .ai-read em { font-style: normal; font-family: 'Spline Sans Mono', monospace; font-size: 10.5px; color: rgba(255,255,255,.4); display: inline-block; min-width: 56px; }
  .ai-read mark { color: #fff; border-radius: 3px; padding: 0 3px; }
  .ai-read mark.c { background: rgba(168,52,42,.55); box-shadow: inset 0 -2px 0 #E0705F; }
  .ai-read mark.h { background: rgba(242,169,59,.28); box-shadow: inset 0 -2px 0 #E3A64A; }
  .ai-scan { position: absolute; left: 0; right: 0; top: 0; height: 34px; background: linear-gradient(180deg, transparent, rgba(110,227,176,.16), transparent); border-bottom: 1px solid rgba(110,227,176,.45); animation: aiscan 3.2s ease-in-out infinite; pointer-events: none; }
  @keyframes aiscan { 0% { transform: translateY(-34px); } 100% { transform: translateY(190px); } }
  .ai-meta { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 10px 0 0; font-size: 12.5px; color: rgba(255,255,255,.5); }
  .ai-meta span:last-child { color: #F2B8AE; font-weight: 600; }
  @media (prefers-reduced-motion: reduce) { .ai-scan, .ai-live i { animation: none; } .ai-scan { display: none; } }

  .mk-us { border: 1.5px solid rgba(168,52,42,.45); box-shadow: 0 1px 0 #fff inset, 0 24px 60px -36px rgba(168,52,42,.35), 0 0 0 1px rgba(13,14,20,.04); }
  .mk-us .mk-k { color: var(--red); }
  .mk-gap b.ok { color: var(--green); }

  /* process section: same finish as the rest of the page */
  #process .cv-machine-frame { border-radius: 22px !important; border: 1px solid rgba(255,255,255,.9) !important; background: linear-gradient(rgba(13,14,20,.025) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, rgba(13,14,20,.025) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.55)) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 1px 0 #fff inset, 0 30px 70px -44px rgba(60,30,30,.4), 0 0 0 1px rgba(13,14,20,.05) !important; }
  #process .cv-machine-frame > div:first-child { border-radius: 999px !important; padding: 7px 16px !important; font-size: 13px !important; }
  #process [style*="border: 1px solid #0D0E14"], #process [style*="border: 1.5px solid #0D0E14"], #process [style*="border: 2px solid #0D0E14"] { border-radius: 14px !important; border-color: rgba(13,14,20,.14) !important; }
  #process .cv-passes { border-top: 0 !important; gap: 20px; }
  #process .cv-passes > div { border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.85), rgba(255,255,255,.5)); border: 1px solid rgba(255,255,255,.9) !important; box-shadow: 0 1px 0 #fff inset, 0 24px 60px -40px rgba(60,30,30,.35), 0 0 0 1px rgba(13,14,20,.05); padding: 24px !important; }
  #process .cv-passes [style*="box-shadow"] { box-shadow: 0 18px 40px -30px rgba(13,14,20,.35) !important; overflow: hidden; }

  .hp-for { margin-top: 8px !important; font-size: 13.5px; color: var(--muted); }

  /* pricing: premium audit card, terms as a strip */
  #pricing .hp-tier.main::before { display: none; }
  #pricing .hp-tiers { align-items: stretch; margin-top: 8px; }
  #pricing .hp-tier.main { background: radial-gradient(420px 220px at 100% 0%, rgba(168,52,42,.45), transparent 70%), linear-gradient(160deg, #222733, #0D0E14) !important; color: #fff; border: 1px solid rgba(255,255,255,.08) !important; box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 50px 90px -50px rgba(60,20,20,.8) !important; transform: translateY(-10px); }
  #pricing .hp-tier.main .hp-lab { color: #F2B8AE; }
  #pricing .hp-tier.main .hp-tsub, #pricing .hp-tier.main .hp-price small { color: rgba(255,255,255,.62); }
  #pricing .hp-tier.main li { color: rgba(255,255,255,.86); }
  #pricing .hp-tier.main li b { color: #fff; }
  #pricing .hp-tier.main li::before { color: #6EE3B0; }
  #pricing .hp-tier.main .hp-btn-dark { background: linear-gradient(180deg, #FFFFFF, #E4E9F0) !important; color: #0D0E14 !important; border-color: #fff !important; }
  #pricing .hp-tier.main .hp-btn-dark:hover { background: linear-gradient(180deg, #F2B8AE, #E0705F) !important; }
  #pricing .hp-tier.main .hp-paynow { color: rgba(255,255,255,.7); }
  #pricing .hp-tier.main .hp-paynow:hover { color: #fff; }
  .pr-terms { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 22px; border-radius: 16px; background: linear-gradient(145deg, rgba(255,255,255,.8), rgba(255,255,255,.5)); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 1px 0 #fff inset, 0 0 0 1px rgba(13,14,20,.05); }
  .pr-terms > div { display: grid; grid-template-columns: 22px 1fr; gap: 10px; padding: 16px 18px; align-items: start; }
  .pr-terms > div + div { border-left: 1px solid rgba(13,14,20,.07); }
  .pr-terms span { width: 22px; height: 22px; border-radius: 50%; background: rgba(46,107,71,.12); color: #2E6B47; display: grid; place-items: center; font-size: 12px; font-weight: 700; }
  .pr-terms p { margin: 0; font-size: 14px; line-height: 1.45; color: var(--muted); }
  .pr-terms b { color: var(--ink); }
  .pr-terms a { color: var(--red); }
  @media (max-width: 960px) { .pr-terms { grid-template-columns: 1fr 1fr; } .pr-terms > div:nth-child(3) { border-left: 0; } #pricing .hp-tier.main { transform: none; } }
  @media (max-width: 560px) { .pr-terms { grid-template-columns: 1fr; } .pr-terms > div + div { border-left: 0; border-top: 1px solid rgba(13,14,20,.07); } }

  /* colour discipline: red = brand + risk, green = signed/pass; everything else ink */
  .hp-kicker, .th-kicker { color: rgba(13,14,20,.62) !important; }
  .hp-kicker::before { content: ""; display: inline-block; width: 18px; height: 2px; background: #A8342A; vertical-align: middle; margin-right: 9px; }
  .fl-val { color: var(--ink) !important; }
  .fl-val span { color: #2E6B47; }
  .fl-out-grid b { color: var(--ink) !important; }
  .hp-tier:not(.main) li::before, .mk-list li::before, .ev li::before { color: rgba(13,14,20,.55) !important; }
  .hp-micro a, .ev a, .pr-terms a, .hp-under a { color: var(--ink) !important; border-bottom-color: rgba(168,52,42,.5) !important; }
  .mk-us .mk-k { color: rgba(13,14,20,.62) !important; }
  .mk-gap b { color: var(--ink) !important; }
  .pr-terms span { background: rgba(13,14,20,.06) !important; color: var(--ink) !important; }
  .hp-lab.green { color: var(--ink) !important; }

  /* readability floor: 13px for reading text, 12.5px for short tags */
  .hp-src, .hp-cite, .hp-opt-k, .hp-where, .fl-node em, .fl-tag, .rk-h, .app-bar p, .hp-speed-key, .hp-speed-row, .hp-pane-h span, .hp-pane-note, .hp-arow span, .ev-same { font-size: 13px !important; }
  .rk b { font-size: 14.5px !important; }
  .rk li span:not(.rk-ic) { font-size: 13.5px !important; }
  .hp-chip, .hp-tag, .hp-dash-counts span, .hp-dash-nav em, .fx-k, .hp-frow em, .hp-lrow em, .hp-branch-tag, .hp-dash-foot, .hp-tsub { font-size: 12.5px !important; }
  .hp-pdf-doc span, .hp-pdf-doc p { font-size: 11px !important; }
  .hp-counts span { font-size: 13.5px !important; }
  .hp-three .k, .hp-three .x, .hp-three .v { font-size: 13px !important; }

  .pr-more-k { margin: 34px 0 12px !important; font-family: 'Spectral', Georgia, serif; font-size: 22px; font-weight: 700; }
  .pr-more { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .pr-card { display: grid; gap: 6px; align-content: start; text-decoration: none; padding: 24px; border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,255,255,.55)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 1px 0 #fff inset, 0 24px 60px -40px rgba(60,30,30,.4), 0 0 0 1px rgba(13,14,20,.05); transition: transform .2s, box-shadow .2s; }
  .pr-card:hover { transform: translateY(-3px); box-shadow: 0 1px 0 #fff inset, 0 34px 70px -40px rgba(60,30,30,.5), 0 0 0 1px rgba(13,14,20,.08); }
  .pr-card-k { font-size: 13px; font-weight: 600; color: var(--muted); }
  .pr-card b { font-family: 'Spectral', Georgia, serif; font-size: 22px; }
  .pr-card-p { font-family: 'Spectral', Georgia, serif; font-size: 30px; font-weight: 700; line-height: 1.1; }
  .pr-card.mark .pr-card-p { font-size: 20px; color: #A8342A; }
  .pr-card p { margin: 4px 0 8px !important; font-size: 15px; line-height: 1.5; color: var(--body); }
  .pr-card em { font-style: normal; font-size: 14px; font-weight: 600; color: var(--ink); }
  @media (max-width: 960px) { .pr-more { grid-template-columns: 1fr; } }

  /* request section */
  .rq { background: radial-gradient(700px 420px at 90% 30%, rgba(168,52,42,.09), transparent 70%), radial-gradient(600px 380px at 10% 80%, rgba(46,107,71,.07), transparent 70%), linear-gradient(180deg, #FBF9F6, #F2EFEA) !important; }
  .rq .cv-tex { display: none; }
  .rq [style*="Spline Sans Mono"] { font-family: 'Public Sans', system-ui, sans-serif !important; letter-spacing: 0.01em !important; }
  .rq h2 { font-size: clamp(34px, 3.6vw, 44px) !important; }
  .rq-lede { font-size: 18.5px; line-height: 1.55; color: rgba(13,14,20,.8); margin: 0 0 26px; max-width: 32em; }
  .rq-scope { margin-top: 22px; border-radius: 14px; background: linear-gradient(145deg, rgba(255,255,255,.85), rgba(255,255,255,.5)); border: 1px solid rgba(255,255,255,.9); box-shadow: 0 1px 0 #fff inset, 0 0 0 1px rgba(13,14,20,.05); padding: 0 18px; }
  .rq-scope summary { cursor: pointer; list-style: none; padding: 14px 0; font-size: 15px; font-weight: 600; display: flex; justify-content: space-between; }
  .rq-scope summary::-webkit-details-marker { display: none; }
  .rq-scope summary::after { content: "+"; color: var(--muted); font-size: 20px; line-height: 1; }
  .rq-scope[open] summary::after { content: "–"; }
  .rq-scope p { margin: 0 0 16px; font-size: 15px; line-height: 1.6; color: rgba(13,14,20,.78); }
  .rq #intake-card { border-radius: 22px !important; border: 1px solid rgba(255,255,255,.9) !important; background: linear-gradient(150deg, rgba(255,255,255,.92), rgba(255,255,255,.62)) !important; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: 0 1px 0 #fff inset, 0 50px 100px -60px rgba(60,20,20,.5), 0 0 0 1px rgba(13,14,20,.05) !important; overflow: hidden; }
  .rq #intake-card > div:first-child { border-bottom: 1px solid rgba(13,14,20,.08) !important; background: transparent !important; }
  .rq #intake-card > div:first-child span:first-child { font-family: 'Spectral', Georgia, serif !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: 0 !important; }
  .rq #intake-card > div:first-child span:last-child { font-size: 13px !important; color: rgba(13,14,20,.55) !important; font-weight: 500 !important; }
  .rq #intake-card label[style] { font-size: 13.5px !important; font-weight: 600 !important; }
  .rq #intake-card input[type="text"], .rq #intake-card input[type="email"] { border-radius: 10px !important; border: 1px solid rgba(13,14,20,.14) !important; background: rgba(255,255,255,.9) !important; }
  .rq #intake-card input[type="text"]:focus, .rq #intake-card input[type="email"]:focus { border-color: #0D0E14 !important; box-shadow: 0 0 0 3px rgba(13,14,20,.08) !important; }
  .cv-chip { cursor: pointer; font-family: 'Public Sans', system-ui, sans-serif; font-size: 14.5px; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(13,14,20,.16); background: rgba(255,255,255,.75); color: rgba(13,14,20,.9); display: inline-block; margin: 0 6px 8px 0; transition: all .12s; position: relative; }
  .cv-chip:has(input:checked) { border-color: #0D0E14; background: linear-gradient(180deg, #2B3446, #0D0E14); color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.2) inset; }
  .cv-tier { cursor: pointer; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; width: 100%; font-family: 'Public Sans', system-ui, sans-serif; padding: 12px 16px; margin-bottom: 8px; border-radius: 12px; border: 1px solid rgba(13,14,20,.14); background: rgba(255,255,255,.75); color: rgba(13,14,20,.9); transition: all .12s; position: relative; }
  .cv-tier span:last-child { font-family: 'Public Sans', system-ui, sans-serif !important; font-size: 13.5px !important; letter-spacing: 0 !important; color: rgba(13,14,20,.6) !important; }
  .cv-tier:has(input:checked) { border-color: #0D0E14; box-shadow: 0 0 0 1px #0D0E14 inset; background: #fff; }
  .cv-chip input, .cv-tier input { position: absolute; opacity: 0; pointer-events: none; }
  .rq #intake-card button[type="submit"] { border-radius: 12px !important; background: linear-gradient(180deg, #2B3446, #0D0E14) !important; font-family: 'Public Sans', system-ui, sans-serif !important; letter-spacing: 0.01em !important; text-transform: none !important; font-size: 16px !important; }
  .rq #intake-card button[type="submit"]:hover { background: linear-gradient(180deg, #A8342A, #7E251D) !important; }

  /* C. icon tiles and check circles: glass with a soft gradient; numerals stay solid */
  .rk-ic, .fl-ic, .fu-ic, .rd-ic, .pv-ic, .hp-ti { background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(245,239,234,.75)) !important; border: 1px solid rgba(255,255,255,.95) !important; box-shadow: 0 1px 0 #fff inset, 0 6px 16px -10px rgba(60,30,30,.45), 0 0 0 1px rgba(13,14,20,.06) !important; }
  .rk-ic { background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(238,242,247,.8)) !important; }
  .fl-node.dark .fl-ic { background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.04)) !important; border-color: rgba(255,255,255,.18) !important; box-shadow: 0 1px 0 rgba(255,255,255,.15) inset !important; }
  .pr-terms span, .hp-loop i { box-shadow: 0 1px 0 #fff inset, 0 0 0 1px rgba(13,14,20,.06) !important; background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(236,232,226,.8)) !important; }
  .hp-loop i { background: radial-gradient(circle at 35% 35%, #6FBF95, #2E6B47) !important; }
  .ev-k span { background: radial-gradient(circle at 35% 30%, #5FAE84, #2E6B47) !important; box-shadow: 0 4px 10px -4px rgba(46,107,71,.6); }
  .hp-tier li::before, .mk-list li::before { text-shadow: 0 1px 0 rgba(255,255,255,.8); }

  .fl-out { max-width: 900px !important; }
  .fl-out-grid { grid-template-columns: repeat(3, 1fr) !important; }
  .fl-out-grid b { font-size: 15.5px !important; }
  .fl-out-grid span { font-size: 14px !important; line-height: 1.45 !important; }
  @media (max-width: 760px) { .fl-out-grid { grid-template-columns: 1fr 1fr !important; } }
  @media (max-width: 460px) { .fl-out-grid { grid-template-columns: 1fr !important; } }

  /* ===== cleanup: one ground, effects only on proof objects ===== */
  .hp, .hp-hero, #dashboard, #pricing, .rq { background: #F4F6FA !important; }
  .hp-white { background: #FFFFFF !important; border-color: rgba(13,14,20,.07) !important; }
  .hp-hero { border-bottom: 1px solid rgba(13,14,20,.07) !important; }
  
  .hp-h1sub { border-left: 0 !important; padding-left: 0 !important; }
  .hp-readers div, .hp-routes a, .hp-dash-points div, .hp-ladder, .hp-table, .hp-faq details, .pr-card, .mk-in, .pr-terms, .rq-scope, .fl-node:not(.dark), .fl-out, .fl-out-grid div, .hp-finding, .hp-tier:not(.main) {
    background: #FFFFFF !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
    border: 1px solid rgba(13,14,20,.1) !important; box-shadow: 0 1px 2px rgba(13,14,20,.04) !important; }
  .fl-out-grid div { background: #F4F6FA !important; border-color: transparent !important; }
  .mk-us { border-color: rgba(168,52,42,.4) !important; }
  .pr-card:hover { box-shadow: 0 8px 24px -14px rgba(13,14,20,.25) !important; }
  .rk-ic, .fl-ic, .fu-ic, .rd-ic, .pv-ic, .hp-ti { background: #FFFFFF !important; border: 1px solid rgba(13,14,20,.12) !important; box-shadow: none !important; }
  .rk-ic { background: rgba(168,52,42,.06) !important; border-color: rgba(168,52,42,.18) !important; }
  .pr-terms span { background: rgba(13,14,20,.05) !important; box-shadow: none !important; }
  .hp-loop { background: #FFFFFF !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 0 0 1px rgba(13,14,20,.12) !important; border-color: transparent !important; }
  .hp-loop i { background: #2E6B47 !important; box-shadow: none !important; }
  .app-frame { background: rgba(13,14,20,.1) !important; padding: 1px !important; }
  .app-frame::after { display: none !important; }
  .hp-card { box-shadow: 0 30px 60px -40px rgba(13,14,20,.35), 0 0 0 1px rgba(13,14,20,.06) !important; }
  .hp-stamp { background: #F4F6FA !important; filter: drop-shadow(0 3px 6px rgba(110,26,19,.25)); }
  #process [style*="height: 114px"], #process [style*="height: 114px"] + div, #process [style*="background: #F3F5F9;"][style*="border: 1px solid rgba(13,14,20,0.28)"] { border-radius: 0 !important; }
  #process [style*="border: 1.5px solid #0D0E14"][style*="height: 114px"] { border-radius: 2px !important; border-color: #0D0E14 !important; }
  .dz-progress { height: 6px; border-radius: 99px; background: rgba(13,14,20,.08); overflow: hidden; margin-top: -4px; }
  .dz-progress i { display: block; height: 100%; background: #2E6B47; }
  .hp-chip.med { background: rgba(13,14,20,.12); color: var(--ink); }
  .dz-src { margin: 0 !important; font-size: 13px; color: var(--muted); }
  .dz-src a { color: var(--ink); border-bottom: 1px solid rgba(13,14,20,.3); text-decoration: none; }
  .dz-btns { display: inline-flex; gap: 8px; flex-wrap: wrap; align-items: center; }
  .dz-ghost { font-family: 'Public Sans', sans-serif; font-size: 13.5px; font-weight: 600; color: var(--ink); border: 1px solid rgba(13,14,20,.2); border-radius: 8px; padding: 8px 14px; background: #fff; }

  .fl-node.dark .fl-val { color: rgba(255,255,255,.9) !important; border-top-color: rgba(255,255,255,.14) !important; }
  .fl-node.dark .fl-val span { color: #6EE3B0 !important; }

  .app-bar { position: relative; }
  .app-badge { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-style: normal; font-size: 12.5px; font-weight: 700; color: var(--ink); background: #F4F6FA; border: 1px solid rgba(13,14,20,.14); border-radius: 999px; padding: 3px 10px; }
  .app-note { margin: 14px auto 0 !important; max-width: 52em; text-align: center; font-size: 14px; line-height: 1.5; color: var(--muted); }
  @media (max-width: 560px) { .app-badge { display: none; } .app-bar p { margin-left: 8px !important; } }

  .fl-out-grid.bz { gap: 14px 22px !important; }
  .fl-out-grid.bz > div { display: flex !important; gap: 12px; align-items: center; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 6px 4px !important; }
  .bz-ic { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: #F4F6FA; border: 1px solid rgba(13,14,20,.1); color: var(--ink); }
  .bz-t { display: grid; gap: 1px; }
  .bz-t b { font-size: 15.5px !important; color: var(--ink) !important; }
  .bz-t span { font-size: 14px !important; color: var(--muted) !important; }

  .fl-out-grid.bz > div { align-items: flex-start !important; }
  .bz-t span { line-height: 1.4 !important; }

  .pr-lead { margin: 6px 0 0 !important; font-size: 15.5px; font-weight: 600; color: #fff; }
  .hp-sub b { color: var(--ink); font-weight: 600; }
  .dz-rank { display: flex; align-items: center; gap: 22px; padding: 18px; border: 1px solid rgba(13,14,20,.1); border-radius: 14px; background: #fff; }
  .dz-rank div { display: grid; gap: 2px; }
  .dz-rank b { font-family: 'Spectral', Georgia, serif; font-size: 44px; line-height: 1; }
  .dz-rank span { font-size: 13px; color: var(--muted); }
  .dz-arrow { font-size: 22px !important; color: var(--muted); }

  /* premium: request + FAQ */
  .rq-facts { border: 0 !important; border-radius: 18px; background: #FFFFFF; box-shadow: 0 0 0 1px rgba(13,14,20,.08), 0 20px 50px -36px rgba(13,14,20,.35); padding: 6px 22px !important; margin-bottom: 18px; }
  .rq-facts > div { border-color: rgba(13,14,20,.07) !important; }
  .rq-facts > div:last-child { border-bottom: 0 !important; }
  .rq #intake-card { position: relative; }
  .rq #intake-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #0D0E14, #A8342A); }
  .rq #intake-card > div:first-child { padding-top: 26px !important; }
  .rq-trust { display: flex; align-items: center; gap: 12px; margin: 14px 24px 22px; padding-top: 14px; border-top: 1px solid rgba(13,14,20,.08); font-size: 13.5px; color: var(--muted); }
  .rq-trust svg { flex: 0 0 auto; }
  .hp-faq details { padding-inline: 24px !important; }
  .hp-faq summary { padding: 22px 0 !important; }
  .hp-faq summary > span { font-family: 'Spectral', Georgia, serif; font-size: 21px !important; font-weight: 600 !important; }
  .hp-faq summary::after { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #F4F6FA; font-size: 18px !important; line-height: 30px !important; text-align: center; }
  .hp-faq details[open] { box-shadow: 0 0 0 1px rgba(13,14,20,.14), 0 20px 40px -30px rgba(13,14,20,.3) !important; }
  .hp-faq p { font-size: 16.5px !important; max-width: 60em; }

  .dz-k { margin: 0 0 -10px !important; font-size: 12.5px; font-weight: 600; color: var(--muted); }

  /* goes in / comes out: fit and finish */
  #process .cv-passes { grid-template-columns: 1fr 1.1fr !important; align-items: start; }
  #process .cv-passes > div { min-width: 0 !important; overflow: hidden; }
  #process .cv-passes > div:last-child [style*="border: 1.5px solid #0D0E14"], #process .cv-passes > div:last-child [style*="border: 1px solid #0D0E14"] { max-width: 100%; box-sizing: border-box; }
  #process .cv-passes > div:last-child > div:nth-child(2) { background: linear-gradient(160deg, #222733, #0D0E14) !important; color: #fff !important; border-radius: 16px !important; border: 0 !important; overflow: hidden; box-shadow: 0 30px 60px -36px rgba(13,14,20,.6) !important; }
  #process .cv-passes > div:last-child > div:nth-child(2) * { color: inherit; border-color: rgba(255,255,255,.1) !important; }
  #process .cv-passes > div:last-child > div:nth-child(2) [style*="rgba(13,14,20,0.72)"] { color: rgba(255,255,255,.68) !important; }
  #process .cv-passes > div:last-child > div:nth-child(2) [style*="color: #A8342A"] { color: #F2B8AE !important; }
  #process .cv-passes > div:last-child > div:nth-child(2) [style*="color: #2E6B47"] { color: #6EE3B0 !important; }
  #process .cv-passes > div:last-child > div:nth-child(2) [style*="rotate(45deg)"] { background: #F2B8AE !important; }
  #process .cv-passes > div:last-child > div:nth-child(2) [style*="background: rgba(46,107,71,0.06)"] { background: rgba(110,227,176,.08) !important; }

  /* depth on the two proof objects in these sections */
  .mk-us { position: relative; background: linear-gradient(160deg, #FFFFFF 0%, #FBF7F5 55%, #F4ECE8 100%) !important; border: 1px solid transparent !important;
    background-clip: padding-box !important; box-shadow: 0 1px 0 #fff inset, 0 2px 0 rgba(255,255,255,.7) inset, 0 40px 80px -50px rgba(110,26,19,.45), 0 12px 24px -18px rgba(13,14,20,.25) !important; transform: translateY(-6px); }
  .mk-us::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, #E8B4AA, #FFFFFF 35%, #C98A7F 65%, #FFFFFF); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
  .mk-us::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,.65) 0%, rgba(255,255,255,0) 32%); pointer-events: none; }
  #process .cv-passes > div:last-child > div:nth-child(2) { position: relative; background: radial-gradient(420px 200px at 100% 0%, rgba(168,52,42,.35), transparent 70%), linear-gradient(160deg, #222733 0%, #111219 60%, #0B0C11 100%) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.14) inset, 0 50px 90px -50px rgba(13,14,20,.8), 0 16px 30px -20px rgba(110,26,19,.35) !important; transform: perspective(1400px) rotateY(-2deg) translateY(-4px); }
  #process .cv-passes > div:last-child > div:nth-child(2)::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,.04) 40%, rgba(242,184,174,.35)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
  #process .cv-passes > div:last-child > div:nth-child(2)::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(115deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 30%); pointer-events: none; }
  @media (max-width: 900px) { .mk-us, #process .cv-passes > div:last-child > div:nth-child(2) { transform: none; } }

  /* one card finish everywhere: light glass + chrome hairline + soft depth */
  .pr-terms, .pr-card, .hp-tier:not(.main), .mk-in:not(.mk-us), .fl-node:not(.dark), .fl-out, .hp-faq details, .rq-scope, .rq-facts, .hp-finding, #process .cv-passes > div, #process .cv-machine-frame {
    position: relative;
    background: linear-gradient(160deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.9) 60%, rgba(243,240,236,.92) 100%) !important;
    -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255,255,255,.95) !important;
    box-shadow: 0 1px 0 #fff inset, 0 0 0 1px rgba(13,14,20,.07), 0 18px 40px -30px rgba(40,20,20,.35) !important; }
  .pr-terms::after, .pr-card::after, .hp-tier:not(.main)::after, .mk-in:not(.mk-us)::after, .fl-out::after, .rq-facts::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(115deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 28%); }
  .pr-card:hover { box-shadow: 0 1px 0 #fff inset, 0 0 0 1px rgba(13,14,20,.09), 0 26px 50px -30px rgba(40,20,20,.45) !important; }

  /* align with the house system: glass on cards, 3D lift on metric tiles, no chrome */
  .mk-us::before, #process .cv-passes > div:last-child > div:nth-child(2)::before { display: none !important; }
  .mk-us { border: 1px solid rgba(168,52,42,.3) !important; transform: none !important; }
  #process .cv-passes > div:last-child > div:nth-child(2) { transform: none !important; }
  .pr-terms::after, .pr-card::after, .hp-tier:not(.main)::after, .mk-in:not(.mk-us)::after, .fl-out::after, .rq-facts::after, .mk-us::after { display: none !important; }
  .pr-terms, .pr-card, .hp-tier:not(.main), .mk-in, .fl-node:not(.dark), .fl-out, .hp-faq details, .rq-scope, .rq-facts, .hp-finding, #process .cv-passes > div, #process .cv-machine-frame, .hp-card, .app-frame .hp-dash {
    background: rgba(255,255,255,.72) !important; -webkit-backdrop-filter: blur(14px) !important; backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(13,14,20,.07) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 12px 30px -24px rgba(13,14,20,.3) !important; }
  .hp-counts > div, .hp-dash-counts div, #database a {
    background: linear-gradient(180deg, #FFFFFF 0%, #EAEFF5 100%) !important; box-shadow: 0 1px 0 #fff inset, 0 8px 18px -12px rgba(13,14,20,.35) !important; }
  #database a { background: linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.015) 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 10px 22px -14px rgba(0,0,0,.6) !important; border-radius: 14px; }
  .hp-counts { gap: 8px; padding: 10px; }
  .hp-counts > div { border: 0 !important; border-radius: 12px; }

  #database > div:last-of-type > div:nth-child(2) { gap: 16px !important; padding: 24px 0 44px !important; }
  #database a { padding: 26px 26px 28px !important; border: 1px solid rgba(255,255,255,.08) !important; }
  #database > div:last-of-type > div:first-child { border-bottom: 0 !important; padding-bottom: 4px !important; }
  #database [style*="Spline Sans Mono"] { font-family: 'Public Sans', system-ui, sans-serif !important; letter-spacing: .02em !important; }

  .pr-more.hp-tiers { grid-template-columns: repeat(3, 1fr) !important; margin-top: 8px; }
  .pr-more .hp-price { font-size: 40px !important; }
  .pr-more-k { font-size: 26px !important; margin-top: 44px !important; }
  @media (max-width: 960px) { .pr-more.hp-tiers { grid-template-columns: 1fr !important; } }

  .pr-commit { margin-top: 26px; border-radius: 22px; padding: 28px 30px; color: #fff; background: radial-gradient(520px 240px at 0% 0%, rgba(168,52,42,.35), transparent 70%), linear-gradient(160deg, #222733, #0D0E14); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 40px 80px -50px rgba(13,14,20,.7); }
  .pr-commit-head { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
  .pr-commit-k { margin: 0 !important; font-size: 13px; font-weight: 600; color: #F2B8AE; }
  .pr-commit-h { margin: 2px 0 0 !important; font-family: 'Spectral', Georgia, serif; font-size: 26px; font-weight: 700; }
  .pr-commit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
  .pr-commit-grid > div { border-radius: 14px; padding: 18px; background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); display: grid; gap: 6px; align-content: start; }
  .pr-commit-grid span { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(242,184,174,.12); color: #F2B8AE; margin-bottom: 6px; }
  .pr-commit-grid b { font-family: 'Spectral', Georgia, serif; font-size: 19px; }
  .pr-commit-grid p { margin: 0 !important; font-size: 14.5px; line-height: 1.45; color: rgba(255,255,255,.7); }
  @media (max-width: 960px) { .pr-commit-grid { grid-template-columns: 1fr 1fr; } }
  @media (max-width: 520px) { .pr-commit-grid { grid-template-columns: 1fr; } .pr-commit { padding: 22px; } }
  .mk-wrap { max-width: 1240px; margin: 0 auto; padding: 84px 44px; display: grid; grid-template-columns: 34fr 66fr; gap: 72px; align-items: center; }
  .mk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .mk-card { padding: 18px 18px 16px; border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03)); border: 1px solid rgba(255,255,255,0.12); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 18px 30px -22px rgba(0,0,0,0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  .mk-card p { font-size: 15px; line-height: 1.5; color: rgba(255,255,255,0.84); margin: 0; }
  .mk-ct { font-family: 'Spectral', Georgia, serif; font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 6px; }
  .mk-reg { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 12px; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.12); background: rgba(0,0,0,0.25); font-size: 13.5px; color: rgba(255,255,255,0.88); }
  .mk-dot { width: 8px; height: 8px; border-radius: 50%; background: #5FA37A; box-shadow: 0 0 0 3px rgba(95,163,122,0.2); }
  #mark a.mk-btn-solid { background: linear-gradient(180deg, #FFFFFF 0%, #E4E9F0 100%); color: #0D0E14 !important; -webkit-text-fill-color: #0D0E14; border-color: #fff; }
  #mark a.mk-btn-solid:hover { background: #fff; color: #0D0E14; }
  #mark a.mk-btn-line { color: #fff; border-color: rgba(255,255,255,0.5); background: transparent; }
  #mark a.mk-btn-line:hover { background: rgba(255,255,255,0.1); }
  @media (max-width: 900px) { .mk-wrap { grid-template-columns: 1fr; gap: 56px; padding: 64px 20px; } .mk-grid { grid-template-columns: 1fr; } }

/* dashboard preview, richer panes */
.hp-frow p.bad { color: var(--red); }
.hp-frow em.bad { background: rgba(168,52,42,.1); color: var(--red); }
.hp-frow small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 3px; }
.dz-sum { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.dz-sum div { padding: 10px 12px; border-radius: 12px; background: linear-gradient(180deg,#fff,#ECF0F6); box-shadow: inset 0 1px 0 #fff, 0 8px 18px -14px rgba(13,14,20,.35); border: 1px solid rgba(13,14,20,.08); }
.dz-sum b { display: block; font-family: 'Spectral', Georgia, serif; font-size: 24px; line-height: 1.05; }
.dz-sum span { font-size: 12.5px; color: var(--muted); }
.dz-sum b.red { color: var(--red); } .dz-sum b.green { color: var(--green); }
.app-note b { color: var(--ink); }

/* one section label, everywhere: red rule + sentence-case label */
.hp-kicker { display: flex; align-items: center; gap: 10px; font-family: 'Public Sans', system-ui, sans-serif; font-size: 15px; font-weight: 700; letter-spacing: .01em; color: #0D0E14 !important; margin: 0 0 14px !important; }
.hp-kicker::before { content: ""; display: inline-block; width: 22px; height: 3px; border-radius: 2px; background: #A8342A; margin: 0; flex: none; }
.hp-kicker.light { color: #FFFFFF !important; }
.hp-kicker.light::before { background: #F2B8AE; }

/* verdict diagram: columns shrink instead of pushing past the card */
#process .cv-machine > div { min-width: 0; }
#process .cv-machine > div:nth-child(3) { flex: 0 1 340px !important; }
#process .cv-machine > div:last-child { flex: 0 1 240px !important; }
#process .cv-machine-frame { overflow: hidden; }

/* verdict diagram on phones: stack the three nodes, drop the connectors */
@media (max-width: 760px) {
  #process .cv-machine-frame { padding: 30px 18px 22px !important; }
  #process .cv-machine { flex-direction: column; align-items: stretch !important; gap: 18px !important; }
  #process .cv-machine > div, #process .cv-machine > div:nth-child(3), #process .cv-machine > div:last-child { flex: none !important; width: 100%; }
  #process .cv-machine .cv-mline { display: none !important; }
  #process .cv-machine > div:nth-child(3) > div:first-child { width: 104px !important; height: 104px !important; margin: 22px auto 10px !important; }
}
.hp-pdf-doc span, .hp-pdf-doc p { font-size: 12.5px !important; }
@media (max-width: 760px) {
  #process .cv-passes { grid-template-columns: 1fr !important; gap: 16px; }
  #process .cv-passes > div { padding: 20px 16px !important; border-left: 0 !important; border-right: 0 !important; }
  #process .cv-passes > div:last-child { margin-top: 4px; }
  #process a[href="/how-it-works/"] { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 760px) {
  .hp-dash-nav { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; gap: 6px !important; padding-bottom: 4px; scrollbar-width: none; }
  .hp-dash-nav::-webkit-scrollbar { display: none; }
  .hp-dash-nav button { flex: none !important; white-space: nowrap; width: auto !important; border: 1px solid rgba(13,14,20,.1) !important; border-radius: 999px !important; padding: 7px 12px !important; }
}

/* ===== Phone optimisation pass (15 Sep 2026) =====
   Page was ~24,000px on a 390px phone (29 screens). Hierarchy fixed
   (h2 was smaller than body copy), spacing tightened, repeated cards
   turned into swipe rows, and the verdict diagram, which the lists
   directly below repeat, is dropped on phones. */
@media (max-width: 760px) {
  .hp h1 { font-size: 38px !important; line-height: 1.06 !important; margin: 14px 0 16px !important; }
  .hp h2 { font-size: 28px !important; line-height: 1.14 !important; }
  .hp-sub { font-size: 16.5px !important; line-height: 1.55 !important; margin-bottom: 24px !important; }
  .hp-lede { font-size: 17px !important; line-height: 1.55 !important; }
  .hp-sec { padding-block: 48px !important; }
  .hp-wrap { padding-inline: 18px !important; }
  .hp-hero-grid { gap: 36px !important; padding-block: 36px 48px !important; }
  .hp-ctas .hp-btn { width: 100%; }

  /* hero card: keep the risk headings, drop their explanations */
  .rk li div > span { display: none !important; }
  .rk li { padding-block: 6px !important; }

  /* grid children must be allowed to shrink, or a swipe row widens the page */
  .hp-short { grid-template-columns: minmax(0, 1fr) !important; }
  .hp-short > *, .hp-tiers, #pricing .hp-wrap > * { min-width: 0; }
  /* swipe rows: readers, business outcomes, secondary plans */
  .hp-readers, .pr-more.hp-tiers, .hp-dash-points {
    display: grid !important; grid-auto-flow: column !important; grid-template-columns: none !important;
    grid-auto-columns: 82% !important; gap: 12px !important; overflow-x: auto !important;
    scroll-snap-type: x mandatory; padding: 2px 18px 14px !important; margin-inline: -18px !important;
    scrollbar-width: none; }
  .hp-readers::-webkit-scrollbar, .pr-more.hp-tiers::-webkit-scrollbar, .hp-dash-points::-webkit-scrollbar { display: none; }
  .hp-readers > *, .pr-more.hp-tiers > *, .hp-dash-points > * { scroll-snap-align: start; }

  /* routes and outcomes: compact rows */
  .hp-routes a { padding: 12px 14px !important; }
  .fl-out-grid.bz { gap: 12px !important; }

  /* process: the lists carry the flow on phones */
  #process .cv-machine-frame { display: none !important; }

  /* pricing: commitments as a 2x2 grid */
  .pr-commit-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
  .pr-commit-grid > div { display: grid !important; grid-template-columns: 40px 1fr; column-gap: 12px; align-items: start; padding: 14px !important; }
  .pr-commit-grid > div > span { grid-row: span 2; margin: 0 !important; }
  .pr-commit-grid > div > b, .pr-commit-grid > div > p { margin: 0 !important; }

  /* footer links: two columns */
  footer .cv-fcol { gap: 8px !important; }
  footer div[style*="repeat(4, 1fr)"]:not(.cv-x) { grid-template-columns: 1fr 1fr !important; gap: 22px 18px !important; }
}
@media (max-width: 760px) {
  .hp-h1sub { font-size: 18px !important; line-height: 1.35 !important; margin-bottom: 12px !important; }
  .hp-hero .hp-lede { font-size: 16px !important; margin-bottom: 14px !important; }
  .hp-speed { margin-bottom: 20px !important; }
}

/* database band on phones: tiles get their inner padding back (a chrome rule
   zeroed it, so the text ran into the card edge), a compact number + caption,
   and the header stacks with the date under the label */
@media (max-width: 760px) {
  #database > div > div:first-of-type + div { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; padding: 16px 0 26px !important; }
  #database a[href]:not(.cv-x) { padding: 16px 18px !important; display: grid !important; grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; border-radius: 16px; }
  #database a[href]:not(.cv-x) > div:first-child { grid-column: 1 / -1; margin-bottom: 6px !important; min-height: 0 !important; font-size: 12.5px !important; }
  #database a[href]:not(.cv-x) > div:nth-child(2) { font-size: 38px !important; line-height: 1 !important; }
  #database a[href]:not(.cv-x) > div:nth-child(2) span { font-size: 22px !important; }
  #database a[href]:not(.cv-x) > div:nth-child(3) { margin-top: 0 !important; font-size: 14px !important; line-height: 1.4 !important; }
  #database > div > div:first-of-type { flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; padding: 20px 0 0 !important; border-bottom: 0 !important; }
  #database > div > div:first-of-type > span { font-size: 12.5px !important; opacity: .8; }
}


/* ===== Silver system (15 Sep 2026) =================================
   The light neutrals were warm cream while every dark section was cool
   blue-black, which is what made the site read as paper rather than
   software. Light is now cool silver, glass sits on every surface that
   floats on the page, shadows come in two depths, red means risk and
   green means approved wording. Ink, red, green and the seal unchanged. */
:root { --silver-0: #FFFFFF; --silver-1: #F6F8FB; --silver-2: #EEF2F7; --silver-3: #E3E9F1;
        --steel: #5B6778; --edge: rgba(15,23,42,.08); }
html, body { background: linear-gradient(180deg, #F8FAFC 0%, #EEF2F7 100%) fixed; }
.hp { background: transparent; }
.hp-hero { background:
    radial-gradient(760px 460px at 84% 12%, rgba(148,170,205,.30), transparent 65%),
    radial-gradient(520px 380px at 8% 0%, rgba(255,255,255,.95), transparent 70%),
    radial-gradient(640px 420px at 70% 95%, rgba(168,52,42,.07), transparent 70%),
    linear-gradient(180deg, #FFFFFF 0%, var(--silver-2) 100%) !important;
  border-bottom: 1px solid var(--edge) !important; }
.hp-sec { background: linear-gradient(180deg, var(--silver-1), var(--silver-2)); border-block: 1px solid var(--edge); }
.hp-sec.hp-white, #file-in-use, #marks, #questions { background: linear-gradient(180deg, #FFFFFF 0%, var(--silver-1) 100%) !important; }

/* glass: anything that floats on the page */
.hp-card, .hp-tier:not(.main), .mk-in, .hp-readers > div, .hp-routes a, .fl-node:not(.dark), .fl-out,
.hp-faq details, .rq-facts, .rq-scope, .app-frame, .pr-card, .hp-lrow, .hp-frow, .th-row, .mk-line, .ev {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72)) !important;
  border: 1px solid var(--edge) !important;
  -webkit-backdrop-filter: blur(13px); backdrop-filter: blur(13px);
  box-shadow: inset 0 1px 0 #FFFFFF, 0 1px 2px rgba(15,23,42,.04), 0 18px 36px -28px rgba(30,41,59,.30) !important; }
.hp-readers > div:hover, .hp-routes a:hover { border-color: rgba(15,23,42,.2) !important; }
/* the lifted few */
.app-frame, #pricing .hp-tier.main, .hp-hero .hp-card, .pr-commit, .fl-node.dark {
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 40px 80px -46px rgba(15,23,42,.55) !important; }
/* metric tiles: brushed silver */
.hp-counts > div, .dz-sum div, .hp-dash-counts > div, .sg-stat {
  background: linear-gradient(180deg, #FFFFFF 0%, var(--silver-2) 100%) !important;
  border: 1px solid var(--edge) !important; box-shadow: inset 0 1px 0 #fff, 0 10px 22px -16px rgba(30,41,59,.35) !important; }
/* dark surfaces: steel, with dark glass panels inside */
#pricing .hp-tier.main, .pr-commit, .fl-node.dark, #process .cv-passes > div:last-child > div:nth-child(2) {
  background: radial-gradient(520px 260px at 100% 0%, rgba(148,170,205,.22), transparent 70%),
              linear-gradient(160deg, #222733 0%, #0E1117 100%) !important; }
#database, #mark, footer { background:
    radial-gradient(900px 380px at 50% -10%, rgba(148,170,205,.20), transparent 60%),
    linear-gradient(180deg, #161A22 0%, #0C0F15 60%, #080A0F 100%) !important; }
#database a[href], .pr-commit-grid > div, #pricing .hp-tier.main ul, .mk-card {
  background: linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important; }
#database a[href] { border-radius: 16px !important; }
#pricing .hp-tier.main ul { padding: 14px 16px !important; border-radius: 14px !important; }
/* light buttons and pills */
.hp-btn-light, .hp-proof span, .hp-pill { background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(238,242,247,.8)) !important; border-color: rgba(15,23,42,.14) !important; }
#pricing .hp-tier.main .hp-btn-dark, #mark a.mk-btn-solid { background: linear-gradient(180deg, #FFFFFF 0%, #E4E9F0 100%) !important; }
#pricing .hp-tier.main .hp-btn-dark:hover { background: #FFFFFF !important; }
/* icons: one weight, one size */
.rd-ic, .rk-ic, .bz-ic, .fl-ic, .pr-commit-grid > div > span, .th-ic { width: 34px !important; height: 34px !important; border-radius: 10px !important; }
.rd-ic svg, .rk-ic svg, .bz-ic svg, .fl-ic svg, .pr-commit-grid svg, .th-ic svg { width: 19px !important; height: 19px !important; }
.rd-ic svg *, .rk-ic svg *, .bz-ic svg *, .fl-ic svg *, .pr-commit-grid svg *, .th-ic svg * { stroke-width: 1.7 !important; }
.rd-ic, .bz-ic, .fl-node:not(.dark) .fl-ic:not(.red):not(.green) { background: linear-gradient(145deg, #FFFFFF, var(--silver-2)) !important; border: 1px solid var(--edge); }
.rk-ic { background: linear-gradient(145deg, #FFFFFF, var(--silver-2)) !important; border-color: rgba(168,52,42,.22) !important; }
/* red is risk, green is approved wording */
.hp-kicker::before { background: #0D0E14; }
.hp-kicker.light::before { background: rgba(255,255,255,.7); }
.fl-tag.hot, .hot { background: #334155 !important; border-color: #334155 !important; }
#pricing .hp-tier.main .hp-lab.red { color: #CBD5E1 !important; }
.rk-h { color: #0D0E14 !important; }
.hp-tier li::before, .mk-list li::before, .mk-checks li::before { color: #334155 !important; }
#pricing .hp-tier.main li::before { color: #94A3B8 !important; }
.hp-chip:not(.red):not(.med):not(.Critical) { background: #334155 !important; }
.hp-speed-track i.slow { background: #94A3B8 !important; }
.hp-speed-track, .hp-track, .dz-progress { background: #E2E8F0 !important; }
/* supporting text in slate */
.hp-sub, .hp-lede, .hp-micro, .hp-for, .hp-where, .hp-cite, .dz-src, .app-note { color: #3E4A5B !important; }
/* dashboard preview */
.app-bar { background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,242,247,.92)) !important; }
.hp-dash { background: linear-gradient(160deg, rgba(255,255,255,.97), rgba(244,247,251,.92)) !important; }
.hp-dash-side { background: linear-gradient(180deg, #F6F8FB, #EAEFF5) !important; border-right-color: var(--edge) !important; }
.hp-dash-a, .hp-arow, .hp-opts > div, .opt { background: rgba(255,255,255,.92) !important; border-color: var(--edge) !important; }
/* no rail on the rewrite options: the cards carry their own edge */
.hp-opts > div, .opt { border-left: 1px solid var(--edge) !important; }
.hp-dash-nav button { position: relative; padding-right: 26px !important; }
.hp-dash-nav button:hover { background: rgba(15,23,42,.06) !important; }
.hp-dash-nav button::after { content: "\203A"; position: absolute; right: 10px; top: 50%; transform: translateY(-52%); color: rgba(15,23,42,.28); font-size: 17px; }
.hp-dash-nav button.on::after { color: rgba(255,255,255,.7); }
.hp-dash-nav button.on { background: linear-gradient(180deg, #2B3446, #0E1117) !important; }
/* one focus ring */
.hp a:focus-visible, .hp button:focus-visible, .hp input:focus-visible, .hp select:focus-visible,
.hp textarea:focus-visible, .hp summary:focus-visible {
  outline: 2px solid #334155 !important; outline-offset: 2px; border-radius: 6px; }
/* diagram labels stay readable */
#process [style*="text-transform: uppercase"] { text-transform: none !important; letter-spacing: .01em !important; font-size: 13px !important; }
#process div[style*="letter-spacing: 0.22em"], #process div[style*="letter-spacing: 0.18em"] { letter-spacing: .04em !important; font-size: 12px !important; }
@media (max-width: 760px) {
  /* the seal was landing on the card's heading */
  .hp-stamp { top: -14px !important; right: -2px !important; }
  .hp-stamp svg { width: 74px !important; height: 74px !important; }
  .th-kicker { margin-right: 92px !important; }
}

/* Launch Clean is the volume product: it leads its row, dark like the audit card */
.pr-more .hp-tier.main.lc { position: relative; }
.pr-more .hp-tier.main.lc .lc-flag { position: absolute; top: -11px; left: 22px; background: linear-gradient(180deg, #FFFFFF, #E4E9F0);
  color: #0D0E14; font-size: 12.5px; font-weight: 700; padding: 4px 11px; border-radius: 999px; box-shadow: 0 8px 18px -12px rgba(15,23,42,.6); }
.pr-more .hp-tier.main .hp-tsub, .pr-more .hp-tier.main .pr-lead { color: rgba(255,255,255,.78) !important; }
.pr-more .hp-tier.main .pr-lead { font-size: 15px; line-height: 1.5; margin: 10px 0 2px !important; }
.pr-more .hp-tier.main li { color: rgba(255,255,255,.9); }
/* "Earned" is a state, not a risk: ink, not red */
.hp-price.mark-earned { color: #0D0E14 !important; }
/* the preview window's traffic lights were the one stock-template tell */
.app-bar span.dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(15,23,42,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
/* the vs between the two comparison cards: a small brushed-silver token */
.mk-vs { display: grid !important; place-items: center; width: 42px; height: 42px; border-radius: 50%;
  background: linear-gradient(180deg, #FFFFFF 0%, #E4E9F0 100%) !important;
  border: 1px solid rgba(15,23,42,.1); box-shadow: inset 0 1px 0 #fff, 0 10px 22px -14px rgba(30,41,59,.5);
  font-family: 'Public Sans', system-ui, sans-serif !important; font-style: normal !important; font-weight: 700 !important;
  font-size: 12.5px !important; letter-spacing: .06em; text-transform: uppercase; color: #0D0E14 !important; }

/* the verdict-diagram badge: a token, not a plain black pill */
#process .cv-machine-frame > div:first-child {
  background: linear-gradient(180deg, #2B3446 0%, #0E1117 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 12px 26px -16px rgba(15,23,42,.65) !important;
  letter-spacing: .01em; }
/* speed comparison: brushed track, a gradient fill that reads fast */
.hp-speed-track { height: 12px !important; border-radius: 99px; background: linear-gradient(180deg, #E6EAF1, #DCE2EB) !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.12); overflow: hidden; }
.hp-speed-track i { border-radius: 99px; }
.hp-speed-track i.slow { background: linear-gradient(90deg, #A9B4C4, #8E9AAC) !important; }
.hp-speed-track i.sp-ai { background: linear-gradient(90deg, #C9503F, #A8342A) !important; box-shadow: 0 0 10px -2px rgba(168,52,42,.6); }
.hp-speed-track i.sign { background: linear-gradient(90deg, #2E6B47, #46946A) !important; }
.hp-speed-row b, .hp-speed-val { font-variant-numeric: tabular-nums; }
.hp-speed-row:last-of-type .hp-speed-val { font-weight: 700; }
/* the two result cards sit on the same steel edge as every other card */
#finding .fl-pair > * { box-shadow: inset 0 1px 0 #fff, 0 18px 36px -28px rgba(30,41,59,.3) !important; }

/* ------------------------------------------------------------------ *
   Scale and chrome. The headline does more work, the nav links ride in
   one capsule, section labels are chips, and the hero carries a cool
   silver halo instead of a flat panel. No accent rails anywhere.
 * ------------------------------------------------------------------ */
.hp h1 { font-size: clamp(44px, 5.4vw, 72px) !important; line-height: 1.0 !important; letter-spacing: -.03em !important; }
.hp h2 { font-size: clamp(32px, 4.2vw, 52px) !important; line-height: 1.04 !important; letter-spacing: -.024em !important; }
.hp-h1sub { font-family: 'Public Sans', system-ui, sans-serif !important; font-weight: 600 !important; font-size: clamp(18px, 1.5vw, 20.5px) !important; line-height: 1.45 !important; color: rgba(13,14,20,.88) !important; }

.hp-hero { background:
    radial-gradient(900px 480px at 78% 10%, rgba(148,170,205,.30), transparent 68%),
    radial-gradient(760px 430px at 6% 2%, rgba(255,255,255,.95), transparent 72%),
    linear-gradient(180deg, #FFFFFF 0%, #F4F6FA 100%) !important; }

/* the nav links sit inside one rounded surface; the CTA is a pill */
.cv-nav-links { flex: 0 0 auto !important; gap: 8px 20px !important; padding: 9px 20px !important;
  border-radius: 999px; border: 1px solid var(--edge);
  background: linear-gradient(180deg, #FFFFFF, var(--silver-2));
  box-shadow: inset 0 1px 0 #fff, 0 8px 18px -16px rgba(13,14,20,.55); }
nav .cv-nav-links + div a:last-child { border-radius: 999px !important; padding: 12px 22px !important; }
@media (max-width: 1180px) {
  .cv-nav-links { background: none; border: 0; box-shadow: none; padding: 0 !important; flex: 1 1 auto !important; } }

/* section labels are chips, not a red dash */
.hp-kicker { display: inline-flex !important; align-items: center; gap: 9px;
  padding: 7px 15px 7px 12px !important; border-radius: 999px;
  border: 1px solid var(--edge); background: linear-gradient(180deg, #FFFFFF, var(--silver-2));
  box-shadow: inset 0 1px 0 #fff; font-size: 13px !important; letter-spacing: .005em !important; }
.hp-kicker::before { width: 14px !important; height: 2px !important; background: #94A3B8 !important; border-radius: 2px; }
/* the chip on a dark ground is glass, not silver */
.hp-kicker.light, .hp-kicker.on-dark { background: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.05)) !important;
  border-color: rgba(255,255,255,.22) !important; color: rgba(255,255,255,.94) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2) !important; }
.hp-kicker.light::before, .hp-kicker.on-dark::before { background: rgba(255,255,255,.55) !important; }
/* the section tab is a machined plate, not a black rectangle */
.hp-tab { border-radius: 999px; color: #F1F4F9;
  background: linear-gradient(180deg, #313849 0%, #151824 55%, #0D0E14 100%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 10px 22px -16px rgba(13,14,20,.9); }
/* the nav pair: a ghost key for the client door, a machined pill for the ask */
nav .cv-nav-links + div > a:first-child { padding: 10px 15px; border-radius: 999px; border: 1px solid transparent; transition: background .14s ease, border-color .14s ease; }
nav .cv-nav-links + div > a:first-child:hover { background: linear-gradient(180deg, #FFFFFF, #E9EEF6); border-color: var(--edge); }
nav .cv-nav-links + div > a:last-child { background: linear-gradient(180deg, #313849 0%, #151824 55%, #0D0E14 100%) !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 14px 26px -16px rgba(13,14,20,.85) !important; }
nav .cv-nav-links + div > a:last-child:hover { background: linear-gradient(180deg, #C1503F 0%, #A8342A 60%) !important; }
/* panel labels: big enough to be a heading, tagged like an instrument */
.hp-panel-k { display: flex; align-items: center; gap: 10px; font-size: 15.5px; font-weight: 700;
  letter-spacing: -.005em; color: rgba(13,14,20,.94); }
.hp-panel-k::before { content: ""; width: 16px; height: 3px; border-radius: 2px; flex: none;
  background: linear-gradient(90deg, #94A3B8, #CBD5E1); }
/* the vs token was 7px left of the gap and pinned to the top of the row */
.mk-vs { justify-self: center; align-self: center; }

/* the questions read as machined rows: a silver surface, a tooled + and a lift */
.hp-faq details { border-radius: 14px; border: 1px solid var(--edge) !important; border-bottom: 1px solid var(--edge) !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%); margin-bottom: 10px;
  box-shadow: inset 0 1px 0 #fff, 0 12px 26px -22px rgba(30,41,59,.5); transition: box-shadow .15s ease, transform .15s ease; }
.hp-faq details:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 #fff, 0 16px 30px -22px rgba(30,41,59,.6); }
.hp-faq details[open] { background: linear-gradient(180deg, #FFFFFF 0%, #F2F5FA 100%); }
.hp-faq summary { padding: 18px 20px !important; align-items: center; }
.hp-faq summary::after { content: "+" !important; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
  font-size: 17px !important; font-weight: 600; color: #334155 !important;
  background: linear-gradient(180deg, #FFFFFF, #E7ECF4); border: 1px solid var(--edge);
  box-shadow: inset 0 1px 0 #fff, 0 6px 14px -12px rgba(30,41,59,.6); }
.hp-faq details[open] summary::after { content: "\2212" !important; background: linear-gradient(180deg, #2B3446, #0E1117); color: #fff !important; border-color: rgba(255,255,255,.14); }
.hp-faq details > div, .hp-faq details > p { padding: 0 20px 18px !important; }
/* the card label above the scan extract: a heading with a steel tick, not grey filler */
.th-kicker { display: flex !important; align-items: center; gap: 10px; font-size: 14.5px !important;
  font-weight: 700 !important; color: rgba(13,14,20,.94) !important; letter-spacing: -.004em; }
.th-kicker::before { content: ""; width: 16px; height: 3px; border-radius: 2px; flex: none;
  background: linear-gradient(90deg, #94A3B8, #CBD5E1); }
/* the sample-report line under the card reads as a link, not a caption */
.hp-under { font-size: 13.5px; color: #475569 !important; }
.hp-under a { font-weight: 700; color: #0D0E14 !important; border-bottom: 1px solid rgba(13,14,20,.28) !important; }
.hp-under a:hover { border-bottom-color: var(--red) !important; }

/* ---- the eight-surfaces figure, brought onto the silver system ---- */
.pf-box { border-radius: 14px; border: 1px solid var(--edge);
  background: linear-gradient(180deg, #FFFFFF 0%, #EEF2F8 100%);
  box-shadow: inset 0 1px 0 #fff, 0 14px 30px -24px rgba(30,41,59,.55); }
.pf-stem { width: 2px; border-radius: 2px; background: linear-gradient(180deg, rgba(148,163,184,.25), rgba(100,116,139,.7)); }
.pf-line { height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(148,163,184,.25), rgba(100,116,139,.7)); }
.pf-node { position: absolute; width: 9px; height: 9px; border-radius: 50%; background: #64748B;
  box-shadow: 0 0 0 3px rgba(100,116,139,.14); }
.pf-line .pf-node { top: -3.5px; }
.pf-line .pf-node.start { left: -2px; background: #94A3B8; }
.pf-line .pf-node.end { right: -2px; }
.pf-line .pf-node.end.red { background: #A8342A; box-shadow: 0 0 0 3px rgba(168,52,42,.14); }
.pf-stem .pf-node { bottom: -3px; left: -3.5px; }
.pf-dia { border-radius: 22px; border: 1px solid rgba(15,23,42,.14);
  background: linear-gradient(160deg, #FFFFFF 0%, #F4F7FB 52%, #E3E9F2 100%);
  box-shadow: inset 0 1px 0 #fff, 0 26px 48px -30px rgba(30,41,59,.75); }
.pf-dia-in { border-radius: 16px; border: 1px solid rgba(168,52,42,.28); }
.pf-file-back { border-radius: 10px; border: 1px solid var(--edge); background: #E9EEF5; }
.pf-file { border-radius: 10px; border: 1px solid rgba(15,23,42,.16);
  background: linear-gradient(180deg, #FFFFFF, #F7F9FC);
  box-shadow: inset 0 1px 0 #fff, 0 16px 30px -24px rgba(30,41,59,.6); }
.pf-node.red { background: #A8342A; box-shadow: 0 0 0 3px rgba(168,52,42,.14); }
.pf-tick { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto;
  background: linear-gradient(180deg, #CBD5E1, #94A3B8); box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
/* what the $650 protects, stated once and quietly, inside the dark card */
.lc-cost { margin: 14px 0 0 !important; font-size: 13.5px; line-height: 1.55;
  color: rgba(255,255,255,.62); border-top: 1px solid rgba(255,255,255,.12); padding-top: 12px; }

/* ---- what a failing claim costs, in revenue terms ---- */
.rv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 30px; }
.rv-row { display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: start;
  padding: 18px 20px; border-radius: 16px; border: 1px solid var(--edge);
  background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%);
  box-shadow: inset 0 1px 0 #fff, 0 14px 30px -26px rgba(30,41,59,.55); }
.rv-row b { display: block; font-size: 16.5px; letter-spacing: -.006em; margin-bottom: 4px; }
.rv-row p { margin: 0 !important; font-size: 14.5px; line-height: 1.55; color: #475569; }
.rv-row a { color: #0D0E14; border-bottom: 1px solid rgba(13,14,20,.28); }
.rv-row a:hover { border-bottom-color: var(--red); }
.rv-ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; color: #334155;
  background: linear-gradient(145deg, #FFFFFF, var(--silver-2)); border: 1px solid var(--edge);
  box-shadow: inset 0 1px 0 #fff, 0 6px 16px -12px rgba(30,41,59,.6); }
.rv-up { margin-top: 18px; padding: 24px 26px; border-radius: 18px;
  background: radial-gradient(120% 140% at 0% 0%, rgba(255,255,255,.14), transparent 60%), linear-gradient(160deg, #262B38 0%, #0D0E14 100%);
  color: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 24px 44px -34px rgba(13,14,20,.9); }
.rv-up-k { margin: 0 0 18px !important; font-family: 'Spectral', Georgia, serif; font-size: 22px;
  font-weight: 700; letter-spacing: -.015em; color: #fff; }
.rv-up-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.rv-up-grid > div { padding: 0 24px; border-left: 1px solid rgba(255,255,255,.12); }
.rv-up-grid > div:first-child { padding-left: 0; border-left: 0; }
.rv-up-grid b { display: block; color: #fff; font-size: 16px; margin-bottom: 5px; }
.rv-up-grid p { margin: 0 !important; font-size: 14.5px; line-height: 1.55; color: rgba(255,255,255,.72); }
.rv-honest { margin: 22px 0 0 !important; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12);
  font-family: 'Spectral', Georgia, serif; font-size: 17px; line-height: 1.5; color: rgba(255,255,255,.82); max-width: 40em; }
@media (max-width: 900px) {
  .rv-grid { grid-template-columns: 1fr; }
  .rv-up-grid { grid-template-columns: 1fr; gap: 16px; }
  .rv-up-grid > div { padding: 0; border-left: 0; }
  .rv-up { padding: 20px 18px; }
}
/* the fifth cost runs the full width rather than leaving a hole in the grid */
@media (min-width: 901px) { .rv-row:last-child { grid-column: 1 / -1; } }
/* the same panel on a light page */
.rv-up.light { background: linear-gradient(180deg, #FFFFFF 0%, #F3F6FB 100%); color: var(--ink);
  border: 1px solid var(--edge); box-shadow: inset 0 1px 0 #fff, 0 18px 36px -30px rgba(30,41,59,.6); }
.rv-up.light .rv-up-k { color: #64748B; }
.rv-up.light .rv-up-grid b { color: var(--ink); }
.rv-up.light .rv-up-grid p { color: #475569; }
.rv-up.light .rv-honest { color: #475569; border-top-color: rgba(13,14,20,.1); }
/* the frame clips its own corners, so the tab sits inside it, not astride the edge */
.hp-tab { top: 14px !important; left: 22px !important; }
/* each cost carries its consequence as a tag, so the section scans in five seconds */
.rv-h { display: flex; align-items: baseline; gap: 10px; justify-content: space-between; margin-bottom: 5px; }
.rv-h b { margin: 0 !important; }
.rv-tag { flex: none; font-size: 11.5px; font-weight: 700; letter-spacing: .02em; color: #475569;
  padding: 4px 10px; border-radius: 999px; border: 1px solid var(--edge);
  background: linear-gradient(180deg, #FFFFFF, #E9EEF6); box-shadow: inset 0 1px 0 #fff; white-space: nowrap; }
/* phones: the bigger desktop scale was overriding the phone sizes set earlier */
@media (max-width: 760px) {
  .hp h1 { font-size: 40px !important; line-height: 1.04 !important; }
  .hp h2 { font-size: 27px !important; line-height: 1.15 !important; }
  .rv-h { flex-wrap: wrap; gap: 6px; }
}

/* ---- the dashboard preview, tab by tab, on the same surfaces as the page ---- */
.hp-frow, .hp-lrow, .hp-arow, .hp-dash-a, .hp-opts > div, .opt, .hp-krow {
  background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%) !important;
  border: 1px solid var(--edge) !important;
  box-shadow: inset 0 1px 0 #fff, 0 10px 22px -20px rgba(30,41,59,.5) !important; }
.hp-frow em, .hp-lrow em { border: 1px solid var(--edge); background: linear-gradient(180deg, #FFFFFF, #E9EEF6) !important;
  color: #475569 !important; box-shadow: inset 0 1px 0 #fff; }
.hp-frow em.ok, .hp-lrow em.ok { background: linear-gradient(180deg, #F2F8F4, #E3F0E8) !important;
  border-color: rgba(46,107,71,.28); color: #2E6B47 !important; }
/* the change-history spine is a timeline, so its dots are steel, not risk red */
.hp-hist li::before { background: linear-gradient(180deg, #CBD5E1, #94A3B8) !important;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(148,163,184,.35) !important; }
.hp-hist li:last-child::before { background: #A8342A !important; box-shadow: 0 0 0 3px #fff, 0 0 0 4px rgba(168,52,42,.18) !important; }
.hp-dash-side { background: linear-gradient(180deg, #F8FAFC 0%, #EDF1F7 100%) !important; }
/* dates are dates: steel and tabular, with only the newest entry in ink */
.hp-hist b { color: #64748B !important; font-family: 'Spline Sans Mono', monospace; font-size: 12px !important;
  letter-spacing: .04em; text-transform: uppercase; font-variant-numeric: tabular-nums; min-width: 82px !important; }
.hp-hist li:last-child b { color: #0D0E14 !important; }

/* client proof, wherever it lands: quiet by design, invisible until real */
.cv-proofline { margin: 12px 0 0 !important; font-size: 13.5px; line-height: 1.5; color: #475569; }
.cv-proofline a { color: #0D0E14; border-bottom: 1px solid rgba(13,14,20,.28); }
.cv-proofcase { margin: 16px 0 0; padding: 14px 18px; border-radius: 14px; border: 1px solid var(--edge);
  background: linear-gradient(180deg, #FFFFFF, #F7F9FC); box-shadow: inset 0 1px 0 #fff; }
.cv-proofcase-q { margin: 0 !important; font-family: 'Spectral', Georgia, serif; font-size: 16.5px; line-height: 1.5; color: #0D0E14; }
.cv-proofcase-w { margin: 6px 0 0 !important; font-size: 13px; color: #64748B; }
/* the terms tick box: present, readable, never a dark pattern */
.cv-accept { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 14px;
  font-size: 13.5px; line-height: 1.5; color: #475569; }
.cv-accept input { margin-top: 3px; flex: none; width: 16px; height: 16px; accent-color: #0D0E14; }
.cv-accept a { color: #0D0E14; border-bottom: 1px solid rgba(13,14,20,.3); }