@charset "UTF-8";

@font-face{ font-family:'ChangAnunitype'; src:url('../fonts/ChangAnunitype-Light.otf') format('opentype'); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:'ChangAnunitype'; src:url('../fonts/ChangAnunitype-Regular.otf') format('opentype'); font-weight:400; font-style:normal; font-display:swap; }
@font-face{ font-family:'ChangAnunitype'; src:url('../fonts/ChangAnunitype-Bold.otf') format('opentype'); font-weight:700; font-style:normal; font-display:swap; }

:root { --hdr-bar: calc(var(--space-unit) * 4); --hdr-h: calc(var(--hdr-bar) + env(safe-area-inset-top, 0px)); }
html.is-smooth { scroll-behavior: auto; }
html.is-locked { overflow: hidden; }
body { overflow-x: clip; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::selection { background: var(--color-contrast-higher); color: var(--color-bg); }
a { color: var(--color-contrast-higher); }
a:hover { color: var(--color-primary-light); }
[id] { scroll-margin-top: var(--hdr-h); }

.ico { width: 1.5rem; height: 1.5rem; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ico--fill { fill: currentColor; stroke: none; }

.eyebrow { font-size: var(--text-sm); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--color-contrast-medium); }
.h-sec { font-size: var(--text-xxl); font-weight: 400; line-height: 1.05; text-transform: uppercase; color: var(--color-contrast-higher); text-wrap: balance; }
.lede { font-size: var(--text-md); line-height: 1.5; color: var(--color-contrast-high); text-wrap: pretty; }
.badge { display: inline-flex; align-items: center; padding: 0.35em 0.6em 0.3em; border-radius: var(--radius-sm); background: var(--color-accent); color: var(--color-white); font-size: var(--text-xs); font-weight: 700; line-height: 1; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; }
@media (min-width: 64rem) { .h-sec { font-size: var(--text-xxxl); } }

.chev { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; color: inherit; }
.chev .ico { animation: uniChev 2.4s var(--ease-in-out) infinite; }
@keyframes uniChev { 0%, 100% { transform: translateY(-3px); opacity: 0.5; } 50% { transform: translateY(3px); opacity: 1; } }

.round-btn { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; padding: 0; border: 1px solid var(--color-contrast-low); border-radius: 50%; background: var(--color-bg); color: var(--color-contrast-higher); cursor: pointer; transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
.round-btn:hover { background: var(--color-contrast-higher); border-color: var(--color-contrast-higher); color: var(--color-bg); }

[data-magnetic] { transition: background-color 0.3s var(--ease-out), color 0.3s var(--ease-out), border-color 0.3s var(--ease-out), translate 0.8s var(--ease-out-back); }
[data-magnetic].is-mag { transition: background-color 0.3s var(--ease-out), color 0.3s var(--ease-out), border-color 0.3s var(--ease-out), translate 0.18s linear; }

.js [data-reveal="up"]:not(.is-in) { opacity: 0; transform: translate3d(0, 2.5rem, 0); }
[data-reveal="up"] { transition: opacity 1s var(--ease-out), transform 1.4s var(--ease-out-expo); transition-delay: calc(var(--d, 0) * 1ms); }
.js [data-reveal="fade"]:not(.is-in) { opacity: 0; }
[data-reveal="fade"] { transition: opacity 1.2s var(--ease-out); transition-delay: calc(var(--d, 0) * 1ms); }
.js [data-reveal="clip"]:not(.is-in) { clip-path: inset(100% 0 0 0); }
[data-reveal="clip"] { transition: clip-path 1.5s var(--ease-out-expo); transition-delay: calc(var(--d, 0) * 1ms); }
.js [data-reveal="stagger"]:not(.is-in) > * { opacity: 0; transform: translate3d(0, 3rem, 0); }
[data-reveal="stagger"] > * { transition: opacity 0.9s var(--ease-out), transform 1.3s var(--ease-out-expo); transition-delay: calc(var(--si, 0) * 90ms + var(--d, 0) * 1ms); }
.sw { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.14em; margin-bottom: -0.14em; }
.sw__i { display: inline-block; }
.js [data-split]:not(.is-split) { opacity: 0; }
.js [data-split].is-split:not(.is-in) .sw__i { transform: translate3d(0, 110%, 0); }
[data-split] .sw__i { transition: transform 1.2s var(--ease-out-expo); transition-delay: calc(var(--l, 0) * 90ms + var(--d, 0) * 1ms); }
.is-done .sw__i { transition: none; }
.js:not(.reveal-on) [data-reveal], .js:not(.reveal-on) [data-reveal] > *, .js:not(.reveal-on) [data-split] { animation: uniFailsafe 0s 3s forwards; }
@keyframes uniFailsafe { to { opacity: 1; transform: none; clip-path: none; } }

.hdr { position: sticky; top: 0; z-index: var(--z-index-header, 3); padding-top: env(safe-area-inset-top, 0px); background: var(--color-bg); border-bottom: 1px solid var(--color-contrast-low); }
.hdr__bar { display: flex; align-items: center; gap: var(--space-md); height: var(--hdr-bar); padding: 0 var(--space-md); }
.hdr__logo { display: block; flex-shrink: 0; }
.hdr__logo img { display: block; width: auto; height: calc(var(--space-unit) * 0.95); }
.hdr__dealer { display: none; flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.2; margin-left: calc(var(--space-sm) - var(--space-md)); font-size: var(--text-sm); font-weight: 700; text-transform: uppercase; color: var(--color-contrast-high); text-decoration: none; white-space: nowrap; }
.hdr__dealer small { display: block; font-size: var(--text-xs); font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--color-contrast-medium); }
.hdr__nav { display: none; align-items: center; gap: var(--space-sm); margin-left: auto; }
.hdr__link { position: relative; padding: var(--space-xs) 0; font-size: calc(var(--text-sm) * 0.94); font-weight: 700; text-transform: uppercase; color: var(--color-contrast-high); text-decoration: none; white-space: nowrap; }
.hdr__link:hover { color: var(--color-contrast-medium); }
.hdr__phone { display: none; padding-left: var(--space-md); border-left: 1px solid var(--color-contrast-low); font-size: calc(var(--text-sm) * 1.06); font-weight: 700; color: var(--color-contrast-higher); text-decoration: none; white-space: nowrap; }
.hdr__call, .hdr__burger { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 0; background: none; color: var(--color-contrast-higher); cursor: pointer; }
.hdr__call { margin-left: auto; }
.hdr__call .ico { width: 1.375rem; height: 1.375rem; }
.hdr__burger span { position: absolute; left: 50%; top: 50%; width: 1.375rem; height: 2px; margin: -1px 0 0 -0.6875rem; border-radius: 2px; background: currentColor; transition: transform 0.5s var(--ease-out-expo); }
.hdr__burger span:first-child { transform: translateY(-4px); }
.hdr__burger span:last-child { transform: translateY(4px); }
.hdr__burger[aria-expanded="true"] span:first-child { transform: rotate(45deg); }
.hdr__burger[aria-expanded="true"] span:last-child { transform: rotate(-45deg); }
.hdr__progress { position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: var(--color-contrast-higher); transform: scaleX(var(--p, 0)); transform-origin: left center; pointer-events: none; }
.hdr__cta { display: none; flex-shrink: 0; --btn-padding-y: var(--space-xs); --btn-padding-x: var(--space-md); --btn-font-size: calc(var(--text-sm) * 0.94); }
.hdr__cta-more { display: none; }
@media (max-width: 71.99rem), (min-width: 90rem) { .hdr__cta-more { display: inline; } }
@media (min-width: 48rem) { .hdr__cta { display: block; margin-left: auto; } .hdr__call { margin-left: 0; } }
@media (min-width: 64rem) { .hdr__bar { padding: 0 var(--space-lg); } }
@media (min-width: 72rem) { .hdr__bar { position: relative; } .hdr__nav { display: flex; position: absolute; left: 50%; top: 50%; margin-left: 0; transform: translate(-50%, -50%); } .hdr__call, .hdr__burger { display: none; } .hdr__cta { margin-left: auto; } }
.hdr__dealer { display: flex; }
@media (max-width: 31.99rem) { .hdr__dealer { font-size: var(--text-xs); } .hdr__dealer small { font-size: calc(var(--text-xs) * 0.9); } }
@media (min-width: 100rem) { .hdr__phone { display: block; margin-left: auto; } .hdr__cta { margin-left: 0; } .hdr__nav { gap: var(--space-md); } }

.mnav { position: fixed; left: 0; right: 0; top: var(--hdr-h); bottom: 0; z-index: var(--z-index-overlay, 15); display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-xl); padding: var(--space-md) var(--space-md) var(--space-lg); overflow-y: auto; background: var(--color-bg); visibility: hidden; clip-path: inset(0 0 100% 0); transition: clip-path 0.7s var(--ease-out-expo), visibility 0s 0.7s; }
.mnav.is-open { visibility: visible; clip-path: inset(0 0 0 0); transition: clip-path 0.7s var(--ease-out-expo), visibility 0s; }
.mnav__nav { display: flex; flex-direction: column; }
.mnav__link { display: flex; align-items: baseline; gap: var(--space-sm); padding: var(--space-sm) 0; border-bottom: 1px solid var(--color-contrast-lower); font-size: var(--text-md); text-transform: uppercase; color: var(--color-contrast-higher); text-decoration: none; opacity: 0; transform: translateY(1.5rem); transition: opacity 0.4s, transform 0.8s var(--ease-out-expo); }
.mnav__link span { font-size: var(--text-xs); font-weight: 700; color: var(--color-contrast-medium); }
.mnav.is-open .mnav__link { opacity: 1; transform: none; transition-delay: calc(var(--i, 0) * 60ms + 150ms); }
.mnav__foot { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-sm); }
.mnav__phone { font-size: var(--text-lg); color: var(--color-contrast-higher); text-decoration: none; }
@media (min-width: 72rem) { .mnav { display: none; } }

