/* Nightwork: warm light, quiet surfaces, readable product detail. */
.container > * + * { margin-top: var(--s-6); }
strong { font-weight: 600; }
h1,h2,h3,li,label { overflow-wrap: break-word; }
a:hover { text-decoration-thickness: 2px; }
.site-header { padding: var(--s-5); }
.wordmark { display: inline-flex; align-items: baseline; gap: var(--s-2); font-size: var(--fs-h2); font-weight: 600; letter-spacing: var(--ls-tight); text-decoration: none; }
.site-header .wordmark { color: var(--paper); }
.wordmark:hover { text-decoration: underline; }
.lockup-mark { height: .7em; width: auto; }
.mark { width: auto; height: var(--s-7); display: block; margin-bottom: var(--s-5); }
.skip-link { position: absolute; left: -10000px; z-index: 10; background: var(--paper); color: var(--ink); padding: var(--s-3) var(--s-4); }
.skip-link:focus { left: var(--s-4); top: var(--s-4); }
.container.prose { max-width: var(--w-prose); }
.prose > * + * { margin-top: var(--s-5); }
.prose > h2 { margin-top: var(--s-7); }
.prose blockquote { margin-inline: 0; padding-left: var(--s-5); border-left: 1px solid var(--border); }
.prose table { table-layout: fixed; }
.prose th:first-child { width: 30%; }
.prose th { font-size: var(--fs-small); }
.prose td { vertical-align: top; overflow-wrap: anywhere; }
.prose a { overflow-wrap: anywhere; }
/* September redesign: product-led, dark opening and light reading surfaces. */
.homepage .container { max-width: 1200px; }
.homepage .container > * + * { margin-top: 0; }
.hero-layout > *,.desk-layout > *,.limits-layout > *,.rules-layout > *,.contact-layout > * { min-width: 0; }
.homepage h2 { font-size: clamp(2rem,3.5vw,3rem); line-height: 1.13; letter-spacing: -.04em; }
.homepage .band { padding-block: 100px; }
.homepage .site-header { padding: 28px 32px; border-bottom: 1px solid var(--border-on-ink); }
.homepage .wordmark { font-size: 27px; }
.hero { position: relative; overflow: hidden; background: radial-gradient(ellipse at 86% 48%,color-mix(in srgb,var(--accent) 14%,var(--ink)),var(--ink) 61%); }
.homepage .hero { padding-block: 64px 80px; }
.hero::before { content: ''; position: absolute; width: 600px; height: 820px; right: -150px; top: -65px; border: 1px solid color-mix(in srgb,var(--paper) 10%,transparent); border-radius: 50%; transform: rotate(30deg); pointer-events: none; }
.hero-layout { display: grid; grid-template-columns: 1.18fr 1fr; align-items: center; gap: 80px; }
.hero-copy { position: relative; z-index: 1; }
.hero-copy .display { font-size: clamp(3rem,5.3vw,4.7rem); letter-spacing: -.055em; line-height: 1.04; max-width: 11ch; }
.hero-copy h1 span { display: block; color: var(--accent); }
.hero-copy .lead { margin-top: 28px; font-size: 19px; color: var(--muted-on-ink); max-width: 43ch; }
.hero-copy .btn { margin-top: 32px; }
.homepage .btn { border-radius: var(--r-pill); padding: 19px 26px; font-weight: 600; }
.homepage .btn--primary { color: var(--ink); background: var(--accent); }
.homepage .btn--primary:hover { background: var(--paper); color: var(--ink); }
.homepage .band--paper .btn--primary:hover { background: var(--ink); color: var(--paper); }
.btn span { display: inline-block; margin-left: 24px; }
.hero-product { position: relative; padding-inline: 20px; }
.message-thread { width: min(100%,360px); margin: 0 auto; position: relative; }
.phone { position: relative; }
.messages { list-style: none; padding: 0; }
.messages li { margin: 0; }
.messages li > p:first-child { width: fit-content; }
.messages .inbound > p:first-child { margin-left: auto; }
.inbound .message-time { text-align: right; }
.phone-home { height: 4px; border-radius: 9px; margin-inline: auto; }
.thread-result { position: relative; margin: -8px -22px 0 42px; padding: 17px 22px; border: 1px solid var(--border-on-ink); background: var(--surface); border-radius: 12px; color: var(--paper); box-shadow: 0 16px 40px color-mix(in srgb,var(--ink) 40%,transparent); font-size: 15px; }
.thread-result .num { color: var(--paper); font-weight: 500; }
.message-thread figcaption { margin: 18px 0 0; text-align: center; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 48px; margin-bottom: 52px; }
.section-heading h2 { max-width: 13ch; }
.section-heading .lead { max-width: 37ch; color: var(--muted); }
.steps-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; list-style: none; padding: 0; margin: 0; }
.steps-grid li { border-top: 1px solid var(--border); padding-top: 24px; }
.step-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.line-icon { width: 28px; height: 28px; flex: none; }
.step-top .line-icon { width: 52px; height: 52px; padding: 13px; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(var(--paper),var(--sunk)); }
.step-number { color: var(--muted); font-size: 14px; }
.steps-grid h3 { font-size: 20px; line-height: 1.3; margin-bottom: 14px; }
.steps-grid p { color: var(--muted); font-size: 16px; }
.timeline-panel { margin-top: 60px !important; padding: 32px; border-radius: 18px; background: var(--sunk); }
.timeline-panel h3 { margin-bottom: 6px; }
.timeline { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); list-style: none; padding: 0; margin: 32px 0 0; }
.timeline li { position: relative; padding: 24px 20px 0 0; border-top: 1px solid var(--muted); }
.timeline li::before { content: ''; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; background: var(--ink); border-radius: 50%; }
.timeline .num { font-size: 13px; }
.timeline p { margin-top: 8px; font-size: 15px; }
.evidence-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 80px; }
.evidence-intro h2 { max-width: 16ch; }
.evidence-intro .lead { margin-top: 24px; color: var(--muted-on-ink); }
.evidence-figure { font-size: clamp(3rem,6vw,5rem); line-height: 1; color: var(--accent); }
.headline-chart,.sample-chart { display: flex; gap: 5px; margin-block: 24px; }
.headline-chart i,.sample-chart i { flex: 1; height: 30px; border-radius: 3px; background: var(--raised); }
.headline-chart i.filled { background: var(--accent); }
.evidence-label { font-size: 23px; }
.evidence-explanation { margin-top: 16px; color: var(--muted-on-ink); }
.evidence-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; margin: 0; }
.evidence-grid > div { border-top: 1px solid var(--border-on-ink); padding-top: 12px; }
.sample-chart { margin-block: 12px 20px; }
.sample-chart i { height: 5px; }
.sample-chart i.filled { background: var(--paper); }
.evidence-grid dt { font-size: 28px; }
.evidence-grid dd { margin: 12px 0 0; font-size: 16px; color: var(--muted-on-ink); }
.evidence-method { grid-column: 1 / -1; max-width: 95ch; }
.desk-band { background: var(--sunk); }
.example-label { font-size: 14px; color: var(--muted); margin-bottom: 18px !important; }
.desk-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: start; }
.document { background: var(--paper); border: 1px solid var(--border); border-radius: 18px; padding: 28px; box-shadow: 0 12px 28px color-mix(in srgb,var(--ink) 5%,transparent); }
.document-heading { display: flex; gap: 16px; align-items: center; padding-bottom: 24px; }
.document-heading h3 { font-size: 20px; }
.document-heading p { font-size: 13px; color: var(--muted); margin-top: 5px; }
.document-symbol { width: 42px; height: 48px; border: 1px solid var(--border); border-radius: 8px; display: grid; place-items: center; font-size: 26px; }
.document td { font-size: 15px; vertical-align: top; }
.document th { font-size: 12px; }
.document .caption { margin-top: 20px; }
.digest tbody tr:first-child { background: var(--sunk); }
.digest td { padding: 16px 10px 16px 0; }
.digest td:first-child { white-space: nowrap; }
.file table td:first-child { width: 49%; color: var(--muted); }
.table-scroll { overflow-x: auto; }
.limits-layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: 80px; align-items: center; }
.limits-layout .lead { margin-top: 24px; font-size: 18px; color: var(--muted); }
.limits-grid { list-style: none; padding: 0; margin: 32px 0 0; }
.limits-grid li { position: relative; padding-left: 44px; margin-top: 24px; font-size: 16px; color: var(--muted); }
.limits-grid .line-icon { position: absolute; left: 0; top: 3px; color: var(--ink); width: 24px; height: 24px; }
.limits-grid strong { display: block; color: var(--ink); margin-bottom: 4px; }
.consent-record { background: var(--sunk); }
.consent-record table { margin-top: 24px; }
.consent-record td:first-child { width: 42%; }
.record-visual { display: flex; align-items: center; margin-bottom: 32px; }
.record-visual span { display: grid; place-items: center; width: 56px; height: 56px; background: var(--paper); border: 1px solid var(--border); border-radius: 16px; font-size: 24px; }
.record-visual i { height: 1px; flex: 1; background: var(--muted); }
.rules-band { border-block: 1px solid var(--border); }
.rules-layout { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; }
.rules-layout .lead { margin-top: 24px; font-size: 18px; color: var(--muted); }
.rule-list details { border-bottom: 1px solid var(--border); }
.rule-list summary { cursor: pointer; display: flex; justify-content: space-between; padding: 24px 0; font-size: 24px; font-weight: 600; list-style: none; }
.rule-list summary::-webkit-details-marker { display: none; }
.rule-list summary:hover { color: var(--accent-deep); }
.rule-list details[open] summary > span:last-child { transform: rotate(45deg); }
.rule-body { padding-bottom: 24px; font-size: 16px; }
.rule-body p + p,.rule-body ul { margin-top: 16px; }
.rule-body li { margin-top: 10px; }
.rule-list > .caption { margin-top: 24px; }
.contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.contact-copy .lead { margin-top: 24px; }
.contact-copy .panel { margin-top: 32px; padding: 0; background: transparent; color: var(--muted); font-size: 15px; }
form { display: grid; gap: 22px; }
.field label { display: block; margin-bottom: 7px; font-size: 15px; }
.field input,.field textarea { width: 100%; border: 1px solid var(--muted); border-radius: var(--r-3); }
.consent { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 12px; font-size: 14px; }
.consent input { width: 20px; height: 20px; margin-top: 3px; accent-color: var(--ink); }
.consent label { cursor: pointer; }
.honeypot { position: absolute; left: -10000px; }
form .btn { justify-self: start; }
.footer-layout { display: grid; grid-template-columns: 1fr 1fr auto; gap: 48px; }
.footer-layout p { font-size: 14px; overflow-wrap: anywhere; }
.footer-layout p + p { margin-top: 12px; }
.site-footer nav { display: flex; flex-wrap: wrap; align-content: start; gap: 24px; font-size: 14px; }
.site-footer a { color: var(--paper); }
[id] { scroll-margin-top: 32px; }
/* A recognizable SMS screen inside a physical phone, not an interactive demo. */
.message-thread .phone { background: var(--paper); border: 7px solid var(--ink); outline: 2px solid var(--muted); border-radius: 48px; padding: 12px 16px; color: var(--ink); box-shadow: 0 0 0 5px var(--raised),0 28px 70px color-mix(in srgb,var(--ink) 85%,transparent); }
.phone::before,.phone::after { content: ''; position: absolute; width: 4px; background: var(--muted); border-radius: 3px; }
.phone::before { left: -11px; top: 110px; height: 62px; }
.phone::after { right: -11px; top: 142px; height: 78px; }
.phone-status { display: flex; justify-content: space-between; align-items: center; position: relative; height: 28px; margin: 0 7px 16px; font-size: 13px; font-weight: 600; }
.phone-status > svg { width: 56px; height: 16px; }
.phone-camera { position: absolute; left: 50%; transform: translateX(-50%); width: 86px; height: 25px; border-radius: 30px; background: var(--ink); }
.phone-camera::after { content: ''; position: absolute; right: 9px; top: 8px; width: 8px; height: 8px; background: var(--raised); border-radius: 50%; }
.phone-contact { display: grid; justify-items: center; gap: 5px; padding-bottom: 16px; border-bottom: 1px solid var(--border); position: relative; }
.phone-back { position: absolute; left: 3px; top: 3px; font-size: 38px; line-height: 1; }
.contact-avatar { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: linear-gradient(var(--muted),var(--raised)); color: var(--paper); font-size: 16px; }
.phone-contact strong { font-size: 13px; }
.phone-contact strong span { color: var(--muted); margin-left: 3px; }
.phone .thread-time { margin-top: 16px; padding: 0; border: 0; text-align: center; color: var(--muted); font-family: var(--font-sans); font-size: 12px; }
.phone .messages { gap: 13px; margin: 18px 0; }
.phone .messages li > p:first-child { position: relative; max-width: 94%; background: var(--sunk); color: var(--ink); border: 0; border-radius: 17px 17px 17px 5px; font-size: 16px; line-height: 1.4; padding: 10px 12px; }
.phone .messages .inbound > p:first-child { background: #176D32; color: #FFFFFF; border-radius: 17px 17px 5px 17px; }
.phone .message-time { color: var(--muted); font-size: 12px; margin: 4px 3px 0; }
.phone-composer { display: flex; align-items: center; gap: 9px; margin-top: 20px; color: var(--muted); }
.composer-plus { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--sunk); font-size: 23px; }
.composer-field { display: flex; justify-content: space-between; align-items: center; flex: 1; padding: 7px 10px; border: 1px solid var(--border); border-radius: 24px; font-size: 14px; }
.composer-field svg { width: 18px; height: 18px; }
.phone .phone-home { background: var(--ink); margin-top: 20px; width: 110px; }

