/* The interface has one visual thesis: signals assemble into a readable record. */
body.experience {
  --ink: #12282b;
  --ink-soft: #536a6b;
  --paper: #edf1ee;
  --line: #cbd5d0;
  --blue: #2d8b82;
  --blue-dark: #1e665f;
  --risk: #a64e42;
  background: #071418;
  color: #eaf1ec;
  font-family: "Avenir Next", "Segoe UI", Arial, sans-serif;
}
body.experience.scan-open { overflow: hidden; }
.experience .app-shell { min-height: 100vh; }
.experience .masthead {
  position: relative;
  z-index: 10;
  height: 74px;
  background: #071418;
  border-bottom: 1px solid rgba(163, 224, 211, .17);
  padding: 0 clamp(23px, 3.8vw, 72px);
}
.experience .brand { font-size: 21px; letter-spacing: -.02em; color: #f3f4e9; }
.experience .brand-separator { color: #86cfc2; margin: 0 4px; }
.experience .brand-mark { border-color: #7fbdb2; transform: rotate(-2deg); }
.experience .brand-mark i { background: #a3e5d5; }
.experience .environment-tag { color: #abcac5; border-color: rgba(163, 224, 211, .22); }
.experience .model-tag { color: #f2b58b; }
.live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #9ee8c6; box-shadow: 0 0 12px #8cf2cd; margin-right: 7px; vertical-align: 1px; animation: live-pulse 2.6s ease-in-out infinite; }
.experience .eyebrow { color: #90d7ca; font-size: 10px; letter-spacing: .18em; }
.eyebrow-mark { display: inline-block; height: 7px; width: 26px; background: #d7aa82; margin-right: 12px; vertical-align: 1px; }
.experience .primary-button {
  background: #b4e6d2;
  border-color: #b4e6d2;
  color: #102522;
  min-height: 56px;
  font-weight: 800;
  letter-spacing: -.015em;
  transition: background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.experience .primary-button:hover { background: #d3f4e4; box-shadow: 0 0 25px rgba(174, 237, 211, .18); transform: translateY(-2px); }
.experience .primary-button span { font-size: 23px; font-weight: 400; }
.experience .form-error { color: #ffb7a4; }
.experience .footer { background: #071418; border-color: rgba(163, 224, 211, .17); color: #829d9a; }

.experience .login-screen {
  display: grid;
  grid-template-columns: minmax(470px, 47%) minmax(0, 1fr);
  min-height: calc(100svh - 126px);
  background: #071418;
}
.experience .login-panel {
  max-width: none;
  padding: clamp(70px, 9vh, 125px) clamp(38px, 6vw, 110px) 55px clamp(30px, 6vw, 110px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  background: linear-gradient(92deg, #071418 0%, #071418 87%, rgba(7, 20, 24, .72) 100%);
}
.experience .login-panel > * { animation: enter-up .9s both; }
.experience .login-panel h1 { font-family: "Avenir Next Condensed", "Arial Narrow", "Avenir Next", Arial, sans-serif; font-size: clamp(65px, 6.9vw, 125px); font-weight: 800; color: #f3f4e9; line-height: .93; letter-spacing: -.085em; margin: 38px 0 24px; animation-delay: .11s; }
.experience .login-panel h1 em { color: #b3e5d6; font-style: normal; }
.experience .login-panel p { color: #a5bfba; max-width: 470px; font-size: clamp(15px, 1.2vw, 18px); line-height: 1.58; animation-delay: .23s; }
.experience .login-panel form { width: min(100%, 520px); max-width: none; margin-top: 55px; animation-delay: .34s; }
.experience .login-panel label { color: #c8e4dd; text-transform: uppercase; font: 700 10px ui-monospace, Consolas, monospace; letter-spacing: .13em; }
.experience .login-panel input { background: #0f292c; border: 1px solid #315254; color: #f2f5ed; min-height: 56px; }
.experience .login-panel input::placeholder { color: #688b8b; }
.experience .login-panel input:focus { border-color: #9bd8c9; box-shadow: inset 0 0 0 1px #9bd8c9; }
.experience .input-action .primary-button { min-width: 185px; }
.login-source-line { display: flex; gap: 0; margin-top: auto; padding-top: 64px; flex-wrap: wrap; animation-delay: .5s; }
.login-source-line span { color: #789996; border-left: 1px solid #456561; padding: 0 15px; font: 10px ui-monospace, Consolas, monospace; text-transform: uppercase; letter-spacing: .09em; }
.login-source-line span:first-child { border-left: 0; padding-left: 0; }

.portrait-stage { position: relative; overflow: hidden; isolation: isolate; min-height: 420px; background: radial-gradient(ellipse at 50% 42%, #234149 0%, #11282e 34%, #07161b 72%); }
.portrait-stage::before { content: ""; position: absolute; inset: 0; z-index: 0; opacity: .22; background-image: linear-gradient(rgba(125, 188, 184, .19) 1px, transparent 1px), linear-gradient(90deg, rgba(125, 188, 184, .19) 1px, transparent 1px); background-size: 43px 43px; mask-image: radial-gradient(ellipse at center, #000 10%, transparent 77%); }
.portrait-stage::after { content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none; background: linear-gradient(180deg, rgba(4, 14, 17, .22), transparent 18%, transparent 77%, rgba(4, 14, 17, .52)); }
.portrait-stage canvas { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; pointer-events: none; }
.portrait-stage canvas.webgl-fallback { display: none; }
.visual-ring { position: absolute; top: 50%; left: 50%; z-index: 1; border: 1px solid rgba(156, 218, 209, .25); border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; }
.ring-outer { width: min(82%, 675px); aspect-ratio: 1; box-shadow: 0 0 70px rgba(41, 164, 152, .08), inset 0 0 70px rgba(41, 164, 152, .07); }
.ring-outer::before, .ring-outer::after { content: ""; position: absolute; inset: 12%; border: 1px dashed rgba(167, 216, 201, .13); border-radius: 50%; }
.ring-outer::after { inset: -7%; border-style: solid; border-color: rgba(207, 156, 112, .15) transparent rgba(207, 156, 112, .15) transparent; animation: slow-turn 24s linear infinite; }
.ring-inner { width: min(54%, 425px); aspect-ratio: 1; border-color: rgba(156, 218, 209, .12); }
.visual-beam { position: absolute; z-index: 3; left: 7%; right: 7%; top: -17%; height: 18%; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(150, 232, 208, .035) 70%, rgba(168, 255, 225, .25) 99%, rgba(168, 255, 225, .7)); filter: blur(.4px); animation: beam-travel 5.5s linear infinite; }
.visual-corners span { position: absolute; z-index: 5; width: 29px; height: 29px; border-color: rgba(179, 224, 209, .39); border-style: solid; pointer-events: none; }
.visual-corners span:nth-child(1) { top: 28px; left: 30px; border-width: 1px 0 0 1px; }
.visual-corners span:nth-child(2) { top: 28px; right: 30px; border-width: 1px 1px 0 0; }
.visual-corners span:nth-child(3) { bottom: 28px; left: 30px; border-width: 0 0 1px 1px; }
.visual-corners span:nth-child(4) { bottom: 28px; right: 30px; border-width: 0 1px 1px 0; }
.login-visual { border-left: 1px solid rgba(171, 216, 208, .18); }
.visual-aside { position: absolute; z-index: 5; top: 50%; right: 28px; transform: translateY(-50%); writing-mode: vertical-rl; color: #86aca4; font: 10px ui-monospace, Consolas, monospace; letter-spacing: .18em; }
.visual-caption { position: absolute; z-index: 5; left: clamp(34px, 5vw, 80px); bottom: 58px; display: grid; gap: 5px; color: #e6f0e9; max-width: 430px; }
.visual-caption span { color: #9ee1cc; font: 700 10px ui-monospace, Consolas, monospace; letter-spacing: .15em; }
.visual-caption strong { font-size: 16px; font-weight: 650; }
.visual-caption small { color: #86a9a4; font-size: 11px; }

.experience .workspace { max-width: none; width: 100%; display: block; min-height: auto; background: #edf1ee; }
.workspace-hero { display: grid; grid-template-columns: minmax(430px, 40%) minmax(0, 60%); min-height: 690px; background: #0a1d20; }
.experience .control-column { border: 0; padding: 43px clamp(34px, 6vw, 115px) 36px clamp(32px, 6vw, 115px); background: #0a1d20; color: #eaf3ec; display: flex; flex-direction: column; }
.experience .control-column h1 { color: #f3f4e9; font-family: "Avenir Next Condensed", "Arial Narrow", "Avenir Next", Arial, sans-serif; font-size: clamp(56px, 5.4vw, 84px); line-height: .95; letter-spacing: -.075em; margin-top: 22px; }
.experience .control-column h1 em { color: #ade2d1; font-style: normal; }
.experience .heading-rule { background: #3c6765; }
.experience .intro { max-width: 435px; color: #9bb7b1; font-size: 15px; margin: 0 0 25px; }
.experience .search-form { width: min(100%, 460px); }
.experience .search-form label { color: #bddbd2; text-transform: uppercase; font: 700 10px ui-monospace, Consolas, monospace; letter-spacing: .09em; }
.experience .search-form label:not(:first-child) { margin-top: 14px; }
.experience .search-form .optional { color: #77958d; text-transform: none; letter-spacing: 0; }
.experience .search-form input { background: #0e2a2e; color: #eaf3ec; border-color: #38605e; height: 48px; }
.experience .search-form input::placeholder { color: #71918d; }
.experience .search-form input:focus { border-color: #a8e7d1; box-shadow: inset 0 0 0 1px #a8e7d1; }
.experience .search-form .primary-button { margin-top: 18px; }
.experience .sidebar-note { border-color: #315453; margin-top: auto; padding-top: 22px; }
.experience .sidebar-note p { color: #8faea8; max-width: 430px; }
.workspace-visual { min-height: 690px; border-left: 1px solid rgba(171, 216, 208, .16); }
.workspace-visual-copy { position: absolute; z-index: 5; top: 45px; left: 53px; display: grid; gap: 9px; }
.workspace-visual-copy strong { color: #f0f3e9; font-size: clamp(25px, 2.8vw, 39px); line-height: 1.05; letter-spacing: -.04em; }
.workspace-visual .visual-caption { bottom: 52px; }
.experience .scan-return { position: absolute; z-index: 6; right: 44px; bottom: 45px; color: #c7eadc; border-color: #61998a; background: rgba(12, 39, 43, .85); }
.experience .scan-return:hover { background: #225d59; }

.experience .result-column { max-width: 1520px; margin: 0 auto; background: #edf1ee; color: #12282b; padding: 48px clamp(28px, 5vw, 80px) 95px; }
.experience .result-topline { padding-bottom: 25px; border-color: #becdc5; }
.experience .result-topline .eyebrow, .experience .result-column .eyebrow { color: #307c72; }
.experience .empty-state { min-height: 360px; }
.experience .empty-state h2 { font-family: "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; font-size: clamp(34px, 3.2vw, 52px); }
.experience .empty-illustration { border-color: #7baaa0; transform: rotate(-3deg); }
.experience .dossier-heading h2 { font-size: clamp(37px, 4.2vw, 67px); }
.experience #result-content { animation: dossier-reveal .85s both; }
.experience .score-band { background: #112d30; box-shadow: 0 20px 46px rgba(20, 58, 53, .12); }
.experience .score-main { background-color: #112d30; }
.experience .score-main .tiny-index, .experience .score-side .tiny-index { color: #a1dcca; }
.experience .score-line strong { color: #f5f5ec; }
.experience .score-side strong { color: #d5e9de; }
.experience .detail-section { border-color: #c8d4cc; }
.experience .detail-section h3 { font-size: 23px; }
.experience .lead-text { font-size: clamp(18px, 1.6vw, 23px); color: #183c3c; }
.experience .ai-content { border-left-color: #d39e72; }
.experience .financing-panel { background: #e6efeb; border-color: #a9c7bb; }
.experience .financing-form input, .experience .financing-form select { background: #fff; color: #12282b; }
.experience .result-column .primary-button { background: #1e665f; color: #fff; border-color: #1e665f; }
.experience .result-column .primary-button:hover { background: #144943; }

.scan-overlay { position: fixed; z-index: 100; inset: 0; display: flex; flex-direction: column; background: #061216; color: #e8f2e9; overflow: auto; }
.scan-masthead { position: sticky; top: 0; z-index: 7; height: 74px; flex: 0 0 74px; border-bottom: 1px solid rgba(163, 224, 211, .18); padding: 0 clamp(25px, 4vw, 70px); display: flex; justify-content: space-between; align-items: center; background: #061216; }
.scan-masthead .brand { font-size: 21px; font-weight: 800; }
.scan-live { color: #bce5d6; font: 700 10px ui-monospace, Consolas, monospace; letter-spacing: .14em; }
.scan-body { display: grid; grid-template-columns: minmax(400px, 42%) minmax(0, 58%); flex: 1; min-height: 610px; }
.scan-copy { padding: clamp(45px, 7vh, 95px) clamp(30px, 5vw, 95px); display: flex; flex-direction: column; position: relative; z-index: 4; }
.scan-copy h2 { font-family: "Avenir Next Condensed", "Arial Narrow", "Avenir Next", Arial, sans-serif; font-size: clamp(62px, 6.6vw, 110px); line-height: .91; letter-spacing: -.075em; margin: 25px 0 17px; color: #f3f4e9; }
.scan-copy h2 em { color: #abe5d0; font-style: normal; }
.scan-copy p { color: #a5c5bb; font-size: 15px; max-width: 485px; line-height: 1.55; margin: 0 0 30px; }
.scan-stages { border-top: 1px solid #29484a; max-width: 530px; }
.scan-stages > div { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: center; min-height: 59px; border-bottom: 1px solid #29484a; color: #72918e; transition: color .5s, background .5s; }
.scan-stages > div span { font: 10px ui-monospace, Consolas, monospace; }
.scan-stages > div strong { font-size: 13px; font-weight: 650; }
.scan-stages > div small { font: 10px ui-monospace, Consolas, monospace; text-align: right; }
.scan-stages > div.active { color: #e1f1e8; background: linear-gradient(90deg, rgba(136, 213, 185, .09), transparent 90%); }
.scan-stages > div.active span { color: #f0bd8e; }
.scan-stages > div.done { color: #b1ddc9; }
.scan-stages > div.done small { color: #8ccbb1; }
.scan-minimize { margin-top: 35px; width: fit-content; background: none; color: #b8e4d0; border: 0; border-bottom: 1px solid #679b88; padding: 4px 0 9px; font-weight: 700; font-size: 13px; }
.scan-minimize span { margin-left: 25px; font-size: 19px; }
.scan-visual { min-height: 610px; border-left: 1px solid rgba(163, 224, 211, .14); }
.scan-visual .ring-outer { animation: scan-ring 3.4s ease-in-out infinite; }
.scan-visual .visual-beam { animation-duration: 2.9s; }
.scan-crosshair { position: absolute; z-index: 5; right: 51px; top: 43px; color: #7baca0; font-size: 28px; font-weight: 200; }
.scan-footer { min-height: 53px; display: flex; justify-content: space-between; align-items: center; gap: 15px; border-top: 1px solid rgba(163, 224, 211, .18); color: #779794; padding: 10px clamp(25px, 4vw, 70px); font: 10px ui-monospace, Consolas, monospace; letter-spacing: .07em; }
.scan-overlay.is-resolving .scan-visual { filter: brightness(1.5); transition: filter .55s; }
.scan-overlay.is-resolving .scan-copy { opacity: .25; transition: opacity .5s; }

@keyframes live-pulse { 50% { opacity: .48; box-shadow: 0 0 4px #8cf2cd; } }
@keyframes enter-up { from { opacity: 0; transform: translateY(23px); } to { opacity: 1; transform: translateY(0); } }
@keyframes dossier-reveal { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
@keyframes beam-travel { to { top: 105%; } }
@keyframes slow-turn { to { transform: rotate(360deg); } }
@keyframes scan-ring { 50% { width: min(88%, 725px); opacity: .48; } }

@media (max-width: 1100px) {
  .experience .login-screen { grid-template-columns: 49% 51%; }
  .experience .login-panel { padding-left: 38px; padding-right: 35px; }
  .experience .login-panel h1 { font-size: clamp(60px, 6.4vw, 95px); }
  .workspace-hero { grid-template-columns: minmax(365px, 44%) minmax(0, 56%); }
  .experience .control-column { padding-left: 36px; padding-right: 34px; }
  .experience .control-column h1 { font-size: 66px; }
}
@media (max-width: 760px) {
  .experience .masthead, .scan-masthead { height: 65px; padding: 0 20px; }
  .experience .brand, .scan-masthead .brand { font-size: 18px; }
  .experience .login-screen { display: flex; flex-direction: column; }
  .experience .login-panel { padding: 53px 24px 29px; min-height: 460px; background: #071418; }
  .experience .login-panel h1 { font-size: clamp(55px, 13vw, 76px); margin-top: 27px; }
  .experience .login-panel p { font-size: 15px; }
  .experience .login-panel form { margin-top: 35px; }
  .experience .input-action .primary-button { min-width: 129px; font-size: 12px; gap: 5px; padding: 0 10px; }
  .login-source-line { padding-top: 36px; gap: 7px 0; }
  .login-source-line span { padding: 0 8px; font-size: 8px; }
  .login-visual { min-height: 450px; border-left: 0; border-top: 1px solid rgba(171, 216, 208, .18); }
  .visual-caption { left: 29px; bottom: 35px; }
  .visual-aside { right: 15px; }
  .workspace-hero { display: flex; flex-direction: column; }
  .experience .control-column { padding: 36px 24px 32px; }
  .experience .control-column h1 { font-size: clamp(55px, 11vw, 76px); margin-top: 20px; }
  .experience .intro { margin-bottom: 25px; }
  .experience .sidebar-note { margin-top: 29px; }
  .workspace-visual { min-height: 400px; border: 0; border-top: 1px solid rgba(171, 216, 208, .18); }
  .workspace-visual-copy { left: 28px; top: 27px; }
  .workspace-visual-copy strong { font-size: 24px; }
  .workspace-visual .visual-caption { bottom: 27px; }
  .experience .scan-return { right: 22px; bottom: 22px; font-size: 11px; }
  .experience .result-column { padding: 34px 22px 60px; }
  .experience .empty-state { min-height: 270px; }
  .scan-body { display: flex; flex-direction: column-reverse; min-height: 0; }
  .scan-visual { min-height: 260px; flex: 0 0 35vh; max-height: 340px; border: 0; border-bottom: 1px solid rgba(163, 224, 211, .14); }
  .scan-visual .visual-caption { display: none; }
  .scan-copy { padding: 25px 24px 35px; }
  .scan-copy h2 { font-size: clamp(51px, 12vw, 72px); margin: 15px 0 10px; }
  .scan-copy p { font-size: 13px; margin-bottom: 20px; }
  .scan-stages > div { min-height: 48px; grid-template-columns: 25px 1fr auto; gap: 7px; }
  .scan-stages > div strong { font-size: 11px; }
  .scan-stages > div small { font-size: 9px; }
  .scan-minimize { margin-top: 23px; }
  .scan-footer { padding: 12px 24px; font-size: 9px; }
  .scan-footer span:last-child { display: none; }
}
@media (max-width: 420px) {
  .experience .login-panel h1 { font-size: 53px; }
  .experience .input-action { flex-direction: column; gap: 8px; }
  .experience .input-action input, .experience .input-action .primary-button { width: 100%; }
  .scan-stages > div small { max-width: 83px; }
}
@media (prefers-reduced-motion: reduce) {
  .experience *, .experience *::before, .experience *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* The second direction is an evidence chamber: dense, quiet, and severe. */
body.experience {
  --ink: #151b1c;
  --ink-soft: #596163;
  --paper: #e7e5df;
  --line: #b7bcb9;
  --blue: #a7584c;
  --blue-dark: #7d3a32;
  --risk: #9a463d;
  background: #090d0e;
  color: #e9eae5;
}
.experience .masthead, .scan-masthead { background: #090d0e; border-color: #3d4442; }
.experience .brand { color: #f1f0e8; font-weight: 900; letter-spacing: -.045em; }
.experience .brand-separator { color: #ac685d; }
.experience .brand-mark { border-color: #a5aeab; transform: none; }
.experience .brand-mark i { background: #d2d6cf; }
.experience .environment-tag { color: #9ca6a2; border-color: #4a514e; }
.experience .model-tag { color: #adb8b3; }
.live-dot { background: #c96d5f; box-shadow: 0 0 11px rgba(219, 102, 84, .65); }
.experience .eyebrow { color: #bc8177; }
.eyebrow-mark { background: #bf6d5e; }
.experience .primary-button { background: #dfded5; border-color: #dfded5; color: #101617; }
.experience .primary-button:hover { background: #fff9ed; box-shadow: 0 0 34px rgba(239, 228, 207, .18); }
.experience .footer { background: #090d0e; border-color: #3d4442; color: #8b9591; }

.experience .login-screen, .experience .login-panel { background: #090d0e; }
.experience .login-panel { background: linear-gradient(90deg, #090d0e 0%, #090d0e 89%, rgba(9,13,14,.55) 100%); }
.experience .login-panel h1 {
  font-family: "Avenir Next Condensed", "Arial Narrow", "Avenir Next", Arial, sans-serif;
  font-size: clamp(71px, 7.4vw, 132px);
  font-weight: 900;
  text-transform: uppercase;
  line-height: .87;
  letter-spacing: -.09em;
  color: #f0eee5;
  margin: 42px 0 28px;
}
.experience .login-panel h1 em { color: #aeb8b5; }
.experience .login-panel p { color: #a2aaa7; }
.experience .login-panel label { color: #bdc4bf; }
.experience .login-panel input { background: #171e1f; border-color: #46514e; color: #e9eae5; }
.experience .login-panel input:focus { border-color: #bd8579; box-shadow: inset 0 0 0 1px #bd8579; }
.login-source-line span { color: #818d89; border-color: #4b5550; }

.portrait-stage {
  background:
    linear-gradient(90deg, rgba(6,9,10,.8), transparent 34%, rgba(6,9,10,.16) 64%, rgba(6,9,10,.73)),
    radial-gradient(ellipse at 53% 43%, #283234 0%, #11191b 38%, #080d0f 74%);
}
.portrait-stage::before {
  opacity: .22;
  background-image: linear-gradient(rgba(154, 167, 164, .12) 1px, transparent 1px);
  background-size: 100% 56px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 81%, transparent);
}
.portrait-stage::after { background: linear-gradient(180deg, rgba(5, 8, 9, .65), transparent 25%, transparent 72%, rgba(5, 8, 9, .7)); }
.visual-ring { display: none; }
.visual-beam {
  top: -14%;
  height: 11%;
  left: 0; right: 0;
  background: linear-gradient(180deg, transparent 34%, rgba(194, 108, 91, .015) 80%, rgba(214, 121, 103, .3) 97%, rgba(238, 152, 129, .65));
  animation-duration: 7s;
}
.visual-corners span { border-color: rgba(191, 194, 182, .33); width: 23px; height: 23px; }
.login-visual, .workspace-visual, .scan-visual { border-color: #3c4542; }
.visual-caption { border-left: 2px solid #ad5e52; padding-left: 20px; }
.visual-caption span { color: #da9687; }
.visual-caption strong { color: #e2e4dd; }
.visual-caption small { color: #88938f; }
.visual-aside { color: #919b95; }

.experience .workspace { background: #e7e5df; }
.workspace-hero, .experience .control-column { background: #0e1415; }
.experience .control-column h1 {
  font-size: clamp(64px, 6vw, 96px);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -.087em;
  color: #edece3;
}
.experience .control-column h1 em { color: #aeb9b5; }
.experience .intro { color: #abb4ae; }
.experience .search-form label { color: #b2bab5; }
.experience .search-form .optional { color: #818e88; }
.experience .search-form input { background: #1a2425; border-color: #4c5853; color: #edece6; }
.experience .search-form input:focus { border-color: #c58373; box-shadow: inset 0 0 0 1px #c58373; }
.experience .heading-rule, .experience .sidebar-note { border-color: #505a55; }
.experience .heading-rule { background: #505a55; }
.experience .sidebar-note p { color: #929f99; }
.workspace-visual-copy strong { color: #e7e7dd; font-weight: 850; text-transform: uppercase; font-family: "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; font-size: clamp(37px, 4.4vw, 67px); }
.experience .scan-return { background: rgba(15, 21, 22, .91); border-color: #a06155; color: #f0e2d8; }
.experience .scan-return:hover { background: #2a2422; }

.experience .result-column { background: #e7e5df; color: #141b1c; }
.experience .result-topline { border-color: #adb6b0; }
.experience .result-topline .eyebrow, .experience .result-column .eyebrow { color: #995b50; }
.experience .result-column h2, .experience .result-column h3 { color: #192223; }
.experience .dossier-heading h2 { font-family: "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; font-weight: 900; letter-spacing: -.07em; }
.experience .score-band, .experience .score-main { background: #151e20; }
.experience .score-band { box-shadow: 0 23px 55px rgba(16, 25, 26, .17); }
.experience .score-main .tiny-index, .experience .score-side .tiny-index { color: #bb8c7e; }
.experience .score-side strong { color: #e6e2d9; }
.experience .detail-section { border-color: #acb5b0; }
.experience .lead-text { color: #263234; }
.experience .ai-content { border-left-color: #b16555; }
.experience .ai-content .ai-citation { display:block; margin-top:5px; color:#aa8b7c; font:10px/1.5 ui-monospace,monospace; letter-spacing:.025em; }
.experience .ai-content li > a { display:inline-block; margin-top:3px; color:#d6a18b; font:10px/1.5 ui-monospace,monospace; text-decoration:none; border-bottom:1px solid rgba(214,161,139,.42); }
.experience .financing-panel { background: #d9dcd5; border-color: #9eaba3; }
.experience .result-column .primary-button { background: #1f2a2b; border-color: #1f2a2b; }
.experience .result-column .primary-button:hover { background: #354240; }

.evidence-ledger { margin: 49px 0 63px; padding: clamp(26px, 4vw, 60px); background: #131b1d; color: #e5e7e0; border-top: 3px solid #a95b50; }
.experience .evidence-ledger .section-title { align-items: start; border: 0; margin-bottom: 11px; }
.experience .evidence-ledger h3 { font: 900 clamp(41px, 4.5vw, 70px)/.95 "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: -.07em; text-transform: uppercase; color: #f0eee6; margin: 10px 0 0; }
.evidence-ledger .section-index { color: #a86b5e; white-space: nowrap; }
.sherlock-report-link { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(100%, 610px); margin: 26px 0 24px; padding: 20px 24px; border: 1px solid #cf9a79; background: #a95b50; color: #fff6e9; text-decoration: none; font: 800 clamp(17px, 2vw, 24px)/1.2 "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: .035em; text-transform: uppercase; box-shadow: 0 11px 32px rgba(0,0,0,.24); transition: transform .2s ease, background .2s ease; }
.sherlock-report-link:hover { color: #fff; background: #c06d59; transform: translateY(-2px); }
.sherlock-report-link span { font-size: 30px; line-height: .7; }
.ledger-intro { max-width: 790px; color: #aebbb5; font-size: 15px; line-height: 1.55; }
.ledger-stats { display: grid; grid-template-columns: repeat(3, 1fr); margin: 31px 0 40px; border-top: 1px solid #47524e; border-bottom: 1px solid #47524e; }
.ledger-stats > div { display: flex; flex-direction: column; min-height: 122px; padding: 19px 27px 18px 0; }
.ledger-stats > div + div { padding-left: 28px; border-left: 1px solid #47524e; }
.ledger-stats strong { font: 850 53px/.92 "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; letter-spacing: -.055em; color: #ecebe3; }
.ledger-stats span { margin-top: 12px; font: 10px ui-monospace, Consolas, monospace; letter-spacing: .11em; text-transform: uppercase; color: #97a49d; }
.observation-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(27px, 4vw, 67px); row-gap: 31px; }
.observation-group { min-width: 0; border-top: 1px solid #67736c; }
.observation-heading { display: flex; justify-content: space-between; gap: 15px; align-items: baseline; padding: 16px 0 7px; }
.observation-heading h4 { color: #e7e9e0; font-size: 16px; margin: 0; }
.observation-heading span { color: #b47869; font: 11px ui-monospace, Consolas, monospace; }
.observation-row { display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid #36423e; padding: 15px 0; }
.observation-row > div { display: grid; gap: 4px; }
.observation-field { color: #ae8277; font: 10px ui-monospace, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; }
.observation-row strong { font-size: 19px; line-height: 1.3; font-weight: 640; color: #f0eee6; overflow-wrap: anywhere; }
.observation-row small { color: #a2afa7; font-size: 11px; }
.observation-row code { color: #6f817a; font: 9px ui-monospace, Consolas, monospace; overflow-wrap: anywhere; }
.observation-extra { display: none; }
.observation-group.expanded .observation-extra { display: flex; }
.observation-more { border: 0; border-bottom: 1px solid #a86b5e; padding: 12px 0 7px; margin-top: 4px; background: none; color: #d8a093; font-weight: 700; cursor: pointer; }
.ledger-empty, .ledger-guardrail { grid-column: 1 / -1; color: #aebbb5; border-top: 1px solid #48544d; padding-top: 17px; }
.ledger-guardrail { margin-top: 34px; color: #b8a59d; font-size: 12px; }
.social-row-title { display: flex; justify-content: space-between; gap: 12px; }
.social-row-title a { white-space: nowrap; font-size: 11px; }
.social-excerpt { font-size: 12px; line-height: 1.5; margin: 8px 0 0; color: #4f6360; }
.progress-list { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.open-source-section .source-caution { max-width: 790px; margin: 15px 0 23px; font-size: 12px; line-height: 1.55; }
.open-source-findings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.open-source-summary { grid-column: 1 / -1; margin: 0 0 5px; color: #66716a; font: 10px ui-monospace, Consolas, monospace; letter-spacing: .07em; text-transform: uppercase; }
.open-source-empty { grid-column: 1 / -1; margin: 0; padding: 18px; border: 1px solid #acb5b0; color: #52615f; font-size: 13px; }
.open-source-item { min-width: 0; padding: 20px 21px; border: 1px solid #b6beb8; background: #e8e9e2; }
.open-source-item.namesake,.open-source-item.unrelated { opacity: .65; }
.open-source-kind { display: block; color: #a95b50; font: 700 10px ui-monospace, Consolas, monospace; letter-spacing: .13em; }
.open-source-item h4 { margin: 11px 0 9px; color: #1c2929; font: 800 24px/1.1 "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; }
.open-source-item p { color: #3d4f4b; font-size: 13px; line-height: 1.55; margin: 0 0 12px; }
.open-source-match { display: block; color: #7e5e52; font: 10px/1.4 ui-monospace, Consolas, monospace; }
.open-source-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 14px; }
.open-source-links a { color: #8c4a3f; font-size: 11px; font-weight: 700; text-decoration: underline; overflow-wrap: anywhere; }

.scan-overlay { background: #080c0d; color: #e8e7df; }
.scan-masthead { background: #080c0d; border-color: #47514d; }
.scan-live { color: #bbaba2; }
.scan-copy { background: #0c1112; }
.scan-copy h2 { color: #edece4; text-transform: uppercase; font-weight: 900; }
.scan-copy h2 em { color: #b5bfba; }
.scan-copy p { color: #a2ada7; }
.scan-stages { border-color: #46524d; }
.scan-stages > div { border-color: #3a4642; color: #72807a; }
.scan-stages > div.active { color: #f0e8df; background: linear-gradient(90deg, rgba(185, 95, 76, .13), transparent 92%); }
.scan-stages > div.active span { color: #d78370; }
.scan-stages > div.done, .scan-stages > div.done small { color: #c6c6b9; }
@media(max-width:760px){.progress-list{grid-template-columns:repeat(2,minmax(0,1fr))}.open-source-findings{grid-template-columns:1fr}.sherlock-report-link{padding:16px 18px}}
.scan-minimize { color: #dfb0a4; border-color: #a8695c; }
.scan-footer { border-color: #47514d; color: #8a9690; }
.scan-crosshair { color: #bb7769; }
.scan-visual .visual-beam { animation-duration: 3.5s; }
.scan-metrics { position: absolute; z-index: 6; top: 104px; right: clamp(36px, 5vw, 85px); display: grid; gap: 16px; width: 152px; pointer-events: none; }
.scan-metrics > div { border-top: 1px solid rgba(211, 213, 201, .36); padding-top: 8px; display: flex; flex-direction: column; }
.scan-metrics span { color: #adb6ae; font: 9px ui-monospace, Consolas, monospace; letter-spacing: .09em; }
.scan-metrics strong { color: #eeeae0; font: 800 33px/.98 "Avenir Next Condensed", "Arial Narrow", Arial, sans-serif; }

@media (max-width: 1100px) {
  .experience .login-panel h1 { font-size: clamp(62px, 7vw, 96px); }
  .experience .control-column h1 { font-size: 70px; }
}
@media (max-width: 760px) {
  .experience .login-panel { background: #090d0e; }
  .experience .login-panel h1 { font-size: clamp(55px, 13vw, 78px); margin-top: 25px; }
  .experience .control-column h1 { font-size: clamp(59px, 12vw, 80px); }
  .observation-groups { grid-template-columns: 1fr; }
  .evidence-ledger { margin: 36px -22px 45px; padding: 29px 22px 38px; }
  .ledger-stats > div { min-height: 102px; padding-right: 7px; }
  .ledger-stats > div + div { padding-left: 12px; }
  .ledger-stats strong { font-size: 40px; }
  .ledger-stats span { font-size: 8px; line-height: 1.4; }
  .scan-metrics { left: 0; right: 0; top: auto; bottom: 0; width: auto; grid-template-columns: repeat(3, 1fr); gap: 0; background: rgba(8, 12, 13, .92); padding: 8px 20px 9px; }
  .scan-metrics > div { border-top: 0; border-left: 1px solid #58615a; padding: 0 7px 0 12px; }
  .scan-metrics > div:first-child { border-left: 0; padding-left: 0; }
  .scan-metrics span { font-size: 7px; }
  .scan-metrics strong { font-size: 25px; }
}