.ftr { background: var(--color-bg); }
.ftr__top { display: grid; gap: var(--space-xl); padding-top: var(--space-xl); border-top: 1px solid var(--color-contrast-lower); }
.ftr__brand { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-lg); }
.ftr__logo img { display: block; width: auto; height: calc(var(--space-unit) * 1.375); }
.ftr__dealer { margin-top: calc(var(--space-sm) - var(--space-lg)); font-size: var(--text-sm); font-weight: 700; line-height: 1.2; text-transform: uppercase; color: var(--color-contrast-higher); }
.ftr__dealer small { display: block; margin-top: var(--space-xxxs); font-size: var(--text-xs); font-weight: 400; text-transform: none; color: var(--color-contrast-medium); }
.ftr__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg) var(--space-md); }
.ftr__title { display: inline-block; margin-bottom: var(--space-sm); font-size: var(--text-sm); font-weight: 700; text-transform: uppercase; color: var(--color-contrast-high); text-decoration: none; }
.ftr__links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xxs); }
.ftr__links a, .ftr__bottom a { font-size: var(--text-sm); color: var(--color-contrast-medium); text-decoration: none; transition: color 0.3s; }
.ftr__title:hover, .ftr__links a:hover, .ftr__bottom a:hover { color: var(--color-contrast-higher); }
.ftr__info { display: flex; flex-wrap: wrap; gap: var(--space-xs) var(--space-xl); margin-top: var(--space-xl); color: var(--color-contrast-high); }
.ftr__info a { color: inherit; text-decoration: none; }
.ftr__legal { margin-top: var(--space-xl); font-size: var(--text-xs); line-height: 1.45; color: var(--color-contrast-high); }
.ftr__bottom { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-xs) var(--space-lg); margin-top: var(--space-md); padding-bottom: var(--space-lg); font-size: var(--text-sm); color: var(--color-contrast-high); }
.ftr__org summary { display: inline-flex; align-items: center; gap: var(--space-xxxs); list-style: none; cursor: pointer; }
.ftr__org summary::-webkit-details-marker { display: none; }
.ftr__org .ico { width: 1rem; height: 1rem; transition: transform 0.3s; }
.ftr__org[open] .ico { transform: rotate(180deg); }
.ftr__org-body { margin-top: var(--space-xxs); }
@media (min-width: 48rem) { .ftr__cols { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .ftr__top { grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); } }

.rail { position: fixed; right: 0; top: 50%; z-index: var(--z-index-fixed-element, 10); display: flex; flex-direction: column; gap: var(--space-xxxs); transform: translateY(-50%); }
.rail__btn { position: relative; display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 0; border-radius: var(--radius-md) 0 0 var(--radius-md); background: var(--color-contrast-higher); color: var(--color-white); text-decoration: none; cursor: pointer; transition: background-color 0.3s, transform 0.6s var(--ease-out-expo), opacity 0.4s; }
.rail__btn .ico { width: 1.5rem; height: 1.5rem; stroke-width: 1.4; }
.rail__btn:hover { background: var(--color-black); color: var(--color-white); }
.rail__tip { position: absolute; right: calc(100% + var(--space-xs)); top: 50%; padding: var(--space-xxs) var(--space-sm); border-radius: var(--radius-sm); background: var(--color-contrast-higher); color: var(--color-bg); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; opacity: 0; transform: translate(0.5rem, -50%); transition: opacity 0.3s, transform 0.5s var(--ease-out-expo); pointer-events: none; }
.rail__btn:hover .rail__tip, .rail__btn:focus-visible .rail__tip { opacity: 1; transform: translate(0, -50%); }
.rail__btn--up.is-off { opacity: 0; transform: translateX(100%); pointer-events: none; }
@media (hover: none) { .rail__tip { display: none; } }

.cookie { position: fixed; left: var(--space-sm); right: var(--space-sm); bottom: var(--space-sm); z-index: var(--z-index-fixed-element, 10); display: flex; align-items: center; gap: var(--space-sm); max-width: 30rem; padding: var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md); border: 1px solid var(--color-contrast-lower); border-radius: var(--radius-md); background: var(--color-bg); box-shadow: var(--shadow-lg); transform: translateY(calc(100% + var(--space-lg))); transition: transform 0.9s var(--ease-out-expo); }
.cookie[hidden] { display: none; }
.cookie.is-on { transform: none; }
.cookie__text { font-size: var(--text-sm); line-height: 1.45; color: var(--color-contrast-high); }
.cookie__text a { color: inherit; }

.hero { position: relative; isolation: isolate; display: flex; overflow: hidden; min-height: calc(100vh - var(--hdr-h)); min-height: calc(100svh - var(--hdr-h)); background: var(--color-bg); }
.hero__inner { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-lg); padding-top: var(--space-lg); padding-bottom: var(--space-sm); }
.hero__content, .hero__foot { position: relative; z-index: 2; }
.hero__content { max-width: 44rem; opacity: calc(1 - var(--hp, 0) * 1.6); translate: 0 calc(var(--hp, 0) * -4rem); }
.hero__title { margin-top: var(--space-sm); font-size: var(--text-xxxl); font-weight: 400; line-height: 1; text-transform: uppercase; color: var(--color-contrast-higher); }
.hero__lead { margin-top: var(--space-md); max-width: 31rem; font-size: var(--text-md); line-height: 1.45; color: var(--color-contrast-high); text-wrap: pretty; }
.hero__btns { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-lg); }
.hero__stage { position: relative; z-index: 1; height: 62vw; margin: 0 calc(var(--component-padding) * -1); pointer-events: none; }
.hero__word { position: absolute; left: 0; right: 0; top: 0; height: 1em; overflow: hidden; font-size: calc(var(--text-unit) * 6.2); font-weight: 700; line-height: 1; color: var(--color-contrast-lower); white-space: nowrap; translate: 0 calc(var(--hp, 0) * 6rem); }
.hero__word-i { position: absolute; left: 0; right: 0; top: 0; display: flex; justify-content: center; }
.hero__ch { display: inline-block; transform: translate3d(0, 105%, 0); transition: transform 1.1s var(--ease-out-expo); transition-delay: calc(var(--c, 0) * 45ms + 250ms); }
.hero__word-i.is-active .hero__ch { transform: none; }
.hero__word-i.is-leaving .hero__ch { transform: translate3d(0, -105%, 0); transition: transform 0.8s var(--ease-in-out); transition-delay: calc(var(--c, 0) * 30ms); }
.hero__word-i:not(.is-active):not(.is-leaving) .hero__ch { transition: none; }
.hero__cars { position: absolute; left: 0; right: 0; bottom: 0; height: 78%; translate: 0 calc(var(--hp, 0) * -5rem); }
.hero__car { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%; mix-blend-mode: multiply; opacity: 0; transform: translate3d(32%, 0, 0) scale(0.96); transition: transform 1.7s var(--ease-out-expo), opacity 0.9s var(--ease-out); }
.hero__car.is-active { opacity: 1; transform: none; }
.hero__car.is-leaving { opacity: 0; transform: translate3d(-28%, 0, 0) scale(0.98); transition: transform 1.1s var(--ease-in-out), opacity 0.6s 0.2s; }
.hero__car:not(.is-active):not(.is-leaving) { transition: none; }
.hero.is-instant .hero__car, .hero.is-instant .hero__ch { transition: none; }
.hero__foot { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-md) var(--space-lg); }
.hero__stats { display: flex; flex-wrap: wrap; gap: var(--space-md) var(--space-lg); }
.hero__stat { display: flex; flex-direction: column-reverse; gap: var(--space-xxxs); }
.hero__num { font-size: var(--text-xxl); font-weight: 300; line-height: 1; color: var(--color-contrast-higher); white-space: nowrap; }
.hero__num small { font-size: 0.5em; font-weight: 400; }
.hero__lbl { font-size: var(--text-sm); color: var(--color-contrast-medium); }
.hero__nav { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-xxs); }
.hero__model { display: flex; align-items: baseline; gap: var(--space-xxs); font-size: var(--text-sm); font-weight: 700; color: var(--color-contrast-medium); }
.hero__model b { margin-left: var(--space-xs); color: var(--color-contrast-higher); text-transform: uppercase; }
.hero__bars { display: flex; gap: var(--space-xs); }
.hero__bar { position: relative; width: 4.5rem; height: 2.75rem; padding: 0; border: 0; background: none; cursor: pointer; }
.hero__bar::before, .hero__bar i { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; border-radius: 2px; }
.hero__bar::before { background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.14); }
.hero__bar i { background: var(--color-contrast-higher); transform: scaleX(0); transform-origin: left center; }
.hero.is-ready .hero__bar.is-active i { animation: uniBar 6.5s linear forwards; }
.hero.is-paused .hero__bar.is-active i { animation-play-state: paused; }
.is-still .hero__bar.is-active i { animation: none; transform: scaleX(1); }
@keyframes uniBar { to { transform: scaleX(1); } }
.hero__chev { display: none; }
@media (max-width: 63.99rem) { .hero__foot { flex-direction: column; align-items: center; text-align: center; } .hero__stats { justify-content: center; } .hero__stat { align-items: center; } .hero__nav { align-items: center; } }
@media (min-width: 48rem) {
  .hero__stage { height: 46vw; }
  .hero__word { font-size: calc(var(--text-unit) * 10); }
  .hero__bar { width: 5.5rem; }
}
@media (min-width: 64rem) {
  .hero__inner { padding-top: var(--space-xl); padding-bottom: var(--space-sm); }
  .hero__content { max-width: none; }
  .hero__title { max-width: 17.5em; font-size: calc(var(--text-xxxxl) * 1.1); }
  .hero__lead { max-width: 24rem; }
  .hero__num { font-size: var(--text-xxxl); }
  .hero__stage { position: absolute; inset: 0; height: auto; margin: 0; }
  .hero__word { top: 34%; font-size: calc(var(--text-unit) * 13); }
  .hero__word-i { left: auto; right: var(--space-lg); justify-content: flex-end; }
  .hero__cars { left: auto; right: 0; bottom: 14%; width: 50%; height: 52%; }
  .hero__nav { align-items: flex-end; }
  .hero__chev { position: absolute; left: 50%; bottom: var(--space-xs); z-index: 2; display: inline-flex; transform: translateX(-50%); color: var(--color-contrast-medium); }
}
@media (min-width: 90rem) { .hero__word { font-size: calc(var(--text-unit) * 15); } .hero__title { font-size: calc(var(--text-xxxxl) * 1.25); } .hero__lead { max-width: 28rem; } .hero__cars { width: 58%; } }

