/* The public site shares the intake page's quiet, painted-paper identity. */
body.loomwell-site {
  --bg: #f2f0df;
  --paper: #f2f0df;
  --surface: #fffef7;
  --ink: #263b32;
  --paper-ink: #263b32;
  --muted: #536154;
  --paper-muted: #536154;
  --accent: #49634e;
  --line: #263b3226;
  --paper-line: #263b3226;
  --lw-serif: Georgia, 'Times New Roman', serif;
  --lw-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --lw-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  margin: 0;
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  color: #263b32;
  background: #f2f0df;
  font-family: var(--lw-serif);
  line-height: 1.7;
}
.loomwell-site::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#f4f2e68c, #f4f2e68c), url('/brand/intake-texture.jpg') center / cover no-repeat;
}
.loomwell-site *, .loomwell-site *::before, .loomwell-site *::after { box-sizing: border-box; }
.loomwell-site :is(h1, h2, h3) { font-family: var(--lw-serif); font-weight: 400; }
.loomwell-site h1 { color: #263b32; }
.loomwell-site :is(h1, h2) em { font-style: normal; color: #60745a; }
.loomwell-site :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid #49634e; outline-offset: 4px; }
.loomwell-site [hidden] { display: none !important; }
.loomwell-site .wrap, .loomwell-site .market-wrap { width: min(100% - 96px, 1040px); }
.loomwell-site .site-header { position: relative; background: transparent; color: #263b32; border-bottom: 0; }
.loomwell-site .header-inner { min-height: 92px; gap: 22px; }
.loomwell-site .brand { color: #263b32; font: 28px/1.2 var(--lw-serif); letter-spacing: -1.4px; gap: 9px; }
.loomwell-site .mark { width: 25px; height: 25px; background: #263b32; }
.loomwell-site .desktop-nav { gap: 22px; }
.loomwell-site .desktop-nav a { color: #455649; font: 12px/1.6 var(--lw-serif); }
.loomwell-site .desktop-nav a:hover, .loomwell-site .desktop-nav a[aria-current] { color: #263b32; text-decoration: underline; text-underline-offset: 5px; }
.loomwell-site .button, .loomwell-site button.primary {
  border-radius: 28px;
  min-height: 44px;
  padding: 11px 20px;
  gap: 18px;
  color: #faf8ed;
  background: #2b4135;
  border: 1px solid #2b4135;
  font: 13px/1.5 var(--lw-serif);
  box-shadow: none;
}
.loomwell-site .button:hover, .loomwell-site button.primary:hover { color: #fffef7; background: #3e5847; border-color: #3e5847; }
.loomwell-site .button.outline, .loomwell-site .button.secondary, .loomwell-site .prose-page .button:not(.primary) { background: #ffffffb8; color: #263b32; border-color: #263b3229; }
.loomwell-site .button.outline:hover, .loomwell-site .button.secondary:hover { background: #fffef7; border-color: #5c745b; }
.loomwell-site .header-cta { min-height: 36px; padding: 8px 15px; font-size: 11px; }
.loomwell-site .mobile-menu summary { border-color: #263b3229; border-radius: 24px; color: #263b32; font: 12px/1.5 var(--lw-serif); }
.loomwell-site .mobile-menu nav { background: #fffef5; color: #263b32; border: 1px solid #d4dac7; border-radius: 12px; box-shadow: 0 12px 32px #263b3214; }
.loomwell-site .mobile-menu nav a { color: #263b32; font-size: 14px; }
.loomwell-site .mobile-menu nav a:hover { background: #e9eedf; color: #263b32; }
.loomwell-site :is(.overline, .finance-eyebrow, .eyebrow, .calculator-eyebrow, .workspace-label) { color: #4e6451; font-family: var(--lw-mono); font-size: 10px; letter-spacing: 1px; }
.loomwell-site .finance-hero { display: flex; flex-direction: column; padding-block: 54px 57px; max-width: 820px; }
.loomwell-site .finance-hero>.finance-eyebrow { order: 0; }
.loomwell-site .finance-hero>h1 { order: 1; }
.loomwell-site .finance-hero>.finance-lead { order: 2; }
.loomwell-site .finance-hero>.finance-hero-actions { order: 3; }
.loomwell-site .finance-hero>.finance-stage { order: 4; margin-top: 14px; }
.loomwell-site .finance-hero>.finance-flow-strip { order: 5; }
.loomwell-site .finance-hero h1 { max-width: 780px; font-size: clamp(44px, 5.4vw, 68px); letter-spacing: -2.4px; line-height: 1.08; margin-bottom: 26px; }
.loomwell-site .finance-lead { max-width: 690px; font: 16px/1.85 var(--lw-serif); color: #4e6050; }
.loomwell-site .finance-hero-actions { margin-top: 26px; }
.loomwell-site .text-link { font-family: var(--lw-serif); }
.loomwell-site .finance-stage { max-width: 620px; color: #536154; font: 11px/1.8 var(--lw-serif); }
.loomwell-site .finance-flow-strip { margin-block: 30px 26px; border-color: #263b3221; background: #fffffb99; border-radius: 9px; }
.loomwell-site .finance-flow-strip li { padding: 19px 22px; }
.loomwell-site .finance-flow-strip li b { font-size: 20px; }
.loomwell-site .finance-flow-strip li+li { border-color: #263b3221; }
.loomwell-site .finance-flow-strip li+li::before { background: #f4f3e8; color: #6a7c61; }
.loomwell-site .finance-return { background: #e4ead7b3; border-color: #263b3221; padding-block: 10px; }
.loomwell-site .finance-return strong { font-size: 12px; font-weight: 400; }
.loomwell-site .finance-section { padding-block: 65px; }
.loomwell-site .finance-section h2 { font-size: clamp(32px, 3.4vw, 45px); letter-spacing: -1.3px; }
.loomwell-site .finance-section-heading { gap: 45px; margin-bottom: 31px; }
.loomwell-site .finance-section-heading>p { max-width: 330px; font: 14px/1.8 var(--lw-serif); }
.loomwell-site .company-value-grid { background: #fffffb9e; border-color: #263b3221; border-radius: 9px; }
.loomwell-site .company-value-grid article { padding: 27px; }
.loomwell-site .company-value-grid h3 { font-size: 27px; }
.loomwell-site .company-value-grid p { font: 13px/1.9 var(--lw-serif); }
.loomwell-site .company-value-grid article+article { border-color: #263b3221; }
.loomwell-site .finance-segment-directory { gap: 10px 14px; }
.loomwell-site .segment-disclosure { background: #fffffff0; border: 1px solid #ffffffa8; border-radius: 23px; }
.loomwell-site .segment-disclosure summary { min-height: 68px; padding: 13px 19px; border-radius: 23px; }
.loomwell-site .segment-disclosure summary:hover { background: #f8faef; border-radius: 23px; }
.loomwell-site .segment-disclosure[open] { border-color: #aab99e; }
.loomwell-site .segment-disclosure[open] summary { border-radius: 23px 23px 0 0; }
.loomwell-site :is(.segment-status, .demo-badge, .buyer-badge, .workflow-tag, .layer-label) { border-radius: 24px; letter-spacing: .6px; font: 9px/1.6 var(--lw-mono); }
.loomwell-site .segment-status { background: #f1f3e9; color: #4b614b; border-color: #d9e0d1; padding: 5px 9px; }
.loomwell-site .segment-status[data-status='interactive'] { background: #2b4135; color: #faf8ed; border-color: #2b4135; }
.loomwell-site .segment-disclosure .segment-status { background: #edf1e5; border-color: #e0e7d8; color: #4e6451; }
.loomwell-site :is(.finance-segment-card, .buyer-card, .buyer-preview-card, .sample-card) { background: #fffffff0; border-color: #ffffffb3; border-radius: 10px; box-shadow: 0 2px 12px #263b3203; }
.loomwell-site .finance-segment-card { padding: 25px; }
.loomwell-site .finance-segment-card h3 { font-size: 27px; }
.loomwell-site .sample-selectors a[aria-current='true'] { background: #2b4135; border-color: #2b4135; color: #fffef5; }
.loomwell-site .segment-trap { color: #455649; border-color: #263b3221; font: 13px/1.8 var(--lw-serif); }
.loomwell-site .segment-workflows { font-family: var(--lw-serif); }
.loomwell-site .earnings-calculator { background: #fffffff0; border-color: #ffffffb3; border-radius: 10px; }
.loomwell-site .earnings-controls { padding: 32px; }
.loomwell-site .earnings-result { background: #e7ecdb; color: #263b32; padding: 32px; }
.loomwell-site .earnings-share { color: #4e6050; border-color: #b8c6ac; }
.loomwell-site .earnings-share strong, .loomwell-site .earnings-total { color: #263b32; }
.loomwell-site :is(.earnings-result-label, .earnings-formula, .earnings-disclaimer, .earnings-assumptions, .calculator-privacy) { color: #4e6050; }
.loomwell-site .calculator-privacy { border-color: #b8c6ac; }
.loomwell-site .calculator-privacy span { color: #4e6050; }
.loomwell-site .earnings-input label { font: 11px/1.7 var(--lw-mono); letter-spacing: .5px; text-transform: uppercase; }
.loomwell-site .finance-truth, .loomwell-site .buyer-boundary { background: #fffffbb3; border-color: #263b3221; border-radius: 9px; }
.loomwell-site .finance-company-hero { max-width: 920px; padding-block: 62px 44px; }
.loomwell-site .finance-company-hero h1 { max-width: 790px; font-size: clamp(42px, 5vw, 63px); letter-spacing: -2px; }
.loomwell-site .buyer-lead { font: 18px/1.7 var(--lw-serif); color: #405544; }
.loomwell-site .buyer-hero-detail { font: 14px/1.9 var(--lw-serif); color: #536154; }
.loomwell-site .prose-page { max-width: 720px; padding-block: 56px 75px; }
.loomwell-site .prose-page h1 { font-size: clamp(36px, 4.5vw, 51px); letter-spacing: -1.7px; }
.loomwell-site .prose-page h2 { font-size: 28px; }
.loomwell-site .prose-page>p, .loomwell-site .prose-page li { font-family: var(--lw-serif); }
.loomwell-site .faq-group h2 { font: 10px/1.7 var(--lw-mono); letter-spacing: 1.2px; color: #4e6451; }
.loomwell-site .faq-jump-links { gap: 9px; }
.loomwell-site .faq-jump-links a { background: #fffffff0; border-color: #ffffffb3; border-radius: 24px; padding: 9px 16px; font: 11px/1.6 var(--lw-mono); }
.loomwell-site .faq-list details, .loomwell-site .finance-client-answers details { border-color: #263b3226; }
.loomwell-site .faq-next { background: #fffffbb3; border-color: #263b3221; border-radius: 9px; }
.loomwell-site .site-footer { background: transparent; color: #536154; border-top: 1px solid #263b321f; padding-block: 35px 18px; }
.loomwell-site .site-footer .brand { font-size: 26px; }
.loomwell-site .footer-top { padding-bottom: 24px; }
.loomwell-site .footer-top p, .loomwell-site .site-footer nav a { color: #536154; font: 12px/1.8 var(--lw-serif); }
.loomwell-site .footer-bottom { color: #536154; border-color: #263b321c; font: 10px/1.8 var(--lw-serif); }
.loomwell-site .site-footer a:hover { color: #263b32; }
.loomwell-site .demo-orientation { padding: 24px; grid-template-columns: minmax(0,.7fr) minmax(0,1.8fr); }
.loomwell-site :is(.demo-orientation, .demo-intro, .segment-hub-intro)>* { min-width: 0; }
.loomwell-site .segment-story-guide { padding: 23px; margin-bottom: 16px; }
/* Working demos retain their evidence-first layout on bright, quiet surfaces. */
.loomwell-site :is(.credit-demo, .finance-walkthrough, .recon, .sample-explorer) { font-family: var(--lw-sans); }
.loomwell-site :is(.demo-intro h1, .segment-hub h1, .finance-walkthrough h1) { font-size: clamp(37px, 4.4vw, 57px); letter-spacing: -1.8px; }
.loomwell-site :is(.document-card, .document-view, .memo-builder, .replay-trace, .replay-memo, .correction-card, .grading-card, .exercise-form, .exercise-context, .exercise-grade, .segment-brief, .walkthrough-panel, .demo-orientation, .deal-strip, .segment-story-guide, .segment-hub-start) { background: #fffffff0; border-color: #ffffffb3; border-radius: 9px; }
.loomwell-site :is(.demo-modes, .replay-chapters) { border-color: #263b3226; background: #fffffb9e; border-radius: 25px; padding: 4px; gap: 4px; }
.loomwell-site :is(.demo-modes, .replay-chapters) button { border-radius: 24px; border: 0; min-height: 44px; color: #4b614b; background: transparent; }
.loomwell-site :is(.demo-modes, .replay-chapters) button[aria-selected='true'] { background: #2b4135; color: #fffef5; }
.loomwell-site :is(.demo-modes, .replay-chapters) button[aria-selected='true'] small { color: #dfe6d4; }
.loomwell-site .document-select { border-radius: 10px; background: #ffffffdf; border-color: #ffffffb3; }
.loomwell-site .document-select[aria-pressed='true'] { background: #2b4135; color: #fffef5; border-color: #2b4135; }
.loomwell-site .data-room-nav { top: 24px; }
.loomwell-site :is(.recon-start, .recon-evidence, .recon-totals, .recon-next) { background: #fffffbd9; border-color: #263b3221; border-radius: 9px; }
.loomwell-site :is(.recon-badge, .recon button:not(.recon-row)) { border-radius: 24px; }
.loomwell-site .exercise-submit { border-radius: 26px; background: #2b4135; border-color: #2b4135; color: #fffef5; font: 13px/1.5 var(--lw-serif); min-height: 44px; }
.loomwell-site .copy-sample, .loomwell-site .replay-controls button { border-radius: 24px; }
.loomwell-site .exercise-choice { border-radius: 10px; background: #ffffffdf; }
.loomwell-site .exercise-choice:has(input:checked) { background: #e6ecdb; border-color: #8da27d; }
.loomwell-site input:not([type='checkbox'], [type='radio'], [type='range']), .loomwell-site textarea, .loomwell-site select { background: #fffffff2; color: #263b32; border: 1px solid #c3cdb9; border-radius: 6px; min-height: 40px; }
.loomwell-site input::placeholder, .loomwell-site textarea::placeholder { color: #687667; }
.loomwell-site :is(input[type='checkbox'], input[type='radio'], input[type='range']) { accent-color: #49634e; }
.loomwell-site code, .loomwell-site pre, .loomwell-site .document-tool { font-family: var(--lw-mono); }
.loomwell-site :is(.document-page, .replay-evidence, .exercise-evidence, .sample-json) { background: #fffef9; }
.loomwell-site .connection-status, .loomwell-site .loomwell-update { background: #e8eddd; color: #263b32; border-color: #bdc9b0; }
.loomwell-site .loomwell-update-tools { max-width: 1040px; }
.loomwell-site .loomwell-update-tools button { border-radius: 24px; font: 11px var(--lw-serif); background: #fffffbc4; color: #536154; }
/* Legacy developer tools share the palette without changing their navigation. */
.loomwell-site .nav-wrap { background: transparent; }
.loomwell-site .brand-mark { background: #263b32; color: #fffef5; border-color: #263b32; }
.loomwell-site .demo-banner { background: #fffffbb3; border-color: #c7d1bb; }
.loomwell-site .footer { border-color: #263b3226; background: transparent; }
.loomwell-site .skip { background: #263b32; color: #fffef5; }
.loomwell-site .guide-related a { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.loomwell-site .guide-grid h3 { overflow-wrap: anywhere; }
@media (min-width: 1151px) { .loomwell-site .desktop-nav { display: flex; } }
@media (max-width: 1150px) {
  .loomwell-site .desktop-nav { display: none; }
  .loomwell-site .mobile-menu { display: block; margin-left: auto; }
  .loomwell-site .header-inner { justify-content: flex-start; }
  .loomwell-site .header-cta { margin-left: auto; }
}
@media (max-width: 800px) {
  .loomwell-site .wrap, .loomwell-site .market-wrap { width: calc(100% - 48px); }
  .loomwell-site .finance-hero { padding-block: 42px; }
  .loomwell-site .finance-section { padding-block: 44px; }
  .loomwell-site .finance-section-heading { gap: 19px; }
  .loomwell-site .demo-orientation { grid-template-columns: 1fr; }
  .loomwell-site .finance-section-heading>p { max-width: 580px; }
  .loomwell-site .company-value-grid article { padding: 25px; }
  .loomwell-site .finance-company-hero { padding-block: 40px; }
  .loomwell-site .finance-flow-strip li { padding: 17px; }
  .loomwell-site .finance-flow-strip li b { font-size: 19px; }
}
@media (max-width: 540px) {
  .loomwell-site .wrap, .loomwell-site .market-wrap { width: calc(100% - 40px); }
  .loomwell-site .header-inner { min-height: 78px; gap: 12px; }
  .loomwell-site .brand { font-size: 26px; }
  .loomwell-site .header-cta { font-size: 10px; padding: 8px 12px; min-height: 36px; gap: 9px; }
  .loomwell-site .mobile-menu summary { padding-inline: 12px; min-height: 44px; }
  .loomwell-site .finance-hero { padding-top: 31px; padding-bottom: 35px; }
  .loomwell-site .finance-hero h1 { font-size: clamp(37px, 10.5vw, 49px); letter-spacing: -1.7px; }
  .loomwell-site .finance-lead { font-size: 14px; line-height: 1.85; }
  .loomwell-site .finance-flow-strip { margin-top: 25px; }
  .loomwell-site .finance-return { gap: 6px 12px; }
  .loomwell-site .finance-flow-strip li { padding: 16px; }
  .loomwell-site .finance-flow-strip li b { font-size: 19px; }
  .loomwell-site .finance-section h2 { font-size: 32px; }
  .loomwell-site .segment-disclosure summary { padding: 13px 15px; grid-template-columns: 18px minmax(0,1fr) auto 12px; gap: 8px; }
  .loomwell-site .segment-disclosure .segment-status { font-size: 8px; padding: 4px 6px; }
  .loomwell-site .company-value-grid h3 { font-size: 26px; }
  .loomwell-site .finance-company-hero h1 { font-size: 40px; letter-spacing: -1.5px; }
  .loomwell-site .finance-segment-card { padding: 22px; }
  .loomwell-site .earnings-controls, .loomwell-site .earnings-result { padding: 25px; }
  .loomwell-site .earnings-total { font-size: 46px; }
  .loomwell-site .prose-page { padding-block: 35px 50px; }
  .loomwell-site .prose-page h1 { font-size: 36px; }
  .loomwell-site :is(.demo-intro h1, .segment-hub h1, .finance-walkthrough h1) { font-size: 36px; }
  .loomwell-site :is(input:not([type='checkbox'], [type='radio'], [type='range']), select, textarea) { font-size: 16px; min-height: 44px; }
  .loomwell-site .site-footer { padding-top: 25px; }
  .loomwell-site .sample-selectors { grid-template-columns: 1fr; }
  .loomwell-site .sample-sidebar .sample-selectors a { padding: 14px 16px; }
}
@media (prefers-reduced-motion: reduce) { .loomwell-site * { scroll-behavior: auto; } }