@font-face { font-family: "DM Sans"; src: url("/assets/fonts/dm-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 100 1000; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Mono"; src: url("/assets/fonts/space-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Space Mono"; src: url("/assets/fonts/space-mono-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --paper: #ffffff;
  --ink: #0b1f3a;
  --muted: #45566f;
  --line: #c8d3e1;
  --accent: #f97316;
  --blue: #dce7f5;
  --lime: #f5f8fc;
  --max: 1240px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; background-color: var(--paper); background-image: radial-gradient(#bcb5a7 1px, transparent 1px); background-size: 18px 18px; color: var(--ink); font-family: "DM Sans", sans-serif; font-size: 16px; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.section-shell { max-width: var(--max); margin: 0 auto; padding-left: 32px; padding-right: 32px; }
.site-header { max-width: var(--max); margin: 0 auto; padding: 26px 32px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.wordmark { display: inline-flex; flex: 0 0 auto; align-items: center; white-space: nowrap; font: 700 17px/1 "Space Mono", monospace; letter-spacing: -0.065em; font-kerning: none; font-variant-ligatures: none; }
.wordmark-d { display: inline-block; margin-right: 0.2em; }
.wordmark-w { display: inline-block; margin-left: -0.03em; }
.wordmark-o { display: inline-block; margin-left: 0.12em; }
.wordmark-mark { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-right: 7px; background: var(--accent); color: var(--ink); font-size: 15px; letter-spacing: 0; }
.wordmark-dot { color: var(--accent); }
.site-nav { display: flex; gap: 28px; margin-left: auto; margin-right: 34px; font-size: 13px; font-weight: 600; }
.site-nav a, .text-link, .card-link { transition: color .2s ease; }
.site-nav a:hover, .text-link:hover, .card-link:hover { color: var(--accent); }
.header-cta { border-bottom: 1px solid var(--ink); padding-bottom: 4px; font-size: 13px; font-weight: 600; }
.header-cta span, .button span, .card-link span { display: inline-block; margin-left: 14px; transition: transform .2s ease; }
.header-cta:hover span, .button:hover span, .card-link:hover span { transform: translate(3px, -3px); }

.hero { min-height: 610px; padding-top: 45px; padding-bottom: 65px; display: grid; grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); align-items: center; gap: 55px; }
.hero-kicker { display: inline-block; margin: 0 0 22px; color: var(--accent); font: 600 13px/1.2 "DM Sans", sans-serif; letter-spacing: 0; }
.eyebrow { margin: 0 0 30px; color: var(--muted); font: 11px/1.3 "Space Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.eyebrow-dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; background: var(--accent); margin: 0 7px 1px 0; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-weight: 500; letter-spacing: -.08em; }
h1 { max-width: 650px; margin-bottom: 25px; font-size: clamp(42px, 4.5vw, 64px); line-height: .94; }
h1 em, h2 em { color: var(--accent); font-style: normal; }
.hero-lede { max-width: 475px; margin-bottom: 32px; color: #4e4c45; font-size: 16px; line-height: 1.5; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.button { display: inline-flex; align-items: center; border: 0; cursor: pointer; padding: 17px 19px; font-weight: 600; font-size: 13px; }
.button-dark { background: var(--ink); color: var(--paper); }
.button-dark:hover { background: var(--accent); color: var(--ink); }
.text-link { padding-bottom: 3px; border-bottom: 1px solid var(--ink); font-size: 13px; font-weight: 600; }

.hero-visual { position: relative; min-height: clamp(410px, 32vw, 500px); border: 1px solid var(--ink); background: var(--blue); overflow: hidden; isolation: isolate; }
.hero-visual::before { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(rgba(23,23,20,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(23,23,20,.12) 1px, transparent 1px); background-size: 32px 32px; content: ""; }
.visual-label { position: absolute; font: 10px "Space Mono", monospace; text-transform: uppercase; letter-spacing: .06em; }
.label-top { top: 24px; left: 25px; }.label-bottom { right: 25px; bottom: 24px; }
.workflow-card { position: absolute; width: clamp(230px, 44%, 360px); padding: clamp(17px, 1.8vw, 23px); border: 1px solid var(--ink); background: var(--paper); box-shadow: 8px 8px 0 var(--ink); }
.workflow-before { top: 88px; left: 7%; transform: rotate(-3deg); }
.workflow-after { right: 7%; bottom: 82px; background: var(--lime); transform: rotate(3deg) translateY(-12px); }
.note-meta { display: flex; justify-content: space-between; margin-bottom: 22px; color: var(--muted); font: clamp(10px, .8vw, 11px) "Space Mono", monospace; text-transform: uppercase; }
.note-title { margin: 0 0 8px; font-size: clamp(18px, 1.5vw, 24px); font-weight: 600; letter-spacing: -.04em; }
.note-copy { margin: 0 0 20px; color: #4e4c45; font-size: 13px; line-height: 1.45; }
.note-rule { width: 70%; height: 1px; margin: 9px 0; background: var(--line); }.note-rule-short { width: 42%; }
.workflow-after .note-title { margin-bottom: 8px; }
.handoff-options { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 0 0 7px; }
.handoff-options span { padding: 7px 8px; border: 1px solid var(--ink); font: 10px "Space Mono", monospace; text-align: center; text-transform: uppercase; }
.handoff-options span:last-child { background: var(--ink); color: var(--lime); }
.automation-note { margin: 0 0 10px; color: #4e4c45; font: 10px/1.4 "Space Mono", monospace; }
.prepared-row { display: flex; justify-content: space-between; gap: 15px; padding: 8px 0; border-top: 1px solid rgba(23,23,20,.25); font: 11px "Space Mono", monospace; }.prepared-row strong { font-family: "DM Sans", sans-serif; font-size: 12px; font-weight: 600; }

.signal-bar { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.signal-inner { min-height: 75px; display: flex; align-items: center; justify-content: space-between; gap: 25px; color: var(--muted); font: 10px "Space Mono", monospace; text-transform: uppercase; letter-spacing: .04em; }
.signal-line { width: 42px; height: 1px; background: var(--accent); }
.problems { padding-top: 52px; padding-bottom: 56px; border-top: 1px solid var(--line); }
.problems .section-intro { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 70px; }
.problems h2 { margin-top: 53px; }
.problem-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.problem-card { min-height: 330px; position: relative; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--ink); }
.js-reveal .reveal-problem { opacity: 0; transform: translateY(36px) rotate(2deg); transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1); }.reveal-problem:nth-child(2) { transition-delay: .1s; }.reveal-problem:nth-child(3) { transition-delay: .2s; }.reveal-problem.is-visible { opacity: 1; transform: translateY(0) rotate(0); }
.problem-card-accent { background: var(--accent); }.problem-card-blue { background: var(--blue); }.problem-card-lime { background: var(--lime); }
.problem-number { font: 11px "Space Mono", monospace; }.problem-card h3 { min-height: 58px; margin: 22px 0 15px; font-size: 27px; font-weight: 500; letter-spacing: -.06em; }.problem-card p { max-width: 290px; margin: 0; font-size: 14px; line-height: 1.45; }.problem-arrow { margin-top: auto; font-size: 28px; }
.evidence { padding-top: 52px; padding-bottom: 56px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; border-bottom: 1px solid var(--line); }
.evidence h2 { margin-top: 53px; }.evidence-content { padding-top: 49px; }.evidence-content .large-copy { margin-bottom: 53px; }
.evidence-content { min-width: 0; }.evidence-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; overflow: hidden; }.evidence-card { min-width: 0; min-height: 285px; display: flex; flex-direction: column; padding: 21px; border: 1px solid var(--line); }.js-reveal .reveal-evidence { opacity: 0; transform: translateX(34px); transition: opacity .7s ease, transform .7s cubic-bezier(.22, 1, .36, 1); }.reveal-evidence:nth-child(2) { transition-delay: .12s; }.reveal-evidence:nth-child(3) { transition-delay: .24s; }.reveal-evidence.is-visible { opacity: 1; transform: translateX(0); }.evidence-card:nth-child(2) { background: var(--blue); border-color: var(--ink); }.evidence-card strong { color: var(--accent); font: 700 42px/1 "Space Mono", monospace; letter-spacing: -.08em; }.evidence-card h3 { margin: 31px 0 11px; font-size: 17px; font-weight: 600; }.evidence-card p { margin-bottom: 18px; color: var(--muted); font-size: 12px; line-height: 1.45; }.evidence-card:nth-child(2) p { color: #4a5967; }.evidence-source { margin-top: auto; color: var(--muted); font: 9px/1.35 "Space Mono", monospace; text-transform: uppercase; overflow-wrap: anywhere; }.evidence-source a { text-decoration: underline; text-underline-offset: 3px; }.evidence-source a:hover { color: var(--accent); }.evidence-disclaimer { margin: 19px 0 0; color: var(--muted); font: 10px "Space Mono", monospace; }
.principle { padding-top: 31px; padding-bottom: 34px; border-bottom: 1px solid var(--line); }.principle-label { margin-bottom: 18px; color: var(--accent); font: 11px "Space Mono", monospace; text-transform: uppercase; }.principle-statement { max-width: 880px; margin: 0; font-size: clamp(32px, 4vw, 57px); line-height: 1.04; letter-spacing: -.07em; }
.method { padding-top: 52px; padding-bottom: 56px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; }
h2 { margin-bottom: 0; font-size: clamp(48px, 5vw, 72px); line-height: .95; }.method h2 { margin-top: 55px; }
.method-content { padding-top: 49px; }.large-copy { max-width: 550px; margin-bottom: 57px; font-size: 25px; line-height: 1.25; letter-spacing: -.04em; }
.method-step { display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--line); }.method-step:last-child { border-bottom: 1px solid var(--line); }.js-reveal .reveal-method { opacity: 0; transform: translateX(-28px); transition: opacity .65s ease, transform .65s cubic-bezier(.22, 1, .36, 1); }.reveal-method:nth-child(2) { transition-delay: .12s; }.reveal-method:nth-child(3) { transition-delay: .24s; }.reveal-method.is-visible { opacity: 1; transform: translateX(0); }
.step-number, .price-tag, .price-time { color: var(--accent); font: 11px "Space Mono", monospace; }.method-step h3 { margin-bottom: 7px; font-size: 18px; }.method-step p { max-width: 440px; margin-bottom: 0; color: var(--muted); line-height: 1.45; }

.example { padding-top: 45px; padding-bottom: 56px; display: grid; grid-template-columns: .7fr 1.3fr; gap: 60px; background: var(--ink); color: var(--paper); max-width: none; padding-left: max(32px, calc((100vw - var(--max)) / 2 + 32px)); padding-right: max(32px, calc((100vw - var(--max)) / 2 + 32px)); }
.example .eyebrow, .contact .eyebrow { color: #a29f95; }.example h2 { margin: 53px 0 29px; }.example-heading > p:last-child { max-width: 300px; color: #aaa79e; line-height: 1.5; }
.example-board { align-self: center; padding: 24px; background: #252522; border: 1px solid #44433d; box-shadow: 18px 18px 0 var(--accent); }
.board-top { display: flex; justify-content: space-between; padding-bottom: 20px; color: #a29f95; border-bottom: 1px solid #44433d; font: 10px "Space Mono", monospace; }.board-status { color: var(--lime); }
.board-email { display: flex; gap: 15px; padding: 25px 0; border-bottom: 1px solid #44433d; }.avatar { display: grid; flex: 0 0 37px; place-items: center; width: 37px; height: 37px; background: var(--blue); color: var(--ink); font: 11px "Space Mono", monospace; }.email-meta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 14px; font-size: 11px; }.email-meta span { color: #929087; }.email-content p { max-width: 590px; margin: 0; color: #d0cec6; font-size: 14px; line-height: 1.45; }
.board-result { padding-top: 24px; }.result-label, .draft span { color: #a29f95; font: 10px "Space Mono", monospace; }.result-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 20px 0; }.result-grid span { display: block; margin-bottom: 7px; color: #929087; font: 10px "Space Mono", monospace; }.result-grid strong { font-size: 13px; font-weight: 500; }.draft { display: flex; align-items: center; gap: 20px; padding-top: 18px; border-top: 1px solid #44433d; }.draft p { flex: 1; margin: 0; color: #c3c0b7; font-size: 12px; line-height: 1.4; }.approve-button { border: 0; padding: 11px 13px; background: var(--lime); color: var(--ink); cursor: pointer; font-size: 11px; font-weight: 700; white-space: nowrap; }

.pricing { padding-top: 52px; padding-bottom: 56px; }.pricing .section-intro { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 32px; }.pricing h2 { margin-top: 32px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }.price-card { min-height: 370px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--line); }.js-reveal .reveal-price { opacity: 0; transform: scale(.94) translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.22, 1, .36, 1); }.reveal-price:nth-child(2) { transition-delay: .12s; }.reveal-price:nth-child(3) { transition-delay: .24s; }.reveal-price:nth-child(4) { transition-delay: .36s; }.reveal-price.is-visible { opacity: 1; transform: scale(1) translateY(0); }.price-card-featured { background: var(--lime); border-color: var(--ink); }.price-top { display: flex; justify-content: space-between; margin-bottom: 22px; gap: 14px; }.price-time { color: var(--muted); white-space: nowrap; }.price-card h3, .support-offer h3 { min-height: 58px; margin-bottom: 13px; font-size: 25px; font-weight: 500; letter-spacing: -.06em; }.price-card p { min-height: 70px; color: var(--muted); font-size: 14px; line-height: 1.45; }.price-value { margin-top: auto; margin-bottom: 25px; font: 700 26px "Space Mono", monospace; letter-spacing: -.08em; }.price-value span { color: var(--muted); font: 10px "Space Mono", monospace; letter-spacing: 0; }.card-link { padding-top: 17px; border-top: 1px solid currentColor; font-size: 13px; font-weight: 600; }.support-offer { display: grid; grid-template-columns: 1.25fr .75fr; gap: 40px; margin-top: 13px; padding: 25px; background: var(--ink); color: var(--paper); }.support-offer .price-tag { color: var(--lime); }.support-offer .price-time, .support-offer p, .support-offer .price-value span, .support-optional { color: #aaa79e; }.support-offer .price-top { margin-bottom: 0; }.support-offer h3 { min-height: 0; }.support-optional { display: block; margin-bottom: 0; font: 11px "Space Mono", monospace; }.support-offer p { max-width: 650px; margin-bottom: 0; font-size: 14px; line-height: 1.45; }.support-action { display: flex; flex-direction: column; justify-content: flex-end; }.support-action .price-value { margin-bottom: 25px; }.support-offer .card-link { color: var(--paper); }.pricing-note { margin: 22px 0 0; color: var(--muted); font: 10px "Space Mono", monospace; }
.price-card-featured { position: relative; z-index: 1; box-shadow: 9px 9px 0 var(--ink); }
.price-card-featured.reveal-price.is-visible { transform: scale(1) translateY(-18px); }

.contact { padding-top: 52px; padding-bottom: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; border-top: 1px solid var(--line); }.contact h2 { margin: 32px 0 24px; }.contact-copy > p:not(.eyebrow) { max-width: 385px; color: var(--muted); line-height: 1.5; }.contact-note { display: flex; gap: 14px; max-width: 330px; margin-top: 35px; color: var(--accent); font: 11px/1.5 "Space Mono", monospace; }.note-mark { font-size: 22px; }
.lead-form { display: flex; flex-direction: column; padding-top: 16px; }.lead-form label { margin-bottom: 9px; font: 11px "Space Mono", monospace; }.lead-form label span { color: var(--accent); }.insight { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; padding-top: 52px; padding-bottom: 56px; border-top: 1px solid var(--line); }
.insight h2 { margin-top: 32px; }
.insight-content { padding-top: 32px; max-width: 650px; }
.insight-content p { color: #1f2937; line-height: 1.6; }
.insight-content .insight-lede { color: #050505; font-size: 20px; line-height: 1.45; }
.faq { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; padding-top: 52px; padding-bottom: 56px; border-top: 1px solid var(--line); }
.faq h2 { margin-top: 32px; }
.faq-list { border-top: 1px solid var(--navy); }
.faq details { border-bottom: 1px solid var(--navy); }
.faq summary { cursor: pointer; list-style: none; padding: 20px 34px 20px 0; color: #050505; font-size: 17px; font-weight: 600; position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 0; color: var(--accent); font: 20px "Space Mono", monospace; }
.faq details[open] summary::after { content: "−"; }
.faq details p {
  max-width: 650px;
  margin: -4px 0 20px;
  color: #1f2937;
  line-height: 1.55;
}
.faq details[open] p {
  animation: faq-answer-down .3s ease-out both;
}
@keyframes faq-answer-down {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.lead-form input, .lead-form textarea, .lead-form select { width: 100%; margin-bottom: 27px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; outline: 0; background: transparent; color: var(--ink); }.lead-form textarea { height: 42px; min-height: 42px; overflow-y: hidden; resize: none; }.lead-form select:has(option:checked[value=""]) { color: var(--muted); }.lead-form select { cursor: pointer; }.lead-form input:focus, .lead-form textarea:focus, .lead-form select:focus { border-bottom: 2px solid var(--accent); }.form-submit { align-self: flex-start; margin-top: 9px; }.form-status { min-height: 18px; margin: 16px 0 0; color: var(--accent); font-size: 13px; }
.lead-form input:user-invalid, .lead-form textarea:user-invalid, .lead-form select:user-invalid { border-bottom: 2px solid var(--accent); background: rgba(249,115,22,.06); }
.form-status { min-height: 0; margin: 16px 0 0; padding: 0; color: #8d2b13; font-size: 13px; }
.form-status.form-status-validation { padding: 12px 14px; border-left: 3px solid var(--accent); background: #fff4eb; }
.confirmation-page { min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto; }
.confirmation-main { display: grid; place-items: center; padding: 28px 32px 42px; }
.confirmation-card { width: min(600px, 100%); padding: clamp(24px, 4vw, 48px); border: 1px solid var(--ink); background: var(--paper); box-shadow: 10px 10px 0 var(--ink); }
.confirmation-mark { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 20px; border: 2px solid var(--accent); color: var(--accent); font: 700 25px/1 "Space Mono", monospace; }
.confirmation-card h1 { max-width: 520px; margin-bottom: 15px; font-size: clamp(34px, 5vw, 56px); }
.confirmation-card .confirmation-copy { max-width: 510px; color: var(--muted); font-size: 15px; line-height: 1.45; }
.confirmation-detail { max-width: 510px; margin: 20px 0 0; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; line-height: 1.45; }
.confirmation-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 24px; }
.confirmation-actions .button-dark { background: var(--accent); color: #000; }
.confirmation-actions .button-dark:hover { background: var(--accent); color: #000; }
.site-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 28px; padding-bottom: 28px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }.site-footer .wordmark { color: var(--ink); }.site-footer p { margin: 0; }.site-footer a:not(.wordmark) { text-decoration: none; }.site-footer a:not(.wordmark):hover { color: var(--accent); }
.policy-page { max-width: 900px; padding-top: 72px; padding-bottom: 90px; }.policy-page h1 { margin: 45px 0 20px; }.policy-updated { color: var(--muted); font: 10px "Space Mono", monospace; }.policy-page section { max-width: 700px; padding: 29px 0; border-top: 1px solid var(--line); }.policy-page section:first-of-type { margin-top: 62px; }.policy-page h2 { margin-bottom: 13px; font-size: 26px; }.policy-page section p { margin: 0; color: var(--muted); line-height: 1.6; }.policy-back { margin-top: 22px; }

@media (max-width: 850px) {
  .site-header { padding-top: 22px; padding-bottom: 22px; }.site-nav { display: none; }.header-cta { margin-left: auto; }
  .hero { min-height: 0; padding-top: 62px; padding-bottom: 68px; grid-template-columns: 1fr; gap: 42px; }.hero-visual { min-height: 430px; }
  .method, .contact { grid-template-columns: 1fr; gap: 28px; }.method { padding-top: 58px; padding-bottom: 64px; }.method h2 { margin-top: 0; }.method-content { padding-top: 8px; }
  .evidence { grid-template-columns: 1fr; gap: 28px; padding-top: 58px; padding-bottom: 64px; }.evidence h2 { margin-top: 0; }.evidence-content { padding-top: 8px; }.evidence-grid { grid-template-columns: 1fr; }.evidence-card { min-height: 210px; }
  .problems { padding-top: 58px; padding-bottom: 64px; }.problems .section-intro { display: block; margin-bottom: 32px; }.problems h2 { margin-top: 0; }.problem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.problem-card { min-height: 220px; }.problem-card h3 { min-height: 0; margin-top: 35px; }
  .example { grid-template-columns: 1fr; gap: 35px; padding-top: 64px; padding-bottom: 72px; }.example h2 { margin-top: 0; }.example-board { box-shadow: 10px 10px 0 var(--accent); }
  .pricing { padding-top: 58px; padding-bottom: 64px; }.pricing .section-intro { display: block; margin-bottom: 32px; }.pricing h2 { margin-top: 0; }.pricing-grid { grid-template-columns: 1fr; }.price-card { min-height: 0; }.price-card-featured.reveal-price.is-visible { transform: none; }.price-top { margin-bottom: 28px; }.price-card h3 { min-height: 0; }.support-offer { grid-template-columns: 1fr; gap: 28px; }.support-action .price-value { margin-top: 0; }
  .contact { gap: 38px; padding-top: 58px; padding-bottom: 64px; }.contact h2 { margin-top: 0; }
}
@media (max-width: 550px) {
  .section-shell { padding-left: 20px; padding-right: 20px; }.site-header { padding-left: 20px; padding-right: 20px; }.header-cta { font-size: 11px; }.header-cta span { margin-left: 5px; }
  h1 { font-size: 44px; }.hero-lede { font-size: 16px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 22px; }.hero-visual { min-height: 440px; }.workflow-card { width: min(260px, calc(100% - 64px)); padding: 15px; }.workflow-before { top: 58px; left: 20px; }.workflow-after { right: 20px; bottom: 56px; transform: rotate(3deg) translateY(-8px); }.label-bottom { display: none; }.note-meta { margin-bottom: 18px; }
  .signal-inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; padding-top: 17px; padding-bottom: 17px; }.signal-line { width: 25px; }
  .large-copy { font-size: 21px; }.example { padding-left: 20px; padding-right: 20px; }.example-board { padding: 15px; }.board-email { gap: 10px; }.email-meta { gap: 5px; flex-direction: column; }.result-grid { gap: 10px; grid-template-columns: 1fr; }.result-grid div { display: flex; justify-content: space-between; }.result-grid span { margin: 0; }.draft { align-items: flex-start; flex-direction: column; }.draft p { order: 2; }.draft button { order: 3; }
  .site-footer { align-items: flex-start; flex-direction: column; gap: 16px; }.site-footer p:last-child { margin-top: 10px; }
}

/* Launch palette and shared launch surfaces */
body {
  background-color: var(--paper);
  background-image: none;
  color: var(--ink);
}
.wordmark-mark { background: var(--accent); color: #000; }
.wordmark-dot, h1 em, h2 em { color: var(--accent); }
.eyebrow-dot, .signal-line { background-color: var(--accent); }
.header-cta, .text-link { border-color: var(--ink); }
.button-dark { background: var(--ink); color: #fff; }
.button-dark:hover { background: var(--accent); color: #000; }
.hero-visual { background: var(--blue); border-color: var(--ink); }
.hero-visual::before { background-image: linear-gradient(rgba(11,31,58,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(11,31,58,.12) 1px, transparent 1px); }
.workflow-card, .dispatch-card { background: #fff; border-color: var(--ink); color: var(--ink); }
.workflow-after, .dispatch-card-ready { background: #fff4eb; }
.dispatch-card h2, .dispatch-card p { color: var(--ink); }
.dispatch-card p, .hero-lede, .note-copy, .automation-note { color: #334155; }
.dispatch-card-hot { border-color: var(--accent); box-shadow: 8px 8px 0 var(--accent); }
.dispatch-status { color: var(--accent); }
.signal-bar, .problems, .evidence, .principle, .method, .pricing, .contact, .site-footer { border-color: var(--line); }
.problem-card, .evidence-card, .price-card { border-color: var(--ink); }
.problem-card-accent, .price-card-featured { background: var(--accent); color: #000; border-color: var(--ink); }
.problem-card-blue { background: var(--blue); color: var(--ink); }
.problem-card-lime { background: var(--ink); color: #fff; border-color: var(--ink); }
.problem-card p, .problem-card-blue p, .problem-card-lime p { color: inherit; }
.problem-card-lime p { color: #e8eef5; }
.evidence-card, .price-card { background: #fff; }
.evidence-card:nth-child(2) { background: var(--blue); color: var(--ink); border-color: var(--ink); }
.evidence-card:nth-child(2) p, .evidence-card:nth-child(2) .evidence-source { color: #334155; }
.evidence-card:nth-child(2) strong { color: var(--ink); }
.evidence-card strong { color: var(--accent); }
.example { background: var(--ink); color: #fff; }
.example .eyebrow, .contact .eyebrow { color: #b7c5d6; }
.example-heading > p:last-child { color: #d6e0eb; }
.example-board { background: #132d4f; border-color: #527196; box-shadow: 18px 18px 0 var(--accent); }
.board-top, .result-label, .draft span { color: #b7c5d6; }
.board-status { color: #ffb37d; }
.board-email, .draft { border-color: #527196; }
.email-meta span, .result-grid span { color: #b7c5d6; }
.email-content p, .draft p { color: #e8eef5; }
.avatar { background: var(--blue); color: var(--ink); }
.approve-button { background: var(--accent); color: #000; }
.price-card-featured p, .price-card-featured .price-time { color: #3b1b06; }
.price-card-featured .price-tag, .price-card-featured .card-link { color: #000; }
.price-card ul { min-height: 148px; margin: 0 0 24px; padding-left: 18px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.price-card-featured ul { color: #3b1b06; }
.price-card .price-value { margin-top: auto; }
.price-value span { color: var(--muted); }
.lead-form input, .lead-form textarea, .lead-form select { background: #fff; border-color: var(--ink); color: var(--ink); }
.lead-form input:focus, .lead-form textarea:focus, .lead-form select:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
.lead-form .honeypot { position: absolute; width: 1px; height: 1px; min-height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.turnstile-widget { margin: 12px 0; min-height: 0; }
.policy-page section { border-color: var(--line); }
.policy-page .policy-updated { color: var(--muted); }
.error-page { min-height: 70vh; padding-top: 16vh; }
.error-page p:not(.eyebrow) { max-width: 520px; margin-bottom: 28px; color: var(--muted); line-height: 1.5; }
@media (max-width: 700px) {
  .site-header { flex-wrap: wrap; }
  .site-nav { order: 3; width: 100%; margin: 0; gap: 16px; overflow-x: auto; }
  .hero-actions { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .faq details[open] p {
    animation: none;
  }
}

/* Final launch palette */
:root {
  --paper: #ffffff;
  --ink: #050505;
  --muted: #3f4b5a;
  --line: #cbd5e1;
  --accent: #f97316;
  --blue: #dbeafe;
  --lime: #f8fafc;
  --navy: #173b63;
}

body {
  background: #ffffff;
  color: #050505;
}

.site-header,
.site-footer,
.policy-page,
.error-page {
  color: #050505;
}

.site-nav a:hover,
.text-link:hover,
.card-link:hover,
.wordmark-dot,
h1 em,
h2 em {
  color: var(--accent);
}

.hero-lede,
.note-copy,
.automation-note,
.method-step p,
.contact-copy > p:not(.eyebrow),
.price-card p {
  color: #1f2937;
}

.hero-visual {
  background: var(--navy);
  border-color: var(--navy);
  background-image: repeating-linear-gradient(
    0deg,
    transparent 0 63px,
    rgba(219, 234, 254, .12) 64px
  ), repeating-linear-gradient(
    90deg,
    transparent 0 63px,
    rgba(219, 234, 254, .12) 64px
  );
}

.dispatch-card {
  background: #ffffff;
  border-color: #ffffff;
  color: #050505;
}

.dispatch-card-ready {
  background: #fff7ed;
  border-color: var(--accent);
}

.dispatch-card h2,
.dispatch-card p {
  color: #050505;
}

.dispatch-card-top {
  color: #3f4b5a;
}

.dispatch-status {
  color: var(--accent);
}


.dispatch-arrow,
.hero-visual .label-top {
  color: var(--accent);
}

.problem-card,
.evidence-card,
.price-card {
  background: #ffffff;
  color: #050505;
  border-color: var(--navy);
}

.problem-card-accent,
.price-card-featured {
  background: var(--accent);
  color: #050505;
  border-color: var(--navy);
}

.problem-card-blue,
.evidence-card:nth-child(2) {
  background: var(--blue);
  color: #050505;
  border-color: var(--navy);
}

.problem-card-lime {
  background: var(--navy);
  color: #ffffff;
  border-color: var(--navy);
}

.problem-card p,
.problem-card-blue p,
.problem-card-lime p,
.evidence-card:nth-child(2) p,
.evidence-card:nth-child(2) .evidence-source {
  color: inherit;
}

.example {
  background: var(--navy);
  color: #ffffff;
}

.example-heading > p:last-child,
.email-content p,
.draft p {
  color: #e5edf7;
}

.example-board {
  background: #132d4f;
  border-color: #7394b8;
  box-shadow: 18px 18px 0 var(--accent);
}

.support-offer {
  background: var(--navy);
  color: #ffffff;
  border-color: var(--navy);
}

.support-offer .card-link {
  color: #ffffff;
}

.lead-form input,
.lead-form textarea,
.lead-form select {
  background: #ffffff;
  border-color: var(--navy);
  color: #050505;
}

.site-footer .wordmark {
  color: #050505;
}

.policy-page section {
  border-color: var(--line);
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal-problem, .reveal-method, .reveal-price { opacity: 1; transform: none; }
}

/* Dispatch theme */
:root {
  --paper: #111719;
  --ink: #e9eee6;
  --muted: #9da9a2;
  --line: #34403c;
  --accent: #f1c84b;
  --blue: #94d9d4;
  --lime: #f1c84b;
}

body {
  background-color: var(--paper);
  background-image: radial-gradient(#34403c 1px, transparent 1px);
  background-size: 18px 18px;
}

.wordmark-mark {
  color: #000;
}

.header-cta,
.text-link {
  border-color: var(--ink);
}

.hero-lede,
.note-copy,
.automation-note {
  color: var(--muted);
}

.button-dark {
  background: var(--accent);
  color: #000;
}

.button-dark:hover {
  background: var(--blue);
  color: var(--paper);
}

.hero-visual {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-content: center;
  min-height: clamp(480px, 38vw, 560px);
  padding: 48px;
  border-color: var(--line);
  background-color: #151e20;
  background-image: repeating-linear-gradient(0deg, transparent 0 63px, rgba(148, 217, 212, .08) 64px), repeating-linear-gradient(90deg, transparent 0 63px, rgba(148, 217, 212, .08) 64px);
  overflow: hidden;
}

.hero-visual::before {
  display: none;
}

.hero-visual .label-top {
  top: 24px;
  right: 24px;
  left: auto;
  color: var(--accent);
}

.dispatch-column {
  position: relative;
  display: grid;
  gap: 12px;
}

.dispatch-column-offset {
  padding-top: 74px;
}

.dispatch-card {
  position: relative;
  width: auto;
  padding: 20px;
  border: 1px solid var(--line);
  background: #1b2425;
  box-shadow: none;
  color: var(--ink);
}

.dispatch-card-hot {
  border-color: var(--accent);
  box-shadow: 8px 8px 0 var(--accent);
}

.dispatch-card-ready {
  border-color: var(--blue);
}

.dispatch-card-top {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font: 10px "Space Mono", monospace;
  text-transform: uppercase;
}

.dispatch-card h2 {
  margin: 34px 0 12px;
  color: var(--ink);
  font-size: clamp(19px, 1.5vw, 25px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.05em;
}

.dispatch-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.dispatch-status {
  display: inline-block;
  margin-top: 22px;
  padding: 5px 7px;
  border: 1px solid currentColor;
  color: var(--accent);
  font: 10px "Space Mono", monospace;
  text-transform: uppercase;
}


.dispatch-arrow {
  align-self: center;
  color: var(--accent);
  font: 27px "Space Mono", monospace;
  text-align: center;
}

.signal-bar,
.problems,
.evidence,
.principle,
.method,
.pricing,
.contact,
.site-footer {
  border-color: var(--line);
}

.evidence-card,
.price-card {
  background: #1b2425;
  border-color: var(--line);
}

.evidence-card:nth-child(2) {
  background: var(--blue);
  color: var(--paper);
  border-color: var(--blue);
}

.evidence-card:nth-child(2) p,
.evidence-card:nth-child(2) .evidence-source {
  color: #334542;
}

.evidence-card:nth-child(2) strong {
  color: var(--paper);
}

.problem-card {
  border-color: var(--line);
}

.problem-card-accent {
  background: var(--accent);
  color: var(--paper);
  border-color: var(--accent);
}

.problem-card-blue {
  background: #1b2425;
}

.problem-card-lime {
  background: var(--blue);
  color: var(--paper);
  border-color: var(--blue);
}

.problem-card p,
.problem-card-blue p {
  color: var(--muted);
}

.problem-card-accent p,
.problem-card-lime p {
  color: #334542;
}

.method-step {
  border-color: var(--line);
}

.method-step p,
.contact-copy > p:not(.eyebrow),
.price-card p {
  color: var(--muted);
}

.example {
  background: #0c1112;
  color: var(--ink);
}

.price-card-featured {
  background: var(--accent);
  color: var(--paper);
  border-color: var(--accent);
}

.price-card-featured p,
.price-card-featured .price-time {
  color: #3b3826;
}

.price-card-featured .price-tag {
  color: var(--paper);
}

.price-card-featured .card-link {
  color: var(--paper);
}

.support-offer {
  background: #1b2425;
  border: 1px solid var(--line);
  color: var(--ink);
}

.support-offer .card-link {
  color: var(--ink);
}

.lead-form input,
.lead-form textarea,
.lead-form select {
  border-color: var(--line);
  color: var(--ink);
}

.lead-form select:has(option:checked[value=""]) {
  color: var(--muted);
}

.site-footer .wordmark {
  color: var(--ink);
}

@media (max-width: 850px) {
  .hero-visual {
    min-height: 530px;
    padding: 32px;
  }
}

@media (max-width: 550px) {
  .hero-visual {
    min-height: 640px;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 48px 20px 24px;
  }

  .dispatch-column-offset {
    padding-top: 0;
  }

  .dispatch-card {
    padding: 16px;
  }

  .dispatch-card h2 {
    margin-top: 24px;
  }

  .dispatch-card-hot {
    box-shadow: 5px 5px 0 var(--accent);
  }
}

/* Keep the launch palette last so earlier theme declarations cannot override it. */
:root {
  --paper: #ffffff;
  --ink: #050505;
  --muted: #3f4b5a;
  --line: #cbd5e1;
  --accent: #f97316;
  --blue: #dbeafe;
  --lime: #f8fafc;
  --navy: #173b63;
}

body { background: #ffffff; color: #050505; }
.pricing-grid { grid-template-columns: repeat(2, minmax(0, 390px)); justify-content: center; width: min(100%, 820px); max-width: 820px; margin-left: auto; margin-right: auto; }
.hero-visual { background-color: var(--navy); border-color: var(--navy); }
.dispatch-card { background: #ffffff; border-color: #ffffff; color: #050505; }
.dispatch-card-ready { background: #fff7ed; border-color: var(--accent); }
.dispatch-card h2, .dispatch-card p { color: #050505; }
.dispatch-card-top { color: var(--muted); }
.dispatch-status, .dispatch-arrow, .hero-visual .label-top { color: var(--accent); }
.dispatch-status-light { color: #ffffff; border-color: rgba(255,255,255,.7); }
.hero-carousel { padding: 72px 44px 70px; }
.carousel-slides { position: relative; min-height: 270px; }
.carousel-slide { display: none; max-width: 430px; }
.carousel-slide.is-active { display: block; }
.carousel-industry { margin: 0 0 22px; color: var(--accent); font: 11px "Space Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.carousel-slide h2 { margin: 0 0 16px; max-width: 440px; color: var(--paper); font: 500 clamp(25px, 3vw, 40px)/.96 "DM Sans", sans-serif; letter-spacing: -.07em; }
.carousel-slide > p:not(.carousel-industry) { max-width: 390px; margin: 0 0 25px; color: #f8fafc; font: 400 15px/1.5 "DM Sans", sans-serif; }
.carousel-flow { display: flex; align-items: center; gap: 9px; max-width: 520px; margin: 0 0 24px; padding: 12px; border: 1px solid rgba(255,255,255,.35); background: rgba(5,5,5,.18); color: var(--paper); }
.flow-source, .flow-result { display: grid; min-width: 58px; gap: 5px; place-items: center; text-align: center; font: 10px/1.15 "Space Mono", monospace; text-transform: uppercase; }
.flow-result { color: var(--accent); }
.flow-icon { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font: 16px/1 Arial, sans-serif; }
.flow-arrow { color: var(--accent); font-size: 19px; }
.flow-apps { display: grid; flex: 1; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.flow-apps span { display: grid; gap: 5px; padding: 8px 5px; border: 1px solid rgba(255,255,255,.55); color: #f8fafc; font: 9px/1.1 "Space Mono", monospace; text-align: center; text-transform: uppercase; }
.flow-apps b { color: var(--accent); font-size: 10px; font-weight: 400; }
@media (max-width: 850px) { .hero-carousel { min-height: 430px; padding: 66px 32px 64px; } }
@media (max-width: 550px) { .hero-carousel { min-height: 430px; padding: 62px 20px 62px; } }
@media (max-width: 700px) { .pricing-grid { grid-template-columns: minmax(0, 480px); } }
@media (max-width: 550px) { .problem-grid { grid-template-columns: 1fr; } }
@media (max-width: 550px) { .carousel-flow { gap: 5px; padding: 8px 5px; } .flow-source, .flow-result { min-width: 43px; font-size: 8px; } .flow-apps { gap: 3px; } .flow-apps span { padding: 6px 2px; font-size: 7px; } .flow-apps b { font-size: 8px; } .flow-arrow { font-size: 14px; } }
.problem-card, .evidence-card, .price-card { background: #ffffff; color: #050505; border-color: var(--navy); }
.problem-card-accent, .price-card-featured { background: var(--accent); color: #050505; border-color: var(--navy); }
.problem-card-blue, .evidence-card:nth-child(2) { background: var(--blue); color: #050505; border-color: var(--navy); }
.problem-card-lime { background: var(--navy); color: #ffffff; border-color: var(--navy); }
.problem-card p, .problem-card-blue p, .problem-card-lime p,
.evidence-card:nth-child(2) p, .evidence-card:nth-child(2) .evidence-source { color: inherit; }
.example { background: var(--navy); color: #ffffff; }
.example-board { background: #132d4f; border-color: #7394b8; box-shadow: 18px 18px 0 var(--accent); }
.example-heading > p:last-child, .email-content p, .draft p { color: #e5edf7; }
.support-offer { background: var(--navy); color: #ffffff; border-color: var(--navy); }
.support-offer .card-link { color: #ffffff; }
.lead-form input, .lead-form textarea, .lead-form select { background: #ffffff; border-color: var(--navy); color: #050505; }
.site-footer .wordmark, .site-header, .policy-page, .error-page { color: #050505; }
.button-dark:hover,
.button-dark:focus-visible {
  background: var(--accent);
  color: #050505;
}
.hero-visual {
  background-color: var(--navy);
  border-color: var(--navy);
}
.pricing-basics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; margin: 0 0 24px; padding: 18px 0; border-top: 1px solid var(--navy); border-bottom: 1px solid var(--navy); }
.pricing-basics div { display: grid; grid-template-columns: 35px 1fr; column-gap: 10px; }
.pricing-basics strong { grid-row: span 2; color: var(--accent); font: 11px "Space Mono", monospace; }
.pricing-basics span { font-weight: 700; }
.pricing-basics p { grid-column: 2; margin: 5px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; }
.pricing-model { margin: 0 0 24px; padding: 16px 18px; border-left: 3px solid var(--accent); background: #f8fafc; }
.pricing-model p { max-width: 820px; margin: 0; color: #1f2937; font-size: 13px; line-height: 1.5; }
.pricing-model strong { margin-right: 8px; color: var(--navy); }
.price-fit { display: flex; flex-direction: column; gap: 4px; min-height: 42px; margin-bottom: 12px; padding: 8px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 12px; }
.price-fit strong { font: 10px "Space Mono", monospace; text-transform: uppercase; }
.price-fit span { color: var(--muted); }
.price-card-featured .price-fit { border-color: rgba(59, 27, 6, .35); }
.price-card-featured .price-fit span { color: #3b1b06; }
.lead-form input,
.lead-form textarea,
.lead-form select {
  border: 0;
  border-bottom: 1px solid #050505;
  outline: none;
  box-shadow: none;
}
.lead-form input:focus,
.lead-form textarea:focus,
.lead-form select:focus {
  border: 0;
  border-bottom: 2px solid var(--accent);
  outline: none;
  box-shadow: none;
}
@media (max-width: 700px) {
  .pricing-basics { grid-template-columns: 1fr; gap: 14px; }
  .insight, .faq { grid-template-columns: 1fr; gap: 28px; }
  .insight-content { padding-top: 0; }
}
.confirmation-page .site-footer { column-gap: 42px; }
.confirmation-page .site-footer p:nth-of-type(1) { margin-left: auto; }
@media (max-width: 550px) {
  .confirmation-page .site-footer { gap: 12px; }
  .confirmation-page .site-footer p:nth-of-type(1) { margin-left: 0; }
  .confirmation-page .site-footer p:last-child { margin-top: 8px; }
}

.hero-note { margin: 18px 0 0; color: var(--muted); font-size: 13px; }
.header-phone { font-size: 13px; font-weight: 600; white-space: nowrap; }
.contact-direct { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; font-weight: 600; }
.contact-direct a { text-decoration: underline; text-underline-offset: 3px; }
.price-card .price-setup { min-height: 0; margin: -18px 0 22px; font-size: 13px; }
.problem-grid .problem-card { min-height: 240px; }
.price-card { min-height: 0; }
.price-card .price-value { margin-top: 12px; }
.price-card-featured.reveal-price.is-visible { transform: none; }
.price-card-featured .price-setup { color: #3b1b06; }
.confirmation-booking { margin-top: 14px; }
.form-status:focus { outline: none; }
@media (max-width: 850px) { .header-phone { display: none; } }
.header-cta { white-space: nowrap; }
@media (max-width: 1000px) { .site-nav { gap: 18px; margin-right: 0; } }
@media (max-width: 375px) { .header-cta { display: none; } }
.hero-kicker, .step-number, .price-tag, .contact-note { color: #c2410c; }
.price-card.price-card-featured .price-tag, .price-card.price-card-featured .card-link { color: #000; }
.price-card.price-card-featured p, .price-card.price-card-featured .price-value span { color: #3b1b06; }
@media (max-width: 850px) { .hero-visual.hero-carousel { min-height: 0; padding-bottom: 40px; } }
.compare { width: min(100%, 820px); margin: 36px auto 0; border-collapse: collapse; color: var(--ink); font-size: 14px; line-height: 1.35; }
.compare caption { padding-bottom: 14px; font-size: 22px; font-weight: 500; letter-spacing: -.04em; text-align: left; }
.compare thead th { position: sticky; top: 0; z-index: 2; padding: 12px; background: #0b1f3a; color: #fff; font-size: 13px; font-weight: 600; text-align: left; }
.compare thead td { position: sticky; top: 0; z-index: 2; background: #0b1f3a; }
.compare tbody th, .compare tbody td { padding: 11px 12px; border-bottom: 1px solid var(--line); font-weight: 400; text-align: left; vertical-align: top; }
.compare tbody th { width: 46%; }
.compare tbody td { width: 27%; font-weight: 600; }
.compare tbody td.compare-no { color: var(--muted); font-weight: 400; }
.compare .compare-group th { padding-top: 24px; color: var(--muted); font: 11px "Space Mono", monospace; text-transform: uppercase; }
.compare + .pricing-note { width: min(100%, 820px); margin-left: auto; margin-right: auto; font-size: 12px; line-height: 1.5; }
@media (max-width: 550px) { .compare { font-size: 12.5px; } .compare thead th { padding: 10px 8px; font-size: 12px; } .compare tbody th, .compare tbody td { padding: 10px 8px; } .compare tbody th { width: 40%; } .compare tbody td { width: 30%; } }


.phone-field { display: grid; grid-template-columns: minmax(0, 11.5rem) minmax(0, 1fr); gap: 14px; margin-bottom: 27px; }
.phone-field select, .phone-field input { margin-bottom: 0; }
.field-error { min-height: 0; margin: -19px 0 22px; color: #8d2b13; font-size: 13px; line-height: 1.4; }
.field-error:empty { display: none; }
.lead-form input[aria-invalid="true"] { border-bottom: 2px solid var(--accent); background: rgba(249, 115, 22, .06); }
@media (max-width: 550px) { .phone-field { grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr); gap: 10px; } }

html.is-submitting { overflow: hidden; scrollbar-gutter: stable; }
.submit-overlay { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 24px; background: rgba(11, 31, 58, .78); backdrop-filter: blur(4px); animation: overlay-in .18s ease-out; }
.submit-overlay[hidden] { display: none; }
.submit-overlay:focus { outline: none; }
.submit-overlay-card { display: grid; justify-items: center; gap: 14px; width: min(380px, 100%); padding: 38px 28px 34px; border: 1px solid var(--ink); background: #fff; box-shadow: 10px 10px 0 var(--accent); text-align: center; }
.submit-spinner { width: 72px; height: 72px; border: 7px solid var(--blue); border-top-color: var(--accent); border-radius: 50%; animation: submit-spin .75s linear infinite; }
.submit-overlay-title { margin: 8px 0 0; color: var(--ink); font-size: 22px; font-weight: 500; letter-spacing: -.03em; }
.submit-overlay-copy { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.45; }
@keyframes submit-spin { to { transform: rotate(360deg); } }
@keyframes overlay-in { from { opacity: 0; } }

.confirmation-page.is-loading .confirmation-card:not(.confirmation-skeleton) { display: none; }
.confirmation-page:not(.is-loading) .confirmation-skeleton { display: none; }
.confirmation-page:not(.is-loading) .confirmation-card { animation: card-in .35s ease-out; }
.confirmation-skeleton { display: grid; align-content: start; gap: 16px; min-height: 360px; }
.skeleton { display: block; border-radius: 3px; background: linear-gradient(90deg, #e3eaf3 25%, #f1f5fa 50%, #e3eaf3 75%); background-size: 200% 100%; animation: skeleton-shimmer 1.3s ease-in-out infinite; }
.skeleton-mark { width: 48px; height: 48px; margin-bottom: 4px; }
.skeleton-line { height: 14px; }
.skeleton-eyebrow { width: 120px; height: 11px; }
.skeleton-title { width: 70%; height: 44px; margin: 4px 0 6px; }
.skeleton-short { width: 58%; }
.skeleton-button { width: 170px; height: 44px; margin-top: 12px; }
@keyframes skeleton-shimmer { to { background-position: -200% 0; } }
@keyframes card-in { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) {
  .skeleton, .confirmation-page:not(.is-loading) .confirmation-card, .submit-overlay { animation: none; }
  .submit-spinner { animation-duration: 1.6s; }
}

.hero-copy h1 em, .section-intro h2 em, .contact-copy h2 em, .policy-page h1 em { color: #ea580c; }
.contact .eyebrow { color: var(--muted); }
.breadcrumb { margin: 0 0 22px; font: 11px/1.3 "Space Mono", monospace; letter-spacing: .04em; text-transform: uppercase; }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; color: var(--muted); }
.breadcrumb li + li::before { content: "/"; margin-right: 8px; color: var(--line); }
.breadcrumb a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb [aria-current] { color: var(--muted); }