.stmt__text { font-size: var(--text-xl); font-weight: 300; line-height: 1.3; color: var(--color-contrast-higher); text-wrap: pretty; }
.stmt__text.is-fill .fw { color: var(--color-contrast-low); transition: color 0.5s var(--ease-out); }
.stmt__text.is-fill .fw.is-on { color: var(--color-contrast-higher); }
@media (min-width: 64rem) { .stmt__text { font-size: var(--text-xxl); } }
@media (min-width: 90rem) { .stmt__text { font-size: calc(var(--text-xxl) * 1.15); } }

.tri { display: grid; gap: var(--space-xs); }
.tri__panel { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; min-height: 25rem; padding: var(--space-md); overflow: hidden; border-radius: var(--radius-md); background: var(--color-black); color: var(--color-white); text-decoration: none; }
.tri__panel:hover { color: var(--color-white); }
.tri__media { position: absolute; inset: 0; z-index: -2; }
.tri__media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); filter: grayscale(0.4); transition: transform 1.8s var(--ease-out-expo), filter 1s var(--ease-out); }
.tri__panel::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.9) 0%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.35) 55%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15) 100%); }
.tri__panel.is-open .tri__media img, .tri__panel:focus-visible .tri__media img { transform: scale(1); filter: grayscale(0); }
.tri__top { display: flex; align-items: center; justify-content: space-between; font-size: var(--text-sm); font-weight: 700; }
.tri__arrow { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 1px solid hsla(0, 0%, 100%, 0.45); border-radius: 50%; transition: background-color 0.4s, color 0.4s, transform 0.7s var(--ease-out-expo); }
.tri__panel.is-open .tri__arrow { background: var(--color-white); color: var(--color-black); transform: rotate(45deg); }
.tri__title { font-size: var(--text-xl); line-height: 1.05; text-transform: uppercase; color: inherit; }
.tri__text { margin-top: var(--space-xs); max-width: 24rem; line-height: 1.45; color: hsla(0, 0%, 100%, 0.82); }
@media (min-width: 64rem) {
  .tri { display: flex; height: 36rem; }
  .tri__panel { flex: 1 1 0; min-width: 0; min-height: 0; transition: flex-grow 1.1s var(--ease-out-expo); }
  .tri__panel.is-open { flex-grow: 1.8; }
  .tri__title { width: 13.5rem; font-size: var(--text-lg); }
  .tri__text { width: 22rem; opacity: 0; transform: translateY(1rem); transition: opacity 0.4s, transform 0.8s var(--ease-out-expo); }
  .tri__panel.is-open .tri__text { opacity: 1; transform: none; transition-delay: 0.25s; }
}
@media (min-width: 80rem) {
  .tri { height: 38rem; }
  .tri__panel.is-open { flex-grow: 2.4; }
  .tri__title { width: 17rem; font-size: var(--text-xl); }
  .tri__text { width: 24rem; }
}

.stack { display: flex; flex-direction: column; gap: var(--space-md); }
.offer { position: relative; display: grid; overflow: hidden; border-radius: var(--radius-lg); background: var(--color-bg); transform-origin: 50% 0; }
.offer--light { background: var(--color-contrast-lower); }
.offer::after { content: ''; position: absolute; inset: 0; background: var(--color-black); opacity: calc(var(--p, 0) * 0.45); pointer-events: none; }
.offer__body { display: flex; flex-direction: column; align-items: flex-start; padding: var(--space-md); }
.offer__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-sm); width: 100%; }
.offer__idx { font-size: var(--text-sm); font-weight: 700; color: var(--color-contrast-medium); }
.offer__kicker { margin-top: var(--space-md); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-contrast-medium); }
.offer__title { margin-top: var(--space-xs); font-size: var(--text-lg); line-height: 1.05; text-transform: uppercase; text-wrap: balance; }
.offer__text { margin-top: var(--space-md); max-width: 34rem; line-height: 1.5; color: var(--color-contrast-high); text-wrap: pretty; }
.offer__btns { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-md); }
.offer__media { position: relative; min-height: 11rem; overflow: hidden; }
@media (max-width: 63.99rem) { .offer__media { order: -1; } }
.offer__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(calc(1.1 - var(--p, 0) * 0.1)); }
.offer__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.65) 0%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0) 60%); }
.offer__value { position: absolute; left: var(--space-md); bottom: var(--space-sm); z-index: 1; font-size: var(--text-xxxl); font-weight: 300; line-height: 0.9; color: var(--color-white); white-space: nowrap; }
@media (min-width: 64rem) {
  .stack { gap: var(--space-lg); }
  .offer { position: sticky; top: calc(var(--hdr-h) + var(--space-md) + var(--n, 0) * var(--space-xs)); grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); min-height: 30rem; transform: scale(calc(1 - var(--p, 0) * 0.05)); }
  .offer__body { padding: var(--space-lg); }
  .offer__title { font-size: var(--text-xxl); }
  .offer__media { min-height: 17rem; }
  .offer__btns { margin-top: var(--space-lg); }
  .offer__kicker { margin-top: auto; padding-top: var(--space-lg); }
  .offer__value { left: var(--space-lg); bottom: var(--space-md); font-size: calc(var(--text-xxxxl) * 1.3); }
}
@media (min-width: 90rem) { .offer { min-height: 34rem; } .offer__body { padding: var(--space-xl); } .offer__title { font-size: var(--text-xxl); } }

