/* ChallengerOps website stylesheet. Built 2026-10-26 by tools/build-css.js from assets/src in cascade order.
   Edit the source sheets in assets/src, then rebuild. Section comments name the source file for each block.
   Rules whose selectors matched nothing on any public page (menus, tabs, modules, details and the
   screenshot dialog opened) were dropped; everything kept is unchanged in order and specificity. */

/* ====== from home-structure.css ====== */
.home { overflow-x: hidden; }
.home a { color: inherit; text-decoration: none; transition: 0.3s; }
.home ul { margin: 0px; padding: 0px; list-style: none; }
.home strong { font-weight: bolder; }
.home .container::after { content: ""; display: block; clear: both; }
.home .section .content::after { content: ""; display: block; clear: both; }

/* ====== from restaurant.css ====== */
:root { color-scheme: light; --yellow: #ffd34d; --ink: #221b17; --paper: #fffaf0; --white: #ffffff; --muted: #6b5d52; --line-color: #d9cdbd; --mint: #d9eadd; --blue: #d8e7ef; --pink: #f4d6da; --on-ink: #fffaf0; --warning-bg: #fff0c2; --warning: #735000; --pending-bg: #f4efe6; --dash-bg: #f4efe6; --dash-line: #e3dbcf; --dash-ink: #221b17; --dash-muted: #536171; --dash-action: #235c4c; --dash-sidebar: #221b17; --dash-selected: #35465b; --device-black: #171a1c; --device-metal: #8b9296; --device-screen: #f4efe6; --backdrop: rgb(15 22 30 / .65); --shadow: 0 24px 60px rgb(22 29 40 / .12); --font: "Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --s0: 0; --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4rem; --s9: 6rem; --gutter: clamp(1rem,4vw,4rem); --max: 80rem; --rule: 1px; --target: 2.75rem; --body: 1.0625rem; --small: .875rem; --title: clamp(3.25rem,7vw,7rem); --heading: clamp(2.5rem,5vw,5rem); --radius: .8rem; --phone: 19rem; --screen-native: 48.75rem; --fast: 180ms; --normal: 350ms; --entry: 650ms; --ease: cubic-bezier(.2,.7,.2,1); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: var(--s5); }
body { margin: var(--s0); background: var(--yellow); color: var(--ink); font: var(--body)/1.6 var(--font); }
h1, h2, h3, p, figure, dl, dd { margin: var(--s0); }
h1, h2 { font-weight: 500; line-height: 1.02; letter-spacing: -0.055em; }
h1 { font-size: var(--title); }
h2 { font-size: var(--heading); }
h3 { font-size: 1.25rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; }
p { margin-bottom: var(--s5); max-width: 60ch; }
a { color: inherit; text-underline-offset: var(--s1); }
button { font: inherit; color: inherit; cursor: pointer; }
img { display: block; max-width: 100%; height: auto; }
a, button, summary { touch-action: manipulation; }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--ink); outline-offset: var(--s1); }
[hidden] { display: none !important; }
.wrap { width: min(calc(100% - 2 * var(--gutter)),var(--max)); margin-inline: auto; }
.section { padding-block: var(--s9); }
.small, small, figcaption { font-size: var(--small); color: var(--muted); }
.section-label { font-size: var(--small); margin-bottom: var(--s5); }
.skip { position: absolute; top: var(--s3); left: var(--s3); z-index: 10; background: var(--paper); padding: var(--s3); transform: translateY(-200%); }
.skip:focus { transform: none; }
.site-header nav a:hover, .site-header nav a[aria-current] { border-color: currentcolor; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: var(--s5); min-height: 3.2rem; padding: var(--s3) var(--s5); background: var(--ink); color: var(--on-ink); text-decoration: none; border: var(--rule) solid var(--ink); font-size: var(--small); font-weight: 600; transition: transform var(--fast) var(--ease),box-shadow var(--normal) var(--ease); }
.text-link { min-height: var(--target); display: inline-flex; align-items: center; }
.outline-button { border: var(--rule) solid var(--dash-line); background: var(--white); border-radius: var(--s2); min-height: var(--target); padding: var(--s2) var(--s4); font-size: var(--small); }
.shift-list li::before { content: counter(shift, decimal-leading-zero); grid-row: span 2; font-size: var(--small); color: var(--muted); }
.module-row { border-top: var(--rule) solid var(--line-color); }
.module-row:last-child { border-bottom: var(--rule) solid var(--line-color); }
.module-row summary { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: var(--s4); list-style: none; cursor: pointer; font-size: 1.25rem; }
.module-row summary::-webkit-details-marker { display: none; }
.module-row > div { padding-bottom: var(--s5); }
.module-row p:last-child { margin-bottom: var(--s0); }
.expand-symbol { transition: transform var(--fast) var(--ease); font-size: 1.5rem; }
.module-row[open] .expand-symbol { transform: rotate(45deg); }
.module-row[open] > div { animation: enter var(--normal) var(--ease); }
.site-footer a:focus-visible { outline-color: var(--on-ink); }
.contact-page, .policy-page { padding-block: var(--s8) var(--s9); }
.contact-page { max-width: 60rem; }
.contact-page h1, .policy-page h1 { margin-bottom: var(--s6); }
.iphone-frame::before, .iphone-frame::after { content: ""; position: absolute; width: 0.18rem; background: var(--device-metal); border-radius: var(--s1); }
.iphone-frame::before { left: -0.18rem; top: 22%; height: 8%; }
.iphone-frame::after { right: -0.18rem; top: 29%; height: 12%; }
.iphone-screen::before { content: ""; position: absolute; top: var(--s2); left: 50%; transform: translateX(-50%); width: 5.3rem; height: 1.25rem; background: var(--device-black); border-radius: var(--s5); }
.iphone-screen::after { content: ""; position: absolute; bottom: var(--s1); left: 35%; width: 30%; height: var(--s1); background: var(--device-black); border-radius: var(--s2); }
.dash-sidebar button[aria-pressed="true"] { background: var(--dash-selected); }
.dash-top > span:first-child { font-weight: 600; }
.dash-top > span:last-child { color: var(--dash-muted); }
.dash-metrics > div:last-child { border: 0px; }
.dash-sidebar button:focus-visible { outline-color: var(--white); }
.screen-viewer::backdrop { background: var(--backdrop); }
.screen-viewer[open] { display: flex; flex-direction: column; animation: enter var(--normal) var(--ease); }
.screen-viewer.is-zoomed .screen-viewer-body img { width: max(100%,var(--screen-native)); max-width: none; }
@keyframes enter {
  0% { opacity: 0; transform: translateY(var(--s3)); }
  100% { opacity: 1; transform: translateY(0px); }
}
@view-transition { navigation: auto; }
::view-transition-new(root) { animation: enter var(--normal) var(--ease); }
@media (hover: hover){.button:hover { transform: translateY(-2px); box-shadow: 4px 4px 0 var(--muted); }}
@media (hover: hover){.device-preview:hover .iphone-frame { transform: translateY(-3px); }}
@media (hover: hover){.record-link:hover { background: var(--dash-bg); }}
@media (max-width: 700px){:root { --title: clamp(3rem,12vw,4.5rem); --heading: clamp(2.25rem,9vw,3.75rem); --s9: 3.5rem; --phone: 18rem; }}
@media (max-width: 700px){.module-row summary { font-size: 1.125rem; min-height: 4rem; }}
@media (max-width: 700px){main { overflow-wrap: anywhere; }}
@media (prefers-reduced-motion: reduce){html { scroll-behavior: auto; }}
@media (prefers-reduced-motion: reduce){*, ::before, ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}
@media (prefers-reduced-motion: reduce){@view-transition { navigation: none; }}
@media (prefers-reduced-motion: reduce){.button:hover, .device-preview:hover .iphone-frame { transform: none; }}

/* ====== from reference-layout.css ====== */
:root { --yellow: #ffd34d; --ink: #221b17; --gutter: clamp(1.25rem,3.9vw,3.5rem); --reference-rail: 12rem; --reference-content: calc(var(--gutter) + var(--reference-rail)); --reference-width: calc(100% - var(--reference-content) - var(--gutter)); --reference-heading: clamp(3.5rem,5.7vw,5.125rem); --reference-line: .96; --reference-gap: clamp(4rem,14.4vw,13rem); --reference-title-bottom: 2.5rem; }
.site-header nav a:nth-child(3) { margin-bottom: var(--s3); }
.site-header nav a:hover { text-decoration: underline; }
main > .section.wrap, .owner-band > .wrap, .pricing-band > .wrap, .dashboard-stage > .wrap { width: var(--reference-width); max-width: none; margin-left: var(--reference-content); margin-right: var(--gutter); }
.intro-layout > div > p:not(.lead) { max-width: 48ch; }
.contact-page, .policy-page { width: var(--reference-width); max-width: 56rem; margin-left: var(--reference-content); margin-right: var(--gutter); padding-top: 10rem; }
.contact-page h1, .policy-page h1 { font-weight: 700; letter-spacing: -0.06em; }
.site-footer a:focus-visible { outline-color: var(--ink); }
.button:hover { box-shadow: none; }
@media (max-width: 1000px) and (min-width: 701px){:root { --reference-rail: 8rem; --reference-gap: 3rem; }}
@media (max-width: 700px){:root { --reference-content: var(--gutter); --reference-width: calc(100% - var(--gutter)*2); --reference-heading: clamp(2.75rem,11vw,4rem); }}
@media (max-width: 700px){main > .section.wrap, .owner-band > .wrap, .pricing-band > .wrap, .dashboard-stage > .wrap, .site-footer > .wrap { margin-inline: auto; }}
@media (max-width: 700px){.contact-page, .policy-page { margin-inline: auto; padding-top: var(--s5); }}
.site-header nav a[aria-current="page"], .mobile-site-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: var(--s1); }