.phone .messages .inbound > p:first-child { background: var(--ink); color: var(--paper); }
@media (width < 1050px) {
 .hero-layout { gap: 40px; grid-template-columns: 1fr 1fr; }
 .hero-copy .display { font-size: clamp(3rem,5.6vw,4rem); }
 .steps-grid { grid-template-columns: repeat(2,1fr); gap: 36px; }
 .desk-layout,.limits-layout,.rules-layout { grid-template-columns: 1fr; gap: 40px; }
 .evidence-layout,.contact-layout { gap: 40px; }
}
@media (width < 700px) {
 .homepage .band { padding: 64px 22px; }
 .homepage .hero { padding-top: 36px; }
 .homepage .site-header { padding: 22px; }
 .hero-layout { grid-template-columns: 1fr; gap: 48px; }
 .hero-copy .display { font-size: clamp(2.9rem,10vw,4rem); max-width: 14ch; }
 .hero-copy .lead { font-size: 18px; }
 .hero-product { padding: 0 10px; }
 .thread-result { margin-left: 0; margin-right: 0; }
 .section-heading { display: block; margin-bottom: 36px; }
 .section-heading .lead { margin-top: 20px; font-size: 18px; }
 .evidence-layout,.contact-layout { grid-template-columns: 1fr; }
 .evidence-grid { grid-template-columns: 1fr 1fr; }
 .timeline { grid-template-columns: 1fr; }
 .timeline li { border-top: 0; border-left: 1px solid var(--muted); padding: 0 0 28px 24px; }
 .timeline li:last-child { padding-bottom: 0; }
 .timeline li::before { left: -5px; top: 7px; }
 .timeline-panel,.document { padding: 24px; }
 .footer-layout { grid-template-columns: 1fr; gap: 24px; }
 .document td { overflow-wrap: anywhere; }
 .digest table { min-width: 480px; }
}
@media (width < 380px) { .steps-grid { grid-template-columns: 1fr; } .phone-camera { width: 65px; } .phone-status { margin-inline: 0; } }
@media (prefers-reduced-motion: no-preference) {
 html { scroll-behavior: smooth; }
 .hero-product { animation: arrival 700ms ease-out both; }
 @keyframes arrival { from { opacity: 0; translate: 0 16px; } to { opacity: 1; translate: 0 0; } }
}
/* Product scenes: readable interfaces, physical depth and purposeful motion. */
.steps-grid { gap: 24px; }
.steps-grid > li { border: 0; padding: 0; }
.step-top { margin: 24px 0 14px; }
.step-number { color: var(--muted); }
.step-scene { position: relative; display: grid; place-items: center; height: 190px; isolation: isolate; border-radius: 20px; overflow: hidden; background: radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--accent) 16%,var(--sunk)),var(--sunk) 75%); }
.step-scene::after { content: ''; position: absolute; bottom: 22px; width: 65%; height: 12px; background: color-mix(in srgb,var(--ink) 16%,transparent); filter: blur(10px); z-index: -1; }
.mini-window { position: relative; width: 148px; height: 107px; padding: 12px; background: var(--paper); border: 1px solid var(--border); border-radius: 10px; transform: rotate(-8deg); box-shadow: 5px 8px 0 var(--border),0 20px 25px color-mix(in srgb,var(--ink) 10%,transparent); }
.mini-toolbar { display: flex; gap: 4px; margin-bottom: 16px; }
.mini-toolbar i { width: 4px; height: 4px; border-radius: 50%; background: var(--muted); }
.mini-line { display: block; height: 7px; border-radius: 2px; width: 80%; margin-top: 9px; background: var(--sunk); }
.mini-line.short { width: 55%; }
.mini-submit { position: absolute; right: 12px; bottom: 12px; background: var(--ink); color: var(--paper); border-radius: 5px; padding: 0 10px; }
.scene-notification { position: absolute; bottom: 33px; left: 22%; display: flex; gap: 12px; align-items: center; font-size: 12px; padding: 9px 12px; border-radius: 9px; background: var(--ink); color: var(--paper); box-shadow: 0 8px 20px color-mix(in srgb,var(--ink) 20%,transparent); }
.scene-notification b { background: var(--accent); color: var(--ink); border-radius: 50%; width: 20px; text-align: center; }
.mini-chat { width: 80%; transform: rotate(-4deg); }
.mini-chat > span { display: block; width: 90%; padding: 10px; background: var(--paper); border-radius: 10px 10px 10px 2px; font-size: 12px; line-height: 1.4; box-shadow: 0 6px 10px color-mix(in srgb,var(--ink) 8%,transparent); }
.mini-chat > span + span { margin: 9px 0 0 auto; background: var(--ink); color: var(--paper); border-radius: 10px 10px 2px 10px; }
.mini-chat > i { display: flex; gap: 4px; margin: 10px 0 0 10px; }
.mini-chat b { display: block; width: 5px; height: 5px; border-radius: 50%; background: var(--muted); }
.mini-fields { position: relative; width: 80%; padding: 12px; border-radius: 10px; background: var(--paper); transform: rotate(5deg); box-shadow: -5px 7px 0 var(--border),0 16px 20px color-mix(in srgb,var(--ink) 12%,transparent); }
.mini-fields > span { display: flex; justify-content: space-between; gap: 8px; font-size: 10px; border-bottom: 1px solid var(--border); padding: 10px 0; }
.mini-fields > i { position: absolute; right: -8px; bottom: -12px; font-style: normal; width: 32px; height: 32px; display: grid; place-items: center; background: var(--accent); border-radius: 50%; box-shadow: 0 4px 8px color-mix(in srgb,var(--ink) 15%,transparent); }
.mini-folder { position: relative; width: 148px; height: 96px; background: var(--raised); border-radius: 8px; transform: rotate(-6deg); box-shadow: 0 15px 20px color-mix(in srgb,var(--ink) 18%,transparent); }
.folder-tab { position: absolute; width: 60px; height: 18px; border-radius: 7px 7px 0 0; left: 0; top: -10px; background: var(--raised); }
.folder-sheet { position: absolute; inset: -17px 10px 8px; padding: 14px; background: var(--paper); border: 1px solid var(--border); border-radius: 7px; transform: rotate(6deg); }
.folder-sheet i { display: block; width: 80%; height: 4px; margin-bottom: 8px; background: var(--border); }
.folder-front { position: absolute; inset: 24px -5px -4px 0; background: linear-gradient(150deg,var(--surface),var(--ink)); color: var(--paper); border-radius: 7px; padding: 21px 15px; font-size: 12px; }
.folder-front b { float: right; color: var(--accent); }
.desk-band { background: radial-gradient(ellipse at 50% 66%,color-mix(in srgb,var(--accent) 13%,var(--paper)),var(--sunk) 65%); }
.desk-band .section-heading { display: block; text-align: center; }
.desk-band .section-heading h2 { max-width: none; }
.desk-band .section-heading .lead { max-width: 50ch; margin: 22px auto 0; }
.desk-band .example-label { text-align: center; margin-inline: auto; }
.computer-scene { position: relative; padding: 14px 0 0; }
.monitor { position: relative; padding: 20px 12px 0; border: 2px solid var(--muted); border-radius: 24px; background: linear-gradient(140deg,var(--raised),var(--ink)); box-shadow: 0 30px 55px color-mix(in srgb,var(--ink) 20%,transparent),inset 0 0 0 3px var(--ink); }
.monitor-camera { position: absolute; width: 5px; height: 5px; top: 8px; left: 50%; border-radius: 50%; background: var(--muted); }
.monitor-screen { overflow: hidden; border-radius: 8px; background: var(--paper); }
.app-bar { display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--border); background: var(--sunk); font-size: 13px; }
.app-brand { font-weight: 600; }
.app-example { margin-left: auto; color: var(--muted); }
.app-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--ink); color: var(--paper); font-size: 11px; }
.workspace { display: grid; grid-template-columns: 1.08fr 1fr; }
.workspace > * { min-width: 0; }
.morning-inbox { padding: 28px 24px; border-right: 1px solid var(--border); }
.inbox-heading h3,.file-heading h3 { font-size: 21px; }
.inbox-heading > p,.file-heading p { color: var(--muted); font-size: 12px; margin-top: 8px; }
.inbox-list { list-style: none; margin: 24px -12px 20px; padding: 0; }
.inbox-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; padding: 20px 12px; border-top: 1px solid var(--border); }
.person-avatar { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 50%; background: var(--sunk); color: var(--ink); font-size: 12px; }
.inbox-row strong { display: block; font-size: 15px; }
.inbox-line { display: block; font-size: 12px; color: var(--muted); }
.inbox-status { margin-top: 9px; font-size: 12px; line-height: 1.5; }
.inbox-time { font-size: 10px; padding-top: 4px; color: var(--muted); white-space: nowrap; }
.inbox-row.selected { background: var(--sunk); border-radius: 9px; border-color: transparent; }
.selected .person-avatar { background: var(--ink); color: var(--paper); }
.selected a { color: var(--ink); text-decoration: none; display: inline-block; }
.selected a:hover { text-decoration: underline; }
.open-file { margin-left: 12px; }
.intake-pane { padding: 28px; background: color-mix(in srgb,var(--paper) 70%,var(--sunk)); }
.file-heading { display: flex; gap: 16px; align-items: center; }
.file-heading .person-avatar { width: 46px; height: 46px; background: var(--ink); color: var(--paper); }
.intake-fields { margin: 24px 0; }
.intake-fields > div { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 11px 0; border-bottom: 1px solid var(--border); font-size: 13px; }
.intake-fields dt { color: var(--muted); }
.intake-fields dd { margin: 0; }
.intake-fields dt .num { font-family: var(--font-sans); font-weight: 400; }
.intake-pane:target { outline: 2px solid var(--ink); outline-offset: -5px; }
.monitor-chin { height: 28px; display: grid; place-items: center; }
.monitor-chin span { width: 20px; height: 3px; border-radius: 2px; background: var(--muted); }
.monitor-stand { width: 150px; height: 80px; margin: 0 auto; background: linear-gradient(90deg,var(--muted),var(--border) 50%,var(--muted)); clip-path: polygon(18% 0,82% 0,95% 100%,5% 100%); }
.monitor-base { position: relative; width: 280px; height: 12px; margin: 0 auto; border-radius: 50% 50% 5px 5px; background: linear-gradient(var(--border),var(--muted)); box-shadow: 0 18px 18px color-mix(in srgb,var(--ink) 18%,transparent); }
.handoff-showcase { min-width: 0; }
.handoff-demo { padding: 32px; border: 1px solid var(--border); border-radius: 22px; background: radial-gradient(ellipse at 90% 70%,color-mix(in srgb,var(--accent) 12%,var(--sunk)),var(--sunk)); }
.handoff-question { display: flex; gap: 14px; align-items: center; margin-top: 24px; padding: 20px; background: var(--paper); border-radius: 14px; box-shadow: 0 12px 25px color-mix(in srgb,var(--ink) 6%,transparent); }
.handoff-question .person-avatar { background: var(--sunk); }
.handoff-question strong,.broker-card strong { font-size: 16px; }
.handoff-question p,.broker-card p { font-size: 13px; color: var(--muted); margin-top: 3px; }
.handoff-route { display: grid; justify-items: center; padding: 20px 0; font-size: 12px; color: var(--muted); }
.handoff-route i { width: 1px; height: 28px; background: var(--muted); margin-top: 10px; }
.handoff-route b { line-height: 1; font-size: 22px; color: var(--ink); }
.broker-card { display: flex; align-items: center; gap: 16px; padding: 22px; background: var(--ink); color: var(--paper); border-radius: 14px; box-shadow: 0 14px 25px color-mix(in srgb,var(--ink) 15%,transparent); }
.broker-card p { color: var(--muted-on-ink); }
.broker-avatar { position: relative; width: 46px; height: 46px; flex: none; border-radius: 12px; background: var(--raised); overflow: hidden; }
.broker-avatar::before { content: ''; position: absolute; width: 13px; height: 13px; border-radius: 50%; background: var(--paper); left: 17px; top: 9px; }
.broker-avatar i { position: absolute; width: 27px; height: 25px; border-radius: 50% 50% 0 0; background: var(--paper); left: 10px; top: 25px; }
.handoff-check { color: var(--accent); font-size: 26px; }
.consent-record.document { margin-top: 16px; padding: 20px 24px; background: var(--paper); box-shadow: none; border-radius: 12px; }
.consent-record summary { cursor: pointer; display: flex; justify-content: space-between; font-weight: 600; list-style: none; }
.consent-record summary::-webkit-details-marker { display: none; }
.consent-record summary:hover { color: var(--accent-deep); }
.consent-record[open] summary > span { transform: rotate(45deg); }
.phone .messages { display: grid; }
@media (width < 1050px) { .step-scene { height: 210px; } .mini-chat,.mini-fields { max-width: 215px; } .inbox-row { grid-template-columns: auto 1fr; } .inbox-time { grid-column: 2; padding: 0; } }
@media (width < 800px) {
 .workspace { grid-template-columns: 1fr; }
 .morning-inbox { border-right: 0; border-bottom: 1px solid var(--border); }
 .inbox-row { grid-template-columns: auto 1fr auto; }
 .inbox-time { grid-column: auto; padding-top: 4px; }
 .monitor { padding: 8px; border-radius: 16px; }
 .monitor-camera,.monitor-chin,.monitor-stand,.monitor-base { display: none; }
 .intake-pane { scroll-margin-top: 16px; }
}
@media (width < 500px) {
 .steps-grid { grid-template-columns: 1fr; gap: 40px; }
 .step-scene { height: 200px; }
 .scene-notification { left: 38%; }
 .step-top { margin-top: 20px; }
 .desk-band .section-heading { text-align: left; }
 .desk-band .example-label { text-align: left; }
 .app-bar { padding: 12px; gap: 10px; }
 .app-example { display: none; }
 .app-avatar { margin-left: auto; }
 .morning-inbox,.intake-pane { padding: 22px 16px; }
 .inbox-row { grid-template-columns: auto 1fr; }
 .inbox-time { grid-column: 2; padding: 0; }
 .intake-fields > div { grid-template-columns: 1fr; gap: 4px; }
 .file-heading { align-items: start; gap: 12px; }
 .file-heading h3 { font-size: 19px; }
 .handoff-demo { padding: 22px 16px; }
 .handoff-question,.broker-card { padding: 16px; gap: 12px; }
 .handoff-check { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
 .messages li { animation: message-in 450ms ease-out backwards; }
 .messages li:nth-child(1) { animation-delay: 400ms; }
 .messages li:nth-child(2) { animation-delay: 1100ms; }
 .messages li:nth-child(3) { animation-delay: 1800ms; }
 .thread-result { animation: message-in 450ms ease-out 2300ms backwards; }
 @keyframes message-in { from { opacity: 0; translate: 0 9px; } to { opacity: 1; translate: 0 0; } }
 .mini-window,.mini-chat,.mini-fields,.mini-folder { transition: translate 250ms ease; }
 .step-scene:hover > :first-child { translate: 0 -5px; }
 @supports (animation-timeline: view()) {
  .scene-notification,.mini-chat > span:nth-child(2),.mini-fields > i,.folder-sheet { animation: scene-arrive linear both; animation-timeline: view(); animation-range: entry 0% entry 90%; }
  .inbox-row.selected,.file-heading .person-avatar,.broker-card { animation: scene-arrive linear both; animation-timeline: view(); animation-range: entry 0% entry 90%; }
  @keyframes scene-arrive { from { translate: 0 18px; } to { translate: 0 0; } }
 }
}
/* Evidence, accountability and a personal contact invitation. */
.evidence-layout { grid-template-columns: 1fr 1.12fr; gap: 56px 72px; }
.evidence-intro { align-self: center; }
.evidence-headline { padding: 32px; border: 1px solid var(--border-on-ink); border-radius: 20px; background: linear-gradient(145deg,var(--surface),var(--ink)); }
.evidence-figure { font-size: clamp(3rem,5vw,4.5rem); }
.enquiry-sample { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 10px; margin-top: 28px; }
.enquiry-card { padding: 10px 8px; min-height: 78px; border: 1px solid var(--muted-on-ink); border-radius: 7px; background: var(--raised); box-shadow: 0 6px 9px color-mix(in srgb,var(--ink) 25%,transparent); }

.enquiry-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.enquiry-card-top i { width: 10px; height: 10px; border-radius: 50%; background: var(--muted-on-ink); }
.enquiry-card-top b { color: var(--paper); line-height: 1; }
.incomplete .enquiry-card-top b { color: var(--paper); }
.enquiry-line { display: block; height: 3px; margin-top: 6px; border-radius: 2px; background: var(--muted-on-ink); }
.enquiry-line.short { width: 60%; }
.incomplete .enquiry-line:nth-last-child(2) { background: transparent; border-bottom: 1px dashed var(--muted-on-ink); }
.sample-legend { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 14px; margin-bottom: 24px; font-size: 12px; color: var(--muted-on-ink); }
.sample-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.sample-legend i { display: inline-block; width: 7px; height: 7px; border: 1px solid var(--muted-on-ink); border-radius: 2px; }
.sample-legend > span:first-child i { background: var(--accent); border-color: var(--accent); }
.evidence-label { font-size: 22px; }
.evidence-explanation { font-size: 16px; }
.evidence-grid { gap: 24px; }
.evidence-grid > div { padding: 24px; border: 1px solid var(--border-on-ink); border-radius: 12px; background: var(--surface); }
.finding-bar { display: block; height: 5px; margin: 0 0 22px; overflow: hidden; border-radius: 5px; background: var(--raised); }
.finding-bar i { display: block; height: 100%; border-radius: inherit; background: var(--paper); }
.count-1 i { width: calc(100% / 11); }
.count-2 i { width: calc(200% / 11); }
.count-3 i { width: calc(300% / 11); }
.rules-band { background: var(--sunk); }
.rules-layout { align-items: center; gap: 48px 72px; }
.accountability-panel { padding: 32px; background: var(--paper); border: 1px solid var(--border); border-radius: 20px; box-shadow: 0 16px 30px color-mix(in srgb,var(--ink) 5%,transparent); }
.checks-heading { display: flex; align-items: center; gap: 18px; padding-bottom: 28px; border-bottom: 1px solid var(--border); }
.checks-heading h3 { font-size: 22px; }
.checks-mark { display: grid; place-items: center; width: 48px; height: 48px; flex: none; border-radius: 13px; background: var(--ink); color: var(--paper); font-size: 26px; }
.accountability-checks { list-style: none; margin: 28px 0 0; padding: 0; }
.accountability-checks li { display: flex; gap: 18px; position: relative; padding-bottom: 24px; }
.accountability-checks li:last-child { padding: 0; }
.accountability-checks li:not(:last-child)::after { content: ''; position: absolute; left: 16px; top: 32px; bottom: 0; width: 1px; background: var(--border); }
.check-node { position: relative; z-index: 1; display: grid; place-items: center; width: 33px; height: 33px; flex: none; border: 1px solid var(--border); border-radius: 50%; background: var(--sunk); color: var(--ink); }
.accountability-checks li:last-child .check-node { background: var(--ink); color: var(--paper); }
.accountability-checks strong { display: block; font-size: 16px; }
.accountability-checks p { margin-top: 5px; font-size: 14px; color: var(--muted); }
.rules-layout .rule-list { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; align-items: start; }
.rule-list details { padding: 0 24px; border: 1px solid var(--border); border-radius: 12px; background: var(--paper); }
.rule-list summary { font-size: 22px; }
.rule-list > .caption { grid-column: 1 / -1; max-width: 90ch; margin-top: 8px; }
.contact-band { background: radial-gradient(ellipse at 5% 65%,color-mix(in srgb,var(--accent) 7%,var(--paper)),var(--paper) 60%); }
.contact-layout { align-items: start; grid-template-columns: .9fr 1.1fr; gap: 72px; }
.contact-copy { padding-top: 24px; }
.contact-copy h2 { font-size: clamp(2.8rem,4.5vw,4rem); }
.contact-copy .lead { max-width: 30ch; }
.founder-card { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; margin-top: 40px; max-width: 360px; padding-top: 28px; border-top: 1px solid var(--border); }
.founder-avatar { display: grid; place-items: center; width: 66px; height: 66px; border-radius: 20px; background: linear-gradient(145deg,var(--raised),var(--ink)); color: var(--paper); font-size: 22px; box-shadow: 0 8px 16px color-mix(in srgb,var(--ink) 12%,transparent); }
.founder-card strong { display: block; font-size: 18px; }
.founder-company { display: block; margin-top: 3px; font-size: 14px; color: var(--muted); }
.founder-card > p { grid-column: 1 / -1; font-size: 15px; color: var(--muted); }
.contact-band form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 18px; padding: 32px; border: 1px solid var(--border); border-radius: 20px; background: var(--paper); box-shadow: 0 20px 45px color-mix(in srgb,var(--ink) 7%,transparent); }
.contact-band .field:nth-child(n+5),.contact-band .consent,.contact-band form > .btn { grid-column: 1 / -1; }
.contact-band .field label { font-size: 14px; min-height: 44px; display: flex; align-items: end; }
.contact-band .field:nth-child(n+5) label { min-height: 0; }
.contact-band .field input,.contact-band .field textarea { background: var(--paper); border-color: var(--muted); }
.contact-band .field:focus-within label { font-weight: 600; }
.contact-band .consent { border-top: 1px solid var(--border); padding-top: 22px; }
.contact-band form > .btn { justify-self: stretch; text-align: center; }
@media (width < 1050px) {
 .evidence-layout { gap: 36px; }
 .rules-layout { grid-template-columns: 1fr; }
 .contact-layout { gap: 36px; }
 .contact-band form { padding: 24px; grid-template-columns: 1fr; }
 .contact-band .field label { min-height: 0; }
 .evidence-grid { grid-template-columns: 1fr 1fr; }
}
@media (width < 700px) {
 .evidence-layout,.contact-layout { grid-template-columns: 1fr; }
 .evidence-headline,.accountability-panel { padding: 24px; }
 .enquiry-sample { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .evidence-grid { gap: 14px; }
 .evidence-grid > div { padding: 18px; }
 .evidence-grid dt { font-size: 24px; }
 .rules-layout .rule-list { grid-template-columns: 1fr; }
 .contact-copy { padding-top: 0; }
 .founder-card { margin-top: 28px; }
}
@media (width < 360px) { .evidence-grid { grid-template-columns: 1fr; } .enquiry-sample { gap: 7px; } }
@media (prefers-reduced-motion: no-preference) {
 .contact-band input,.contact-band textarea { transition: box-shadow 150ms ease,border-color 150ms ease; }
 .contact-band input:focus-visible,.contact-band textarea:focus-visible { box-shadow: 0 0 0 4px var(--sunk); }
 @supports (animation-timeline: view()) {
  .enquiry-sample { animation: sample-reveal linear both; animation-timeline: view(); animation-range: entry 0% entry 80%; }
  @keyframes sample-reveal { from { translate: 0 16px; } to { translate: 0 0; } }
 }
}
/* Red identifies insufficient intake; amber stays with action and progress. */
.evidence-figure { color: var(--paper); }
.insufficient-count { color: #E99595; }

.sample-legend > span:first-child i { background: #E99595; border-color: #E99595; }
.hero-layout { grid-template-columns: 1.35fr 1fr; gap: 56px; }
.hero-copy .display { max-width: 14ch; font-size: clamp(3rem,5vw,4.3rem); line-height: 1.07; }
.hero-copy .lead { max-width: 43ch; color: var(--paper); }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 32px; }
.hero-actions .btn { margin-top: 0; }
.hero-secondary { font-size: 15px; color: var(--paper); text-decoration: none; border-bottom: 1px solid var(--muted-on-ink); padding-block: 10px; }
.hero-secondary span { margin-left: 12px; }
.hero-secondary:hover { color: var(--accent); border-color: var(--accent); }
.hero-product { padding: 16px 26px 0; }
.message-thread { width: min(100%,340px); }
.message-thread .phone { border-width: 6px; outline-color: var(--muted); box-shadow: 0 0 0 3px var(--raised),12px 25px 55px color-mix(in srgb,var(--ink) 75%,transparent),-8px -5px 35px color-mix(in srgb,var(--accent) 8%,transparent); }
.thread-result { width: 245px; position: absolute; right: -36px; bottom: 94px; margin: 0; padding: 16px 18px; background: linear-gradient(135deg,var(--raised),var(--surface)); border-color: var(--muted); font-size: 14px; line-height: 1.5; }
.message-thread figcaption { margin-top: 24px; }
@media (width < 1100px) {
 .hero-layout { gap: 32px; grid-template-columns: 1.15fr 1fr; }
 .hero-copy .display { font-size: clamp(2.7rem,5.4vw,3.7rem); }
 .hero-product { padding-inline: 14px; }
 .thread-result { position: relative; right: auto; bottom: auto; width: auto; margin: -8px -6px 0 20px; }
}
@media (width < 700px) {
 .hero-layout { grid-template-columns: 1fr; gap: 42px; }
 .hero-copy .display { font-size: clamp(2.8rem,9.5vw,3.7rem); max-width: 15ch; }
 .hero-actions { gap: 16px 24px; }
 .hero-product { padding: 8px 10px 0; }
 .thread-result { margin-left: 12px; margin-right: -4px; }
}
.hero .hero-secondary { color: var(--paper); }
.hero .hero-secondary:hover { color: var(--accent); }
@media (min-width: 1100px) { .thread-result { bottom: 78px; } }
/* Consolidated reading flow, with secondary detail available on demand. */
.hero-layout { align-items: start; }
.hero-copy { padding-top: 48px; }
.process-example { margin-bottom: 24px !important; }
.step-detail { margin-top: 14px; }
.step-detail summary { cursor: pointer; font-size: 14px; color: var(--muted); text-decoration: underline; text-underline-offset: 4px; }
.step-detail summary:hover { color: var(--ink); }
.step-detail p { margin-top: 14px; }
.step-time { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--border); }
.step-time > .num { font-size: 13px; }
.step-time p { margin-top: 8px; font-size: 14px; color: var(--ink); }
.evidence-grid > div { border: 0; border-top: 1px solid var(--border-on-ink); border-radius: 0; background: transparent; padding: 22px 0 0; }
.evidence-headline { background: transparent; border: 0; padding: 0; box-shadow: none; }
.evidence-layout { gap: 40px 64px; }
.rules-layout { align-items: start; }
.rules-layout .rule-list { grid-column: auto; display: block; }
.rule-list details { border: 0; border-bottom: 1px solid var(--border); border-radius: 0; padding: 0; background: transparent; }
.rule-list > .caption { margin-top: 24px; }
.file-preview { margin: 28px 0; }
.file-preview > div { padding: 14px 0; border-bottom: 1px solid var(--border); }
.file-preview dt { font-size: 14px; color: var(--muted); }
.file-preview dd { margin: 4px 0 0; font-size: 16px; }
.file-disclosure summary { display: flex; justify-content: space-between; gap: 12px; cursor: pointer; font-size: 14px; font-weight: 600; padding: 14px 0; list-style: none; }
.file-disclosure summary::-webkit-details-marker { display: none; }
.file-disclosure summary:hover { text-decoration: underline; text-underline-offset: 4px; }
.file-disclosure[open] summary span { transform: rotate(45deg); }
.inbox-status,.inbox-line,.inbox-time,.inbox-heading > p,.file-heading p { font-size: 14px; }
.inbox-row { grid-template-columns: auto 1fr; padding-block: 16px; }
.inbox-time { grid-column: 2; padding: 0; }
.intake-fields > div { font-size: 15px; }
@media (min-width: 1051px) { .rules-layout { grid-template-columns: 1fr 1.1fr; } }
@media (width < 1051px) { .hero-copy { padding-top: 24px; } }
@media (width < 700px) {
 .homepage .band { padding-block: 48px; }
 .homepage .hero { padding-top: 32px; }
 .hero-copy { padding-top: 0; }
 .hero-layout { gap: 32px; }
 .section-heading { margin-bottom: 28px; }
 .steps-grid { gap: 28px; }
 .step-scene { height: 135px; }
 .step-scene > :first-child { scale: .8; }
 .scene-notification { bottom: 12px; }
 .step-top { margin: 14px 0 8px; }
 .steps-grid h3 { font-size: 19px; }
 .step-time { margin-top: 14px; padding-top: 12px; }
 .process-example { margin-bottom: 18px !important; }
 .inbox-row { grid-template-columns: 1fr; gap: 4px; padding: 14px 10px; }
 .inbox-row .person-avatar { display: none; }
 .inbox-time { grid-column: 1; }
 .inbox-row strong { display: inline; }
 .inbox-line { display: inline; margin-left: 10px; }
 .inbox-status { margin-top: 5px; }
 .inbox-list { margin-top: 20px; }
 .monitor { padding: 0; border: 1px solid var(--border); background: var(--paper); box-shadow: 0 12px 28px color-mix(in srgb,var(--ink) 8%,transparent); }
 .computer-scene { padding: 0; }
 .rules-layout { gap: 24px; }
 .contact-layout { gap: 28px; }
 .hero-copy .lead { margin-top: 22px; }
}
/* Agency narrative: one enquiry, a clear service, a consultation to assess fit. */
.hero-context,.section-context { font-size: 14px; font-weight: 600; margin-bottom: 20px; }
.hero-context { color: var(--muted-on-ink); }
.hero-copy { padding-top: 20px; }
.hero-copy .lead { font-size: 19px; }
.enquiry-journey { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; list-style: none; padding: 0; margin: 32px 0 40px; }
.enquiry-journey li { border-top: 1px solid var(--muted); padding-top: 22px; position: relative; }
.enquiry-journey li::before { content: ''; position: absolute; left: 0; top: -5px; width: 9px; height: 9px; background: var(--ink); border-radius: 50%; }
.enquiry-journey .num { font-size: 13px; color: var(--muted); }
.enquiry-journey strong { display: block; margin-block: 10px 8px; font-size: 19px; }
.enquiry-journey p { font-size: 15px; color: var(--muted); }
.service-band { background: var(--paper); }
.service-band .section-heading h2 { max-width: 19ch; }
.service-band .section-heading .lead { font-size: 19px; }
.service-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 80px; align-items: center; }
.service-map { padding: 36px; border-radius: 24px; background: radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 15%,var(--sunk)),var(--sunk) 70%); text-align: center; }
.service-endpoint { padding: 18px 12px; background: var(--paper); border: 1px solid var(--border); border-radius: 10px; font-size: 15px; }
.service-connector { display: block; padding-block: 14px; color: var(--muted); font-size: 24px; }
.service-engine { padding: 28px 20px; border-radius: 16px; background: var(--ink); color: var(--paper); box-shadow: 0 15px 25px color-mix(in srgb,var(--ink) 15%,transparent); }
.engine-mark { display: grid; place-items: center; margin: 0 auto 12px; width: 44px; height: 44px; color: var(--accent); font-weight: 600; }
.service-engine strong { font-size: 24px; }
.service-engine p { font-size: 14px; color: var(--muted-on-ink); margin-top: 8px; }
.service-offer article { padding-block: 22px; border-bottom: 1px solid var(--border); }
.service-offer article:first-child { padding-top: 0; }
.service-offer h3 { font-size: 22px; }
.service-offer p { font-size: 16px; color: var(--muted); margin-top: 10px; }
.service-offer .bms-note { color: var(--ink); margin-top: 24px; }
.limits-band { background: var(--sunk); }
.safeguards-detail { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; margin-top: 64px; padding-top: 40px; border-top: 1px solid var(--border); }
.safeguards-detail h3 { max-width: 28ch; }
.safeguards-detail .lead { font-size: 16px; margin-top: 18px; color: var(--muted); }
.safeguards-detail .rule-list summary { font-size: 20px; padding-block: 18px; }
.consultation-steps { padding-left: 22px; margin: 28px 0 0; color: var(--muted); font-size: 16px; }
.consultation-steps li { padding-left: 6px; margin-top: 12px; }
.form-next { grid-column: 1 / -1; font-size: 14px; color: var(--muted); }
@media (width < 1050px) { .service-layout { gap: 36px; } .safeguards-detail { gap: 36px; } }
@media (width < 700px) {
 .hero-context { font-size: 13px; margin-bottom: 16px; }
 .hero-copy { padding-top: 0; }
 .hero-copy .lead { font-size: 18px; }
 .enquiry-journey { grid-template-columns: 1fr; gap: 0; margin-block: 26px 32px; }
 .enquiry-journey li { border-top: 0; border-left: 1px solid var(--muted); padding: 0 0 24px 22px; }
 .enquiry-journey li:last-child { padding-bottom: 0; }
 .enquiry-journey li::before { left: -5px; top: 6px; }
 .enquiry-journey strong { margin-block: 6px; }
 .service-layout,.safeguards-detail { grid-template-columns: 1fr; gap: 28px; }
 .service-map { padding: 24px; }
 .service-offer article { padding-block: 18px; }
 .safeguards-detail { margin-top: 40px; padding-top: 32px; }
 .contact-copy .lead { max-width: none; }
}
.engine-logo { width: var(--s-5); height: var(--s-5); }
/* One recognisable enquiry connects the prospect and broker views. */
.service-assurance { margin-top: 22px; font-size: 14px; color: var(--muted-on-ink); }
.hero-actions { margin-top: 18px; }
.journey-avatar { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 50%; background: var(--ink); color: var(--paper); font-size: 12px; font-weight: 600; }
.conversation-owner { display: flex; align-items: center; gap: 10px; margin-top: 14px; color: var(--ink); font-size: 13px; font-weight: 600; }
.conversation-owner .journey-avatar { width: 30px; height: 30px; font-size: 10px; }
.owner-detail { display: block; margin-top: 2px; color: var(--muted); font-size: 12px; font-weight: 400; }
.phone .thread-time { margin-top: 12px; }
.journey-identity { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 20px !important; }
.journey-identity strong { font-size: 16px; }
.journey-identity .owner-detail { font-size: 14px; }
.inbox-row.selected .person-avatar { background: var(--ink); color: var(--paper); }
.enquiry-journey { gap: 0; }
.enquiry-journey li { padding-right: 28px; }
.enquiry-journey li:last-child { padding-right: 0; }
.enquiry-journey li::before { background: var(--ink); box-shadow: 0 0 0 5px var(--sunk); }
.service-band .section-context { color: var(--muted); }
.limits-band { background: var(--paper); }
.limits-band .section-context { color: var(--muted); }
.safeguards-detail { padding-top: 32px; margin-top: 48px; }
.safeguards-detail .section-context { margin-bottom: 12px; font-size: 13px; }
.safeguards-detail .lead { font-size: 15px; }
.safeguards-detail h3 { font-size: 20px; }
@media (width < 700px) {
 .journey-identity { justify-content: start; }
 .enquiry-journey li { padding-right: 0; }
 .hero-actions { gap: 12px; }
 .hero-actions .btn { padding-inline: 20px; }
 .hero-actions .btn span { margin-left: 12px; }
 .service-assurance { margin-top: 18px; }
}
/* Wider desktop canvas with less oversized spacing; mobile remains unchanged. */
@media (min-width: 1051px) {
 .homepage .container { max-width: 1320px; }
 .homepage .band { padding-block: 72px; }
 .homepage .hero { padding-block: 44px 56px; }
 .homepage .site-header { padding-block: 22px; }
 .hero-layout { grid-template-columns: 1.3fr 1fr; gap: 48px; }
 .hero-copy { padding-top: 16px; }
 .hero-copy .display { font-size: clamp(3rem,4.5vw,4rem); }
 .hero-copy .lead { max-width: 46ch; }
 .hero-product { padding-top: 8px; }
 .service-layout,.contact-layout,.limits-layout,.rules-layout,.safeguards-detail { gap: 48px; }
 .evidence-layout { gap: 36px 48px; }
 .section-heading { gap: 40px; margin-bottom: 36px; }
 .enquiry-journey { margin-block: 24px 32px; }
 .safeguards-detail { margin-top: 36px; padding-top: 28px; }
 .contact-copy h2 { font-size: 3.25rem; }
}
/* Compact desktop proportions and motion that follows the enquiry. */
@media (min-width: 1051px) {
 .homepage .band { padding-block: 56px; }
 .homepage .hero { padding-block: 32px 40px; }
 .homepage .site-header { padding-block: 18px; }
 .homepage h2 { font-size: 38px; }
 .hero-copy .display { font-size: 54px; max-width: 15ch; }
 .hero-copy .lead { font-size: 18px; }
 .hero-copy { padding-top: 12px; }
 .hero-product { zoom: .87; }
 .hero-actions .btn { padding: 16px 22px; }
 .hero-context { margin-bottom: 14px; }
 .hero-copy .lead { margin-top: 22px; }
 .service-assurance { margin-top: 18px; }
 .section-heading { margin-bottom: 28px; }
 .section-heading .lead { font-size: 18px; }
 .enquiry-journey { margin-block: 20px 26px; }
 .enquiry-journey strong { font-size: 17px; }
 .enquiry-journey p { font-size: 14px; }
 .monitor { max-width: 1140px; margin-inline: auto; }
 .monitor-stand { height: 58px; }
 .monitor-base { width: 240px; }
 .service-map { padding: 28px; }
 .service-engine { padding-block: 22px; }
 .service-offer article { padding-block: 18px; }
 .service-offer h3 { font-size: 20px; }
 .handoff-demo { padding: 26px; }
 .contact-copy h2 { font-size: 44px; }
 .contact-band form { padding: 26px; gap: 16px; }
 .contact-band .field label { min-height: 32px; }
 .contact-band textarea { min-height: 120px; height: 140px; }
}
@media (prefers-reduced-motion: no-preference) {
 .enquiry-card,.service-engine,.inbox-row.selected,.broker-card { transition: transform 220ms ease,box-shadow 220ms ease; }
 @media (hover: hover) {
  .enquiry-card:hover { transform: translateY(-4px); }
  .service-engine:hover { transform: translateY(-3px); box-shadow: 0 20px 32px color-mix(in srgb,var(--ink) 18%,transparent); }
  .inbox-row.selected:hover { transform: translateX(3px); }
 }
 .hero-actions .btn span { transition: transform 180ms ease; }
 .hero-actions .btn:hover span { transform: translate(2px,-2px); }
 @supports (animation-timeline: view()) {

  .enquiry-journey li::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: var(--ink); transform-origin: left; animation: journey-line linear both; animation-timeline: view(); animation-range: entry 5% entry 95%; }
  @keyframes journey-line { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  .inbox-row { animation: inbox-settle linear both; animation-timeline: view(); animation-range: entry 0% entry 85%; }
  @keyframes inbox-settle { from { translate: 12px 0; } to { translate: 0 0; } }
  .service-connector { animation: route-progress linear both; animation-timeline: view(); animation-range: entry 0% entry 100%; }
  @keyframes route-progress { from { translate: 0 -8px; color: var(--muted); } to { translate: 0 0; color: var(--ink); } }
  .file-preview > div { animation: field-settle linear both; animation-timeline: view(); animation-range: entry 0% entry 90%; }
  @keyframes field-settle { from { translate: 0 10px; } to { translate: 0 0; } }
  @media (width < 700px) { .enquiry-journey li::after { width: 2px; height: 100%; transform-origin: top; } @keyframes journey-line { from { transform: scaleY(0); } to { transform: scaleY(1); } } }
 }
}