.price__chips { display: flex; flex-wrap: wrap; gap: var(--space-xxs); margin-top: var(--space-lg); }
.chip { display: inline-flex; align-items: center; gap: 0.45em; min-height: 2.5rem; padding: 0 var(--space-sm); border: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.2); border-radius: var(--btn-radius); background: transparent; color: var(--color-contrast-high); font-family: inherit; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; cursor: pointer; transition: background-color 0.3s, color 0.3s, border-color 0.3s; }
.chip:hover { border-color: var(--color-contrast-higher); }
.chip sup { font-size: 0.85em; opacity: 0.55; }
.chip.is-active { border-color: var(--color-contrast-higher); background: var(--color-contrast-higher); color: var(--color-bg); }
.price__list { position: relative; isolation: isolate; border-top: 1px solid var(--color-contrast-higher); }
.price__row { position: relative; display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto; align-items: baseline; gap: var(--space-sm); padding: var(--space-sm) var(--space-xxs); border-bottom: 1px solid var(--color-contrast-low); }
.price__row::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--color-contrast-lower); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.5s var(--ease-out-expo); }
.price__row:hover::before { transform: scaleY(1); }
.price__row.is-hidden { display: none; }
.price__n { font-size: var(--text-xs); font-weight: 700; color: var(--color-contrast-medium); }
.price__name { color: var(--color-contrast-higher); transition: transform 0.5s var(--ease-out-expo); }
.price__row:hover .price__name { transform: translateX(var(--space-xs)); }
.price__val { white-space: nowrap; color: var(--color-contrast-higher); }
.price__val small { margin-right: 0.3em; font-size: var(--text-sm); color: var(--color-contrast-medium); }
.price__note { margin-top: var(--space-md); font-size: var(--text-sm); color: var(--color-contrast-medium); }
@media (min-width: 64rem) {
  .price__aside { position: sticky; top: calc(var(--hdr-h) + var(--space-lg)); }
  .price__row { grid-template-columns: 3rem minmax(0, 1fr) auto; padding: var(--space-md) var(--space-xs); }
  .price__name, .price__val { font-size: var(--text-md); }
}

.about { position: relative; }
.about__words { display: none; }
.about__frame { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: var(--radius-md); background: var(--color-contrast-lower); }
.about__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.about__shade { position: absolute; inset: 0; opacity: 0; background: linear-gradient(90deg, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.78) 0%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.35) 50%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0) 80%); }
.about__content { margin-top: var(--space-lg); max-width: 40rem; }
.about__title { margin-top: var(--space-xs); font-size: var(--text-xxl); line-height: 1.05; text-transform: uppercase; }
.about__text { margin-top: var(--space-sm); font-size: var(--text-md); line-height: 1.45; color: var(--color-contrast-high); }
.about__addr { display: flex; align-items: center; gap: var(--space-xxs); margin-top: var(--space-md); font-weight: 700; color: var(--color-contrast-high); }
.about__addr .ico { width: 1.25rem; height: 1.25rem; }
@media (min-width: 48rem) { .about__frame { aspect-ratio: 16 / 9; } }
.about.is-pin { height: 240vh; padding-top: 0; padding-bottom: 0; }
.about.is-pin .about__sticky { position: sticky; top: var(--hdr-h); height: calc(100vh - var(--hdr-h)); overflow: hidden; }
.about.is-pin .about__words { position: absolute; inset: 0; display: block; }
.about__w { position: absolute; font-size: calc(var(--text-xxxxl) * 2); line-height: 0.9; text-transform: uppercase; color: var(--color-contrast-higher); white-space: nowrap; }
.about__w--1 { top: 6%; left: max(var(--component-padding), calc((100% - var(--max-width-xl)) / 2)); }
.about__w--2 { bottom: 6%; right: max(var(--component-padding), calc((100% - var(--max-width-xl)) / 2)); }
.about.is-pin .about__wrap { position: static; height: 100%; }
.about.is-pin .about__frame { position: absolute; inset: 0; z-index: 1; aspect-ratio: auto; border-radius: 0; clip-path: inset(var(--cy, 22%) var(--cx, 26%) round var(--cr, 20px)); transition: none; }
.about.is-pin .about__img { transform: scale(var(--cs, 1.22)); }
.about.is-pin .about__shade { opacity: var(--co, 0); }
.about.is-pin .about__content { position: absolute; bottom: var(--space-xl); z-index: 2; margin: 0; opacity: var(--co, 0); transform: translateY(calc((1 - var(--co, 0)) * 2rem)); color: var(--color-white); }
.about.is-pin .about__content .eyebrow, .about.is-pin .about__text, .about.is-pin .about__addr { color: hsla(0, 0%, 100%, 0.85); }
.about.is-pin .about__title { color: var(--color-white); font-size: calc(var(--text-xxxxl) * 1.2); }

.why__list { display: grid; column-gap: var(--space-lg); }
.why__item { position: relative; padding: var(--space-md) 0 var(--space-lg); }
.why__item::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--color-contrast-higher); transform-origin: left center; transition: transform 1.4s var(--ease-out-expo); transition-delay: calc(var(--si, 0) * 110ms); }
.js .why__list:not(.is-in) .why__item::before { transform: scaleX(0); }
.why__n { font-size: var(--text-sm); font-weight: 700; color: var(--color-contrast-medium); }
.why__d { margin-top: var(--space-xs); color: var(--color-contrast-medium); }
.why__top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-sm); }
.why__ico { display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: var(--radius-md); background: var(--color-contrast-lower); color: var(--color-contrast-higher); transition: background-color 0.5s var(--ease-out), color 0.5s var(--ease-out), transform 0.6s var(--ease-out-expo); }
.why__ico svg { width: 2.4rem; height: 2.4rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
.why__item:hover .why__ico { background: var(--color-contrast-higher); color: var(--color-bg); transform: translateY(-0.25rem); }
.why__a { --pd: 0.5s; stroke: currentColor; }
.why__p { stroke-dasharray: 1 2; stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s var(--ease-out-expo); transition-delay: calc(var(--si, 0) * 140ms + var(--pd, 0s)); }
.js .why__list:not(.is-in) .why__p { stroke-dashoffset: 1.01; }
.why__gear { transform-origin: 12px 12px; }
.why__wrench, .why__spark { transform-origin: 16px 8px; }
.why__hand { transform-origin: 12px 14px; }
.why__spark { opacity: 0; }
.why__list.is-in .why__check { animation: uniWhyCheck 4.8s var(--ease-out-expo) calc(var(--si, 0) * 140ms + 2.4s) infinite; }
.why__list.is-in .why__gear { animation: uniWhySpin 14s linear calc(var(--si, 0) * 140ms + 1.8s) infinite; }
.why__list.is-in .why__wrench { animation: uniWhySwing 4.2s var(--ease-in-out) calc(var(--si, 0) * 140ms + 2s) infinite; }
.why__list.is-in .why__spark { animation: uniWhySpark 4.2s var(--ease-out) calc(var(--si, 0) * 140ms + 2s) infinite; }
.why__list.is-in .why__hand { animation: uniWhySpin 6s steps(12) calc(var(--si, 0) * 140ms + 2s) infinite; }
@keyframes uniWhyCheck { 0%, 72% { stroke-dashoffset: 0; } 76% { stroke-dashoffset: 1.01; } 100% { stroke-dashoffset: 0; } }
@keyframes uniWhySpin { to { transform: rotate(360deg); } }
@keyframes uniWhySwing { 0%, 70%, 100% { transform: rotate(0deg); } 78% { transform: rotate(-24deg); } 86% { transform: rotate(6deg); } 92% { transform: rotate(0deg); } }
@keyframes uniWhySpark { 0%, 76% { opacity: 0; } 80% { opacity: 1; } 92%, 100% { opacity: 0; } }
.is-still .why__ico *, .is-reduced .why__ico * { animation: none !important; transition: none !important; }
.why__t { margin-top: var(--space-lg); font-size: var(--text-md); line-height: 1.1; text-transform: uppercase; }
@media (min-width: 48rem) { .why__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 80rem) { .why__list { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--space-md); } }

.hs { position: relative; }
.hs__track { position: relative; display: flex; gap: var(--space-sm); padding: 0 max(var(--component-padding), calc((100% - var(--max-width-xl)) / 2)); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.hs__track::-webkit-scrollbar { display: none; }
.hs__track > * { flex: 0 0 auto; scroll-snap-align: center; }
.hs__count { font-size: var(--text-sm); font-weight: 700; color: var(--color-contrast-medium); }
.hs__count span { color: var(--color-contrast-higher); }
.hs__bar { position: relative; height: 2px; margin-top: var(--space-lg); background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.12); }
.hs__bar i { position: absolute; inset: 0; background: var(--color-contrast-higher); transform: scaleX(var(--hp, 0)); transform-origin: left center; }
.hs:not(.is-pin) .hs__bar { display: none; }
.hs.is-pin { padding-top: 0; padding-bottom: 0; }
.hs.is-pin .hs__sticky { position: sticky; top: var(--hdr-h); display: flex; flex-direction: column; justify-content: center; height: calc(100vh - var(--hdr-h)); overflow: hidden; }
.hs.is-pin .hs__track { overflow: visible; scroll-snap-type: none; will-change: transform; }

