@layer reset, base, components, responsive;
@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  body, h1, h2, h3, p, figure, dl, dd { margin: 0; }
  button, input { font: inherit; }
  button, a, input { -webkit-tap-highlight-color: transparent; }
  button { color: inherit; }
  a { color: inherit; text-decoration: none; }
  img, svg { display: block; max-width: 100%; }
  [hidden] { display: none !important; }
}
@layer base {
  :root { color-scheme: light; --paper: #faf9f6; --ink: #282824; --muted: #66665e; --line: #e2e0d8; --copper: #805e42; --green: #356647; --green-bg: #eaf1e9; --surface: #f1f0eb; --radius: 12px; }
  html { scroll-behavior: smooth; scroll-padding-top: 105px; }
  body { background: var(--paper); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
  ::selection { background: #e4d8c8; color: #282824; }
  :focus-visible { outline: 3px solid #89674a; outline-offset: 5px; border-radius: 3px; }
  button, summary { cursor: pointer; }
  h1, h2 { font-weight: 500; letter-spacing: -.055em; line-height: 1.08; text-wrap: balance; }
  h2 { font-size: clamp(2rem, 3.7vw, 3.4rem); }
  h3 { font-weight: 550; letter-spacing: -.025em; }
  .container { width: min(1184px, calc(100% - 96px)); margin-inline: auto; }
  .section-space { padding-block: 110px; }
  .eyebrow { font-size: 12px; font-weight: 550; letter-spacing: .075em; text-transform: uppercase; margin-bottom: 25px; }
  .section-description { font-size: 17px; line-height: 1.7; color: var(--muted); margin-top: 24px; max-width: 550px; }
  .skip-link { position: fixed; left: 20px; top: -90px; z-index: 100; background: var(--ink); color: white; padding: 12px 18px; }
  .skip-link:focus { top: 14px; }
}
@layer components {
  .header { position: sticky; top: 0; z-index: 20; background: rgb(250 249 246 / .98); border-bottom: 1px solid var(--line); }
  .nav { height: 80px; display: flex; align-items: center; gap: 44px; }
  .brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 650; font-size: 30px; letter-spacing: -.055em; line-height: 1; }
  .brand-period { margin-left: -8px; }
  .brand-mark { display: inline-flex; align-items: center; justify-content: center; width: 31px; height: 33px; background: var(--ink); color: var(--paper); border-radius: 8px; font-size: 31px; font-weight: 650; letter-spacing: -.05em; line-height: 1; padding-bottom: 3px; flex-shrink: 0; }
  .nav-links { display: flex; gap: 30px; margin-left: 28px; font-size: 14px; color: var(--muted); }
  .nav-links a, .login, .footer a, .text-link { transition: color 180ms ease; }
  .nav-links a:hover, .login:hover, .footer a:hover, .text-link:hover { color: var(--copper); }
  .nav-actions { margin-left: auto; display: flex; align-items: center; gap: 25px; }
  .login { font-size: 14px; }
  .login span { margin-left: 8px; }
  .button { display: inline-flex; justify-content: center; align-items: center; gap: 26px; min-height: 50px; padding: 13px 21px; border: 1px solid var(--ink); border-radius: 7px; background: var(--ink); color: var(--paper); font-weight: 500; font-size: 14px; transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease; }
  .button:hover { background: #41413a; transform: translateY(-2px); box-shadow: 0 5px 12px #28282416; }
  .button:active { transform: translateY(0); }
  .button span { font-size: 19px; line-height: 1; }
  .button-small { min-height: 40px; padding: 10px 16px; gap: 18px; font-size: 13px; }
  .menu-toggle { display: none; background: none; border: 0; width: 44px; height: 44px; padding: 12px; }
  .menu-toggle span { display: block; height: 1px; background: var(--ink); margin: 6px 0; transition: transform 160ms; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.5px) rotate(-45deg); }
  .mobile-menu { padding: 15px 24px 24px; border-top: 1px solid var(--line); }
  .mobile-menu a { display: block; padding: 12px 0; }
  .hero { padding-top: 68px; }
  .hero-copy { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: end; margin-bottom: 60px; }
  .hero .eyebrow { display: flex; align-items: center; gap: 9px; letter-spacing: .065em; }
  .small-symbol { color: var(--copper); font-size: 21px; line-height: 1; }
  h1 { font-size: clamp(3.6rem, 5.05vw, 4.65rem); }
  h1 > span { color: var(--copper); }
  .hero-intro { padding-bottom: 8px; max-width: 432px; }
  .hero-intro > p:first-child { font-size: 18px; color: var(--muted); line-height: 1.7; max-width: 430px; }
  .hero-buttons { display: flex; align-items: center; gap: 25px; margin: 28px 0 19px; }
  .text-link { font-size: 14px; display: inline-flex; gap: 14px; white-space: nowrap; }
  .hero-note { color: var(--muted); font-size: 12px; }
  .product-stage { position: relative; padding: 24px 24px 0; background: #eae7df; border: 1px solid #dfdcd3; border-radius: 15px; box-shadow: 0 25px 45px -35px #43392955; }
  .app-window { display: flex; border: 1px solid #d7d5cc; background: #fcfbf8; border-radius: 9px 9px 0 0; overflow: hidden; min-height: 425px; box-shadow: 0 0 0 5px #ffffff30, 0 12px 24px #322b1d08; }
  .app-sidebar { width: 184px; flex-shrink: 0; background: #efeee9; border-right: 1px solid var(--line); padding: 25px 14px 18px; display: flex; flex-direction: column; }
  .app-brand { font-size: 24px; padding-left: 9px; }
  .app-brand .brand-mark { height: 25px; width: 24px; font-size: 23px; border-radius: 6px; }
  .workspace-label { font-size: 11px; color: var(--muted); padding: 16px 7px 23px; display: flex; justify-content: space-between; }
  .side-items { display: grid; gap: 3px; font-size: 12px; color: #605f59; }
  .side-items > span { display: flex; gap: 11px; padding: 10px 11px; align-items: center; border-radius: 5px; }
  .side-items > span > span { font-size: 16px; width: 16px; text-align: center; }
  .side-items small { margin-left: auto; font-size: 10px; border: 1px solid #d5d2c8; padding: 0 5px; border-radius: 4px; }
  .side-items .side-active { background: #dddbd3; color: var(--ink); font-weight: 550; }
  .sidebar-bottom { display: flex; gap: 9px; align-items: center; margin-top: auto; font-size: 11px; padding: 18px 4px 0; }
  .sidebar-bottom small { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }
  .avatar { background: #e9e1d4; color: #765b42; height: 43px; width: 43px; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; border-radius: 50%; flex-shrink: 0; }
  .avatar-small { width: 29px; height: 29px; font-size: 10px; }
  .app-main { flex: 1; min-width: 0; }
  .app-breadcrumb { display: flex; align-items: center; gap: 13px; padding: 14px 27px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 11px; }
  .app-breadcrumb > span:nth-child(2) { color: var(--ink); }
  .demo-label { margin-left: auto; font-size: 10px; color: var(--muted); }
  .client-heading { display: flex; justify-content: space-between; align-items: center; padding: 24px 27px 20px; gap: 15px; }
  .client-name { display: flex; align-items: center; gap: 13px; }
  .client-name h2 { font-size: 21px; font-weight: 550; letter-spacing: -.025em; }
  .client-name p { font-size: 11px; color: var(--muted); margin-top: 5px; }
  .pill { display: inline-flex; padding: 4px 8px; border-radius: 4px; font-size: 10px; font-weight: 500; line-height: 1.5; white-space: nowrap; }
  .success { color: var(--green); background: var(--green-bg); }
  .neutral { color: #626259; background: #eeede7; }
  .warning { color: #885d2a; background: #f4eada; }
  .app-tabs { display: flex; gap: 25px; padding: 0 27px; border-bottom: 1px solid var(--line); }
  .app-tabs button { padding: 0 0 12px; font-size: 12px; border: 0; background: transparent; border-bottom: 2px solid transparent; color: var(--muted); white-space: nowrap; transition: color 180ms, border-color 180ms; }
  .app-tabs button:first-child, .app-tabs button[aria-selected="true"] { color: var(--ink); border-color: var(--copper); }
  .app-tabs button[aria-selected="false"] { color: var(--muted); border-color: transparent; }
  .app-tabs button:hover { color: var(--copper); }
  .app-tabs button span { font-size: 10px; margin-left: 4px; padding: 1px 5px; border-radius: 4px; background: #ebe9e2; }
  .mock-panel { padding: 21px 27px 19px; min-height: 270px; }
  .dossier-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px; }
  .detail-card { padding: 15px 17px; border: 1px solid var(--line); border-radius: 6px; }
  .mini-title { display: flex; justify-content: space-between; font-size: 12px; font-weight: 550; margin-bottom: 13px; }
  .check { color: var(--green); }
  .detail-card dl { display: grid; gap: 9px; }
  .detail-card dl > div { display: flex; gap: 10px; justify-content: space-between; font-size: 10px; }
  .detail-card dt { color: var(--muted); flex-shrink: 0; }
  .source-label { font-size: 9px; padding-left: 6px; color: var(--green); }
  .car-name { font-size: 17px; font-weight: 550; }
  .car-name span { color: var(--muted); font-size: 12px; font-weight: 400; margin-left: 6px; }
  .plate { display: inline-flex; gap: 10px; margin-top: 8px; border: 1px solid #d1cfc4; border-radius: 4px; font-size: 11px; padding: 2px 7px; letter-spacing: .04em; }
  .plate span { border-left: 1px solid #d1cfc4; padding-left: 6px; }
  .car-meta { font-size: 10px; color: var(--muted); margin-top: 9px; }
  .car-meta span { padding-inline: 5px; }
  .dossier-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 17px; }
  .dossier-bottom > div { display: flex; gap: 10px; align-items: center; }
  .document-icon { font-size: 22px; color: var(--copper); }
  .dossier-bottom strong { display: block; font-size: 11px; font-weight: 500; }
  .dossier-bottom p { color: var(--muted); font-size: 10px; margin-top: 2px; }
  .app-status { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 27px; background: #f6f5f0; border-top: 1px solid var(--line); font-size: 10px; color: var(--muted); }
  .app-status > span:first-child { display: flex; align-items: center; gap: 6px; }
  .status-dot { width: 5px; height: 5px; border-radius: 50%; background: #5d8262; }
  .floating-note { position: absolute; right: -15px; bottom: -17px; background: #fffffd; padding: 15px 23px 15px 16px; border: 1px solid #dddbd3; border-radius: 9px; display: flex; align-items: center; gap: 11px; box-shadow: 0 10px 30px #312d2210; }
  .note-check { border-radius: 50%; width: 30px; height: 30px; background: var(--green-bg); color: var(--green); display: grid; place-items: center; }
  .floating-note strong { display: block; font-size: 12px; font-weight: 550; }
  .floating-note div > span { display: block; font-size: 10px; color: var(--muted); margin-top: 3px; }
  .hero-caption { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); padding-top: 29px; }
  .hero-caption > span:last-child { font-size: 10px; letter-spacing: .03em; padding-right: 10px; }
  .panel-title { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; margin-bottom: 8px; }
  .panel-caption { font-size: 10px; color: var(--muted); margin-bottom: 11px; }
  .document-row { display: flex; align-items: center; gap: 13px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
  .document-row .pill { margin-left: auto; }
  .document-row p { font-size: 10px; color: var(--muted); }
  .file-mark { color: var(--copper); border: 1px solid var(--line); padding: 7px; border-radius: 4px; font-size: 10px; }
  .quote-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; font-size: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
  .quote-row > :not(:first-child) { text-align: right; }
  .quote-labels { color: var(--muted); font-size: 10px; }
  .history-list { list-style: none; padding: 0; margin: 12px 0 0; }
  .history-list li { display: flex; gap: 20px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
  .history-list li > span, .history-list p { color: var(--muted); font-size: 10px; }
  .comparison { display: grid; grid-template-columns: 1fr 1fr; margin-top: 44px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
  .comparison > div { padding: 29px 34px; }
  .before { background: #f3f2ee; }
  .after { background: #f9f8f4; border-left: 1px solid var(--line); }
  .comparison-label { font-size: 10px; letter-spacing: .09em; color: var(--muted); }
  .comparison > div > p:last-child { font-size: 13px; color: var(--muted); margin-top: 23px; }
  .scattered { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 29px; min-height: 42px; align-items: center; }
  .scattered span { border: 1px solid #dddad1; padding: 7px 10px; border-radius: 4px; background: #faf9f6; font-size: 11px; color: #6e6c62; }
  .scattered span:nth-child(2) { transform: rotate(-4deg) translateY(-5px); }
  .scattered span:nth-child(3) { transform: rotate(3deg) translateY(4px); }
  .connected { display: flex; align-items: center; gap: 12px; font-size: 16px; margin-top: 29px; min-height: 42px; }
  .connected-line { height: 1px; background: #bfb6a7; flex: 1; margin: 0 5px; position: relative; }
  .connected-line::after { content: ''; width: 5px; height: 5px; border-right: 1px solid #bfb6a7; border-top: 1px solid #bfb6a7; transform: rotate(45deg); position: absolute; right: 0; top: -2px; }
  .workflow-section { background: #eeede7; border-block: 1px solid var(--line); }
  .workflow-grid { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; margin: 54px 0 0; gap: 38px; }
  .workflow-grid li { min-width: 0; position: relative; padding-top: 26px; border-top: 1px solid #c7c4b9; }
  .step-number { font-size: 12px; color: var(--copper); font-variant-numeric: tabular-nums; }
  .workflow-grid h3 { font-size: 23px; margin: 23px 0 13px; }
  .workflow-grid p { font-size: 15px; line-height: 1.7; color: var(--muted); min-height: 104px; }
  .step-visual { display: flex; justify-content: space-between; align-items: center; gap: 9px; margin-top: 24px; padding: 17px 14px; background: #faf9f5; border: 1px solid #dedbd1; border-radius: 7px; min-height: 75px; }
  .tiny-file { display: flex; align-items: center; gap: 8px; font-size: 17px; color: var(--copper); }
  .tiny-file > span { font-size: 11px; color: var(--ink); }
  .price-visual > span { font-size: 10px; color: var(--muted); }
  .price-visual strong { display: block; font-size: 17px; color: var(--ink); font-weight: 500; margin-top: 4px; }
  .price-visual > span:last-child { text-align: right; }
  .workflow-footnote { color: var(--muted); font-size: 12px; line-height: 1.7; max-width: 760px; margin-top: 31px; }
  .reliability { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
  .reliability h2 { font-size: clamp(2rem, 3.15vw, 2.85rem); }
  .reliability h2 span { color: var(--copper); }
  .value-list { list-style: none; padding: 0; margin: 30px 0 0; display: grid; gap: 14px; font-size: 14px; }
  .value-list span { color: var(--copper); margin-right: 11px; }
  .readiness-visual { background: #f0efe9; border: 1px solid var(--line); border-radius: var(--radius); padding: 25px; }
  .visual-top { display: flex; align-items: center; gap: 10px; font-size: 14px; padding-bottom: 22px; }
  .visual-top > .pill { margin-left: auto; background: #e3e0d6; }
  .visual-top > .pill.warning { color: #714512; }
  .visual-top strong { font-weight: 550; }
  .readiness-row { padding: 18px; display: flex; gap: 13px; border: 1px solid var(--line); background: #fcfbf8; border-radius: 7px; margin-bottom: 9px; }
  .status-check, .status-warning { display: grid; place-items: center; height: 22px; width: 22px; border: 1px solid #c2d2bf; color: var(--green); border-radius: 50%; font-size: 12px; flex-shrink: 0; }
  .readiness-row strong { font-size: 13px; font-weight: 550; }
  .readiness-row p { font-size: 11px; color: var(--muted); margin-top: 5px; }
  .warning-row { background: #fbf7ef; border-color: #d9cbb3; }
  .status-warning { color: #8a6330; border-color: #d9c39e; }
  .field-example { display: flex; align-items: center; gap: 20px; font-size: 10px; margin-top: 16px; }
  .field-example > span { border: 1px solid #d9cbb3; padding: 6px 15px; background: #fffdfa; color: #7a7161; border-radius: 4px; }
  .readiness-footer { font-size: 11px; color: var(--muted); padding: 9px 8px; }
  .readiness-footer span { margin-right: 9px; color: var(--copper); }
  .visual-caption { font-size: 10px; color: var(--muted); text-align: center; margin-top: 10px; }
  .renewal-section { border-block: 1px solid var(--line); }
  .renewal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }
  .renewal-visual { position: relative; min-height: 345px; background: #eae7df; border: 1px solid #dfdbd0; border-radius: var(--radius); padding: 30px; }
  .renewal-calendar { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
  .renewal-calendar > span { font-size: 10px; color: var(--muted); letter-spacing: .045em; }
  .renewal-calendar > strong { display: flex; align-items: baseline; gap: 12px; font-size: 79px; font-weight: 400; letter-spacing: -.07em; line-height: 1; }
  .renewal-calendar > strong > span { font-size: 16px; letter-spacing: 0; color: var(--muted); }
  .calendar-line { width: 100%; height: 1px; background: #d5cfc0; margin-top: 5px; }
  .renewal-card { position: relative; width: 88%; margin: 23px -46px -53px auto; background: #fdfcf9; border: 1px solid #dcd7cd; border-radius: 9px; padding: 23px; box-shadow: 0 14px 30px #4136260c; }
  .renewal-card-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
  .renewal-card h3 { font-size: 18px; }
  .renewal-card > p { color: var(--muted); font-size: 11px; margin-top: 6px; }
  .renewal-card-divider { height: 1px; background: var(--line); margin: 20px 0 14px; }
  .renewal-detail { display: flex; justify-content: space-between; gap: 10px; font-size: 11px; margin-top: 9px; }
  .renewal-detail > span:first-child { color: var(--muted); }
  .renewal-action { font-size: 11px; text-align: center; margin-top: 19px; padding: 11px; border-radius: 5px; background: #f0eee7; }
  .feature-note { font-size: 15px; line-height: 1.7; padding-left: 19px; margin-top: 27px; border-left: 2px solid #c7b79e; }
  .agent-section { text-align: center; padding-bottom: 90px; }
  .agent-section h2 { font-size: clamp(2rem, 3.5vw, 3.1rem); }
  .agent-section h2 span { color: var(--copper); }
  .agent-section .section-description { max-width: 740px; margin-inline: auto; }
  .agent-outcomes { display: flex; justify-content: center; gap: 25px; margin-top: 34px; font-size: 12px; color: var(--muted); }
  .agent-outcomes span + span { border-left: 1px solid var(--line); padding-left: 25px; }
  .faq-section { border-top: 1px solid var(--line); padding-block: 64px 100px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; }
  .faq-section h2 { font-size: 33px; }
  .faq-items details { border-bottom: 1px solid var(--line); }
  .faq-items summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 20px 0; font-size: 15px; }
  .faq-items summary::-webkit-details-marker { display: none; }
  .faq-items summary > span { font-size: 23px; font-weight: 300; color: var(--copper); transition: transform 180ms ease; }
  .faq-items details[open] summary > span { transform: rotate(45deg); }
  .faq-items p { font-size: 14px; line-height: 1.8; color: var(--muted); padding: 0 25px 23px 0; }
  .final-cta { background: #292a25; color: #f7f5ed; padding: 73px 0 67px; text-align: center; position: relative; }
  .large-mark { width: 45px; height: 47px; font-size: 44px; margin-bottom: 27px; border: 1px solid #696a5d; color: #d7c5a8; background: #35362f; border-radius: 11px; }
  .final-cta .eyebrow { color: #c0bfb3; margin-bottom: 18px; font-size: 10px; }
  .final-cta h2 { font-size: clamp(2.25rem, 3.8vw, 3.5rem); }
  .button-light { margin-top: 31px; background: #e9e0d0; color: #282824; border-color: #e9e0d0; }
  .button-light:hover { background: #fff5e4; }
  .final-cta .container > p:last-child { color: #b2b3a7; font-size: 11px; margin-top: 19px; }
  .footer { padding-top: 42px; }
  .footer-top { display: flex; align-items: flex-start; gap: 33px; padding-bottom: 35px; }
  .footer-top > p { font-size: 12px; line-height: 1.6; color: var(--muted); }
  .footer-top > div { margin-left: auto; display: flex; align-items: center; gap: 30px; font-size: 12px; }
  .footer-bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--line); padding: 21px 0 26px; color: var(--muted); font-size: 10px; }
  .reveal-pending { opacity: 0; transform: translateY(14px); }
  [data-reveal] { transition: opacity 550ms ease, transform 550ms cubic-bezier(.2,.7,.3,1); }
  .request-main { min-height: calc(100svh - 81px); padding-block: 80px; }
  .request-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start; }
  .back-link { display: inline-flex; gap: 10px; font-size: 13px; color: var(--muted); margin-bottom: 60px; }
  .request-copy h1 { font-size: clamp(2.5rem, 4.1vw, 3.8rem); }
  .request-copy .section-description { max-width: 410px; }
  .request-note { margin-top: 45px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); line-height: 1.8; }
  .access-form { padding: 32px; border: 1px solid var(--line); background: #fdfcf9; border-radius: var(--radius); box-shadow: 0 10px 35px #28282405; }
  .form-header { padding-bottom: 24px; border-bottom: 1px solid var(--line); margin-bottom: 25px; }
  .form-header h2 { font-size: 24px; }
  .form-header > p { margin-top: 10px; font-size: 13px; color: var(--muted); }
  .form-field { display: block; margin-bottom: 20px; font-size: 13px; font-weight: 500; }
  .form-field > span { color: var(--muted); font-size: 11px; font-weight: 400; }
  .form-field input { display: block; width: 100%; min-height: 47px; border-radius: 5px; border: 1px solid #d8d5ca; background: #fffefb; padding: 11px 13px; font-size: 16px; color: var(--ink); margin-top: 8px; transition: border-color 150ms; }
  .form-field input:hover { border-color: #aaa18d; }
  .form-field input::placeholder { color: #827f72; }
  .form-field input[aria-invalid="true"] { border-color: #a74230; }
  .access-form > .button { width: 100%; margin-top: 5px; }
  .button:disabled { cursor: wait; opacity: .65; transform: none; }
  .form-disclosure { color: var(--muted); font-size: 12px; line-height: 1.7; margin-top: 18px; }
  .form-disclosure a { text-decoration: underline; text-underline-offset: 3px; }
  .form-message { margin-top: 18px; padding: 14px; background: #edece5; color: var(--ink); font-size: 13px; border-radius: 6px; line-height: 1.7; }
  .form-message[data-kind="error"] { background: #f8ede8; color: #8a3928; }
  .form-message[data-kind="success"] { background: var(--green-bg); color: var(--green); }
  .honeypot { display: none; }
  .car-owner { margin-top: 11px; padding-top: 9px; border-top: 1px solid var(--line); font-size: 10px; color: var(--muted); display: flex; justify-content: space-between; gap: 8px; }
  .car-owner strong { color: var(--ink); font-weight: 500; }
  .quote-state { justify-self: end; font-size: 10px; }
  .quote-state.ready { color: var(--green); }
  .quote-state.action { color: #885d2a; }
  .journey-comparison { display: grid; grid-template-columns: 1fr 1fr; margin-top: 48px; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
  .journey { padding: 30px 36px 26px; }
  .journey-before { background: #f1f0eb; }
  .journey-after { background: #fbfaf7; border-left: 1px solid var(--line); }
  .journey header { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
  .journey header strong { font-size: 16px; font-weight: 550; }
  .journey ol { list-style: none; padding: 12px 0 0; margin: 0; }
  .journey li { display: grid; grid-template-columns: 29px 1fr; align-items: start; gap: 13px; padding: 10px 0; }
  .journey li > span { color: var(--copper); font-size: 10px; font-variant-numeric: tabular-nums; padding-top: 3px; }
  .journey li > p { font-size: 13px; line-height: 1.55; }
  .journey-before li > p { color: var(--muted); }
  .journey-after li > span { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--green-bg); color: var(--green); padding: 0; font-size: 9px; }
  .process-line { list-style: none; padding: 0; margin: 54px 0 0; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #d6d3c9; border-radius: var(--radius); overflow: hidden; background: #f8f7f3; }
  .process-line li { min-width: 0; padding: 23px 20px; position: relative; border-right: 1px solid #d6d3c9; border-bottom: 1px solid #d6d3c9; }
  .process-line li:nth-child(4n) { border-right: 0; }
  .process-line li:nth-child(n+5) { border-bottom: 0; }
  .process-line li::after { content: '→'; position: absolute; right: -8px; top: 25px; z-index: 1; width: 16px; text-align: center; color: var(--copper); background: #f8f7f3; font-size: 13px; }
  .process-line li:nth-child(4n)::after, .process-line li:last-child::after { display: none; }
  .process-line li > span { display: block; font-size: 10px; color: var(--copper); font-variant-numeric: tabular-nums; margin-bottom: 23px; }
  .process-line strong { display: block; font-size: 16px; font-weight: 550; }
  .process-line small { display: block; min-height: 36px; color: var(--muted); font-size: 11px; line-height: 1.55; margin-top: 7px; }
  .dossier-section { display: grid; grid-template-columns: .83fr 1.17fr; align-items: center; gap: 80px; }
  .dossier-section h2 span, .renewal-section h2 span { color: var(--copper); }
  .dossier-ledger { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: #fdfcf9; box-shadow: 0 18px 40px #4136260a; }
  .ledger-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px; border-bottom: 1px solid var(--line); background: #f2f0ea; }
  .ledger-head > div { display: flex; gap: 12px; align-items: center; }
  .ledger-head p > strong, .ledger-head p > small { display: block; }
  .ledger-head p > strong { font-size: 14px; font-weight: 550; }
  .ledger-head p > small { color: var(--muted); font-size: 10px; margin-top: 3px; }
  .ledger-grid { display: grid; grid-template-columns: 1fr 1fr; }
  .ledger-grid article { padding: 23px; min-width: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .ledger-grid article:nth-child(2n) { border-right: 0; }
  .ledger-grid article:nth-child(n+3) { border-bottom: 0; }
  .ledger-grid article > span { display: block; font-size: 9px; letter-spacing: .07em; color: var(--copper); margin-bottom: 13px; }
  .ledger-grid article > strong { display: block; font-size: 13px; font-weight: 550; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .ledger-grid article > p { color: var(--muted); font-size: 11px; margin-top: 6px; }
  .ledger-grid article > small { display: block; color: var(--green); font-size: 10px; margin-top: 15px; }
  .documents-section, .quotes-section { border-block: 1px solid var(--line); background: #f2f1ec; }
  .documents-grid, .quotes-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 90px; }
  .document-review, .quote-board { padding: 25px; background: #fbfaf7; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 18px 45px #4136260a; }
  .field-row { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 14px; min-height: 49px; padding: 10px 13px; border: 1px solid var(--line); border-bottom: 0; font-size: 11px; }
  .field-row:nth-child(2) { border-radius: 6px 6px 0 0; }
  .field-row:nth-child(5) { border-bottom: 1px solid var(--line); border-radius: 0 0 6px 6px; }
  .field-row > span:first-child { color: var(--muted); }
  .field-row > strong { font-weight: 550; }
  .field-conflict { background: #fbf6ed; border-color: #d8c6a8; }
  .review-action { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 17px; }
  .review-action > span { color: var(--muted); font-size: 10px; max-width: 180px; }
  .review-action > .review-button { border-radius: 5px; background: var(--ink); color: var(--paper); padding: 9px 13px; font-size: 10px; white-space: nowrap; }
  .row-state { margin-left: auto; color: var(--green); font-size: 10px; }
  .quote-board-head { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
  .quote-board-head strong, .quote-board-head span { display: block; }
  .quote-board-head strong { font-size: 15px; }
  .quote-board-head div > span { color: var(--muted); font-size: 10px; margin-top: 4px; }
  .insurer-attempt { display: grid; grid-template-columns: 32px 1fr 80px 105px; align-items: center; gap: 13px; padding: 14px 0; border-bottom: 1px solid var(--line); }
  .insurer-code { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 6px; color: var(--copper); font-size: 9px; }
  .insurer-attempt strong, .insurer-attempt small { display: block; }
  .insurer-attempt strong { font-size: 12px; font-weight: 550; }
  .insurer-attempt small { color: var(--muted); font-size: 9px; margin-top: 3px; }
  .insurer-attempt b { text-align: right; font-size: 12px; font-weight: 550; }
  .insurer-attempt > .pill { justify-self: end; }
  .quote-board-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 17px; font-size: 10px; color: var(--muted); }
  .quote-board-footer strong { color: var(--ink); font-weight: 550; }
  .quote-board > .visual-caption { margin-top: 18px; }
  .quote-fields { margin-top: 12px; font-size: 14px; }
  .agents-section { background: #292a25; color: #f5f3eb; }
  .agents-heading { display: grid; grid-template-columns: 1.1fr .9fr; align-items: end; gap: 80px; }
  .agents-heading .eyebrow { color: #c4b59c; }
  .agents-heading > div:last-child > p { color: #b8b8ae; font-size: 15px; line-height: 1.75; margin-top: 17px; }
  .roadmap-badge { display: inline-flex; border: 1px solid #706957; color: #ead8ba; padding: 7px 10px; border-radius: 5px; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
  .agent-process { margin: 53px 0 34px; padding: 34px; border: 1px solid #47483f; border-radius: var(--radius); display: flex; align-items: center; justify-content: space-between; gap: 34px; background: #30312b; }
  .agent-core { display: grid; grid-template-columns: auto 1fr; column-gap: 13px; align-items: center; }
  .agent-core .brand-mark { grid-row: 1 / 3; background: #e8decf; color: #2d2e29; }
  .agent-core strong { font-size: 15px; font-weight: 550; }
  .agent-core small { font-size: 10px; color: #aaa99f; margin-top: 2px; }
  .agent-orbit { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
  .agent-orbit span { padding: 8px 11px; border: 1px solid #57584f; border-radius: 999px; color: #cfcec4; font-size: 10px; }
  .agents-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #47483f; border-radius: var(--radius); overflow: hidden; }
  .agents-grid article { padding: 30px; border-right: 1px solid #47483f; border-bottom: 1px solid #47483f; }
  .agents-grid article:nth-child(2n) { border-right: 0; }
  .agents-grid article:nth-child(n+3) { border-bottom: 0; }
  .agent-number { color: #c4a57b; font-size: 10px; }
  .agents-grid h3 { margin-top: 23px; font-size: 21px; }
  .agents-grid p { color: #b8b8ae; font-size: 14px; line-height: 1.75; margin-top: 13px; min-height: 73px; }
  .agents-grid small { display: block; color: #d7c7ad; font-size: 10px; margin-top: 20px; }
  .agent-principle { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; margin-top: 34px; padding: 27px 30px; border-left: 2px solid #af926b; background: #30312b; }
  .agent-principle strong { font-size: 17px; font-weight: 550; }
  .agent-principle p { color: #b8b8ae; font-size: 13px; line-height: 1.75; }
  .cta-actions { display: flex; align-items: center; justify-content: center; gap: 25px; margin-top: 31px; }
  .final-cta .cta-actions .button { margin-top: 0; }
  .final-cta .cta-actions .text-link { color: #d2d1c7; }
}
@layer responsive {
  @media (min-width: 1450px) { .hero { padding-top: 80px; } }
  @media (max-width: 1100px) {
    .container { width: calc(100% - 64px); }
    .nav { gap: 25px; }.nav-links { margin-left: 0; gap: 20px; }
    .hero-copy { gap: 35px; }.hero-buttons { gap: 18px; flex-wrap: wrap; }
    .hero .eyebrow { font-size: 10px; }.hero-intro > p:first-child { font-size: 17px; }
    .app-sidebar { width: 160px; }.source-label { display: block; padding: 0; }
    .app-breadcrumb, .client-heading, .mock-panel, .app-status { padding-inline: 20px; }.app-tabs { padding-inline: 20px; }
    .workflow-grid { gap: 22px; }.workflow-grid p { min-height: 130px; }.step-visual { flex-wrap: wrap; min-height: 94px; }
    .reliability, .renewal-grid { gap: 50px; }.section-space { padding-block: 85px; }
    .scattered { min-height: 77px; }.connected { min-height: 77px; }
    .renewal-card { margin-right: -35px; width: 100%; }
    .dossier-section, .documents-grid, .quotes-grid { gap: 50px; }
    .agents-heading { gap: 50px; }
  }
  @media (max-width: 800px) {
    .nav-links { display: none; }.nav { height: 70px; gap: 15px; }.nav-actions { gap: 20px; }.menu-toggle { display: block; }
    .hero-copy { grid-template-columns: 1fr; gap: 26px; margin-bottom: 36px; }.hero { padding-top: 42px; }
    h1 { font-size: 64px; }.hero-intro { max-width: 540px; }.hero-intro > p:first-child { max-width: none; }
    .hero-buttons { margin: 22px 0 15px; }.hero .eyebrow { font-size: 11px; }
    .app-sidebar { display: none; }.app-window { min-height: auto; }.mock-panel { min-height: 270px; }
    .floating-note { right: -7px; }.hero-caption > span:last-child { display: none; }
    .hero-caption { padding-top: 33px; font-size: 10px; }.product-stage { padding: 16px 16px 0; }
    .comparison > div { padding: 24px; }.connected { gap: 8px; font-size: 14px; }
    .workflow-grid { grid-template-columns: 1fr; margin-top: 35px; gap: 34px; }.workflow-grid li { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; padding-top: 18px; }.step-number { grid-column: 1 / -1; }.workflow-grid h3 { margin: 13px 0 12px; }.workflow-grid p { min-height: 0; grid-column: 1; }.step-visual { grid-column: 2; grid-row: 2 / 4; align-self: center; min-height: 82px; margin: 0; }
    .reliability, .renewal-grid { grid-template-columns: 1fr; gap: 40px; }.readiness-visual { max-width: 540px; width: 100%; }.reliability h2 { font-size: 40px; }
    .renewal-grid > .feature-copy { grid-row: 1; }.renewal-visual { max-width: 480px; margin-bottom: 25px; }.renewal-card { width: 80%; }.renewal-section .section-description { max-width: 570px; }
    .faq-section { grid-template-columns: 1fr; gap: 20px; padding-block: 55px 70px; }.footer-top { flex-wrap: wrap; }.footer-top > div { gap: 17px; }
    .request-grid { gap: 40px; }.access-form { padding: 24px; }.request-main { padding-block: 45px; }.back-link { margin-bottom: 40px; }
    .journey { padding-inline: 24px; }.journey header { align-items: flex-start; flex-direction: column; gap: 8px; }
    .process-line { grid-template-columns: repeat(2, 1fr); }.process-line li:nth-child(2n) { border-right: 0; }.process-line li:nth-child(4) { border-bottom: 1px solid #d6d3c9; }.process-line li:nth-child(n+7) { border-bottom: 0; }.process-line li:nth-child(4n)::after { display: block; }.process-line li:nth-child(2n)::after { display: none; }
    .dossier-section, .documents-grid, .quotes-grid { grid-template-columns: 1fr; gap: 40px; }.documents-grid > .feature-copy { grid-row: 1; }.dossier-ledger, .document-review, .quote-board { max-width: 600px; }
    .agents-heading { grid-template-columns: 1fr; gap: 25px; }.agent-process { align-items: flex-start; flex-direction: column; }.agent-orbit { justify-content: flex-start; }.agent-principle { gap: 35px; }
  }
  @media (max-width: 540px) {
    .container { width: calc(100% - 40px); }.nav { gap: 8px; height: 66px; }.nav .brand { font-size: 27px; }.nav .brand-mark { width: 27px; height: 29px; font-size: 27px; }.nav-actions .login { display: none; }.button-small { padding: 9px 12px; min-height: 39px; font-size: 11px; gap: 12px; }.menu-toggle { margin-right: -8px; }
    .hero { padding-top: 34px; }.hero .eyebrow { font-size: 9px; letter-spacing: .03em; margin-bottom: 22px; gap: 7px; }.small-symbol { font-size: 17px; }
    h1 { font-size: clamp(2.6rem, 11.3vw, 3.7rem); letter-spacing: -.055em; line-height: 1.08; }.hero-copy { gap: 22px; }.hero-intro > p:first-child { font-size: 16px; line-height: 1.65; }.hero-buttons { gap: 20px; }.hero-buttons .button { font-size: 13px; padding: 12px 15px; gap: 20px; }.text-link { font-size: 12px; gap: 10px; }.hero-note { font-size: 10px; }
    .product-stage { padding: 8px 8px 0; border-radius: 10px; }.app-breadcrumb { padding: 11px 13px; font-size: 9px; gap: 7px; }.demo-label { display: none; }.client-heading { padding: 17px 13px; align-items: flex-start; gap: 7px; flex-wrap: wrap; }.client-name { gap: 9px; }.client-name .avatar { width: 34px; height: 34px; font-size: 11px; }.client-name h2 { font-size: 17px; }.client-name p { font-size: 9px; }.client-heading > .pill { font-size: 9px; margin-left: 43px; }
    .app-tabs { padding-inline: 13px; justify-content: space-between; gap: 10px; }.app-tabs button { font-size: 10px; padding-bottom: 9px; }.app-tabs button span { display: none; }
    .mock-panel { padding: 16px 13px; min-height: 335px; }.dossier-grid { grid-template-columns: 1fr; gap: 10px; }.detail-card { padding: 12px; }.mini-title { margin-bottom: 10px; font-size: 11px; }.detail-card dl { gap: 7px; }.detail-card dl > div { font-size: 10px; }.source-label { display: inline; margin-left: 3px; font-size: 8px; }.car-name { font-size: 15px; }.car-name span { font-size: 11px; }.detail-card:nth-child(2) { position: relative; }.detail-card:nth-child(2) .plate { position: absolute; right: 12px; top: 34px; font-size: 10px; }.car-meta { margin-top: 6px; }.dossier-bottom { margin-top: 14px; }.dossier-bottom .pill { display: none; }.dossier-bottom p { font-size: 9px; }.dossier-bottom strong { font-size: 10px; }.app-status { padding: 9px 13px; font-size: 9px; }.app-status > span:last-child { display: none; }
    .floating-note { position: relative; bottom: auto; right: auto; margin: 12px -1px -15px 18px; padding: 12px; }.floating-note strong { font-size: 11px; }.floating-note div > span { font-size: 10px; }.hero-caption { line-height: 1.6; padding-top: 29px; max-width: 270px; }
    .panel-title { font-size: 13px; }.document-row { align-items: flex-start; padding-block: 16px; font-size: 11px; gap: 8px; }.document-row .pill { font-size: 8px; }.document-row p { font-size: 9px; }.file-mark { padding: 5px; }.quote-row { font-size: 11px; padding-block: 17px; gap: 8px; }.quote-labels { font-size: 9px; }.history-list li { padding-block: 15px; gap: 12px; font-size: 11px; }
    .section-space { padding-block: 65px; }.eyebrow { font-size: 10px; letter-spacing: .04em; margin-bottom: 20px; }h2 { font-size: 34px; }.section-description { font-size: 15px; line-height: 1.7; margin-top: 20px; }.desktop-break { display: none; }
    .comparison { grid-template-columns: 1fr; margin-top: 30px; }.comparison > div { padding: 24px; }.after { border-left: none; border-top: 1px solid var(--line); }.scattered { min-height: 67px; margin-top: 20px; }.scattered span { font-size: 11px; }.connected { min-height: 45px; margin-top: 20px; font-size: 16px; }.comparison > div > p:last-child { font-size: 12px; margin-top: 19px; }
    .workflow-grid li { display: block; }.workflow-grid h3 { margin: 14px 0 12px; font-size: 23px; }.workflow-grid p { font-size: 15px; }.step-visual { margin-top: 20px; min-height: 74px; flex-wrap: nowrap; }.workflow-footnote { font-size: 11px; margin-top: 29px; }.tiny-file > span { font-size: 12px; }.step-visual .pill { font-size: 9px; }
    .reliability h2 { font-size: 32px; }.value-list { font-size: 12px; gap: 12px; }.readiness-visual { padding: 17px; }.visual-top { font-size: 12px; gap: 8px; }.readiness-row { padding: 14px; gap: 10px; }.readiness-row strong { font-size: 12px; }.readiness-row p { font-size: 11px; }.field-example { gap: 12px; font-size: 9px; }.field-example > span { padding-inline: 10px; }
    .renewal-visual { padding: 24px; min-height: 320px; margin-right: 13px; }.renewal-card { width: 100%; margin-right: -37px; padding: 20px; }.renewal-action { font-size: 10px; }.feature-note { font-size: 14px; }
    .agent-section { text-align: left; }.agent-section h2 { font-size: 32px; }.agent-outcomes { flex-direction: column; align-items: flex-start; gap: 13px; margin-top: 27px; font-size: 12px; }.agent-outcomes span + span { border-left: 0; padding-left: 0; }.agent-outcomes span::before { content: '↳'; margin-right: 10px; color: var(--copper); }
    .faq-section { padding-block: 40px 65px; gap: 10px; }.faq-section h2 { font-size: 30px; }.faq-items summary { font-size: 14px; }.faq-items p { font-size: 13px; padding-right: 0; }
    .final-cta { padding-block: 57px; }.final-cta h2 { font-size: 33px; }.final-cta .container > p:last-child { font-size: 10px; }
    .footer { padding-top: 33px; }.footer-top { gap: 23px; padding-bottom: 25px; }.footer-top > div { width: 100%; margin-left: 0; justify-content: space-between; gap: 13px; font-size: 11px; }.footer-bottom { flex-wrap: wrap; gap: 12px; font-size: 9px; }.footer-bottom > span:last-child { width: 100%; }
    .request-grid { grid-template-columns: 1fr; gap: 30px; }.request-main { padding-block: 28px 45px; }.back-link { margin-bottom: 30px; }.request-note { margin-top: 22px; padding-top: 18px; }.access-form { padding: 23px; }.request-copy h1 { font-size: 40px; }
    .hero-copy h1 { font-size: clamp(2.5rem, 10.6vw, 3.4rem); }.hero-intro > p:first-child { font-size: 15px; }
    .car-owner { display: none; }.quote-state { font-size: 9px; }
    .journey-comparison { grid-template-columns: 1fr; margin-top: 32px; }.journey-after { border-left: 0; border-top: 1px solid var(--line); }.journey { padding: 24px 20px; }.journey header { flex-direction: row; align-items: baseline; }.journey header strong { font-size: 14px; }.journey li { grid-template-columns: 25px 1fr; gap: 9px; }.journey li > p { font-size: 12px; }
    .process-line { margin-top: 34px; }.process-line li { padding: 18px 14px; }.process-line li > span { margin-bottom: 17px; }.process-line strong { font-size: 14px; }.process-line small { font-size: 10px; min-height: 47px; }
    .dossier-section h2, .documents-section h2, .quotes-section h2 { font-size: 32px; }.ledger-head { padding: 17px; }.ledger-grid { grid-template-columns: 1fr; }.ledger-grid article { border-right: 0; border-bottom: 1px solid var(--line) !important; padding: 18px; }.ledger-grid article:last-child { border-bottom: 0 !important; }.ledger-grid article > strong { white-space: normal; }.ledger-grid article > small { margin-top: 11px; }
    .document-review, .quote-board { padding: 16px; }.field-row { grid-template-columns: 1fr auto; gap: 7px; }.field-row > strong { grid-row: 2; }.field-row > .pill { grid-row: 1 / 3; grid-column: 2; }.review-action { align-items: flex-end; }.review-action > span:first-child { max-width: 150px; }.review-action > .review-button { padding-inline: 10px; }
    .readiness-row .row-state { display: none; }
    .insurer-attempt { grid-template-columns: 28px 1fr auto; gap: 9px; }.insurer-attempt b { grid-row: 2; grid-column: 2; text-align: left; }.insurer-attempt > .pill { grid-row: 1 / 3; grid-column: 3; font-size: 9px; }.quote-board-footer { align-items: flex-start; flex-direction: column; }
    .agents-section { padding-block: 70px; }.agents-heading h2 { font-size: 34px; }.agents-heading > div:last-child > p { font-size: 14px; }.agent-process { margin: 37px 0 25px; padding: 23px; }.agent-orbit { gap: 6px; }.agent-orbit span { font-size: 9px; padding: 7px 9px; }.agents-grid { grid-template-columns: 1fr; }.agents-grid article { border-right: 0; border-bottom: 1px solid #47483f !important; padding: 24px; }.agents-grid article:last-child { border-bottom: 0 !important; }.agents-grid p { min-height: 0; font-size: 13px; }.agent-principle { grid-template-columns: 1fr; gap: 10px; padding: 23px; }.agent-principle p { font-size: 12px; }
    .cta-actions { flex-direction: column; gap: 18px; }.footer-top > div { flex-wrap: wrap; }
  }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; }.reveal-pending { opacity: 1; transform: none; }.button:hover { transform: none; } }
}