:root {
  --porcelain: #f2f0ea;
  --porcelain-bright: #faf9f5;
  --graphite: #151817;
  --dark: #101413;
  --steel: #a7aeaa;
  --steel-dark: #67706c;
  --teal: #0e5b55;
  --teal-soft: #c7d9d5;
  --champagne: #b29a71;
  --line: rgba(21, 24, 23, .15);
  --line-light: rgba(242, 240, 234, .16);
  --serif: "Instrument Serif", Georgia, serif;
  --sans: "Inter", Arial, sans-serif;
  --mono: "DM Mono", monospace;
  --content: min(1280px, calc(100vw - 64px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--graphite); background: var(--porcelain); font-family: var(--sans); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
::selection { color: var(--porcelain); background: var(--teal); }
:focus-visible { outline: 2px solid var(--champagne); outline-offset: 4px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; z-index: 999; top: 10px; left: 10px; padding: 10px 14px; color: var(--porcelain); background: var(--graphite); transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.file-warning { position: fixed; z-index: 100; inset: 0 0 auto; display: flex; justify-content: center; gap: 16px; padding: 12px; color: var(--graphite); background: #f4dfbd; border-bottom: 1px solid #c99d5c; font-size: 12px; }
.file-warning a { text-decoration: underline; }

.site-header { position: absolute; z-index: 50; top: 0; left: 50%; display: flex; align-items: center; justify-content: space-between; width: var(--content); height: 88px; color: var(--porcelain); border-bottom: 1px solid rgba(242, 240, 234, .18); transform: translateX(-50%); transition: width .25s, height .25s, padding .25s, border-radius .25s, background .25s, top .25s; }
.site-header.is-scrolled { position: fixed; top: 14px; width: min(1160px, calc(100vw - 40px)); height: 58px; padding: 0 12px 0 18px; color: var(--porcelain); background: rgba(16, 20, 19, .94); border: 1px solid rgba(242, 240, 234, .18); border-radius: 999px; backdrop-filter: blur(14px); }
.brand { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.brand > span:last-child { display: grid; gap: 2px; }
.brand b { font-size: 15px; line-height: 1; letter-spacing: -.06em; }
.brand b span { font-weight: 400; }
.brand small { opacity: .5; font: 7px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.brand-mark { position: relative; display: block; width: 29px; height: 29px; border: 1px solid currentColor; border-radius: 50%; }
.brand-mark i { position: absolute; width: 4px; height: 4px; background: currentColor; border-radius: 50%; }
.brand-mark i:nth-child(1) { top: 11px; left: 5px; }.brand-mark i:nth-child(2) { top: 5px; left: 13px; }.brand-mark i:nth-child(3) { right: 5px; bottom: 6px; }
.site-header nav { display: flex; gap: 23px; margin-left: auto; margin-right: 26px; font-size: 11px; }
.site-header nav a { opacity: .6; transition: opacity .2s; }.site-header nav a:hover { opacity: 1; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.language-toggle { border: 0; color: inherit; cursor: pointer; background: transparent; opacity: .55; font: 8px var(--mono); letter-spacing: .08em; }.language-toggle:hover { opacity: 1; }.language-toggle b { color: var(--champagne); font-weight: 500; }
.header-cta { padding: 10px 13px; color: var(--graphite); background: var(--porcelain); font: 8px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.header-cta span { margin-left: 10px; }
.menu-toggle { display: none; width: 38px; height: 38px; padding: 10px; border: 1px solid var(--line-light); border-radius: 50%; background: transparent; }.menu-toggle i { display: block; height: 1px; margin: 4px 0; background: currentColor; }

.hero { position: relative; min-height: 100vh; padding: 156px max(32px, calc((100vw - 1280px) / 2)) 70px; color: var(--porcelain); background: var(--dark); overflow: hidden; }
.hero::before { position: absolute; inset: 0; content: ""; background-image: linear-gradient(rgba(242,240,234,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(242,240,234,.035) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, #000, transparent 66%); }
.hero-copy { position: relative; z-index: 3; width: 56%; max-width: 760px; }
.eyebrow, .kicker { margin: 0; font: 8px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 9px; color: rgba(242,240,234,.62); }.eyebrow > span { width: 6px; height: 6px; background: var(--champagne); border-radius: 50%; }
.kicker { color: var(--steel-dark); }
.hero h1 { margin: 30px 0 0; letter-spacing: -.07em; }
.hero h1 span { display: block; font: 500 clamp(56px, 6vw, 98px)/.91 var(--sans); }
.hero h1 em { display: block; color: var(--champagne); font: italic 400 clamp(71px, 7.8vw, 124px)/.83 var(--serif); }
.hero-lede { max-width: 650px; margin: 32px 0 0; color: rgba(242,240,234,.68); font-size: 16px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 37px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 47px; padding: 13px 16px; border: 1px solid transparent; cursor: pointer; font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: color .2s, background .2s, border-color .2s, transform .2s; }.button:hover { transform: translateY(-2px); }
.button-primary { color: var(--porcelain); background: var(--teal); border-color: var(--teal); }.button-primary:hover { color: var(--graphite); background: var(--champagne); border-color: var(--champagne); }
.button-quiet { color: var(--porcelain); background: transparent; border-color: rgba(242,240,234,.3); }.button-quiet:hover { border-color: var(--champagne); color: var(--champagne); }
.button-dark { color: var(--porcelain); background: var(--graphite); border-color: var(--graphite); }.button-dark:hover { color: var(--graphite); background: var(--champagne); border-color: var(--champagne); }
.hero-boundary { display: flex; align-items: center; gap: 8px; max-width: 600px; margin: 25px 0 0; color: rgba(242,240,234,.42); font: 8px/1.6 var(--mono); }.hero-boundary i { flex: 0 0 auto; width: 4px; height: 4px; background: var(--champagne); border-radius: 50%; }
.hero-atmosphere { position: absolute; z-index: 1; inset: 0; pointer-events: none; }
.question-fragment { position: absolute; padding: 8px 11px; color: rgba(242,240,234,.32); border: 1px solid rgba(242,240,234,.11); font: 7px var(--mono); letter-spacing: .04em; }.fragment-a { top: 16%; right: 6%; }.fragment-b { top: 34%; right: 34%; }.fragment-c { right: 3%; bottom: 29%; }.fragment-d { right: 38%; bottom: 12%; }
.hero-system { position: absolute; z-index: 4; right: max(32px, calc((100vw - 1280px) / 2)); bottom: 72px; width: min(44vw, 610px); padding: 15px; color: var(--graphite); background: var(--porcelain-bright); border: 1px solid rgba(242,240,234,.38); }
.system-label { display: flex; justify-content: space-between; padding: 2px 2px 14px; color: var(--steel-dark); font: 7px var(--mono); letter-spacing: .1em; }.system-label b { color: var(--teal); font-weight: 500; }.system-label b i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; background: var(--teal); border-radius: 50%; }
.hero-conversation { padding: 19px; background: #e9e6de; }.actor-label { color: var(--teal); font: 7px var(--mono); letter-spacing: .1em; }.hero-conversation p { max-width: 490px; margin: 13px 0 16px; font: 400 20px/1.25 var(--serif); }.extraction-keys { display: flex; flex-wrap: wrap; gap: 5px; }.extraction-keys span { padding: 5px 7px; color: var(--steel-dark); border: 1px solid var(--line); font: 7px var(--mono); }
.connection-map { display: block; width: 100%; height: 74px; overflow: visible; }.connection-map path { fill: none; stroke: var(--teal); stroke-width: 1; stroke-dasharray: 5 7; opacity: .45; }
.hero-packet { padding: 18px; border: 1px solid var(--line); }.packet-heading { display: flex; align-items: center; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid var(--line); }.packet-heading span { font: 7px var(--mono); letter-spacing: .09em; }.packet-heading b { color: var(--teal); font: 7px var(--mono); font-weight: 500; }.hero-packet dl { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; }.hero-packet dl div { padding: 12px 9px; border-bottom: 1px solid var(--line); }.hero-packet dl div:nth-last-child(-n+2) { border-bottom: 0; }.hero-packet dt { color: var(--steel-dark); font: 7px var(--mono); }.hero-packet dd { margin: 4px 0 0; font-size: 11px; }.hero-packet .active-field { background: rgba(14,91,85,.08); }.hero-packet .active-field dd { color: var(--teal); }
.hero-scroll { position: absolute; z-index: 3; bottom: 32px; left: max(32px, calc((100vw - 1280px) / 2)); display: flex; align-items: center; gap: 12px; color: rgba(242,240,234,.35); font: 7px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.hero-scroll i { display: block; width: 60px; height: 1px; background: currentColor; }

.section, .section-dark { padding: 128px max(32px, calc((100vw - 1280px) / 2)); }.section { background: var(--porcelain); }.section-dark { color: var(--porcelain); background: var(--dark); }
.section-intro { max-width: 1040px; margin-bottom: 66px; }.section-intro.centered { margin-right: auto; margin-left: auto; text-align: center; }.section-intro.split { display: grid; grid-template-columns: 2fr 1fr; gap: 80px; max-width: none; align-items: end; }.section-intro h2, .handoff-copy h2, .diagnostic-copy h2, .final-copy h2 { margin: 22px 0 0; font: 400 clamp(49px, 5.5vw, 86px)/.91 var(--serif); letter-spacing: -.055em; }.section-intro h2 em, .handoff-copy h2 em, .diagnostic-copy h2 em, .final-copy h2 em { color: var(--teal); font-style: italic; }.section-intro > p:last-child, .section-intro.split > p, .handoff-copy > p:last-child, .diagnostic-copy > p:last-child { max-width: 480px; margin: 26px 0 0; color: var(--steel-dark); font-size: 14px; line-height: 1.75; }.section-intro.light .kicker { color: rgba(242,240,234,.45); }.section-intro.light h2 em { color: var(--champagne); }.section-intro.light > p:last-child, .section-intro.light.split > p { color: rgba(242,240,234,.56); }

.problem-comparison { display: grid; grid-template-columns: 1fr 90px 1.15fr; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.problem-comparison article { padding: 44px 0; }.problem-comparison article > span { color: var(--steel-dark); font: 7px var(--mono); letter-spacing: .12em; }.raw-message blockquote { margin: 80px 0 70px; font: italic 400 clamp(34px, 4vw, 63px)/1 var(--serif); }.message-meta { display: flex; flex-wrap: wrap; gap: 9px; color: var(--steel-dark); font: 7px var(--mono); }.message-meta i { width: 5px; height: 5px; background: var(--champagne); border-radius: 50%; }.problem-divider { display: flex; align-items: center; flex-direction: column; justify-content: center; color: var(--steel-dark); border-right: 1px solid var(--line); border-left: 1px solid var(--line); }.problem-divider span { writing-mode: vertical-rl; font: 7px var(--mono); letter-spacing: .12em; }.problem-divider i { width: 1px; height: 110px; margin-top: 18px; background: var(--line); }.needed-context { padding-left: 50px !important; }.needed-context ol { padding: 0; margin: 39px 0 0; list-style: none; }.needed-context li { display: grid; grid-template-columns: 38px 1fr; gap: 11px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 13px; }.needed-context li b { color: var(--teal); font: 7px var(--mono); font-weight: 400; }.section-closing { max-width: 750px; margin: 46px auto 0; font: italic 400 29px/1.25 var(--serif); text-align: center; }

.route-tabs { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 15px; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }.route-tabs button { padding: 18px; border: 0; border-right: 1px solid var(--line-light); color: rgba(242,240,234,.5); cursor: pointer; text-align: left; background: transparent; font-size: 11px; }.route-tabs button:last-child { border-right: 0; }.route-tabs button span { margin-right: 18px; color: var(--champagne); font: 7px var(--mono); }.route-tabs button.active { color: var(--porcelain); background: rgba(242,240,234,.07); }
.demo-workspace { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 660px; border: 1px solid var(--line-light); }.demo-conversation { display: flex; flex-direction: column; border-right: 1px solid var(--line-light); }.demo-conversation > header, .live-packet > header { display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 0 20px; border-bottom: 1px solid var(--line-light); }.demo-conversation > header div { display: flex; align-items: center; gap: 9px; }.demo-conversation > header i { width: 6px; height: 6px; background: var(--champagne); border-radius: 50%; }.demo-conversation > header span, .demo-conversation > header b { font: 7px var(--mono); letter-spacing: .11em; }.demo-conversation > header b { color: rgba(242,240,234,.42); font-weight: 400; }
.conversation-log { display: flex; flex: 1; flex-direction: column; gap: 15px; padding: 28px 20px; overflow: auto; }.demo-message { display: flex; max-width: 87%; gap: 8px; }.demo-message.patient { align-self: flex-end; }.demo-message > span { display: grid; width: 25px; height: 25px; flex: 0 0 auto; color: var(--champagne); border: 1px solid rgba(178,154,113,.5); border-radius: 50%; font: 7px var(--mono); place-items: center; }.demo-message.patient > span { order: 2; }.demo-message p { margin: 0; padding: 12px 14px; color: rgba(242,240,234,.78); border: 1px solid var(--line-light); font-size: 12px; line-height: 1.55; }.demo-message.patient p { color: var(--graphite); background: var(--porcelain); border-color: var(--porcelain); }.demo-message.system p { color: var(--champagne); }.answer-panel { padding: 18px 20px; border-top: 1px solid var(--line-light); }.answer-panel > span { display: block; margin-bottom: 12px; color: rgba(242,240,234,.35); font: 7px var(--mono); letter-spacing: .1em; }.answer-choices { display: flex; flex-wrap: wrap; gap: 6px; }.answer-choices button { padding: 8px 10px; color: rgba(242,240,234,.7); border: 1px solid rgba(242,240,234,.2); cursor: pointer; background: transparent; font: 8px var(--mono); }.answer-choices button:hover { color: var(--dark); background: var(--champagne); border-color: var(--champagne); }
.live-packet { background: var(--porcelain-bright); color: var(--graphite); }.live-packet > header { border-color: var(--line); }.live-packet > header div { display: grid; gap: 4px; }.live-packet > header span { font: 8px var(--mono); letter-spacing: .1em; }.live-packet > header small { color: var(--steel-dark); font-size: 9px; }.live-packet > header b { color: var(--teal); font: 7px var(--mono); font-weight: 500; }.live-packet > header b i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; background: var(--champagne); border-radius: 50%; }.live-packet > header b.ready i { background: var(--teal); }
.live-packet dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }.live-packet dl > div { min-height: 117px; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); transition: background .25s; }.live-packet dl > div:nth-child(2n) { border-right: 0; }.live-packet dl > div.is-filled { background: rgba(14,91,85,.07); }.live-packet dl > div.is-new { animation: fieldPulse .65s ease; }.live-packet dt { color: var(--steel-dark); font: 7px var(--mono); letter-spacing: .07em; }.live-packet dd { min-height: 18px; margin: 9px 0 6px; font: 400 18px/1.05 var(--serif); }.live-packet dl small { color: var(--steel-dark); font-size: 8px; line-height: 1.4; }.live-packet footer { display: flex; align-items: center; justify-content: space-between; padding: 18px; }.live-packet footer > span { color: var(--steel-dark); font: 7px var(--mono); letter-spacing: .1em; }.live-packet footer div { display: flex; flex-wrap: wrap; gap: 5px; }.live-packet footer b { padding: 5px 7px; color: var(--teal); border: 1px solid var(--line); font: 7px var(--mono); font-weight: 400; }

.comparison-board { display: grid; grid-template-columns: 1fr 150px 1fr; border: 1px solid var(--line); }.comparison-board article { padding: 32px; }.comparison-board article > span { color: var(--steel-dark); font: 7px var(--mono); letter-spacing: .12em; }.comparison-board ul, .boundary-group ul { padding: 0; margin: 31px 0 0; list-style: none; }.comparison-board li { padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 13px; }.comparison-board article:last-child li::before { margin-right: 8px; color: var(--teal); content: "✓"; }.clarity-meter { display: flex; align-items: center; flex-direction: column; justify-content: space-between; padding: 27px 0; border-right: 1px solid var(--line); border-left: 1px solid var(--line); }.clarity-meter span { color: var(--steel-dark); font: 7px var(--mono); letter-spacing: .1em; writing-mode: vertical-rl; }.clarity-meter div { position: relative; width: 1px; height: 245px; background: var(--line); }.clarity-meter i { position: absolute; bottom: 0; left: -2px; width: 5px; height: 64%; background: var(--teal); }

.boundary-layout { display: grid; grid-template-columns: 1fr .8fr 1fr; gap: 16px; }.boundary-group, .escalation-card { min-height: 420px; padding: 26px; border: 1px solid var(--line); }.boundary-group header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid var(--line); }.boundary-group header span { color: var(--teal); font: 7px var(--mono); letter-spacing: .1em; }.boundary-group header b { color: var(--steel-dark); font-size: 9px; font-weight: 500; }.boundary-group li { padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 12px; }.boundary-group li::before { margin-right: 9px; color: var(--teal); content: "＋"; }.boundary-group.cannot li::before { color: var(--champagne); content: "—"; }.escalation-card { display: flex; flex-direction: column; justify-content: space-between; color: var(--porcelain); background: var(--graphite); border-color: var(--graphite); }.escalation-card > span { color: var(--champagne); font: 7px var(--mono); letter-spacing: .1em; }.escalation-card > p { margin: 55px 0; font: italic 400 31px/1.1 var(--serif); }.escalation-card > div { display: grid; grid-template-columns: auto 1fr; gap: 4px 9px; padding-top: 18px; border-top: 1px solid var(--line-light); }.escalation-card i { width: 7px; height: 7px; background: var(--champagne); border-radius: 50%; }.escalation-card b { font-size: 10px; font-weight: 500; }.escalation-card small { grid-column: 2; color: rgba(242,240,234,.45); font: 7px var(--mono); }

.journey-cards { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.journey-cards article { padding: 31px; border-right: 1px solid var(--line); }.journey-cards article:last-child { border-right: 0; }.journey-cards article > span { color: var(--teal); font: 7px var(--mono); letter-spacing: .12em; }.journey-cards h3 { min-height: 76px; margin: 39px 0 17px; font: 400 30px/1.04 var(--serif); }.journey-cards article > p { min-height: 60px; color: var(--steel-dark); font-size: 12px; line-height: 1.65; }.journey-cards dl { margin: 36px 0 0; }.journey-cards dl div { padding: 13px 0; border-top: 1px solid var(--line); }.journey-cards dt { color: var(--steel-dark); font: 7px var(--mono); }.journey-cards dd { margin: 5px 0 0; font-size: 10px; line-height: 1.4; }

.packet-stage { position: relative; display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: center; max-width: 1120px; margin: 0 auto; }.source-conversation { padding: 25px; border: 1px solid var(--line-light); }.source-conversation > span { color: var(--champagne); font: 7px var(--mono); letter-spacing: .12em; }.source-conversation blockquote { min-height: 120px; margin: 47px 0 39px; font: italic 400 30px/1.13 var(--serif); }.source-conversation small { color: rgba(242,240,234,.42); font-size: 9px; line-height: 1.5; }.patient-packet { color: var(--graphite); background: var(--porcelain-bright); border: 1px solid rgba(242,240,234,.45); }.patient-packet > header { display: flex; align-items: center; justify-content: space-between; padding: 17px 20px; border-bottom: 1px solid var(--line); }.patient-packet > header div { display: grid; gap: 4px; }.patient-packet > header span, .patient-packet > header b { font: 7px var(--mono); letter-spacing: .08em; }.patient-packet > header small { color: var(--steel-dark); font-size: 8px; }.patient-packet > header b { color: var(--teal); font-weight: 500; }.patient-packet > header b i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; background: var(--teal); border-radius: 50%; }.packet-profile { padding: 27px 22px; border-bottom: 1px solid var(--line); }.packet-profile span { color: var(--teal); font: 7px var(--mono); letter-spacing: .09em; }.packet-profile h3 { margin: 12px 0 4px; font: 400 35px var(--serif); }.packet-profile small { color: var(--steel-dark); font-size: 9px; }.patient-packet dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }.patient-packet dl > div { min-height: 102px; padding: 17px 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); cursor: help; transition: background .2s; }.patient-packet dl > div:nth-child(2n) { border-right: 0; }.patient-packet dl > div:hover, .patient-packet dl > div:focus { background: rgba(14,91,85,.09); outline: 0; }.patient-packet dt { color: var(--steel-dark); font: 7px var(--mono); }.patient-packet dd { margin: 8px 0 0; font: 400 17px/1.15 var(--serif); }.patient-packet footer { display: flex; flex-wrap: wrap; gap: 15px; padding: 16px 20px; color: var(--steel-dark); font: 7px var(--mono); }.patient-packet footer span::before { margin-right: 5px; color: var(--teal); content: "✓"; }

.human-handoff { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: start; }.handoff-copy { position: sticky; top: 110px; }.handoff-flow { display: grid; gap: 10px; }.handoff-flow > div { display: grid; grid-template-columns: 40px 1fr; gap: 5px 10px; padding: 22px; border: 1px solid var(--line); }.handoff-flow > div span { grid-row: 1 / span 2; color: var(--teal); font: 8px var(--mono); }.handoff-flow > div b { font: 400 20px var(--serif); }.handoff-flow > div small { color: var(--steel-dark); font-size: 9px; }.handoff-flow > i { padding-left: 37px; color: var(--steel); font-style: normal; }.handoff-flow .human-step { color: var(--porcelain); background: var(--teal); border-color: var(--teal); }.handoff-flow .human-step span, .handoff-flow .human-step small { color: rgba(242,240,234,.68); }

.configuration-grid { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid var(--line-light); border-left: 1px solid var(--line-light); }.configuration-grid span { display: flex; align-items: flex-end; min-height: 130px; padding: 18px; border-right: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); color: rgba(242,240,234,.7); font-size: 10px; line-height: 1.45; }.configuration-grid span::before { align-self: flex-start; margin-right: auto; color: var(--champagne); content: "+"; font: 8px var(--mono); }.trust-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-top: 70px; }.trust-strip p { margin: 0; font: 400 30px/1.2 var(--serif); }.trust-strip p em { color: var(--champagne); }.trust-strip div { display: flex; flex-wrap: wrap; gap: 7px; }.trust-strip span { padding: 7px 9px; color: rgba(242,240,234,.55); border: 1px solid var(--line-light); font: 7px var(--mono); }

.implementation-steps { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.implementation-steps article { min-height: 330px; padding: 26px; border-right: 1px solid var(--line); }.implementation-steps article:last-child { border-right: 0; }.implementation-steps span { color: var(--teal); font: 7px var(--mono); letter-spacing: .1em; }.implementation-steps h3 { margin: 92px 0 18px; font: 400 27px/1.05 var(--serif); }.implementation-steps p { margin: 0; color: var(--steel-dark); font-size: 11px; line-height: 1.7; }

.diagnostic { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; align-items: start; background: var(--porcelain-bright); }.diagnostic-copy { position: sticky; top: 110px; }.diagnostic-form { padding: 26px; border: 1px solid var(--line); }.diagnostic-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }.diagnostic-form label { display: grid; gap: 8px; margin-bottom: 18px; }.diagnostic-form label span { color: var(--steel-dark); font: 7px var(--mono); letter-spacing: .07em; }.diagnostic-form input, .diagnostic-form select { width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: var(--graphite); background: transparent; outline: 0; font-size: 12px; }.diagnostic-form input:focus, .diagnostic-form select:focus { border-color: var(--teal); }.diagnostic-form .button { margin-top: 12px; }.diagnostic-result { grid-column: 2; padding: 28px; color: var(--porcelain); background: var(--teal); }.diagnostic-result header { display: flex; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid rgba(242,240,234,.22); font: 7px var(--mono); letter-spacing: .1em; }.diagnostic-result header b { color: var(--champagne); font-weight: 500; }.diagnostic-result h3 { margin: 32px 0 9px; font: 400 38px var(--serif); }.diagnostic-result > div > p { max-width: 560px; color: rgba(242,240,234,.65); font-size: 12px; line-height: 1.7; }.diagnostic-result dl { display: grid; grid-template-columns: 1fr 1fr; margin: 28px 0; border-top: 1px solid rgba(242,240,234,.22); }.diagnostic-result dl div { padding: 15px 10px 15px 0; border-bottom: 1px solid rgba(242,240,234,.22); }.diagnostic-result dt { color: rgba(242,240,234,.48); font: 7px var(--mono); }.diagnostic-result dd { margin: 6px 0 0; font-size: 11px; line-height: 1.4; }.diagnostic-result .button-dark { background: var(--dark); border-color: var(--dark); }
.buyer-capture { margin-top: 32px; padding-top: 24px; border-top: 1px solid var(--line); }.buyer-capture > p { display: grid; gap: 5px; margin: 0 0 20px; }.buyer-capture > p b { font: 400 23px var(--serif); }.buyer-capture > p span { color: var(--steel-dark); font-size: 10px; line-height: 1.5; }.buyer-capture label span small { color: var(--steel-dark); font-size: 7px; }.buyer-consent { grid-template-columns: auto 1fr; align-items: start; margin: 6px 0 0 !important; line-height: 1.55; }.buyer-consent input { width: 14px; height: 14px; accent-color: var(--teal); }.buyer-consent span { font: 9px/1.55 var(--sans) !important; letter-spacing: 0 !important; text-transform: none; }

.final-cta { position: relative; display: grid; min-height: 760px; padding: 100px max(32px, calc((100vw - 1280px) / 2)); color: var(--porcelain); background: var(--dark); place-items: center; overflow: hidden; }.final-copy { position: relative; z-index: 2; max-width: 900px; text-align: center; }.final-copy .eyebrow { justify-content: center; }.final-copy h2 { font-size: clamp(65px, 8vw, 125px); }.final-copy h2 em { color: var(--champagne); }.final-copy > p:not(.eyebrow) { max-width: 580px; margin: 30px auto; color: rgba(242,240,234,.6); font-size: 14px; line-height: 1.7; }.final-copy .button { margin-top: 5px; }.final-copy small { display: block; margin-top: 20px; color: rgba(242,240,234,.35); font: 7px var(--mono); letter-spacing: .06em; }.final-fragments span { position: absolute; padding: 7px 10px; color: rgba(242,240,234,.2); border: 1px solid rgba(242,240,234,.09); font: 7px var(--mono); }.final-fragments span:nth-child(1) { top: 18%; left: 8%; }.final-fragments span:nth-child(2) { top: 30%; right: 9%; }.final-fragments span:nth-child(3) { bottom: 18%; left: 13%; }.final-fragments span:nth-child(4) { right: 15%; bottom: 13%; }.final-packet { position: absolute; top: 50%; left: 50%; width: 460px; height: 260px; border: 1px solid rgba(178,154,113,.12); transform: translate(-50%, -50%) rotate(-4deg); }.final-packet span { position: absolute; top: 18px; left: 18px; color: rgba(178,154,113,.15); font: 7px var(--mono); }.final-packet i { position: absolute; right: 18px; left: 18px; height: 1px; background: rgba(178,154,113,.1); }.final-packet i:nth-of-type(1) { top: 70px; }.final-packet i:nth-of-type(2) { top: 130px; }.final-packet i:nth-of-type(3) { top: 190px; }
.site-footer { display: grid; grid-template-columns: auto 1fr auto auto; gap: 50px; align-items: center; padding: 29px max(32px, calc((100vw - 1280px) / 2)); color: var(--porcelain); background: var(--dark); border-top: 1px solid var(--line-light); }.site-footer p { margin: 0; color: rgba(242,240,234,.36); font: 7px var(--mono); }.site-footer > div { display: flex; gap: 18px; color: rgba(242,240,234,.55); font-size: 9px; }.site-footer > span { color: rgba(242,240,234,.3); font: 7px var(--mono); }
.guide-launcher { position: fixed; z-index: 60; right: 24px; bottom: 24px; display: inline-flex; align-items: center; gap: 9px; padding: 10px 13px 10px 10px; border: 1px solid var(--teal); cursor: pointer; color: var(--porcelain); background: var(--teal); font: 8px var(--mono); letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 10px 28px rgba(16,20,19,.22); }.guide-launcher:hover { color: var(--graphite); background: var(--champagne); border-color: var(--champagne); }.guide-launcher span { display: grid; width: 24px; height: 24px; color: var(--teal); background: var(--porcelain); border-radius: 50%; place-items: center; font-size: 7px; }
.service-guide { position: fixed; z-index: 61; right: 24px; bottom: 82px; display: flex; width: min(386px, calc(100vw - 32px)); max-height: min(660px, calc(100vh - 110px)); flex-direction: column; color: var(--porcelain); background: var(--dark); border: 1px solid rgba(242,240,234,.25); box-shadow: 0 24px 80px rgba(16,20,19,.36); }.service-guide > header { display: flex; align-items: center; justify-content: space-between; padding: 15px; border-bottom: 1px solid var(--line-light); }.service-guide > header > div { display: flex; align-items: center; gap: 10px; }.service-guide > header > div > span { display: grid; width: 29px; height: 29px; color: var(--champagne); border: 1px solid var(--champagne); border-radius: 50%; place-items: center; font: 8px var(--mono); }.service-guide header p { display: grid; gap: 3px; margin: 0; }.service-guide header b { font-size: 11px; font-weight: 500; }.service-guide header small { color: rgba(242,240,234,.47); font-size: 8px; }.service-guide header button { border: 0; cursor: pointer; color: var(--porcelain); background: transparent; font-size: 23px; line-height: 1; }
.guide-messages { display: flex; min-height: 190px; flex: 1; flex-direction: column; gap: 10px; padding: 15px; overflow-y: auto; }.guide-message { display: flex; max-width: 92%; }.guide-message p { margin: 0; padding: 11px 12px; color: rgba(242,240,234,.83); background: rgba(242,240,234,.08); font-size: 11px; line-height: 1.6; }.guide-message.user { align-self: flex-end; }.guide-message.user p { color: var(--graphite); background: var(--porcelain); }
.guide-prompts { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 15px 12px; }.guide-prompts button { padding: 7px 8px; border: 1px solid rgba(242,240,234,.21); cursor: pointer; color: rgba(242,240,234,.72); background: transparent; font: 7px var(--mono); }.guide-prompts button:hover { color: var(--dark); background: var(--champagne); border-color: var(--champagne); }.service-guide form { display: flex; margin: 0 15px; padding: 5px; border: 1px solid rgba(242,240,234,.24); }.service-guide input { min-width: 0; flex: 1; padding: 8px; border: 0; outline: 0; color: var(--porcelain); background: transparent; font-size: 11px; }.service-guide input::placeholder { color: rgba(242,240,234,.36); }.service-guide form button { width: 34px; border: 0; cursor: pointer; color: var(--graphite); background: var(--champagne); }.service-guide form button:disabled { opacity: .6; }.guide-note { margin: 10px 15px 14px; color: rgba(242,240,234,.35); font: 7px/1.5 var(--mono); }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity: 1; transform: none; }
@keyframes fieldPulse { 0% { background: rgba(178,154,113,.45); } 100% { background: rgba(14,91,85,.07); } }
@media (prefers-reduced-motion: no-preference) {
  .question-fragment { animation: drift 8s ease-in-out infinite alternate; }.fragment-b { animation-delay: -2s; }.fragment-c { animation-delay: -4s; }
  .connection-map path { animation: trace 5s linear infinite; }
}
@keyframes drift { to { transform: translate3d(8px, -10px, 0); } }
@keyframes trace { to { stroke-dashoffset: -48; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; } .reveal { opacity: 1; transform: none; } }