/* Service introduction and supporting detail refinement. */
.service-band .section-heading { display: block; }
.service-band .section-heading .lead { max-width: var(--w-prose); margin-top: var(--s-5); }
.safeguards-detail { grid-template-columns: minmax(0,1fr); gap: var(--s-6); }
.safeguards-detail > div:first-child { display: grid; grid-template-columns: 1fr 1.35fr; column-gap: var(--s-7); align-items: start; }
.safeguards-detail .section-context { grid-column: 1 / -1; }
.safeguards-detail h3 { font-size: var(--fs-h2); line-height: var(--lh-h2); max-width: 24ch; }
.safeguards-detail .lead { margin-top: 0; font-size: var(--fs-body); }
.safeguards-detail .rule-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--s-4); align-items: start; }
.safeguards-detail .rule-list details { border: 1px solid var(--border); border-radius: var(--radius-bubble); background: var(--paper); padding-inline: var(--s-5); }
.safeguards-detail .rule-list details:first-child { grid-column: 1 / -1; }
.safeguards-detail .rule-list details[open] { border-color: var(--muted); }
.safeguards-detail .rule-list summary { padding-block: var(--s-5); gap: var(--s-4); color: var(--ink); }
.safeguards-detail .rule-list summary:hover { text-decoration: underline; text-underline-offset: var(--s-1); }
.safeguards-detail .rule-list summary > span:last-child { display: grid; place-items: center; width: var(--s-6); height: var(--s-6); flex-shrink: 0; border-radius: 50%; background: var(--sunk); font-weight: 400; }
.safeguards-detail .rule-body { border-top: 1px solid var(--border); padding-block: var(--s-5); }
.safeguards-detail .rule-list details:first-child .rule-body { display: grid; grid-template-columns: 1fr 1.35fr; column-gap: var(--s-7); align-items: start; }
.safeguards-detail .rule-list details:first-child .rule-body > p { grid-column: 1; }
.safeguards-detail .rule-list details:first-child .rule-body > ul { grid-column: 2; grid-row: 1 / 3; margin-top: 0; }
.safeguards-detail .rule-body li:first-child { margin-top: 0; }
.safeguards-detail .rule-body li + li { margin-top: var(--s-4); }
.safeguards-detail .rule-list > .caption { grid-column: 1 / -1; margin-top: var(--s-2); max-width: var(--w-prose); }
@media (width < 900px) {
 .safeguards-detail > div:first-child,.safeguards-detail .rule-list details:first-child .rule-body { display: block; }
 .safeguards-detail .lead { margin-top: var(--s-4); }
 .safeguards-detail .rule-list details:first-child .rule-body > ul { margin-top: var(--s-5); }
}
@media (width < 700px) {
 .safeguards-detail .rule-list { grid-template-columns: minmax(0,1fr); }
 .safeguards-detail .rule-list details { padding-inline: var(--s-4); }
 .safeguards-detail .rule-list summary { padding-block: var(--s-4); }
 .service-band .section-heading .lead { margin-top: var(--s-4); }
}