/* ====== from inner-pages.css ====== */
:root { --inner-title: var(--reference-heading); --inner-top: 10rem; --inner-anchor: 6rem; --inner-gap: clamp(2rem,5vw,5rem); --field-bg: #fff7d5; --field-border: #807956; --field-focus: #221b17; --form-success: #e4ecdc; --policy-measure: 62ch; }
.inner-title { padding-top: var(--inner-top); }
.inner-title h1 { font-size: var(--inner-title); font-weight: 600; letter-spacing: -0.06em; line-height: var(--reference-line); margin-bottom: var(--s7); }
.module-explorer-index button:last-child { border-bottom: var(--rule) solid var(--line-color); }
.module-explorer-index button[aria-pressed="true"] { background: var(--ink); color: var(--yellow); }
.module-explorer-index button[aria-pressed="true"]:focus-visible { outline-offset: var(--s1); }
.starting-section li::before { content: counter(setup, decimal-leading-zero); display: block; font-size: 0.75rem; margin-bottom: var(--s4); }
.email-draft-form input:focus-visible, .email-draft-form select:focus-visible, .email-draft-form textarea:focus-visible, .review-filter input:focus-visible { outline: 2px solid var(--field-focus); outline-offset: var(--s1); }
.policy-title { padding-bottom: var(--s7); }
.policy-title > p:not(.section-label) { max-width: var(--policy-measure); font-size: 1.125rem; }
.policy-layout { padding-top: 0px; display: grid; grid-template-columns: minmax(0px, 0.7fr) minmax(0px, 2fr); gap: var(--inner-gap); align-items: start; }
.policy-layout > nav { position: sticky; top: var(--inner-anchor); font-size: var(--small); }
.policy-layout nav p { font-size: 0.75rem; color: var(--muted); }
.policy-layout nav a { display: flex; align-items: center; min-height: var(--target); margin-bottom: var(--s2); }
.policy-contact { margin-top: var(--s5); }
.policy-copy { max-width: var(--policy-measure); }
.policy-copy > section { scroll-margin-top: var(--inner-anchor); border-top: var(--rule) solid var(--line-color); padding-block: var(--s5); }
.policy-copy h2 { font-size: 1.5rem; font-weight: 600; letter-spacing: -0.02em; margin-bottom: var(--s5); }
.policy-copy p:last-child { margin-bottom: 0px; }
.dashboard-introduction > p:last-child { font-size: 0.8rem; color: var(--muted); margin-bottom: 0px; }
@media (max-width: 700px){:root { --inner-top: var(--s5); --inner-anchor: var(--s5); }}
@media (max-width: 700px){.inner-title h1 { margin-bottom: var(--s5); overflow-wrap: anywhere; }}
@media (max-width: 700px){.module-explorer, .journey-step, .handoff-feature, .contact-layout, .contact-scope, .policy-layout { grid-template-columns: minmax(0px, 1fr); gap: var(--s6); }}
@media (max-width: 700px){.module-explorer-index, .policy-layout > nav { position: static; }}
@media (max-width: 700px){.module-explorer-index button:last-child { border-bottom: 0px; }}
@media (max-width: 700px){.policy-layout nav { display: flex; flex-wrap: wrap; gap: 0 var(--s4); border-bottom: var(--rule) solid var(--line-color); padding-bottom: var(--s5); }}
@media (max-width: 700px){.policy-layout nav p { flex-basis: 100%; margin-bottom: var(--s2); }}
@media (max-width: 700px){.policy-layout .policy-contact { margin-top: 0px; }}
@media (max-width: 700px){.policy-copy { min-width: 0px; }}

/* ====== from source-reproduction.css ====== */
:root { --font: Manrope,Arial,sans-serif; --reference-yellow: #ffd34d; --reference-gallery: #fbf3dc; --reference-ink: #221b17; --reference-mint: #d8ebd4; --reference-blue: #b9dcec; --reference-rose: #f9d0ca; --reference-frame: #1a1411; --reference-white: #fff; --reference-s1: .5rem; --reference-s2: 1rem; --reference-s3: 1.5rem; --reference-s4: 3rem; --reference-motion: .3s; --reference-font: Formular,Arial,sans-serif; }
body, button, input, select, textarea { font-family: var(--reference-font); }
.source-reproduction .fixed-menu a:hover { text-decoration: underline; }
.motion-control { position: absolute; right: var(--reference-s3); bottom: var(--reference-s4); z-index: 3; border: 1px solid; border-radius: 50px; padding: var(--reference-s1) var(--reference-s2); font-size: 12px; background: var(--reference-yellow); color: var(--reference-ink); cursor: pointer; min-height: 44px; }
.source-reproduction .site-footer a:focus-visible { outline-color: var(--reference-yellow); }
@media (max-width: 740px){.motion-control { bottom: var(--reference-s2); right: 19px; font-size: 11px; min-height: 36px; }}
:root { --reference-body-size: 1.125rem; --reference-display-size: clamp(3rem,7.3vw,6.5rem); --reference-mobile-display: clamp(2.5rem,11.5vw,3.25rem); --reference-nav-size: .875rem; --reference-caption-size: 1rem; --reference-heavy: 900; --reference-clear: transparent; }
body { font-size: var(--reference-body-size); }
h1, h2, .source-reproduction .reference-copy .title, .owner-page-intro h1, .contact-page h1, .policy-page h1 { font-weight: var(--reference-heavy); }
:root { --service-min-height: 44rem; --service-title-size: clamp(3rem,7.3vw,7rem); --service-title-left: clamp(1.5rem,16vw,16rem); --service-tracking: -.065em; --service-leading: .9; --service-duration: 12s; --service-zoom: 1.035; --service-phone-height: 36rem; --service-phone-title: clamp(2rem,10.5vw,3.25rem); --service-phone-art-height: 100%; }
.service-hero { position: relative; isolation: isolate; height: 100svh; min-height: var(--service-min-height); background: var(--reference-yellow); overflow: hidden; }
.service-hero-art { position: absolute; inset: var(--s0); z-index: -1; overflow: hidden; }
.service-hero-art img { width: 100%; height: 100%; object-fit: cover; animation: service-camera var(--service-duration) ease-in-out infinite alternate; }
.service-title { position: absolute; left: var(--service-title-left); right: var(--reference-s3); bottom: var(--reference-s4); margin: var(--s0); font-family: var(--reference-font); font-size: var(--service-title-size); font-weight: var(--reference-heavy); line-height: var(--service-leading); letter-spacing: var(--service-tracking); color: var(--reference-ink); }
.service-title > span { display: block; }
.service-hero .motion-control { bottom: var(--reference-s1); font-size: var(--reference-nav-size); }
@keyframes service-camera {
  0% { transform: scale(1); }
  100% { transform: scale(var(--service-zoom)); }
}
.service-hero.motion-paused .service-hero-art img { animation-play-state: paused; }
@media (max-width: 740px){.service-hero { height: var(--service-phone-height); min-height: 0px; }}
@media (max-width: 740px){.service-hero-art { height: var(--service-phone-art-height); }}
@media (max-width: 740px){.service-hero-art img { object-position: 65% center; }}
@media (max-width: 740px){.service-title { left: var(--reference-s3); right: var(--reference-s3); bottom: var(--reference-s4); font-size: var(--service-phone-title); line-height: 0.94; letter-spacing: -0.045em; }}
@media (prefers-reduced-motion: reduce){.service-hero-art img { animation: auto ease 0s 1 normal none running none; }}

/* ====== from service-scene.css ====== */
:root { --scene-ticket-paper: #fff3cf; --scene-ticket-edge: #e2c08a; --scene-ticket-ink: #221b17; --scene-ticket-shadow: rgb(118 73 12 / .16); --scene-ring: #fff5c6; --scene-feed-duration: 6s; --scene-bell-duration: 3s; --scene-entrance-duration: .85s; --scene-aspect: 1.5; --scene-paper-weight: 700; --scene-paper-tracking: .03em; --scene-paper-border: .065cqw; --scene-virtual-height: 1024; --scene-zero: 0; --scene-full: 100%; --scene-ticket-lift: -108%; --scene-title-rise: .65em; }
.service-hero-art { container-type: size; }
.service-scene { position: absolute; left: 50%; top: 50%; width: max(100cqw, 150cqh); height: max(66.6667cqw, 100cqh); transform: translate(-50%, -50%); container-type: inline-size; pointer-events: none; }
.service-hero-art .service-scene-plate { position: absolute; inset: var(--scene-zero); width: var(--scene-full); height: var(--scene-full); object-fit: fill; animation: auto ease 0s 1 normal none running none; }
.service-hero-art .service-bell { position: absolute; left: 65.25%; top: 4.15%; width: 23.5%; height: 26.5%; transform-origin: 50% 92%; animation: service-ring var(--scene-bell-duration) ease-in-out infinite; }
.service-hero-art .service-bell img { width: var(--scene-full); height: var(--scene-full); object-fit: contain; animation: auto ease 0s 1 normal none running none; }
.service-bell::before, .service-bell::after { content: ""; position: absolute; top: 14%; height: 48%; width: 14%; border: var(--scene-paper-border) solid var(--scene-ring); opacity: var(--scene-zero); animation: service-ring-lines var(--scene-bell-duration) ease-out infinite; }
.service-bell::before { left: -6%; border-right: var(--scene-zero); border-radius: 100% 0px 0px 100%; }
.service-bell::after { right: -6%; border-left: var(--scene-zero); border-radius: 0px 100% 100% 0px; }
.service-ticket-window { position: absolute; overflow: hidden; transform: skewX(-4deg); transform-origin: center top; padding-bottom: 0.3cqw; }
.service-ticket-window.ticket-one { left: 33.2%; top: 35.1%; width: 10.5%; height: 21.6%; }
.service-ticket-window.ticket-two { left: 45.3%; top: 35.1%; width: 10.5%; height: 25.2%; }
.service-ticket-window.ticket-three { left: 57.2%; top: 35.1%; width: 10.5%; height: 22.9%; }
.service-ticket { position: relative; min-height: var(--scene-full); background: var(--scene-ticket-paper); border: var(--scene-paper-border) solid var(--scene-ticket-edge); box-shadow: .3cqw .25cqw .4cqw var(--scene-ticket-shadow); padding: 1.2cqw 0.9cqw; color: var(--scene-ticket-ink); font-family: var(--reference-font); animation: service-ticket-feed var(--scene-feed-duration) cubic-bezier(.2,.6,.3,1) infinite; transform-origin: center top; }
.service-ticket .ticket-module { display: block; font-size: 0.72cqw; letter-spacing: var(--scene-paper-tracking); font-weight: var(--scene-paper-weight); margin-bottom: 0.8cqw; }
.service-ticket strong { display: block; font-size: 1.12cqw; line-height: 1.05; font-weight: 900; letter-spacing: -0.04em; margin-bottom: 1.4cqw; }
.ticket-check { display: block; width: var(--scene-full); height: 0.5cqw; margin-block: 0.75cqw; border-bottom: var(--scene-paper-border) solid var(--scene-ticket-edge); }
.ticket-check::before { content: "✓"; display: block; font-size: 0.85cqw; line-height: 0.5cqw; }
.ticket-two .service-ticket { animation-delay: -2s; }
.ticket-three .service-ticket { animation-delay: -4s; }
.service-printer-window { position: absolute; left: 20.35%; top: 15.9%; width: 10.25%; height: 20.9%; overflow: hidden; transform: skewX(1deg); }
.service-printer-paper { height: var(--scene-full); background: var(--scene-ticket-paper); border: var(--scene-paper-border) solid var(--scene-ticket-edge); box-shadow: .3cqw .4cqw .3cqw var(--scene-ticket-shadow); padding: 1.2cqw 0.8cqw; animation: 5s cubic-bezier(0.3, 0, 0.2, 1) 0s infinite normal none running service-printer-feed; transform-origin: center top; }
.service-printer-paper span { display: block; font-family: var(--reference-font); font-size: 1cqw; font-weight: 900; letter-spacing: -0.04em; line-height: 1.1; }
.service-printer-paper i { display: block; margin-top: 1.4cqw; height: 0.55cqw; border-block: var(--scene-paper-border) solid var(--scene-ticket-ink); }
.service-title > span { animation: service-word-enter var(--scene-entrance-duration) cubic-bezier(.18,.8,.2,1) both; }
.service-title > span:nth-child(2) { animation-delay: 0.15s; }
@keyframes service-word-enter {
  0% { opacity: 0; transform: translateY(var(--scene-title-rise)); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes service-ticket-feed {
  0%, 4% { transform: translateY(var(--scene-ticket-lift)); opacity: 0; }
  7% { opacity: 1; }
  24%, 66% { transform: translateY(0px); opacity: 1; }
  74% { transform: translateY(7%) rotate(-2deg); opacity: 1; }
  85%, 100% { transform: translateY(108%); opacity: 0; }
}
@keyframes service-printer-feed {
  0%, 6% { transform: translateY(-95%); }
  28%, 65% { transform: translateY(0px); }
  78%, 100% { transform: translateY(108%); }
}
@keyframes service-ring {
  0%, 38%, 100% { transform: translateY(0px) rotate(0deg); }
  8% { transform: translateY(-5%) rotate(-7deg); }
  14% { transform: translateY(-4%) rotate(7deg); }
  20% { transform: translateY(-3%) rotate(-5deg); }
  27% { transform: translateY(-1%) rotate(3deg); }
}
@keyframes service-ring-lines {
  0%, 5%, 38%, 100% { opacity: 0; transform: scale(0.9); }
  12%, 22% { opacity: 0.9; transform: scale(1.12); }
  30% { opacity: 0; transform: scale(1.3); }
}
.service-hero.motion-paused .service-scene *, .service-hero.motion-paused .service-scene ::before, .service-hero.motion-paused .service-scene ::after { animation-play-state: paused !important; }
.service-hero:not(.scene-visible) *, .service-hero:not(.scene-visible) ::before, .service-hero:not(.scene-visible) ::after { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce){.service-hero *, .service-hero ::before, .service-hero ::after { animation: auto ease 0s 1 normal none running none !important; }}
@media (prefers-reduced-motion: reduce){.service-ticket, .service-printer-paper { transform: none; opacity: 1; }}
@media (prefers-reduced-motion: reduce){.service-title > span { transform: none; opacity: 1; }}
@media (max-width: 740px){.service-scene { left: calc(50% - 15cqw); }}
.service-footer .service-title { bottom: 8rem; }
.service-footer .service-consultation { position: absolute; left: var(--service-title-left); bottom: 2rem; z-index: 4; }
.service-ticket strong, .service-ticket .ticket-module, .service-printer-paper span { white-space: nowrap; overflow: hidden; }
@media (max-width: 740px){.service-footer .service-title { bottom: 8rem; }}
@media (max-width: 740px){.service-footer .service-consultation { left: var(--reference-s3); bottom: 3.5rem; }}

/* ====== from reference-film.css ====== */
:root { --film-yellow: #ffd34d; --film-ink: #221b17; --film-font: Manrope,Arial,sans-serif; --film-title-size: 82px; --film-title-line: 78px; --film-title-space: -6.56px; --film-title-bottom: 41px; --film-min-height: 700px; --film-mobile-height: 320px; --film-sign-width: 33.333333%; --film-sign-height: 10.185185%; --film-sign-left: 33.333333%; --film-sign-top: 17.592593%; }
.film-sign.sign-ready { opacity: 1; }
.reference-film .motion-control { bottom: 19px; font-size: 12px; }
:root { --film-pink: #f0d7dd; --film-dark: #1c203e; --film-paper: #fcfbfa; --film-rule: rgb(28 32 66 / .3); --film-content-space: 192px; --film-section-gap: 6rem; }
.m-cases.reference-block .shift-case:last-child { border-bottom: 1px solid var(--film-rule); }
.m-cases.reference-block .item__heading::-webkit-details-marker { display: none; }
.m-cases.reference-block .shift-case[open] .item__arrow { transform: rotate(45deg); }
.m-cases.reference-block .shift-case[open] .item__body { display: block; }
.source-reproduction.reference-on-dark .header .challenger-wordmark, .source-reproduction.reference-on-dark .fixed-menu__nav li a { color: var(--film-paper); }
.source-reproduction.reference-on-dark .header .hello-btn { color: var(--film-ink); }
.reference-reveal-enabled .reference-block h2 { transition: opacity 0.65s, transform 0.65s; }
.reference-reveal-enabled .reference-block h2.reveal-waiting { opacity: 0; transform: translateY(28px); }
@media (max-width: 740px){.source-reproduction.reference-on-dark .header .challenger-wordmark { color: var(--film-ink); }}
@media (prefers-reduced-motion: reduce){.reference-reveal-enabled .reference-block h2 { transition: none; }}
@media (prefers-reduced-motion: reduce){.reference-reveal-enabled .reference-block h2.reveal-waiting { opacity: 1; transform: none; }}
.source-reproduction.reference-on-dark .header .challenger-wordmark { color: var(--film-ink); }
.source-reproduction.reference-header-dark .header .challenger-wordmark { color: var(--film-paper); }
@media (max-width: 740px){.source-reproduction.reference-on-dark .fixed-menu__nav li a, .source-reproduction.reference-header-dark .header .challenger-wordmark { color: var(--film-ink); }}
:root { --film-sign-stroke: #fff1b0; --film-sign-fill: #ffd25b; --film-sign-shadow: #f5b52e; }

/* ====== from brand-polish.css ====== */
@font-face { font-family: Manrope; src: url("fonts/manrope-latin-variable.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
:root { --brand-font: Manrope,Arial,sans-serif; --font: var(--brand-font); --reference-font: var(--brand-font); --film-font: var(--brand-font); --brand-ink: #221b17; --brand-paper: #fffaf0; --brand-amber: #e08a12; --brand-muted: #535567; --brand-rule: #b5b3a6; --brand-control-shadow: rgb(28 32 66 / .16); --brand-logo-width: 13.5rem; --brand-logo-aspect: 1633/388; --brand-logo-stacked-aspect: 986/888; --brand-radius: 999px; --brand-target: 3.25rem; --brand-control-font: .9375rem; --brand-button-weight: 750; --brand-body-size: 1.125rem; --brand-body-line: 1.65; --brand-label-size: .9375rem; --brand-display-weight: 800; --brand-heading-tracking: -.055em; --brand-button-gap: .875rem; --brand-button-pad: .75rem; --brand-button-pad-x: 1.25rem; --brand-icon-size: 1.75rem; --brand-icon-font: 1.125rem; --brand-focus-width: 3px; --brand-focus-offset: 4px; --brand-action-duration: 200ms; --brand-ease: cubic-bezier(.2,.75,.2,1); --brand-footer-gap: 3rem; --brand-footer-logo: 12rem; --brand-space: 1rem; --brand-space-small: .5rem; --phone-perspective: 1400px; --phone-depth: 8px; --phone-metal-shadow: 8px 12px 0 rgb(28 32 66 / .10); }
body, button, input, textarea, select { font-family: var(--brand-font); }
body { font-size: var(--brand-body-size); line-height: var(--brand-body-line); }
h1, h2 { font-weight: var(--brand-display-weight); letter-spacing: var(--brand-heading-tracking); }
.small, small { line-height: 1.55; }
.inner-title h1, .owner-page-intro h1, .contact-page h1, .policy-page h1, .page-next h2 { font-weight: var(--brand-display-weight); }
.brand-artwork { display: block; width: 100%; aspect-ratio: var(--brand-logo-aspect); background: currentcolor; mask: url("brand/challengerops-horizontal-mask.webp") center center / contain no-repeat; }
.source-reproduction.reference-header-dark .header .brand-logo { color: var(--brand-paper); }
a.button, button.button { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--brand-button-gap); min-height: var(--brand-target); padding: var(--brand-button-pad) var(--brand-button-pad-x); border: 1px solid var(--brand-ink); border-radius: var(--brand-radius); background: var(--brand-ink); color: var(--brand-paper); font-family: var(--brand-font); font-size: var(--brand-control-font); font-weight: var(--brand-button-weight); line-height: 1.3; letter-spacing: -0.015em; text-decoration: none; transition: background var(--brand-action-duration) var(--brand-ease),color var(--brand-action-duration) var(--brand-ease),transform var(--brand-action-duration) var(--brand-ease),box-shadow var(--brand-action-duration) var(--brand-ease); }
.button-label { min-width: 0px; }
.outline-button { border-radius: var(--brand-radius); font-size: var(--brand-control-font); font-weight: 650; line-height: 1.3; padding: var(--brand-button-pad) var(--brand-button-pad-x); min-height: var(--target); }
.button:focus-visible, .outline-button:focus-visible, .brand-logo:focus-visible, .device-preview:focus-visible { outline: var(--brand-focus-width) solid var(--brand-ink); outline-offset: var(--brand-focus-offset); }
.text-link { font-weight: 650; text-decoration-thickness: 1px; text-underline-offset: 0.3em; }
@media (hover: hover){a.button:hover, button.button:hover { background: var(--brand-amber); color: var(--brand-ink); transform: translateY(-2px); box-shadow: 0 4px 0 var(--brand-control-shadow); }}
@media (hover: hover){.button:hover .button-icon { transform: rotate(10deg); }}
@media (hover: hover){.outline-button:hover { background: var(--brand-ink); color: var(--brand-paper); }}
.reference-header-dark .header .brand-contact { background: var(--brand-paper); color: var(--brand-ink); border-color: var(--brand-paper); }
.phone-turn { display: block; transform-style: preserve-3d; transform-origin: 50% 55%; will-change: transform; }
.phone-turn .iphone-frame { backface-visibility: hidden; transform: translateZ(var(--phone-depth)); box-shadow: var(--phone-metal-shadow); transition: box-shadow var(--brand-action-duration) var(--brand-ease); }
.device-preview:hover .phone-turn .iphone-frame { transform: translateZ(var(--phone-depth)); }
.device-preview:focus-visible { border-radius: var(--radius); }
@media (max-width: 740px){:root { --brand-logo-width: 10rem; --brand-footer-logo: 10rem; --brand-footer-gap: 2rem; }}
@media (max-width: 740px){.source-reproduction.reference-header-dark .header .brand-logo { color: var(--brand-ink); }}
@media (prefers-reduced-motion: reduce){.phone-turn { transform: none !important; will-change: auto; }}
@media (prefers-reduced-motion: reduce){.phone-turn .iphone-frame { transform: none !important; }}
@media (prefers-reduced-motion: reduce){.button:hover { transform: none !important; }}

/* ====== from fullscreen-hero.css ====== */
@font-face { font-family: "Big Shoulders Display"; src: url("fonts/big-shoulders-display-900-latin.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
:root { --hero-display-font: 'Big Shoulders Display','Arial Narrow',Arial,sans-serif; --hero-display-size: clamp(7rem,13vw,14rem); --hero-display-line: .86; --hero-display-weight: 900; --hero-display-tracking: -.025em; --hero-title-floor: 3rem; --hero-mobile-display: clamp(3.5rem,20vw,7rem); --hero-mobile-top: 4.75rem; --hero-mobile-scene-height: 58svh; --hero-mobile-title-floor: 4.5rem; --hero-mobile-minimum: 0px; --hero-mobile-gap: 1rem; --hero-phone-edge: 1.5rem; }
@media (max-width: 740px){.reference-film .motion-control { bottom: var(--brand-space-small); right: var(--hero-phone-edge); }}
@media (max-width: 740px) and (max-height: 650px){:root { --hero-mobile-scene-height: 50svh; --hero-mobile-top: 3.5rem; --hero-mobile-title-floor: 3.75rem; --hero-mobile-display: clamp(3rem,17vw,4.75rem); }}
@media (max-width: 740px) and (max-height: 650px){.reference-film .motion-control { min-height: 2.5rem; padding-block: 0.375rem; }}

/* ====== from restaurant-palette.css ====== */
:root { --palette-paper: #fbf7ef; --palette-white: #ffffff; --palette-warm: #f3eadb; --palette-ink: #221b17; --palette-muted: #6b5d52; --palette-orange: #e08a12; --palette-rule: #d9cdbd; --palette-clear: transparent; --film-pink: var(--palette-warm); --film-dark: var(--palette-ink); --film-paper: var(--palette-white); --ink: var(--palette-ink); --paper: var(--palette-white); --muted: var(--palette-muted); --line-color: var(--palette-rule); --mint: var(--palette-warm); --blue: var(--palette-warm); --pink: var(--palette-warm); --reference-gallery: var(--palette-paper); --reference-ink: var(--palette-ink); --reference-blue: var(--palette-warm); --reference-rose: var(--palette-warm); --brand-ink: var(--palette-ink); --brand-paper: var(--palette-white); --brand-muted: var(--palette-muted); --brand-amber: var(--palette-orange); --film-ink: var(--palette-ink); }
body, .source-reproduction { background: var(--palette-paper); color: var(--palette-ink); }
.section-label, .source-reproduction .reference-block .section-label { color: var(--palette-muted); }
.site-footer .footer-contact > a:hover { color: var(--palette-orange); }
.site-footer a:focus-visible { outline-color: var(--palette-orange); }
.source-reproduction.reference-on-dark .fixed-menu { color: var(--palette-white); }

/* ====== from interaction-refinement.css ====== */
:root { --refine-radius: .625rem; --refine-border: 1px solid var(--palette-rule); --refine-focus: 3px solid var(--palette-ink); --refine-gap: clamp(1.25rem,3vw,3rem); --refine-panel-pad: clamp(1.25rem,3.5vw,3.5rem); --refine-control-pad: .875rem 1.375rem; --refine-duration: 360ms; --refine-dark-rule: #5a4c42; --refine-dark-card: #332924; --refine-shadow: 0 16px 40px rgb(36 38 34 / .08); --refine-hero-size: clamp(5rem,10.3vw,10.5rem); --refine-white: #ffffff; --refine-hero-floor: 2rem; }
a.button, button.button, .outline-button { justify-content: center; gap: 0px; border-radius: var(--refine-radius); padding: var(--refine-control-pad); min-height: 3rem; font-size: 1rem; line-height: 1.35; font-weight: 700; box-shadow: none; transition: background var(--brand-action-duration),color var(--brand-action-duration),border-color var(--brand-action-duration); }
a.button, button.button { background: var(--palette-orange); border-color: var(--palette-orange); color: var(--palette-ink); }
.outline-button { background: var(--palette-white); color: var(--palette-ink); border: var(--refine-border); }
.button:focus-visible, .outline-button:focus-visible { outline: var(--refine-focus); outline-offset: 4px; }
@media (hover: hover){a.button:hover, button.button:hover { background: var(--palette-ink); border-color: var(--palette-ink); color: var(--palette-white); transform: none; box-shadow: none; }}
@media (hover: hover){.outline-button:hover { background: var(--palette-warm); color: var(--palette-ink); }}
button:disabled { opacity: 0.45; cursor: default; }
.reference-film .motion-control { bottom: var(--s2); right: var(--gutter); background: var(--film-yellow); }
.shift-tabs button[aria-selected="true"] { background: var(--palette-ink); color: var(--palette-white); border-color: var(--palette-ink); }
.screen-callouts li::before { content: counter(callout); position: absolute; left: 0px; top: 0px; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border: 1px solid var(--palette-ink); border-radius: 50%; background: var(--palette-orange); font-size: 0.8rem; font-weight: 700; }
.screen-callouts li::after { content: ""; position: absolute; left: calc(100% + 1rem); top: 0.875rem; width: clamp(2rem, 5vw, 5rem); border-top: 1px solid var(--palette-ink); }
@media (hover: hover){.source-reproduction .m-services.reference-block .item:hover { border-color: var(--palette-orange); background: var(--palette-ink); }}
@media (max-width: 1000px){.screen-callouts li::after { width: 2rem; }}
@media (max-width: 740px){:root { --refine-hero-size: clamp(2.75rem,10.7vw,5rem); --refine-hero-floor: 3.5rem; }}
@media (max-width: 740px){.screen-callouts li::after { left: 0.875rem; top: calc(100% + 0.5rem); width: 0px; height: 1.5rem; border-top: 0px; border-left: 1px solid var(--palette-ink); }}
.screen-callouts li::after { display: none; }
@media (hover: hover){.source-reproduction .button:hover { color: var(--palette-white); }}
@media (max-width: 740px){:root { --refine-hero-size: clamp(3rem,18vw,5rem); }}
:root { --film-sign-white: #ffffff; }
@media (min-width: 741px) and (max-height: 780px){:root { --refine-hero-size: clamp(3.5rem,min(10.3vw,16svh),10.5rem); --refine-hero-floor: 1.25rem; }}

/* ====== from ios-controls.css ====== */
:root { --ios-font: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --ios-surface: #ffffff; --ios-group: #f4efe6; --ios-secondary: #6b5d52; --ios-divider: #e3dbcf; --ios-label: #221b17; --ios-line: #a5988c; --ios-shadow: 0 2px 6px rgb(0 0 0 / .10); --ios-panel-shadow: 0 8px 32px rgb(0 0 0 / .045); --ios-radius: 1.5rem; --ios-control-radius: .875rem; --ios-duration: 220ms; --brand-font: var(--ios-font); --font: var(--ios-font); --reference-font: var(--ios-font); --film-font: var(--ios-font); --brand-heading-tracking: -.04em; }
.source-reproduction .button, a.button, button.button, .header .brand-contact, .site-header .brand-contact { border-radius: var(--ios-control-radius); background: var(--palette-ink); border-color: var(--palette-ink); color: var(--ios-surface); font-size: 1rem; font-weight: 600; letter-spacing: -0.015em; min-height: 3rem; box-shadow: none; }
.outline-button { border-radius: var(--ios-control-radius); background: var(--ios-group); border-color: var(--ios-group); font-weight: 600; }
@media (hover: hover){.source-reproduction .button:hover, a.button:hover, button.button:hover { background: var(--ios-secondary); border-color: var(--ios-secondary); color: var(--ios-surface); }}
@media (hover: hover){.outline-button:hover { background: var(--ios-divider); }}
.shift-tabs button[aria-selected="true"] { background: var(--ios-surface); color: var(--ios-label); border: 0px; box-shadow: var(--ios-shadow); }
.screen-callouts li::before { border: 0px; border-radius: var(--s2); background: var(--ios-group); color: var(--ios-secondary); font-weight: 600; width: 1.75rem; height: 1.75rem; }

/* ====== from inner-refinement.css ====== */
:root { --inner-surface: #ffffff; --inner-group: #f4efe6; --inner-quiet: #6b5d52; --inner-border: #e3dbcf; --inner-blue: #0063d1; --inner-shadow: 0 8px 32px rgb(0 0 0 / .04); --inner-round: 1.5rem; --inner-control: .875rem; --inner-padding: clamp(1.25rem,3vw,3rem); --field-bg: var(--inner-surface); --field-border: var(--inner-border); --field-focus: var(--inner-blue); --form-success: var(--inner-group); }
.inner-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s5); margin-block: var(--s5); }
.inner-actions .button { flex-shrink: 0; }
.inner-actions .text-link { font-size: 1rem; }
.module-explorer-index button, .module-explorer-index button:last-child { border: 0px; border-radius: var(--inner-control); padding: var(--s3) var(--s4); background: transparent; font-size: 1rem; font-weight: 600; min-height: 3rem; transition: background var(--ios-duration),box-shadow var(--ios-duration); }
.module-explorer-index button[aria-pressed="true"] { background: var(--inner-surface); color: var(--palette-ink); box-shadow: var(--ios-shadow); }
.module-explorer-index button > span:empty { display: none; }
.consultation-summary { background: var(--inner-surface); padding: var(--s6); border-radius: var(--inner-round); }
.consultation-summary > strong { display: block; font-size: 2rem; font-weight: 700; letter-spacing: -0.04em; margin-bottom: var(--s4); }
.consultation-summary p { font-size: 1rem; line-height: 1.55; }
.dashboard-introduction p:last-child { margin-bottom: 0px; }
.page-jumps a:hover { background: var(--inner-surface); }
.starting-section li::before { font-weight: 600; color: var(--inner-quiet); }
.email-draft-form input:focus-visible, .email-draft-form select:focus-visible, .email-draft-form textarea:focus-visible { outline-color: var(--inner-blue); }
.contact-scope dl > div:first-child { border-top: 0px; }
@media (max-width: 1000px){.inner-actions { margin-top: var(--s5); }}
@media (max-width: 740px){.inner-refined h1 br::after { content: " "; }}
@media (max-width: 740px){.inner-actions { align-items: stretch; flex-direction: column; gap: var(--s2); }}
@media (max-width: 740px){.inner-actions > .button { width: 100%; }}
@media (max-width: 740px){.inner-actions > .text-link { justify-content: center; }}
@media (max-width: 740px){.consultation-summary { padding: var(--s5); }}

/* ====== from site-chrome.css ====== */
:root { --chrome-white: #ffffff; --chrome-ink: #221b17; --chrome-muted: #6b5d52; --chrome-line: #e8e1d6; --chrome-group: #f4efe6; --chrome-footer-line: #5a4c42; --chrome-footer-muted: #e6dccf; --chrome-shadow: 0 6px 24px rgb(0 0 0 / .08); --chrome-shadow-raised: 0 10px 35px rgb(0 0 0 / .12); --chrome-inset: clamp(1rem,2.2vw,2rem); --chrome-header-height: 4.75rem; --chrome-radius: 1.25rem; --chrome-control-radius: .875rem; --chrome-duration: 220ms; --chrome-ease: cubic-bezier(.2,.75,.2,1); --reference-rail: 0rem; --reference-content: var(--gutter); --reference-width: calc(100% - 2 * var(--gutter)); --film-content-space: 0px; }
.marketing-header { position: fixed; z-index: 20; top: var(--chrome-inset); left: var(--chrome-inset); right: var(--chrome-inset); background: var(--chrome-white); color: var(--chrome-ink); border: 1px solid var(--chrome-line); border-radius: var(--chrome-radius); box-shadow: var(--chrome-shadow); font-family: var(--ios-font); transition: box-shadow var(--chrome-duration),transform var(--chrome-duration); }
.marketing-header.is-scrolled { box-shadow: var(--chrome-shadow-raised); transform: translateY(-0.375rem); }
.marketing-header-row { display: flex; align-items: center; justify-content: space-between; gap: var(--s5); min-height: var(--chrome-header-height); padding: var(--s3) var(--s4); }
.chrome-logo { display: block; width: 12rem; flex-shrink: 0; color: var(--chrome-ink); }
.marketing-nav { display: flex; align-items: center; justify-content: center; gap: var(--s1); margin-left: auto; }
.marketing-nav a { display: flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: var(--s3) var(--s4); border-radius: var(--chrome-control-radius); font-size: 0.9375rem; line-height: 1.3; font-weight: 550; text-decoration: none; white-space: nowrap; transition: background var(--chrome-duration),color var(--chrome-duration); }
.marketing-nav a[aria-current="page"] { background: var(--chrome-group); font-weight: 650; }
.chrome-contact, .chrome-footer-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 2.875rem; padding: var(--s3) var(--s5); border: 1px solid var(--chrome-ink); border-radius: var(--chrome-control-radius); background: var(--chrome-ink); color: var(--chrome-white); font-size: 0.9375rem; line-height: 1.35; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background var(--chrome-duration),transform var(--chrome-duration),box-shadow var(--chrome-duration); }
.contact-phone-label, .menu-toggle { display: none; }
.chrome-page:not(.home) main { padding-top: calc(var(--chrome-header-height) + var(--chrome-inset) + var(--s7)); }
.chrome-page .inner-title, .chrome-page .owner-page-intro, .chrome-page .policy-page { padding-top: var(--s6); }
.source-reproduction .reference-copy .container > .content:not(h1) { padding-left: 0px; }
.chrome-page .skip { z-index: 30; }
.footer-invitation > div > p:last-child { max-width: 42ch; font-size: 1.125rem; line-height: 1.6; color: var(--chrome-footer-muted); margin-bottom: 0px; }
.marketing-header a:focus-visible, .menu-toggle:focus-visible { outline: 3px solid var(--chrome-ink); outline-offset: 3px; }
.marketing-footer a:focus-visible, .marketing-footer button:focus-visible { outline: 3px solid var(--chrome-white); outline-offset: 4px; }
@media (hover: hover){.marketing-nav a:hover { background: var(--chrome-group); }}
@media (hover: hover){.chrome-contact:hover { background: var(--chrome-muted); }}
@media (hover: hover){.chrome-page .chrome-footer-cta:hover { background: var(--palette-orange); border-color: var(--palette-orange); transform: translateY(-2px); }}
@media (hover: hover){.marketing-footer nav a:hover, .footer-colophon a:hover, .footer-email:hover { text-decoration: underline; }}
@media (hover: hover){.footer-colophon button:hover { color: var(--palette-orange); }}
.chrome-contact:active, .chrome-footer-cta:active, .chrome-page .button:active, .chrome-page .outline-button:active { transform: scale(0.97); }
.chrome-page .button, .chrome-page .outline-button { transition: background var(--chrome-duration),color var(--chrome-duration),transform 150ms var(--chrome-ease); }
@media (max-width: 1050px){.chrome-logo { width: 10.5rem; }}
@media (max-width: 1050px){.marketing-header-row { gap: var(--s3); }}
@media (max-width: 1050px){.marketing-nav a { padding-inline: var(--s3); font-size: 0.8125rem; }}
@media (max-width: 1050px){.chrome-contact { font-size: 0.8125rem; padding-inline: var(--s4); }}
@media (max-width: 860px){:root { --chrome-header-height: 4rem; --chrome-inset: .75rem; }}
@media (max-width: 860px){.marketing-header-row { flex-wrap: wrap; padding: var(--s2) var(--s3); gap: var(--s2); }}
@media (max-width: 860px){.chrome-logo { width: 10rem; margin-right: auto; }}
@media (max-width: 860px){.chrome-contact { min-height: 2.75rem; padding-inline: var(--s4); }}
@media (max-width: 860px){.contact-desktop-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }}
@media (max-width: 860px){.contact-phone-label { display: inline; }}
@media (max-width: 860px){.menu-toggle { display: flex; gap: var(--s2); align-items: center; justify-content: center; min-height: 2.75rem; padding: var(--s2) var(--s3); border: 0px; border-radius: var(--chrome-control-radius); background: var(--chrome-group); color: var(--chrome-ink); font-size: 0.8125rem; font-weight: 600; }}
@media (max-width: 860px){.menu-lines { display: block; position: relative; width: 1rem; height: 0.75rem; }}
@media (max-width: 860px){.menu-lines::before, .menu-lines::after { content: ""; position: absolute; left: 0px; width: 100%; height: 1.5px; background: currentcolor; transition: transform var(--chrome-duration),top var(--chrome-duration); }}
@media (max-width: 860px){.menu-lines::before { top: 0.125rem; }}
@media (max-width: 860px){.menu-lines::after { top: 0.625rem; }}
@media (max-width: 860px){.marketing-header[data-menu-open] .menu-lines::before { top: 0.375rem; transform: rotate(45deg); }}
@media (max-width: 860px){.marketing-header[data-menu-open] .menu-lines::after { top: 0.375rem; transform: rotate(-45deg); }}
@media (max-width: 860px){.marketing-nav { display: none; order: 4; flex-basis: 100%; margin: 0px; padding: var(--s2) 0 0; border-top: 1px solid var(--chrome-line); }}
@media (max-width: 860px){.marketing-header[data-menu-open] .marketing-nav { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--s2); }}
@media (max-width: 860px){.marketing-nav a { justify-content: start; font-size: 1rem; padding: var(--s4); min-height: 3rem; }}
@media (max-width: 860px){.chrome-page:not(.home) main { padding-top: calc(var(--chrome-header-height) + var(--chrome-inset) + var(--s5)); }}
@media (max-width: 480px){.chrome-logo { width: 8.5rem; }}
@media (max-width: 480px){.chrome-contact { padding-inline: var(--s3); font-size: 0.75rem; }}
@media (max-width: 480px){.menu-toggle { padding-inline: var(--s3); }}
@media (max-width: 480px){.menu-toggle > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }}
@media (max-width: 480px){.footer-invitation > div > p:last-child { font-size: 1rem; }}
@media (prefers-reduced-motion: reduce){.marketing-header, .marketing-nav a, .chrome-contact, .chrome-footer-cta, .menu-lines::before, .menu-lines::after, .chrome-page .button, .chrome-page .outline-button { transition: none; }}
@media (prefers-reduced-motion: reduce){.marketing-header.is-scrolled, .chrome-page .button:active, .chrome-page .outline-button:active, .chrome-contact:active, .chrome-footer-cta:active { transform: none; }}
@media (prefers-reduced-motion: reduce){::view-transition-new(root), ::view-transition-old(root) { animation: auto ease 0s 1 normal none running none; }}
.chrome-page .marketing-header .chrome-contact { color: var(--chrome-white); }

/* ====== from footer-refinement.css ====== */
:root { --footer-card: #e08a12; --footer-card-ink: #221b17; --footer-surface: #221b17; --footer-white: #ffffff; --footer-secondary: #e6dccf; --footer-rule: #5a4c42; --footer-radius: 2rem; --footer-pad: clamp(1.5rem,4vw,4rem); --footer-gap: clamp(2rem,5vw,5rem); --footer-brand-size: 64rem; --footer-motion: 220ms; }
.footer-refined .footer-invitation > div > p:last-child { color: var(--footer-card-ink); max-width: 36ch; font-size: 1.125rem; line-height: 1.6; }
.footer-refined .footer-terms-note p:last-child { font-size: 0.875rem; color: var(--footer-secondary); margin-bottom: 0px; }
@media (hover: hover){.chrome-page .footer-refined .chrome-footer-cta:hover { background: var(--footer-white); border-color: var(--footer-white); color: var(--footer-card-ink); transform: translateY(-2px); }}
@media (hover: hover){.footer-refined .footer-directory nav a:hover { transform: translateX(3px); text-decoration: underline; }}
@media (hover: hover){.footer-refined .footer-colophon button:hover { background: var(--footer-white); color: var(--footer-card-ink); border-color: var(--footer-white); }}
.footer-refined .footer-invitation a:focus-visible { outline-color: var(--footer-card-ink); }
@media (max-width: 480px){:root { --footer-radius: 1.5rem; }}
@media (max-width: 480px){.footer-refined .footer-invitation > div > p:last-child { font-size: 1rem; line-height: 1.55; }}
@media (prefers-reduced-motion: reduce){.footer-refined .footer-directory nav a:hover, .chrome-page .footer-refined .chrome-footer-cta:hover { transform: none; }}

/* ====== from restaurant-details.css ====== */
:root { --note-yellow: #ffd34d; --note-pale: #fff3cf; --note-ink: #221b17; --note-tape: #f3eadb; --note-line: #d9b23c; --note-shadow: 0 10px 20px rgb(59 49 10 / .12); --note-width: 15rem; --note-space: 1.5rem; --note-turn: -2deg; --ticket-paper: #fffaf0; --ticket-rule: #d9cdbd; }
.chrome-page .marketing-nav a[aria-current="page"], .chrome-page .shift-tabs button[aria-selected="true"], .chrome-page .module-explorer-index button[aria-pressed="true"] { background: var(--note-yellow); color: var(--note-ink); }
.chrome-page main .section-label { display: table; padding: var(--s1) var(--s3); border-radius: var(--s2); background: var(--note-pale); color: var(--note-ink); }
.chrome-page .module-proof, .chrome-page .consultation-summary { background: var(--note-pale); }
.chrome-page .screen-callouts li::before { background: var(--note-yellow); color: var(--note-ink); }
.chrome-page .page-jumps a:hover, .chrome-page .page-jumps a:focus-visible { background: var(--note-yellow); }
.restaurant-note::before { content: ""; position: absolute; width: 5rem; height: 1.5rem; top: -0.75rem; left: calc(50% - 2.5rem); background: var(--note-tape); opacity: 0.85; transform: rotate(3deg); }
.restaurant-note > p:last-child { font-size: 0.9375rem; line-height: 1.5; margin: 0px; }
.service-ticket { position: relative; background: var(--ticket-paper); padding: var(--s5); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: var(--s2) solid var(--note-yellow); min-width: 15rem; transform: rotate(1deg); max-width: 21rem; }
.service-ticket::after { content: ""; position: absolute; left: var(--s3); right: var(--s3); bottom: var(--s3); border-bottom: 1px dashed var(--ticket-rule); }
.service-ticket > p:last-child { font-size: 1rem; line-height: 1.5; margin-bottom: var(--s3); }
@media (max-width: 1000px){.service-ticket { min-width: 12rem; }}
@media (max-width: 740px){.service-ticket { margin-top: var(--s6); max-width: 17rem; margin-left: auto; min-width: 0px; }}
@media (prefers-reduced-motion: reduce){.restaurant-note, .service-ticket { transform: none; }}

/* ====== from sourced-graphics.css ====== */
:root { --graphic-yellow: #ffd34d; --graphic-white: #ffffff; --graphic-ink: #221b17; --graphic-muted: #63666d; --graphic-radius: 1.75rem; --graphic-gap: 1.5rem; --graphic-pad: clamp(1.25rem,3vw,3rem); --graphic-icon-size: 3.5rem; }

/* ====== from footer-studio.css ====== */
:root { --studio-yellow: #ffd34d; --studio-ink: #221b17; --studio-white: #ffffff; --studio-muted: #e6dccf; --studio-rule: #5a4c42; --studio-radius: 1.75rem; --studio-pad: clamp(1.5rem,3.5vw,3.5rem); --studio-gap: clamp(1.25rem,3vw,3rem); --studio-shadow: 0 6px 20px rgb(0 0 0 / .12); --studio-speed: 260ms; }
.footer-consultation-copy a:focus-visible { outline-color: var(--studio-ink); }
@media (hover: hover){.chrome-page .footer-studio .chrome-footer-cta:hover { background: var(--studio-white); border-color: var(--studio-white); color: var(--studio-ink); transform: translateY(-2px); }}
@media (hover: hover){.footer-kitchen:hover > img { transform: scale(1.025); }}
@media (hover: hover){.footer-studio-nav a:hover { text-decoration: underline; }}
@media (hover: hover){.footer-studio .footer-colophon button:hover { color: var(--studio-yellow); border-color: var(--studio-yellow); }}
@media (prefers-reduced-motion: reduce){.footer-kitchen:hover > img, .chrome-page .footer-studio .chrome-footer-cta:hover { transform: none; }}

/* ====== from opening-band.css ====== */
:root { --band-ink: #221b17; --band-yellow: #ffd34d; --band-white: #ffffff; --band-muted: #e6dccf; --band-size: clamp(4.5rem,min(10.8vw,18svh),13rem); }
.reference-film .motion-control { bottom: auto; top: 7rem; right: var(--gutter); background: var(--band-yellow); color: var(--band-ink); }
@media (hover: hover){body.chrome-page a.button:hover, body.chrome-page button.button:hover, body.chrome-page .marketing-header .chrome-contact:hover, body.chrome-page .footer-studio .chrome-footer-cta:hover, body.chrome-page a.service-consultation:hover { background: var(--band-yellow); color: var(--band-ink); border-color: var(--band-yellow); }}
@media (hover: hover){body.chrome-page a.hero-band-cta:hover { background: var(--band-white); color: var(--band-ink); border-color: var(--band-white); }}
body.chrome-page a.button:focus-visible, body.chrome-page button.button:focus-visible, body.chrome-page .marketing-header .chrome-contact:focus-visible, body.chrome-page .footer-studio .chrome-footer-cta:focus-visible { background: var(--band-yellow); color: var(--band-ink); border-color: var(--band-yellow); }
@media (max-width: 1100px){:root { --band-size: clamp(4rem,min(11.5vw,18svh),9rem); }}
@media (max-width: 740px){:root { --band-size: clamp(3rem,19vw,5.25rem); }}
@media (max-width: 740px){.reference-film .motion-control { bottom: auto; right: auto; left: var(--s4); top: calc(var(--hero-mobile-top) + .5rem); }}
.reference-film .motion-control { top: auto; bottom: var(--s3); right: var(--gutter); }
@media (max-width: 740px){.reference-film .motion-control { top: calc(var(--hero-mobile-top) + .5rem); bottom: auto; left: auto; right: var(--s4); }}
.note-board .note-small::before { width: 3.5rem; height: 1.1rem; top: -0.55rem; left: calc(50% - 1.75rem); }
@media (min-width: 1101px){.marketing-nav a { padding-inline: var(--s3); }}
@media (min-width: 861px) and (max-width: 1100px){.marketing-nav a { font-size: 0.8125rem; padding-inline: var(--s2); }}
.headline-band.is-lit .hero-shift-word, .headline-band.is-lit .hero-sync-word { color: var(--band-yellow); }
mark.hl { color: inherit; background: linear-gradient(transparent 58%,var(--band-yellow) 58%,var(--band-yellow) 94%,transparent 94%) no-repeat 0 0 / 0% 100%; padding-inline: 0.04em; margin-inline: -0.04em; border-radius: 0.1em; transition: background-size 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); -webkit-box-decoration-break: clone; box-decoration-break: clone; }
mark.hl.is-on { background-size: 100% 100%; }
@media (prefers-reduced-motion: reduce){.hero-band .hero-shift-word, .hero-band .hero-sync-word, mark.hl { transition: none; }}
@media (prefers-reduced-motion: reduce){mark.hl { background-size: 100% 100%; }}
@media (max-width: 740px){.reference-film .motion-control { inset: auto 0.75rem 0.5rem auto; min-height: 2.25rem; padding-block: 0.25rem; font-size: 0.6875rem; }}

/* ====== from role-views.css ====== */
.role-heading > p:last-child { margin: 0px 0px 0.5rem; max-width: 34ch; font-size: 1.125rem; line-height: 1.6; color: var(--palette-muted,#6b5d52); }
.role-panel:focus-visible { outline: 3px solid var(--palette-ink,#221b17); outline-offset: -3px; }
.role-points li::before { content: ""; position: absolute; left: 0px; top: 0.45em; width: 0.9rem; height: 0.9rem; border-radius: 0.3rem; background: var(--band-yellow,#ffd34d); border: 1px solid rgba(0, 0, 0, 0.08); }

/* ====== from type-rhythm.css ====== */
:root { --t-ink: #221b17; --t-muted: #6b5d52; --t-rule: #e3dbcf; --t-yellow: #ffd34d; --t-paper: #fffaf0; --t-body: 1.0625rem; --t-small: .9375rem; --t-caption: .8125rem; --t-lead: clamp(1.1875rem,1.05rem + .6vw,1.375rem); --t-h1: clamp(2.75rem,1.6rem + 4.6vw,4.75rem); --t-h2: clamp(2.125rem,1.4rem + 2.8vw,3.375rem); --t-h3: 1.375rem; --t-section: clamp(4.5rem,3rem + 6vw,7.5rem); --t-control: 3rem; --ios-font: Manrope,Arial,sans-serif; --brand-control-font: .9375rem; --brand-button-weight: 700; }
body.chrome-page { font-size: var(--t-body); line-height: 1.6; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
body.chrome-page p { max-width: 62ch; }
body.chrome-page .small, body.chrome-page p.small, body.chrome-page .dashboard-caption p:last-child { font-size: var(--t-small); line-height: 1.55; color: var(--t-muted); }
body.chrome-page figcaption { font-size: var(--t-caption); line-height: 1.5; }
body.chrome-page h1 { font-size: var(--t-h1); line-height: 0.98; letter-spacing: -0.035em; font-weight: 800; margin: 0 0 var(--s5); max-width: none; text-wrap: initial; }
body.chrome-page main h2, body.chrome-page.source-reproduction section h2, body.chrome-page.source-reproduction .section h2 { font-size: var(--t-h2); line-height: 1.02; letter-spacing: -0.03em; font-weight: 800; margin: 0 0 var(--s5); text-wrap: balance; }
body.chrome-page h3 { font-size: var(--t-h3); line-height: 1.25; letter-spacing: -0.015em; font-weight: 700; }
body.chrome-page .section-label { display: flex; align-items: center; gap: 0.625rem; padding: 0px; border-radius: 0px; background: none; color: var(--t-muted); font-size: var(--t-small); font-weight: 600; letter-spacing: 0px; margin: 0 0 var(--s4); }
body.chrome-page .section-label::before { content: ""; width: 0.625rem; height: 0.625rem; border-radius: 2px; background: var(--t-yellow); flex: 0 0 auto; }
body.chrome-page main > .section.wrap, body.chrome-page main > div > .section.wrap { padding-top: var(--t-section); padding-bottom: var(--t-section); }
body.chrome-page main > .section.wrap:first-child, body.chrome-page .inner-title, body.chrome-page .owner-page-intro { padding-top: calc(var(--t-section) + 1rem); padding-bottom: calc(var(--t-section) * .55); }
body.chrome-page .inner-actions, body.chrome-page .owner-intro-actions { display: flex; flex-flow: wrap; align-items: center; gap: var(--s4) var(--s6); margin: var(--s6) 0 0; padding: 0px; justify-content: flex-start; width: auto; max-width: none; }
body.chrome-page .inner-actions > *, body.chrome-page .owner-intro-actions > * { margin: 0px; }
body.chrome-page a.button, body.chrome-page button.button { min-height: var(--t-control); padding: 0px 1.5rem; border-radius: 999px; justify-content: center; gap: 0.5rem; font-size: var(--brand-control-font); font-weight: 700; letter-spacing: -0.005em; }
body.chrome-page .text-link { font-weight: 600; text-underline-offset: 0.2em; text-decoration-thickness: 1.5px; }
body.chrome-page .invoice li:last-child { border-bottom: 0px; }
body.chrome-page .invoice li::before { content: ""; position: absolute; left: 0px; top: 1.05rem; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: var(--t-yellow); }
body.chrome-page .dashboard-caption p:first-child { font-weight: 600; }
body.chrome-page .module-row summary { font-size: 1.125rem; font-weight: 600; min-height: 4rem; }
body.chrome-page .module-row > div p { max-width: 62ch; color: var(--t-muted); }
@media (max-width: 740px){:root { --t-section: 3.5rem; }}
@media (hover: hover){body.chrome-page.source-reproduction .m-services.reference-block .item:hover { background: none; border-color: var(--t-yellow); }}
@media (min-width: 1001px){body.chrome-page.source-reproduction .restaurant-about .restaurant-about-copy .text p:first-child { font-size: var(--t-lead); line-height: 1.5; }}
body.chrome-page .screen-callouts li::before { top: 0.95rem; width: 1.5rem; height: 1.5rem; border: 0px; background: var(--t-yellow); font-size: 0.75rem; }

/* ====== from services.css ====== */
:root { --svc-ink: var(--palette-ink,#221b17); --svc-muted: #5f5248; --svc-paper: var(--palette-paper,#fbf7ef); --svc-white: #fff; --svc-warm: var(--palette-warm,#f3eadb); --svc-rule: #d9cdbd; --svc-yellow: #ffd34d; --svc-error: #a12a12; --svc-ok: #1d5b32; --svc-radius: 1.25rem; --svc-gutter: clamp(1rem,4vw,5rem); --svc-section: clamp(4rem,2.75rem + 5vw,7rem); --svc-target: 2.75rem; --svc-display: 'Big Shoulders Display',Impact,'Arial Narrow',sans-serif; }
body.services-page, body.chrome-page.services-page { width: auto; max-width: none; margin: 0px; padding: 0px; background: var(--svc-paper); color: var(--svc-ink); }
.services-page main, .chrome-page.services-page:not(.home) main { display: block; padding-top: 0px; }
.services-page [id] { scroll-margin-top: 7.5rem; }
.svc-wrap { width: 100%; max-width: 84rem; margin-inline: auto; padding-inline: var(--svc-gutter); box-sizing: border-box; }
.svc-eyebrow { margin: 0px 0px 1rem; font-size: 0.9375rem; font-weight: 700; letter-spacing: 0.01em; color: var(--svc-muted); }
.svc-section { padding-block: var(--svc-section); background: var(--svc-paper); }
.svc-section-alt { background: var(--svc-warm); }
.svc-heading { max-width: 52rem; margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem); }
.services-page .svc-heading h2 { margin: 0px; font-size: var(--t-h2,clamp(2.125rem,1.4rem + 2.8vw,3.375rem)); line-height: 1.05; letter-spacing: -0.045em; font-weight: 800; }
.svc-intro { margin: 1.25rem 0px 0px; font-size: var(--t-lead,1.25rem); line-height: 1.5; max-width: 46rem; }
.svc-note { margin: 2.5rem 0px 0px; max-width: 62rem; font-size: 1rem; line-height: 1.6; color: var(--svc-muted); }
.svc-small { font-size: 0.9375rem; line-height: 1.55; color: var(--svc-muted); }
.services-page p { max-width: 62ch; }
.svc-opening { padding: calc(var(--chrome-header-height,4.5rem) + 4.5rem) 0 clamp(3rem,2rem + 4vw,5.5rem); background: var(--svc-ink); color: var(--svc-white); }
.svc-opening-grid { display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: end; }
.svc-opening .svc-eyebrow { color: rgb(233, 223, 210); }
.svc-display { margin: 0px; font-family: var(--svc-display); font-weight: 900; text-transform: uppercase; font-size: clamp(3.25rem, 1.6rem + 6.6vw, 7.25rem); line-height: 0.9; letter-spacing: -0.005em; }
.svc-display-accent { display: block; color: var(--svc-yellow); }
.svc-display-inner { font-size: clamp(3rem, 1.6rem + 5.4vw, 6rem); }
.svc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.svc-actions-center { justify-content: center; margin-top: 2.5rem; }
.services-page a.button.svc-primary, .services-page .svc-package a.button { min-height: 3rem; background: var(--svc-yellow); border-color: var(--svc-yellow); color: var(--svc-ink); font-weight: 750; }
.services-page .svc-section a.button.svc-primary { background: var(--svc-ink); border-color: var(--svc-ink); color: var(--svc-white); }
.svc-opening a:focus-visible, .svc-film button:focus-visible { outline: 3px solid var(--svc-yellow); outline-offset: 4px; }
.svc-opening-inner { padding-bottom: 3.5rem; }
.svc-steps { list-style: none; margin: 2rem 0px 1rem; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1rem; }
.svc-steps li { padding: 1rem 1.25rem; border: 1px solid rgb(90, 75, 64); border-radius: 1rem; color: rgb(245, 239, 230); line-height: 1.5; }
.svc-steps strong { color: var(--svc-white); }
.svc-opening-inner .svc-small { color: rgb(233, 223, 210); }
.svc-problems { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1.25rem; }
.svc-problems li { display: flex; flex-direction: column; gap: 0.75rem; padding: 1.75rem; border-top: 3px solid var(--svc-ink); background: var(--svc-white); border-radius: 0 0 var(--svc-radius) var(--svc-radius); }
.svc-problems h3, .svc-areas h3, .svc-months h3, .svc-person h3, .svc-package h3, .svc-proof-note h3, .svc-provide h3 { margin: 0px; font-size: 1.375rem; line-height: 1.25; letter-spacing: -0.025em; font-weight: 800; }
.svc-problems p { margin: 0px; font-size: 1.0625rem; line-height: 1.6; }
.svc-promise { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr); gap: clamp(1.5rem, 1rem + 3vw, 4rem); margin-top: clamp(3rem, 2rem + 3vw, 5rem); padding-top: clamp(2rem, 1.5rem + 2vw, 3rem); border-top: 1px solid var(--svc-rule); }
.services-page .svc-promise .svc-promise-line { max-width: none; margin: 0px; font-size: clamp(1.75rem, 1.2rem + 2vw, 2.75rem); line-height: 1.1; font-weight: 800; letter-spacing: -0.04em; }
.svc-promise p { font-size: 1.125rem; line-height: 1.6; }
.svc-areas { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px clamp(2rem, 1rem + 4vw, 5rem); }
.svc-areas li { padding: 2rem 0px; border-top: 1px solid var(--svc-rule); }
.svc-concern { margin: 0px 0px 0.5rem; font-size: 0.9375rem; font-weight: 700; color: var(--svc-muted); }
.svc-areas h3 { margin-bottom: 0.75rem; }
.svc-areas p, .svc-months p { font-size: 1.0625rem; line-height: 1.6; margin: 0px 0px 0.75rem; }
.svc-receive { padding-left: 1rem; border-left: 3px solid var(--svc-yellow); }
.svc-receive span { display: block; font-size: 0.875rem; font-weight: 800; letter-spacing: 0.02em; text-transform: uppercase; color: var(--svc-ink); }
.svc-months { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1.25rem; }
.svc-months li { padding: 1.75rem; border: 1px solid var(--svc-rule); border-radius: var(--svc-radius); background: var(--svc-white); }
.svc-month { margin: 0px 0px 0.5rem; font-family: var(--svc-display); font-weight: 900; font-size: 2.25rem; line-height: 1; text-transform: uppercase; }
.svc-months h3 { margin-bottom: 0.75rem; }
.svc-team { display: grid; grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 1fr); gap: clamp(1.5rem, 1rem + 3vw, 4rem); align-items: start; }
.svc-person { padding: 2rem; background: var(--svc-white); border-radius: var(--svc-radius); border: 1px solid var(--svc-rule); }
.svc-role { margin: 0.5rem 0px 1.25rem; font-weight: 700; color: var(--svc-muted); }
.svc-person p { font-size: 1.0625rem; line-height: 1.6; }
.svc-packages { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1.25rem; align-items: stretch; }
.svc-package { display: flex; flex-direction: column; padding: 2rem; border: 1px solid var(--svc-rule); border-radius: var(--svc-radius); background: var(--svc-white); }
.svc-package-price { margin: 0.75rem 0px 1.25rem; font-size: 1.125rem; }
.svc-package-price strong { font-size: 2.5rem; letter-spacing: -0.04em; font-weight: 800; }
.svc-package dl { margin: 0px 0px 1.75rem; display: grid; gap: 0px; }
.svc-package dl > div { display: grid; grid-template-columns: 8.5rem minmax(0px, 1fr); gap: 0.75rem; padding: 0.75rem 0px; border-top: 1px solid var(--svc-rule); }
.svc-package dt { font-size: 0.9375rem; font-weight: 700; color: var(--svc-muted); }
.svc-package dd { margin: 0px; font-size: 1rem; line-height: 1.5; }
.svc-package .button { margin-top: auto; width: 100%; }
.svc-terms { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1rem 2.5rem; margin-top: 1.75rem; padding: 1.5rem 1.75rem; background: var(--svc-warm); border-radius: var(--svc-radius); }
.svc-terms p { margin: 0px; font-size: 1rem; line-height: 1.6; }
.svc-terms .svc-fit-link { grid-column: 1 / -1; }
.svc-fit-link .text-link { display: inline-flex; align-items: center; min-height: var(--svc-target); font-size: 1.0625rem; }
.svc-questions { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.5fr); gap: clamp(2rem, 1rem + 4vw, 5rem); }
.services-page .svc-questions h2 { margin: 0px 0px 2rem; font-size: var(--t-h2,clamp(2.125rem,1.4rem + 2.8vw,3.375rem)); line-height: 1.05; letter-spacing: -0.045em; font-weight: 800; }
.svc-provide { padding: 1.5rem; background: var(--svc-white); border-radius: var(--svc-radius); border: 1px solid var(--svc-rule); }
.svc-provide ul { margin: 1rem 0px; padding-left: 1.25rem; }
.svc-provide li { margin: 0.375rem 0px; line-height: 1.5; }
.svc-provide p { font-size: 0.9375rem; line-height: 1.55; color: var(--svc-muted); margin: 0px; }
.services-page .svc-faq .module-row summary { min-height: var(--svc-target); padding-block: 1rem; font-size: 1.125rem; font-weight: 700; }
.services-page .svc-faq .module-row summary:focus-visible { outline: 3px solid var(--svc-ink); outline-offset: 3px; }
.services-page .svc-faq .module-row > div p { font-size: 1.0625rem; line-height: 1.6; color: var(--svc-ink); }
.services-page .svc-final.motion-paused *, .services-page .svc-final.motion-paused ::before, .services-page .svc-final.motion-paused ::after { animation: auto ease 0s 1 normal none running none !important; }
.services-page .svc-final.motion-paused .service-title > span { opacity: 1; transform: none; }
.services-page .svc-final .service-title { bottom: 12.5rem; }
.services-page .svc-final .svc-final-lead { position: absolute; z-index: 4; left: var(--service-title-left,2rem); right: var(--reference-s3,2rem); bottom: 6rem; margin: 0px; max-width: 38rem; font-size: 1.125rem; line-height: 1.5; font-weight: 600; color: var(--svc-ink); }
.services-page .svc-final .service-consultation { background: var(--svc-ink); border-color: var(--svc-ink); color: var(--svc-white); }
.services-page .svc-final .motion-control { min-height: var(--svc-target); }
.services-page .svc-final a:focus-visible, .services-page .svc-final button:focus-visible { outline: 3px solid var(--svc-ink); outline-offset: 4px; }
@media (max-width: 740px){.services-page .svc-final { height: auto; min-height: 0px; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: 3.5rem 1rem 1.5rem; }}
@media (max-width: 740px){.services-page .svc-final .service-hero-art { display: none; }}
@media (max-width: 740px){.services-page .svc-final .service-title, .services-page .svc-final .svc-final-lead, .services-page .svc-final .service-consultation, .services-page .svc-final .motion-control { position: static; left: auto; right: auto; bottom: auto; transform: none; }}
@media (max-width: 740px){.services-page .svc-final .svc-final-lead { font-size: 1rem; }}
@media (max-width: 740px){.services-page .svc-final .service-title { font-size: clamp(2rem, 9.5vw, 2.75rem); }}
.svc-contact { padding-top: 3.5rem; }
.svc-contact-grid { display: grid; grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; }
.svc-form, .svc-result { padding: clamp(1.25rem, 1rem + 1.5vw, 2.5rem); background: var(--svc-white); border: 1px solid var(--svc-rule); border-radius: var(--svc-radius); }
.services-page .svc-form h2, .services-page .svc-result h2, .services-page .svc-contact-aside h2 { margin: 0px 0px 0.5rem; font-size: 1.75rem; letter-spacing: -0.035em; font-weight: 800; }
.svc-fields { margin: 0px; padding: 0px; border: 0px; min-width: 0px; }
.svc-fields:disabled .svc-field input, .svc-fields:disabled .svc-field select, .svc-fields:disabled .svc-field textarea { background: rgb(243, 238, 230); color: var(--svc-ink); }
.svc-received { margin: 1rem 0px; display: grid; gap: 0.5rem; }
.svc-received > div { display: grid; grid-template-columns: 9rem minmax(0px, 1fr); gap: 0.75rem; }
.svc-received dt { font-weight: 700; color: var(--svc-muted); }
.svc-received dd { margin: 0px; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 600px){.svc-received > div { grid-template-columns: minmax(0px, 1fr); gap: 0.125rem; }}
.svc-field { margin: 0px 0px 1.5rem; padding: 0px; border: 0px; min-width: 0px; }
.svc-field label, .svc-field legend { display: block; margin-bottom: 0.5rem; font-size: 1.0625rem; font-weight: 700; color: var(--svc-ink); }
.svc-field input, .svc-field select, .svc-field textarea { display: block; width: 100%; box-sizing: border-box; min-height: var(--svc-target); padding: 0.75rem 0.875rem; border: 1.5px solid rgb(138, 123, 110); border-radius: 0.75rem; background: var(--svc-white); color: var(--svc-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1.0625rem; line-height: 1.4; }
.svc-field textarea { min-height: 9rem; resize: vertical; }
.svc-field input:focus-visible, .svc-field select:focus-visible, .svc-field textarea:focus-visible { outline: 3px solid var(--svc-ink); outline-offset: 2px; border-color: var(--svc-ink); }
.svc-field [aria-invalid="true"] { border-color: var(--svc-error); box-shadow: 0 0 0 1px var(--svc-error); }
.svc-hint { margin: 0.5rem 0px 0px; font-size: 0.9375rem; line-height: 1.5; color: var(--svc-muted); }
.svc-choice .svc-hint { margin: 0px 0px 0.75rem; }
.svc-error { margin: 0.5rem 0px 0px; font-size: 0.9375rem; font-weight: 700; line-height: 1.45; color: var(--svc-error); }
.svc-error::before { content: "Error: "; }
.svc-error[hidden] { display: none; }
.svc-choice-list { display: grid; gap: 0.5rem; }
.svc-choice-list label { display: flex; align-items: center; gap: 0.75rem; min-height: var(--svc-target); margin: 0px; padding: 0.5rem 0.875rem; border: 1px solid var(--svc-rule); border-radius: 0.75rem; font-weight: 600; cursor: pointer; }
.svc-choice-list input { width: 1.25rem; height: 1.25rem; min-height: 0px; margin: 0px; accent-color: var(--svc-ink); }
.svc-choice-list label:has(input:checked) { border-color: var(--svc-ink); background: var(--svc-warm); }
.svc-choice-list label:has(input:focus-visible) { outline: 3px solid var(--svc-ink); outline-offset: 2px; }
.svc-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.svc-submit .button { width: 100%; min-height: 3rem; }
.svc-submit .button[disabled] { opacity: 0.65; cursor: progress; }
.svc-status { margin-top: 1rem; font-size: 1rem; line-height: 1.5; font-weight: 600; }
.svc-status:empty { display: none; }
.svc-status[data-tone="error"] { padding: 0.875rem 1rem; border-radius: 0.75rem; background: rgb(251, 233, 228); color: var(--svc-error); }
.svc-status[data-tone="busy"] { color: var(--svc-muted); }
.svc-status[data-tone="unconfirmed"] { padding: 0.875rem 1rem; border-radius: 0.75rem; background: rgb(255, 244, 214); color: rgb(92, 61, 0); }
.svc-fallback { margin-top: 1rem; padding: 1rem; border: 1px dashed rgb(138, 123, 110); border-radius: 0.75rem; }
.svc-fallback p { margin: 0px 0px 0.75rem; font-size: 0.9375rem; line-height: 1.5; }
.svc-fallback .outline-button, .svc-result .outline-button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--svc-target); padding: 0.5rem 1.25rem; border: 1.5px solid var(--svc-ink); border-radius: 999px; background: transparent; color: var(--svc-ink); font: 700 1rem/1.2 var(--brand-font,Manrope,Arial,sans-serif); text-decoration: none; cursor: pointer; }
.svc-result { border-color: var(--svc-ok); border-width: 2px; scroll-margin-top: calc(var(--chrome-header-height) + var(--chrome-inset) + var(--s5)); }
.svc-result:focus { outline: 3px solid var(--svc-ink); outline-offset: 3px; }
.svc-result p { font-size: 1.0625rem; line-height: 1.6; }
.svc-contact-aside dl { margin: 0px; }
.svc-contact-aside dl > div { padding: 1rem 0px; border-top: 1px solid var(--svc-rule); }
.svc-contact-aside dt { font-weight: 800; margin-bottom: 0.25rem; }
.svc-contact-aside dd { margin: 0px; line-height: 1.55; }
.svc-contact-aside .text-link { display: inline-flex; align-items: center; min-height: var(--svc-target); }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
body.chrome-page a:focus-visible, body.chrome-page button:focus-visible, body.chrome-page summary:focus-visible, body.chrome-page select:focus-visible { outline: 3px solid var(--svc-ink); outline-offset: 3px; }
body.chrome-page .svc-opening a:focus-visible, body.chrome-page .svc-film button:focus-visible, body.chrome-page .site-footer a:focus-visible, body.chrome-page .site-footer button:focus-visible { outline-color: var(--svc-yellow); }
body.chrome-page .skip:focus-visible { outline: 3px solid var(--svc-yellow); outline-offset: 2px; }
body.chrome-page .chrome-logo { display: inline-flex; align-items: center; min-height: 2.75rem; }
body.chrome-page .menu-toggle { min-width: 2.75rem; min-height: 2.75rem; }
.marketing-nav .nav-login { font-weight: 700; }
@media (max-width: 960px){.svc-opening-grid, .svc-promise, .svc-team, .svc-questions, .svc-contact-grid { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 960px){.svc-problems, .svc-months, .svc-packages { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 960px){.svc-areas { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 960px){.svc-terms { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 960px){.svc-steps { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 600px){.svc-opening { padding-top: calc(var(--chrome-header-height,4.5rem) + 3rem); }}
@media (max-width: 600px){.svc-display { font-size: clamp(2.75rem, 13vw, 4rem); }}
@media (max-width: 600px){.svc-package { padding: 1.5rem; }}
@media (max-width: 600px){.svc-package dl > div { grid-template-columns: minmax(0px, 1fr); gap: 0.25rem; }}
@media (max-width: 600px){.svc-actions .button { width: 100%; }}
@media (prefers-reduced-motion: reduce){.services-page * { scroll-behavior: auto; }}
.svc-resource { margin: 0.75rem 0px 0px; font-size: 1rem; }
.svc-start { margin-top: 3rem; }
.svc-start h3 { margin: 0px 0px 1.25rem; font-size: 1.75rem; line-height: 1.2; letter-spacing: -0.025em; font-weight: 800; }
.svc-path { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 1rem; counter-reset: none; }
.svc-path li { padding: 1.25rem; border: 1px solid var(--svc-rule); border-radius: var(--svc-radius); background: var(--svc-white); color: var(--svc-ink); }
.svc-path h4 { margin: 0.5rem 0px; font-size: 1.125rem; line-height: 1.25; font-weight: 800; }
.svc-path p { margin: 0px; font-size: 1rem; line-height: 1.55; }
.svc-step-num { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 999px; background: var(--svc-yellow); color: var(--svc-ink); font-weight: 900; font-variant-numeric: tabular-nums; }
@media (max-width: 1100px){.svc-path { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 600px){.svc-path { grid-template-columns: minmax(0px, 1fr); }}

/* ====== from home-hero.css ====== */
:root { --home-paper: #fbf7f1; --home-ink: #1f1a17; --home-muted: #5f5248; --home-rule: #e3d9cc; --home-yellow: #ffd34d; --home-yellow-soft: #fdeec4; --home-gutter: clamp(1rem,3.6vw,3.75rem); }
.home-wrap { width: 100%; max-width: 100rem; margin-inline: auto; padding-inline: var(--home-gutter); box-sizing: border-box; }
body.home .svc-wrap { max-width: 100rem; padding-inline: var(--home-gutter); }
body.chrome-page .marketing-header { top: 0px; left: 0px; right: 0px; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--home-rule); border-radius: 0px; background: var(--home-paper); box-shadow: none; }
body.chrome-page .marketing-header.is-scrolled { transform: none; box-shadow: 0 1px 0 var(--home-rule); }
body.chrome-page .marketing-header-row { max-width: 100rem; margin-inline: auto; min-height: 5.5rem; padding: .75rem var(--home-gutter); box-sizing: border-box; }
body.chrome-page .marketing-nav { gap: 0.5rem; }
body.chrome-page .marketing-nav a { font-size: 1rem; font-weight: 550; color: var(--home-ink); padding-inline: 0.9rem; }
body.chrome-page .marketing-header .chrome-contact { min-height: 3.25rem; padding: 0px 1.75rem; border-radius: 0.75rem; background: var(--home-yellow); border-color: var(--home-yellow); color: var(--home-ink); font-size: 1rem; font-weight: 750; }
@media (hover: hover){body.chrome-page .marketing-header .chrome-contact:hover { background: var(--home-ink); border-color: var(--home-ink); color: rgb(255, 255, 255); }}
body.chrome-page .marketing-header .chrome-contact:focus-visible { background: var(--home-yellow); color: var(--home-ink); outline: 3px solid var(--home-ink); outline-offset: 3px; }
body.services-page .home-hero { padding: calc(5.5rem + clamp(1.5rem, 1rem + 2vw, 2.5rem)) 0px clamp(2rem, 1.5rem + 2vw, 3rem); background: var(--home-paper); color: var(--home-ink); }
.home-hero-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: clamp(1.5rem, 1rem + 1.5vw, 2.5rem); align-items: center; }
.home-hero-eyebrow { margin: 0px 0px 1.5rem; font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(59, 50, 44); }
body.chrome-page h1.home-hero-title { margin: 0px 0px 1.75rem; font-family: Manrope, Arial, sans-serif; font-weight: 800; font-size: clamp(2.5rem, 3.75vw, 4.6rem); line-height: 1.04; letter-spacing: -0.055em; color: var(--home-ink); text-transform: none; max-width: none; }
.home-hero-title > span { display: block; }
.home-hero-accent-line { margin-top: 0.24em; }
.home-hero-accent { display: inline; padding: 0px 0.16em 0.06em; margin-left: -0.16em; background: var(--home-yellow); border-radius: 0.16em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.home-hero-lead { max-width: 36rem; margin: 0px 0px 2.25rem; font-size: clamp(1.125rem, 1rem + 0.4vw, 1.375rem); line-height: 1.55; color: rgb(46, 39, 35); }
.home-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 3rem; margin-bottom: 1.5rem; }
body.chrome-page .home-hero a.home-hero-primary { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 4rem; min-width: 16rem; padding: 0px 2rem; border: 1px solid var(--home-yellow); border-radius: 0.75rem; background: var(--home-yellow); color: var(--home-ink); font-size: 1.25rem; font-weight: 750; text-decoration: none; box-shadow: none; }
@media (hover: hover){body.chrome-page .home-hero a.home-hero-primary:hover { background: var(--home-ink); border-color: var(--home-ink); color: rgb(255, 255, 255); }}
.home-hero-secondary { display: inline-flex; align-items: center; gap: 0.75rem; min-height: 2.75rem; font-size: 1.1875rem; font-weight: 750; color: var(--home-ink); text-decoration: none; }
.home-hero-secondary:hover { text-decoration: underline; text-underline-offset: 0.25em; }
.home-hero-arrow { flex: 0 0 auto; }
.home-hero a:focus-visible { outline: 3px solid var(--home-ink); outline-offset: 4px; }
.home-hero-note { margin: 0px; font-size: 0.9375rem; color: var(--home-muted); }
.home-hero-visual { position: relative; margin: 0px 0px 4rem; }
.home-hero-film { position: relative; overflow: hidden; border-radius: 1.25rem; aspect-ratio: 1.42 / 1; background: rgb(58, 42, 28); }
.home-hero-film video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }
.home-hero-film-button { position: absolute; right: 0.85rem; bottom: 0.85rem; min-height: 2.75rem; padding: 0px 1rem; border: 0px; border-radius: 999px; background: rgba(31, 26, 23, 0.78); color: rgb(255, 255, 255); font: 700 0.875rem / 1 Manrope, Arial, sans-serif; cursor: pointer; }
.home-hero-film-button:hover { background: var(--home-ink); }
.home-hero-film-button:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: 3px; }
.home-hero-card { position: absolute; left: clamp(-2.25rem, -2vw, -1rem); bottom: -4rem; width: clamp(9.5rem, 13vw, 12.5rem); padding: 0.5rem 0.5rem 0.65rem; border-radius: 1rem; background: rgb(255, 255, 255); box-shadow: rgba(31, 26, 23, 0.22) 0px 1.25rem 2.5rem, rgba(31, 26, 23, 0.06) 0px 0px 0px 1px; box-sizing: border-box; }
.home-hero-card img { display: block; width: 100%; height: auto; border-radius: 0.6rem; }
.home-hero-card-label { margin: 0.5rem 0.3rem 0px; font-size: 0.6875rem; line-height: 1.3; color: var(--home-muted); }
body.services-page .home-offers { padding: clamp(2.5rem, 2rem + 2vw, 4rem) 0px clamp(3rem, 2.5rem + 2vw, 4.5rem); background: var(--home-paper); }
body.chrome-page h2.home-offers-title { margin: 0px 0px 1.5rem; font-family: Manrope, Arial, sans-serif; font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(59, 50, 44); max-width: none; }
.home-offers-list { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: clamp(1rem, 0.75rem + 1vw, 1.5rem); margin: 0px; padding: 0px; list-style: none; }
.home-offer { display: flex; flex-direction: column; align-items: flex-start; padding: clamp(1.5rem, 1.25rem + 1vw, 2.25rem); border: 1px solid var(--home-rule); border-radius: 1.25rem; background: rgb(255, 255, 255); color: var(--home-ink); }
@media (min-width: 1101px){.home-offers-list { grid-template-rows: repeat(4, auto); }}
@media (min-width: 1101px){.home-offer { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0px; align-items: start; }}
@media (min-width: 1101px){.home-offer p { margin-bottom: 1.75rem; }}
@media (min-width: 1101px){.home-offer-button { align-self: end; }}
.home-offer-icon { display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin-bottom: 1.25rem; border-radius: 50%; background: var(--home-yellow-soft); }
.home-offer-icon img { width: 1.85rem; height: 1.85rem; }
body.chrome-page .home-offer h3 { margin: 0px 0px 0.6rem; font-family: Manrope, Arial, sans-serif; font-size: clamp(1.3rem, 1rem + 0.8vw, 1.75rem); font-weight: 800; letter-spacing: -0.035em; line-height: 1.15; color: inherit; max-width: none; }
.home-offer p { margin: 0px 0px 1.75rem; font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem); line-height: 1.5; color: rgb(59, 50, 44); flex: 1 1 0%; }
body.chrome-page a.home-offer-button { display: flex; width: 100%; box-sizing: border-box; align-items: center; justify-content: center; gap: 0.75rem; min-height: 4rem; padding: 0px 1.5rem; border: 1px solid var(--home-yellow); border-radius: 0.75rem; background: var(--home-yellow); color: var(--home-ink); font-size: 1.1875rem; font-weight: 750; text-decoration: none; }
body.chrome-page .home-offer:not(.home-offer-lead) a.home-offer-button { background: var(--home-ink); border-color: var(--home-ink); color: rgb(255, 255, 255); }
@media (hover: hover){body.chrome-page a.home-offer-button:hover { background: rgb(255, 255, 255); color: var(--home-ink); border-color: var(--home-ink); }}
@media (hover: hover){body.chrome-page .home-offer:not(.home-offer-lead) a.home-offer-button:hover { background: var(--home-yellow); border-color: var(--home-yellow); color: var(--home-ink); }}
.home-offer a:focus-visible { outline: currentcolor solid 3px; outline-offset: 4px; }
.home-offer-lead a:focus-visible { outline-color: var(--home-yellow); }
.home-offer-link { display: flex; align-items: center; width: max-content; min-height: 2.75rem; margin-top: 0.25rem; font-weight: 700; color: var(--home-ink); text-decoration: underline; text-underline-offset: 0.2em; }
@media (max-width: 1100px){.home-offers-list { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 1100px){.home-offer { display: grid; grid-template-columns: auto minmax(0px, 1fr); column-gap: 1.25rem; align-items: start; }}
@media (max-width: 1100px){.home-offer-icon { grid-row: 1 / 5; margin: 0px; }}
@media (max-width: 1100px){.home-offer p { margin-bottom: 1.25rem; }}
@media (max-width: 1100px){.home-offer-button { justify-self: stretch; }}
@media (max-width: 899px){body.chrome-page .marketing-header-row { min-height: 4.25rem; }}
@media (max-width: 899px){body.services-page .home-hero { padding-top: calc(6.5rem); }}
@media (max-width: 899px){.home-hero-grid { grid-template-columns: minmax(0px, 1fr); gap: 2rem; }}
@media (max-width: 899px){body.chrome-page h1.home-hero-title { font-size: clamp(2.5rem, 10.5vw, 4rem); }}
@media (max-width: 899px){.home-hero-visual { max-width: 44rem; margin-left: 1rem; }}
@media (max-width: 899px){.home-hero-visual { margin-bottom: 3rem; }}
@media (max-width: 899px){.home-hero-card { width: clamp(7.5rem, 30%, 11rem); left: -1rem; bottom: -2.5rem; }}
@media (max-width: 860px){body.chrome-page .marketing-header .chrome-contact { min-height: 2.75rem; padding: 0px 1rem; font-size: 0.875rem; border-radius: 0.625rem; }}
@media (max-width: 640px){.home-hero-eyebrow { font-size: 0.75rem; letter-spacing: 0.08em; margin-bottom: 1rem; }}
@media (max-width: 640px){body.chrome-page h1.home-hero-title { margin-bottom: 1.25rem; }}
@media (max-width: 640px){.home-hero-lead { margin-bottom: 1.5rem; }}
@media (max-width: 640px){.home-hero-actions { flex-direction: column; align-items: stretch; gap: 0.5rem; }}
@media (max-width: 640px){body.chrome-page .home-hero a.home-hero-primary { min-height: 3.5rem; font-size: 1.125rem; }}
@media (max-width: 640px){.home-hero-secondary { justify-content: center; }}
@media (max-width: 640px){.home-hero-note { text-align: center; font-size: 0.875rem; }}
@media (max-width: 640px){.home-hero-film { aspect-ratio: 1.25 / 1; border-radius: 1rem; }}
@media (max-width: 640px){.home-hero-film-button { right: 0.6rem; bottom: 0.6rem; min-height: 2.75rem; font-size: 0.8125rem; }}
@media (max-width: 640px){.home-offer { display: flex; padding: 1.5rem; }}
@media (max-width: 640px){.home-offer-icon { margin-bottom: 1rem; width: 3.5rem; height: 3.5rem; }}
@media (max-width: 640px){body.chrome-page a.home-offer-button { width: 100%; }}
body.chrome-page.home .svc-eyebrow { font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(59, 50, 44); }
body.chrome-page.home main a.button { min-height: 3.5rem; padding: 0px 1.75rem; border-radius: 0.75rem; font-size: 1.0625rem; font-weight: 750; }
body.chrome-page.home .svc-package a.button { min-height: 3.5rem; }
@media (max-width: 640px){body.chrome-page.home .svc-eyebrow { font-size: 0.75rem; letter-spacing: 0.08em; }}
@media (max-width: 640px){body.chrome-page a.home-offer-button { font-size: 1.0625rem; white-space: nowrap; }}
body.contact-page .svc-opening-inner { background: var(--home-paper); color: var(--home-ink); border-bottom: 1px solid var(--home-rule); }
body.contact-page .svc-opening-inner .svc-eyebrow { font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(59, 50, 44); }
body.chrome-page.contact-page h1.svc-display-inner { font-family: Manrope, Arial, sans-serif; font-weight: 800; text-transform: none; font-size: clamp(2.5rem, 1.5rem + 3.5vw, 4.5rem); line-height: 1.06; letter-spacing: -0.05em; color: var(--home-ink); }
body.contact-page .svc-display-inner .svc-display-accent { display: inline; color: var(--home-ink); background: var(--home-yellow); padding: 0px 0.14em 0.04em; margin-left: -0.14em; border-radius: 0.14em; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.contact-page .svc-opening-inner .svc-steps li { background: rgb(255, 255, 255); border-color: var(--home-rule); color: rgb(46, 39, 35); }
body.contact-page .svc-opening-inner .svc-steps strong { color: var(--home-ink); }
body.contact-page .svc-opening-inner .svc-small { color: var(--home-muted); }
@media (max-width: 640px){body.contact-page .svc-opening-inner .svc-eyebrow { font-size: 0.75rem; letter-spacing: 0.08em; }}
body.chrome-page main a.button, body.chrome-page main button.button, body.chrome-page main button[type="submit"] { border-radius: 0.75rem; min-height: 3.5rem; }
.home-offers-head { margin-bottom: 1.75rem; }
body.chrome-page .home-offers-head h2.home-offers-title { margin: 0px 0px 0.85rem; }
.home-offers-intro { margin: 0px; max-width: 50rem; font-size: clamp(1.125rem, 1rem + 0.5vw, 1.5rem); line-height: 1.5; color: rgb(46, 39, 35); }
@media (min-width: 1101px){.home-offers-list { grid-template-rows: repeat(3, auto); }}
@media (min-width: 1101px){.home-offer { grid-row: span 3; }}
@media (min-width: 1101px){.home-offer p { margin-bottom: 0px; }}
.home-offer p { flex: 0 0 auto; }
.home-offers-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2.5rem; margin-top: 2rem; }
body.chrome-page .home-offers-actions a.home-offer-button { width: auto; min-width: 16rem; padding: 0px 2rem; }
.home-offers-actions .home-offer-link { margin: 0px; font-size: 1.0625rem; }
@media (max-width: 640px){body.chrome-page .home-offers-actions a.home-offer-button { width: 100%; }}
@media (max-width: 640px){.home-offers-actions { gap: 0.5rem; justify-content: center; }}
.home-offer p { margin-bottom: 0px !important; }
@media (max-width: 640px){.home-offer { padding: 1.25rem 1.5rem; }}
@media (max-width: 640px){.home-offer-icon { width: 3rem !important; height: 3rem !important; margin-bottom: 0.75rem !important; }}
@media (max-width: 640px){.home-offer-icon img { width: 1.5rem; height: 1.5rem; }}
.home-hero-visual { margin-bottom: clamp(12rem, 15vw, 15rem); }
.home-phone.home-hero-card { left: 50%; bottom: auto; top: 64%; width: clamp(9.5rem, 12vw, 12rem); padding: 0px; background: none; box-shadow: none; transform: translateX(-35%); }
.home-phone-device { position: relative; padding: 0.42rem; border-radius: 2rem; background: linear-gradient(145deg, rgb(58, 53, 50), rgb(21, 19, 18) 55%, rgb(43, 39, 37)); box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset, rgba(31, 26, 23, 0.35) 0px 1.75rem 3.5rem, rgba(31, 26, 23, 0.2) 0px 0.4rem 1rem; }
.home-phone-device::before { content: ""; position: absolute; z-index: 2; top: 0.75rem; left: 50%; width: 28%; height: 0.7rem; border-radius: 999px; background: rgb(11, 10, 10); transform: translateX(-50%); }
.home-phone-device::after { content: ""; position: absolute; right: -0.2rem; top: 22%; width: 0.2rem; height: 14%; border-radius: 0px 0.2rem 0.2rem 0px; background: rgb(43, 39, 37); }
.home-phone-device img { display: block; width: 100%; height: auto; padding-top: 1.35rem; box-sizing: content-box; border-radius: 1.6rem; background: rgb(242, 242, 247); }
.home-phone .home-hero-card-label { margin: 0.7rem 0px 0px; text-align: center; font-size: 0.75rem; color: var(--home-muted); }
@media (max-width: 899px){.home-hero-visual { margin-bottom: 8.5rem; margin-left: 0px; }}
@media (max-width: 899px){.home-phone.home-hero-card { width: clamp(7rem, 26%, 10rem); top: 56%; transform: translateX(-25%); }}
@media (max-width: 899px){.home-phone-device { padding: 0.3rem; border-radius: 1.4rem; }}
@media (max-width: 899px){.home-phone-device::before { top: 0.5rem; height: 0.5rem; }}
@media (max-width: 899px){.home-phone-device img { padding-top: 1rem; border-radius: 1.15rem; }}
@media (max-width: 899px){.home-phone .home-hero-card-label { position: absolute; left: 50%; width: 14rem; transform: translateX(-50%); }}

/* ====== from app-page.css ====== */
body.app-page { background: var(--home-paper); }
.app-phone { position: relative; padding: 0.4rem; border-radius: 2rem; background: linear-gradient(145deg, rgb(58, 53, 50), rgb(21, 19, 18) 55%, rgb(43, 39, 37)); box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset, rgba(31, 26, 23, 0.45) 0px 1.5rem 3rem -1rem; box-sizing: border-box; }
.app-phone::before { content: ""; position: absolute; z-index: 2; top: 0.72rem; left: 50%; width: 28%; height: 0.68rem; border-radius: 999px; background: rgb(11, 10, 10); transform: translateX(-50%); }
.app-phone::after { content: ""; position: absolute; right: -0.2rem; top: 22%; width: 0.2rem; height: 14%; border-radius: 0px 0.2rem 0.2rem 0px; background: rgb(43, 39, 37); }
.app-phone img { display: block; width: 100%; height: auto; padding-top: 1.3rem; box-sizing: content-box; border-radius: 1.6rem; background: rgb(242, 242, 247); }
body.services-page .app-hero { padding: calc(5.5rem + clamp(1.5rem, 1rem + 2vw, 3rem)) 0px clamp(3rem, 2rem + 3vw, 5rem); background: var(--home-paper); color: var(--home-ink); overflow: hidden; }
.app-hero-grid { display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 0.9fr); gap: clamp(2rem, 1rem + 3vw, 4rem); align-items: center; }
.app-hero-visual { position: relative; margin: 0px; min-height: clamp(26rem, 40vw, 36rem); display: flex; justify-content: center; align-items: center; }
.app-hero-visual .app-phone { width: clamp(11rem, 15vw, 15rem); }
.app-phone-back { transform: translateX(-38%) rotate(-6deg) translateY(1.5rem); opacity: 0.96; }
.app-phone-front { position: absolute; left: 50%; top: 50%; transform: translate(-8%, -46%) rotate(4deg); }
.app-hero-visual figcaption { position: absolute; bottom: -1.5rem; left: 0px; right: 0px; text-align: center; font-size: 0.8125rem; color: var(--home-muted); }
body.services-page .app-section { padding: clamp(3.5rem, 2.5rem + 4vw, 6.5rem) 0px; background: var(--home-paper); }
body.services-page .app-section-warm { background: rgb(243, 234, 223); }
.app-section-head { max-width: 46rem; margin-bottom: clamp(2rem, 1.5rem + 2vw, 3rem); }
body.chrome-page .app-section-head h2 { margin: 0.5rem 0px 0.85rem; font-family: Manrope, Arial, sans-serif; font-size: clamp(2.125rem, 1.4rem + 2.8vw, 3.375rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.045em; color: var(--home-ink); max-width: none; }
.app-section-head > p:not(.svc-eyebrow) { margin: 0px; font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem); line-height: 1.55; color: rgb(46, 39, 35); }
.app-modules { display: grid; grid-template-columns: minmax(14rem, 18rem) minmax(0px, 1fr); gap: clamp(1.5rem, 1rem + 2vw, 3rem); align-items: start; }
.app-tabs { display: flex; flex-direction: column; gap: 0.4rem; position: sticky; top: 7rem; }
.app-tab { display: flex; align-items: center; gap: 0.85rem; min-height: 3.25rem; padding: 0.5rem 1rem; border: 1.5px solid transparent; border-radius: 0.9rem; background: transparent; color: var(--home-ink); font: 700 1.0625rem / 1.2 Manrope, Arial, sans-serif; text-align: left; cursor: pointer; transition: background-color 0.18s, border-color 0.18s, transform 0.18s; }
.app-tab img { width: 1.375rem; height: 1.375rem; flex: 0 0 auto; opacity: 0.8; }
.app-tab:hover { background: rgb(255, 255, 255); border-color: var(--polish-rule,#ddd0bf); }
.app-tab[aria-selected="true"] { background: var(--home-ink); border-color: var(--home-ink); color: rgb(255, 255, 255); }
.app-tab[aria-selected="true"] img { filter: invert(1); opacity: 1; }
.app-panels { min-width: 0px; }
.app-module { display: grid; grid-template-columns: minmax(0px, 1fr) clamp(12rem, 18vw, 16rem); gap: clamp(1.5rem, 1rem + 3vw, 4rem); align-items: center; padding: clamp(1.5rem, 1rem + 2vw, 3rem); border: 1.5px solid var(--polish-rule,#ddd0bf); border-radius: 1.5rem; background: rgb(255, 255, 255); box-shadow: var(--polish-card-shadow); }
.app-tabs-ready .app-module[hidden] { display: none; }
html:not(.app-tabs-ready) .app-module + .app-module { margin-top: 1.25rem; }
.app-module-name { margin: 0px 0px 0.5rem; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--home-muted); }
body.chrome-page .app-module h3 { margin: 0px 0px 1rem; font-family: Manrope, Arial, sans-serif; font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: var(--home-ink); }
.app-module-copy p:last-child { margin: 0px; font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem); line-height: 1.6; color: rgb(46, 39, 35); }
@media (prefers-reduced-motion: no-preference){.app-tabs-ready .app-module:not([hidden]) { animation: 0.35s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal none running app-panel-in; }}
@keyframes app-panel-in {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: none; }
}
.app-steps { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: clamp(0.75rem, 0.5rem + 1vw, 1.25rem); margin: 0px; padding: 0px; list-style: none; }
.app-step { display: flex; flex-direction: column; padding: 1.25rem 1.25rem 1.5rem; border: 1.5px solid var(--polish-rule,#ddd0bf); border-radius: 1.25rem; background: rgb(255, 255, 255); box-shadow: var(--polish-card-shadow); }
.app-step-num { font: 800 0.9375rem / 1 Manrope, Arial, sans-serif; letter-spacing: 0.08em; color: var(--home-muted); margin-bottom: 1rem; }
.app-step .app-phone { width: min(100%, 12.5rem); margin: 0px auto 1.25rem; padding: 0.3rem; border-radius: 1.5rem; }
.app-step .app-phone::before { top: 0.5rem; height: 0.5rem; }
.app-step .app-phone img { padding-top: 1rem; border-radius: 1.25rem; }
body.chrome-page .app-step h3 { margin: 0px 0px 0.5rem; font-family: Manrope, Arial, sans-serif; font-size: 1.25rem; font-weight: 800; letter-spacing: -0.02em; color: var(--home-ink); }
.app-step p { margin: 0px 0px 0.75rem; font-size: 1rem; line-height: 1.5; color: rgb(46, 39, 35); }
.app-step .app-step-manager { margin: auto 0px 0px; padding-top: 0.75rem; border-top: 1px solid var(--polish-rule,#ddd0bf); font-size: 0.9375rem; color: rgb(59, 50, 44); }
.app-records { display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: clamp(1.5rem, 1rem + 3vw, 4rem); align-items: start; }
.app-records .app-section-head { margin: 0px; }
.app-rules { display: grid; gap: 0px; margin: 0px; padding: 0px; list-style: none; border-top: 2px solid var(--home-ink); }
.app-rules li { padding: 1.25rem 0px; border-bottom: 1.5px solid var(--polish-rule,#ddd0bf); font-size: 1.0625rem; line-height: 1.55; color: rgb(46, 39, 35); }
.app-rules strong { display: block; margin-bottom: 0.25rem; font-size: 1.1875rem; font-weight: 800; color: var(--home-ink); }
body.services-page .app-cta { padding: 0px 0px clamp(4rem, 3rem + 4vw, 7rem); background: var(--home-paper); }
.app-cta-panel { padding: clamp(2rem, 1.5rem + 3vw, 4rem); border-radius: 1.75rem; background: var(--home-ink); color: rgb(255, 255, 255); }
body.chrome-page .app-cta-panel h2 { margin: 0px 0px 0.85rem; font-family: Manrope, Arial, sans-serif; font-size: clamp(2rem, 1.3rem + 2.6vw, 3.25rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.045em; color: rgb(255, 255, 255); max-width: none; }
.app-cta-panel p { max-width: 40rem; margin: 0px 0px 1.75rem; font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem); line-height: 1.55; color: rgb(233, 223, 210) !important; }
body.chrome-page .app-cta-panel a.home-hero-primary { display: inline-flex; }
@media (max-width: 1100px){.app-steps { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(15rem, 40%); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 1rem; margin-inline: calc(-1 * var(--home-gutter)); padding-inline: var(--home-gutter); scroll-padding-inline: var(--home-gutter); }}
@media (max-width: 1100px){.app-step { scroll-snap-align: start; }}
@media (max-width: 899px){.app-hero-grid { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 899px){.app-hero-visual { min-height: 24rem; margin-top: 1rem; }}
@media (max-width: 899px){.app-hero-visual .app-phone { width: clamp(9rem, 40vw, 12rem); }}
@media (max-width: 899px){.app-modules { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 899px){.app-tabs { position: static; flex-direction: row; overflow-x: auto; margin-inline: calc(-1 * var(--home-gutter)); padding: 0 var(--home-gutter) .5rem; scroll-padding-inline: var(--home-gutter); }}
@media (max-width: 899px){.app-tab { flex: 0 0 auto; min-height: 2.75rem; border-color: var(--polish-rule,#ddd0bf); background: rgb(255, 255, 255); border-radius: 999px; font-size: 0.9375rem; }}
@media (max-width: 899px){.app-module { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 899px){.app-module .app-phone { width: min(70%, 15rem); margin: 0px auto; }}
@media (max-width: 899px){.app-records { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 640px){.app-steps { grid-auto-columns: 78%; }}
@media (max-width: 640px){body.chrome-page .app-cta-panel a.home-hero-primary { width: 100%; }}
body.chrome-page .svc-eyebrow { font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(46, 39, 35); }
body.chrome-page.app-page a.home-hero-primary { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 4rem; min-width: 16rem; padding: 0px 2rem; border: 1px solid var(--home-yellow); border-radius: 0.75rem; background: var(--home-yellow); color: var(--home-ink); font-size: 1.25rem; font-weight: 750; text-decoration: none; box-shadow: none; }
@media (hover: hover){body.chrome-page.app-page a.home-hero-primary:hover { background: var(--home-ink); border-color: var(--home-ink); color: rgb(255, 255, 255); }}
@media (hover: hover){body.chrome-page.app-page .app-cta-panel a.home-hero-primary:hover { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: var(--home-ink); }}
body.chrome-page.app-page .app-cta-panel a:focus-visible { outline-color: var(--home-yellow); }
@media (max-width: 640px){body.chrome-page .svc-eyebrow { font-size: 0.75rem; letter-spacing: 0.08em; }}
@media (max-width: 640px){body.chrome-page.app-page a.home-hero-primary { min-height: 3.5rem; font-size: 1.125rem; }}

/* ====== from polish.css ====== */
:root { --polish-rule: #ddd0bf; --polish-rule-strong: #cdbda8; --polish-card-shadow: 0 1px 0 rgb(31 26 23 / .04),0 14px 32px -22px rgb(31 26 23 / .32); --polish-lift-shadow: 0 1px 0 rgb(31 26 23 / .05),0 22px 40px -22px rgb(31 26 23 / .4); --polish-ease: cubic-bezier(.2,.7,.2,1); --polish-fast: .18s; --polish-mid: .32s; }
body.chrome-page .svc-months li, body.chrome-page .svc-package, body.chrome-page .svc-person, body.chrome-page .svc-provide, body.chrome-page .home-offer, body.chrome-page .svc-path li, body.chrome-page .svc-problems li, body.chrome-page .svc-contact .svc-form, body.chrome-page .svc-steps li { border-color: var(--polish-rule); box-shadow: var(--polish-card-shadow); }
body.chrome-page .svc-problems li { border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 4px solid var(--home-ink,#1f1a17); border-radius: 0px 0px 1.25rem 1.25rem; }
body.chrome-page .svc-package { border-width: 1.5px; }
body.chrome-page .svc-areas li { border-top: 1.5px solid var(--polish-rule-strong); }
body.chrome-page .svc-faq summary { border-color: var(--polish-rule-strong); }
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page .svc-months li, body.chrome-page .svc-package, body.chrome-page .home-offer, body.chrome-page .svc-path li, body.chrome-page .svc-problems li { transition: transform var(--polish-mid) var(--polish-ease),box-shadow var(--polish-mid) var(--polish-ease),border-color var(--polish-mid) var(--polish-ease); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page .svc-months li:hover, body.chrome-page .svc-package:hover, body.chrome-page .home-offer:hover, body.chrome-page .svc-path li:hover, body.chrome-page .svc-problems li:hover { transform: translateY(-4px); box-shadow: var(--polish-lift-shadow); border-color: var(--polish-rule-strong); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page a.button, body.chrome-page button.button, body.chrome-page .home-hero a.home-hero-primary, body.chrome-page a.home-offer-button, body.chrome-page .chrome-contact, body.chrome-page .chrome-footer-cta, body.chrome-page button[type="submit"] { transition: background-color var(--polish-fast) ease,color var(--polish-fast) ease,border-color var(--polish-fast) ease,transform var(--polish-fast) var(--polish-ease),box-shadow var(--polish-fast) ease; }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page a.button:hover, body.chrome-page .home-hero a.home-hero-primary:hover, body.chrome-page a.home-offer-button:hover, body.chrome-page .chrome-contact:hover, body.chrome-page button[type="submit"]:hover { transform: translateY(-2px); box-shadow: rgba(31, 26, 23, 0.5) 0px 10px 22px -12px; }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page a.button:active, body.chrome-page a.home-offer-button:active, body.chrome-page .home-hero a.home-hero-primary:active { transform: translateY(0px); box-shadow: none; }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.home-hero a svg, .home-offer-button svg { transition: transform var(--polish-fast) var(--polish-ease); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.home-hero a:hover svg, .home-offer-button:hover svg { transform: translateX(4px); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.home-phone-device { transition: transform .5s var(--polish-ease); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.home-hero-visual:hover .home-phone-device { transform: translateY(-6px) rotate(-1.5deg); }}
body.chrome-page main a.text-link, body.chrome-page .home-offer-link, body.chrome-page .home-hero-secondary span { text-decoration: none; background: linear-gradient(currentcolor, currentcolor) 0px 100% / 100% 2px no-repeat; padding-bottom: 2px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page main a.text-link, body.chrome-page .home-offer-link { -webkit-box-decoration-break: clone; box-decoration-break: clone; transition: background-size var(--polish-fast) ease,color var(--polish-fast) ease; }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page main a.text-link:hover, body.chrome-page .home-offer-link:hover { background-size: 100% 4px; }}
.home-hero-secondary:hover { text-decoration: none; }
body.chrome-page a:focus-visible, body.chrome-page button:focus-visible, body.chrome-page summary:focus-visible, body.chrome-page input:focus-visible, body.chrome-page select:focus-visible, body.chrome-page textarea:focus-visible { outline: 3px solid var(--home-ink,#1f1a17); outline-offset: 3px; border-radius: 0.5rem; }
body.chrome-page .svc-areas h3, body.chrome-page .svc-months h3, body.chrome-page .svc-package h3, body.chrome-page .svc-path h3, body.chrome-page .svc-problems h3, body.chrome-page .svc-person h3, body.chrome-page .svc-provide h3 { font-weight: 800; letter-spacing: -0.02em; color: var(--home-ink,#1f1a17); }
body.chrome-page .svc-faq summary { font-weight: 750; }
body.chrome-page.services-page main p, body.chrome-page.services-page main li { color: rgb(46, 39, 35); }
body.chrome-page .svc-note, body.chrome-page .svc-small, body.chrome-page .svc-proof-note p, body.chrome-page .svc-terms p { font-size: 1rem; line-height: 1.55; color: rgb(59, 50, 44); }
body.chrome-page .svc-eyebrow, body.chrome-page .home-offers-title { color: rgb(46, 39, 35); }
.services-page .svc-final .svc-final-panel { position: absolute; z-index: 4; left: max(var(--home-gutter,1.5rem),calc((100% - 100rem) / 2 + var(--home-gutter,1.5rem))); bottom: clamp(1.5rem, 3vw, 3rem); max-width: min(46rem, 100% - 4rem); padding: clamp(1.5rem, 1rem + 1.5vw, 2.25rem); background: rgba(251, 247, 241, 0.97); border: 1px solid rgba(31, 26, 23, 0.08); border-radius: 1.25rem; box-shadow: rgba(31, 26, 23, 0.45) 0px 24px 48px -24px; box-sizing: border-box; }
.services-page .svc-final .svc-final-panel .service-title, .services-page .svc-final .svc-final-panel .svc-final-lead, .services-page .svc-final .svc-final-panel .service-consultation { position: static; left: auto; right: auto; bottom: auto; transform: none; max-width: none; }
body.chrome-page .services-page .svc-final .svc-final-panel h2.service-title, body.chrome-page.services-page .svc-final .svc-final-panel h2.service-title { margin: 0px 0px 0.85rem; font-family: Manrope, Arial, sans-serif; font-weight: 800; text-transform: none; font-size: clamp(2rem, 1.3rem + 2.2vw, 3.25rem); line-height: 1.04; letter-spacing: -0.045em; color: var(--home-ink,#1f1a17); }
.services-page .svc-final .svc-final-panel .svc-final-lead { margin: 0px 0px 1.5rem; font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem); font-weight: 500; line-height: 1.5; color: rgb(46, 39, 35); }
.services-page .svc-final .svc-final-panel .service-consultation { display: inline-flex; min-width: 15rem; justify-content: center; }
@media (max-width: 740px){.services-page .svc-final .svc-final-panel { position: static; max-width: none; padding: 0px; background: none; border: 0px; box-shadow: none; }}
@media (max-width: 740px){.services-page .svc-final .motion-control { display: none; }}
@media (prefers-reduced-motion: no-preference){.reveal-ready .reveal { opacity: 0; transform: translateY(18px); transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: var(--reveal-delay,0s); }}
@media (prefers-reduced-motion: no-preference){.reveal-ready .reveal.is-in { opacity: 1; transform: none; }}
@media print{.reveal-ready .reveal { opacity: 1 !important; transform: none !important; }}

/* ====== from sections.css ====== */
body.chrome-page .svc-problems { gap: clamp(1rem, 0.75rem + 1vw, 1.5rem); }
body.chrome-page .svc-problems li { position: relative; padding: clamp(1.75rem, 1.5rem + 1vw, 2.25rem); border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-width: 1.5px; border-radius: 1.25rem; background: rgb(255, 255, 255); overflow: hidden; }
body.chrome-page .svc-problems li::after { content: ""; position: absolute; inset: 0px 0px auto; height: 5px; background: var(--home-yellow,#ffd34d); }
.svc-quote { display: flex; align-items: flex-start; justify-content: center; width: 3rem; height: 3rem; margin-bottom: 0.25rem; border-radius: 50%; background: var(--home-ink,#1f1a17); color: var(--home-yellow,#ffd34d); font: 800 2.5rem / 1.15 Georgia, "Times New Roman", serif; }
body.chrome-page .svc-problems h3 { font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.625rem); line-height: 1.2; }
body.chrome-page .svc-problems li p { flex: 1 1 0%; font-size: 1.0625rem; line-height: 1.55; }
.svc-concern-link { display: inline-flex; align-items: center; gap: 0.6rem; align-self: flex-start; min-height: 2.75rem; margin-top: 0.25rem; padding: 0px 1.1rem; border: 1.5px solid var(--home-ink,#1f1a17); border-radius: 999px; color: var(--home-ink,#1f1a17); font-weight: 750; text-decoration: none; }
@media (hover: hover){.svc-concern-link { transition: background-color 0.18s, color 0.18s; }}
@media (hover: hover){.svc-concern-link svg { transition: transform 0.18s; }}
@media (hover: hover){.svc-concern-link:hover { background: var(--home-ink,#1f1a17); color: rgb(255, 255, 255); }}
@media (hover: hover){.svc-concern-link:hover svg { transform: translateX(3px); }}
body.chrome-page .svc-promise { border-top: 1.5px solid var(--polish-rule-strong); }
body.chrome-page .svc-promise-line { font-weight: 800; }
.svc-flow { margin-top: clamp(1.75rem, 1.25rem + 2vw, 2.75rem); }
.svc-flow-title { margin: 0px 0px 1rem; font-size: 0.9375rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(46, 39, 35); }
.svc-flow-steps { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 0px; margin: 0px; padding: 0px; list-style: none; counter-reset: none; }
.svc-flow-steps li { position: relative; display: flex; flex-direction: column; gap: 0.75rem; padding: 0px 1rem 0px 0px; font-weight: 700; font-size: 1.0625rem; line-height: 1.3; color: var(--home-ink,#1f1a17); }
.svc-flow-steps li::before { content: ""; position: absolute; top: 1.25rem; left: 2.5rem; right: 0px; height: 2px; background: repeating-linear-gradient(90deg,var(--polish-rule-strong) 0 8px,transparent 8px 14px); }
.svc-flow-steps li:last-child::before { display: none; }
.svc-flow-num { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: var(--home-yellow,#ffd34d); font-weight: 800; font-size: 1rem; box-shadow: 0 0 0 5px var(--home-paper,#fbf7f1); }
.svc-flow-steps li:last-child .svc-flow-num { background: var(--home-ink,#1f1a17); color: var(--home-yellow,#ffd34d); }
.svc-flow-note { margin: 1.25rem 0px 0px; font-size: 1.0625rem; color: rgb(46, 39, 35); }
@media (max-width: 899px){.svc-flow-steps { grid-template-columns: minmax(0px, 1fr); gap: 0.85rem; }}
@media (max-width: 899px){.svc-flow-steps li { flex-direction: row; align-items: center; padding: 0px; }}
@media (max-width: 899px){.svc-flow-steps li::before { inset: 2.5rem auto -0.85rem 1.25rem; width: 2px; height: auto; background: repeating-linear-gradient(180deg,var(--polish-rule-strong) 0 6px,transparent 6px 11px); }}
@media (max-width: 899px){.svc-flow-num { flex: 0 0 auto; }}
body.chrome-page .svc-areas { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: clamp(1rem, 0.75rem + 1vw, 1.5rem); }
body.chrome-page .svc-areas li { display: flex; flex-direction: column; padding: clamp(1.5rem, 1.25rem + 1vw, 2rem); border: 1.5px solid var(--polish-rule); border-radius: 1.25rem; background: rgb(255, 255, 255); box-shadow: var(--polish-card-shadow); }
.svc-area-top { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.1rem; }
.svc-area-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; border-radius: 0.8rem; background: var(--home-yellow-soft,#fdeec4); }
.svc-area-icon img { width: 1.4rem; height: 1.4rem; }
body.chrome-page .svc-areas .svc-concern { margin: 0px; padding: 0.3rem 0.7rem; border-radius: 999px; background: rgb(243, 234, 223); font-size: 0.8125rem; font-weight: 700; line-height: 1.3; color: rgb(59, 50, 44); }
body.chrome-page .svc-areas h3 { margin: 0px 0px 0.6rem; }
body.chrome-page .svc-areas li > p:not(.svc-receive):not(.svc-resource) { margin: 0px 0px 1.25rem; font-size: 1.0625rem; line-height: 1.55; }
body.chrome-page .svc-areas .svc-receive { margin: 0px; padding: 1rem 1.1rem; border: 0px; border-radius: 0.9rem; background: rgb(250, 243, 227); box-shadow: inset 4px 0 0 var(--home-yellow,#ffd34d); font-size: 1rem; line-height: 1.5; }
body.chrome-page .svc-areas .svc-receive span { display: block; margin-bottom: 0.25rem; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--home-ink,#1f1a17); }
body.chrome-page .svc-areas .svc-resource { margin: 1rem 0px 0px; }
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page .svc-areas li { transition: transform var(--polish-mid) var(--polish-ease),box-shadow var(--polish-mid) var(--polish-ease); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page .svc-areas li:hover { transform: translateY(-4px); box-shadow: var(--polish-lift-shadow); }}
@media (max-width: 1100px){body.chrome-page .svc-areas { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 640px){body.chrome-page .svc-areas { grid-template-columns: minmax(0px, 1fr); }}
body.chrome-page .svc-note { max-width: 52rem; margin-top: clamp(1.5rem, 1rem + 1vw, 2.25rem); padding: 1.25rem 1.5rem; border-left: 4px solid var(--home-ink,#1f1a17); background: rgba(255, 255, 255, 0.55); border-radius: 0px 0.9rem 0.9rem 0px; }
@media (min-width: 641px){body.chrome-page .svc-areas { grid-auto-rows: auto; }}
@media (min-width: 641px){body.chrome-page .svc-areas li { display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0px; align-content: start; }}
@media (min-width: 641px){body.chrome-page .svc-areas li > p:not(.svc-receive):not(.svc-resource) { align-self: start; }}
body.chrome-page .svc-months { position: relative; gap: clamp(1rem, 0.75rem + 1vw, 1.5rem); padding-top: 3.25rem; }
body.chrome-page .svc-months::before { content: ""; position: absolute; top: 1.15rem; left: 1.5rem; right: 1.5rem; height: 4px; border-radius: 4px; background: linear-gradient(90deg,var(--home-yellow,#ffd34d),var(--home-ink,#1f1a17)); }
body.chrome-page .svc-months li { position: relative; display: flex; flex-direction: column; border-width: 1.5px; border-radius: 1.25rem; }
body.chrome-page .svc-months li::before { content: ""; position: absolute; top: -2.65rem; left: 1.5rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--home-paper,#fbf7f1); border: 4px solid var(--home-ink,#1f1a17); box-sizing: border-box; }
body.chrome-page .svc-months li:first-child::before { border-color: var(--home-yellow,#ffd34d); }
body.chrome-page .svc-month { display: inline-block; align-self: flex-start; margin: 0px 0px 0.85rem; padding: 0.3rem 0.75rem; border-radius: 999px; background: var(--home-ink,#1f1a17); color: var(--home-yellow,#ffd34d); font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
body.chrome-page .svc-months li > p:not(.svc-receive):not(.svc-month) { flex: 1 1 0%; margin: 0px 0px 1.25rem; font-size: 1.0625rem; line-height: 1.55; }
body.chrome-page .svc-deliverable { margin: 0px; padding: 1rem 1.1rem; border: 0px; border-radius: 0.9rem; background: rgb(250, 243, 227); font-size: 1rem; line-height: 1.5; }
body.chrome-page .svc-deliverable span { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.25rem; font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--home-ink,#1f1a17); }
body.chrome-page .svc-deliverable svg { flex: 0 0 auto; padding: 0.15rem; border-radius: 50%; background: var(--home-yellow,#ffd34d); }
@media (max-width: 899px){body.chrome-page .svc-months { padding: 0px 0px 0px 2.25rem; }}
@media (max-width: 899px){body.chrome-page .svc-months::before { inset: 1rem auto 1rem 0.45rem; width: 4px; height: auto; background: linear-gradient(180deg,var(--home-yellow,#ffd34d),var(--home-ink,#1f1a17)); }}
@media (max-width: 899px){body.chrome-page .svc-months li::before { top: 1.75rem; left: -2.25rem; }}
body.chrome-page .svc-person { padding: clamp(1.75rem, 1.25rem + 2vw, 2.75rem); border-width: 1.5px; border-radius: 1.5rem; }
.svc-person-head { display: flex; align-items: center; gap: 1.1rem; margin-bottom: 1.25rem; }
.svc-avatar { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 4.25rem; height: 4.25rem; border-radius: 50%; background: var(--home-yellow,#ffd34d); color: var(--home-ink,#1f1a17); font: 800 1.375rem / 1 Manrope, Arial, sans-serif; letter-spacing: -0.02em; box-shadow: rgb(253, 238, 196) 0px 0px 0px 5px; }
body.chrome-page .svc-person h3 { margin: 0px 0px 0.2rem; font-size: clamp(1.625rem, 1.3rem + 1vw, 2.125rem); letter-spacing: -0.035em; }
body.chrome-page .svc-person .svc-role { margin: 0px; font-weight: 700; color: rgb(59, 50, 44); }
.svc-facts { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0px 0px 1.5rem; padding: 0px; list-style: none; }
.svc-facts li { padding: 0.45rem 0.85rem; border: 1.5px solid var(--polish-rule); border-radius: 999px; background: rgb(250, 246, 239); font-size: 0.9375rem; font-weight: 700; color: var(--home-ink,#1f1a17); }
body.chrome-page .svc-person > p { font-size: 1.0625rem; line-height: 1.6; }
body.chrome-page .svc-path { position: relative; }
body.chrome-page .svc-path li { border-width: 1.5px; border-radius: 1.1rem; background: rgb(255, 255, 255); }
body.chrome-page .svc-step-num { width: 2.25rem; height: 2.25rem; font-weight: 800; box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px; }
body.chrome-page .svc-path h4 { font-size: 1.125rem; font-weight: 800; }
@media (min-width: 1101px){body.chrome-page .svc-path li { position: relative; }}
@media (min-width: 1101px){body.chrome-page .svc-path li:not(:last-child)::after { content: ""; position: absolute; z-index: 1; top: 2.1rem; right: -1rem; width: 1rem; height: 2px; background: var(--polish-rule-strong); }}
body.chrome-page.services-page main .svc-month { color: var(--home-yellow,#ffd34d); }
@media (min-width: 900px){body.chrome-page .svc-months li { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0px; align-content: start; }}
@media (min-width: 900px){body.chrome-page .svc-months { grid-template-rows: repeat(4, auto); }}
@media (min-width: 900px){body.chrome-page .svc-month { justify-self: start; }}
body.chrome-page .svc-person ul.svc-facts { margin: 0px 0px 1.5rem; }
body.chrome-page .svc-package { padding: 0px; overflow: hidden; border-radius: 1.5rem; }
body.chrome-page .svc-package > h3 { margin: 0px; padding: 1.75rem 1.75rem 0.35rem; background: rgb(250, 243, 227); font-size: 1.375rem; }
body.chrome-page .svc-package .svc-package-price { margin: 0px; padding: 0px 1.75rem 1.5rem; background: rgb(250, 243, 227); border-bottom: 1.5px solid var(--polish-rule); font-size: 1.0625rem; color: rgb(59, 50, 44); }
body.chrome-page .svc-package .svc-package-price strong { font-size: clamp(2.5rem, 2rem + 1.5vw, 3.25rem); font-weight: 800; letter-spacing: -0.04em; color: var(--home-ink,#1f1a17); }
body.chrome-page .svc-package dl { margin: 0px; padding: 0.5rem 1.75rem 0px; }
body.chrome-page .svc-package dl > div:first-child { border-top: 0px; }
body.chrome-page .svc-package dt { font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(95, 82, 72); }
body.chrome-page .svc-package dd { font-size: 1.0625rem; color: var(--home-ink,#1f1a17); }
body.chrome-page .svc-package a.button { margin: 1.25rem 1.75rem 1.75rem; }
@media (min-width: 1101px){body.chrome-page .svc-packages { grid-template-rows: repeat(8, auto); }}
@media (min-width: 1101px){body.chrome-page .svc-package { display: grid; grid-row: span 8; grid-template-rows: subgrid; row-gap: 0px; }}
@media (min-width: 1101px){body.chrome-page .svc-package dl { display: contents; }}
@media (min-width: 1101px){body.chrome-page .svc-package dl > div { margin: 0px 1.75rem; }}
@media (min-width: 1101px){body.chrome-page .svc-package dl > div:nth-child(1) { padding-top: 1.25rem; }}
@media (min-width: 1101px){body.chrome-page .svc-package a.button { align-self: end; }}
body.chrome-page .svc-terms { border: 1.5px solid var(--polish-rule); background: rgb(255, 255, 255); box-shadow: var(--polish-card-shadow); }
body.chrome-page .svc-terms a.text-link { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0px 1.1rem; border: 1.5px solid var(--home-ink,#1f1a17); border-radius: 999px; background: none; font-weight: 750; }
@media (hover: hover){body.chrome-page .svc-terms a.text-link:hover { background: var(--home-ink,#1f1a17); color: rgb(255, 255, 255); }}
body.chrome-page .svc-faq { display: grid; gap: 0.75rem; }
body.chrome-page .svc-faq .module-row { border: 1.5px solid var(--polish-rule); border-radius: 1rem; background: rgb(255, 255, 255); box-shadow: var(--polish-card-shadow); overflow: hidden; }
body.chrome-page .svc-faq .module-row summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.25rem; border: 0px; cursor: pointer; list-style: none; }
body.chrome-page .svc-faq .module-row summary::-webkit-details-marker { display: none; }
body.chrome-page .svc-faq .expand-symbol { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 2rem; height: 2rem; border-radius: 50%; background: var(--home-yellow,#ffd34d); font-size: 1.25rem; font-weight: 700; line-height: 1; transition: transform .25s var(--polish-ease),background-color .2s ease; }
body.chrome-page .svc-faq .module-row[open] .expand-symbol { transform: rotate(45deg); background: var(--home-ink,#1f1a17); color: rgb(255, 255, 255); }
body.chrome-page .svc-faq .module-row[open] { border-color: var(--polish-rule-strong); }
body.chrome-page .svc-faq .module-row > div { padding: 0px 1.25rem 1.25rem; }
@media (hover: hover){body.chrome-page .svc-faq .module-row summary:hover { background: rgb(250, 246, 239); }}
body.chrome-page .svc-package a.button { width: auto; box-sizing: border-box; }
body.chrome-page .svc-provide ul { margin: 0px 0px 1rem; padding: 0px; list-style: none; }
body.chrome-page .svc-provide li { position: relative; padding: 0.35rem 0px 0.35rem 2rem; font-size: 1.0625rem; }
body.chrome-page .svc-provide li::before { content: ""; position: absolute; left: 0px; top: 0.55rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: var(--home-yellow,#ffd34d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%231f1a17' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat; }
body.chrome-page .inner-title { padding-top: calc(5.5rem + clamp(1.5rem, 1rem + 2vw, 3rem)) !important; }
body.chrome-page .inner-title .section-label { display: block; margin: 0px 0px 1.25rem; padding: 0px; font-size: 0.9375rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(46, 39, 35); }
body.chrome-page .inner-title .section-label::before { display: none; }
body.chrome-page .inner-title h1 { font-family: Manrope, Arial, sans-serif; font-weight: 800; font-size: clamp(2.5rem, 1.5rem + 3.5vw, 4.5rem); line-height: 1.04; letter-spacing: -0.05em; color: var(--home-ink,#1f1a17); }
body.chrome-page .inner-title > p, body.chrome-page .inner-title-copy > p { font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem); line-height: 1.55; color: rgb(46, 39, 35); }
.inner-title-split { display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(16rem, 0.75fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; }
.inner-preview { position: relative; margin: 0px; justify-self: center; width: min(100%, 24rem); }
.inner-preview img { display: block; width: 100%; height: auto; border-radius: 0.5rem; background: rgb(255, 255, 255); box-shadow: rgba(31, 26, 23, 0.08) 0px 0px 0px 1px, rgba(31, 26, 23, 0.45) 0px 2rem 3.5rem -1.5rem; transform: rotate(2deg); }
.inner-preview::before { content: ""; position: absolute; inset: 0.75rem -0.75rem -0.75rem 0.75rem; border-radius: 0.5rem; background: rgb(239, 228, 212); box-shadow: rgba(31, 26, 23, 0.06) 0px 0px 0px 1px; transform: rotate(-3deg); z-index: -1; }
.inner-preview figcaption { margin-top: 1.5rem; text-align: center; font-size: 0.875rem; color: var(--home-muted,#5f5248); }
@media (hover: hover) and (prefers-reduced-motion: no-preference){.inner-preview img { transition: transform .5s var(--polish-ease); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.inner-preview:hover img { transform: rotate(0deg) translateY(-6px); }}
@media (max-width: 899px){.inner-title-split { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 899px){.inner-preview { width: min(78%, 20rem); margin-top: 1rem; }}
body.chrome-page .inner-actions a.button { min-height: 3.5rem; border-radius: 0.75rem; padding: 0px 1.75rem; font-size: 1.0625rem; font-weight: 750; }
body.contact-page .svc-choice-list label { min-height: 3.25rem; border: 1.5px solid var(--polish-rule); border-radius: 0.85rem; background: rgb(255, 255, 255); transition: border-color 0.18s, background-color 0.18s; }
body.contact-page .svc-choice-list label:hover { border-color: var(--polish-rule-strong); background: rgb(253, 250, 244); }
body.contact-page .svc-choice-list label:has(input:checked) { border-color: var(--home-ink,#1f1a17); background: rgb(253, 238, 196); box-shadow: inset 0 0 0 1px var(--home-ink,#1f1a17); }
body.contact-page .svc-choice-list input { accent-color: var(--home-ink,#1f1a17); width: 1.25rem; height: 1.25rem; }
body.contact-page main input:not([type="radio"]):not([type="checkbox"]), body.contact-page main select, body.contact-page main textarea { min-height: 3.25rem; border: 1.5px solid var(--polish-rule-strong); border-radius: 0.75rem; background: rgb(255, 255, 255); font-size: 1.0625rem; transition: border-color 0.18s, box-shadow 0.18s; }
body.contact-page main textarea { min-height: 8rem; }
body.contact-page main input:not([type="radio"]):focus, body.contact-page main select:focus, body.contact-page main textarea:focus { border-color: var(--home-ink,#1f1a17); box-shadow: rgba(255, 211, 77, 0.55) 0px 0px 0px 4px; outline: none; }
body.contact-page main label, body.contact-page main legend { font-weight: 750; }
body.contact-page main button[type="submit"] { min-height: 3.75rem; font-size: 1.125rem; font-weight: 750; border-radius: 0.75rem; }
body.contact-page .svc-contact aside, body.contact-page .svc-contact .svc-contact-side { align-self: start; padding: 1.75rem; border: 1.5px solid var(--polish-rule); border-radius: 1.25rem; background: rgb(255, 255, 255); box-shadow: var(--polish-card-shadow); }
@media (min-width: 900px){body.contact-page .svc-contact aside { position: sticky; top: 7.5rem; }}
@media (max-width: 860px){body.chrome-page .marketing-header[data-menu-open] .marketing-nav { grid-template-columns: minmax(0px, 1fr); gap: 0px; padding: 0.5rem 0px 1rem; }}
@media (max-width: 860px){body.chrome-page .marketing-header[data-menu-open] .marketing-nav a:not([hidden]) { display: flex; align-items: center; justify-content: space-between; min-height: 3.5rem; padding: 0px 0.25rem; border-bottom: 1.5px solid var(--polish-rule); font-size: 1.375rem; font-weight: 800; letter-spacing: -0.02em; color: var(--home-ink,#1f1a17); border-radius: 0px; background: none; }}
@media (max-width: 860px){body.chrome-page .marketing-header[data-menu-open] .marketing-nav a:not([hidden])::after { content: ""; width: 1.25rem; height: 1.25rem; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / contain no-repeat; }}
@media (max-width: 860px){body.chrome-page .marketing-header[data-menu-open] .marketing-nav a[aria-current="page"] { color: var(--home-ink,#1f1a17); background: none; box-shadow: inset 4px 0 0 var(--home-yellow,#ffd34d); padding-left: 0.9rem; }}
@media (max-width: 860px){body.chrome-page .marketing-header[data-menu-open] { box-shadow: rgba(31, 26, 23, 0.35) 0px 0px 0px 100vmax; }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page .footer-studio-nav a:hover { color: var(--home-yellow,#ffd34d); transform: translateX(3px); }}
body.chrome-page .home-offers-list { counter-reset: offer 0; }
body.chrome-page .home-offer { position: relative; overflow: hidden; }
body.chrome-page .home-offer::after { content: ""; position: absolute; inset: 0px 0px auto; height: 5px; background: var(--home-yellow,#ffd34d); }
body.chrome-page .home-offer::before { counter-increment: offer 1; content: "0" counter(offer); position: absolute; top: 1.6rem; right: 1.75rem; font: 800 1rem / 1 Manrope, Arial, sans-serif; letter-spacing: 0.06em; color: rgb(185, 171, 152); }
.app-module { position: relative; overflow: hidden; }
.app-module::after { content: ""; position: absolute; z-index: 0; right: -6rem; top: 50%; width: min(30rem, 48%); aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle, rgb(253, 231, 164) 0%, rgb(253, 238, 196) 55%, rgba(253, 238, 196, 0) 72%); transform: translateY(-50%); }
.app-module > * { position: relative; z-index: 1; }
.app-module-count { display: inline-block; margin-bottom: 1rem; font: 800 0.875rem / 1 Manrope, Arial, sans-serif; letter-spacing: 0.08em; color: rgb(185, 171, 152); }
.app-points { display: grid; gap: 0.75rem; margin: 0px; padding: 0px; list-style: none; }
.app-points li { position: relative; padding-left: 2rem; font-size: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem); line-height: 1.5; color: rgb(46, 39, 35); }
.app-points li::before { content: ""; position: absolute; left: 0px; top: 0.2rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: var(--home-yellow,#ffd34d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%231f1a17' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat; }
.app-tab { position: relative; }
.app-tab[aria-selected="true"]::after { content: ""; position: absolute; right: 0.9rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--home-yellow,#ffd34d); }
.app-hero-visual::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 48%; width: min(26rem, 86%); aspect-ratio: 1 / 1; border-radius: 50%; background: var(--home-yellow,#ffd34d); opacity: 0.55; transform: translate(-50%, -50%); }
.app-hero-visual .app-phone { z-index: 1; }
@media (max-width: 899px){.app-module::after { right: 50%; top: auto; bottom: -4rem; width: 22rem; transform: translateX(50%); }}
@media (max-width: 899px){.app-tab[aria-selected="true"]::after { display: none; }}
.home-hero-visual::before { content: ""; position: absolute; z-index: 0; top: 1rem; left: 1rem; right: -1rem; aspect-ratio: 1.42 / 1; border-radius: 1.25rem; background: var(--home-yellow,#ffd34d); }
.home-hero-film { z-index: 1; box-shadow: rgba(31, 26, 23, 0.08) 0px 0px 0px 1px, rgba(31, 26, 23, 0.45) 0px 1.5rem 3rem -1.5rem; }
.home-phone.home-hero-card { z-index: 2; }
.home-hero-film-button { display: inline-flex; align-items: center; gap: 0.5rem; backdrop-filter: blur(6px); }
.home-hero-film-button::before { content: ""; width: 0.7rem; height: 0.8rem; background: currentcolor; clip-path: polygon(0px 0px, 100% 50%, 0px 100%); }
.home-hero-film-button[aria-pressed="true"]::before { clip-path: polygon(0px 0px, 35% 0px, 35% 100%, 0px 100%, 0px 0px, 65% 0px, 100% 0px, 100% 100%, 65% 100%, 65% 0px); }
.home-hero-facts { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; margin: 0px; padding: 0px; list-style: none; }
.home-hero-facts li { position: relative; padding-left: 1.55rem; font-size: 0.9375rem; font-weight: 600; color: rgb(59, 50, 44); }
.home-hero-facts li::before { content: ""; position: absolute; left: 0px; top: 0.1rem; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--home-yellow,#ffd34d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%231f1a17' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/70% no-repeat; }
@media (max-width: 640px){.home-hero-facts { flex-direction: column; align-items: flex-start; gap: 0.4rem; margin: 0px auto; width: max-content; max-width: 100%; }}
@media (max-width: 640px){.home-hero-visual::before { top: 0.6rem; left: 0.6rem; right: -0.6rem; aspect-ratio: 1.25 / 1; }}
body.chrome-page .svc-team:has(.svc-person + .svc-person) { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
body.chrome-page .svc-team:has(.svc-person + .svc-person) .svc-proof-note { grid-column: 1 / -1; max-width: 52rem; }
@media (max-width: 899px){body.chrome-page .svc-team:has(.svc-person + .svc-person) { grid-template-columns: minmax(0px, 1fr); }}
body.chrome-page .svc-team:has(.svc-person + .svc-person) { align-items: stretch; }
body.chrome-page .svc-team:has(.svc-person + .svc-person) .svc-person { display: flex; flex-direction: column; }
body.chrome-page .svc-team:has(.svc-person + .svc-person) .svc-person .svc-concern-link { margin-top: auto; }
.svc-headshot { width: 5rem; height: 5rem; padding: 0px; object-fit: cover; background: rgb(233, 223, 210); box-shadow: 0 0 0 4px #fff,0 0 0 6px var(--home-yellow,#ffd34d); }

/* ====== from refinement.css ====== */
:root { --co-review-ink: var(--home-ink); --co-review-muted: var(--home-muted); --co-review-paper: var(--home-paper); --co-review-line: color-mix(in srgb, var(--home-ink) 21%, var(--home-paper)); --co-review-white: var(--svc-white); --co-review-font: var(--brand-font); --co-review-zero: 0; --co-review-xs: .5rem; --co-review-sm: .75rem; --co-review-md: 1rem; --co-review-lg: 1.5rem; --co-review-xl: 2rem; --co-review-2xl: 3rem; --co-review-grid-gap: clamp(1.25rem, 2vw, 2rem); --co-review-section: clamp(4.5rem, 6vw, 6rem); --co-review-card-pad: clamp(1.5rem, 2.3vw, 2rem); --co-review-border: 1.5px solid var(--co-review-line); --co-review-focus: 3px solid var(--co-review-ink); --co-review-focus-offset: 4px; --co-review-label: .875rem; --co-review-small: .875rem; --co-review-body: 1.0625rem; --co-review-lead: 1.25rem; --co-review-head: clamp(2.5rem, 3.75vw, 4.6rem); --co-review-tracking: -.05em; --co-review-hero-top: 8rem; --co-review-phone: 10.5rem; --co-review-phone-space: calc(var(--co-review-phone) * 1.8 + var(--co-review-2xl)); --co-review-target: 2.75rem; --co-review-cta: 3.5rem; --co-review-duration: 180ms; --co-review-arrow: 2px; --co-review-lift: -1px; }
body.services-page .home-hero { padding-top: var(--co-review-hero-top); padding-bottom: var(--co-review-2xl); }
.home-hero-grid { align-items: start; gap: clamp(2rem, 4vw, 3.5rem); }
.home-hero-copy { padding-top: var(--co-review-md); }
.home-hero-eyebrow { margin-bottom: var(--co-review-lg); font-size: var(--co-review-label); line-height: 1.6; letter-spacing: 0.07em; }
body.chrome-page h1.home-hero-title { font-size: var(--co-review-head); line-height: 1.08; letter-spacing: var(--co-review-tracking); margin-bottom: var(--co-review-lg); }
.home-hero-lead { font-size: var(--co-review-lead); line-height: 1.6; max-width: 46ch; margin-bottom: var(--co-review-xl); }
.home-hero-actions { gap: var(--co-review-md) var(--co-review-xl); margin-bottom: var(--co-review-sm); }
body.chrome-page .home-hero a.home-hero-primary { min-height: 4rem; min-width: 16rem; font-size: var(--co-review-lead); }
.home-hero-secondary { font-size: 1.1875rem; }
.hero-next-step { max-width: 48ch; margin: var(--co-review-zero) var(--co-review-zero) var(--co-review-lg); font-size: var(--co-review-small); line-height: 1.65; color: var(--co-review-muted); }
.home-hero-visual { margin-bottom: var(--co-review-phone-space); }
.home-phone.home-hero-card { width: var(--co-review-phone); top: 70%; left: 67%; transform: translateX(-20%); }
.home-phone .home-hero-card-label { font-size: var(--co-review-label); line-height: 1.45; }
.home-hero-film-button { left: var(--co-review-md); right: auto; }
body.chrome-page .svc-section { padding-block: var(--co-review-section); }
body.chrome-page .home-offers { padding-block: var(--co-review-2xl) var(--co-review-section); }
body.chrome-page .svc-heading { margin-bottom: var(--co-review-2xl); }
body.chrome-page .svc-heading .svc-intro { max-width: 64ch; }
body.chrome-page .home-offers-list, body.chrome-page .svc-problems, body.chrome-page .svc-areas, body.chrome-page .svc-packages { gap: var(--co-review-grid-gap); }
body.chrome-page .home-offer, body.chrome-page .svc-problems > li, body.chrome-page .svc-areas > li, body.chrome-page .svc-person { padding: var(--co-review-card-pad); border: var(--co-review-border); }
body.chrome-page .svc-package, body.chrome-page .svc-faq .module-row, body.chrome-page .svc-terms { border: var(--co-review-border); }
body.chrome-page .svc-problems h3, body.chrome-page .svc-areas h3 { text-wrap: balance; }
body.chrome-page .svc-problems > li { display: flex; flex-direction: column; }
body.chrome-page .svc-problems .svc-concern-link { align-self: start; margin-top: auto; }
body.chrome-page .svc-note { max-width: 72ch; font-size: var(--co-review-body); line-height: 1.65; }
body.chrome-page .svc-person .svc-role { line-height: 1.5; }
body.chrome-page .svc-faq summary:focus-visible { outline: var(--co-review-focus); outline-offset: var(--co-review-focus-offset); }
@media (hover: hover){body.chrome-page .home-offer:hover, body.chrome-page .svc-problems > li:hover, body.chrome-page .svc-areas > li:hover { transform: none; }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page a.button, body.chrome-page .home-hero a.home-hero-primary { transition-duration: var(--co-review-duration); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){body.chrome-page a.button:hover, body.chrome-page .home-hero a.home-hero-primary:hover { transform: translateY(var(--co-review-lift)); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.home-hero a:hover svg { transform: translateX(var(--co-review-arrow)); }}
@media (hover: hover) and (prefers-reduced-motion: no-preference){.home-hero-visual:hover .home-phone-device { transform: none; }}
@media (max-width: 899px){:root { --co-review-hero-top: 6.5rem; --co-review-phone-space: calc(var(--co-review-phone) * 1.8 + var(--co-review-2xl)); }}
@media (max-width: 899px){.home-hero-grid { gap: var(--co-review-xl); }}
@media (max-width: 899px){.home-hero-copy { padding-top: var(--co-review-zero); }}
@media (max-width: 899px){.home-hero-visual { margin-bottom: var(--co-review-phone-space); }}
@media (max-width: 640px){:root { --co-review-phone: 8rem; --co-review-phone-space: calc(var(--co-review-phone) * 1.8 + var(--co-review-2xl)); --co-review-lead: 1.0625rem; }}
@media (max-width: 640px){.home-hero-eyebrow { font-size: var(--co-review-label); letter-spacing: 0.025em; line-height: 1.65; margin-bottom: var(--co-review-md); }}
@media (max-width: 640px){body.chrome-page h1.home-hero-title { font-size: clamp(2.1rem, 10.3vw, 2.75rem); line-height: 1.1; }}
@media (max-width: 640px){.home-hero-lead { margin-bottom: var(--co-review-lg); }}
@media (max-width: 640px){.home-hero-actions { gap: var(--co-review-xs); }}
@media (max-width: 640px){.hero-next-step { text-align: center; margin-bottom: var(--co-review-md); }}
@media (max-width: 640px){.home-phone.home-hero-card { left: 62%; top: 70%; }}
@media (max-width: 640px){.home-phone .home-hero-card-label { width: 9rem; font-size: var(--co-review-label); }}
@media (max-width: 640px){body.chrome-page .home-hero a.home-hero-primary { min-height: var(--co-review-cta); font-size: 1.125rem; }}
@media (max-width: 640px){body.chrome-page .svc-heading { margin-bottom: var(--co-review-xl); }}
@media (max-width: 640px){body.chrome-page .svc-person-head { align-items: start; }}
@media (max-width: 640px){body.chrome-page .svc-facts { gap: var(--co-review-xs); }}
body.chrome-page .svc-package .plan-coverage { margin: var(--co-review-zero); padding: var(--co-review-zero) 1.75rem var(--co-review-md); background: color-mix(in srgb, var(--home-yellow) 10%, var(--co-review-paper)); color: var(--co-review-muted); font-size: var(--co-review-body); font-weight: 650; }
body.chrome-page .svc-package > h3, body.chrome-page .svc-package .svc-package-price { background: color-mix(in srgb, var(--home-yellow) 10%, var(--co-review-paper)); }
body.chrome-page .marketing-nav a[aria-current="location"] { box-shadow: inset 0 -3px var(--home-yellow); }
@media (prefers-reduced-motion: reduce){.home-hero *, .home-hero ::before, .svc-faq *, .svc-faq ::before { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}
:root { --co-v3-dark: var(--home-ink); --co-v3-yellow: var(--home-yellow); --co-v3-white: var(--svc-white); --co-v3-quiet: color-mix(in srgb, var(--svc-white) 78%, var(--home-ink)); --co-v3-dark-rule: color-mix(in srgb, var(--svc-white) 22%, var(--home-ink)); --co-v3-panel-pad: clamp(1.5rem, 4vw, 3.5rem); --co-v3-panel-gap: clamp(2rem, 4vw, 4rem); --co-v3-card-gap: 1.5rem; --co-v3-small-gap: .5rem; --co-v3-row-pad: 1.5rem; --co-v3-heading: clamp(2rem, 3.5vw, 3.5rem); --co-v3-card-heading: 1.5rem; --co-v3-icon: 3rem; --co-v3-radius: 1.5rem; --co-v3-label: .8125rem; --co-v3-number: 3rem; --co-v3-border: 1.5px solid var(--co-review-line); }
body.chrome-page .home-offers > .home-wrap { scroll-margin-top: calc(var(--chrome-header-height) + var(--co-review-lg)); width: calc(100% - 2 * var(--home-gutter)); max-width: none; margin-inline: auto; display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); gap: var(--co-v3-card-gap) var(--co-v3-panel-gap); padding: var(--co-v3-panel-pad); border-radius: var(--co-v3-radius); background: var(--co-v3-dark); color: var(--co-v3-white); }
body.chrome-page .home-offers-head { grid-column: 1; margin: 0px; }
.outcomes-eyebrow { margin: 0 0 var(--co-review-lg); color: var(--co-v3-yellow); font-size: var(--co-v3-label); font-weight: 750; letter-spacing: 0.12em; text-transform: uppercase; }
body.chrome-page .home-offers h2.home-offers-title { margin: 0 0 var(--co-review-lg); color: var(--co-v3-white); font-size: var(--co-v3-heading); line-height: 1.06; letter-spacing: -0.045em; text-transform: none; font-weight: 800; }
body.chrome-page .home-offers-intro { color: var(--co-v3-quiet); font-size: var(--co-review-body); line-height: 1.7; max-width: 38ch; margin: 0px; }
body.chrome-page .home-offers-list { grid-area: 1 / 2 / span 2; display: grid; grid-template-columns: 1fr; gap: 0px; margin: 0px; padding: 0px; }
body.chrome-page .home-offer { display: grid; grid-template-columns: var(--co-v3-icon) minmax(0, 1fr); gap: var(--co-v3-small-gap) var(--co-review-lg); align-content: start; padding: var(--co-v3-row-pad) 0; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--co-v3-dark-rule); background: transparent; box-shadow: none; border-radius: 0px; overflow: visible; }
body.chrome-page .home-offer:first-child { padding-top: 0px; }
body.chrome-page .home-offer:last-child { border-bottom: 0px; padding-bottom: 0px; }
body.chrome-page .home-offer::before, body.chrome-page .home-offer::after { content: none; }
body.chrome-page .home-offer h3 { grid-column: 2; margin: 0px; color: var(--co-v3-white); font-size: var(--co-v3-card-heading); line-height: 1.2; }
body.chrome-page .home-offer > p { grid-column: 2; margin: 0px; color: var(--co-v3-quiet); font-size: var(--co-review-body); line-height: 1.6; }
body.chrome-page .home-offer-icon { grid-area: 1 / 1 / span 2; width: var(--co-v3-icon); height: var(--co-v3-icon); margin: 0px; background: var(--co-v3-yellow); border-radius: var(--co-review-sm); }
body.chrome-page .home-offers-actions { grid-area: 2 / 1; align-self: end; display: flex; flex-wrap: wrap; gap: var(--co-review-md) var(--co-review-lg); margin: var(--co-review-lg) 0 0; }
body.chrome-page .home-offers .home-offer-button { background: var(--co-v3-yellow); color: var(--co-v3-dark); border-color: var(--co-v3-yellow); }
body.chrome-page .home-offers .home-offer-button:hover { background: var(--co-v3-white); color: var(--co-v3-dark); border-color: var(--co-v3-white); }
body.chrome-page .home-offers .home-offer-link { color: var(--co-v3-white); min-height: var(--co-review-target); display: inline-flex; align-items: center; }
body.chrome-page .home-offers a:focus-visible { outline: 3px solid var(--co-v3-yellow); outline-offset: var(--co-review-focus-offset); }
body.chrome-page.services-page .home-offers p { color: var(--co-v3-quiet) !important; }
body.chrome-page.services-page .home-offers .outcomes-eyebrow { color: var(--co-v3-yellow) !important; }
body.chrome-page #services .svc-heading { max-width: none; display: grid; grid-template-columns: 1fr 1fr; gap: var(--co-review-md) var(--co-v3-panel-gap); align-items: end; }
body.chrome-page #services .svc-heading .svc-eyebrow { grid-column: 1 / -1; margin: 0px; }
body.chrome-page #services .svc-heading h2 { grid-column: 1; }
body.chrome-page #services .svc-heading .svc-intro { grid-column: 2; margin: 0px; font-size: var(--co-review-body); line-height: 1.65; }
body.chrome-page .svc-areas { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--co-v3-card-gap); }
body.chrome-page .svc-areas > li { padding: var(--co-review-xl); border: var(--co-v3-border); border-radius: var(--co-v3-radius); box-shadow: none; }
body.chrome-page .svc-areas h3 { font-size: var(--co-v3-card-heading); line-height: 1.25; margin-bottom: var(--co-review-md); }
body.chrome-page .svc-areas .svc-area-top { margin-bottom: var(--co-review-lg); }
body.chrome-page .svc-areas .svc-receive { padding: var(--co-review-lg); border-radius: var(--co-review-sm); box-shadow: inset 3px 0 var(--co-v3-yellow); }
body.chrome-page .svc-months { padding-top: 0px; }
body.chrome-page .svc-months::before, body.chrome-page .svc-months li::before { content: none; }
body.chrome-page .svc-months li { padding: var(--co-v3-row-pad); border: var(--co-v3-border); background: var(--co-v3-white); border-radius: var(--co-v3-radius); }
body.chrome-page .svc-months .svc-month { display: flex; align-items: center; gap: var(--co-review-md); padding: 0 0 var(--co-review-lg); margin: 0px; background: transparent; border-radius: 0px; color: var(--co-v3-dark); }
.roadmap-month-label { font-size: var(--co-v3-label); letter-spacing: 0.1em; }
body.chrome-page.services-page .svc-months .roadmap-month-label { font-family: var(--brand-font); color: var(--co-v3-dark) !important; }
body.chrome-page .svc-months .svc-month strong { display: inline-flex; align-items: center; justify-content: center; padding: var(--co-v3-small-gap) var(--co-review-md); border-radius: var(--co-review-sm); background: var(--co-v3-yellow); color: var(--co-v3-dark); font-size: var(--co-v3-number); line-height: 1; letter-spacing: -0.06em; }
body.chrome-page .svc-months h3 { font-size: var(--co-v3-card-heading); line-height: 1.25; }
body.chrome-page .svc-months .svc-deliverable { background: var(--co-review-paper); border-top: 1px solid var(--co-review-line); border-radius: 0px; padding: var(--co-review-lg) 0 0; }
body.chrome-page #first-90-days .svc-note { width: 100%; max-width: none; box-sizing: border-box; }
body.chrome-page .svc-package { border: var(--co-v3-border); box-shadow: none; }
body.chrome-page .svc-package > h3, body.chrome-page .svc-package .plan-coverage, body.chrome-page .svc-package .svc-package-price { background: var(--co-v3-dark); color: var(--co-v3-white); }
body.chrome-page .svc-package .plan-coverage { color: var(--co-v3-quiet); }
body.chrome-page .svc-package > h3, body.chrome-page .svc-package .plan-coverage { border: 0px; box-shadow: none; }
body.chrome-page .svc-package .svc-package-price strong { color: var(--co-v3-yellow); }
body.chrome-page .svc-package dl > div { grid-template-columns: minmax(0px, 1fr); gap: var(--co-v3-small-gap); padding-block: var(--co-review-md); }
body.chrome-page .svc-package dt { font-size: var(--co-v3-label); }
body.chrome-page .svc-package dd { line-height: 1.5; margin: 0px; }
@media (max-width: 899px){body.chrome-page .home-offers > .home-wrap { grid-template-columns: 1fr; }}
@media (max-width: 899px){body.chrome-page .home-offers-head, body.chrome-page .home-offers-list, body.chrome-page .home-offers-actions { grid-area: auto / 1; }}
@media (max-width: 899px){body.chrome-page .home-offers-intro { max-width: 64ch; }}
@media (max-width: 899px){body.chrome-page .home-offers-list { margin-top: var(--co-review-lg); }}
@media (max-width: 899px){body.chrome-page .svc-months { padding-left: 0px; }}
@media (max-width: 640px){body.chrome-page .home-offers > .home-wrap { width: calc(100% - 2 * var(--home-gutter)); padding: var(--co-review-lg); }}
@media (max-width: 640px){body.chrome-page .home-offers-actions { width: 100%; }}
@media (max-width: 640px){body.chrome-page .home-offers .home-offer-button { width: 100%; }}
@media (max-width: 640px){body.chrome-page .home-offers .home-offer-link { justify-content: center; width: 100%; }}
@media (max-width: 640px){body.chrome-page .home-offer { gap: var(--co-v3-small-gap) var(--co-review-md); }}
@media (max-width: 640px){body.chrome-page .home-offer h3 { font-size: var(--co-review-lead); }}
@media (max-width: 640px){body.chrome-page #services .svc-heading { grid-template-columns: 1fr; }}
@media (max-width: 640px){body.chrome-page #services .svc-heading h2, body.chrome-page #services .svc-heading .svc-intro { grid-column: 1; }}
@media (max-width: 640px){body.chrome-page .svc-areas { grid-template-columns: minmax(0px, 1fr); }}
@media (max-width: 640px){body.chrome-page .svc-areas > li { padding: var(--co-review-lg); }}

/* ====== from team-conversion.css ====== */
:root { --people-ink: var(--home-ink); --people-yellow: var(--home-yellow); --people-paper: var(--home-paper); --people-white: var(--svc-white); --people-muted: var(--home-muted); --people-rule: var(--co-review-line); --people-quiet: var(--co-v3-quiet); --people-pad: clamp(1.5rem, 2.6vw, 2.5rem); --people-gap: 1.5rem; --people-small: .875rem; --people-label: .8125rem; --people-body: 1.0625rem; --people-name: clamp(1.75rem, 2.8vw, 2.5rem); --people-radius: 1.5rem; --people-portrait: 10rem; --people-target: 3.25rem; --people-border: 1.5px solid var(--people-rule); }
body.chrome-page #team .team-heading { max-width: 62rem; }
body.chrome-page #team .team-heading .svc-intro { max-width: 60ch; }
body.chrome-page #team .svc-team { gap: var(--people-gap); }
body.chrome-page #team .profile-card { padding: var(--people-pad); background: var(--people-white); border: var(--people-border); border-radius: var(--people-radius); }
body.chrome-page #team .profile-kicker { margin: 0 0 var(--people-gap); font-size: var(--people-label); font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--people-muted); }
body.chrome-page #team .svc-person-head { gap: var(--people-gap); margin-bottom: var(--people-gap); align-items: center; }
body.chrome-page #team .svc-headshot { width: var(--people-portrait); height: var(--people-portrait); box-shadow: 0 0 0 4px var(--people-white), 0 0 0 6px var(--people-yellow); }
body.chrome-page #team .svc-person h3 { font-size: var(--people-name); line-height: 1.1; margin-bottom: 0.5rem; }
body.chrome-page #team .svc-person .svc-role { font-size: var(--people-small); line-height: 1.55; color: var(--people-muted); }
body.chrome-page #team .profile-intro { margin: 0 0 var(--people-gap); min-height: 3em; font-size: 1.25rem; line-height: 1.5; font-weight: 650; }
.profile-topics { padding: var(--people-gap); background: var(--people-paper); border-radius: 1rem; margin-bottom: var(--people-gap); }
.profile-topics h4 { margin: 0px 0px 0.75rem; font-size: var(--people-body); }
.profile-topics ul { margin: 0px; padding-left: 1.1rem; display: grid; gap: 0.65rem; }
.profile-topics li { font-size: var(--people-body); line-height: 1.55; }
body.chrome-page #team .svc-facts { display: grid; grid-template-columns: 1fr; gap: 0.5rem; margin-bottom: var(--people-gap); }
body.chrome-page #team .svc-facts li { padding: 0px 0px 0px 1.5rem; border: 0px; border-radius: 0px; background: transparent; position: relative; font-size: var(--people-small); line-height: 1.6; font-weight: 600; }
body.chrome-page #team .svc-facts li::before { content: "✓"; position: absolute; left: 0px; color: var(--people-ink); font-weight: 800; }
.profile-background { border-block: 1px solid var(--people-rule); margin-bottom: var(--people-gap); }
.profile-background summary, .team-experience-note summary { min-height: 2.75rem; padding-block: 0.75rem; cursor: pointer; font-size: var(--people-small); font-weight: 700; }
.profile-background > p { font-size: var(--people-body); line-height: 1.65; }
.profile-actions { display: grid; gap: 0.75rem; margin: 0 0 var(--people-gap); }
.profile-reference-row { margin-top: auto; }
body.chrome-page #team .profile-question { display: inline-flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: var(--people-target); padding: 0.875rem 1.25rem; background: var(--people-yellow); color: var(--people-ink); border: 1px solid var(--people-yellow); border-radius: 0.75rem; font-size: var(--people-body); font-weight: 750; text-decoration: none; }
body.chrome-page #team .profile-reference { display: inline-flex; justify-content: center; align-items: center; gap: 0.5rem; min-height: 2.75rem; color: var(--people-muted); font-size: var(--people-small); text-underline-offset: 0.2em; }
body.chrome-page #team .profile-reference svg { width: 1rem; height: 1rem; }
.team-invitation { margin-top: var(--people-gap); padding: var(--people-pad); display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: var(--people-gap); background: var(--people-ink); color: var(--people-white); border-radius: var(--people-radius); }
body.chrome-page #team .team-invitation h3 { color: var(--people-white); font-size: 1.5rem; margin: 0px 0px 0.75rem; }
body.chrome-page.services-page #team .team-invitation p { margin: 0px; font-size: var(--people-body); line-height: 1.6; max-width: 76ch; color: var(--people-quiet) !important; }
body.chrome-page.services-page #team .team-invitation .team-routing { font-size: var(--people-small); margin-top: 0.75rem; }
.team-experience-note { margin-top: var(--people-gap); color: var(--people-muted); }
.team-experience-note p { font-size: var(--people-small); line-height: 1.65; max-width: 95ch; }
body.chrome-page #team a:focus-visible, body.chrome-page #team summary:focus-visible { outline: 3px solid var(--people-ink); outline-offset: 4px; }
body.chrome-page #team .team-invitation a:focus-visible { outline-color: var(--people-yellow); }
body.contact-page .svc-opening-inner { padding-bottom: 2.5rem; }
body.contact-page #contact-title { font-size: clamp(2.5rem, 4.8vw, 4.5rem); line-height: 1.05; max-width: 22ch; }
body.contact-page .inquiry-opening-copy { max-width: 62ch; font-size: 1.25rem; line-height: 1.65; margin-block: var(--people-gap); }
body.contact-page .svc-steps { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--people-gap); border-top: 1px solid var(--people-rule); padding-top: var(--people-gap); }
body.contact-page .svc-steps li { font-size: var(--people-body); line-height: 1.6; }
body.contact-page .svc-contact { padding-top: var(--people-gap); }
body.contact-page .svc-form { padding: var(--people-pad); background: var(--people-white); border: var(--people-border); border-radius: var(--people-radius); }
body.contact-page .svc-form h2 { font-size: clamp(1.5rem, 2.5vw, 2rem); line-height: 1.2; }
body.contact-page .inquiry-identity { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--people-gap); }
body.contact-page .inquiry-identity .svc-field { margin: 0px; }
body.contact-page .svc-fields { display: grid; gap: var(--people-gap); }
body.contact-page .svc-fields > .svc-field { margin: 0px; }
body.contact-page .inquiry-optional { border-top: 1px solid var(--people-rule); margin-top: 0.25rem; }
body.contact-page .inquiry-optional > summary { min-height: var(--people-target); cursor: pointer; font-size: var(--people-body); font-weight: 700; padding-block: 1rem; }
.inquiry-optional-fields { display: grid; gap: var(--people-gap); padding-block: var(--people-gap); }
body.contact-page .inquiry-optional-fields > .svc-field { margin: 0px; }
body.contact-page .svc-submit { margin-top: var(--people-gap); }
body.contact-page #request { scroll-margin-top: calc(var(--chrome-header-height) + var(--people-gap)); }
body.contact-page .svc-submit button { width: 100%; }
.inquiry-portraits { display: flex; gap: 0.75rem; margin-bottom: var(--people-gap); }
.inquiry-portraits img { width: 4rem; height: 4rem; border-radius: 50%; object-fit: cover; border: 3px solid var(--people-yellow); }
body.contact-page .inquiry-people { padding-bottom: var(--people-gap); border-bottom: 1px solid var(--people-rule); margin-bottom: var(--people-gap); }
body.contact-page .inquiry-people h2 { font-size: 1.5rem; line-height: 1.2; }
body.contact-page .inquiry-people p { font-size: var(--people-body); line-height: 1.65; }
body.contact-page #aside-title { font-size: var(--people-body); }
body.contact-page .inquiry-optional summary:focus-visible { outline: 3px solid var(--people-ink); outline-offset: 4px; }
@media (max-width: 899px){body.contact-page .svc-steps { grid-template-columns: 1fr; }}
@media (max-width: 899px){body.contact-page .svc-contact-aside { position: static; }}
@media (max-width: 640px){:root { --people-portrait: 7rem; }}
@media (max-width: 640px){body.chrome-page #team .svc-person-head { flex-direction: column; align-items: flex-start; }}
@media (max-width: 640px){body.chrome-page #team .profile-intro { min-height: 0px; font-size: 1.125rem; }}
@media (max-width: 640px){.team-invitation { grid-template-columns: 1fr; }}
@media (max-width: 640px){.team-invitation .profile-question { width: 100%; }}
@media (max-width: 640px){body.contact-page .inquiry-identity { grid-template-columns: 1fr; }}
@media (max-width: 640px){body.contact-page .svc-form { padding: var(--people-gap); }}
@media (max-width: 640px){body.contact-page .inquiry-opening-copy { font-size: 1.125rem; }}
@media (max-width: 640px){body.contact-page .inquiry-optional summary { font-size: 1rem; }}
@media (hover: hover){body.chrome-page #team .profile-question:hover { background: var(--people-ink); color: var(--people-white); border-color: var(--people-ink); }}
@media (hover: hover){body.chrome-page #team .team-invitation .profile-question:hover { background: var(--people-white); color: var(--people-ink); border-color: var(--people-white); }}
:root { --people-sale-title: clamp(2.5rem, 4.6vw, 4.25rem); --people-sale-gap: 2rem; --people-sale-row: 1.125rem; --people-sale-space: 3rem; }
body.chrome-page #team .team-heading { max-width: none; margin-bottom: var(--people-sale-space); }
body.chrome-page #team #team-title { font-size: var(--people-sale-title); line-height: 1.08; letter-spacing: -0.04em; max-width: 26ch; }
body.chrome-page #team .team-heading .svc-intro { max-width: 68ch; margin-top: var(--people-gap); }
body.chrome-page #team .profile-card { overflow: hidden; padding: 0px; display: flex; flex-direction: column; }
body.chrome-page #team .profile-kicker { background: var(--people-ink); color: var(--people-yellow); padding: var(--people-pad) var(--people-pad) var(--people-gap); margin: 0px; max-width: none; align-self: stretch; }
body.chrome-page #team .svc-person-head { background: var(--people-ink); padding: 0 var(--people-pad) var(--people-sale-gap); margin: 0px; }
body.chrome-page #team .svc-person h3 { color: var(--people-white); }
body.chrome-page.services-page #team .svc-person .svc-role { color: var(--people-quiet) !important; }
body.chrome-page #team .svc-headshot { flex-shrink: 0; box-shadow: none; border: 3px solid var(--people-yellow); }
body.chrome-page #team .profile-proof { padding: var(--people-gap) var(--people-pad); background: var(--people-paper); border-bottom: 1px solid var(--people-rule); }
body.chrome-page #team .svc-facts { margin: 0px; gap: 0.25rem; }
body.chrome-page #team .svc-facts li { font-size: var(--people-small); }
body.chrome-page #team .profile-intro { margin: var(--people-gap) var(--people-pad); font-size: 1.375rem; line-height: 1.4; min-height: 2.8em; }
body.chrome-page #team .profile-actions { margin: 0 var(--people-pad) var(--people-gap); }
body.chrome-page #team .profile-topics { background: transparent; padding: 0px; margin: 0 var(--people-pad) var(--people-gap); }
body.chrome-page #team .profile-topics h4 { font-size: var(--people-label); text-transform: uppercase; letter-spacing: 0.08em; color: var(--people-muted); }
body.chrome-page #team .profile-topics ul { list-style: none; padding: 0px; gap: 0px; }
body.chrome-page #team .profile-topics li { display: grid; gap: 0.25rem; border-top: 1px solid var(--people-rule); padding-block: var(--people-sale-row); }
body.chrome-page #team .profile-topics strong { font-size: var(--people-body); }
body.chrome-page #team .profile-topics span { font-size: var(--people-small); line-height: 1.65; color: var(--people-muted); }
body.chrome-page #team .profile-background { margin: 0 var(--people-pad) var(--people-gap); }
body.chrome-page #team .profile-reference-row { margin: auto var(--people-pad) var(--people-gap); }
body.chrome-page #team .team-invitation { background: var(--people-yellow); color: var(--people-ink); }
body.chrome-page #team .team-invitation h3 { color: var(--people-ink); font-size: clamp(1.5rem, 2.5vw, 2rem); max-width: 32ch; }
body.chrome-page.services-page #team .team-invitation p { color: var(--people-ink) !important; max-width: 68ch; }
body.chrome-page #team .team-invitation .profile-question { background: var(--people-ink); border-color: var(--people-ink); color: var(--people-white); }
body.chrome-page #team .team-invitation a:focus-visible { outline-color: var(--people-ink); }
@media (max-width: 640px){body.chrome-page #team .svc-person-head { flex-direction: row; align-items: center; gap: 1rem; }}
@media (max-width: 640px){body.chrome-page #team .svc-person h3 { font-size: 1.75rem; }}
@media (max-width: 640px){body.chrome-page #team .profile-intro { min-height: 0px; font-size: 1.25rem; }}
@media (max-width: 640px){body.chrome-page #team .profile-question { font-size: 1rem; }}
@media (max-width: 640px){.team-invitation { grid-template-columns: 1fr; }}
@media (max-width: 359px){body.chrome-page #team .svc-person-head { flex-direction: column; align-items: flex-start; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover){body.chrome-page #team .profile-question { transition: background-color 0.18s, color 0.18s; }}

/* ====== from motion.css ====== */
:root { --co-motion-fast: 180ms; --co-motion-enter: 560ms; --co-motion-stagger: 65ms; --co-motion-ease: cubic-bezier(.22, 1, .36, 1); --co-motion-distance: 18px; --co-motion-lift: -4px; --co-motion-arrow: 4px; --co-motion-shadow: 0 14px 32px color-mix(in srgb, var(--home-ink) 12%, transparent); --co-motion-header-shadow: 0 5px 20px color-mix(in srgb, var(--home-ink) 7%, transparent); }
@media (prefers-reduced-motion: no-preference){html { scroll-behavior: smooth; }}
@media (prefers-reduced-motion: no-preference){@view-transition { navigation: auto; }}
@media (prefers-reduced-motion: no-preference){::view-transition-old(root) { animation: co-page-out var(--co-motion-fast) ease both; }}
@media (prefers-reduced-motion: no-preference){::view-transition-new(root) { animation: co-page-in var(--co-motion-fast) ease both; }}
@keyframes co-page-out {
  100% { opacity: 0; }
}
@keyframes co-page-in {
  0% { opacity: 0; }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.button, .chrome-contact, .chrome-footer-cta, .profile-question, .home-hero-secondary) { transition: transform var(--co-motion-fast) var(--co-motion-ease), background-color var(--co-motion-fast) ease, color var(--co-motion-fast) ease, box-shadow var(--co-motion-fast) ease; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.button, .chrome-contact, .chrome-footer-cta, .profile-question):hover { transform: translateY(-2px); box-shadow: var(--co-motion-shadow); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.button, .chrome-contact, .chrome-footer-cta, .profile-question):active { transform: translateY(0px) scale(0.985); box-shadow: none; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.home-hero-arrow, .profile-question > span[aria-hidden], .profile-reference svg) { transition: transform var(--co-motion-fast) var(--co-motion-ease); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(a:hover, a:focus-visible) > :is(.home-hero-arrow, span[aria-hidden], svg) { transform: translateX(var(--co-motion-arrow)); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.svc-areas > li, .svc-month, .svc-package, .profile-card, .home-offers-list > li) { transition: transform var(--co-motion-fast) var(--co-motion-ease), box-shadow var(--co-motion-fast) ease, border-color var(--co-motion-fast) ease; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.svc-areas > li, .svc-month, .svc-package, .profile-card, .home-offers-list > li):hover { transform: translateY(var(--co-motion-lift)); box-shadow: var(--co-motion-shadow); border-color: var(--home-ink); }}
body.chrome-page .marketing-header { transition: box-shadow var(--co-motion-fast) ease; }
body.chrome-page .svc-faq summary .expand-symbol { transition: transform var(--co-motion-fast) var(--co-motion-ease); }
body.chrome-page .svc-faq details[open] .expand-symbol { transform: rotate(45deg); }
body.contact-page :is(input, textarea, select) { transition: border-color var(--co-motion-fast) ease, box-shadow var(--co-motion-fast) ease; }
body.contact-page :is(input, textarea, select):focus-visible { outline: 2px solid var(--home-ink); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce){html { scroll-behavior: auto !important; }}
@media (prefers-reduced-motion: reduce){@view-transition { navigation: none; }}
@media (prefers-reduced-motion: reduce){::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: auto ease 0s 1 normal none running none !important; }}
@media (prefers-reduced-motion: reduce){body.chrome-page .marketing-header, body.chrome-page .svc-faq summary .expand-symbol, body.contact-page :is(input, textarea, select) { transition: none !important; }}
@media (prefers-reduced-motion: reduce){body.chrome-page .svc-faq details[open] .expand-symbol { transform: none; }}
@media print{body.chrome-page .marketing-header { box-shadow: none; }}
:root { --co-motion-enter: 680ms; --co-motion-stagger: 85ms; --co-motion-distance: 24px; --co-motion-image-scale: .975; --co-motion-panel: 280ms; --co-motion-portrait-scale: 1.035; --co-motion-press-scale: .975; --co-motion-icon-tilt: -6deg; --co-motion-sheen: 650ms; --co-motion-progress-size: 3px; --co-motion-progress-layer: 60; --co-motion-sheen-color: color-mix(in srgb, var(--svc-white) 38%, transparent); }
@media (prefers-reduced-motion: no-preference){body.chrome-page :is(.button, .chrome-contact, .chrome-footer-cta, .profile-question, .home-offer-button):active { transform: scale(var(--co-motion-press-scale)); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.home-hero-primary, .chrome-contact, .profile-question, .home-offer-button) { position: relative; isolation: isolate; overflow: hidden; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.home-hero-primary, .chrome-contact, .profile-question, .home-offer-button)::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(110deg, transparent 25%, var(--co-motion-sheen-color) 48%, transparent 70%); transform: translateX(-120%); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page :is(.home-hero-primary, .chrome-contact, .profile-question, .home-offer-button):hover::after { animation: co-action-sweep var(--co-motion-sheen) var(--co-motion-ease) both; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page .svc-headshot { transition: transform var(--co-motion-panel) var(--co-motion-ease); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page .profile-card:hover .svc-headshot { transform: scale(var(--co-motion-portrait-scale)); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page .svc-area-icon { transition: transform var(--co-motion-panel) var(--co-motion-ease); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page .svc-areas > li:hover .svc-area-icon { transform: rotate(var(--co-motion-icon-tilt)) scale(var(--co-motion-portrait-scale)); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page .svc-package:hover { box-shadow: var(--co-motion-shadow); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page .svc-problems > li { transition: box-shadow var(--co-motion-panel) ease, border-color var(--co-motion-panel) ease; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine){body.chrome-page .svc-problems > li:hover { box-shadow: var(--co-motion-shadow); border-color: var(--home-ink); }}
@keyframes co-action-sweep {
  100% { transform: translateX(120%); }
}
:root { --proof-duration: var(--co-motion-panel); --proof-enter-distance: .75rem; }
body.chrome-page details > summary { transition: color var(--co-motion-fast) ease; }
body.chrome-page details > summary:hover { text-decoration: underline; text-underline-offset: 0.2em; }
.site-reading-progress { display: none; }
@supports (animation-timeline: scroll()){@media (prefers-reduced-motion: no-preference){.site-reading-progress { display: block; position: absolute; top: auto; bottom: calc(-1 * var(--co-motion-progress-size)); inset-inline: 0px; height: var(--co-motion-progress-size); background: var(--home-yellow); transform: scaleX(0); transform-origin: left center; pointer-events: none; z-index: var(--co-motion-progress-layer); animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: co-reading-position; animation-range: normal; animation-timeline: scroll(root); }}}
@keyframes co-reading-position {
  100% { transform: scaleX(1); }
}
@media (max-width: 639px){:root { --co-motion-enter: 420ms; --co-motion-stagger: 55ms; --co-motion-distance: 12px; --co-motion-image-scale: .99; }}
@media (prefers-reduced-motion: reduce){body.chrome-page :is(.svc-headshot, .svc-area-icon, .svc-problems > li, details > summary) { transition: none !important; }}
@media (prefers-reduced-motion: reduce){body.chrome-page :is(.home-hero-primary, .chrome-contact, .profile-question, .home-offer-button)::after { animation: auto ease 0s 1 normal none running none !important; }}
@media (prefers-reduced-motion: reduce){.site-reading-progress { display: none !important; animation: auto ease 0s 1 normal none running none !important; }}
@media print{.site-reading-progress { display: none !important; }}

/* ====== from workflow-art.css ====== */
:root { --art-ink: var(--home-ink); --art-yellow: var(--home-yellow); --art-paper: var(--home-paper); --art-white: var(--svc-white); --art-rule: var(--co-review-line); --art-muted: var(--home-muted); --art-gap: 1rem; --art-radius: 1.25rem; --art-height: 12rem; --art-duration: 1.8s; --art-ease: cubic-bezier(.22, 1, .36, 1); --art-shadow: 0 8px 0 color-mix(in srgb, var(--art-ink) 8%, transparent); --art-widget-shadow: 0 12px 40px color-mix(in srgb, var(--art-ink) 17%, transparent); }
body.chrome-page .svc-flow-steps { gap: var(--art-gap); }
body.chrome-page .svc-flow-steps li { padding-right: 0px; gap: 1rem; }
body.chrome-page .svc-flow-steps li::before { right: calc(-1 * var(--art-gap)); }
.flow-step-label { min-height: 2.8em; }
.flow-art { height: var(--art-height); border: 1px solid var(--art-rule); border-radius: var(--art-radius); background: var(--art-paper); display: grid; place-items: center; position: relative; overflow: hidden; width: 100%; }
.art-sheet { width: 76%; max-width: 11rem; min-height: 8rem; padding: 1rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.65rem; background: var(--art-white); border: 1.5px solid var(--art-ink); border-radius: 0.75rem; box-shadow: var(--art-shadow); transform: rotate(-4deg); }
.art-caption { color: var(--art-muted); font-size: 0.5625rem; font-weight: 800; letter-spacing: 0.1em; white-space: nowrap; }
.art-label { font-size: 0.625rem; font-weight: 650; }
.art-bars { display: flex; gap: 0.4rem; height: 3rem; align-items: flex-end; width: 100%; border-bottom: 1px solid var(--art-ink); }
.art-bars i { display: block; flex: 1 1 0%; height: 65%; background: var(--art-yellow); border: 1px solid var(--art-ink); border-radius: 0.25rem 0.25rem 0px 0px; transform-origin: center bottom; }
.art-bars i:nth-child(2) { height: 90%; }
.art-bars i:nth-child(3) { height: 45%; }
.art-bars i:nth-child(4) { height: 75%; }
.art-bars i:nth-child(5) { height: 55%; background: var(--art-ink); }
.art-sticker { position: absolute; right: 0.65rem; bottom: 0.8rem; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; border: 1.5px solid var(--art-ink); border-radius: 50%; background: var(--art-yellow); color: var(--art-ink); font-size: 1.25rem; font-weight: 800; transform: rotate(12deg); }
.art-note .art-sheet { transform: rotate(4deg); }
.art-note-title { font-size: 0.8125rem; font-weight: 800; }
.art-line { display: block; width: 100%; height: 0.2rem; border-radius: 0.15rem; background: var(--art-rule); }
.art-line.short { width: 70%; }
.art-tag { padding: 0.3rem 0.4rem; background: var(--art-yellow); color: var(--art-ink); border-radius: 0.35rem; font-size: 0.5625rem; font-weight: 750; }
.art-pencil { width: 0.6rem; height: 5rem; background: var(--art-yellow); border: 1px solid var(--art-ink); border-radius: 0.3rem; position: absolute; right: 1.4rem; bottom: 1.5rem; transform: rotate(22deg); transform-origin: center bottom; }
.art-owner .art-sheet { align-items: center; transform: rotate(-3deg); }
.art-avatar { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 1px solid var(--art-ink); border-radius: 50%; background: var(--art-paper); font-weight: 750; }
.art-check { display: flex; align-items: center; gap: 0.5rem; width: 100%; }
.art-check b { width: 1.125rem; height: 1.125rem; display: grid; place-items: center; font-size: 0.75rem; border: 1px solid var(--art-ink); border-radius: 0.25rem; background: var(--art-yellow); }
.art-report .art-sheet { transform: rotate(4deg); }
.art-report-row { display: flex; justify-content: space-between; width: 100%; font-size: 0.6875rem; border-bottom: 1px solid var(--art-rule); padding-bottom: 0.3rem; }
.art-report-row span { color: var(--art-ink); }
@media (prefers-reduced-motion: no-preference){.flow-art.art-playing .art-check:nth-child(3) b { animation-delay: 0.12s; }}
@media (prefers-reduced-motion: no-preference){.flow-art.art-playing .art-check:nth-child(4) b { animation-delay: 0.24s; }}
@keyframes art-grow {
  0%, 100% { transform: scaleY(1); }
  30% { transform: scaleY(0.35); }
  70% { transform: scaleY(1); }
}
@keyframes art-settle {
  0%, 100% { translate: 0px; }
  35% { translate: 0px -5px; }
}
@keyframes art-pop {
  0%, 100% { scale: 1; }
  45% { scale: 1.12; }
}
@keyframes art-write {
  0%, 100% { rotate: 0deg; }
  40% { rotate: -12deg; }
  60% { rotate: 4deg; }
}
@keyframes art-tick {
  0%, 100% { scale: 1; }
  35% { scale: 0.75; }
  60% { scale: 1.1; }
}
.flow-contact { margin-top: 1.75rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--art-ink); border-radius: var(--art-radius); background: var(--art-yellow); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1.5rem; }
body.chrome-page .flow-contact h3 { font-size: clamp(1.5rem, 2.5vw, 2rem); margin: 0px 0px 0.5rem; }
body.chrome-page .flow-contact p { margin: 0px; font-size: 1rem; line-height: 1.6; color: var(--art-ink); }
body.chrome-page .flow-contact .flow-contact-note { font-size: 0.8125rem; margin-top: 0.5rem; }
body.chrome-page .flow-contact .button { background: var(--art-ink); color: var(--art-white); border-color: var(--art-ink); gap: 1rem; }
body.chrome-page .svc-flow-note { font-size: 0.75rem; color: var(--art-muted); }
.quick-contact { position: fixed; bottom: 1.25rem; right: 1.25rem; z-index: 70; }
.quick-contact > summary { list-style: none; cursor: pointer; padding: 0.9rem 1.25rem; min-height: 3rem; display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; background: var(--art-yellow); color: var(--art-ink); border: 1.5px solid var(--art-ink); border-radius: 3rem; box-shadow: var(--art-widget-shadow); font-weight: 750; font-size: 1rem; }
.quick-contact > summary::-webkit-details-marker { display: none; }
.quick-contact-panel { position: absolute; bottom: calc(100% + 0.75rem); right: 0px; width: min(22rem, -2.5rem + 100vw); max-height: calc(100dvh - 11rem); overflow: auto; background: var(--art-white); border: 1.5px solid var(--art-ink); border-radius: var(--art-radius); padding: 1.5rem; box-shadow: var(--art-widget-shadow); }
body.chrome-page .quick-contact-panel h2 { font-size: 1.625rem; line-height: 1.15; margin: 0.5rem 0px 0.75rem; }
body.chrome-page .quick-contact-panel p { font-size: 1rem; line-height: 1.6; margin-bottom: 1rem; }
body.chrome-page .quick-contact-panel .svc-eyebrow { font-size: 0.625rem; margin: 0px; }
.quick-contact-primary { padding: 0.9rem 1rem; border-radius: 0.65rem; display: flex; justify-content: space-between; gap: 0.75rem; background: var(--art-ink); color: var(--art-white); text-decoration: none; font-weight: 750; min-height: 3rem; font-size: 0.9375rem; }
.quick-contact-email { display: block; padding-block: 0.85rem; min-height: 2.75rem; color: var(--art-ink); font-weight: 650; text-underline-offset: 0.2em; }
body.chrome-page .quick-contact-panel .quick-contact-note { margin: 0px; font-size: 0.75rem; }
.quick-contact :is(summary, a):focus-visible { outline: 3px solid var(--art-ink); outline-offset: 4px; }
@media (max-width: 899px){body.chrome-page .svc-flow-steps { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1.5rem; }}
@media (max-width: 899px){body.chrome-page .svc-flow-steps li { flex-direction: column; align-items: stretch; }}
@media (max-width: 899px){body.chrome-page .svc-flow-steps li::before { display: none; }}
@media (max-width: 899px){.flow-contact { grid-template-columns: 1fr; }}
@media (max-width: 899px){.flow-contact .button { width: 100%; }}
@media (max-width: 479px){body.chrome-page .svc-flow-steps { grid-template-columns: minmax(0px, 1fr); gap: 1.5rem; }}
@media (max-width: 479px){body.chrome-page .svc-flow-steps li { display: grid; grid-template-columns: 2.5rem 1fr; align-items: center; }}
@media (max-width: 479px){.flow-step-label { min-height: 0px; }}
@media (max-width: 479px){.flow-art { grid-column: 2; --art-height: 11rem; }}
@media (max-width: 479px){.quick-contact { bottom: max(1rem, env(safe-area-inset-bottom)); right: 1rem; }}
@media (prefers-reduced-motion: reduce){.flow-art *, .flow-art ::before { animation: auto ease 0s 1 normal none running none !important; }}
@media print{.quick-contact { display: none; }}
body.chrome-page .svc-months .roadmap-scene { --art-height: 11.5rem; background: var(--art-paper); border: 0px; margin-block: 1rem 1.25rem; flex: 0 0 auto; }
.roadmap-scene .art-sheet { width: 75%; max-width: 14rem; min-height: 8rem; }
.roadmap-scene .art-sticker { right: calc(50% - 8rem); font-size: 0.875rem; }
.roadmap-scene .art-caption { font-size: 0.625rem; }
.roadmap-scene .art-note-title { font-size: 0.9375rem; }
.art-board { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0.4rem; width: 100%; min-height: 3.6rem; }
.art-board > div { display: flex; flex-direction: column; gap: 0.3rem; background: var(--art-paper); padding: 0.35rem; border-radius: 0.3rem; }
.art-board b { font-size: 0.35rem; white-space: nowrap; }
.art-board i { display: block; height: 0.75rem; border: 1px solid var(--art-rule); border-radius: 0.2rem; background: var(--art-white); }
.art-board .art-done { background: var(--art-yellow); color: var(--art-ink); font-size: 0.55rem; line-height: 1.2; text-align: center; font-style: normal; }
body.chrome-page .svc-months .roadmap-scene { --art-height: 14.5rem; }
@media (min-width: 900px){body.chrome-page .svc-months { grid-template-rows: repeat(5, auto); }}
@media (min-width: 900px){body.chrome-page .svc-months > li { grid-row: span 5; }}

/* ====== from service-proof.css ====== */
:root { --proof-ink: var(--home-ink); --proof-muted: var(--home-muted); --proof-paper: var(--home-paper); --proof-white: var(--svc-white); --proof-yellow: var(--people-yellow); --proof-rule: var(--people-rule); --proof-font: var(--brand-font); --proof-xs: .375rem; --proof-sm: .75rem; --proof-md: 1rem; --proof-lg: 1.5rem; --proof-xl: 2rem; --proof-2xl: 3rem; --proof-pad: clamp(1.25rem, 2.5vw, 2.25rem); --proof-radius: 1rem; --proof-radius-sm: .5rem; --proof-target: 2.75rem; --proof-label: .75rem; --proof-small: .875rem; --proof-body: 1rem; --proof-title: clamp(1.5rem, 2vw, 1.875rem); --proof-line: 1.65; --proof-photo: 12rem; --proof-photo-mobile: 8rem; --proof-avatar: 2.5rem; --proof-shadow: color-mix(in srgb, var(--proof-ink) 13%, transparent); --proof-dark-rule: color-mix(in srgb, var(--proof-white) 20%, transparent); --proof-duration: var(--co-motion-panel); --proof-enter-distance: .75rem; }
.hero-people { display: inline-flex; align-items: center; gap: var(--proof-sm); margin-top: var(--proof-lg); color: var(--proof-ink); text-decoration: none; max-width: 100%; }
.hero-people-portraits { display: flex; padding-inline-start: var(--proof-xs); flex-shrink: 0; }
.hero-people img { width: var(--proof-avatar); height: var(--proof-avatar); border-radius: 50%; object-fit: cover; border: 2px solid var(--proof-paper); margin-inline-start: calc(-1 * var(--proof-xs)); }
.hero-people > span:last-child { display: grid; gap: var(--proof-xs); }
.hero-people strong { font-size: var(--proof-small); font-weight: 650; }
.hero-people > span > span { font-size: var(--proof-label); text-decoration: underline; text-underline-offset: var(--proof-xs); }
.hero-people b { display: inline-block; margin-inline-start: var(--proof-xs); }
body.chrome-page .home-offers > .home-wrap { grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: var(--proof-2xl); align-items: start; }
.offers-story { display: flex; flex-direction: column; align-items: flex-start; gap: var(--proof-lg); min-width: 0px; }
body.chrome-page .offers-story .home-offers-intro { max-width: 40ch; }
.offers-story .home-offers-actions { margin-top: var(--proof-md); justify-content: flex-start; align-self: stretch; }
body.chrome-page .home-offers-list { grid-area: auto / 1 / auto / -1; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--proof-xl); }
body.chrome-page .home-offer, body.chrome-page .home-offer:first-child { display: block; padding: var(--proof-lg) 0 0; border-top: 1px solid var(--proof-dark-rule); border-bottom: 0px; }
body.chrome-page .home-offer-icon { margin-bottom: var(--proof-md); }
body.chrome-page .home-offer h3 { font-size: 1.25rem; margin-bottom: var(--proof-sm); }
body.chrome-page .home-offer > p { font-size: var(--proof-small); }
.deliverable-preview { min-width: 0px; padding: var(--proof-lg); border-radius: var(--proof-radius); color: var(--proof-ink); background: var(--proof-paper); border: 1px solid var(--proof-rule); }
.deliverable-preview-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--proof-sm); margin-bottom: var(--proof-lg); }
body.chrome-page.services-page .home-offers .deliverable-preview p { color: var(--proof-ink) !important; }
.deliverable-preview-heading p { font-size: var(--proof-small); font-weight: 750; margin: 0px; }
.deliverable-preview-heading > span { padding: var(--proof-xs) var(--proof-sm); font-size: var(--proof-label); border-radius: var(--proof-radius-sm); background: var(--proof-yellow); }
.deliverable-tabs { display: flex; gap: var(--proof-xs); margin-bottom: var(--proof-lg); padding: var(--proof-xs); border: 1px solid var(--proof-rule); border-radius: var(--proof-radius-sm); }
.deliverable-tabs[hidden] { display: none; }
.deliverable-tabs button { flex: 1 1 0%; min-height: var(--proof-target); padding: var(--proof-xs) var(--proof-sm); font-family: var(--proof-font); font-size: var(--proof-small); font-weight: 650; line-height: 1.35; color: var(--proof-ink); background: transparent; border: 0px; border-radius: var(--proof-xs); cursor: pointer; }
.deliverable-tabs button[aria-selected="true"] { background: var(--proof-ink); color: var(--proof-white); box-shadow: 0 2px 4px var(--proof-shadow); }
.deliverable-paper-stack { padding: 0 var(--proof-xs) var(--proof-sm); }
.deliverable-paper { min-width: 0px; padding: var(--proof-pad); background: var(--proof-white); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 4px solid var(--proof-yellow); border-radius: var(--proof-radius-sm); box-shadow: 0 8px 0 calc(-1 * var(--proof-xs)) var(--proof-paper), 0 8px 0 calc(1px - var(--proof-xs)) var(--proof-rule), 0 var(--proof-md) var(--proof-xl) var(--proof-shadow); }
.deliverable-paper + .deliverable-paper { margin-top: var(--proof-xl); }
.deliverable-preview[data-tabs-ready] .deliverable-paper { margin-top: 0px; min-height: 26rem; }
.deliverable-paper[hidden] { display: none; }
.deliverable-paper .document-eyebrow { font-size: var(--proof-label); font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 var(--proof-sm); }
.deliverable-paper h3 { font-size: var(--proof-title); line-height: 1.2; letter-spacing: -0.03em; color: var(--proof-ink); margin: 0 0 var(--proof-md); }
.deliverable-paper .document-lead { font-size: var(--proof-small); line-height: var(--proof-line); margin: 0 0 var(--proof-lg); }
.document-review-list { margin: 0px; }
.document-review-list > div { display: grid; grid-template-columns: 5.5rem minmax(0px, 1fr); gap: var(--proof-md); padding-block: var(--proof-sm); border-top: 1px solid var(--proof-rule); font-size: var(--proof-small); line-height: var(--proof-line); }
.document-review-list dt { font-weight: 750; }
.document-review-list dd { margin: 0px; }
.deliverable-paper .document-callout { margin: var(--proof-md) 0 0; padding: var(--proof-sm); background: var(--proof-paper); border-inline-start: 3px solid var(--proof-yellow); font-size: var(--proof-label); line-height: var(--proof-line); }
.document-action-list { list-style: none; margin: 0px; padding: 0px; display: grid; gap: var(--proof-md); }
.document-action-list li { display: flex; align-items: flex-start; gap: var(--proof-sm); padding-top: var(--proof-sm); border-top: 1px solid var(--proof-rule); }
.document-status { flex-shrink: 0; font-size: var(--proof-label); background: var(--proof-yellow); padding: var(--proof-xs); border-radius: var(--proof-xs); }
.document-action-list div { display: grid; gap: var(--proof-xs); }
.document-action-list strong { font-size: var(--proof-small); line-height: 1.5; }
.document-action-list div span { font-size: var(--proof-label); line-height: 1.5; color: var(--proof-muted); }
.document-report-link { display: inline-flex; align-items: center; gap: var(--proof-sm); min-height: var(--proof-target); font-size: var(--proof-small); font-weight: 750; text-decoration: underline; text-underline-offset: var(--proof-xs); margin-top: var(--proof-md); color: var(--proof-ink); }
.deliverable-disclosure { margin-top: var(--proof-md); font-size: var(--proof-label); line-height: 1.6; color: var(--proof-muted); }
body.chrome-page .home-offers .deliverable-preview :is(button, a):focus-visible { outline: 3px solid var(--proof-ink); outline-offset: 3px; }
body.chrome-page #team .svc-headshot { width: var(--proof-photo); height: var(--proof-photo); border-radius: var(--proof-radius); object-fit: cover; border: 2px solid var(--proof-yellow); }
body.chrome-page #team .svc-person-head { align-items: center; }
body.chrome-page #team .svc-person h3 { font-size: clamp(2rem, 2.65vw, 2.5rem); }
body.chrome-page #team .profile-intro { min-height: 3em; }
@media (max-width: 1099px){body.chrome-page .home-offers > .home-wrap { grid-template-columns: 1fr; }}
@media (max-width: 1099px){.offers-story { max-width: 46rem; }}
@media (max-width: 1099px){body.chrome-page .offers-story .home-offers-intro { max-width: 64ch; }}
@media (max-width: 1099px){body.chrome-page #team .svc-person-head { flex-direction: column; align-items: flex-start; }}
@media (max-width: 639px){body.chrome-page .home-offers-list { grid-template-columns: 1fr; gap: var(--proof-lg); }}
@media (max-width: 639px){.deliverable-preview { padding: var(--proof-md); }}
@media (max-width: 639px){.deliverable-tabs { gap: 0px; }}
@media (max-width: 639px){.deliverable-tabs button { padding-inline: var(--proof-xs); font-size: var(--proof-label); }}
@media (max-width: 639px){.deliverable-preview[data-tabs-ready] .deliverable-paper { min-height: 0px; }}
@media (max-width: 639px){.document-review-list > div { grid-template-columns: 1fr; gap: var(--proof-xs); }}
@media (max-width: 639px){.document-action-list li { flex-direction: column; }}
@media (max-width: 639px){body.chrome-page #team .svc-headshot { width: var(--proof-photo-mobile); height: var(--proof-photo-mobile); }}
@media (max-width: 639px){body.chrome-page #team .profile-intro { min-height: 0px; }}
@media (max-width: 639px){.hero-people strong { font-size: var(--proof-label); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover){.deliverable-tabs button { transition: background-color var(--proof-duration) ease, color var(--proof-duration) ease; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover){.deliverable-tabs button:not([aria-selected="true"]):hover { background: var(--proof-yellow); }}
@media (prefers-reduced-motion: no-preference) and (hover: hover){.hero-people b { transition: transform var(--proof-duration) ease; }}
@media (prefers-reduced-motion: no-preference) and (hover: hover){.hero-people:hover b { transform: translateY(var(--proof-xs)); }}
@media print{.deliverable-tabs { display: none; }}
@media print{.deliverable-paper[hidden] { display: block; margin-top: var(--proof-xl); }}
.experience-context { margin-block: var(--proof-xl); padding: var(--proof-pad); border: 1px solid var(--proof-rule); border-radius: var(--proof-radius); background: var(--proof-white); color: var(--proof-ink); }
.experience-context-head { display: flex; justify-content: space-between; align-items: center; gap: var(--proof-lg); }
.experience-context .experience-eyebrow { margin: 0 0 var(--proof-sm); font-size: var(--proof-label); font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; color: var(--proof-muted); }
body.chrome-page #experience-context h2 { font-size: var(--proof-title); line-height: 1.2; letter-spacing: -0.025em; margin: 0px; color: var(--proof-ink); }
.experience-context-head > a { display: inline-flex; align-items: center; gap: var(--proof-sm); min-height: var(--proof-target); flex-shrink: 0; font-size: var(--proof-small); font-weight: 750; text-decoration: underline; text-underline-offset: var(--proof-xs); }
.experience-context .experience-context-intro { font-size: var(--proof-small); line-height: var(--proof-line); margin: var(--proof-md) 0 var(--proof-lg); color: var(--proof-muted); max-width: 80ch; }
.experience-organizations { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); list-style: none; margin: 0px; padding: 0px; border-block: 1px solid var(--proof-rule); }
.experience-organizations li { display: flex; align-items: center; justify-content: center; text-align: center; min-width: 0px; min-height: 5rem; padding: var(--proof-sm); font-size: 1.125rem; line-height: 1.4; font-weight: 700; letter-spacing: -0.02em; color: var(--proof-ink); }
.experience-organizations li:nth-child(n+6) { border-top: 1px solid var(--proof-rule); }
.experience-context :is(a, summary):focus-visible { outline: 3px solid var(--proof-ink); outline-offset: 3px; }
@media (max-width: 639px){.experience-context-head { flex-direction: column; align-items: flex-start; gap: var(--proof-sm); }}
@media (max-width: 639px){.experience-organizations { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}
@media (max-width: 639px){.experience-organizations li { font-size: var(--proof-small); }}
@media (max-width: 639px){.experience-organizations li:nth-child(n+3) { border-top: 1px solid var(--proof-rule); }}
:root { --proof-quote-icon: 1.5rem; }
body.chrome-page #why .svc-quote { display: grid; place-items: center; padding: 0px; font-size: 0px; line-height: 1; }
body.chrome-page #why .svc-quote::before { content: ""; display: block; width: var(--proof-quote-icon); height: var(--proof-quote-icon); background: var(--proof-yellow); mask: url("quote.svg") center center / contain no-repeat; transform: rotate(180deg); }
.experience-depth { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--proof-xl); padding-top: var(--proof-lg); }
body.chrome-page #experience-context .experience-depth h3 { font-size: var(--proof-body); font-weight: 750; line-height: 1.4; margin: 0 0 var(--proof-sm); color: var(--proof-ink); }
.experience-depth p { font-size: var(--proof-small); line-height: var(--proof-line); margin: 0px; color: var(--proof-muted); }
@media (max-width: 639px){.experience-depth { grid-template-columns: 1fr; gap: var(--proof-lg); }}
body.chrome-page #services .svc-note { max-width: none; width: 100%; box-sizing: border-box; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 2px solid var(--proof-ink); border-radius: 0px; background: transparent; padding: var(--proof-lg) 0 0; margin-top: var(--proof-2xl); }
body.chrome-page #team .team-invitation { grid-template-columns: minmax(0px, 1fr) minmax(13rem, auto); gap: var(--proof-2xl); background: var(--proof-white); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 4px solid var(--proof-yellow); padding: var(--proof-2xl); border-radius: var(--proof-radius); }
body.chrome-page.services-page #team .team-invitation .invitation-eyebrow { font-size: var(--proof-label); text-transform: uppercase; letter-spacing: 0.12em; font-weight: 750; margin: 0 0 var(--proof-sm); color: var(--proof-muted) !important; }
body.chrome-page #team .team-invitation h3 { max-width: none; margin: 0 0 var(--proof-md); font-size: clamp(1.5rem, 2.5vw, 2.25rem); line-height: 1.2; letter-spacing: -0.035em; }
body.chrome-page.services-page #team .team-invitation-copy > p:last-child { max-width: 59ch; color: var(--proof-muted) !important; }
.team-invitation-action { display: grid; gap: var(--proof-sm); align-content: center; }
body.chrome-page #team .team-invitation .profile-question { justify-content: space-between; background: var(--proof-yellow); color: var(--proof-ink); border-color: var(--proof-yellow); }
body.chrome-page.services-page #team .team-invitation .team-routing { font-size: var(--proof-small); margin: 0px; line-height: 1.6; color: var(--proof-muted) !important; }
@media (hover: hover){body.chrome-page #team .team-invitation .profile-question:hover { background: var(--proof-ink); color: var(--proof-white); border-color: var(--proof-ink); }}
@media (max-width: 740px){body.chrome-page #team .team-invitation { grid-template-columns: 1fr; gap: var(--proof-lg); padding: var(--proof-lg); }}
@media (max-width: 740px){.team-invitation-action { justify-items: start; width: 100%; }}
@media (max-width: 740px){body.chrome-page #team .team-invitation .profile-question { width: 100%; }}
body.chrome-page .svc-faq a { display: inline-flex; align-items: center; min-height: var(--proof-target); min-width: var(--proof-target); }

/* ====== from footer-people.css ====== */
:root { --f-ink: var(--home-ink); --f-paper: var(--home-paper); --f-white: var(--svc-white); --f-yellow: var(--people-yellow); --f-muted: var(--home-muted); --f-line: color-mix(in srgb,var(--f-ink) 20%,transparent); --f-dark-line: color-mix(in srgb,var(--f-paper) 23%,transparent); --f-font: var(--brand-font); --f-xs: .5rem; --f-sm: .75rem; --f-md: 1rem; --f-lg: 1.5rem; --f-xl: 2rem; --f-2xl: 3rem; --f-3xl: 4rem; --f-radius: 1.25rem; --f-small: .875rem; --f-title: clamp(2rem,4vw,3.75rem); --f-transition: 180ms; --f-target: 2.75rem; }
.fp-sample-footer { overflow: hidden; border-radius: var(--f-radius); border: 1px solid var(--f-line); }
.fp-footer-inner { padding: clamp(1.5rem, 4vw, 3.5rem); }
.fp-eyebrow { font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 750; margin: 0 0 var(--f-md); }
.fp-sample-footer h3 { font-size: var(--f-title); line-height: 1.12; letter-spacing: -0.045em; margin: 0 0 var(--f-lg); max-width: 18ch; }
.fp-sample-footer p { line-height: 1.65; }
.fp-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: var(--f-sm); white-space: nowrap; font-size: 1rem; min-height: 3.5rem; padding: var(--f-md) var(--f-lg); border-radius: var(--f-sm); background: var(--f-yellow); color: var(--f-ink); font-weight: 750; text-decoration: none; transition: transform var(--f-transition),box-shadow var(--f-transition); }
.fp-cta span { transition: transform var(--f-transition); }
.fp-action-row { display: flex; gap: var(--f-lg); flex-wrap: wrap; align-items: center; }
.fp-footer-directory { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: var(--f-xl); border-top: 1px solid var(--f-line); padding-top: var(--f-xl); margin-top: var(--f-2xl); }
.fp-brand { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.05em; text-decoration: none; display: inline-flex; align-items: center; min-height: var(--f-target); }
.fp-brand-copy { max-width: 25ch; font-size: var(--f-small); }
.fp-footer-links h4 { font-size: var(--f-small); margin: 0 0 var(--f-sm); }
.fp-footer-links a { display: flex; align-items: center; min-height: var(--f-target); text-decoration: none; font-size: var(--f-small); }
.fp-footer-legal { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--f-md); padding-top: var(--f-lg); margin-top: var(--f-xl); border-top: 1px solid var(--f-line); font-size: 0.75rem; }
.fp-legal-links { display: flex; flex-wrap: wrap; gap: var(--f-lg); }
.fp-legal-links a { min-height: var(--f-target); display: flex; align-items: center; }
.fp-fine { font-size: var(--f-small); }
.fp-footer-b { background: var(--f-white); }
.fp-b-opening { display: grid; grid-template-columns: 1fr 1fr; gap: var(--f-2xl); align-items: center; }
.fp-people-pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--f-md); }
.fp-person-mini { margin: 0px; }
.fp-person-mini img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--f-radius); }
.fp-person-mini figcaption { padding: var(--f-md) 0; font-weight: 750; }
.fp-person-mini small { display: block; font-weight: 400; font-size: 0.75rem; margin-top: var(--f-xs); }
.fp-b-opening h3 { font-size: clamp(2rem, 3.2vw, 3rem); }
.fp-b-note { font-size: var(--f-small); }
.fp-sample-footer { margin: var(--f-xl) auto 0; border-radius: 0px; border-inline: 0px; }
.fp-sample-footer a { color: inherit; }
.fp-sample-footer a:focus-visible { outline: currentcolor solid 3px; outline-offset: 4px; }
.fp-sample-footer .fp-cta { color: var(--f-ink); }
.fp-sample-footer .fp-contact-human { margin-top: var(--f-lg); margin-bottom: var(--f-sm); }
.fp-footer-inner { max-width: 1440px; margin-inline: auto; }
@media (hover: hover){.fp-cta:hover { transform: translateY(-2px); }}
@media (hover: hover){.fp-cta:hover span { transform: translateX(3px); }}
@media (hover: hover){.fp-footer-links a:hover { text-decoration: underline; text-underline-offset: 4px; }}
@media (max-width: 1000px){.fp-b-opening { grid-template-columns: 1fr; gap: var(--f-xl); }}
@media (max-width: 1000px){.fp-footer-directory { grid-template-columns: 1fr 1fr; }}
@media (max-width: 1000px){.fp-footer-brand { grid-column: 1 / -1; }}
@media (max-width: 1000px){.fp-footer-legal { align-items: flex-start; flex-direction: column; }}
@media (max-width: 1000px){.fp-sample-footer h3 { max-width: 22ch; }}
@media (max-width: 390px){.fp-cta { padding-inline: var(--f-md); }}
@media (max-width: 390px){.fp-people-pair { gap: var(--f-sm); }}
@media (prefers-reduced-motion: reduce){.fp-sample-footer *, .fp-sample-footer ::before, .fp-sample-footer ::after { transition: none !important; }}
@media (prefers-reduced-motion: reduce){.fp-cta:hover, .fp-cta:hover span { transform: none; }}
body.chrome-page .fp-b-opening h3 { font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.12; letter-spacing: -0.045em; margin: 0 0 var(--f-lg); }
body.chrome-page .fp-sample-footer .fp-brand-copy { max-width: 25ch; font-size: var(--f-small); }
body.chrome-page .fp-sample-footer .fp-b-note { font-size: var(--f-small); margin-top: var(--f-sm); }
body.chrome-page .fp-sample-footer .fp-person-mini figcaption { font-size: 1rem; color: var(--f-ink); }
body.chrome-page .fp-sample-footer .fp-person-mini small { font-size: var(--f-small); }
.fp-footer-legal { padding-bottom: var(--f-3xl); }
.fp-person-mini img { filter: none; }
.fp-person-mini img[src*="eric-lee"] { object-position: 50% 25%; }