/* Homepage. Cinematic, motion-led layout; motion is driven by js/site-motion.js. */
.hm-body { background: #f4f4f2; }
.hm-body svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hm-body .rp-foot__cta { display: none; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }

.hm { --ink: #111316; --muted: #6b7079; --line: rgba(17, 19, 22, 0.08); --accent: #d31122; --ease: cubic-bezier(0.16, 1, 0.3, 1);
    max-width: 1280px; margin: 0 auto; padding: 0 24px; color: var(--ink); }
.hm *, .hx *, .hx-marquee *, .hm-rev * { box-sizing: border-box; }
.hm-sec { padding-top: clamp(104px, 12vw, 168px); }
.hm-label { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #6b7079; }
.hm-label span { display: inline-grid; place-items: center; min-width: 32px; height: 22px; padding: 0 8px; border-radius: 999px; font-size: 11px; letter-spacing: 0.06em; color: #fff; background: #111316; }
.hm-label--light { color: rgba(255, 255, 255, 0.72); }
.hm-label--light span { color: #111316; background: #fff; }
.hm-h2 { margin: 0; max-width: 15ch; font-family: var(--font-family--heading, inherit); font-size: clamp(40px, 5.8vw, 80px); line-height: 0.96; letter-spacing: -0.048em; font-weight: 600; color: #111316; }
.hm-h2 .m-accent { font-size: 1.06em; }
.hm-h2--md { max-width: 20ch; font-size: clamp(34px, 4.4vw, 60px); line-height: 1; }
.hm-p { margin: 22px 0 0; max-width: 420px; font-size: 17px; line-height: 1.6; color: #6b7079; }
.hm-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap; margin-bottom: clamp(36px, 5vw, 56px); }
.hm-head--center { justify-content: center; text-align: center; }
.hm-head--center .hm-h2 { margin: 0 auto; }
.hm-link { position: relative; display: inline-flex; align-items: center; gap: 8px; margin-top: 26px; padding-bottom: 4px; font-size: 15.5px; font-weight: 600; color: #111316; text-decoration: none; }
.hm-link::after { content: ""; position: absolute; left: 0; right: 26px; bottom: 0; height: 1.5px; background: currentColor; transform-origin: 100% 50%; transform: scaleX(0.35); transition: transform 0.6s var(--ease, cubic-bezier(0.16, 1, 0.3, 1)); }
.hm-link:hover { color: #111316; }
.hm-link:hover::after { transform-origin: 0 50%; transform: scaleX(1); }
.hm-link svg { width: 17px; height: 17px; stroke-width: 2; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.hm-link:hover svg { transform: translateX(4px); }
.hm-head .hm-link { margin-top: 0; }

/* Buttons ------------------------------------------------------------ */
.hx-btn { position: relative; display: inline-flex; align-items: center; gap: 14px; height: 58px; padding: 0 7px 0 26px; border-radius: 999px;
    font-size: 16px; font-weight: 600; letter-spacing: -0.01em; text-decoration: none !important; white-space: nowrap;
    transition: background-color 0.3s, color 0.3s, box-shadow 0.4s, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.hx-btn__ico { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; overflow: hidden; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s; }
.hx-btn__ico svg { width: 18px; height: 18px; stroke-width: 2.2; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.hx-btn:hover .hx-btn__ico svg { transform: rotate(-45deg); }
.hx-btn--light { color: #111316 !important; background: #fff; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.6); }
.hx-btn--light .hx-btn__ico { color: #fff; background: #111316; }
.hx-btn--light:hover .hx-btn__ico { background: #d31122; }
.hx-btn--ink { color: #fff !important; background: #111316; box-shadow: 0 20px 40px -22px rgba(17, 19, 22, 0.7); }
.hx-btn--ink .hx-btn__ico { color: #111316; background: #fff; }
.hx-btn--ink:hover .hx-btn__ico { color: #fff; background: #d31122; }
.hx-btn--glass { padding: 0 26px 0 7px; color: #fff !important; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.hx-btn--glass:hover { background: rgba(255, 255, 255, 0.18); }
.hx-btn--glass:not(:has(.hx-btn__play)) { padding: 0 28px; }
.hx-btn__play { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: #111316; background: #fff; }
.hx-btn__play svg { width: 16px; height: 16px; fill: currentColor; stroke: none; margin-left: 2px; }
.hx-btn--sm { height: 52px; font-size: 15px; padding-left: 22px; }
.hx-btn--sm .hx-btn__ico { width: 40px; height: 40px; }

/* Hero ---------------------------------------------------------------- */
.hx { position: relative; padding: 10px 10px 0; }
.hx__frame {
    position: relative; isolation: isolate; overflow: hidden;
    height: calc(100svh - 10px); min-height: 700px; max-height: 1040px;
    border-radius: calc(28px + var(--hp, 0) * 24px); background: #0b0c0e; color: #fff;
    transform: scale(calc(1 - var(--hp, 0) * 0.08)); transform-origin: 50% 0; will-change: transform;
}
.hx__media { position: absolute; inset: 0; z-index: -4; overflow: hidden; animation: hx-in 2.4s cubic-bezier(0.16, 1, 0.3, 1) both; }
.hx__img { width: 100%; height: 100%; object-fit: cover; transform: translate3d(0, calc(var(--hp, 0) * 14%), 0) scale(1.1); will-change: transform; }
.hx__shade { position: absolute; inset: 0; z-index: -3; background:
    linear-gradient(90deg, rgba(8, 9, 11, 0.86) 0%, rgba(8, 9, 11, 0.5) 38%, rgba(8, 9, 11, 0) 70%),
    linear-gradient(0deg, rgba(8, 9, 11, 0.85) 0%, rgba(8, 9, 11, 0) 50%),
    linear-gradient(180deg, rgba(8, 9, 11, 0.55) 0%, rgba(8, 9, 11, 0) 22%); }
.hx__glow { position: absolute; z-index: -2; left: -12%; bottom: -45%; width: 70%; aspect-ratio: 1; border-radius: 50%; pointer-events: none;
    background: radial-gradient(closest-side, rgba(211, 17, 34, 0.32), rgba(211, 17, 34, 0)); mix-blend-mode: screen; animation: hx-glow 14s ease-in-out infinite alternate; }
.hx__grain { position: absolute; inset: -50%; z-index: -1; pointer-events: none; opacity: 0.14; mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    animation: hx-grain 1.2s steps(6) infinite; }
.hx__content { position: absolute; left: clamp(24px, 5vw, 76px); right: clamp(24px, 5vw, 76px); bottom: clamp(28px, 5vw, 64px); max-width: 1060px;
    transform: translate3d(0, calc(var(--hp, 0) * -90px), 0); opacity: calc(1 - var(--hp, 0) * 1.7); }
.hx__eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 26px; padding: 8px 16px 8px 12px; border-radius: 999px;
    font-size: 12.5px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #fff;
    background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18); }
.hx__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: #ff3b4a; }
.hx__dot::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 1.5px solid #ff3b4a; animation: hx-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite; }
.hx__title { margin: 0; max-width: 11.5em; font-family: var(--font-family--heading, inherit); font-size: clamp(50px, 8vw, 132px); line-height: 0.9; letter-spacing: -0.056em; font-weight: 600; color: #fff; text-wrap: balance; }
.hx__title .m-accent { font-size: 1.08em; letter-spacing: -0.03em; }
.hx__title .m-accent .m-wi, .hx__title .m-accent:not(.m-split) { background: linear-gradient(100deg, #fff 5%, #ffd0d4 45%, #ff5a66 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: 0.08em; }
.hx__foot { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap; margin-top: clamp(22px, 3vw, 36px); max-width: 900px; }
.hx__sub { margin: 0; max-width: 430px; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.55; color: rgba(255, 255, 255, 0.74); }
.hx__ctas { display: flex; flex-wrap: wrap; gap: 10px; }

.hx-search { display: flex; align-items: center; gap: 4px; height: 66px; max-width: 700px; margin: 26px 0 0; padding: 0 9px 0 22px; border-radius: 999px;
    background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(22px) saturate(1.6); backdrop-filter: blur(22px) saturate(1.6);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 30px 60px -30px rgba(0, 0, 0, 0.6); transition: box-shadow 0.3s, background-color 0.3s; }
.hx-search:focus-within { background: rgba(255, 255, 255, 0.16); box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.5), 0 30px 60px -30px rgba(0, 0, 0, 0.6); }
.hx-search__icon { width: 20px; height: 20px; color: rgba(255, 255, 255, 0.7); flex-shrink: 0; margin-right: 8px; }
.hx-search input, .hx-search select { height: 48px; margin: 0 !important; padding: 0 8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
    font: inherit; font-size: 16px !important; color: #fff !important; outline: none; -webkit-appearance: none; appearance: none; min-width: 0; }
.hx-search input { flex: 1.4; }
.hx-search input::placeholder { color: rgba(255, 255, 255, 0.6); }
.hx-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.hx-search select { flex: 1; cursor: pointer; padding-right: 28px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-opacity='.7' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 8px center !important; background-size: 16px !important; }
.hx-search select option { color: #111316; }
.hx-search__sep { width: 1px; height: 28px; background: rgba(255, 255, 255, 0.2); flex-shrink: 0; }
.hx-search button { width: 50px; height: 50px; flex-shrink: 0; border: 0; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #d31122; cursor: pointer;
    box-shadow: 0 12px 24px -10px rgba(211, 17, 34, 0.9); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s; }
.hx-search button:hover { background: #ea1627; transform: scale(1.06); }
.hx-search button svg { width: 20px; height: 20px; stroke-width: 2.2; }

.hx-float { position: absolute; right: clamp(24px, 4vw, 56px); z-index: 2; display: flex; align-items: center; gap: 12px; padding: 10px 18px 10px 10px; border-radius: 22px;
    color: #fff; text-decoration: none; background: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(24px) saturate(1.6); backdrop-filter: blur(24px) saturate(1.6);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18), 0 30px 60px -30px rgba(0, 0, 0, 0.7);
    opacity: calc(1 - var(--hp, 0) * 2); }
.hx-float--rating { top: 21%; padding: 12px 20px 12px 12px; animation: hx-bob 7s ease-in-out infinite; }
.hx-float--car { bottom: clamp(28px, 5vw, 64px); width: 310px; padding-right: 12px; animation: hx-bob 8s ease-in-out -3s infinite; transition: background-color 0.3s; }
.hx-float--car:hover { color: #fff; background: rgba(255, 255, 255, 0.18); }
.hx-float__img { width: 88px; height: 68px; flex-shrink: 0; border-radius: 14px; overflow: hidden; background: rgba(255, 255, 255, 0.9); }
.hx-float__img img { width: 100%; height: 100%; object-fit: cover; }
.hx-float--car .hx-float__img img, .hx-float--car .hx-float__txt { transition: opacity 0.32s ease, transform 0.32s ease; }
.hx-float--car.is-switching .hx-float__img img { opacity: 0; transform: scale(1.06); }
.hx-float--car.is-switching .hx-float__txt { opacity: 0; transform: translateY(6px); }
.hx-float__txt { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.hx-float__txt small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.7); }
.hx-float__txt small i { width: 7px; height: 7px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.25); }
.hx-float__txt strong { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hx-float__txt em { font-style: normal; font-size: 15px; font-weight: 600; }
.hx-float__txt em span { font-size: 12.5px; font-weight: 400; color: rgba(255, 255, 255, 0.65); }
.hx-float--rating .hx-float__txt strong { font-size: 20px; }
.hx-float__go { width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; color: #111316; background: #fff; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.hx-float__go svg { width: 16px; height: 16px; stroke-width: 2.2; }
.hx-float--car:hover .hx-float__go { transform: rotate(45deg); }
.hx-avatars { display: flex; }
.hx-avatars span { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; overflow: hidden; font-size: 14px; font-weight: 600; color: #fff; box-shadow: 0 0 0 2.5px rgba(20, 20, 22, 0.9); }
.hx-avatars span + span { margin-left: -12px; }
.hx-avatars img { width: 100%; height: 100%; object-fit: cover; }
.hx-stars { display: inline-flex; gap: 2px; color: #f5b52e; }
.hm-body .hx-stars svg { width: 14px; height: 14px; fill: currentColor; stroke: none; }
.hm-body .hx-stars svg.is-off { color: rgba(150, 150, 150, 0.4); }
.hx__scroll { position: absolute; right: clamp(24px, 4vw, 56px); top: 50%; width: 26px; height: 42px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.4); opacity: calc(1 - var(--hp, 0) * 3); }
.hx__scroll span { position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: #fff; animation: hx-wheel 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite; }

.hx-marquee { overflow: hidden; padding: 34px 0 6px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.hx-marquee__track { display: flex; width: max-content; }
.hx-marquee.is-ready .hx-marquee__track { animation: hx-marq 50s linear infinite; }
.hx-marquee:hover .hx-marquee__track { animation-play-state: paused; }
.hx-marquee span { display: inline-flex; align-items: center; gap: 56px; padding-right: 56px; font-size: clamp(22px, 2.6vw, 36px); font-weight: 600; letter-spacing: -0.035em; color: #b2b5ba; white-space: nowrap; transition: color 0.3s; }
.hx-marquee span:hover { color: #111316; }
.hx-marquee span::after { content: "✦"; font-size: 0.45em; color: #d31122; }

/* Statement + KPIs ----------------------------------------------------- */
.hm-intro { padding-top: clamp(96px, 11vw, 160px); }
.hm-intro__text { margin: 0; max-width: 1120px; font-size: clamp(30px, 4.3vw, 62px); line-height: 1.1; letter-spacing: -0.04em; font-weight: 500; color: #111316; }
.hm-inl { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; height: 0.92em; margin: 0 0.08em; border-radius: 999px; transform: translateY(-0.06em); }
.hm-inl--img { width: 1.9em; overflow: hidden; background: #e7e7e5; }
.hm-inl--img img { width: 100%; height: 100%; object-fit: cover; }
.hm-inl--icon { width: 1.45em; color: #fff; background: #111316; }
.hm-inl--icon svg { width: 0.52em; height: 0.52em; }
.hm-inl--live { gap: 0.3em; height: 1.5em; padding: 0 0.55em; font-size: 0.58em; font-weight: 600; letter-spacing: -0.01em; color: #15803d; background: #e3f4e9; }
.hm-inl--live i { width: 0.36em; height: 0.36em; border-radius: 50%; background: #15803d; animation: hm-pulse 1.8s ease-in-out infinite; }
.hm-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(56px, 7vw, 96px); border-top: 1px solid rgba(17, 19, 22, 0.1); }
.hm-kpis > div { padding: 28px 24px 0 0; }
.hm-kpis > div + div { padding-left: 24px; border-left: 1px solid rgba(17, 19, 22, 0.1); }
.hm-kpis strong { display: block; font-size: clamp(40px, 5vw, 68px); line-height: 1; letter-spacing: -0.05em; font-weight: 600; font-variant-numeric: tabular-nums; color: #111316; }
.hm-kpis span { display: block; margin-top: 12px; font-size: 14.5px; line-height: 1.45; color: #6b7079; max-width: 220px; }

/* Services: sticky stacking cards ------------------------------------- */
.hm-svc { display: grid; grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr); gap: 32px 72px; align-items: start; padding-top: clamp(104px, 12vw, 168px); }
.hm-svc__intro { position: sticky; top: 130px; }
.hm-stack { display: grid; gap: 28px; padding-bottom: 24px; }
.hm-sc { position: sticky; top: calc(116px + var(--k) * 20px); height: clamp(400px, 52vh, 470px); display: flex; overflow: hidden; padding: clamp(28px, 3vw, 40px); border-radius: 34px;
    transform-origin: 50% 0; transform: scale(calc(1 - var(--sp, 0) * 0.07)); filter: brightness(calc(1 - var(--sp, 0) * 0.3));
    box-shadow: 0 40px 80px -40px rgba(17, 19, 22, 0.45); will-change: transform; }
.hm-sc__body { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; max-width: 360px; }
.hm-sc--light, .hm-sc--split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr); gap: 28px; align-items: stretch; }
.hm-sc--light .hm-sc__body { max-width: none; }
.hm-sc__top { display: flex; align-items: center; gap: 10px; margin-bottom: auto; }
.hm-sc__no { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-size: 46px; line-height: 1; opacity: 0.9; }
.hm-sc__tag { height: 28px; padding: 0 12px; border-radius: 999px; display: inline-flex; align-items: center; font-size: 12.5px; font-weight: 600; background: rgba(255, 255, 255, 0.14); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2); }
.hm-sc h3 { margin: 0 0 12px; font-size: clamp(30px, 3.2vw, 42px); line-height: 1; letter-spacing: -0.04em; font-weight: 600; color: inherit; }
.hm-sc p { margin: 0 0 26px; font-size: 16px; line-height: 1.6; }
.hm-sc--dark { color: #fff; background: #0e0f11; }
.hm-sc--dark p { color: rgba(255, 255, 255, 0.66); }
.hm-sc--light { color: #111316; background: #fff; box-shadow: inset 0 0 0 1px rgba(17, 19, 22, 0.06), 0 40px 80px -40px rgba(17, 19, 22, 0.3); }
.hm-sc--light p { color: #6b7079; }
.hm-sc--red { color: #fff; background: radial-gradient(130% 120% at 100% 0%, #ff4553 0%, #c20f1f 45%, #5c0710 100%); }
.hm-sc--red p { color: rgba(255, 255, 255, 0.78); }
.hm-sc__car { position: absolute; right: 0; top: 0; width: 62%; height: 100%; object-fit: cover; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%); mask-image: linear-gradient(90deg, transparent 0%, #000 45%); opacity: 0.95; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.hm-sc:hover .hm-sc__car { transform: scale(1.04); }
.hm-plan { align-self: end; width: 100%; padding: 22px; border-radius: 24px; background: #f4f4f2; box-shadow: inset 0 0 0 1px rgba(17, 19, 22, 0.05); }
.hm-plan__ring { position: relative; width: 108px; height: 108px; margin-bottom: 18px; }
.hm-plan__ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.hm-plan__ring circle { fill: none; stroke: #e2e2df; stroke-width: 3.4; }
.hm-body .hm-plan__ring .hm-plan__arc { stroke: #15803d; stroke-dasharray: 60 100; stroke-dashoffset: 60; animation: hm-arc 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards; animation-play-state: paused; }
.hm-sc:hover .hm-plan__arc, .hm-plan.is-in .hm-plan__arc { animation-play-state: running; }
.hm-plan__ring span { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; font-size: 22px; font-weight: 600; letter-spacing: -0.03em; }
.hm-plan__ring small { display: block; font-size: 11.5px; font-weight: 500; letter-spacing: 0; color: #6b7079; }
.hm-plan__rows { display: grid; gap: 8px; font-size: 13px; }
.hm-plan__rows div { display: flex; justify-content: space-between; gap: 8px; color: #6b7079; }
.hm-plan__rows b { font-weight: 600; color: #111316; }
.hm-plan__rows b.is-pos { color: #15803d; }
.hm-sc__chart { position: absolute; right: 0; bottom: 0; width: 64%; height: 62%; }
.hm-sc__line { stroke-dasharray: 520; stroke-dashoffset: 520; animation: hm-draw 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards; animation-play-state: paused; }
.hm-sc--red:hover .hm-sc__line, .hm-sc__chart.is-in .hm-sc__line { animation-play-state: running; }
.hm-swap { align-self: end; display: flex; align-items: center; gap: 10px; width: 100%; }
.hm-swap img { flex: 1; min-width: 0; aspect-ratio: 1; object-fit: cover; border-radius: 22px; background: #f4f4f2; }
.hm-swap img:first-child { filter: grayscale(0.8); opacity: 0.8; }
.hm-swap span { width: 44px; height: 44px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #111316; }
.hm-swap span svg { width: 18px; height: 18px; stroke-width: 2; }

/* Bento ----------------------------------------------------------------- */
.hm-bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(250px, auto); gap: 16px; }
.hm-bento__hero { position: relative; grid-column: span 2; grid-row: span 2; overflow: hidden; border-radius: 30px; min-height: 520px; background: #111316; }
.hm-bento__hero img { position: absolute; inset: -6% 0; width: 100%; height: 112%; object-fit: cover; transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1); }
.hm-bento__hero:hover img { transform: scale(1.04); }
.hm-bento__hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(8, 9, 11, 0.85), rgba(8, 9, 11, 0) 55%); }
.hm-bento__hero > div { position: absolute; z-index: 1; left: 32px; right: 32px; bottom: 30px; color: #fff; }
.hm-bento__hero strong { display: block; font-size: clamp(26px, 2.6vw, 36px); line-height: 1.05; letter-spacing: -0.035em; font-weight: 600; }
.hm-bento__hero span { display: block; margin-top: 10px; max-width: 380px; font-size: 15.5px; line-height: 1.55; color: rgba(255, 255, 255, 0.72); }
.hm-bento__item { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; padding: 28px; border-radius: 30px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17, 19, 22, 0.06); }
.hm-bento__item::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity 0.4s;
    background: radial-gradient(280px circle at var(--mx, -200px) var(--my, -200px), rgba(211, 17, 34, 0.12), transparent 70%); }
.hm-bento__item:hover::before { opacity: 1; }
.hm-bento__ico { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; margin-bottom: auto; color: #111316; background: #f4f4f2; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.hm-bento__item:hover .hm-bento__ico { transform: rotate(-8deg) scale(1.06); }
.hm-bento__ico svg { width: 24px; height: 24px; }
.hm-bento__ico img { width: 26px; height: 26px; object-fit: contain; }
.hm-bento__item h3 { margin: 28px 0 8px; font-size: 20px; line-height: 1.2; letter-spacing: -0.02em; font-weight: 600; color: #111316; }
.hm-bento__item p { margin: 0; font-size: 14.5px; line-height: 1.6; color: #6b7079; }
.hm-bento__item--dark { background: #0e0f11; box-shadow: none; }
.hm-bento__item--dark::before { background: radial-gradient(280px circle at var(--mx, -200px) var(--my, -200px), rgba(255, 255, 255, 0.1), transparent 70%); }
.hm-bento__item--dark .hm-bento__ico { color: #fff; background: rgba(255, 255, 255, 0.1); }
.hm-bento__item--dark h3 { color: #fff; }
.hm-bento__item--dark p { color: rgba(255, 255, 255, 0.62); }
.hm-bento__live { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; font-size: 13px; font-weight: 600; color: #34d399; }
.hm-bento__live i { width: 8px; height: 8px; border-radius: 50%; background: #34d399; animation: hm-pulse 1.8s ease-in-out infinite; }

/* Categories -------------------------------------------------------------- */
.hm-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.hm-cat { display: flex; flex-direction: column; gap: 14px; color: #111316; text-decoration: none; }
.hm-cat:hover { color: #111316; }
.hm-cat__media { display: block; aspect-ratio: 5 / 4; border-radius: 26px; overflow: hidden; background: linear-gradient(160deg, #fff, #ecece9); box-shadow: inset 0 0 0 1px rgba(17, 19, 22, 0.05); }
.hm-cat__media img { width: 100%; height: 100%; object-fit: contain; padding: 10%; transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1); }
.hm-cat:hover .hm-cat__media img { transform: scale(1.08) translateX(2%); }
.hm-cat__media img.is-photo { padding: 0; object-fit: cover; }
.hm-cat__media svg { width: 40%; height: 100%; margin: 0 auto; display: block; color: #b9bcc2; stroke-width: 1.2; }
.hm-cat__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 6px; }
.hm-cat__name { font-size: 18px; font-weight: 600; letter-spacing: -0.02em; }
.hm-cat__go { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; box-shadow: inset 0 0 0 1px rgba(17, 19, 22, 0.14); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s, color 0.3s; }
.hm-cat__go svg { width: 15px; height: 15px; stroke-width: 2; }
.hm-cat:hover .hm-cat__go { color: #fff; background: #111316; transform: rotate(45deg); box-shadow: none; }

/* How it works ------------------------------------------------------------ */
.hm-how { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: start; }
.hm-how__media { position: sticky; top: 110px; }
.hm-how__frame { position: relative; aspect-ratio: 4 / 5; max-height: calc(100vh - 150px); width: 100%; overflow: hidden; border-radius: 34px; background: #111316; }
.hm-how__frame img, .hm-how__frame video { width: 100%; height: 100%; object-fit: cover; display: block; }
.hm-how__frame video { pointer-events: none; }
.hm-how__frame video::-webkit-media-controls, .hm-how__frame video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; }
.hm-how__chip { position: absolute; left: 20px; bottom: 20px; display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 20px; color: #fff;
    background: rgba(17, 19, 22, 0.5); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16); }
.hm-how__chip > svg { width: 40px; height: 40px; padding: 10px; border-radius: 12px; background: #d31122; }
.hm-how__chip strong { display: block; font-size: 15px; font-weight: 600; }
.hm-how__chip small { display: block; font-size: 12.5px; color: rgba(255, 255, 255, 0.7); }
.hm-how__text { padding-top: 24px; }
.hm-steps { position: relative; display: grid; gap: 0; margin: 44px 0 40px; padding: 0; list-style: none; }
.hm-steps::before, .hm-steps::after { content: ""; position: absolute; left: 27px; top: 28px; bottom: 28px; width: 2px; border-radius: 2px; background: rgba(17, 19, 22, 0.1); }
.hm-steps::after { bottom: auto; height: calc((100% - 56px) * var(--pp, 0)); background: #d31122; }
.hm-steps li { position: relative; z-index: 1; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 22px; padding: 0 0 38px; }
.hm-steps li:last-child { padding-bottom: 0; }
.hm-steps__no { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-size: 24px; color: #111316; background: #fff; box-shadow: inset 0 0 0 1px rgba(17, 19, 22, 0.1), 0 8px 20px -12px rgba(17, 19, 22, 0.3); }
.hm-steps h3 { margin: 10px 0 8px; font-size: 24px; letter-spacing: -0.03em; font-weight: 600; color: #111316; }
.hm-steps p { margin: 0; font-size: 16px; line-height: 1.6; color: #6b7079; max-width: 420px; }

/* Reviews -------------------------------------------------------------------- */
.hm-rev { padding-top: clamp(104px, 12vw, 168px); overflow: hidden; }
.hm-score { display: inline-flex; align-items: center; gap: 10px; margin: 22px 0 0; font-size: 15px; color: #6b7079; }
.hm-score strong { font-size: 17px; color: #111316; }
.hm-score .hx-stars svg { width: 17px !important; height: 17px !important; }
.hm-rev__row { overflow: hidden; padding: 8px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.hm-rev__row + .hm-rev__row { margin-top: 8px; }
.hm-rev__track { display: flex; width: max-content; }
.hm-rev__row.is-ready .hm-rev__track { animation: hx-marq 70s linear infinite; }
.hm-rev__row--rev.is-ready .hm-rev__track { animation-direction: reverse; animation-duration: 80s; }
.hm-rev__row:hover .hm-rev__track { animation-play-state: paused; }
.hm-rcard { flex-shrink: 0; width: 390px; margin-right: 16px; display: flex; flex-direction: column; gap: 16px; padding: 26px; border-radius: 26px; background: #fff; box-shadow: inset 0 0 0 1px rgba(17, 19, 22, 0.06); }
.hm-rcard p { margin: 0; font-size: 16px; line-height: 1.6; color: #2b2e33; }
.hm-rcard footer { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.hm-rcard footer strong { display: block; font-size: 14.5px; font-weight: 600; color: #111316; }
.hm-rcard footer small { display: block; font-size: 13px; color: #6b7079; }

button.hm-rev__write { margin-top: 22px; background: none; border: 0; cursor: pointer; font-family: inherit; }
.hm-rform { width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); padding: 0; border: 0; border-radius: 26px; background: #fff; color: #111316; box-shadow: 0 30px 80px rgba(17, 19, 22, 0.25); }
.hm-rform::backdrop { background: rgba(17, 19, 22, 0.45); backdrop-filter: blur(4px); }
.hm-rform__card { display: flex; flex-direction: column; gap: 16px; padding: 28px; }
.hm-rform__card * { box-sizing: border-box; }
.hm-rform__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.hm-rform__head h3 { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -0.02em; }
.hm-rform__x { display: grid; place-items: center; width: 36px; height: 36px; border: 0; border-radius: 999px; background: #f1f1ef; color: #111316; cursor: pointer; }
.hm-rform__x svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.hm-rform__stars { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 4px; margin: 0; padding: 0; border: 0; }
.hm-rform__stars legend { width: 100%; margin-bottom: 6px; font-size: 13.5px; font-weight: 600; color: #6b7079; }
.hm-rform__stars input { position: absolute; opacity: 0; pointer-events: none; }
.hm-rform__stars label { cursor: pointer; color: #d6d6d2; }
.hm-rform__stars svg { width: 30px; height: 30px; fill: currentColor; stroke: none; }
.hm-rform__stars input:checked ~ label, .hm-rform__stars label:hover, .hm-rform__stars label:hover ~ label { color: #f5a524; }
.hm-rform__stars input:focus-visible + label { outline: 2px solid #111316; outline-offset: 2px; border-radius: 6px; }
.hm-rform__field { display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; font-weight: 600; color: #6b7079; }
.hm-rform__field small { font-weight: 400; }
.hm-rform__field input, .hm-rform__field textarea { width: 100%; padding: 12px 14px; border: 1px solid rgba(17, 19, 22, 0.12); border-radius: 14px; font: inherit; font-size: 15px; font-weight: 400; color: #111316; background: #fafaf8; }
.hm-rform__field input[type=file] { padding: 10px; }
.hm-rform__field input:focus, .hm-rform__field textarea:focus { outline: none; border-color: #111316; background: #fff; }
.hm-rform .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hm-rform__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.hm-rform__send { margin-top: 4px; padding: 14px 20px; border: 0; border-radius: 999px; background: #111316; color: #fff; font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.hm-rform__send:hover { background: #d31122; }

/* Blog -------------------------------------------------------------------------- */
.hm-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.hm-post { display: flex; flex-direction: column; gap: 10px; color: #111316; text-decoration: none; }
.hm-post:hover { color: #111316; }
.hm-post__media { display: block; aspect-ratio: 4 / 3; border-radius: 26px; overflow: hidden; margin-bottom: 8px; background: linear-gradient(160deg, #fff, #ecece9); }
.hm-post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
.hm-post:hover .hm-post__media img { transform: scale(1.05); }
.hm-post__meta { font-size: 13px; font-weight: 500; color: #9aa0a8; }
.hm-post h3 { margin: 0; font-size: 21px; line-height: 1.25; letter-spacing: -0.02em; font-weight: 600; }

/* Closing CTA ------------------------------------------------------------------- */
.hm-cta { position: relative; isolation: isolate; overflow: hidden; margin: clamp(104px, 12vw, 168px) 0 0; min-height: 600px; display: grid; place-items: center; padding: 80px 24px; border-radius: 40px; text-align: center; color: #fff; background: #0b0c0e; }
.hm-cta__bg { position: absolute; inset: 0; z-index: -2; }
.hm-cta__bg img { width: 100%; height: 130%; margin-top: -15%; object-fit: cover; opacity: 0.5; }
.hm-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(70% 70% at 50% 60%, rgba(11, 12, 14, 0.4), rgba(11, 12, 14, 0.9)); }
.hm-cta::after { content: ""; position: absolute; z-index: -1; left: 50%; bottom: -60%; width: 80%; aspect-ratio: 1; margin-left: -40%; border-radius: 50%; background: radial-gradient(closest-side, rgba(211, 17, 34, 0.5), rgba(211, 17, 34, 0)); mix-blend-mode: screen; }
.hm-cta__in { max-width: 1000px; }
.hm-cta__title { margin: 0 0 40px; font-family: var(--font-family--heading, inherit); font-size: clamp(48px, 8.4vw, 132px); line-height: 0.92; letter-spacing: -0.055em; font-weight: 600; color: #fff; }
.hm-cta .hx__ctas { justify-content: center; }

/* Fleet rail tweaks on the homepage */
.hm-body .fleet-rail { padding-top: clamp(80px, 9vw, 120px); }

@keyframes hx-in { from { transform: scale(1.25); filter: brightness(0.3); } to { transform: none; filter: none; } }
@keyframes hx-glow { 0% { transform: translate3d(0, 0, 0) scale(1); } 50% { transform: translate3d(18%, -8%, 0) scale(1.15); } 100% { transform: translate3d(-6%, -14%, 0) scale(0.95); } }
@keyframes hx-grain { 0% { transform: translate(0, 0); } 20% { transform: translate(-3%, 2%); } 40% { transform: translate(2%, -3%); } 60% { transform: translate(-1%, 3%); } 80% { transform: translate(3%, 1%); } 100% { transform: translate(0, 0); } }
@keyframes hx-ping { 0% { transform: scale(0.6); opacity: 1; } 100% { transform: scale(1.8); opacity: 0; } }
@keyframes hx-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
@keyframes hx-wheel { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(14px); opacity: 0; } 100% { transform: translateY(0); opacity: 0; } }
@keyframes hx-marq { to { transform: translate3d(-50%, 0, 0); } }
@keyframes hm-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@keyframes hm-arc { to { stroke-dashoffset: 0; } }
@keyframes hm-draw { to { stroke-dashoffset: 0; } }

@media (max-width: 1320px) { .hx-float--car { display: none; } }
@media (max-width: 1180px) {
    .hx-float--rating { top: auto; bottom: clamp(28px, 5vw, 64px); }
    .hx__scroll { display: none; }
}
@media (max-width: 1080px) {
    .hm-svc { grid-template-columns: minmax(0, 1fr); }
    .hm-svc__intro { position: static; }
    .hm-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hm-bento__hero { grid-column: 1 / -1; grid-row: auto; min-height: 380px; }
    .hm-how { grid-template-columns: minmax(0, 1fr); }
    .hm-how__media { position: static; }
    .hm-how__frame { aspect-ratio: 16 / 11; max-height: none; }
    .hm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hm-kpis > div:nth-child(3) { padding-left: 0; border-left: 0; }
    .hm-kpis > div:nth-child(n + 3) { margin-top: 28px; }
    .hx-float--rating { display: none; }
}
@media (max-width: 767px) {
    /* Reviews: one row you swipe by hand, a card at a time (no auto-scroll, no duplicate row) */
    .hm-rev__row { overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; padding: 8px 20px 14px; scroll-padding: 0 20px; }
    .hm-rev__row::-webkit-scrollbar { display: none; }
    .hm-rev__row--rev { display: none; }
    .hm-rev__track { animation: none !important; }
    .hm-rcard { width: min(82vw, 340px); scroll-snap-align: start; padding: 22px; }
    .hm-rcard:last-child { margin-right: 0; }
    .hm { padding: 0 16px; }
    .hx { padding: 6px 6px 0; }
    .hx__frame { height: auto; min-height: calc(100svh - 6px); max-height: none; border-radius: calc(24px + var(--hp, 0) * 12px); }
    .hx__content { position: relative; left: auto; right: auto; bottom: auto; display: flex; flex-direction: column; justify-content: flex-end; min-height: calc(100svh - 6px); padding: 110px 20px 22px; }
    .hx__shade { background: linear-gradient(0deg, rgba(8, 9, 11, 0.94) 0%, rgba(8, 9, 11, 0.55) 55%, rgba(8, 9, 11, 0.35) 100%); }
    .hx__title { font-size: clamp(40px, 11.6vw, 56px); line-height: 1; font-weight: 500; letter-spacing: -0.035em; }
    .hx__title .m-accent { letter-spacing: -0.01em; }
    .hx-btn, .hm-link, .hx-search button { font-weight: 500; }
    .hm-h2, .hm-h2--md, .fleet-rail__title, .hm-cta__title { font-weight: 500; letter-spacing: -0.03em; line-height: 1.02; }
    .hm-intro__text { font-weight: 400; letter-spacing: -0.025em; line-height: 1.18; }
    .hm-kpis strong { font-weight: 500; letter-spacing: -0.035em; }
    .hm-sc h3, .hm-steps h3, .hm-bento__item h3, .hm-bento__hero strong, .hm-post h3, .hm-cat__name { font-weight: 500; letter-spacing: -0.02em; }
    .hx__eyebrow { font-weight: 500; letter-spacing: 0.1em; }
    .hx__eyebrow { font-size: 11.5px; margin-bottom: 20px; }
    .hx__foot { margin-top: 20px; gap: 20px; }
    .hx__sub { font-size: 16px; }
    .hx__ctas { width: 100%; }
    .hx__ctas .hx-btn { flex: 1 1 auto; justify-content: space-between; }
    .hx-btn { height: 56px; }
    .hx-btn--glass { justify-content: center !important; }
    .hx-search { height: 58px; margin-top: 16px; padding-left: 18px; }
    .hx-search select, .hx-search__sep { display: none; }
    .hx-search button { width: 44px; height: 44px; }
    .hx-marquee { padding-top: 22px; }
    .hm-intro__text { font-size: clamp(28px, 7.6vw, 40px); }
    .hm-kpis > div, .hm-kpis > div + div { padding: 22px 12px 0 0; }
    .hm-kpis > div + div { padding-left: 14px; }
    .hm-kpis > div:nth-child(3) { padding-left: 0; }
    .hm-kpis span { font-size: 13px; }
    .hm-h2 { font-size: clamp(36px, 10.4vw, 50px); }
    .hm-sc { top: calc(88px + var(--k) * 12px); height: auto; min-height: 460px; flex-direction: column; border-radius: 28px; padding: 26px; }
    .hm-sc--light { display: flex; gap: 0; }
    .hm-sc__body { max-width: none; flex: 1; }
    .hm-sc__top { margin-bottom: 40px; }
    .hm-sc__car { position: relative; width: calc(100% + 52px); height: 180px; margin: 20px -26px -26px; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 40%); mask-image: linear-gradient(180deg, transparent 0%, #000 40%); }
    .hm-plan, .hm-swap { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 8px; }
    .hm-plan { display: flex; align-items: center; gap: 18px; padding: 16px; }
    .hm-plan__ring { width: 84px; height: 84px; margin: 0; flex-shrink: 0; }
    .hm-plan__ring span { font-size: 18px; }
    .hm-plan__rows { flex: 1; }
    .hm-sc__chart { position: relative; width: calc(100% + 52px); height: 120px; margin: 8px -26px -26px; }
    .hm-bento { grid-template-columns: minmax(0, 1fr); }
    .hm-bento__hero { min-height: 340px; }
    .hm-bento__item { min-height: 220px; }
    .hm-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
    .hm-cat__media { border-radius: 20px; }
    .hm-cat__name { font-size: 15.5px; }
    .hm-cat__go { width: 30px; height: 30px; }
    .hm-steps li { grid-template-columns: 48px minmax(0, 1fr); gap: 16px; }
    .hm-steps__no { width: 48px; height: 48px; font-size: 20px; }
    .hm-steps::before, .hm-steps::after { left: 23px; top: 24px; }
    .hm-steps h3 { font-size: 20px; margin-top: 8px; }
    .hm-rcard { width: 300px; padding: 22px; }
    .hm-posts { grid-template-columns: minmax(0, 1fr); }
    .hm-cta { min-height: 520px; border-radius: 30px; margin-left: -6px; margin-right: -6px; }
    .hm-cta .hx__ctas .hx-btn { flex: 1 1 100%; justify-content: space-between; }
    .hm-cta .hx-btn--glass { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .hx__media, .hx__glow, .hx__grain, .hx-float, .hx__dot::after, .hx__scroll span { animation: none !important; }
    .hx-marquee .hx-marquee__track, .hm-rev__track { animation: none !important; }
    .hx-marquee, .hm-rev__row { overflow-x: auto; }
    .hm-body .hm-plan__ring .hm-plan__arc, .hm-sc__line { animation: none; stroke-dashoffset: 0; }
}