/* Small layout and interaction refinements; content stays unchanged. */
.homepage h2,.safeguards-detail h3 { text-wrap: balance; }
.service-offer p,.limits-layout .lead,.safeguards-detail .lead { text-wrap: pretty; }
.file-disclosure summary,.consent-record summary { align-items: center; min-height: var(--s-7); }
.file-disclosure summary > span,.consent-record summary > span { display: grid; place-items: center; width: var(--s-6); height: var(--s-6); flex: none; border-radius: 50%; background: var(--sunk); color: var(--ink); font-weight: 400; }
.homepage summary:focus-visible { outline: 2px solid var(--ink); outline-offset: var(--s-1); border-radius: var(--s-1); }
.homepage .band--ink summary:focus-visible { outline-color: var(--accent); }
.homepage a:focus-visible { text-decoration: underline; text-underline-offset: var(--s-1); }
.safeguards-detail .rule-list details:first-child .rule-body { grid-template-rows: auto 1fr; }
@media (min-width: 1051px) {
 .inbox-row { grid-template-columns: auto minmax(0,1fr) auto; column-gap: var(--s-3); align-items: start; }
 .inbox-time { grid-column: 3; grid-row: 1; padding-top: 0; font-size: var(--fs-caption); }
 .inbox-row .inbox-line { margin-top: var(--s-1); }
 .file-preview { margin-block: var(--s-5); }
 .contact-band .field label { min-height: 0; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 .enquiry-card:hover { transform: none; }
}

/* Muted checkmarks preserve native list semantics in compliance panels. */
.safeguards-detail .rule-body li::marker { content: '\2713\2002'; color: var(--muted); }

/* Timeline clearance and complete footer identity. */
.desk-band .container > .enquiry-journey { margin-top: var(--s-6); }
.site-footer { border-top: 1px solid var(--border-on-ink); }
.site-footer .footer-layout { align-items: start; gap: var(--s-6); }
.site-footer .footer-layout > * { margin-top: 0; min-width: 0; }
.site-footer .wordmark { align-items: center; gap: var(--s-3); font-size: var(--fs-h2); }
.site-footer .operating-name { margin-top: var(--s-4); max-width: 36ch; font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--muted-on-ink); }
.site-footer .mailing-address { max-width: 38ch; color: var(--muted-on-ink); font-size: var(--fs-small); line-height: var(--lh-small); overflow-wrap: normal; }
.site-footer .footer-contact a { text-underline-offset: var(--s-1); }
.site-footer nav { flex-direction: column; gap: var(--s-3); }
@media (width < 700px) {
 .site-footer .footer-layout { gap: var(--s-5); }
 .site-footer nav { flex-direction: row; gap: var(--s-5); padding-top: var(--s-5); border-top: 1px solid var(--border-on-ink); }
}

/* Moon loop identity: small optical cut for marks at 32px and below. */
.site-header .wordmark,.site-footer .wordmark { align-items: baseline; gap: .36em; }
.wordmark .lockup-mark { height: .98em; width: auto; flex: none; transform: translateY(.14em); }
.wordmark .logo-dot { fill: currentColor; }
.band--ink .wordmark .logo-dot,.service-engine .logo-dot { fill: var(--accent); }
.service-engine .engine-mark { color: var(--paper); }
.service-engine .engine-logo { width: var(--s-5); height: var(--s-5); }