.gal__item { width: 80vw; }
.gal__media { position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: var(--radius-md); background: var(--color-contrast-lower); }
.gal__media img { position: absolute; top: 0; left: -8%; width: 116%; max-width: none; height: 100%; object-fit: cover; }
.gal__cap { display: flex; gap: var(--space-xs); margin-top: var(--space-sm); font-size: var(--text-sm); font-weight: 700; text-transform: uppercase; color: var(--color-contrast-higher); }
.gal__cap span { color: var(--color-contrast-medium); }
@media (min-width: 48rem) { .gal__item { width: 52vw; } }
@media (min-width: 64rem) { .gal__item { width: calc((100vh - var(--hdr-h)) * 0.78); } }

.cta { position: relative; isolation: isolate; overflow: hidden; }
.cta__bg { position: absolute; inset: 0; z-index: -1; }
.cta__bg img { position: absolute; left: 0; top: -12%; width: 100%; height: 124%; object-fit: cover; filter: grayscale(1); }
.cta__bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, hsla(240, 4%, 9%, 0.8) 0%, hsla(240, 4%, 9%, 0.72) 45%, hsla(240, 4%, 9%, 0.86) 100%); }
.cta__marquee { overflow: hidden; margin-bottom: var(--space-xl); pointer-events: none; }
.cta__track { display: flex; width: max-content; will-change: transform; }
.cta__track span { display: inline-flex; align-items: center; gap: 0.35em; padding-right: 0.35em; font-size: calc(var(--text-xxxxl) * 1.6); font-weight: 700; line-height: 1.05; text-transform: uppercase; white-space: nowrap; color: transparent; -webkit-text-stroke: 1px hsla(0, 0%, 100%, 0.38); }
.cta__track span::after { content: ''; width: 0.16em; height: 0.16em; border-radius: 50%; background: var(--color-accent); }
.cta__in { display: flex; flex-direction: column; align-items: center; gap: var(--space-md); text-align: center; }
.cta__title { max-width: 20ch; font-size: var(--text-xxl); line-height: 1.05; text-transform: uppercase; text-wrap: balance; }
.cta__text { max-width: 32rem; font-size: var(--text-md); color: var(--color-contrast-high); }
.cta__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs); margin-top: var(--space-xs); }
@media (min-width: 64rem) { .cta__track span { font-size: calc(var(--text-xxxxl) * 3.4); } .cta__title { font-size: calc(var(--text-xxxxl) * 1.1); } }

.contacts__phone { display: inline-block; margin-top: var(--space-md); font-size: var(--text-xl); line-height: 1; color: var(--color-contrast-higher); text-decoration: none; white-space: nowrap; background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size 0.6s var(--ease-out-expo); }
.contacts__phone:hover { color: var(--color-contrast-higher); background-size: 100% 1px; }
.contacts__list { display: grid; gap: var(--space-md); margin-top: var(--space-md); }
.contacts__list dt { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-contrast-medium); }
.contacts__list dd { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xxs) var(--space-sm); margin-top: var(--space-xxxs); font-size: var(--text-md); color: var(--color-contrast-higher); }
.status { display: inline-flex; align-items: center; gap: 0.5em; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--color-contrast-medium); }
.status::before { content: ''; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: currentColor; }
.status.is-open { color: var(--color-success); }
.status.is-open::before { animation: uniPulse 2s var(--ease-out) infinite; }
@keyframes uniPulse { 0% { box-shadow: 0 0 0 0 hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0.5); } 100% { box-shadow: 0 0 0 0.6rem hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), 0); } }
.contacts { --px: 50%; position: relative; isolation: isolate; display: flex; flex-direction: column; overflow: hidden; background: var(--color-bg); }
.contacts__map { position: relative; order: -1; height: 24rem; margin: calc(var(--space-xl) * -1) 0 var(--space-lg); overflow: hidden; background-color: hsl(0, 0%, 95%); background-image: linear-gradient(hsla(0, 0%, 0%, 0.04) 1px, transparent 1px), linear-gradient(90deg, hsla(0, 0%, 0%, 0.04) 1px, transparent 1px); background-size: var(--space-xl) var(--space-xl); }
.contacts__frame { position: absolute; inset: 0; z-index: 0; opacity: 0; pointer-events: none; transition: opacity 1.2s var(--ease-out); }
.contacts__frame.is-ready { opacity: 1; }
.contacts__ground { filter: grayscale(1) contrast(1.05) brightness(1.02); }
.contacts__pin { position: absolute; left: var(--px); top: 50%; z-index: 2; display: flex; width: max-content; flex-direction: column; align-items: center; pointer-events: none; transform: translate3d(-50%, calc(-100% + 0.5rem), 0); transition: opacity 0.5s, transform 0.9s var(--ease-out-expo); }
.contacts__tag { display: flex; align-items: center; gap: var(--space-xs); padding: var(--space-xs) var(--space-sm); border-radius: var(--radius-md); background: var(--color-black); color: var(--color-white); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 0.75rem 2rem hsla(0, 0%, 0%, 0.25); }
.contacts__tag img { width: auto; height: 0.85rem; filter: brightness(0) invert(1); }
.contacts__tag span { padding-left: var(--space-xs); border-left: 1px solid hsla(0, 0%, 100%, 0.45); }
.contacts__stem { width: 1px; height: var(--space-md); background: var(--color-black); transform-origin: 50% 0; }
.contacts__dot { position: relative; width: 1rem; height: 1rem; border-radius: 50%; background: var(--color-white); box-shadow: 0 0 0 3px var(--color-black); }
.contacts__dot::before, .contacts__dot::after { content: ''; position: absolute; inset: -3px; border-radius: 50%; border: 1px solid var(--color-black); animation: uniRing 2.6s var(--ease-out) infinite; }
.contacts__dot::after { animation-delay: 1.3s; }
@keyframes uniRing { 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(3.2); opacity: 0; } }
.js .contacts__pin .contacts__tag { opacity: 0; transform: translate3d(0, var(--space-sm), 0); transition: opacity 0.6s 0.5s, transform 1s 0.5s var(--ease-out-expo); }
.js .contacts__pin .contacts__stem { transform: scaleY(0); transition: transform 0.7s 0.3s var(--ease-out-expo); }
.js .contacts.is-in .contacts__pin .contacts__tag { opacity: 1; transform: none; }
.js .contacts.is-in .contacts__pin .contacts__stem { transform: none; }
.contacts__bar { position: absolute; left: var(--space-md); right: var(--space-md); bottom: var(--space-md); z-index: 4; display: flex; flex-wrap: wrap; gap: var(--space-xs); opacity: 0; visibility: hidden; transform: translate3d(0, var(--space-md), 0); transition: opacity 0.4s, transform 0.8s var(--ease-out-expo), visibility 0s 0.8s; }
.contacts__bar .btn { display: inline-flex; align-items: center; gap: var(--space-xxs); box-shadow: 0 0.5rem 1.5rem hsla(0, 0%, 0%, 0.18); }
.contacts__bar .btn--primary { background: var(--color-black); border-color: var(--color-black); color: var(--color-white); }
.contacts__bar .btn--primary:hover { background: hsl(240, 2%, 22%); border-color: hsl(240, 2%, 22%); color: var(--color-white); }
.contacts__bar .ico { width: 1.1rem; height: 1.1rem; }
.contacts__shade { display: none; }
.contacts__inner { position: relative; z-index: 3; }
.contacts__card { position: relative; }
.contacts__show { display: inline-flex; align-items: center; gap: 0.35em; padding: 0; border: 0; background: none; color: var(--color-accent); font: inherit; font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; transition: color 0.3s var(--ease-out); }
.contacts__show .ico { width: 1.1em; height: 1.1em; }
.contacts__show:hover { color: var(--color-accent-lighter); }
.contacts__list .status { flex-basis: 100%; }
.contacts__title { font-size: var(--text-xl); line-height: 1.05; text-transform: uppercase; }
.contacts__btns > .btn { flex-grow: 1; }
.contacts.is-map .contacts__frame { pointer-events: auto; }
.contacts.is-map .contacts__pin { opacity: 0; transform: translate3d(-50%, calc(-100% - var(--space-md)), 0); }
.contacts.is-map .contacts__bar { opacity: 1; visibility: visible; transform: none; transition: opacity 0.5s 0.3s, transform 0.9s 0.3s var(--ease-out-expo), visibility 0s; }
@media (min-width: 64rem) {
  .contacts { --px: 68%; justify-content: center; min-height: 40rem; }
  .contacts__map { position: absolute; inset: 0; z-index: 0; height: auto; margin: 0; }
  .contacts__inner { pointer-events: none; }
  .contacts__card { max-width: 30rem; padding: var(--space-lg); border: 1px solid hsla(0, 0%, 100%, 0.08); border-radius: var(--radius-lg); background: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), 0.94); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 1.5rem 4rem hsla(0, 0%, 0%, 0.45); pointer-events: auto; transition: transform 1.1s var(--ease-out-expo), opacity 0.6s; }
  .contacts__card::before { content: ''; position: absolute; left: var(--space-lg); top: -1px; width: 3rem; height: 3px; border-radius: 0 0 3px 3px; background: var(--color-accent); }
  .contacts__title { font-size: var(--text-xxl); }
  .contacts__phone { font-size: var(--text-xxl); }
  .contacts__bar { left: max(var(--space-md), calc((100vw - var(--max-width-xl)) / 2 + var(--space-md))); right: auto; top: var(--space-lg); bottom: auto; transform: translate3d(0, calc(var(--space-md) * -1), 0); }
  .contacts.is-map .contacts__card { opacity: 0; transform: translate3d(calc(-100% - var(--space-xxl)), 0, 0); pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) { .contacts__dot::before, .contacts__dot::after { animation: none; } }

