/* V6.3 公共样式：由 scripts/v63-cms-assets.mjs 从交付稿内联样式合成，不要手改 */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
  *, ::before, ::after, ::backdrop { --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; }
}
}
@font-face { font-family: Archivo; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/site/archivo-latin-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Archivo; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/site/archivo-latin-ext-normal.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Archivo; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/site/archivo-vietnamese-normal.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Archivo; font-style: italic; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/site/archivo-latin-italic.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Archivo; font-style: italic; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/site/archivo-latin-ext-italic.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Archivo; font-style: italic; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url("/assets/site/archivo-vietnamese-italic.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@layer theme {
  :root, :host { --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-white: #fff; --spacing: .25rem; --container-3xl: 48rem; --container-4xl: 56rem; --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-wide: .025em; --tracking-wider: .05em; --leading-tight: 1.25; --radius-md: .375rem; --radius-lg: .5rem; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-navy: #0b3065; --color-deep: #061e42; --color-blue: #004eb3; --color-orange: #fd7400; --color-ink: #1a2733; --color-muted: #5f6b78; --color-line: #c9d0d8; --color-pale: #f7f8fa; --color-cream: #fff; --color-hold: #c62f45; --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif; }
}
@layer base {
  *, ::after, ::before, ::backdrop { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  ::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
  html, :host { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
  hr { height: 0px; color: inherit; border-top-width: 1px; }
  abbr:where([title]) { text-decoration: underline dotted; }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
  a { color: inherit; text-decoration: inherit; }
  b, strong { font-weight: bolder; }
  code, kbd, samp, pre { font-family: var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings,normal); font-variation-settings: var(--default-mono-font-variation-settings,normal); font-size: 1em; }
  small { font-size: 80%; }
  sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
  sub { bottom: -0.25em; }
  sup { top: -0.5em; }
  table { text-indent: 0px; border-color: inherit; border-collapse: collapse; }
  progress { vertical-align: baseline; }
  summary { display: list-item; }
  ol, ul, menu { list-style: none; }
  img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; }
  img, video { max-width: 100%; height: auto; }
  button, input, select, optgroup, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  ::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
  ::file-selector-button { margin-inline-end: 4px; }
  ::placeholder { opacity: 1; }
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
  ::placeholder { color: currentcolor; }
  @supports (color:color-mix(in lab,red,red)) {
  ::placeholder { color: color-mix(currentcolor, transparent); }
}
}
  textarea { resize: vertical; }
  ::-webkit-search-decoration { appearance: none; }
  ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
  ::-webkit-datetime-edit { display: inline-flex; }
  ::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
  ::-webkit-datetime-edit { padding-block: 0px; }
  ::-webkit-datetime-edit-year-field { padding-block: 0px; }
  ::-webkit-datetime-edit-month-field { padding-block: 0px; }
  ::-webkit-datetime-edit-day-field { padding-block: 0px; }
  ::-webkit-datetime-edit-hour-field { padding-block: 0px; }
  ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
  ::-webkit-datetime-edit-second-field { padding-block: 0px; }
  ::-webkit-datetime-edit-millisecond-field { padding-block: 0px; }
  ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
  ::-webkit-calendar-picker-indicator { line-height: 1; }
  button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
  ::file-selector-button { appearance: button; }
  ::-webkit-inner-spin-button { height: auto; }
  ::-webkit-outer-spin-button { height: auto; }
  [hidden]:where(:not([hidden="until-found"])) { display: none !important; }
  html { scroll-behavior: smooth; text-size-adjust: 100%; }
  body { color: var(--color-ink); font: 16px/1.65 var(--font-sans); -webkit-font-smoothing: antialiased; background: rgb(255, 255, 255); margin: 0px; }
  a { color: inherit; text-decoration: none; }
  a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--color-orange); outline-offset: 4px; }
  h1, h2, h3 { font-family: var(--font-display); letter-spacing: -0.035em; line-height: 1.08; }
  h1 { font-size: clamp(3rem, 6vw, 6.1rem); font-weight: 800; }
  h2 { font-size: clamp(2.2rem, 4.1vw, 4.2rem); font-weight: 800; }
  h3 { font-size: 1.55rem; font-weight: 700; }
}
@layer components {
  .wrap { width: min(1200px, 100% - 48px); margin-inline: auto; }
  .site-header { z-index: 30; border-bottom: 1px solid var(--color-line); background: rgb(255, 255, 255); position: relative; }
  .nav-row { align-items: center; gap: 34px; min-height: 86px; display: flex; }
  .site-nav { align-items: center; gap: 27px; margin-left: auto; display: flex; }
  .site-nav a { color: rgb(62, 80, 98); white-space: nowrap; align-items: center; min-height: 44px; font-size: 12px; font-weight: 700; transition: color 0.2s; display: inline-flex; }
  .site-nav a:hover, .site-nav a[aria-current] { color: var(--color-blue); }
  .button { background: var(--color-orange); min-height: 52px; color: var(--color-deep); font: 700 13px/1.2 var(--font-sans); cursor: pointer; border: 1px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; gap: 8px; padding: 13px 24px; transition: background 0.2s, transform 0.2s; display: inline-flex; }
  .button:hover { background: rgb(255, 173, 88); transform: translateY(-2px); }
  .button:active { transform: translateY(0px); }
  .button.outline { border-color: var(--color-navy); color: var(--color-navy); background: 0px 0px; }
  .button.outline:hover { background: var(--color-pale); }
  .on-dark .button.outline { color: rgb(255, 255, 255); border-color: rgb(143, 172, 209); }
  .on-dark .button.outline:hover { background: rgba(255, 255, 255, 0.106); }
  .button.navy { background: var(--color-navy); color: rgb(255, 255, 255); min-height: 44px; padding: 12px 18px; font-size: 12px; }
  .button.navy:hover { background: var(--color-blue); }
  .button.blue { background: var(--color-blue); color: rgb(255, 255, 255); }
  .button.blue:hover { background: var(--color-navy); }
  .text-link { min-height: 44px; color: var(--color-blue); align-items: center; gap: 6px; font-weight: 700; display: inline-flex; }
  .text-link:hover { text-decoration: underline; }
  .on-dark .text-link { color: rgb(159, 202, 255); }
  .eyebrow { font: 700 11px/1.35 var(--font-sans); letter-spacing: 0.16em; color: var(--color-blue); text-transform: uppercase; margin-bottom: 24px; }
  .eyebrow .num { color: var(--color-orange); }
  .on-dark .eyebrow { color: rgb(159, 202, 255); }
  .hero { color: rgb(255, 255, 255); background: radial-gradient(circle at 92% 4%, rgb(28, 100, 175), rgba(0, 0, 0, 0) 34%), linear-gradient(125deg, rgb(9, 47, 102), rgb(6, 28, 62) 85%); overflow: hidden; }
  .hero-layout { grid-template-columns: 1.06fr 0.94fr; align-items: center; gap: 46px; min-height: 620px; padding-top: 65px; padding-bottom: 72px; display: grid; }
  .hero h1 { max-width: 720px; margin-bottom: 25px; }
  .hero-copy .lead { color: rgb(198, 217, 236); max-width: 580px; font-size: 17px; line-height: 1.75; }
  .hero-art { background: rgb(12, 57, 117); border: 1px solid rgb(94, 134, 179); transform: rotate(-2deg); box-shadow: rgba(255, 255, 255, 0.05) 24px 24px; }
  .hero-art-bar { font: 700 11px var(--font-display); letter-spacing: 0.13em; text-transform: uppercase; justify-content: space-between; padding: 18px 22px; display: flex; }
  .art { isolation: isolate; aspect-ratio: 1.25 / 1; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(46, 114, 179), rgb(13, 61, 126) 66%, rgb(7, 48, 101)); position: relative; overflow: hidden; }
  .art-grid { opacity: 0.08; background-image: linear-gradient(currentcolor 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, currentcolor 1px, rgba(0, 0, 0, 0) 1px); background-size: 35px 35px; position: absolute; inset: 0px; }
  .art-orbit { aspect-ratio: 1 / 1; opacity: 0.23; border: 1px solid; border-radius: 50%; width: 100%; position: absolute; top: -35%; left: 32%; }
  .art-line { opacity: 0.3; border-top: 2px solid; position: absolute; bottom: 24%; left: 7%; right: 7%; }
  .art-body { border: 3px solid; border-radius: 34% 49% 10% 12%; height: 20%; position: absolute; bottom: 27%; left: 15%; right: 14%; transform: skew(-12deg); box-shadow: rgba(255, 255, 255, 0.1) 0px -13px inset; }
  .art-roof { border-width: 3px 3px 0px; border-style: solid solid none; border-color: currentcolor; border-image: none; border-radius: 65% 58% 0px 0px; width: 35%; height: 19%; position: absolute; bottom: 45%; left: 36%; transform: skew(-20deg); }
  .art-wheel { z-index: 2; aspect-ratio: 1 / 1; border: 4px solid; border-radius: 50%; width: 12%; position: absolute; bottom: 20%; box-shadow: rgb(14, 69, 135) 0px 0px 0px 7px inset; }
  .art-wheel.one { left: 27%; }
  .art-wheel.two { right: 24%; }
  .feature-strip { border-bottom: 1px solid var(--color-line); background: rgb(240, 244, 247); }
  .feature-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: flex-start; column-gap: 36px; display: grid; }
  .feature-grid > div { border: 0px; flex-direction: column; align-items: flex-start; padding: 24px 0px; display: flex; }
  .feature-grid > div:first-child { padding-left: 0px; }
  .feature-grid > div:last-child { border: 0px; }
  .feature-grid .n { display: none; }
  .feature-grid strong { font: 700 17px var(--font-display); }
  .feature-grid small { color: var(--color-muted); font-size: 13px; line-height: 1.5; }
  .section { padding: 100px 0px; }
  .section-head { max-width: 760px; margin-bottom: 44px; }
  .section-head h2 { margin-bottom: 16px; }
  .section-head .lead, .copy { color: var(--color-muted); max-width: 680px; font-size: 16px; line-height: 1.75; }
  .copy p + p, .section-head .lead p + p { margin-top: 0.9rem; }
  .copy a { color: var(--color-blue); text-decoration: underline; }
  .dark-section { background: var(--color-deep); color: rgb(255, 255, 255); }
  .dark-section .copy, .dark-section .section-head .lead { color: rgb(199, 213, 230); }
  .soft { background: var(--color-pale); }
  .cream { background: var(--color-cream); }
  .split { grid-template-columns: 1fr 1fr; gap: 9%; display: grid; }
  .process-preview { grid-template-columns: repeat(3, 1fr); gap: 40px 25px; margin-top: 64px; display: grid; }
  .process-preview > li { border-top: 1px solid rgb(97, 131, 169); padding-top: 24px; }
  .process-preview b { font: 800 36px var(--font-display); color: var(--color-orange); }
  .process-preview h3 { margin: 18px 0px 10px; font-size: 1.35rem; }
  .process-preview p { color: rgb(173, 190, 209); font-size: 14px; }
  .steps { grid-template-columns: repeat(2, 1fr); gap: 0px 55px; display: grid; }
  .steps > li { border-top: 1px solid var(--color-line); gap: 24px; padding: 30px 0px; display: flex; }
  .steps b { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; color: var(--color-orange); line-height: 1; }
  .steps h3 { margin: 0px 0px 9px; font-size: 1.35rem; }
  .steps p { color: var(--color-muted); font-size: 14px; }
  .supply-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; display: grid; }
  .supply-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
  .supply-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
  .supply-grid > li { border: 1px solid var(--color-line); background: rgb(255, 255, 255); padding: 32px; }
  .supply-grid .idx { font: 700 11px var(--font-display); letter-spacing: 0.14em; color: var(--color-orange); }
  .supply-grid h3 { margin: 20px 0px 12px; font-size: 1.4rem; }
  .supply-grid p { color: var(--color-muted); }
  .check-list > li { border-bottom: 1px solid var(--color-line); gap: 14px; padding: 14px 0px; display: flex; }
  .check-list > li::before { content: ""; background: var(--color-orange); flex: 0 0 auto; width: 8px; height: 8px; margin-top: 10px; }
  .callout { background: var(--color-cream); border-left: 5px solid var(--color-orange); justify-content: space-between; align-items: center; gap: 30px; padding: 48px 54px; display: flex; }
  .callout h2 { margin: 0px 0px 10px; font-size: clamp(2rem, 3vw, 3.1rem); }
  .callout .copy { margin: 0px; }
  .statement { background: var(--color-navy); color: rgb(255, 255, 255); padding: 45px; }
  .statement .label { font: 700 11px var(--font-display); letter-spacing: 0.14em; color: var(--color-orange); text-transform: uppercase; }
  .statement strong { font: 800 30px var(--font-display); display: block; }
  .statement small { color: rgb(196, 212, 228); }
  .page-lead { background: var(--color-cream); padding: 95px 0px 105px; position: relative; overflow: hidden; }
  .page-lead::after { content: var(--watermark); color: rgb(234, 223, 205); font: italic 900 clamp(120px,19vw,300px) / 1 var(--font-display); letter-spacing: -0.07em; pointer-events: none; position: absolute; bottom: -90px; right: -2%; }
  .page-lead .wrap { z-index: 1; position: relative; }
  .page-lead h1 { max-width: 860px; margin-bottom: 24px; }
  .lead-text { color: rgb(81, 100, 118); max-width: 680px; font-size: 18px; line-height: 1.75; }
  .lead-text p + p { margin-top: 0.9rem; }
  .button.soft { background: var(--color-pale); color: var(--color-navy); }
  .button.soft:hover { background: var(--color-line); }
  .button.ghost { color: var(--color-navy); background: 0px 0px; }
  .button.ghost:hover { background: var(--color-pale); }
  .richtext > ul, .richtext > ol { max-width: 48rem; color: var(--color-ink); counter-reset: item 0; }
  .richtext > :is(ul, ol):first-child { margin-top: 28px; }
  .richtext > :is(ul, ol) > li { border-bottom: 1px solid var(--color-line); gap: 14px; padding: 14px 0px; display: flex; }
  .richtext > :is(ul, ol) > li::before { content: ""; background: var(--color-orange); flex: 0 0 auto; width: 8px; height: 8px; margin-top: 10px; }
  .richtext > ol > li { counter-increment: item 1; }
  .richtext > ol > li::before { order: -2; }
  .richtext > ol > li::after { content: counter(item, decimal-leading-zero); color: var(--color-orange); order: -1; font-weight: 600; }
  .richtext > :is(ul, ol) + p { margin-top: 1.5rem; }
  .richtext > blockquote { border-left: 3px solid var(--color-orange); background: var(--color-pale); max-width: 48rem; color: var(--color-muted); margin-top: 2rem; padding: 20px 26px; font-size: 14px; }
  .richtext > blockquote:first-child { margin-top: 0px; }
  .dark-section .richtext > blockquote { color: rgb(199, 213, 230); background: rgba(255, 255, 255, 0.07); }
  .info-note { border-left: 3px solid var(--color-orange); background: var(--color-pale); color: var(--color-muted); padding: 20px 26px; font-size: 14px; }
  .crumb { color: var(--color-muted); padding: 24px 0px; font-size: 12px; }
  .crumb a { color: var(--color-blue); }
  .price-panel { background: var(--color-pale); border-left: 4px solid var(--color-orange); flex-direction: column; gap: 5px; padding: 24px; display: flex; }
  .price-panel strong { font: 800 30px var(--font-display); color: var(--color-navy); }
  .spec-list > div { border-bottom: 1px solid var(--color-line); justify-content: space-between; gap: 20px; padding: 14px 0px; font-size: 14px; display: flex; }
  .spec-list dt { color: var(--color-muted); }
  .spec-list dd { text-align: right; font-weight: 700; }
  .aside-panel { background: var(--color-pale); border-top: 3px solid var(--color-blue); align-self: start; padding: 36px; }
  .aside-panel h2 { font-size: 27px; }
  .model-card { border: 1px solid var(--color-line); will-change: transform, box-shadow; background: rgb(255, 255, 255); border-radius: 8px; flex-direction: column; min-width: 0px; transition: box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s; display: flex; transform: perspective(1000px) translateZ(0px); box-shadow: rgba(16, 43, 73, 0.05) 0px 2px 4px, rgba(16, 43, 73, 0.1) 0px 6px 18px -4px; }
  .model-card:hover { border-color: rgb(170, 196, 223); box-shadow: rgba(12, 47, 87, 0.28) 0px 14px 30px -15px; }
  .compare-fold summary { list-style: none; }
  .compare-fold summary::-webkit-details-marker { display: none; }
  .compare-fold:not([open]) .compare-fold-icon { transform: rotate(90deg); }
  main { animation: 0.2s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running fadeInPage; }
  @keyframes fadeInPage { 
  0% { opacity: 0.88; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0px); }
}
  #site-menu[open] { animation: 0.25s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running slideInMenu; }
  @keyframes slideInMenu { 
  0% { opacity: 0; transform: translate(100%); }
  100% { opacity: 1; transform: translate(0px); }
}
  .card-eyebrow { color: var(--color-blue); font: 700 11px/1.5 var(--font-display); letter-spacing: 0.1em; text-transform: uppercase; }
  .pill { color: rgb(79, 95, 112); font: 600 12px var(--font-display); background: rgb(236, 241, 246); border-radius: 3px; align-items: center; padding: 3px 8px; display: inline-flex; }
  .pill.sample { color: rgb(169, 82, 11); background: rgb(255, 241, 228); }
  .model-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; display: grid; }
  .catalog-toolbar { border-top: 1px solid var(--color-line); color: var(--color-muted); font: 700 11px var(--font-display); letter-spacing: 0.11em; text-transform: uppercase; justify-content: space-between; gap: 12px; padding: 20px 0px 28px; display: flex; }
  .catalog-toolbar .count { color: var(--color-navy); }
  .faq-list details { border-bottom: 1px solid var(--color-line); }
  .faq-list li:first-child details { border-top: 1px solid var(--color-line); }
  .faq-list summary { cursor: pointer; font: 700 23px/1.25 var(--font-display); letter-spacing: -0.01em; justify-content: space-between; align-items: center; gap: 20px; padding: 25px 0px; list-style: none; display: flex; }
  .faq-list summary::-webkit-details-marker { display: none; }
  .faq-list summary .plus { color: var(--color-orange); font: 400 32px var(--font-display); transition: transform 0.2s; }
  .faq-list details[open] summary .plus { transform: rotate(45deg); }
  .faq-list .answer { max-width: 760px; color: var(--color-muted); padding-bottom: 24px; }
  .field-label { margin-bottom: 0.3rem; font-size: 0.92rem; font-weight: 700; display: block; }
  .field-hint { color: var(--color-muted); margin-top: 0.2rem; font-size: 0.82rem; display: block; }
  .field-input { width: 100%; min-height: 48px; font: inherit; background: rgb(255, 255, 255); border: 1px solid rgb(185, 198, 210); padding: 0.6rem 0.8rem; }
  .field-input:focus-visible { outline-offset: 0px; border-color: var(--color-blue); }
  .field-error { color: var(--color-hold); margin-top: 0.25rem; font-size: 0.85rem; font-weight: 600; display: block; }
  .footer { background: var(--color-deep); color: rgb(255, 255, 255); padding: 70px 0px 24px; }
  .footer-top { grid-template-columns: 2fr 1fr 1fr 1.4fr; gap: 50px; display: grid; }
  .footer-top p { color: rgb(168, 189, 213); font-size: 13px; line-height: 1.75; }
  .footer-top h2 { font: 700 11px var(--font-display); letter-spacing: 0.12em; color: var(--color-orange); text-transform: uppercase; margin: 7px 0px 14px; }
  .footer-top nav a { color: rgb(218, 232, 245); align-items: center; min-height: 36px; font-size: 13px; display: flex; }
  .footer-top a:hover, .footer-bottom a:hover { color: var(--color-orange); }
  .footer-bottom { color: rgb(146, 170, 197); border-top: 1px solid rgba(255, 255, 255, 0.18); justify-content: space-between; gap: 20px; margin-top: 56px; padding-top: 22px; font-size: 12px; display: flex; }
  @media (max-width: 1100px) {
  .nav-row { gap: 18px; }
  .site-nav { gap: 14px; }
  .site-nav a { font-size: 11px; }
  .hero-layout { gap: 20px; }
  .supply-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
}
  @media (max-width: 850px) {
  .hero-layout { grid-template-columns: 1fr; min-height: 0px; padding-top: 75px; }
  .hero-art { width: 90%; max-width: 630px; margin: 0px auto; transform: rotate(-1deg); }
  .feature-grid > div { padding: 22px 16px; }
  .model-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .supply-grid.cols-3, .process-preview, .footer-top { grid-template-columns: repeat(2, 1fr); }
  .split { gap: 35px; }
}
  @media (max-width: 600px) {
  .wrap { width: min(100% - 32px, 1200px); }
  .nav-row { min-height: 67px; }
  .hero-layout { padding-top: 56px; padding-bottom: 56px; }
  .hero h1 { font-size: clamp(2.6rem, 11vw, 4.2rem); }
  .hero-copy .lead { font-size: 15px; }
  .hero-art { width: 100%; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-grid > div, .feature-grid > div:first-child { border-right: 0px; border-bottom: 1px solid var(--color-line); padding: 14px 0px; }
  .feature-grid > div:last-child { border: 0px; }
  .section { padding: 64px 0px; }
  .section-head { margin-bottom: 30px; }
  .model-grid, .split, .steps, .supply-grid, .supply-grid.cols-3, .supply-grid.cols-4, .process-preview { grid-template-columns: 1fr; }
  .process-preview { margin-top: 30px; }
  .callout { padding: 30px 24px; display: block; }
  .callout .actions { margin-top: 25px; }
  .page-lead { padding: 64px 0px 72px; }
  .page-lead::after { bottom: -30px; }
  .page-lead h1 { font-size: clamp(2.5rem, 11vw, 4rem); }
  .lead-text { font-size: 15px; }
  .catalog-toolbar { display: block; }
  .faq-list summary { font-size: 19px; }
  .footer { padding-top: 55px; }
  .footer-top { gap: 28px; }
  .footer-top > div:first-child, .footer-top > div:last-child { grid-column: span 2; }
  .footer-bottom { display: block; }
  .statement, .aside-panel { padding: 28px; }
}
  @media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, ::before, ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
}
@layer utilities {
  .collapse { visibility: collapse; }
  .visible { visibility: visible; }
  .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
  .absolute { position: absolute; }
  .fixed { position: fixed; }
  .relative { position: relative; }
  .static { position: static; }
  .inset-x-0 { inset-inline: 0px; }
  .bottom-0 { bottom: 0px; }
  .bottom-1 { bottom: var(--spacing); }
  .bottom-2 { bottom: calc(var(--spacing) * 2); }
  .bottom-3 { bottom: calc(var(--spacing) * 3); }
  .bottom-4 { bottom: calc(var(--spacing) * 4); }
  .left-1 { left: var(--spacing); }
  .left-2 { left: calc(var(--spacing) * 2); }
  .left-3 { left: calc(var(--spacing) * 3); }
  .z-20 { z-index: 20; }
  .z-\[60\] { z-index: 60; }
  .col-span-6 { grid-column: span 6 / span 6; }
  .container { width: 100%; }
  @media (min-width: 40rem) {
  .container { max-width: 40rem; }
}
  @media (min-width: 48rem) {
  .container { max-width: 48rem; }
}
  @media (min-width: 64rem) {
  .container { max-width: 64rem; }
}
  @media (min-width: 80rem) {
  .container { max-width: 80rem; }
}
  @media (min-width: 96rem) {
  .container { max-width: 96rem; }
}
  .m-auto { margin: auto; }
  .mx-1 { margin-inline: var(--spacing); }
  .mx-3 { margin-inline: calc(var(--spacing) * 3); }
  .mx-auto { margin-inline: auto; }
  .\!mt-0 { margin-top: 0px !important; }
  .\!mt-1 { margin-top: var(--spacing) !important; }
  .mt-0\.5 { margin-top: calc(var(--spacing) * .5); }
  .mt-1 { margin-top: var(--spacing); }
  .mt-2 { margin-top: calc(var(--spacing) * 2); }
  .mt-3 { margin-top: calc(var(--spacing) * 3); }
  .mt-4 { margin-top: calc(var(--spacing) * 4); }
  .mt-5 { margin-top: calc(var(--spacing) * 5); }
  .mt-6 { margin-top: calc(var(--spacing) * 6); }
  .mt-8 { margin-top: calc(var(--spacing) * 8); }
  .mt-10 { margin-top: calc(var(--spacing) * 10); }
  .\!mb-4 { margin-bottom: calc(var(--spacing) * 4) !important; }
  .mb-8 { margin-bottom: calc(var(--spacing) * 8); }
  .ml-auto { margin-left: auto; }
  .block { display: block; }
  .contents { display: contents; }
  .flex { display: flex; }
  .grid { display: grid; }
  .hidden { display: none; }
  .inline { display: inline; }
  .inline-flex { display: inline-flex; }
  .table { display: table; }
  .aspect-\[4\/3\] { aspect-ratio: 4 / 3; }
  .aspect-\[16\/10\] { aspect-ratio: 16 / 10; }
  .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); }
  .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); }
  .h-\[30px\] { height: 30px; }
  .h-\[34px\] { height: 34px; }
  .h-full { height: 100%; }
  .max-h-\[80dvh\] { max-height: 80dvh; }
  .min-h-\[1\.5em\] { min-height: 1.5em; }
  .min-h-\[36px\] { min-height: 36px; }
  .min-h-\[44px\] { min-height: 44px; }
  .min-h-dvh { min-height: 100dvh; }
  .w-\[min\(92vw\,520px\)\] { width: min(92vw, 520px); }
  .w-\[min\(96vw\,1100px\)\] { width: min(96vw, 1100px); }
  .w-auto { width: auto; }
  .w-full { width: 100%; }
  .max-w-3xl { max-width: var(--container-3xl); }
  .max-w-4xl { max-width: var(--container-4xl); }
  .max-w-\[900px\] { max-width: 900px; }
  .flex-1 { flex: 1 1 0%; }
  .shrink-0 { flex-shrink: 0; }
  .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); }
  .cursor-pointer { cursor: pointer; }
  .resize { resize: both; }
  .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); }
  .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
  .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
  .flex-col { flex-direction: column; }
  .flex-wrap { flex-wrap: wrap; }
  .place-items-center { place-items: center; }
  .items-baseline { align-items: baseline; }
  .items-center { align-items: center; }
  .items-start { align-items: flex-start; }
  .justify-between { justify-content: space-between; }
  .justify-center { justify-content: center; }
  .justify-end { justify-content: flex-end; }
  .gap-1 { gap: var(--spacing); }
  .gap-2 { gap: calc(var(--spacing) * 2); }
  .gap-3 { gap: calc(var(--spacing) * 3); }
  .gap-4 { gap: calc(var(--spacing) * 4); }
  .gap-5 { gap: calc(var(--spacing) * 5); }
  .gap-10 { gap: calc(var(--spacing) * 10); }
  .gap-16 { gap: calc(var(--spacing) * 16); }
  .gap-x-5 { column-gap: calc(var(--spacing) * 5); }
  .gap-x-8 { column-gap: calc(var(--spacing) * 8); }
  .gap-y-1 { row-gap: var(--spacing); }
  .self-start { align-self: flex-start; }
  .overflow-hidden { overflow: hidden; }
  .rounded { border-radius: 0.25rem; }
  .rounded-lg { border-radius: var(--radius-lg); }
  .rounded-md { border-radius: var(--radius-md); }
  .border { border-style: var(--tw-border-style); border-width: 1px; }
  .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
  .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; }
  .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; }
  .border-dashed { --tw-border-style: dashed; border-style: dashed; }
  .border-line { border-color: var(--color-line); }
  .border-white\/25 { border-color: rgba(255, 255, 255, 0.25); }
  @supports (color:color-mix(in lab,red,red)) {
  .border-white\/25 { border-color: color-mix(in oklab,var(--color-white) 25%,transparent); }
}
  .border-white\/30 { border-color: rgba(255, 255, 255, 0.3); }
  @supports (color:color-mix(in lab,red,red)) {
  .border-white\/30 { border-color: color-mix(in oklab,var(--color-white) 30%,transparent); }
}
  .\!bg-white { background-color: var(--color-white) !important; }
  .bg-deep\/85 { background-color: rgba(6, 30, 66, 0.85); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-deep\/85 { background-color: color-mix(in oklab,var(--color-deep) 85%,transparent); }
}
  .bg-pale { background-color: var(--color-pale); }
  .bg-white { background-color: var(--color-white); }
  .bg-white\/95 { background-color: rgba(255, 255, 255, 0.95); }
  @supports (color:color-mix(in lab,red,red)) {
  .bg-white\/95 { background-color: color-mix(in oklab,var(--color-white) 95%,transparent); }
}
  .object-contain { object-fit: contain; }
  .object-cover { object-fit: cover; }
  .p-0 { padding: 0px; }
  .p-3 { padding: calc(var(--spacing) * 3); }
  .p-4 { padding: calc(var(--spacing) * 4); }
  .p-5 { padding: calc(var(--spacing) * 5); }
  .p-6 { padding: calc(var(--spacing) * 6); }
  .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); }
  .px-2 { padding-inline: calc(var(--spacing) * 2); }
  .px-3 { padding-inline: calc(var(--spacing) * 3); }
  .px-4 { padding-inline: calc(var(--spacing) * 4); }
  .\!py-16 { padding-block: calc(var(--spacing) * 16) !important; }
  .py-0\.5 { padding-block: calc(var(--spacing) * .5); }
  .py-1 { padding-block: var(--spacing); }
  .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); }
  .py-3 { padding-block: calc(var(--spacing) * 3); }
  .py-12 { padding-block: calc(var(--spacing) * 12); }
  .py-24 { padding-block: calc(var(--spacing) * 24); }
  .\!pt-0 { padding-top: 0px !important; }
  .\!pt-14 { padding-top: calc(var(--spacing) * 14) !important; }
  .pt-2 { padding-top: calc(var(--spacing) * 2); }
  .pt-3 { padding-top: calc(var(--spacing) * 3); }
  .pt-6 { padding-top: calc(var(--spacing) * 6); }
  .pr-3 { padding-right: calc(var(--spacing) * 3); }
  .pb-20 { padding-bottom: calc(var(--spacing) * 20); }
  .pb-\[calc\(12px\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(12px + env(safe-area-inset-bottom)); }
  .pb-\[calc\(76px\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .pl-3 { padding-left: calc(var(--spacing) * 3); }
  .text-center { text-align: center; }
  .font-display { font-family: var(--font-display); }
  .font-mono { font-family: var(--font-mono); }
  .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height)); }
  .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
  .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); }
  .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); }
  .\!text-\[1\.8rem\] { font-size: 1.8rem !important; }
  .\!text-\[clamp\(1\.6rem\,2\.2vw\,2\.2rem\)\] { font-size: clamp(1.6rem, 2.2vw, 2.2rem) !important; }
  .\!text-\[clamp\(2\.2rem\,4vw\,3\.6rem\)\] { font-size: clamp(2.2rem, 4vw, 3.6rem) !important; }
  .text-\[0\.9rem\] { font-size: 0.9rem; }
  .text-\[0\.78rem\] { font-size: 0.78rem; }
  .text-\[0\.85rem\] { font-size: 0.85rem; }
  .text-\[0\.88rem\] { font-size: 0.88rem; }
  .text-\[0\.93rem\] { font-size: 0.93rem; }
  .text-\[0\.95rem\] { font-size: 0.95rem; }
  .text-\[1\.35rem\] { font-size: 1.35rem; }
  .text-\[9px\] { font-size: 9px; }
  .text-\[10px\] { font-size: 10px; }
  .text-\[11px\] { font-size: 11px; }
  .text-\[17px\] { font-size: 17px; }
  .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }
  .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
  .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }
  .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
  .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
  .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }
  .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); }
  .text-wrap { text-wrap: wrap; }
  .\!text-\[\#c7d5e6\] { color: rgb(199, 213, 230) !important; }
  .\!text-ink { color: var(--color-ink) !important; }
  .text-blue { color: var(--color-blue); }
  .text-muted { color: var(--color-muted); }
  .text-navy { color: var(--color-navy); }
  .text-orange { color: var(--color-orange); }
  .text-white { color: var(--color-white); }
  .lowercase { text-transform: lowercase; }
  .italic { font-style: italic; }
  .overline { text-decoration-line: overline; }
  .underline { text-decoration-line: underline; }
  .accent-\[var\(--color-blue\)\] { accent-color: var(--color-blue); }
  .outline { outline-style: var(--tw-outline-style); outline-width: 1px; }
  .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); }
  .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }
  .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
  .backdrop\:bg-deep\/60::backdrop { background-color: rgba(6, 30, 66, 0.6); }
  @supports (color:color-mix(in lab,red,red)) {
  .backdrop\:bg-deep\/60::backdrop { background-color: color-mix(in oklab,var(--color-deep) 60%,transparent); }
}
  .backdrop\:bg-deep\/85::backdrop { background-color: rgba(6, 30, 66, 0.85); }
  @supports (color:color-mix(in lab,red,red)) {
  .backdrop\:bg-deep\/85::backdrop { background-color: color-mix(in oklab,var(--color-deep) 85%,transparent); }
}
  @media (hover: hover) {
  .hover\:border-blue:hover { border-color: var(--color-blue); }
  .hover\:border-orange:hover { border-color: var(--color-orange); }
  .hover\:text-orange:hover { color: var(--color-orange); }
}
  .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0px; padding: 0px; position: static; overflow: visible; }
  .focus\:absolute:focus { position: absolute; }
  .focus\:top-3:focus { top: calc(var(--spacing) * 3); }
  .focus\:left-3:focus { left: calc(var(--spacing) * 3); }
  .focus\:z-50:focus { z-index: 50; }
  .focus\:bg-white:focus { background-color: var(--color-white); }
  .focus\:p-3:focus { padding: calc(var(--spacing) * 3); }
  .has-\[\:checked\]\:border-blue:has(:checked) { border-color: var(--color-blue); }
  .has-\[\:checked\]\:bg-pale:has(:checked) { background-color: var(--color-pale); }
  @media not all and (min-width: 850px) {
  .max-\[850px\]\:\!hidden { display: none !important; }
}
  @media not all and (min-width: 600px) {
  .max-\[600px\]\:hidden { display: none; }
  .max-\[600px\]\:p-5 { padding: calc(var(--spacing) * 5); }
}
  @media (min-width: 851px) {
  .min-\[851px\]\:ml-0 { margin-left: 0px; }
}
  @media (min-width: 40rem) {
  .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .sm\:col-span-3 { grid-column: span 3 / span 3; }
  .sm\:col-span-4 { grid-column: span 4 / span 4; }
  .sm\:col-span-6 { grid-column: span 6 / span 6; }
  .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); }
}
  @media (min-width: 48rem) {
  .md\:hidden { display: none; }
  .md\:h-\[36px\] { height: 36px; }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .md\:grid-cols-\[1\.2fr_1fr_1fr_1fr_auto\] { grid-template-columns: 1.2fr 1fr 1fr 1fr auto; }
  .md\:items-end { align-items: flex-end; }
  .md\:p-8 { padding: calc(var(--spacing) * 8); }
  .md\:py-16 { padding-block: calc(var(--spacing) * 16); }
  .md\:pb-0 { padding-bottom: 0px; }
}
  @media (min-width: 64rem) {
  .lg\:sticky { position: sticky; }
  .lg\:top-28 { top: calc(var(--spacing) * 28); }
  .lg\:col-start-1 { grid-column-start: 1; }
  .lg\:col-start-2 { grid-column-start: 2; }
  .lg\:row-start-1 { grid-row-start: 1; }
  .lg\:\!grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; }
  .lg\:grid-cols-\[1\.08fr_0\.92fr\] { grid-template-columns: 1.08fr 0.92fr; }
  .lg\:items-start { align-items: flex-start; }
  .lg\:gap-\[6\%\] { gap: 6%; }
}
  .\[data-model-card\]\:visible:is(data-model-card) { visibility: visible; }
  .\[\&\>svg\]\:size-\[18px\] > svg { width: 18px; height: 18px; }
  .\[\&\>svg\]\:fill-current > svg { fill: currentcolor; }
}
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: 0.22s ease 0s 1 normal both running site-out; }
::view-transition-new(root) { animation: 0.55s cubic-bezier(0.2, 0.75, 0.2, 1) 0s 1 normal both running site-in; }
@keyframes site-out { 
  100% { opacity: 0; transform: translateY(-20px); }
}
@keyframes site-in { 
  0% { opacity: 0; transform: translateY(35px); }
  100% { opacity: 1; transform: none; }
}
.site-header.motion-header { z-index: 70; background: rgb(255, 255, 255); transition: box-shadow 0.3s; position: sticky; top: 0px; }
.site-header.motion-header .nav-row { grid-template-columns: 180px 1fr auto; gap: 24px; }
.motion-header .site-nav a { transition: color 0.25s, transform 0.3s; position: relative; }
.motion-header .site-nav a::after { content: ""; transform-origin: 100% center; background: rgb(245, 130, 32); height: 1px; transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1); position: absolute; bottom: 4px; left: 0px; right: 0px; transform: scaleX(0); }
.motion-header .site-nav a:hover { color: rgb(18, 92, 168); transform: translateY(-2px); }
.motion-header .site-nav a:hover::after { transform-origin: 0px center; transform: scaleX(1); }
.motion-menu-toggle { cursor: pointer; color: rgb(16, 51, 93); border: 1px solid rgb(214, 224, 235); grid-template-rows: repeat(2, 5px); grid-template-columns: repeat(2, 5px); place-content: center; gap: 5px; width: 44px; height: 44px; margin-left: 10px; transition: background 0.25s, transform 0.3s; display: grid !important; }
.motion-menu-toggle span { background: currentcolor; border-radius: 50%; width: 5px; height: 5px; transition: transform 0.3s; }
.motion-menu-toggle:hover { background: rgb(238, 243, 248); }
.motion-menu-toggle:hover span { transform: rotate(45deg) scale(1.2); }
.motion-menu { color: rgb(255, 255, 255); background: rgb(8, 44, 96); border: 0px; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0px; padding: 0px; position: fixed; inset: 0px; overflow: auto; }
.motion-menu::backdrop { backdrop-filter: blur(12px); background: rgba(6, 27, 56, 0.9); }
.motion-menu[open] { animation: 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 normal none running menu-enter; }
.motion-menu.is-closing { animation: 0.28s ease 0s 1 normal both running menu-exit; }
@keyframes menu-enter { 
  0% { clip-path: inset(0px 0px 100%); }
  100% { clip-path: inset(0px); }
}
@keyframes menu-exit { 
  100% { clip-path: inset(0px 0px 100%); }
}
.motion-menu-head, .motion-menu-body, .motion-menu-foot { width: min(100% - 80px, 1200px); margin-inline: auto; }
.motion-menu-head { border-bottom: 1px solid rgba(255, 255, 255, 0.145); justify-content: space-between; align-items: center; height: 100px; display: flex; }
.motion-menu-head > a { background: 0px 0px; width: 180px; height: 30px; display: block; position: relative; overflow: hidden; }
.motion-menu-head img { width: 190px; max-width: none; position: absolute; top: -17px; left: -4px; }
.motion-menu-close { cursor: pointer; background: rgba(255, 255, 255, 0.047); border: 1px solid rgba(255, 255, 255, 0.19); width: 48px; height: 48px; font: 300 36px / 1 Arial; transition: transform 0.35s; }
.motion-menu-close:hover { transform: rotate(90deg); }
.motion-menu-body { grid-template-columns: 1.2fr 1fr; gap: 110px; padding: 36px 0px 28px; display: grid; }
.motion-menu-body nav > a { opacity: 0; transition-behavior: normal, normal, normal; transition-duration: 0.6s, 0.5s, 0.2s; transition-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1), ease, ease; transition-property: transform, opacity, color; transition-delay: calc(var(--link-i)*40ms); border-bottom: 1px solid rgba(255, 255, 255, 0.145); align-items: center; gap: 24px; padding: 15px 0px; font: 500 clamp(24px, 3vw, 40px) / 1.15 Archivo, sans-serif; display: flex; transform: translateY(22px); }
.motion-menu.is-open nav > a { opacity: 1; transform: none; }
.motion-menu-body nav > a:hover { color: rgb(255, 150, 57); }
.motion-menu-body nav > a > span:last-child { margin-left: auto; font-size: 22px; }
.motion-menu-number { color: rgb(158, 186, 221); font: 400 11px Archivo, sans-serif; }
.motion-menu-body aside { align-self: center; }
.motion-menu-body aside img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.motion-menu-body aside p { color: rgb(255, 255, 255); margin: 22px 0px; font: 600 30px / 1.2 Archivo, sans-serif; }
.motion-menu-body aside > a { color: rgb(190, 209, 233); font-size: 14px; }
.motion-menu-foot { color: rgb(182, 202, 227); letter-spacing: 1px; border-top: 1px solid rgba(255, 255, 255, 0.145); justify-content: space-between; align-items: center; padding: 22px 0px; font-size: 11px; display: flex; }
.motion-menu-foot a { color: rgb(255, 156, 69); letter-spacing: 0px; font-size: 15px; }
.motion-menu a:focus-visible, .motion-menu button:focus-visible, .motion-menu-toggle:focus-visible { outline-offset: 5px; outline: rgb(255, 150, 57) solid 2px; }
.motion-reveal { opacity: 0; transition: opacity .65s ease var(--reveal-delay,0s),transform .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0s); transform: translateY(26px); }
.motion-reveal.motion-shown { opacity: 1; transform: none; }
main .button, .text-link { transition: background 0.25s, color 0.25s, transform 0.3s; }
main .button:hover { transform: translateY(-2px); }
.yard-scroll { --yard-navy: #082c60; background: var(--yard-navy); color: rgb(255, 255, 255); height: 270svh; position: relative; }
.yard-pin { background: var(--yard-navy); flex-direction: column; height: calc(-85px + 100svh); min-height: 570px; padding: 0px 24px; display: flex; position: sticky; top: 85px; }
.yard-cinema { border-inline: 1px solid rgba(255, 255, 255, 0.19); flex: 1 1 0%; min-height: 0px; position: relative; overflow: hidden; }
.yard-photo-stack, .yard-layer, .yard-cinema-shade { position: absolute; inset: 0px; }
.yard-layer { overflow: hidden; }
.yard-layer:not(:first-child) { clip-path: inset(100% 0px 0px); }
.yard-layer img { object-fit: cover; will-change: transform; width: 100%; height: 100%; }
.yard-cinema-shade { z-index: 4; pointer-events: none; background: linear-gradient(90deg, rgba(4, 24, 48, 0.78), rgba(4, 24, 48, 0.3) 65%, rgba(4, 24, 48, 0.06)), linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(4, 24, 48, 0.74)); }
.yard-overline { z-index: 5; letter-spacing: 1.7px; color: rgb(222, 234, 250); justify-content: space-between; gap: 20px; font-size: 10px; display: flex; position: absolute; inset: 24px 40px auto; }
.yard-copy-stack { z-index: 5; height: 380px; position: absolute; top: 48%; left: max(40px, -640px + 50vw); right: 10%; transform: translateY(-50%); }
.yard-panel { opacity: 0; pointer-events: none; flex-direction: column; justify-content: center; transition: opacity 0.45s, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); display: flex; position: absolute; inset: 0px; transform: translateY(28px); }
.yard-panel.is-active { opacity: 1; pointer-events: auto; transform: none; }
main .yard-panel h1, main .yard-panel h2 { color: rgb(255, 255, 255); letter-spacing: -0.035em; text-wrap: initial; max-width: none; margin: 0px; }
.yard-panel em { color: rgb(255, 144, 45); font-style: normal; }
.yard-description { color: rgb(224, 233, 244); max-width: 500px; margin: 20px 0px 0px; font-size: 16px; line-height: 1.7; }
.yard-bottom { z-index: 5; justify-content: space-between; align-items: flex-end; gap: 32px; display: flex; position: absolute; bottom: 30px; left: max(40px, -640px + 50vw); right: 40px; }
.yard-actions { align-items: center; gap: 26px; display: flex; }
.yard-actions .button { color: rgb(11, 48, 101); background: rgb(253, 116, 0); gap: 28px; min-height: 48px; padding: 15px 24px; font-size: 14px; }
.yard-actions > a { color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 8px 0px; font-size: 13px; }
.yard-scroll-hint { letter-spacing: 0.5px; color: rgb(206, 220, 237); align-items: center; gap: 8px; margin-bottom: 8px; font-size: 11px; text-decoration: none; transition: color 0.2s; display: inline-flex; }
.yard-scroll-hint:hover { color: rgb(255, 155, 68); }
.yard-scroll-hint span { font-size: 18px; line-height: 1; }
.yard-caption { color: rgb(224, 232, 240); text-align: right; font-size: 11px; line-height: 1.8; }
.yard-caption > span { display: block; }
.yard-caption > span:last-child { letter-spacing: 1.3px; color: rgb(186, 204, 225); font-size: 8px; }
.yard-pages { z-index: 6; flex-direction: column; gap: 18px; display: flex; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); }
.yard-pages button { text-align: right; color: rgb(207, 218, 234); cursor: pointer; width: 42px; min-height: 44px; padding: 8px 0px; font-size: 11px; position: relative; }
.yard-pages button::after { content: ""; background: rgba(255, 255, 255, 0.44); width: 30px; height: 1px; transition: width 0.35s; display: block; position: absolute; bottom: 4px; right: 0px; }
.yard-pages button[aria-pressed="true"] { color: rgb(255, 155, 68); }
.yard-pages button[aria-pressed="true"]::after { background: rgb(255, 155, 68); width: 42px; }
.yard-pages button:focus-visible, .yard-actions a:focus-visible, .yard-scroll-hint:focus-visible { outline-offset: 3px; outline: rgb(255, 155, 68) solid 2px; }
.yard-proof { background: var(--yard-navy); align-items: center; width: calc(100% + 48px); min-height: 80px; margin-inline: -24px; display: flex; }
.yard-proof-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: flex-start; column-gap: 36px; display: grid; }
.proof-item { flex-direction: column; justify-content: flex-start; align-items: flex-start; margin: 0px; padding: 14px 0px; display: flex; }
.proof-item strong { letter-spacing: -0.03em; color: rgb(255, 255, 255); white-space: nowrap; display: block; }
.proof-item span { color: rgb(182, 203, 229); margin-top: 8px; font: 400 14px / 22px Archivo, sans-serif; display: block; }
.yard-manual { height: auto; }
.yard-manual .yard-pin { height: calc(-85px + 100svh); min-height: 720px; position: relative; top: 0px; }
@media (max-width: 1399px) and (min-width: 1101px) {
  main .yard-panel h1, main .yard-panel h2 { font-size: 72px; line-height: 74px; }
  .proof-item strong { font-size: 44px; line-height: 48px; }
}
@media (max-width: 1100px) {
  .motion-header .site-nav { display: none !important; }
  .site-header.motion-header .nav-row { grid-template-columns: 180px 1fr; }
  .yard-pin { height: calc(-77px + 100svh); top: 77px; }
  .yard-copy-stack { height: 340px; left: 40px; right: 90px; }
  .yard-bottom { left: 40px; }
  .proof-item strong { font-size: 36px; line-height: 40px; }
  .proof-item span { font-size: 14px; line-height: 22px; }
  .motion-menu-body { gap: 50px; }
  .yard-description { margin-top: 16px; font-size: 15px; }
  main .yard-panel h1, main .yard-panel h2 { font-size: 56px; line-height: 58px; }
}
@media (max-width: 800px) {
  .yard-pin { padding: 0px 14px; }
  .yard-manual .yard-pin { height: calc(-71px + 100svh); min-height: 640px; }
  .yard-copy-stack { height: 260px; top: 40%; left: 20px; right: 20px; }
  .yard-overline { letter-spacing: 1px; font-size: 8px; inset: 16px 20px auto; }
  .yard-overline > span:last-child { display: none; }
  main .yard-panel h1, main .yard-panel h2 { letter-spacing: -0.02em; font-size: 32px; line-height: 36px; }
  .yard-description { max-width: 350px; margin-top: 12px; font-size: 13px; line-height: 1.55; }
  .yard-bottom { display: block; bottom: 18px; left: 20px; right: 20px; }
  .yard-caption, .yard-scroll-hint { display: none; }
  .yard-pages { flex-direction: row; gap: 10px; top: auto; bottom: 80px; right: 20px; transform: none; }
  .yard-pages button, .yard-pages button[aria-pressed="true"]::after { width: 32px; }
  .yard-proof { width: calc(100% + 28px); min-height: 72px; margin-inline: -14px; }
  .yard-proof-grid { column-gap: 12px; }
  .proof-item { padding: 8px 0px; }
  .proof-item strong { font-size: 20px; line-height: 24px; }
  .proof-item span { margin-top: 6px; font-size: 12px; line-height: 16px; }
  .yard-actions { gap: 14px; }
  .yard-actions .button { min-height: 40px; padding: 11px 16px; font-size: 12px; }
  .yard-actions > a { font-size: 12px; }
  .motion-menu-head, .motion-menu-body, .motion-menu-foot { width: calc(100% - 40px); }
  .motion-menu-head { height: 78px; }
  .motion-menu-body { grid-template-columns: 1fr; gap: 0px; padding: 15px 0px 24px; }
  .motion-menu-body aside { display: none; }
  .motion-menu-body nav > a { padding: 18px 0px; font-size: 28px; }
  .motion-menu-foot { align-items: flex-start; gap: 20px; font-size: 9px; }
  .motion-menu-foot a { white-space: nowrap; font-size: 14px; }
}
@media (max-width: 370px) {
  main .yard-panel h1, main .yard-panel h2 { font-size: 28px; line-height: 32px; }
  .proof-item strong { font-size: 18px; line-height: 22px; }
  .proof-item span { font-size: 11px; line-height: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .motion-reveal { opacity: 1; transition: none; transform: none; }
  .yard-panel, .motion-menu * { transition: none !important; }
  .motion-menu[open], .motion-menu.is-closing { animation: auto ease 0s 1 normal none running none; }
  .yard-layer img { transform: none !important; }
  ::view-transition-old(root) { animation: auto ease 0s 1 normal none running none; }
  ::view-transition-new(root) { animation: auto ease 0s 1 normal none running none; }
}
@media (max-width: 800px) {
  .yard-manual .yard-pin { height: calc(-160px + 100svh); min-height: 640px; }
}
@supports (interpolate-size:allow-keywords) {
  .ui-faq, .trust-doc-list details { interpolate-size: allow-keywords; }
  .ui-faq::details-content { block-size: 0px; transition: block-size 0.35s, content-visibility 0.35s; overflow: hidden; }
  .trust-doc-list details::details-content { block-size: 0px; transition: block-size 0.35s, content-visibility 0.35s; overflow: hidden; }
  .ui-faq[open]::details-content { block-size: auto; }
  .trust-doc-list details[open]::details-content { block-size: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .ui-faq::details-content { transition: none; }
  .trust-doc-list details::details-content { transition: none; }
}
@view-transition { navigation: none; }
.page-curtain { z-index: 99999; pointer-events: none; visibility: hidden; display: flex; position: fixed; inset: 0px; }
.page-curtain i { transform-origin: center top; backface-visibility: hidden; --col: 0; background: rgb(9, 47, 102); border: 0px; flex: 1 0 0px; margin-left: -2px; transform: scaleY(0); }
.page-curtain i:nth-child(2) { --col: 1; }
.page-curtain i:nth-child(3) { --col: 2; }
.page-curtain i:nth-child(4) { --col: 3; }
.page-curtain i:nth-child(5) { --col: 4; }
.page-curtain i:nth-child(6) { --col: 5; }
.page-curtain.is-active, .tx-entering .page-curtain { visibility: visible; pointer-events: auto; }
.tx-entering .page-curtain i { transform: scaleY(1); }
.page-curtain.is-covering i { animation: curtain-cover .48s cubic-bezier(.65,0,.35,1) calc(var(--col)*65ms) both; }
.page-curtain.is-revealing i { transform-origin: center bottom; animation: curtain-reveal .48s cubic-bezier(.65,0,.35,1) calc(var(--col)*65ms) both; }
@keyframes curtain-cover { 
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}
@keyframes curtain-reveal { 
  0% { transform: scaleY(1); }
  100% { transform: scaleY(0); }
}
.motion-label { vertical-align: bottom; line-height: 1.4; display: inline-grid; overflow: hidden; }
.motion-label > span { grid-area: 1 / 1; transition: transform 0.42s cubic-bezier(0.2, 0.75, 0.2, 1); transform: translateY(0px); }
.motion-label > span + span { transform: translateY(110%); }
a:hover .motion-label > span:first-child, button:hover .motion-label > span:first-child, a:focus-visible .motion-label > span:first-child, button:focus-visible .motion-label > span:first-child { transform: translateY(-110%); }
a:hover .motion-label > span + span, button:hover .motion-label > span + span, a:focus-visible .motion-label > span + span, button:focus-visible .motion-label > span + span { transform: translateY(0px); }
.motion-header .site-nav a[aria-current="page"] { color: rgb(18, 96, 167); }
.motion-header .site-nav a[aria-current="page"]::after { transform: scaleX(1); }
.motion-menu-body nav > a[aria-current="page"] { color: rgb(255, 155, 68); }
@media (max-width: 1024px) {
  .page-curtain i:nth-child(n+4) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .page-curtain { display: none !important; }
  .motion-label > span { transition: none !important; }
  a:hover .motion-label > span:first-child, button:hover .motion-label > span:first-child { transform: none; }
  a:hover .motion-label > span + span, button:hover .motion-label > span + span { transform: translateY(110%); }
}
.page-curtain { isolation: isolate; left: -2px; right: -2px; }
.page-curtain.is-covered { background: rgb(9, 47, 102); }
main .model-card, main .catalog-card { --card-x: 0; --card-y: 0; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  main .model-card, main .catalog-card { perspective: 1000px; transition: translate 0.4s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.4s, border-color 0.4s, opacity 0.7s, transform 0.7s; }
  main .model-card img, main .catalog-card .catalog-image img { backface-visibility: hidden; transition: transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1); }
  main .model-card.card-depth-active, main .catalog-card.card-depth-active { border-color: rgb(170, 196, 223); translate: 0px -5px; box-shadow: rgba(12, 47, 87, 0.28) 0px 14px 30px -15px; }
  main .model-card.card-depth-active img, main .catalog-card.card-depth-active .catalog-image img { transform: perspective(850px) rotateX(calc(var(--card-y) * -2.5deg)) rotateY(calc(var(--card-x) * 2.5deg)) translate(calc(var(--card-x) * 4px),calc(var(--card-y) * 4px)) scale(1.045); transition-duration: 0.18s; }
}
@media (prefers-reduced-motion: reduce), (hover: none) {
  main .catalog-card:hover .catalog-image img { transform: none; }
}
body[data-preview-page="vehicle"] .vehicle-depth, .vehicle-depth { perspective: 1200px; isolation: isolate; --depth-x: 0; --depth-y: 0; background: rgb(237, 241, 244); width: 100%; display: block; overflow: hidden; }
body[data-preview-page="vehicle"] .vehicle-depth img, .vehicle-depth img { transform-origin: 50% center; backface-visibility: hidden; width: 100%; transition: transform 0.65s cubic-bezier(0.2, 0.7, 0.2, 1); display: block; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body[data-preview-page="vehicle"] .vehicle-depth.is-depth-active img, .vehicle-depth.is-depth-active img { transform: rotateX(calc(var(--depth-y) * -2deg)) rotateY(calc(var(--depth-x) * 2deg)) translate3d(calc(var(--depth-x) * 5px),calc(var(--depth-y) * 5px),0) scale(1.035); transition-duration: 0.18s; }
}
.vehicle-comparison { border-top: 1px solid rgb(185, 200, 214); }
.vehicle-comparison-item { border-bottom: 1px solid rgb(185, 200, 214); transition: background-color 0.3s; }
.vehicle-comparison-item.is-open { background: rgb(241, 245, 248); }
#compare .vehicle-comparison-item h3 { margin: 0px; }
.vehicle-comparison-trigger { text-align: left; color: rgb(16, 46, 83); cursor: pointer; background: 0px 0px; border: 0px; grid-template-columns: 32px 1fr 32px; align-items: center; gap: 20px; width: 100%; padding: 28px 24px; display: grid; }
.vehicle-comparison-number { color: rgb(113, 131, 151); font: 500 12px / 1.4 Archivo, sans-serif; }
.vehicle-comparison-name { letter-spacing: -0.02em; flex-wrap: wrap; align-items: center; gap: 12px 20px; font: 500 clamp(21px, 2.1vw, 30px) / 1.25 Archivo, sans-serif; display: flex; }
.vehicle-comparison-badge { letter-spacing: 0.08em; text-transform: uppercase; color: rgb(18, 93, 161); border-bottom: 1px solid rgb(155, 184, 211); padding-bottom: 3px; font: 500 10px / 1.2 Archivo, sans-serif; }
.vehicle-comparison-icon { color: rgb(245, 130, 24); width: 28px; height: 28px; position: relative; }
.vehicle-comparison-icon::before, .vehicle-comparison-icon::after { content: ""; background: currentcolor; width: 16px; height: 1.5px; transition: transform 0.3s; position: absolute; top: 13px; left: 6px; }
.vehicle-comparison-icon::after { transform: rotate(90deg); }
.is-open .vehicle-comparison-icon::after { transform: rotate(0deg); }
.vehicle-comparison-trigger:hover { background: rgb(234, 241, 247); }
.vehicle-comparison-trigger:focus-visible { outline-offset: -3px; outline: rgb(23, 102, 176) solid 2px; }
.vehicle-comparison-panel { overflow: hidden; }
.vehicle-comparison-panel[hidden] { display: none; }
.vehicle-comparison-content { padding: 8px 76px 32px; }
.vehicle-comparison-content dl { grid-template-columns: 0.7fr 0.8fr 1.5fr 1fr; gap: 24px; margin: 0px 0px 26px; display: grid; }
.vehicle-comparison-content dt { color: rgb(96, 117, 138); margin-bottom: 8px; font: 400 13px / 1.5 Archivo, sans-serif; }
.vehicle-comparison-content dd { color: rgb(24, 60, 96); margin: 0px; font: 500 clamp(20px, 2vw, 28px) / 1.3 Archivo, sans-serif; }
.vehicle-comparison-link { color: rgb(18, 93, 161); border-bottom: 1px solid rgb(164, 189, 210); align-items: center; min-height: 36px; font-size: 14px; font-weight: 600; display: inline-flex; }
.vehicle-comparison-link:hover { color: rgb(190, 85, 0); border-color: currentcolor; }
@media (max-width: 640px) {
  .vehicle-comparison-trigger { grid-template-columns: 20px 1fr 24px; gap: 12px; padding: 22px 12px; }
  .vehicle-comparison-name { font-size: 21px; }
  .vehicle-comparison-content { padding: 4px 44px 24px; }
  .vehicle-comparison-content dl { grid-template-columns: 1fr 1fr; gap: 20px 16px; }
  .vehicle-comparison-content dd { overflow-wrap: anywhere; font-size: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  .vehicle-comparison-item, .vehicle-comparison-icon::after, .vehicle-depth img { transition: none !important; }
}
main .section-head { max-width: 840px; margin-bottom: 26px; }
main .section-head h2 { margin-bottom: 12px; font-size: clamp(28px, 3vw, 38px); line-height: 1.16; }
main .section-head .lead { font-size: 16px; line-height: 1.7; }
main .section-head p:last-child { margin-bottom: 0px; }
main .copy { line-height: 1.7; }
main .copy p + p { margin-top: 14px; }
main .yard-story { gap: 32px; margin: 24px 0px 28px; }
main .yard-story p { font-size: 16px; line-height: 1.7; }
main .home-yard-details { margin: 0px 0px 28px; }
main .yard-trust { margin-top: 18px; padding-top: 18px; }
main .supply-grid { gap: 24px; }
main .supply-grid li { padding-top: 22px; padding-bottom: 22px; }
main .process-preview { margin-top: 28px; }
main .callout { gap: 26px; padding: 30px; }
main .gc-facttable { margin-bottom: 28px; }
main .gc-answerline { padding: 12px 16px; line-height: 1.65; }
main .vehicle-benefits { margin: 18px 0px; }
main .supply-inline { margin: 18px 0px; padding: 22px; }
main .gc-photoreq { margin-top: 16px; }
main .gc-photoreq p { line-height: 1.65; }
.ui-icon { color: rgb(218, 117, 26); flex: 0 0 24px; width: 24px; height: 24px; display: block; }
.ui-supply-icon { margin-bottom: 14px; display: inline-flex; }
.gc-trustbar-list li { padding: 18px 16px 18px 48px; position: relative; }
.gc-trustbar-list .ui-icon { width: 21px; height: 21px; position: absolute; top: 18px; left: 15px; }
.feature-grid > div > .ui-icon { margin-bottom: 10px; }
.gc-trustbar-list span { font-size: 13px; line-height: 1.55; }
.gc-trustbar-list b { font-size: 11px; }
.ui-faq-list { background: rgb(255, 255, 255); border: 1px solid rgb(220, 229, 238); border-radius: 10px; overflow: hidden; }
.ui-faq + .ui-faq { border-top: 1px solid rgb(225, 232, 239); }
.ui-faq summary { cursor: pointer; color: rgb(26, 39, 51); justify-content: space-between; align-items: center; gap: 20px; min-height: 62px; padding: 17px 22px; font: 500 18px / 1.55 Archivo, Arial, sans-serif; list-style: none; display: flex; }
.ui-faq summary::-webkit-details-marker { display: none; }
.ui-faq summary:hover { background: rgb(246, 249, 252); }
.ui-faq[open] summary { color: rgb(12, 83, 149); background: rgb(241, 246, 251); }
.ui-faq-sign { flex: 0 0 18px; width: 18px; height: 18px; position: relative; }
.ui-faq-sign::before, .ui-faq-sign::after { content: ""; background: rgb(217, 118, 28); height: 2px; position: absolute; top: 8px; left: 2px; right: 2px; }
.ui-faq-sign::after { transform: rotate(90deg); }
.ui-faq[open] .ui-faq-sign::after { transform: none; }
.ui-faq-answer { color: rgb(80, 100, 119); max-width: 100ch; padding: 6px 22px 22px; font-size: 15px; line-height: 1.8; }
.ui-faq summary:focus-visible { outline-offset: -3px; outline: rgb(239, 131, 28) solid 2px; }
.faq-list summary { padding-top: 18px; padding-bottom: 18px; font-size: 16px; }
.faq-list .answer { font-size: 15px; }
main .ui-service-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); align-items: stretch; gap: 20px; display: grid; }
.ui-service-card { background: rgb(247, 249, 252); border: 1px solid rgb(224, 231, 238); border-radius: 10px; flex-direction: column; min-width: 0px; padding: 24px; display: flex; }
.ui-service-heading { align-items: center; gap: 12px; margin-bottom: 15px; display: flex; }
.ui-service-card .ui-service-heading h2 { letter-spacing: -0.01em; margin: 0px; line-height: 1.15; font-size: 23px !important; }
.ui-service-heading .ui-icon { flex-basis: 28px; width: 28px; height: 28px; }
.ui-service-card > p { color: rgb(83, 103, 125); margin: 0px 0px 16px; font-size: 14px; line-height: 1.75; }
.ui-service-card ul { gap: 10px; margin: 0px 0px 22px; padding: 0px; list-style: none; display: grid; }
.ui-service-card li { color: rgb(52, 78, 104); padding-left: 15px; font-size: 14px; line-height: 1.65; position: relative; }
.ui-service-card li::before { content: ""; background: rgb(223, 126, 33); border-radius: 50%; width: 5px; height: 5px; position: absolute; top: 0.7em; left: 0px; }
.ui-service-card > a { color: rgb(20, 89, 157); border-top: 1px solid rgb(220, 229, 238); margin-top: auto; padding-top: 14px; font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none; }
.ui-service-card > a:hover { text-decoration: underline; }
.gc-tablewrap { box-shadow: none; border: 1px solid rgb(220, 229, 238); border-radius: 10px; }
.gc-compare { min-width: 780px; font-size: 14px; }
.gc-compare thead th { color: rgb(82, 103, 125); letter-spacing: 0.055em; background: rgb(238, 243, 248); padding: 14px 18px; font-size: 11px; }
.gc-compare tbody td, .gc-compare tbody th { border-top: 1px solid rgb(226, 233, 240); padding: 18px; line-height: 1.5; }
.gc-compare tbody th { white-space: normal; min-width: 210px; max-width: 280px; }
.gc-compare tbody tr:nth-child(2n) { background: rgb(250, 251, 253); }
.gc-compare tbody .gc-compare-here { background: rgb(237, 245, 253); }
.gc-compare-here th { box-shadow: rgb(238, 132, 35) 3px 0px inset; }
.gc-compare .gc-tag { color: rgb(25, 89, 150); background: rgb(220, 236, 255); border-radius: 4px; margin: 8px 0px 0px; font-size: 10px; display: table; }
.gc-compare tbody a { font-size: 13px; font-weight: 600; text-decoration: none; }
.gc-compare tbody a:hover { text-decoration: underline; }
.gc-facttable { border: 1px solid rgb(220, 229, 238); border-radius: 10px; font-size: 14px; }
.gc-facttable th, .gc-facttable td { padding: 13px 18px; line-height: 1.65; }
.gc-facttable th { white-space: normal; color: rgb(52, 81, 108); background: rgb(241, 245, 249); width: 30%; font-weight: 600; }
.gc-facttable tr:nth-child(2n) td { background: rgb(250, 251, 253); }
.spec-list > div { gap: 24px; padding: 12px 0px; }
.spec-list dd { max-width: 65%; line-height: 1.6; }
@media (max-width: 1000px) {
  main .ui-service-grid { grid-template-columns: 1fr; }
  .ui-service-card { padding: 22px; }
  .ui-service-card ul { grid-template-columns: 1fr 1fr; column-gap: 24px; }
  .ui-service-card > a { align-self: flex-start; }
  .ui-service-card .ui-service-heading h2 { font-size: 24px !important; }
  .ui-service-card > p { max-width: 70ch; }
}
@media (max-width: 700px) {
  main .section { padding: 38px 0px; }
  main .section-head { margin-bottom: 22px; }
  main .section-head h2 { font-size: 28px; }
  main .yard-story { gap: 22px; margin: 20px 0px 24px; }
  main .callout { gap: 20px; padding: 22px; }
  .ui-faq summary { gap: 14px; min-height: 58px; padding: 16px; font-size: 14px; }
  .ui-faq-answer { padding: 4px 16px 18px; font-size: 14px; }
  .ui-service-card ul { grid-template-columns: 1fr; }
  .ui-service-card .ui-service-heading h2 { font-size: 22px !important; }
  .gc-compare { min-width: 0px; display: block; }
  .gc-compare thead { clip-path: inset(50%); width: 1px; height: 1px; position: absolute; overflow: hidden; }
  .gc-compare tbody { display: block; }
  .gc-compare tbody tr { border-top: 1px solid rgb(220, 229, 238); padding: 18px; display: block; }
  .gc-compare tbody tr:first-child { border-top: 0px; }
  .gc-compare tbody th { min-width: 0px; max-width: none; box-shadow: none; border: 0px; padding: 0px 0px 12px; font-size: 17px; display: block; }
  .gc-compare tbody td { white-space: normal; text-align: right; border: 0px; justify-content: space-between; align-items: baseline; gap: 14px; padding: 7px 0px; font-size: 13px; display: flex; }
  .gc-compare tbody td::before { content: attr(data-label); color: rgb(107, 127, 146); text-align: left; flex-shrink: 0; font-size: 12px; }
  .gc-compare .gc-tag { margin: 4px 0px 0px 8px; display: inline-block; }
  .gc-tablewrap { overflow: visible; }
  .gc-facttable th, .gc-facttable td { padding: 11px 12px; font-size: 13px; }
  .gc-facttable th { width: 36%; }
  .ui-service-grid { gap: 14px !important; }
  .gc-trustbar-list li { padding: 14px 16px 14px 48px; }
  .feature-grid > div > .ui-icon { margin-bottom: 7px; }
}
main h1 { letter-spacing: -0.03em; text-wrap: balance; font-family: Archivo, Arial, sans-serif; font-style: normal; font-weight: 500; line-height: 1.08; }
.hero .hero-layout { grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); align-items: center; gap: 64px; padding-top: 64px; padding-bottom: 64px; }
.hero h1 { max-width: 620px; margin-bottom: 24px; font-size: clamp(48px, 4.8vw, 68px); line-height: 1.06; }
.hero .lead { max-width: 56ch; font-size: 17px; line-height: 1.8; }
.hero-yard-gallery .hero-art-image { height: 410px; min-height: 0px; }
main .section { padding: 64px 0px; }
main .section-head h2 { text-wrap: balance; max-width: 24ch; line-height: 1.18; }
main .yard-story { gap: 40px; }
main .ui-service-grid { gap: 24px; }
.ui-service-card { padding: 26px; }
.ui-service-heading { align-items: flex-start; }
.ui-service-card .ui-service-heading h2 { line-height: 1.25 !important; }
.ui-faq summary { padding-top: 19px; padding-bottom: 19px; }
.gc-compare tbody td, .gc-compare tbody th { padding-top: 20px; padding-bottom: 20px; }
@media (max-width: 1000px) {
  .hero .hero-layout { gap: 32px; }
  .hero h1 { font-size: 52px; }
  .hero-yard-gallery .hero-art-image { height: 360px; }
}
@media (max-width: 800px) {
  .hero .hero-layout { grid-template-columns: 1fr; gap: 32px; padding-top: 42px; padding-bottom: 44px; }
  .hero h1 { max-width: 620px; font-size: clamp(40px, 7vw, 54px); }
  .hero .lead { font-size: 16px; line-height: 1.75; }
  .hero-yard-gallery .hero-art-image { height: 340px; }
  main .section { padding: 44px 0px; }
  main .section-head { margin-bottom: 24px; }
  main .yard-story { gap: 24px; }
  .ui-service-card { padding: 22px; }
}
@media (max-width: 600px) {
  .hero h1 { letter-spacing: -0.02em; font-size: 42px; line-height: 1.08; }
  .hero-copy > .flex { flex-wrap: wrap; gap: 12px; display: flex; }
  .hero-copy > .flex .button { min-height: 46px; padding: 13px 16px; font-size: 13px; }
  .hero-yard-gallery .hero-art-image { height: 300px; }
  .ui-faq summary { padding: 17px 16px; }
  .gc-compare tbody th { padding: 0px 0px 12px; }
  .gc-compare tbody td { padding: 8px 0px; }
}
.feature-grid { align-items: flex-start; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; column-gap: 36px !important; }
.feature-grid > div { flex-direction: column; align-items: flex-start; display: flex; border: 0px !important; padding: 24px 0px !important; }
.feature-grid > div > .n { display: none; }
.feature-grid > div > strong { color: rgb(11, 49, 93); margin: 0px 0px 6px; font-family: Archivo, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.4; display: block; }
.feature-grid > div > small { color: rgb(83, 103, 125); font-family: Archivo, sans-serif; font-size: 13px; line-height: 1.6; display: block; }
@media (max-width: 800px) {
  .feature-grid { column-gap: 16px !important; }
  .feature-grid > div { padding: 18px 0px !important; }
}
@media (max-width: 600px) {
  .feature-grid { grid-template-columns: 1fr !important; row-gap: 16px !important; }
  .feature-grid > div { border-bottom: 1px solid rgb(220, 229, 238) !important; padding: 14px 0px !important; }
  .feature-grid > div:last-child { border-bottom: 0px !important; }
}
.site-header .ui-nav-logo-frame { flex-shrink: 0; width: 200px; height: 28px; display: block; position: relative; overflow: hidden; }
.site-header .ui-nav-logo { width: 211px; max-width: none; height: auto; display: block; position: absolute; top: -20px; left: -5px; }
@media (max-width: 600px) {
  .site-header .ui-nav-logo-frame { width: 168px; height: 24px; }
  .site-header .ui-nav-logo { width: 177px; top: -17px; left: -4px; }
}
.site-header .nav-row { grid-template-columns: 180px minmax(0px, 1fr) auto; gap: 28px; min-height: 84px; display: grid; }
.site-header .ui-nav-logo-frame { width: 180px; height: 26px; }
.site-header .ui-nav-logo { width: 190px; top: -18px; left: -4px; }
.site-header .site-nav { justify-content: center; gap: 22px; margin-left: 0px; }
.site-header .site-nav a { letter-spacing: 0.01em; min-height: 44px; font: 500 15px / 1.4 Archivo, Arial, sans-serif; }
.site-header .nav-row > div:last-child { margin-left: 0px; }
.site-header .button { min-height: 46px; padding: 12px 18px; font-size: 13px; }
.site-header .gc-online--nav { display: none; }
main .page-lead { padding: 58px 0px 62px; }
main .page-lead h1 { max-width: 900px; font-size: clamp(40px, 4.5vw, 60px); line-height: 1.12; }
main .lead-text { font-size: 17px; line-height: 1.75; }
main h2 { font-size: 34px; line-height: 1.2; }
main h3 { font-size: 23px; line-height: 1.3; }
main .section-head h2 { max-width: 30ch; font-size: 34px; }
main .copy { font-size: 16px; line-height: 1.75; }
main .eyebrow { letter-spacing: 0.13em; margin-bottom: 14px; font-size: 11px; }
main .gc-photoreq b { font-size: 16px; }
main .gc-photoreq p { font-size: 14px; }
main .model-card h3 { font-size: 21px; line-height: 1.3; }
main .supply-grid h3 { font-size: 23px; line-height: 1.25; }
main .supply-grid .copy { font-size: 15px; line-height: 1.75; }
main .process-preview h3 { font-size: 19px; line-height: 1.3; }
main .process-preview p { font-size: 14px; line-height: 1.7; }
main .yard-story h3 { font-size: 30px; line-height: 1.2; }
main .callout h2 { font-size: 32px; line-height: 1.2; }
@media (min-width: 1101px) {
  .site-header button[data-open-dialog="site-menu"] { display: none !important; }
}
@media (max-width: 1100px) {
  .site-header .nav-row { grid-template-columns: 180px 1fr; gap: 20px; min-height: 76px; }
  .site-header .nav-row > div:last-child { justify-self: end; }
  .site-header .site-nav { display: none !important; }
  .site-header button[data-open-dialog="site-menu"] { display: grid !important; }
  .site-header .site-nav.preview-mobile-open { z-index: 60; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(220, 229, 238); flex-direction: column; align-items: stretch; gap: 0px; padding: 12px 24px; position: absolute; top: 100%; left: 0px; right: 0px; box-shadow: rgba(16, 46, 80, 0.07) 0px 12px 22px; display: flex !important; }
  .site-header .site-nav.preview-mobile-open a { padding: 10px 0px; }
  .site-header .nav-row > div:last-child > div { display: none; }
}
@media (max-width: 700px) {
  .site-header .nav-row { min-height: 70px; }
  .site-header .ui-nav-logo-frame { width: 168px; height: 24px; }
  .site-header .ui-nav-logo { width: 177px; top: -17px; left: -4px; }
  main .page-lead { padding: 40px 0px 44px; }
  main .page-lead h1 { font-size: 38px; }
  main h2, main .section-head h2 { font-size: 28px; line-height: 1.22; }
  main h3, main .supply-grid h3 { font-size: 22px; }
  main .yard-story h3 { font-size: 26px; }
  main .callout h2 { font-size: 28px; }
  main .copy, main .lead-text { font-size: 15px; line-height: 1.75; }
  main .section-head .lead { font-size: 15px; }
}
main .ui-editorial-section { padding: 42px 0px; }
.ui-editorial-section > .wrap { border-top: 1px solid rgb(218, 227, 237); grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.25fr); gap: 14px 76px; padding-top: 36px; display: grid; }
.ui-editorial-section .section-head { display: contents; }
.ui-editorial-section .section-head > .eyebrow { grid-area: 1 / 1; margin: 0px; }
.ui-editorial-section .section-head > h2 { text-wrap: pretty; grid-area: 2 / 1; max-width: 24ch; margin: 0px; font-size: 32px; line-height: 1.2; }
.ui-editorial-section .section-head > .lead { grid-area: 1 / 2 / span 2; max-width: none; margin: 0px; font-size: 16px; line-height: 1.85; }
.ui-editorial-section .lead p { margin: 0px; }
.ui-editorial-section .lead p + p { margin-top: 16px; }
.ui-editorial-section > .wrap > .flex { grid-column: 2; margin-top: 4px !important; }
.ui-editorial-section + .ui-editorial-section { padding-top: 0px; }
.ui-model-section .info-note { color: rgb(102, 121, 139); background: 0px 0px; border: 0px; margin-top: 22px; padding: 0px; font-size: 12px; }
.ui-model-section .gc-urgency { background: 0px 0px; border-width: 1px 0px; border-style: solid none; border-color: rgb(219, 228, 236) currentcolor; border-image: none; border-radius: 0px; gap: 24px; margin-top: 16px; padding: 20px 0px; }
.ui-model-section .gc-urgency-dot { display: none; }
.ui-model-section .gc-urgency p { color: rgb(83, 103, 125); max-width: 70ch; font-size: 14px; font-weight: 400; line-height: 1.7; }
.ui-model-section .gc-urgency .button { color: rgb(255, 255, 255); background: rgb(11, 49, 93); flex-shrink: 0; min-height: 44px; font-size: 13px; }
.ui-model-section .gc-urgency .button:hover { background: rgb(21, 75, 133); }
@media (max-width: 800px) {
  .ui-editorial-section > .wrap { grid-template-columns: 1fr 1.25fr; column-gap: 32px; }
  .ui-editorial-section .section-head > h2 { font-size: 28px; }
  .ui-editorial-section .section-head > .lead { font-size: 15px; }
}
@media (max-width: 600px) {
  main .ui-editorial-section { padding: 28px 0px; }
  .ui-editorial-section > .wrap { flex-direction: column; gap: 14px; padding-top: 24px; display: flex; }
  .ui-editorial-section .section-head > h2 { max-width: none; font-size: 28px; }
  .ui-editorial-section .section-head > .lead { line-height: 1.8; }
  .ui-editorial-section > .wrap > .flex { margin-top: 2px !important; }
  .ui-model-section .gc-urgency { gap: 14px; padding: 18px 0px; }
  .ui-model-section .gc-urgency .button { width: auto; }
}
#evidence .evidence-heading { max-width: 780px; margin-bottom: 32px; }
#evidence .trust-evidence-layout { grid-template-columns: 1fr 1fr; gap: 56px; display: grid; }
#evidence .trust-evidence-title { align-items: center; gap: 12px; margin-bottom: 14px; display: flex; }
#evidence .trust-evidence-title svg { color: rgb(20, 91, 170); flex: 0 0 auto; width: 26px; height: 26px; }
#evidence .trust-evidence-title h3 { margin: 0px; font-size: 25px; line-height: 1.25; }
#evidence .trust-intro { color: rgb(83, 103, 125); margin: 0px 0px 20px; font-size: 15px; line-height: 1.7; }
#evidence .trust-checks { margin: 0px; padding: 0px; list-style: none; }
#evidence .trust-checks li { border-top: 1px solid rgb(214, 224, 233); padding: 13px 0px; }
#evidence .trust-checks strong { color: rgb(20, 54, 90); margin-bottom: 4px; font-size: 15px; display: block; }
#evidence .trust-checks li > span { color: rgb(83, 103, 125); font-size: 14px; line-height: 1.7; display: block; }
#evidence .trust-doc-list details { border-top: 1px solid rgb(214, 224, 233); }
#evidence .trust-doc-list details:last-child { border-bottom: 1px solid rgb(214, 224, 233); }
#evidence .trust-doc-list summary { cursor: pointer; color: rgb(20, 54, 90); justify-content: space-between; align-items: center; gap: 12px; padding: 19px 0px; font-size: 16px; font-weight: 600; list-style: none; display: flex; }
#evidence .trust-doc-list summary::-webkit-details-marker { display: none; }
#evidence .trust-doc-list summary small { color: rgb(107, 128, 149); margin-right: 16px; font-size: 12px; font-weight: 400; }
#evidence .trust-toggle::before { content: "+"; font-size: 22px; font-weight: 400; }
#evidence details[open] .trust-toggle::before { content: "−"; }
#evidence .trust-doc-answer { color: rgb(83, 103, 125); padding: 0px 24px 18px 32px; font-size: 14px; line-height: 1.7; }
#evidence .trust-source { color: rgb(100, 119, 138); margin: 18px 0px 0px; font-size: 12px; line-height: 1.65; }
#evidence .trust-evidence-action { border-top: 1px solid rgb(214, 224, 233); justify-content: space-between; align-items: center; gap: 24px; margin-top: 28px; padding-top: 22px; display: flex; }
#evidence .trust-evidence-action p { color: rgb(83, 103, 125); margin: 0px; font-size: 15px; }
#evidence .trust-evidence-action .button { color: rgb(255, 255, 255); background: rgb(11, 49, 93); flex-shrink: 0; }
#evidence summary:focus-visible { outline-offset: 3px; outline: rgb(20, 91, 170) solid 2px; }
@media (max-width: 800px) {
  #evidence .trust-evidence-layout { gap: 28px; }
  #evidence .trust-evidence-title h3 { font-size: 22px; }
}
@media (max-width: 600px) {
  #evidence .trust-evidence-layout { grid-template-columns: 1fr; gap: 30px; }
  #evidence .trust-evidence-action { flex-direction: column; align-items: flex-start; gap: 16px; }
  #evidence .evidence-heading { margin-bottom: 26px; }
}
.ui-icon.gc-brand-icon { color: rgb(18, 76, 117); flex: 0 0 30px; width: 30px; height: 30px; }
.gc-brand-icon .gc-icon-accent { stroke: rgb(245, 130, 32); }
.gc-trustbar-list .gc-brand-icon { width: 28px; height: 28px; color: inherit; top: 22px; left: 16px; }
.gc-trustbar-list li { padding-left: 58px; }
main.gc-info-page .gc-trustbar-list .gc-brand-icon { color: rgb(18, 76, 117); width: 28px; height: 28px; display: block; position: absolute; top: 22px; left: 14px; }
main.gc-info-page .gc-trustbar-list b { margin-bottom: 8px; line-height: 1.5; display: block; }
main.gc-info-page .gc-trustbar-list span { line-height: 1.65; }
main.gc-info-page .gc-roles { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 40px; margin-top: 34px; padding: 0px; list-style: none; display: grid; }
main.gc-info-page .gc-roles li { border-top: 1px solid rgb(191, 206, 222); padding: 28px 0px 4px; }
main.gc-info-page .gc-roles li > .gc-brand-icon { width: 36px; height: 36px; margin-bottom: 22px; }
main.gc-info-page .gc-role-tag { letter-spacing: 0.08em; margin: 0px 0px 13px; line-height: 1.5; display: block; }
main.gc-info-page .gc-roles h3 { margin: 0px 0px 18px; font-size: 27px; line-height: 1.3; }
main.gc-info-page .gc-roles p { margin: 0px 0px 18px; line-height: 1.85; }
main.gc-info-page .gc-roles .gc-role-note { padding-top: 18px; line-height: 1.8; margin-top: 22px !important; font-size: 14px !important; }
main.gc-info-page .section-head h2 { margin-top: 14px; margin-bottom: 18px; }
main.gc-info-page .section-head .lead { line-height: 1.85; }
main.gc-info-page .gc-step-body h3 { margin-bottom: 16px; }
main.gc-info-page .gc-step-body p { line-height: 1.85; }
main.gc-info-page .gc-caps b, main.gc-info-page .gc-doclist b { margin-bottom: 10px; line-height: 1.45; }
main.gc-info-page .gc-caps span, main.gc-info-page .gc-doclist span { line-height: 1.75; }
main.gc-info-page .ui-faq summary { padding-top: 23px; padding-bottom: 23px; line-height: 1.65; }
main.gc-info-page .ui-faq-answer { padding-top: 9px; padding-bottom: 26px; line-height: 1.85; }
@media (max-width: 760px) {
  main.gc-info-page .gc-roles { grid-template-columns: 1fr; gap: 30px; }
  main.gc-info-page .gc-roles h3 { font-size: 25px; }
  main.gc-info-page .gc-roles li { padding-top: 24px; }
  main.gc-info-page .gc-roles li > .gc-brand-icon { margin-bottom: 18px; }
  main.gc-info-page .ui-faq summary { padding-top: 20px; padding-bottom: 20px; }
  main.gc-info-page .gc-trustbar-list li { flex-basis: 216px; padding: 18px 12px 18px 48px; }
  main.gc-info-page .gc-trustbar-list .gc-brand-icon { width: 26px; height: 26px; top: 19px; left: 10px; }
}
:root { --gc-navy: #0f2c4d; --gc-navy-2: #163b64; --gc-orange: #f58220; --gc-green: #17b26a; --gc-ink: #122033; --gc-muted: #5b6b80; --gc-line: #e2e8f0; --gc-soft: #f5f8fc; --gc-radius: 14px; --gc-shadow: 0 18px 40px -18px #0f2c4d73; }
.gc-trustbar { background: var(--gc-navy); color: rgb(234, 242, 251); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.gc-trustbar-list { grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 0px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.gc-trustbar-list li { border-left: 1px solid rgba(255, 255, 255, 0.12); flex-direction: column; gap: 4px; padding: 16px 18px; display: flex; }
.gc-trustbar-list li:first-child { border-left: 0px; }
.gc-trustbar-list b { letter-spacing: 0.1em; text-transform: uppercase; color: var(--gc-orange); font-size: 0.72rem; font-weight: 700; }
.gc-trustbar-list span { font-size: 0.92rem; font-weight: 600; line-height: 1.35; }
@media (max-width: 1000px) {
  .gc-trustbar-list { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .gc-trustbar-list li:nth-child(2n+1) { border-left: 0px; }
  .gc-trustbar-list li:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, 0.12); }
}
@media (max-width: 560px) {
  .gc-trustbar-list { grid-template-columns: 1fr; }
  .gc-trustbar-list li { border-top: 1px solid rgba(255, 255, 255, 0.12); border-left: 0px; }
  .gc-trustbar-list li:first-child { border-top: 0px; }
}
.gc-online { color: var(--gc-green); align-items: center; gap: 7px; margin: 10px 0px 0px; font-size: 0.82rem; font-weight: 600; line-height: 1.2; display: inline-flex; }
.gc-dot { background: var(--gc-green); border-radius: 50%; flex: 0 0 auto; width: 9px; height: 9px; animation: 2.2s ease 0s infinite normal none running gc-pulse; box-shadow: rgba(23, 178, 106, 0.65) 0px 0px; }
@keyframes gc-pulse { 
  0% { box-shadow: rgba(23, 178, 106, 0.55) 0px 0px; }
  70% { box-shadow: rgba(23, 178, 106, 0) 0px 0px 0px 9px; }
  100% { box-shadow: rgba(23, 178, 106, 0) 0px 0px; }
}
.gc-online--nav { text-align: center; justify-content: center; margin: 6px 0px 0px; }
.gc-online--hero { color: rgb(143, 227, 184); }
.gc-online--sticky { justify-content: center; width: 100%; margin: 7px 0px 0px; font-size: 0.78rem; }
.hero-art-image { position: relative; }
.gc-hotspots { pointer-events: none; position: absolute; inset: 0px; }
.gc-hotspot { left: var(--x,50%); top: var(--y,50%); cursor: pointer; pointer-events: auto; background: 0px 0px; border: 0px; place-items: center; width: 34px; height: 34px; padding: 0px; display: grid; position: absolute; transform: translate(-50%, -50%); }
.gc-hotspot-dot { background: rgb(255, 255, 255); border-radius: 50%; width: 16px; height: 16px; display: block; position: relative; box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 8px; }
.gc-hotspot-dot::before, .gc-hotspot-dot::after { content: ""; border: 2px solid rgba(255, 255, 255, 0.9); border-radius: 50%; animation: 2.6s ease-out 0s infinite normal none running gc-ring; position: absolute; inset: 0px; }
.gc-hotspot-dot::after { animation-delay: 1.3s; }
@keyframes gc-ring { 
  0% { opacity: 0.9; transform: scale(1); }
  100% { opacity: 0; transform: scale(2.6); }
}
.gc-hotspot-dot::marker { content: ""; }
.gc-hotspot[data-open="true"] .gc-hotspot-dot { background: var(--gc-orange); }
.gc-hotspot:focus-visible { outline-offset: 3px; border-radius: 50%; outline: rgb(255, 255, 255) solid 2px; }
.gc-hotspot-card { left: var(--x,50%); top: var(--y,50%); width: min(230px, 72vw); color: var(--gc-ink); box-shadow: var(--gc-shadow); pointer-events: auto; z-index: 3; background: rgb(255, 255, 255); border-radius: 12px; padding: 11px 13px; animation: 0.18s ease-out 0s 1 normal none running gc-pop; position: absolute; transform: translate(-50%, calc(-100% - 26px)); }
.gc-hotspot-card b { color: var(--gc-navy); font-size: 0.95rem; display: block; }
.gc-hotspot-card p { color: var(--gc-muted); margin: 4px 0px 0px; font-size: 0.83rem; line-height: 1.4; }
@keyframes gc-pop { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.gc-hotspot-card.is-right { transform: translate(-92%, calc(-100% - 26px)); }
.gc-hotspot-card.is-left { transform: translate(-8%, calc(-100% - 26px)); }
.gc-hotspot-card.is-below { transform: translate(-50%, 26px); }
.gc-hotspot-card.is-below.is-right { transform: translate(-92%, 26px); }
.gc-hotspot-card.is-below.is-left { transform: translate(-8%, 26px); }
@media (max-width: 600px) {
  .gc-hotspots { display: none; }
}
.gc-hero-video { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0px; }
.gc-evidence-stage { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: rgb(255, 255, 255); position: relative; overflow: hidden; box-shadow: rgba(15, 44, 77, 0.5) 0px 10px 30px -22px; }
.gc-evidence-item { grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); align-items: stretch; gap: 0px; margin: 0px; padding: 0px; display: grid; }
.gc-evidence-item figcaption { border-left: 1px solid var(--gc-line); flex-direction: column; justify-content: center; gap: 8px; padding: 22px 24px; display: flex; }
.gc-evidence-item figcaption b { color: var(--gc-navy); font-size: 1.05rem; }
.gc-evidence-item figcaption span { color: var(--gc-muted); font-size: 0.92rem; line-height: 1.55; }
.gc-ph { background: linear-gradient(135deg, rgb(223, 232, 242), rgb(201, 216, 232) 45%, rgb(232, 239, 247)); min-height: 290px; position: relative; }
.gc-ph::after { content: "Inspection photo placeholder"; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(107, 125, 147); font-size: 0.74rem; font-weight: 700; position: absolute; inset: auto 0px 14px; }
.gc-ph--doc { background: linear-gradient(135deg, rgb(243, 246, 250), rgb(227, 234, 243)); }
.gc-ph--doc::after { content: "Report sample placeholder"; }
.gc-ph.is-loaded::after { content: none; }
.gc-ph img { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; inset: 0px; }
.gc-evidence-ctrl { align-items: center; gap: 14px; margin-top: 14px; display: flex; }
.gc-evidence-btn { border: 1px solid var(--gc-line); width: 40px; height: 40px; color: var(--gc-navy); cursor: pointer; background: rgb(255, 255, 255); border-radius: 50%; place-items: center; font-size: 1rem; transition: 0.15s; display: grid; }
.gc-evidence-btn:hover { border-color: var(--gc-navy); background: var(--gc-soft); }
.gc-evidence-count { color: var(--gc-muted); font-variant-numeric: tabular-nums; margin: 0px; font-size: 0.85rem; }
@media (max-width: 760px) {
  .gc-evidence-item { grid-template-columns: 1fr; }
  .gc-evidence-item figcaption { border-left: 0px; border-top: 1px solid var(--gc-line); }
  .gc-ph { min-height: 200px; }
}
.gc-facttable { border-collapse: collapse; border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: rgb(255, 255, 255); width: 100%; margin: 8px 0px 30px; font-size: 0.94rem; overflow: hidden; }
.gc-facttable th, .gc-facttable td { text-align: left; border-bottom: 1px solid var(--gc-line); vertical-align: top; padding: 12px 16px; }
.gc-facttable tr:last-child th, .gc-facttable tr:last-child td { border-bottom: 0px; }
.gc-facttable th { background: var(--gc-soft); width: 32%; color: var(--gc-navy); white-space: nowrap; font-weight: 700; }
.gc-facttable td { color: var(--gc-ink); }
@media (max-width: 600px) {
  .gc-facttable th { white-space: normal; width: 42%; }
}
.gc-facts { border-top: 1px solid var(--gc-line); gap: 0px; margin: 0px; display: grid; }
.gc-fact { border-bottom: 1px solid var(--gc-line); padding: 18px 4px; }
.gc-fact dt { color: var(--gc-navy); font-size: 1rem; font-weight: 700; line-height: 1.45; }
.gc-fact dd { color: var(--gc-ink); max-width: 88ch; margin: 7px 0px 0px; font-size: 0.95rem; line-height: 1.65; }
.gc-urgency { border-top: 1px solid rgb(255, 220, 187); border-right: 1px solid rgb(255, 220, 187); border-bottom: 1px solid rgb(255, 220, 187); border-image: none; border-left: 4px solid var(--gc-orange); background: rgb(255, 248, 241); border-radius: 12px; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px 16px; display: flex; }
.gc-urgency p { color: rgb(124, 74, 18); flex: 1 1 260px; margin: 0px; font-size: 0.93rem; font-weight: 600; }
.gc-urgency-dot { background: var(--gc-orange); border-radius: 50%; flex: 0 0 auto; width: 10px; height: 10px; animation: 2.4s ease 0s infinite normal none running gc-pulse-o; box-shadow: rgba(245, 130, 32, 0.6) 0px 0px; }
@keyframes gc-pulse-o { 
  0% { box-shadow: rgba(245, 130, 32, 0.55) 0px 0px; }
  70% { box-shadow: rgba(245, 130, 32, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(245, 130, 32, 0) 0px 0px; }
}
.gc-field { flex-direction: column; gap: 6px; margin: 0px; display: flex; }
.gc-field > span { letter-spacing: 0.04em; text-transform: uppercase; color: var(--gc-muted); font-size: 0.8rem; font-weight: 700; }
.gc-field input { border: 1px solid var(--gc-line); color: var(--gc-ink); background: rgb(255, 255, 255); border-radius: 10px; width: 100%; min-height: 46px; padding: 11px 13px; font-family: inherit; font-size: 0.95rem; }
.gc-field input:focus { outline: 2px solid var(--gc-navy); outline-offset: 0px; border-color: var(--gc-navy); }
.gc-quote-inline { margin-top: 22px; }
.gc-quote-inline-fields { grid-template-columns: 1fr 1fr auto; align-items: end; gap: 10px; display: grid; }
@media (max-width: 820px) {
  .gc-quote-inline-fields { grid-template-columns: 1fr; }
}
.gc-modal { z-index: 80; place-items: center; padding: 18px; display: grid; position: fixed; inset: 0px; }
.gc-modal[hidden] { display: none; }
.gc-modal-backdrop { backdrop-filter: blur(2px); background: rgba(9, 24, 42, 0.62); position: absolute; inset: 0px; }
.gc-modal-panel { background: rgb(255, 255, 255); border-radius: 18px; width: min(460px, 100%); max-height: calc(-36px + 100vh); padding: 26px 26px 22px; animation: 0.2s ease-out 0s 1 normal none running gc-modal-in; position: relative; overflow: auto; box-shadow: rgba(9, 24, 42, 0.7) 0px 40px 80px -30px; }
@keyframes gc-modal-in { 
  0% { opacity: 0; transform: translateY(10px) scale(0.98); }
  100% { opacity: 1; }
}
.gc-modal-x { width: 36px; height: 36px; color: var(--gc-muted); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 50%; font-size: 1.6rem; line-height: 1; position: absolute; top: 10px; right: 12px; }
.gc-modal-x:hover { background: var(--gc-soft); color: var(--gc-ink); }
.gc-modal-step { letter-spacing: 0.1em; text-transform: uppercase; color: var(--gc-orange); margin: 0px 0px 6px; font-size: 0.74rem; font-weight: 800; }
.gc-modal-panel h2 { color: var(--gc-navy); margin: 0px; font-size: 1.35rem; line-height: 1.3; }
.gc-modal-sub { color: var(--gc-muted); margin: 8px 0px 18px; font-size: 0.9rem; line-height: 1.55; }
.gc-modal-form { gap: 14px; display: grid; }
.gc-modal-cta { justify-content: center; width: 100%; min-height: 50px; }
.gc-modal-note { color: var(--gc-muted); margin: 0px; font-size: 0.8rem; line-height: 1.5; }
.gc-modal-online { justify-content: center; margin: 0px; }
.gc-modal-fallback { color: var(--gc-muted); margin: 0px; font-size: 0.82rem; }
.gc-modal-fallback a { color: var(--gc-navy); text-decoration: underline; }
.gc-step2 { gap: 10px; animation: 0.18s ease-out 0s 1 normal none running gc-modal-in; display: grid; }
body.gc-modal-open { overflow: hidden; }
[class*="gc-"][hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  .gc-dot, .gc-hotspot-dot::before, .gc-hotspot-dot::after, .gc-urgency-dot, .gc-hotspot-card, .gc-modal-panel, .gc-step2 { animation: auto ease 0s 1 normal none running none; }
}
.gc-card-quote { min-height: 44px; margin-top: 16px; font-size: 13px; }
.gc-modal { z-index: 200; }
.gc-online { color: rgb(97, 114, 134); }
.on-dark .gc-online { color: rgb(185, 216, 255); }
.gc-online .gc-dot { box-shadow: none; background: currentcolor; animation: auto ease 0s 1 normal none running none; }
.gc-quote-inline-fields { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); }
.gc-quote-inline-fields > button { grid-column: 1 / -1; justify-self: start; }
.callout > div:first-child { min-width: 0px; }
.gc-hotspot-card { max-width: 90%; }
@media (max-width: 820px) {
  .gc-quote-inline-fields { grid-template-columns: 1fr; }
  .callout { flex-wrap: wrap; }
}
.gc-online--nav { letter-spacing: 0px; font-size: 11px; display: flex; }
.gc-modal-fallback { overflow-wrap: anywhere; }
.footer-partner-logo { box-sizing: border-box; background: rgb(255, 255, 255); border-radius: 4px; width: min(100%, 520px); max-width: 100%; height: auto; margin: 0px 0px 24px; padding: 10px 12px; display: block; }
@media (max-width: 600px) {
  .footer-partner-logo { margin-bottom: 24px; padding: 10px 8px; }
}
.gc-answerline { background: var(--gc-soft); border-left: 3px solid var(--gc-navy); color: var(--gc-ink); border-radius: 0px 10px 10px 0px; max-width: 78ch; margin: 18px 0px 0px; padding: 14px 16px; font-size: 0.94rem; line-height: 1.6; }
.gc-answerline b { color: var(--gc-navy); }
.gc-photoreq { background: rgb(255, 248, 241); border: 1px solid rgb(255, 220, 187); border-radius: 12px; margin-top: 14px; padding: 16px 18px; }
.gc-photoreq b { color: rgb(124, 74, 18); font-size: 1rem; display: block; }
.gc-photoreq p { color: rgb(138, 90, 36); margin: 6px 0px 0px; font-size: 0.88rem; line-height: 1.55; }
.gc-photoreq .button { margin-top: 12px; }
.gc-tablewrap { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: rgb(255, 255, 255); overflow-x: auto; }
.gc-compare { border-collapse: collapse; width: 100%; min-width: 720px; font-size: 0.92rem; }
.gc-compare thead th { background: var(--gc-navy); color: rgb(255, 255, 255); text-align: left; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; padding: 12px 14px; font-size: 0.78rem; }
.gc-compare tbody th, .gc-compare tbody td { border-top: 1px solid var(--gc-line); text-align: left; vertical-align: top; color: var(--gc-ink); padding: 13px 14px; }
.gc-compare tbody th { color: var(--gc-navy); white-space: nowrap; font-weight: 700; }
.gc-compare tbody td { white-space: nowrap; }
.gc-compare tbody a { color: var(--gc-navy); text-decoration: underline; }
.gc-compare-here { background: rgb(242, 247, 255); }
.gc-compare-here th, .gc-compare-here td { box-shadow: inset 3px 0 0 var(--gc-orange); }
.gc-tag { background: var(--gc-orange); color: rgb(255, 255, 255); letter-spacing: 0.05em; text-transform: uppercase; vertical-align: middle; border-radius: 999px; margin-left: 8px; padding: 2px 8px; font-size: 0.68rem; font-weight: 800; display: inline-block; }
.gc-quick { border: 1px solid var(--gc-line); background: var(--gc-soft); border-radius: 12px; margin-top: 22px; padding: 18px; }
.gc-quick-head { flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 14px; display: flex; }
.gc-quick-head p { color: var(--gc-muted); margin: 0px; font-size: 0.92rem; }
.gc-quick-head b { color: var(--gc-ink); }
.gc-quick-badge { background: var(--gc-green); color: rgb(255, 255, 255); letter-spacing: 0.07em; text-transform: uppercase; border-radius: 999px; flex: 0 0 auto; padding: 4px 10px; font-size: 0.7rem; font-weight: 800; }
.gc-quick .gc-quote-inline { margin-top: 0px; }
.gc-fullform { border-top: 1px solid var(--gc-line); margin-top: 18px; padding-top: 16px; }
.gc-fullform > summary { cursor: pointer; color: var(--gc-navy); align-items: center; gap: 8px; min-height: 44px; font-size: 0.93rem; font-weight: 700; list-style: none; display: flex; }
.gc-fullform > summary::-webkit-details-marker { display: none; }
.gc-fullform > summary::before { content: "+"; background: var(--gc-soft); width: 22px; height: 22px; color: var(--gc-navy); border-radius: 50%; flex: 0 0 auto; place-items: center; font-size: 0.95rem; font-weight: 800; display: grid; }
.gc-fullform[open] > summary::before { content: "–"; }
.gc-fullform > summary:hover { text-decoration: underline; }
.gc-fullform-body { padding-top: 4px; }
.gc-brief { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(15, 44, 77, 0.5) 0px 10px 30px -24px; }
.gc-brief-text { background: var(--gc-soft); border-bottom: 1px solid var(--gc-line); color: var(--gc-ink); white-space: pre-wrap; word-break: break-word; margin: 0px; padding: 20px 22px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.85rem; line-height: 1.75; overflow-x: auto; }
.gc-brief-actions { flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px 18px; display: flex; }
.gc-brief-status { color: var(--gc-green); margin: 0px; font-size: 0.85rem; font-weight: 700; }
.gc-tablewrap, .gc-fullform input { max-width: 100%; }
.gc-roles { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.gc-roles li { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: rgb(255, 255, 255); padding: 22px 24px; box-shadow: rgba(15, 44, 77, 0.5) 0px 10px 30px -24px; }
.gc-role-tag { background: var(--gc-navy); color: rgb(255, 255, 255); letter-spacing: 0.07em; text-transform: uppercase; border-radius: 999px; padding: 4px 10px; font-size: 0.68rem; font-weight: 800; display: inline-block; }
.gc-roles h3 { color: var(--gc-navy); margin: 12px 0px 8px; font-size: 1.15rem; line-height: 1.35; }
.gc-roles p { color: var(--gc-ink); margin: 0px 0px 8px; font-size: 0.94rem; line-height: 1.65; }
.gc-roles p:last-child { margin-bottom: 0px; }
.gc-role-note { border-top: 1px solid var(--gc-line); padding-top: 10px; color: var(--gc-muted) !important; margin-top: 12px !important; font-size: 0.85rem !important; }
@media (max-width: 760px) {
  .gc-roles { grid-template-columns: 1fr; }
}
.gc-metrics { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: rgb(255, 255, 255); grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px; margin: 26px 0px 0px; padding: 0px; list-style: none; display: grid; overflow: hidden; }
.gc-metrics li { text-align: center; border-left: 1px solid var(--gc-line); padding: 20px 16px; }
.gc-metrics li:first-child { border-left: 0px; }
.gc-metrics b { color: var(--gc-navy); font-variant-numeric: tabular-nums; font-size: 1.9rem; line-height: 1.1; display: block; }
.gc-metrics span { letter-spacing: 0.05em; text-transform: uppercase; color: var(--gc-muted); margin-top: 6px; font-size: 0.78rem; font-weight: 700; display: block; }
@media (max-width: 760px) {
  .gc-metrics { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .gc-metrics li:nth-child(2n+1) { border-left: 0px; }
  .gc-metrics li:nth-child(n+3) { border-top: 1px solid var(--gc-line); }
}
.gc-caps { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.gc-caps li { border: 1px solid var(--gc-line); background: rgb(255, 255, 255); border-radius: 12px; padding: 16px 18px; }
.gc-caps b { color: var(--gc-navy); font-size: 1rem; display: block; }
.gc-caps span { color: var(--gc-muted); margin-top: 5px; font-size: 0.86rem; line-height: 1.5; display: block; }
.gc-caps-here { background: var(--gc-navy); border-color: var(--gc-navy); }
.gc-caps-here b { color: rgb(255, 255, 255); }
.gc-caps-here span { color: rgb(199, 217, 239); }
.gc-standard { grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); align-items: start; gap: 22px; display: grid; }
.gc-standard-main, .gc-standard-side { border: 1px solid var(--gc-line); border-radius: var(--gc-radius); background: rgb(255, 255, 255); padding: 22px 24px; }
.gc-standard-main h3 { color: var(--gc-navy); margin: 0px 0px 12px; font-size: 1.1rem; }
.gc-standard-main ul { margin: 0px; padding-left: 20px; }
.gc-standard-main li { color: var(--gc-ink); margin-bottom: 9px; font-size: 0.95rem; line-height: 1.65; }
.gc-standard-main li:last-child { margin-bottom: 0px; }
.gc-standard-side { background: var(--gc-soft); }
.gc-standard-side b { color: var(--gc-navy); font-size: 1.02rem; display: block; }
.gc-standard-side p { color: var(--gc-muted); margin: 7px 0px 0px; font-size: 0.9rem; line-height: 1.55; }
.gc-standard-side .button { justify-content: center; width: 100%; margin-top: 14px; }
@media (max-width: 820px) {
  .gc-standard { grid-template-columns: 1fr; }
}
.gc-doclist { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 0px; padding: 0px; list-style: none; display: grid; }
.gc-doclist li { border: 1px solid var(--gc-line); background: rgb(255, 255, 255); border-radius: 12px; padding: 18px 20px 18px 58px; position: relative; }
.gc-doc-num { letter-spacing: 0.06em; color: var(--gc-orange); font-size: 0.78rem; font-weight: 800; position: absolute; top: 19px; left: 18px; }
.gc-doclist b { color: var(--gc-navy); font-size: 1rem; display: block; }
.gc-doclist span { color: var(--gc-muted); margin-top: 5px; font-size: 0.86rem; line-height: 1.5; display: block; }
.gc-info-page { --gc-reading: #52697e; }
main.gc-info-page .section { padding: 52px 0px; }
main.gc-info-page .page-lead { background: rgb(241, 245, 248); padding: 48px 0px; }
main.gc-info-page .page-lead::before, main.gc-info-page .page-lead::after { display: none; }
main.gc-info-page .gc-lead-grid { grid-template-columns: 1.15fr 1fr; align-items: center; gap: 48px; display: grid; }
main.gc-info-page .page-lead h1 { letter-spacing: -0.025em; margin: 12px 0px 22px; font-size: clamp(38px, 4vw, 56px); line-height: 1.08; }
main.gc-info-page .lead-text { max-width: 800px; color: var(--gc-reading); font-size: 16px; line-height: 1.75; }
main.gc-info-page .lead-text p + p { margin-top: 14px; }
main.gc-info-page .gc-lead-photo { margin: 0px; position: relative; }
main.gc-info-page .gc-lead-photo img { aspect-ratio: 5 / 4; object-fit: cover; width: 100%; display: block; }
main.gc-info-page .gc-lead-photo figcaption { color: rgb(216, 229, 241); letter-spacing: 0.03em; background: rgb(12, 47, 90); padding: 12px 16px; font-size: 11px; }
main.gc-info-page .gc-trustbar { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(219, 228, 236); }
main.gc-info-page .gc-trustbar-list { grid-template-columns: repeat(5, minmax(0px, 1fr)); }
main.gc-info-page .gc-trustbar-list li { padding: 20px 15px; }
main.gc-info-page .gc-trustbar-list .ui-icon { display: none; }
main.gc-info-page .gc-trustbar-list b { letter-spacing: 0.06em; text-transform: uppercase; color: rgb(96, 117, 138); font-size: 10px; }
main.gc-info-page .gc-trustbar-list span { color: rgb(23, 60, 96); font-size: 13px; line-height: 1.5; }
main.gc-info-page .section-head { max-width: 850px; margin-bottom: 26px; }
main.gc-info-page .gc-facttable { table-layout: fixed; border-collapse: collapse; border: 0px; border-radius: 0px; width: 100%; margin: 0px; overflow: visible; }
main.gc-info-page .gc-facttable th, main.gc-info-page .gc-facttable td { vertical-align: top; overflow-wrap: anywhere; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(219, 228, 237); border-image: none; padding: 15px 20px; font-size: 14px; line-height: 1.65; }
main.gc-info-page .gc-facttable tbody th { color: rgb(24, 60, 96); background: rgb(238, 243, 247); width: 29%; font-weight: 600; }
main.gc-info-page .gc-facttable td { color: rgb(82, 105, 126); background: rgb(255, 255, 255); }
main.gc-info-page .gc-facttable tbody tr:hover td { background: rgb(248, 250, 252); }
main.gc-info-page .gc-facttable thead th { color: rgb(255, 255, 255); text-align: left; letter-spacing: 0.08em; text-transform: uppercase; background: rgb(18, 54, 94); font-size: 11px; }
main.gc-info-page .gc-roles { gap: 32px; }
main.gc-info-page .gc-roles li { box-shadow: none; border-width: 2px 0px 0px; border-style: solid none none; border-color: rgb(18, 54, 94) currentcolor currentcolor; border-image: none; border-radius: 0px; padding: 24px 0px 0px; }
main.gc-info-page .gc-role-tag { color: rgb(18, 97, 171); background: 0px 0px; padding: 0px; font-size: 11px; }
main.gc-info-page .gc-roles h3 { margin: 16px 0px 12px; font-size: 26px; }
main.gc-info-page .gc-caps { border-top: 1px solid rgb(206, 220, 232); grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; }
main.gc-info-page .gc-caps li { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(206, 220, 232); border-image: none; border-radius: 0px; padding: 24px; }
main.gc-info-page .gc-caps li.gc-caps-here { background: rgb(18, 54, 94); border-bottom-color: rgb(18, 54, 94); }
main.gc-info-page .gc-caps li.gc-caps-here b { color: rgb(255, 255, 255); }
main.gc-info-page .gc-caps li.gc-caps-here span { color: rgb(208, 224, 239); }
main.gc-info-page .gc-standard-main, main.gc-info-page .gc-standard-side { background: rgb(242, 246, 249); border: 0px; border-radius: 0px; padding: 26px; }
main.gc-info-page .gc-standard-side { border-top: 2px solid rgb(245, 130, 24); }
main.gc-info-page .gc-standard-main h3 { font-size: 24px; }
main.gc-info-page .gc-doclist { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }
main.gc-info-page .gc-doclist li { box-shadow: none; border-radius: 0px; padding: 22px 22px 22px 62px; }
main.gc-info-page .gc-doc-num { color: rgb(232, 120, 11); top: 21px; }
main.gc-info-page .ui-faq-list { border-left: 0px; border-right: 0px; border-radius: 0px; }
main.gc-info-page .ui-faq summary { padding: 20px 18px; font-size: 16px; }
main.gc-info-page .ui-faq-answer { max-width: 92ch; padding: 0px 18px 22px; line-height: 1.75; }
main.gc-info-page #fact-sheet .ui-faq-list { margin-top: 28px; }
main.gc-info-page .callout { background: rgb(238, 243, 248); border-width: 3px 0px 0px; border-style: solid none none; border-color: rgb(245, 130, 24) currentcolor currentcolor; border-image: none; padding: 32px; display: block; }
main.gc-info-page .callout .actions { margin-top: 20px; }
main.gc-info-page .gc-quote-inline-fields { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) auto; }
main.gc-info-page .gc-steps { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 48px; margin: 0px; padding: 0px; list-style: none; display: grid; }
main.gc-info-page .gc-step { border-top: 1px solid rgb(198, 213, 227); grid-template-columns: 44px minmax(0px, 1fr); gap: 18px; padding: 26px 0px; scroll-margin-top: 110px; display: grid; }
main.gc-info-page .gc-step-num { color: rgb(245, 130, 24); padding-top: 4px; font: 500 30px / 1 Archivo, sans-serif; }
main.gc-info-page .gc-step-body h3 { margin: 0px 0px 12px; font-size: 25px; line-height: 1.2; }
main.gc-info-page .gc-step-body p { color: var(--gc-reading); margin: 0px; font-size: 15px; line-height: 1.75; }
main.gc-info-page .gc-faq-layout { grid-template-columns: 250px minmax(0px, 1fr); align-items: start; gap: 48px; display: grid; }
main.gc-info-page .gc-topic-nav { border-top: 1px solid rgb(185, 205, 221); position: sticky; top: 110px; }
main.gc-info-page .gc-topic-nav a { color: rgb(23, 60, 96); border-bottom: 1px solid rgb(205, 219, 230); grid-template-columns: 22px 1fr 15px; align-items: center; gap: 10px; padding: 18px 0px; font-size: 14px; display: grid; }
main.gc-info-page .gc-topic-nav a span { color: rgb(124, 141, 158); font-size: 10px; }
main.gc-info-page .gc-topic-nav a b { color: rgb(237, 123, 22); }
main.gc-info-page .gc-topic-nav a:hover { color: rgb(0, 99, 185); }
main.gc-info-page .gc-topic-section { margin-bottom: 48px; scroll-margin-top: 112px; }
main.gc-info-page .gc-topic-section:last-child { margin-bottom: 0px; }
main.gc-info-page .gc-topic-section h2 { margin: 10px 0px 22px; font-size: 32px; line-height: 1.2; }
@media (max-width: 900px) {
  main.gc-info-page .gc-lead-grid { grid-template-columns: 1fr; gap: 28px; }
  main.gc-info-page .gc-lead-photo img { aspect-ratio: 16 / 8; }
  main.gc-info-page .gc-trustbar-list { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  main.gc-info-page .gc-faq-layout { grid-template-columns: 1fr; gap: 28px; }
  main.gc-info-page .gc-topic-nav { grid-template-columns: 1fr 1fr; gap: 0px 24px; display: grid; position: static; }
  main.gc-info-page .gc-quote-inline-fields { grid-template-columns: 1fr 1fr; }
  main.gc-info-page .gc-quote-inline-fields .button { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  main.gc-info-page .section { padding: 36px 0px; }
  main.gc-info-page .page-lead { padding: 32px 0px; }
  main.gc-info-page .page-lead h1 { font-size: 38px; }
  main.gc-info-page .gc-trustbar-list { grid-template-columns: 1fr 1fr; }
  main.gc-info-page .gc-trustbar-list li { padding: 14px 10px; }
  main.gc-info-page .gc-trustbar-list li:last-child { grid-column: 1 / -1; }
  main.gc-info-page .gc-facttable tbody tr { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(219, 228, 237); padding: 12px 0px; display: block; }
  main.gc-info-page .gc-facttable tbody th, main.gc-info-page .gc-facttable td { background: 0px 0px; border: 0px; width: 100%; padding: 3px 14px; font-size: 14px; display: block; }
  main.gc-info-page .gc-facttable thead { display: none; }
  main.gc-info-page .gc-roles, main.gc-info-page .gc-caps, main.gc-info-page .gc-steps, main.gc-info-page .gc-doclist { grid-template-columns: 1fr; }
  main.gc-info-page .gc-step { grid-template-columns: 32px 1fr; gap: 14px; padding: 22px 0px; }
  main.gc-info-page .gc-step-body h3 { font-size: 23px; }
  main.gc-info-page .gc-topic-nav { grid-template-columns: 1fr; gap: 0px; }
  main.gc-info-page .gc-topic-section h2 { font-size: 27px; }
  main.gc-info-page .gc-standard-main, main.gc-info-page .gc-standard-side, main.gc-info-page .callout { padding: 22px 18px; }
  main.gc-info-page .gc-quote-inline-fields { grid-template-columns: 1fr; }
  main.gc-info-page .ui-faq summary { padding: 17px 12px; font-size: 15px; }
  main.gc-info-page .ui-faq-answer { padding: 0px 12px 20px; }
  main.gc-info-page .gc-facttable colgroup { display: none; }
}
main.gc-info-page .gc-standard-main ul { list-style: outside; }
main.gc-info-page .gc-standard-main li::marker { color: rgb(232, 122, 18); }
@media (max-width: 600px) {
  main.gc-info-page .gc-trustbar-list { scroll-snap-type: x; gap: 0px; padding-bottom: 6px; display: flex; overflow-x: auto; }
  main.gc-info-page .gc-trustbar-list li { scroll-snap-align: start; flex: 0 0 178px; }
}
*, ::before, ::after { font-family: Archivo, "Helvetica Neue", Arial, sans-serif; }
body { letter-spacing: 0px; color: rgb(26, 39, 51); background: rgb(255, 255, 255); font-size: 17px; font-weight: 400; font-stretch: 100%; line-height: 28px; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; }
main .yard-panel h1, main .yard-panel h2 { letter-spacing: -0.035em !important; color: rgb(255, 255, 255) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 80px !important; font-weight: 500 !important; font-stretch: 112% !important; line-height: 82px !important; }
@media (max-width: 1399px) and (min-width: 1101px) {
  main .yard-panel h1, main .yard-panel h2 { font-size: 72px !important; line-height: 74px !important; }
}
@media (max-width: 1100px) and (min-width: 801px) {
  main .yard-panel h1, main .yard-panel h2 { font-size: 56px !important; line-height: 58px !important; }
}
main .page-lead h1, main .vehicle-title h1, main h1:not(.yard-panel h1) { letter-spacing: -0.03em !important; color: rgb(11, 48, 101) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 72px !important; font-weight: 500 !important; font-stretch: 112% !important; line-height: 76px !important; }
main .section-head h2, main .section h2:not(.yard-panel h2):not(.callout h2):not(.cta h2):not(.ui-service-heading h2), main h2:not(.yard-panel h2):not(.callout h2):not(.cta h2):not(.ui-service-heading h2) { letter-spacing: -0.03em !important; color: rgb(11, 48, 101) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 56px !important; font-weight: 500 !important; font-stretch: 112% !important; line-height: 60px !important; }
main .callout h2, main section.callout h2, main .cta h2, .cta-block h2 { letter-spacing: -0.035em !important; color: rgb(255, 255, 255) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 72px !important; font-weight: 500 !important; font-stretch: 112% !important; line-height: 74px !important; }
main h3, main .model-card h3, main .catalog-card h3, main .supply-grid h3, main .ui-service-heading h2, main .process-preview h3, main .yard-story h3 { letter-spacing: -0.01em !important; color: rgb(11, 48, 101) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 22px !important; font-weight: 600 !important; font-stretch: 105% !important; line-height: 30px !important; }
main .eyebrow, main .tagline, .yard-kicker, .card-eyebrow, .section-head .eyebrow { letter-spacing: 0.16em !important; text-transform: uppercase !important; color: rgb(0, 78, 179) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 13px !important; font-weight: 500 !important; font-stretch: 100% !important; line-height: 18px !important; }
.yard-overline, .yard-overline span { letter-spacing: 0.16em !important; text-transform: uppercase !important; color: rgb(255, 255, 255) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; font-stretch: 100% !important; line-height: 18px !important; }
.card-eyebrow span:first-child, .model-card .card-eyebrow span:first-child, dl dt, .spec-list dt, .gc-facttable th, .vehicle-comparison-number, .vehicle-comparison-badge, .catalog-toolbar { letter-spacing: 0.16em !important; text-transform: uppercase !important; color: rgb(95, 107, 120) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; font-stretch: 100% !important; line-height: 16px !important; }
main p, main .copy, main .lead-text, main .section-head .lead { letter-spacing: 0px !important; color: rgb(26, 39, 51) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 17px !important; font-weight: 400 !important; font-stretch: 100% !important; line-height: 28px !important; }
main .model-card p, main .catalog-card p, main .ui-service-card p, main .ui-service-card li, main .supply-grid p { letter-spacing: 0px !important; color: rgb(26, 39, 51) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; font-stretch: 100% !important; line-height: 26px !important; }
.yard-description, .hero .lead { letter-spacing: 0px !important; color: rgba(255, 255, 255, 0.88) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 18px !important; font-weight: 400 !important; font-stretch: 100% !important; line-height: 30px !important; }
.yard-proof strong, .proof-item strong, .stat-value, .metric-value, .gc-stat-number, .data-value { letter-spacing: -0.03em !important; color: rgb(11, 48, 101) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 48px !important; font-weight: 500 !important; font-stretch: 110% !important; line-height: 52px !important; }
.yard-proof strong, .proof-item strong { color: rgb(255, 255, 255) !important; white-space: nowrap !important; }
@media (max-width: 1399px) and (min-width: 1101px) {
  .yard-proof strong, .proof-item strong { font-size: 44px !important; line-height: 48px !important; }
}
@media (max-width: 1100px) and (min-width: 801px) {
  .yard-proof strong, .proof-item strong { font-size: 36px !important; line-height: 40px !important; }
}
.yard-proof span, .yard-proof p > span, .proof-item span, .stat-label, .metric-label, .data-label { letter-spacing: 0px !important; color: rgb(95, 107, 120) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 14px !important; font-weight: 400 !important; font-stretch: 100% !important; line-height: 22px !important; }
.yard-proof span, .yard-proof p > span, .proof-item span { color: rgba(255, 255, 255, 0.88) !important; margin-top: 8px !important; }
dl dd, .spec-list dd, .gc-facttable td, .vehicle-spec-value { letter-spacing: 0px !important; color: rgb(26, 39, 51) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; font-stretch: 100% !important; line-height: 22px !important; }
.pill, .model-card .pill, .vehicle-benefits, .selling-points { letter-spacing: 0.02em !important; color: rgb(0, 78, 179) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; font-stretch: 100% !important; line-height: 20px !important; }
.pill, .model-card .pill, .model-card span.pill { box-shadow: none !important; background: 0px 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px !important; padding: 0px !important; display: inline-block !important; }
.pill:not(:first-child):not(.sample)::before, .model-card .pill:not(:first-child):not(.sample)::before { content: " · "; color: rgb(0, 78, 179); margin: 0px 4px; }
.pill.sample, .model-card .pill.sample { margin-left: 8px; color: rgb(95, 107, 120) !important; }
.ui-faq summary, .faq-list summary, details summary { letter-spacing: 0px !important; color: rgb(26, 39, 51) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 18px !important; font-weight: 500 !important; font-stretch: 100% !important; line-height: 28px !important; }
.ui-faq-answer, .faq-list .answer, details > div, details > p { letter-spacing: 0px !important; color: rgb(95, 107, 120) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; font-stretch: 100% !important; line-height: 26px !important; }
.site-header .site-nav a, .nav-row nav a { letter-spacing: 0.01em !important; color: rgb(26, 39, 51) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; font-weight: 500 !important; font-stretch: 100% !important; line-height: 20px !important; }
.site-header .site-nav a[aria-current="page"], .site-header .site-nav a.active { color: rgb(0, 78, 179) !important; }
.button, button.button, a.button { letter-spacing: 0.01em !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 16px !important; font-weight: 600 !important; font-stretch: 100% !important; line-height: 20px !important; }
.button:not(.outline):not(.navy):not(.blue):not(.ghost):not(.soft), .button.orange, .yard-actions .button { color: rgb(11, 48, 101) !important; background: rgb(253, 116, 0) !important; }
.button.navy { color: rgb(255, 255, 255) !important; background: rgb(11, 48, 101) !important; }
.button.blue { color: rgb(255, 255, 255) !important; background: rgb(0, 78, 179) !important; }
.button.outline { color: rgb(11, 48, 101) !important; border-color: rgb(11, 48, 101) !important; }
.info-note, small, .help-text, .caption { letter-spacing: 0.02em !important; color: rgb(95, 107, 120) !important; font-family: Archivo, "Helvetica Neue", Arial, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; font-stretch: 100% !important; line-height: 20px !important; }
.site-header { background: rgb(255, 255, 255) !important; }
.callout, section.callout { color: rgb(255, 255, 255) !important; background: rgb(11, 48, 101) !important; }
.site-footer { background: rgb(6, 30, 66) !important; }
.yard-cinema-shade { background: rgba(4, 22, 46, 0.52) !important; }
a.text-link, .text-link { color: rgb(0, 78, 179) !important; }
hr, .border-line { border-color: rgb(185, 192, 200) !important; }
.model-card, .catalog-card { background: rgb(255, 255, 255) !important; border: 1px solid rgb(201, 208, 216) !important; }
.border-y, .border-t, .border-b { border-color: rgb(201, 208, 216) !important; }
.wrap { width: calc(100% - 64px) !important; max-width: 1280px !important; margin-inline: auto !important; }
main .section { padding-top: 120px !important; padding-bottom: 120px !important; }
main .eyebrow, main .tagline, .section-head .eyebrow, .yard-kicker { margin-bottom: 16px !important; }
main .section-head { margin-bottom: 56px !important; }
main p + p { margin-top: 16px !important; }
main p + .button, main p + .button-group, main .lead + .flex, main .copy + .flex { margin-top: 32px !important; }
.button-group, .yard-actions { gap: 12px !important; }
.model-card, .catalog-card, .ui-service-card { padding: 24px 24px 28px !important; }
.ui-faq summary, .faq-list summary { padding: 22px 0px !important; }
.model-grid, .catalog-grid { gap: 40px !important; }
@media (max-width: 899px) {
  .wrap { width: calc(100% - 40px) !important; }
  main .section { padding-top: 72px !important; padding-bottom: 72px !important; }
  main .section-head { margin-bottom: 32px !important; }
  main .yard-panel h1, main .yard-panel h2 { letter-spacing: -0.02em !important; font-size: 32px !important; line-height: 36px !important; }
  main .page-lead h1, main .vehicle-title h1, main h1:not(.yard-panel h1) { font-size: 40px !important; line-height: 44px !important; }
  main .section-head h2, main .section h2:not(.yard-panel h2):not(.callout h2):not(.cta h2), main h2:not(.yard-panel h2):not(.callout h2):not(.cta h2) { font-size: 32px !important; line-height: 36px !important; }
  main .callout h2, main section.callout h2, main .cta h2 { font-size: 36px !important; line-height: 40px !important; }
  main h3, main .model-card h3, main .catalog-card h3, main .supply-grid h3, main .ui-service-heading h2, main .process-preview h3, main .yard-story h3 { font-size: 20px !important; line-height: 28px !important; }
  .yard-overline, .yard-overline span, .card-eyebrow span:first-child, dl dt, .spec-list dt, .gc-facttable th { font-size: 11px !important; line-height: 16px !important; }
  body, main p, main .copy, main .lead-text, main .section-head .lead { font-size: 16px !important; line-height: 26px !important; }
  main .model-card p, main .catalog-card p, main .ui-service-card p, main .ui-service-card li, main .supply-grid p { font-size: 15px !important; line-height: 24px !important; }
  .yard-description { margin-top: 12px !important; font-size: 13px !important; line-height: 1.55 !important; }
  .hero .lead { font-size: 17px !important; line-height: 28px !important; }
  .yard-proof strong, .proof-item strong { white-space: nowrap !important; font-size: 20px !important; line-height: 24px !important; }
  .yard-proof span, .proof-item span { margin-top: 6px !important; font-size: 12px !important; line-height: 16px !important; }
  .stat-value, .metric-value, .gc-stat-number { font-size: 36px !important; line-height: 40px !important; }
  .ui-faq summary, .faq-list summary { padding: 18px 0px !important; font-size: 16px !important; line-height: 24px !important; }
  .ui-faq-answer, .faq-list .answer, details > div, details > p { font-size: 15px !important; line-height: 24px !important; }
  .model-grid, .catalog-grid { gap: 24px !important; }
}
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
.directus-visual-editing-overlay.visual-editing-button-class .directus-visual-editing-edit-button { position: absolute; inset: 0px; width: 100%; height: 100%; transform: none; background: transparent; }
.directus-visual-editing-overlay.visual-editing-button-class { opacity: 0 !important; z-index: 70 !important; }
.directus-visual-editing-overlay { z-index: 40 !important; }
.on-dark h2,.on-dark h3{color:white}
.yard-scroll { --yard-navy: #082c60; background: var(--yard-navy); color: rgb(255, 255, 255); height: 270svh; position: relative; }
.yard-pin { position: sticky; top: 85px; height: calc(-85px + 100svh); min-height: 570px; display: flex; flex-direction: column; background: var(--yard-navy); padding: 0px 24px; }
.yard-cinema { position: relative; flex: 1 1 0%; min-height: 0px; overflow: hidden; border-inline: 1px solid rgba(255, 255, 255, 0.19); }
.yard-photo-stack, .yard-layer, .yard-cinema-shade { position: absolute; inset: 0px; }
.yard-layer { overflow: hidden; }
.yard-layer:not(:first-child) { clip-path: inset(100% 0px 0px); }
.yard-layer img { width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.yard-cinema-shade { z-index: 4; background: linear-gradient(90deg, rgba(4, 24, 48, 0.78), rgba(4, 24, 48, 0.3) 65%, rgba(4, 24, 48, 0.06)), linear-gradient(0deg, rgba(4, 24, 48, 0.74), transparent 60%); pointer-events: none; }
.yard-overline { position: absolute; inset: 24px 40px auto; z-index: 5; display: flex; justify-content: space-between; gap: 20px; font-size: 10px; letter-spacing: 1.7px; color: rgb(222, 234, 250); }
.yard-copy-stack { position: absolute; left: max(40px, -640px + 50vw); right: 10%; top: 48%; transform: translateY(-50%); height: 380px; z-index: 5; }
.yard-panel { position: absolute; inset: 0px; opacity: 0; transform: translateY(28px); transition: opacity 0.45s, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1); pointer-events: none; display: flex; flex-direction: column; justify-content: center; }
.yard-panel.is-active { opacity: 1; transform: none; pointer-events: auto; }
main .yard-panel h1, main .yard-panel h2 { font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-size: 80px; line-height: 82px; font-family: Archivo, sans-serif; font-stretch: 112%; color: rgb(255, 255, 255); letter-spacing: -0.035em; margin: 0px; max-width: none; text-wrap: initial; }
.yard-panel em { font-style: normal; color: rgb(255, 144, 45); }
.yard-description { font-size: 16px; line-height: 1.7; max-width: 500px; color: rgb(224, 233, 244); margin: 20px 0px 0px; }
.yard-bottom { position: absolute; bottom: 30px; left: max(40px, -640px + 50vw); right: 40px; z-index: 5; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.yard-actions { display: flex; gap: 26px; align-items: center; }
.yard-actions .button { background: rgb(255, 133, 27); color: rgb(9, 35, 66); padding: 15px 24px; min-height: 48px; gap: 28px; font-size: 14px; font-weight: 600; }
.yard-actions .yard-link { font-size: 13px; color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 8px 0px; }
.yard-scroll-hint { font-size: 11px; letter-spacing: 0.5px; color: rgb(206, 220, 237); display: inline-flex; gap: 8px; align-items: center; text-decoration: none; margin-bottom: 8px; transition: color 0.2s; }
.yard-scroll-hint:hover { color: rgb(255, 155, 68); }
.yard-scroll-hint span { font-size: 18px; line-height: 1; }
.yard-caption { font-size: 11px; line-height: 1.8; color: rgb(224, 232, 240); text-align: right; }
.yard-caption > span { display: block; }
.yard-caption > span:last-child { font-size: 8px; letter-spacing: 1.3px; color: rgb(186, 204, 225); }
.yard-pages { position: absolute; z-index: 6; right: 40px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 18px; }
.yard-pages button { width: 42px; min-height: 44px; text-align: right; font-size: 11px; color: rgb(207, 218, 234); cursor: pointer; position: relative; padding: 8px 0px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.yard-pages button::after { content: ""; display: block; width: 30px; height: 1px; background: rgba(255, 255, 255, 0.44); position: absolute; right: 0px; bottom: 4px; transition: width 0.35s; }
.yard-pages button[aria-pressed="true"] { color: rgb(255, 155, 68); }
.yard-pages button[aria-pressed="true"]::after { width: 42px; background: rgb(255, 155, 68); }
.yard-pages button:focus-visible, .yard-actions a:focus-visible, .yard-scroll-hint:focus-visible { outline: rgb(255, 155, 68) solid 2px; outline-offset: 3px; }
.yard-proof { width: calc(100% + 48px); margin-inline: -24px; background: var(--yard-navy); min-height: 80px; display: flex; align-items: center; }
.yard-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); column-gap: 36px; align-items: flex-start; }
.proof-item { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 14px 0px; margin: 0px; }
.proof-item strong { font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-size: 48px; line-height: 52px; font-family: Archivo, sans-serif; font-stretch: 110%; letter-spacing: -0.03em; color: rgb(255, 255, 255); white-space: nowrap; display: block; }
.proof-item span { font: 400 14px / 22px Archivo, sans-serif; color: rgb(182, 203, 229); margin-top: 8px; display: block; }
.yard-manual { height: auto; }
.yard-manual .yard-pin { position: relative; top: 0px; height: calc(-85px + 100svh); min-height: 720px; }
@media (max-width: 1399px) and (min-width: 1101px) {
  main .yard-panel h1, main .yard-panel h2 { font-size: 72px; line-height: 74px; }
  .proof-item strong { font-size: 44px; line-height: 48px; }
}
@media (max-width: 1100px) {
  .yard-pin { top: 77px; height: calc(-77px + 100svh); }
  .yard-copy-stack { left: 40px; right: 90px; height: 340px; }
  main .yard-panel h1, main .yard-panel h2 { font-size: 56px; line-height: 58px; }
  .yard-bottom { left: 40px; }
  .yard-description { font-size: 15px; margin-top: 16px; }
  .proof-item strong { font-size: 36px; line-height: 40px; }
  .proof-item span { font-size: 14px; line-height: 22px; }
}
@media (max-width: 800px) {
  .yard-pin { padding: 0px 14px; }
  .yard-manual .yard-pin { height: calc(-71px + 100svh); min-height: 640px; }
  .yard-copy-stack { left: 20px; right: 20px; top: 40%; height: 260px; }
  .yard-overline { inset: 16px 20px auto; font-size: 8px; letter-spacing: 1px; }
  .yard-overline > span:last-child { display: none; }
  main .yard-panel h1, main .yard-panel h2 { font-size: 32px; line-height: 36px; letter-spacing: -0.02em; }
  .yard-description { font-size: 13px; line-height: 1.55; margin-top: 12px; max-width: 350px; }
  .yard-bottom { left: 20px; right: 20px; bottom: 18px; display: block; }
  .yard-caption, .yard-scroll-hint { display: none; }
  .yard-pages { right: 20px; top: auto; bottom: 80px; transform: none; flex-direction: row; gap: 10px; }
  .yard-pages button { width: 32px; }
  .yard-pages button[aria-pressed="true"]::after { width: 32px; }
  .yard-proof { width: calc(100% + 28px); margin-inline: -14px; min-height: 72px; }
  .yard-proof-grid { column-gap: 12px; }
  .proof-item { padding: 8px 0px; }
  .proof-item strong { font-size: 20px; line-height: 24px; }
  .proof-item span { font-size: 12px; line-height: 16px; margin-top: 6px; }
  .yard-actions { gap: 14px; }
  .yard-actions .button { font-size: 12px; padding: 11px 16px; min-height: 40px; }
  .yard-actions > a { font-size: 12px; }
}
@media (max-width: 370px) {
  main .yard-panel h1, main .yard-panel h2 { font-size: 28px; line-height: 32px; }
  .proof-item strong { font-size: 18px; line-height: 22px; }
  .proof-item span { font-size: 11px; line-height: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .yard-panel { transition: none !important; }
  .yard-layer img { transform: none !important; }
}
@media (max-width: 800px) {
  .yard-manual .yard-pin { height: calc(-160px + 100svh); min-height: 640px; }
}
.review-lot-meta{border-top:1px solid #e6e6e6;padding:16px 0;margin-top:16px;font-size:14px;line-height:1.6}
.review-lot-meta p{font-size:14px;line-height:1.6}
.review-inclusions{font-size:14px;line-height:1.6}
.review-inclusions p{font-size:14px;line-height:1.6;margin-top:12px}
.review-banner{padding:12px 24px;background:#f7f8fa;color:#1a2733;font:14px/1.6 Arial,sans-serif;border-bottom:1px solid #d5dce5;position:relative;z-index:100}
.review-banner a{color:#004eb3;text-decoration:underline}
.on-dark h2,.on-dark h3{color:#fff}
.on-dark p,.on-dark .copy{color:#e6edf7}
h2{overflow-wrap:anywhere}
@media(max-width:600px){.section.soft h2{overflow-wrap:anywhere}}