.phero { position: relative; isolation: isolate; display: flex; overflow: hidden; min-height: calc(86vh - var(--hdr-h)); min-height: calc(86svh - var(--hdr-h)); }
.phero__bg { position: absolute; inset: 0; z-index: -1; background: var(--color-black); }
.phero__bg img { position: absolute; left: 0; top: -10%; width: 100%; height: 120%; object-fit: cover; filter: brightness(0.6) grayscale(0.25); transform: scale(1.14); transition: transform 2.6s var(--ease-out-expo); }
.phero.is-ready .phero__bg img, .is-still .phero__bg img { transform: none; }
.phero__bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8) 0%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.35) 60%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15) 100%); }
.phero__in { display: flex; flex-direction: column; gap: var(--space-xl); padding-top: var(--space-sm); padding-bottom: var(--space-xxl); }
.crumbs { display: flex; flex-wrap: wrap; gap: var(--space-xxs); font-size: var(--text-sm); font-weight: 700; color: hsla(0, 0%, 100%, 0.6); }
.crumbs a { color: var(--color-white); text-decoration: none; }
.crumbs a:hover { color: hsla(0, 0%, 100%, 0.75); }
.phero__title { max-width: 16ch; font-size: var(--text-xxl); line-height: 1; text-transform: uppercase; color: var(--color-white); }
.phero__lead { margin-top: var(--space-md); max-width: 36rem; font-size: var(--text-md); line-height: 1.45; color: hsla(0, 0%, 100%, 0.85); text-wrap: pretty; }
.phero__btns { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-lg); }
.phero__chev { position: absolute; left: 50%; bottom: var(--space-xs); transform: translateX(-50%); color: var(--color-white); }
@media (min-width: 64rem) { .phero__in { padding-top: var(--space-md); } .phero__title { max-width: none; font-size: var(--text-xxxxl); } }

.odo__in { display: grid; gap: var(--space-xl); }
.odo__meter { display: flex; align-items: flex-end; gap: var(--space-sm); font-size: calc(var(--text-xxxxl) * 1.2); font-weight: 300; line-height: 1; color: var(--color-contrast-higher); }
.odo__digits { display: flex; }
.odo__d { display: block; width: 0.74em; height: 1em; overflow: hidden; text-align: center; }
.odo__strip { display: flex; flex-direction: column; }
.odo__strip span { display: block; height: 1em; }
.odo__sep { width: 0.28em; }
.odo__unit { padding-bottom: 0.12em; font-size: var(--text-lg); font-weight: 400; text-transform: uppercase; color: var(--color-contrast-medium); }
.odo__rail { position: relative; }
.odo__track { display: none; position: relative; height: 2px; background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.12); }
.odo__fill { position: absolute; inset: 0; background: var(--color-contrast-higher); transform-origin: left center; transform: scaleX(0); }
.odo__steps { display: grid; border-top: 1px solid var(--color-contrast-low); }
.odo__step { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr) auto; align-items: baseline; gap: var(--space-xs); padding: var(--space-sm) 0; border-bottom: 1px solid var(--color-contrast-low); color: var(--color-contrast-low); transition: color 0.5s var(--ease-out); }
.odo__step.is-on { color: var(--color-contrast-higher); }
.odo__step b { font-weight: 700; text-transform: uppercase; }
.odo__km { font-size: var(--text-md); }
.odo__mo { font-size: var(--text-sm); color: inherit; opacity: 0.7; }
.odo__note { grid-column: 2 / -1; font-size: var(--text-sm); color: var(--color-contrast-medium); }
@media (min-width: 64rem) { .odo__meter { font-size: calc(var(--text-xxxxl) * 1.7); padding-right: 2rem; } }
@media (min-width: 90rem) { .odo__meter { font-size: calc(var(--text-xxxxl) * 2.4); } }
@media (min-width: 64rem) {
  .odo .odo__in { grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-xl) var(--space-lg); }
  .odo .odo__rail { grid-column: 1 / -1; height: 15rem; }
  .odo .odo__track { display: block; position: absolute; left: 0; right: 0; top: 50%; }
  .odo .odo__steps { display: block; position: absolute; inset: 0; border: 0; }
  .odo .odo__step { position: absolute; left: calc(var(--x, 0) * 100%); display: flex; flex-direction: column; gap: var(--space-xxxs); width: 10rem; padding: 0 0 0 var(--space-sm); border: 0; border-left: 1px solid currentColor; }
  .odo .odo__step:nth-child(odd) { bottom: calc(50% + var(--space-sm)); }
  .odo .odo__step:nth-child(even) { top: calc(50% + var(--space-sm)); }
  .odo .odo__step:last-child { padding: 0 var(--space-sm) 0 0; border-left: 0; border-right: 1px solid currentColor; text-align: right; transform: translateX(-100%); }
  .odo .odo__step::after { content: ''; position: absolute; left: -0.3125rem; width: 0.5625rem; height: 0.5625rem; border-radius: 50%; background: var(--color-bg); box-shadow: inset 0 0 0 2px currentColor; transition: background-color 0.4s; }
  .odo .odo__step:nth-child(odd)::after { bottom: calc(var(--space-sm) * -1 - 0.3125rem); }
  .odo .odo__step:nth-child(even)::after { top: calc(var(--space-sm) * -1 - 0.3125rem); }
  .odo .odo__step:last-child::after { left: auto; right: -0.3125rem; }
  .odo .odo__step.is-on::after { background: currentColor; }
  .odo .odo__note { grid-column: auto; }
  .odo .odo__step { cursor: pointer; outline: none; }
  .odo .odo__step:hover, .odo .odo__step:focus-visible { color: var(--color-contrast-higher); }
  .odo .odo__step.is-cur::after { transform: scale(1.5); }
  .odo .odo__step::after { transition: background-color 0.4s, transform 0.4s var(--ease-out-expo); }
}

.tcard { display: grid; width: 86vw; overflow: hidden; border-radius: var(--radius-lg); background: var(--color-contrast-lower); }
.tcard__media { position: relative; min-height: 13rem; overflow: hidden; }
.tcard__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tcard__body { display: flex; flex-direction: column; padding: var(--space-md); }
.tcard__n { font-size: var(--text-sm); font-weight: 700; color: var(--color-contrast-medium); }
.tcard__t { margin-top: var(--space-sm); font-size: var(--text-xl); line-height: 1.05; text-transform: uppercase; }
.tcard__d { margin-top: var(--space-xs); color: var(--color-contrast-medium); }
.tcard__list { margin-top: var(--space-md); }
.tcard__list li { display: flex; align-items: flex-start; gap: var(--space-xs); padding: var(--space-xxs) 0; border-bottom: 1px solid var(--color-contrast-low); font-size: var(--text-sm); line-height: 1.4; color: var(--color-contrast-high); }
.tcard__list .ico { width: 1.125rem; height: 1.125rem; color: var(--color-contrast-higher); }
.tcard--end { display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-lg); padding: var(--space-lg) var(--space-md); }
.tcard--end .tcard__t { margin-top: 0; }
@media (min-width: 48rem) { .tcard { width: 72vw; } }
@media (min-width: 64rem) {
  .tcard { width: 60rem; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); height: calc(100vh - var(--hdr-h) - 15rem); min-height: 30rem; max-height: 38rem; }
  .tcard__body { padding: var(--space-lg); }
  .tcard__list { margin-top: auto; padding-top: var(--space-md); }
  .tcard--end { width: 26rem; padding: var(--space-xl) var(--space-lg); }
}

.cards { display: grid; gap: var(--space-xs); }
.card { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 19rem; padding: var(--space-md); overflow: hidden; border-radius: var(--radius-md); background: var(--color-contrast-lower); color: var(--color-contrast-higher); transition: color 0.5s var(--ease-out); }
.card::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--color-contrast-higher); transform: scaleY(0); transform-origin: 50% 100%; transition: transform 0.8s var(--ease-out-expo); }
.card:hover { color: var(--color-bg); }
.card:hover::before { transform: scaleY(1); }
.card__n { font-size: var(--text-sm); font-weight: 700; opacity: 0.6; }
.card__val { margin-top: var(--space-lg); font-size: calc(var(--text-xxxxl) * 1.1); font-weight: 300; line-height: 1; }
.card__t { margin-top: auto; padding-top: var(--space-xl); font-size: var(--text-lg); line-height: 1.1; text-transform: uppercase; color: inherit; transition: color 0.5s; }
.card__d { margin-top: var(--space-xs); color: var(--color-contrast-medium); transition: color 0.5s; }
.card:hover .card__d { color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.72); }
.cards--steps .card__n { display: flex; align-items: center; gap: var(--space-sm); opacity: 1; }
.cards--steps .card__n::after { content: ''; flex: 1; height: 1px; background: currentColor; opacity: 0.35; }
.card__ico { display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; margin-top: var(--space-lg); border-radius: var(--radius-md); background: var(--color-bg); color: var(--color-contrast-higher); transition: background-color 0.5s var(--ease-out), color 0.5s var(--ease-out), transform 0.6s var(--ease-out-expo); }
.card:hover .card__ico { background: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.12); color: var(--color-bg); transform: translateY(-0.25rem); }
.card__ico svg { width: 2.4rem; height: 2.4rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
.card__p { stroke-dasharray: 1 2; stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s var(--ease-out-expo); transition-delay: calc(var(--si, 0) * 140ms + 0.2s); }
.js .cards:not(.is-in) .card__p { stroke-dashoffset: 1.01; }
.card__ring { transform-origin: 12px 12px; }
.card__wave, .card__spark { opacity: 0; }
.card__wrench, .card__spark { transform-origin: 16px 8px; }
.cards.is-in .card__ring { animation: uniCardRing 3.6s var(--ease-in-out) calc(var(--si, 0) * 140ms + 1.8s) infinite; }
.cards.is-in .card__wave--1 { animation: uniCardWave 3.6s var(--ease-out) calc(var(--si, 0) * 140ms + 1.8s) infinite; }
.cards.is-in .card__wave--2 { animation: uniCardWave 3.6s var(--ease-out) calc(var(--si, 0) * 140ms + 1.95s) infinite; }
.cards.is-in .card__scan { animation: uniBentoScan 3.2s var(--ease-in-out) calc(var(--si, 0) * 140ms + 1.8s) infinite; }
.cards.is-in .card__wrench { animation: uniWhySwing 4.2s var(--ease-in-out) calc(var(--si, 0) * 140ms + 2s) infinite; }
.cards.is-in .card__spark { animation: uniWhySpark 4.2s var(--ease-out) calc(var(--si, 0) * 140ms + 2s) infinite; }
@keyframes uniCardRing { 0%, 55%, 100% { transform: rotate(0deg); } 60% { transform: rotate(-12deg); } 65% { transform: rotate(10deg); } 70% { transform: rotate(-8deg); } 75% { transform: rotate(6deg); } 80% { transform: rotate(0deg); } }
@keyframes uniCardWave { 0%, 55% { opacity: 0; } 62% { opacity: 1; } 85%, 100% { opacity: 0; } }
.is-still .card__ico *, .is-reduced .card__ico * { animation: none !important; transition: none !important; }
.is-still .card__wave, .is-reduced .card__wave { opacity: 1; }
@media (min-width: 48rem) { .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.bignum__title { font-size: var(--text-xxl); line-height: 1.05; text-transform: uppercase; color: var(--color-contrast-higher); }
.bignum__note { margin-top: var(--space-md); max-width: 32rem; }
.bignum { position: relative; display: grid; overflow: hidden; border-radius: var(--radius-md); background: var(--color-contrast-lower); }
.bignum__cell { display: flex; flex-direction: column; gap: var(--space-sm); padding: var(--space-md); }
.bignum__cell + .bignum__cell { border-top: 1px solid var(--color-contrast-low); }
.bignum__lbl { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-contrast-medium); }
.bignum__num { display: flex; align-items: baseline; gap: var(--space-xs); }
.bignum__v { font-size: var(--text-xxl); font-weight: 300; line-height: 1; color: var(--color-contrast-higher); white-space: nowrap; font-variant-numeric: tabular-nums; }
.bignum__u { font-size: var(--text-md); text-transform: uppercase; color: var(--color-contrast-higher); }
.bignum__or { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--color-contrast-higher); color: var(--color-bg); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; transform: translate(-50%, -50%); }
@media (min-width: 48rem) { .bignum { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bignum__cell + .bignum__cell { border-top: 0; border-left: 1px solid var(--color-contrast-low); padding-left: calc(var(--space-md) + var(--space-md)); } }
@media (max-width: 63.99rem) { .bignum { max-width: var(--max-width-sm); } }
@media (min-width: 64rem) { .bignum__title { font-size: var(--text-xxxl); } .bignum__cell { padding: var(--space-lg) var(--space-md); } .bignum__v { font-size: var(--text-xxxl); } }

.focus__list { display: grid; gap: var(--space-xxs); }
.focus__item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-md); padding: var(--space-md); border-radius: var(--radius-md); background: var(--color-bg); transition: transform 0.6s var(--ease-out-expo); }
.focus[data-theme="dark"] .focus__item { background: var(--color-contrast-lower); }
.focus__item:hover { transform: translateX(var(--space-xxs)); }
.focus__ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; border-radius: 50%; background: var(--color-contrast-higher); color: var(--color-bg); transition: transform 0.6s var(--ease-out-expo); }
.focus__item:hover .focus__ico { transform: scale(1.08); }
.focus__ico svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.focus__p { stroke-dasharray: 1 2; stroke-dashoffset: 0; transition: stroke-dashoffset 1s var(--ease-out-expo); transition-delay: calc(var(--si, 0) * 110ms + 0.35s); }
.focus__p--2 { transition-delay: calc(var(--si, 0) * 110ms + 0.55s); }
.js .focus__list:not(.is-in) .focus__p { stroke-dashoffset: 1.01; }
.is-still .focus__p, .is-reduced .focus__p { transition: none; }
.focus__t { font-size: var(--text-md); line-height: 1.4; color: var(--color-contrast-higher); text-wrap: pretty; }
.focus__n { font-size: var(--text-xs); font-weight: 700; color: var(--color-contrast-medium); }
@media (min-width: 64rem) { .focus__aside { position: sticky; top: calc(var(--hdr-h) + var(--space-xl)); } .focus__item { padding: var(--space-md) var(--space-lg); } }

.bento { display: grid; gap: var(--space-xs); }
.bento__cell { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 15rem; padding: var(--space-md); overflow: hidden; border-radius: var(--radius-md); background: var(--color-contrast-lower); transition: transform 0.7s var(--ease-out-expo); }
.bento__cell:hover { transform: translateY(-0.25rem); }
.bento__ico { display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; border-radius: var(--radius-md); background: var(--color-bg); color: var(--color-contrast-higher); transition: background-color 0.5s var(--ease-out), color 0.5s var(--ease-out), transform 0.6s var(--ease-out-expo); }
.bento__cell[data-theme="dark"] .bento__ico { background: var(--color-contrast-lower); }
.bento__cell:hover .bento__ico { background: var(--color-contrast-higher); color: var(--color-bg); transform: translateY(-0.25rem); }
.bento__ico svg { width: 2.4rem; height: 2.4rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.15; stroke-linecap: round; stroke-linejoin: round; }
.bento__p { stroke-dasharray: 1 2; stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s var(--ease-out-expo); transition-delay: calc(var(--si, 0) * 140ms + 0.2s); }
.js .bento:not(.is-in) .bento__p { stroke-dashoffset: 1.01; }
.bento__lines { opacity: 0; }
.bento.is-in .bento__scan { animation: uniBentoScan 3.2s var(--ease-in-out) calc(var(--si, 0) * 140ms + 1.8s) infinite; }
.bento.is-in .bento__box { animation: uniBentoBob 3.6s var(--ease-in-out) calc(var(--si, 0) * 140ms + 1.8s) infinite; }
.bento.is-in .bento__check { animation: uniWhyCheck 4.8s var(--ease-out-expo) calc(var(--si, 0) * 140ms + 2.4s) infinite; }
.bento.is-in .bento__truck { animation: uniBentoDrive 3.8s var(--ease-in-out) calc(var(--si, 0) * 140ms + 1.8s) infinite; }
.bento.is-in .bento__lines { animation: uniBentoLines 3.8s var(--ease-in-out) calc(var(--si, 0) * 140ms + 1.8s) infinite; }
@keyframes uniBentoScan { 0%, 100% { transform: translateY(0); } 25% { transform: translateY(-5px); } 75% { transform: translateY(5px); } }
@keyframes uniBentoBob { 0%, 60%, 100% { transform: translateY(0); } 70% { transform: translateY(-2.5px); } 80% { transform: translateY(0); } 87% { transform: translateY(-1px); } }
@keyframes uniBentoDrive { 0%, 55%, 100% { transform: translateX(0); } 68% { transform: translateX(2.5px); } 80% { transform: translateX(-0.5px); } }
@keyframes uniBentoLines { 0%, 55%, 90%, 100% { opacity: 0; transform: translateX(0); } 66% { opacity: 1; } 80% { opacity: 0; transform: translateX(-2px); } }
.is-still .bento__ico *, .is-reduced .bento__ico * { animation: none !important; transition: none !important; }
.bento__t { margin-top: auto; padding-top: var(--space-lg); font-size: var(--text-lg); line-height: 1.1; text-transform: uppercase; }
.bento__d { margin-top: var(--space-xs); color: var(--color-contrast-medium); }
.bento__cell--photo { min-height: 24rem; background: var(--color-black); color: var(--color-white); }
.bento__cell--photo img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform 1.6s var(--ease-out-expo); }
.bento__cell--photo:hover img { transform: none; }
.bento__cell--photo::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.85) 0%, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1) 65%); }
.bento__cell--photo .bento__t { color: var(--color-white); }
.bento__cell--photo .bento__d { color: hsla(0, 0%, 100%, 0.8); }
.bento__cell[data-theme="dark"] { background: var(--color-bg); }
.bento__cell--wide .bento__t { margin-top: 0; padding-top: 0; }
.bento__phone { font-size: var(--text-xl); color: var(--color-contrast-higher); text-decoration: none; white-space: nowrap; }
@media (min-width: 48rem) {
  .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bento__cell--photo, .bento__cell--wide { grid-column: span 2; }
  .bento__cell--wide { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-md); min-height: 0; }
}
@media (min-width: 64rem) {
  .bento { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: minmax(16rem, auto); }
  .bento__cell--photo { grid-column: 1; grid-row: span 2; }
  .bento__cell--wide { grid-column: 1 / -1; }
}

.models__tabs { display: flex; gap: var(--space-sm) var(--space-lg); margin-top: var(--space-lg); overflow-x: auto; scrollbar-width: none; }
.models__tabs::-webkit-scrollbar { display: none; }
.models__tab { flex-shrink: 0; padding: var(--space-xxs) 0; border: 0; background: none; font-family: inherit; font-size: var(--text-xl); font-weight: 700; text-transform: uppercase; color: var(--color-contrast-low); cursor: pointer; transition: color 0.4s; }
.models__tab:hover { color: var(--color-contrast-medium); }
.models__tab.is-active { color: var(--color-contrast-higher); }
[data-models] { overflow-x: hidden; overflow-x: clip; }
.models__stage { position: relative; aspect-ratio: 1400 / 560; max-width: 64rem; margin: var(--space-lg) auto 0; }
.models__car { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: 50% 100%; mix-blend-mode: multiply; opacity: 0; transform: translate3d(30%, 0, 0); transition: transform 1.4s var(--ease-out-expo), opacity 0.8s var(--ease-out); }
.models__car.is-active { opacity: 1; transform: none; }
.models__car.is-leaving { opacity: 0; transform: translate3d(-25%, 0, 0); transition: transform 1s var(--ease-in-out), opacity 0.5s 0.15s; }
.models__car:not(.is-active):not(.is-leaving) { transition: none; }
.models__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-md); margin-top: var(--space-md); }
.models__arrows { display: flex; gap: var(--space-xs); }
@media (min-width: 64rem) { .models__tab { font-size: var(--text-xxxl); } }

.umodal { position: fixed; inset: 0; z-index: var(--z-index-overlay, 15); display: flex; align-items: center; justify-content: center; padding: var(--space-sm); visibility: hidden; opacity: 0; transition: opacity 0.4s var(--ease-out), visibility 0s 0.4s; }
.umodal[hidden] { display: none; }
.umodal.is-open { visibility: visible; opacity: 1; transition: opacity 0.4s var(--ease-out); }
.umodal__backdrop { position: absolute; inset: 0; background: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6); }
.umodal__panel { position: relative; width: 100%; max-width: 28rem; max-height: 100%; overflow-y: auto; padding: var(--space-lg) var(--space-md) var(--space-md); border-radius: var(--radius-lg); background: var(--color-bg); box-shadow: var(--shadow-lg); transform: translateY(1.5rem); transition: transform 0.7s var(--ease-out-expo); }
.umodal.is-open .umodal__panel { transform: none; }
.umodal__close { position: absolute; top: var(--space-xs); right: var(--space-xs); display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--color-contrast-higher); cursor: pointer; transition: background-color 0.3s; }
.umodal__close:hover { background: var(--color-contrast-lower); }
.umodal__title { margin-top: var(--space-xs); font-size: var(--text-xl); font-weight: 400; line-height: 1.1; text-transform: uppercase; color: var(--color-contrast-higher); }
.umodal__note { margin-top: var(--space-xs); font-size: var(--text-sm); line-height: 1.5; }
.uform { display: flex; flex-direction: column; gap: var(--space-sm); margin-top: var(--space-md); }
.uform__row { display: flex; flex-direction: column; gap: var(--space-xxxs); }
.uform__row[hidden] { display: none; }
.uform__lbl { font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-contrast-medium); }
.uform__in { width: 100%; height: 3rem; padding: 0 var(--space-sm); border: 1px solid var(--color-contrast-low); border-radius: var(--radius-md); background: var(--color-bg); color: var(--color-contrast-higher); font: inherit; font-size: var(--text-md); transition: border-color 0.3s; }
.uform__in:focus { outline: none; border-color: var(--color-contrast-higher); }
.uform__in.is-error { border-color: var(--color-accent); }
.uform__check { display: flex; align-items: flex-start; gap: var(--space-xs); font-size: var(--text-xs); line-height: 1.45; color: var(--color-contrast-medium); cursor: pointer; }
.uform__check input { flex-shrink: 0; width: 1.1rem; height: 1.1rem; margin-top: 0.1em; accent-color: var(--color-contrast-higher); }
.uform__check a { color: inherit; }
.uform__check.is-error { color: var(--color-accent); }
.uform__submit { align-self: flex-start; }
.uform__msg { min-height: 1.4em; font-size: var(--text-sm); color: var(--color-contrast-high); }
.uform__msg.is-error { color: var(--color-accent); }
.uform.is-sent .uform__row, .uform.is-sent .uform__check, .uform.is-sent .uform__submit { display: none; }

[data-theme=dark] .btn--secondary:hover { background: var(--color-primary-darker); border-color: var(--color-primary-darker); color: var(--color-black); }

@media (max-width: 63.99rem) {
  .h-sec { font-size: min(var(--text-xxl), calc((100vw - 2.5rem) / 12.4)); }
  .hero__title { font-size: min(var(--text-xxxl), calc((100vw - 2.5rem) / 9.7)); }
  .phero__title { font-size: min(var(--text-xxl), calc((100vw - 2.5rem) / 10)); }
  .tcard__t { font-size: min(var(--text-xl), calc((100vw - 5rem) / 10)); }
  .tri__title { font-size: min(var(--text-lg), calc((100vw - 5rem) / 10)); }
  .focus__t { -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }
}

@media (max-width: 47.99rem) {
  .btn:not(.cookie .btn) { width: 100%; }
  .offer__btns { align-self: stretch; }
  .why__ico { width: 3.25rem; height: 3.25rem; }
  .why__ico svg { width: 1.75rem; height: 1.75rem; }
  .why__t { margin-top: var(--space-sm); }
}

main:has(> section[data-theme="dark"]:last-of-type) ~ .ftr { padding-top: 0; }
main:has(> section[data-theme="dark"]:last-of-type) ~ .ftr .ftr__top { border-top: 0; }

@media (max-width: 47.99rem) {
  .card { min-height: 0; padding: var(--space-sm) var(--space-md) var(--space-md); }
  .card__val { margin-top: var(--space-sm); font-size: var(--text-xxxl); }
  .card__t { padding-top: var(--space-md); font-size: var(--text-md); }
  .card__ico { width: 3.25rem; height: 3.25rem; margin-top: var(--space-sm); }
  .card__ico svg { width: 1.75rem; height: 1.75rem; }
  .bento__cell { min-height: 0; }
  .bento__cell--photo { min-height: 18rem; }
  .bento__t { padding-top: var(--space-md); font-size: var(--text-md); }
  .bento__ico { width: 3.25rem; height: 3.25rem; }
  .bento__ico svg { width: 1.75rem; height: 1.75rem; }
}

@media (max-width: 63.99rem) { .offer__kicker, .offer__idx { display: none; } .offer__title { margin-top: var(--space-md); } }

@media (max-width: 63.99rem) { .about__title { font-size: var(--text-xl); } }

.hdr::before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 100vh; background: var(--color-bg); pointer-events: none; }
body { padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); }
.cookie { bottom: calc(var(--space-sm) + env(safe-area-inset-bottom, 0px)); }
.mnav { padding-bottom: calc(var(--space-lg) + env(safe-area-inset-bottom, 0px)); }