/* =====================================================================
   Action Car Rental — Homepage modern redesign
   Scoped entirely under `.home-v2` so NOTHING outside the homepage is
   affected. No ids/names/JS hooks are touched here — visual layer only.
   Brand: orange #F2730C · dark #15151A
   ===================================================================== */

.home-v2 {
    --acr-orange: #f2730c;
    --acr-orange-2: #ff9233;
    --acr-dark: #15151a;
    --acr-green: #00a651;
    --acr-ink: #1f2430;
    --acr-muted: #6b7280;
    overflow-x: hidden;
}

.home-v2 * { -webkit-font-smoothing: antialiased; }

@keyframes acrFadeUp {
    from { opacity: 0; transform: translateY(28px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes acrFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-9px); }
}
@keyframes acrKenBurns {
    from { transform: scale(1.0); }
    to   { transform: scale(1.06); }
}
@keyframes acrGlow {
    0%, 100% { opacity: .55; }
    50%      { opacity: .9; }
}

/* ==================================================================== */
/* 1. HERO — cinematic, immersive, premium                              */
/* ==================================================================== */
.home-v2 .DesktopSection.home-hero {
    position: relative;
    display: flex;
    align-items: center;          /* vertically center the whole copy block in the hero */
    min-height: 100vh;
    overflow: hidden;
    background: #0c0e13;
}

/* background image: subtle slow Ken-Burns push for a "living" frame.
   Real sunny storefront photo — natural brightness, a little extra contrast
   and saturation for richness, framed on the building/vehicles. */
.home-v2 .home-hero .homepage-background {
    height: 100%;
    z-index: 0;                 /* sit above the section's dark base, below the copy/FX */
    background-position: center 46%;
    transform-origin: 58% 50%;
    filter: brightness(0.98) contrast(1.04) saturate(1.0);
    animation: acrKenBurns 26s ease-in-out infinite alternate;
    will-change: transform;
}

/* cinematic colour grade — strong on the left for legibility, clearing on
   the right so the vehicle photography reads through and adds depth */
.home-v2 .home-hero .homepage-background::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(100deg, rgba(8, 9, 14, 0.9) 0%, rgba(8, 9, 14, 0.64) 24%, rgba(8, 9, 14, 0.4) 42%, rgba(8, 9, 14, 0.12) 60%, rgba(8, 9, 14, 0) 76%),
        linear-gradient(0deg, rgba(8, 9, 14, 0.24) 0%, rgba(8, 9, 14, 0) 32%);
}

/* depth FX layers (glow + grain + vignette) */
.home-v2 .home-hero__fx {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.home-v2 .home-hero__glow {
    position: absolute;
    left: -8%;
    bottom: -22%;
    width: 60vw;
    height: 60vw;
    max-width: 880px;
    max-height: 880px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(242, 115, 12, 0.3) 0%, rgba(242, 115, 12, 0.1) 38%, rgba(242, 115, 12, 0) 68%);
    filter: blur(28px);
    animation: acrGlow 7s ease-in-out infinite;
}
/* warm Florida sunlight — subtle, on the sky side (top-right) */
.home-v2 .home-hero__fx::before {
    content: "";
    position: absolute;
    top: -18%;
    right: -8%;
    width: 52vw;
    height: 52vw;
    max-width: 760px;
    max-height: 760px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 198, 128, 0.26) 0%, rgba(255, 174, 96, 0.1) 42%, rgba(255, 174, 96, 0) 70%);
    filter: blur(22px);
    mix-blend-mode: screen;
    pointer-events: none;
}
.home-v2 .home-hero__grain {
    position: absolute;
    inset: -50%;
    opacity: 0.05;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.home-v2 .home-hero__fx::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 150px 18px rgba(0, 0, 0, 0.16);
    background: radial-gradient(130% 100% at 50% 12%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.1) 100%);
}
/* subtle cinematic dark grounding at the bottom (no more white fog) */
.home-v2 .home-hero::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 110px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(8, 9, 14, 0.3) 0%, rgba(8, 9, 14, 0) 100%);
}

/* content column */
.home-v2 .home-hero__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1320px;
    /* nudged up a touch (negative top margin, NOT transform — a transform here
       would make the position:fixed sticky booking widget anchor to this box). */
    margin: -34px auto 0;
    /* balanced vertical padding (slight top bias clears the floating navbar);
       the block is centered by the hero's align-items:center, so these values
       mainly act as a safety floor + a touch more left breathing room. */
    padding: 56px clamp(24px, 5.6vw, 84px) 40px;
}

/* eyebrow */
.home-v2 .home-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 8px 16px 8px 12px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: rgba(255, 255, 255, 0.92);
    font-family: "Inter", sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    letter-spacing: .3px;
    animation: acrFadeUp 0.7s cubic-bezier(.16,.84,.44,1) both;
}
/* badge now sits at the foot of the block (below the trust items) -> top gap */
.home-v2 .home-hero-eyebrow--foot { margin: 36px 0 0; }
.home-v2 .home-hero-eyebrow .dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--acr-orange-2);
    box-shadow: 0 0 0 4px rgba(242, 115, 12, 0.22);
}
.home-v2 .home-hero-eyebrow b { color: var(--acr-orange-2); font-weight: 600; }

/* headline */
.home-v2 .home-hero .homepage-content {
    position: relative;
    z-index: 2;
    margin: 0;
    animation: acrFadeUp 0.9s cubic-bezier(.16,.84,.44,1) both;
}
.home-v2 .home-hero .homepage-content .homepage-title {
    font-family: "Sora", "Inter", sans-serif;
    font-weight: 600;
    font-size: clamp(33px, 3.7vw, 54px);
    line-height: 1.12;
    letter-spacing: -0.02em;
    max-width: 26ch;
    margin: 0 0 22px;
    color: #fff;
    text-wrap: balance;   /* even line lengths; falls back to normal wrap */
    text-shadow: 0 18px 50px rgba(0, 0, 0, 0.4);
}
.home-v2 .home-hero .homepage-content .homepage-title .home-hero-accent {
    font-weight: 300;
    background: linear-gradient(92deg, #ffffff 0%, #ffcca6 72%, #ff9d52 120%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-v2 .home-hero .homepage-content .homepage-text {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: clamp(15px, 1.2vw, 17.5px);
    line-height: 1.7;
    max-width: 27em;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
}

/* CTA row */
.home-v2 .home-hero-actions {
    position: relative;
    z-index: 2;
    margin: 34px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    animation: acrFadeUp 1.05s cubic-bezier(.16,.84,.44,1) both;
}
.home-v2 .home-hero-actions a { text-decoration: none; }
.home-v2 .home-hero-actions .homepage-button {
    margin: 0;
    width: auto;
    min-width: 0;
    height: 54px;
    padding: 0 26px;
    border-radius: 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    white-space: nowrap;
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .2px;
    text-transform: none;
    border: 1px solid transparent;
    transition: transform .25s ease, box-shadow .25s ease, background .3s ease, border-color .3s ease;
}
/* primary — refined orange */
.home-v2 .home-hero-actions .home-cta-primary {
    color: #fff;
    background: linear-gradient(135deg, #ff8f28 0%, var(--acr-orange) 62%, #e1620a 100%);
    box-shadow: 0 18px 40px -16px rgba(242, 115, 12, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.12);
}
.home-v2 .home-hero-actions .home-cta-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 26px 50px -18px rgba(242, 115, 12, 0.9);
}
.home-v2 .home-hero-actions .home-cta-primary .home-cta-arrow {
    transition: transform .3s ease;
}
.home-v2 .home-hero-actions .home-cta-primary:hover .home-cta-arrow { transform: translateX(4px); }
/* secondary — glass (NOT green) */
.home-v2 .home-hero-actions .home-cta-ghost {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.28);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 30px -18px rgba(0, 0, 0, 0.6);
}
.home-v2 .home-hero-actions .home-cta-ghost:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.5);
}

/* trust strip */
.home-v2 .home-hero-trust {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: clamp(14px, 2.2vw, 30px);
    margin-top: 44px;
    animation: acrFadeUp 1.2s cubic-bezier(.16,.84,.44,1) both;
}
.home-v2 .home-hero-trust__item { display: flex; flex-direction: column; line-height: 1.2; }
.home-v2 .home-hero-trust__item strong {
    font-family: "Sora", "Inter", sans-serif;
    font-size: clamp(18px, 1.6vw, 22px);
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.01em;
}
.home-v2 .home-hero-trust__item span {
    font-size: 12.5px;
    color: rgba(255, 255, 255, 0.58);
    margin-top: 3px;
}
.home-v2 .home-hero-trust__sep {
    width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, 0.16);
}

/* ---- hero booking widget (relocated search form) ----------------- */
.home-v2 .home-hero-widget {
    position: relative;
    z-index: 2;
    margin: 42px 0 0;
    max-width: 1120px;
    animation: acrFadeUp 1.05s cubic-bezier(.16,.84,.44,1) both;
}

/* ---- sticky booking engine on scroll (desktop) ---- */
.home-v2 .home-hero-widget.is-stuck {
    position: fixed;
    top: var(--acr-stick-top, 72px);
    left: 50%;
    transform: translateX(-50%);
    width: min(1120px, calc(100vw - 40px));
    margin: 0;
    z-index: 900;
    animation: acrStickIn .26s cubic-bezier(.16,.84,.44,1);
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(22px) saturate(140%);
    backdrop-filter: blur(22px) saturate(140%);
    border: 1px solid rgba(15, 23, 42, 0.07);
    border-radius: 16px;
    box-shadow: 0 18px 46px -20px rgba(15, 23, 42, 0.42);
    padding: 10px 12px;
}
@keyframes acrStickIn {
    from { opacity: 0; transform: translateX(-50%) translateY(-12px); }
    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
.home-v2 .home-hero-widget.is-stuck .hero-bw { gap: 8px; }
.home-v2 .home-hero-widget.is-stuck .hero-bw__promo { display: none; }
.home-v2 .home-hero-widget.is-stuck .hero-bw__field {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.10) !important;
    box-shadow: none;
    padding: 8px 14px;
}
.home-v2 .home-hero-widget.is-stuck .hero-bw__search { min-height: 48px; padding: 0 22px; }
.home-v2 .home-hero-widget__ph { width: 100%; pointer-events: none; }

/* ---- compact sticky booking bar (mobile) ---- */
.acr-bookbar {
    position: fixed;
    left: 12px; right: 12px;
    bottom: 12px;
    z-index: 980;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 9px 9px 16px;
    padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.97);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    backdrop-filter: blur(20px) saturate(140%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    box-shadow: 0 16px 40px -14px rgba(15, 23, 42, 0.45);
    transform: translateY(150%);
    opacity: 0;
    transition: transform .3s cubic-bezier(.16,.84,.44,1), opacity .25s ease;
}
.acr-bookbar.is-visible { transform: translateY(0); opacity: 1; }
.acr-bookbar__info {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 1px;
    text-align: left; background: transparent; border: 0; padding: 2px 0; cursor: pointer;
}
.acr-bookbar__dates { font-family: "Inter", sans-serif; font-size: 14px; font-weight: 600; color: #1f2430; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acr-bookbar__times { font-size: 12px; color: #767d8a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.acr-bookbar__btn {
    flex: none;
    display: inline-flex; align-items: center; gap: 7px;
    height: 46px; padding: 0 20px;
    border: 0; border-radius: 12px;
    background: linear-gradient(135deg, #ff9233 0%, #f2730c 60%, #e1620a 100%);
    color: #fff; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 600; cursor: pointer;
    box-shadow: 0 10px 22px -10px rgba(242, 115, 12, .7);
}
.acr-bookbar__btn svg { flex: none; }
@media (min-width: 769px) { .acr-bookbar { display: none !important; } }
.home-v2 .hero-bw {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
}
.home-v2 .hero-bw__field {
    flex: 1 1 0;
    min-width: 150px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px 16px;
    margin: 0;          /* the <label> fields inherit a legacy 8px bottom margin; zero it so every box is the same height (row uses gap for spacing) */
    line-height: 1.2;   /* normalise: the static location <div> otherwise inherits 1.8, making it taller than the <label> fields */
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.7) !important;   /* !important neutralises the legacy focus/blur JS border */
    border-radius: 14px;
    box-shadow: 0 16px 34px -20px rgba(0, 0, 0, 0.55);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transition: border-color .2s ease, box-shadow .2s ease;
    cursor: pointer;            /* whole box is clickable (JS opens the picker) */
}
.home-v2 .hero-bw__field .hero-bw__label,
.home-v2 .hero-bw__field .hero-bw__ic { cursor: pointer; }
.home-v2 .hero-bw__field--loc { flex: 2.2 1 0; min-width: 244px; }   /* room for the full location name */
.home-v2 .hero-bw__field:focus-within {
    border-color: var(--acr-orange) !important;
    box-shadow: 0 0 0 3px rgba(242, 115, 12, 0.16), 0 16px 34px -20px rgba(0, 0, 0, 0.5);
}
.home-v2 .hero-bw__ic { flex: none; color: var(--acr-orange); }
.home-v2 .hero-bw__inner { display: flex; flex-direction: column; min-width: 0; width: 100%; }
.home-v2 .hero-bw__label {
    font-family: "Inter", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #8a90a0;
    margin-bottom: 1px;
}
.home-v2 .hero-bw .hero-bw__input {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: "Inter", sans-serif;
    font-size: 14.5px !important;
    font-weight: 600;
    color: #1f2430 !important;
    line-height: 1.3;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}
.home-v2 .hero-bw select.hero-bw__input {
    text-overflow: ellipsis;
}
.home-v2 .hero-bw__input::placeholder { color: #aab0bb; font-weight: 500; }

/* single-location: static display value (no 1-option dropdown to open) */
.home-v2 .hero-bw__value {
    font-family: "Inter", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    color: #1f2430;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-v2 .hero-bw__field--static,
.home-v2 .hero-bw__field--static .hero-bw__ic,
.home-v2 .hero-bw__field--static .hero-bw__value,
.home-v2 .hero-bw__field--static .hero-bw__label { cursor: default; }

.home-v2 .hero-bw__search {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 28px;
    min-height: 60px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg, #ff9233 0%, var(--acr-orange) 60%, #e1620a 100%);
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 15.5px;
    font-weight: 700;
    letter-spacing: .2px;
    white-space: nowrap;
    box-shadow: 0 16px 34px -14px rgba(242, 115, 12, 0.75), inset 0 0 0 1px rgba(255, 255, 255, 0.12);
    transition: transform .25s ease, box-shadow .25s ease, background .3s ease;
}
.home-v2 .hero-bw__search:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 42px -16px rgba(242, 115, 12, 0.9), inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}
.home-v2 .hero-bw__search svg { flex: none; }
/* Discreet promo-code access under the booking engine (full-width row) */
.home-v2 .hero-bw__promo {
    flex: 1 0 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 2px;
    /* neutralise the legacy AddEventListenner.js focus/blur box border on
       #promotionalCode-container — the focus ring lives on the input itself */
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}
/* plain white clickable text — not a button/box */
.home-v2 .hero-bw__promo-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 0;
    background: transparent;
    border: 0;
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: 13.5px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: color .15s ease, opacity .15s ease;
}
.home-v2 .hero-bw__promo-toggle svg { color: #ffb877; flex: none; }
.home-v2 .hero-bw__promo-toggle:hover {
    color: #ffb877;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.home-v2 .hero-bw__promo.is-open .hero-bw__promo-toggle { color: #ffb877; }
.home-v2 .hero-bw__promo-panel {
    display: flex;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    max-width: 430px;
}
.home-v2 .hero-bw__promo-input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 11px 14px;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.97);
    color: #1f2430;
    font-size: 14px;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.home-v2 .hero-bw__promo-input::placeholder { color: #9aa1ad; }
.home-v2 .hero-bw__promo-input:focus {
    border-color: var(--acr-orange);
    box-shadow: 0 0 0 3px rgba(242, 115, 12, 0.18);
}
.home-v2 .hero-bw__promo-apply {
    flex: none;
    padding: 0 18px;
    border-radius: 11px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: #fff;
    color: var(--acr-orange);
    font-family: "Inter", sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, opacity .15s ease;
}
.home-v2 .hero-bw__promo-apply:hover { background: rgba(242, 115, 12, 0.1); }
.home-v2 .hero-bw__promo-apply.is-loading { opacity: .55; pointer-events: none; }
.home-v2 .hero-bw__promo-msg {
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 500;
}
.home-v2 .hero-bw__promo.is-valid .hero-bw__promo-msg { color: #74e8a3; }
.home-v2 .hero-bw__promo.is-invalid .hero-bw__promo-msg { color: #ffb0b0; }
.home-v2 .hero-bw__promo.is-valid .hero-bw__promo-input { border-color: #74e8a3; }
.home-v2 .hero-bw__promo.is-invalid .hero-bw__promo-input { border-color: #ffb0b0; }
@media (max-width: 560px) {
    .home-v2 .hero-bw__promo-panel { max-width: none; }
}

@media (max-width: 991px) {
    .home-v2 .hero-bw__field { flex: 1 1 calc(50% - 5px); }
    .home-v2 .hero-bw__field--loc { flex: 1 1 100%; }
    .home-v2 .hero-bw__search { flex: 1 1 100%; }
}
@media (max-width: 560px) {
    .home-v2 .hero-bw__field { flex: 1 1 100%; }
}

/* hero trust items — travel/family reassurance (icon chips) */
.home-v2 .home-hero-feats {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 26px;
    margin-top: 52px;
    animation: acrFadeUp 1.2s cubic-bezier(.16,.84,.44,1) both;
}
.home-v2 .home-hero-feat {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .1px;
    color: #fff;
    /* legible on any part of the photo without a heavy pill */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 2px 14px rgba(0, 0, 0, 0.5);
}
.home-v2 .home-hero-feat__ic {
    display: grid;
    place-items: center;
    width: 40px; height: 40px;
    flex: none;
    border-radius: 12px;
    color: #ff8a1e;
    /* crisp "crystal" frosted-glass chip — clearly visible on the hero photo */
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.16) 100%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(13px) saturate(150%);
    backdrop-filter: blur(13px) saturate(150%);
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.7),
        inset 0 -7px 14px rgba(255, 255, 255, 0.06),
        0 8px 18px -7px rgba(0, 0, 0, 0.5);
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.home-v2 .home-hero-feat__ic svg {
    width: 21px; height: 21px;
    stroke-width: 2;
    filter: drop-shadow(0 1px 1.5px rgba(120, 50, 0, 0.35));
}
.home-v2 .home-hero-feat:hover .home-hero-feat__ic {
    transform: translateY(-3px);
    background: linear-gradient(155deg, rgba(255, 255, 255, 0.52) 0%, rgba(255, 255, 255, 0.22) 100%);
    border-color: rgba(255, 255, 255, 0.75);
}
/* when a date/time picker is open, push the badges + promo back so the
   picker (anchored under the booking row) doesn't visually clash with them */
.home-v2.acr-picker-active .home-hero-feats,
.home-v2.acr-picker-active .hero-bw__promo {
    opacity: .22 !important;   /* !important beats the hero fade-up animation */
    pointer-events: none;
    transition: opacity .25s ease;
}

/* scroll cue */
.home-v2 .home-scroll-cue {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    z-index: 3;
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    animation: acrFloat 2.4s ease-in-out infinite;
}
.home-v2 .home-scroll-cue:hover { color: #fff; }
.home-v2 .home-scroll-cue span {
    width: 24px; height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    position: relative;
}
.home-v2 .home-scroll-cue span::after {
    content: "";
    position: absolute;
    top: 8px; left: 50%;
    width: 4px; height: 8px;
    background: #fff;
    border-radius: 4px;
    transform: translateX(-50%);
    animation: acrFloat 1.6s ease-in-out infinite;
}

/* tablet: navbar is fixed (overlays). The block is centered now, so we only
   need a little extra top clearance as a safety floor. */
@media (min-width: 769px) and (max-width: 991px) {
    .home-v2 .home-hero__inner { padding-top: 64px; }
}
/* phones: navbar is sticky (already reserves its space) -> top-align the
   copy with a tight gap (no vertical-centering void above the eyebrow) */
@media (max-width: 768px) {
    .home-v2 .DesktopSection.home-hero { align-items: flex-start; min-height: 84vh; }
    .home-v2 .home-hero__inner { padding-top: 26px; }
}
@media (max-width: 600px) {
    .home-v2 .home-hero-actions { width: 100%; }
    .home-v2 .home-hero-actions a { width: 100%; }
    .home-v2 .home-hero-actions .homepage-button { width: 100%; }
    .home-v2 .home-hero-trust { flex-wrap: wrap; gap: 14px 22px; }
}

/* ------------------------------------------------------------------ */
/* 2. CATEGORIES "YOUR CHOICE / ROUTE / ADVENTURE"                     */
/* ------------------------------------------------------------------ */
.home-v2 .about-us-sec {
    background:
        radial-gradient(80% 60% at 100% 0%, rgba(242,115,12,.06) 0%, rgba(242,115,12,0) 60%),
        #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
}
.home-v2 .about-us-sec .title { margin-bottom: 10px; }
.home-v2 .about-us-sec .title > p {
    font-size: clamp(72px, 11vw, 170px);
    line-height: .9;
    letter-spacing: -3px;
    background: linear-gradient(135deg, #ff9233, var(--acr-orange));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.home-v2 .about-us-sec .subtitle p { color: var(--acr-ink); letter-spacing: -.5px; }

.home-v2 .about-us-sec .car-card article {
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 40px -22px rgba(15, 23, 42, 0.45);
    backdrop-filter: saturate(1.1);
}
.home-v2 .about-us-sec .car-card article::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 38%);
    pointer-events: none;
}
.home-v2 .about-us-sec .car-card article p {
    font-size: 24px;
    letter-spacing: .2px;
    text-shadow: 0 6px 18px rgba(0,0,0,.22);
}
.home-v2 .about-us-sec .car-card article:hover {
    transform: translateY(-10px) scale(1.04);
    box-shadow: 0 34px 60px -26px rgba(15, 23, 42, 0.6);
}
.home-v2 .about-us-sec .car-card .cta {
    border: 2px dashed rgba(242, 115, 12, 0.4);
    background: linear-gradient(180deg, #fff 0%, #fff7f0 100%);
    border-radius: 22px;
}
.home-v2 .about-us-sec .car-card .cta button {
    border-radius: 79px;
    background: linear-gradient(135deg, #ff8a1e, var(--acr-orange));
    box-shadow: 0 16px 30px -14px rgba(242, 115, 12, 0.8);
    transition: transform .25s ease, background .3s ease;
}
.home-v2 .about-us-sec .car-card .cta button:hover {
    transform: translateY(-3px);
    background: var(--acr-dark);
}

/* ------------------------------------------------------------------ */
/* 3. DISCOVER FLEET                                                   */
/* ------------------------------------------------------------------ */
.home-v2 .dicover {
    background:
        radial-gradient(90% 70% at 0% 0%, rgba(242,115,12,.18) 0%, rgba(242,115,12,0) 55%),
        #14161c;
}
.home-v2 .dicover .text .title { font-size: clamp(28px, 3.4vw, 40px); letter-spacing: -.5px; }
.home-v2 .dicover .text .dicover-lead {
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(15px, 1.4vw, 17px);
    line-height: 1.65;
    max-width: 52ch;
    margin: 14px 0 4px;
}
.home-v2 .dicover .image img {
    box-shadow: 34px -34px 0 0 var(--acr-orange), 0 30px 60px -20px rgba(0,0,0,.6);
    transition: transform .5s ease;
}
.home-v2 .dicover .image:hover img { transform: translateY(-6px); }
.home-v2 .dicover .text .cta button {
    background: linear-gradient(135deg, #ff8a1e, var(--acr-orange));
    box-shadow: 0 16px 30px -14px rgba(242,115,12,.8);
    transition: transform .25s ease, background .3s ease;
}
.home-v2 .dicover .text .cta button:hover { transform: translateY(-3px); background: #000; }

/* ------------------------------------------------------------------ */
/* 4. FIND YOUR BEST MATCH (slick slider captions)                    */
/* ------------------------------------------------------------------ */
.home-v2 .car-categories-sec .section-header h3 {
    font-family: "Sora", "Inter", sans-serif !important;
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 600;
    text-transform: none;
    letter-spacing: -0.02em;
    color: var(--acr-ink);
}
.home-v2 .car-categories-sec .section-header p {
    margin: 14px auto 0;
    max-width: 58ch;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #5c6470 !important;
}
.home-v2 .car-categories-sec .section-header h3::after {
    content: "";
    display: block;
    width: 60px; height: 4px;
    margin: 16px auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #ff9233, var(--acr-orange));
}

/* Cards — softer, fuller, premium */
.home-v2 .car-categories-sec .category-slider .car-categories {
    border-radius: 22px;
    overflow: hidden;
    margin: 16px 12px;
    background: linear-gradient(165deg, #f5f7f9 0%, #e7ebef 100%);
    box-shadow: 0 26px 50px -28px rgba(15, 23, 42, 0.5);
    transition: transform .3s ease, box-shadow .3s ease;
}
.home-v2 .car-categories-sec .category-slider .car-categories:hover {
    transform: translateY(-4px);
    box-shadow: 0 38px 64px -30px rgba(15, 23, 42, 0.55);
}
.home-v2 .car-categories img {
    border-radius: 22px;
    transform: scale(1.06);
    transition: transform .55s ease;
}
.home-v2 .car-categories-sec .category-slider .car-categories:hover img { transform: scale(1.11); }

/* Caption — always-visible premium charcoal overlay, less tall */
.home-v2 .car-categories-sec .category-slider .car-categories .category-caption {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 46px 22px 18px;
    background: linear-gradient(0deg, rgba(10,13,19,.92) 0%, rgba(10,13,19,.55) 52%, rgba(10,13,19,0) 100%);
    transition: none;
}
.home-v2 .car-categories-sec .category-slider .car-categories:hover .category-caption { bottom: 0; }
.home-v2 .car-categories .category-caption h4 {
    font-family: "Sora", "Inter", sans-serif !important;
    font-size: 16.5px;
    font-weight: 600;
    color: #fff !important;
    letter-spacing: -0.01em;
    line-height: 1.3;
    margin: 0;
}
.home-v2 .car-categories .category-caption p {
    color: rgba(255,255,255,.8) !important;
    font-size: 13px;
    line-height: 1.55;
    margin: 6px 0 0;
}

/* Dots — premium */
.home-v2 .car-categories-sec .category-slider ul.slick-dots { bottom: -42px; }
.home-v2 .car-categories-sec .category-slider ul.slick-dots li {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #d3d8df;
    margin: 0 4px;
    transition: width .25s ease, background .25s ease;
}
.home-v2 .car-categories-sec .category-slider ul.slick-dots li:hover { background: #b9bfc8; }
.home-v2 .car-categories-sec .category-slider ul.slick-dots li.slick-active {
    width: 24px;
    border-radius: 5px;
    background: linear-gradient(90deg, #ff9233, var(--acr-orange));
}

/* Side (non-active) slides: clean, intentional fade */
.home-v2 .car-categories-sec .category-slider .slick-slide {
    opacity: .42;
    transition: opacity .4s ease;
}
.home-v2 .car-categories-sec .category-slider .slick-slide.slick-active { opacity: 1; }

/* Arrows — subtle premium circles */
.home-v2 .car-categories-sec .category-slider-prevtab,
.home-v2 .car-categories-sec .category-slider-nexttab {
    width: 44px; height: 44px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 24px -12px rgba(15,23,42,.45);
    display: flex; align-items: center; justify-content: center;
    color: #1f2430;
    z-index: 20;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.home-v2 .car-categories-sec .category-slider-prevtab:hover,
.home-v2 .car-categories-sec .category-slider-nexttab:hover {
    background: var(--acr-orange);
    color: #fff;
    transform: scale(1.06);
}
.home-v2 .car-categories-sec .category-slider-prevtab i,
.home-v2 .car-categories-sec .category-slider-nexttab i { font-size: 20px; }

/* ------------------------------------------------------------------ */
/* 5. GUIDES & ADVICE                                                  */
/* ------------------------------------------------------------------ */
.home-v2 .news-sec-desktop {
    background:
        radial-gradient(70% 60% at 100% 0%, rgba(242,115,12,.07) 0%, rgba(242,115,12,0) 60%),
        #f6f7f9;
    padding-top: 90px;
    padding-bottom: 90px;
}
.home-v2 .news-sec-desktop .section-header h3 {
    font-size: clamp(28px, 3.4vw, 40px);
    letter-spacing: -.5px;
    color: var(--acr-ink);
}
.home-v2 .news-sec-desktop .section-header h3::after {
    content: "";
    display: block;
    width: 64px; height: 4px;
    margin: 14px auto 0;
    border-radius: 4px;
    background: linear-gradient(90deg, #ff9233, var(--acr-orange));
}
.home-v2 .news-sec-img {
    border-radius: 18px;
    box-shadow: 0 20px 44px -26px rgba(15, 23, 42, 0.5);
}
.home-v2 .news-sec-img img { border-radius: 18px; }
.home-v2 .news-sec-img .news-caption {
    background: linear-gradient(0deg, rgba(8,10,16,.9) 0%, rgba(8,10,16,.5) 55%, rgba(8,10,16,0) 100%);
}
.home-v2 .news-sec-img .news-caption h4 { letter-spacing: -.3px; }
.home-v2 .news-sec-img:hover { box-shadow: 0 30px 56px -24px rgba(15, 23, 42, 0.6); }

/* Guide tiles: whole card clickable + read-more affordance */
.home-v2 .news-sec-img { position: relative; cursor: pointer; }
.home-v2 .news-sec-img .news-stretch {
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: 18px;
    display: block;
}
.home-v2 .news-sec-img .news-caption { z-index: 2; }
.home-v2 .news-sec-img .news-sub {
    margin: 6px 0 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13.5px;
    line-height: 1.5;
}
.home-v2 .news-sec-img .news-readmore {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffb877;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .22s ease, transform .22s ease;
}
.home-v2 .news-sec-img .news-readmore svg { width: 15px; height: 15px; transition: transform .22s ease; }
.home-v2 .news-sec-img:hover .news-readmore { opacity: 1; transform: translateY(0); }
.home-v2 .news-sec-img:hover .news-readmore svg { transform: translateX(3px); }
.home-v2 .news-sec-img:hover img { transform: scale(1.04); }
.home-v2 .news-sec-img img { transition: transform .5s ease; }

/* Balanced guides grid: one full-width hero card + a row of three equal cards */
.home-v2 .acr-guides {
    display: flex;
    flex-direction: column;
    gap: 22px;
}
.home-v2 .acr-guides__row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.home-v2 .acr-guide {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 18px;
    text-decoration: none;
    box-shadow: 0 20px 44px -26px rgba(15, 23, 42, 0.5);
    transition: box-shadow .3s ease, transform .3s ease;
}
.home-v2 .acr-guide--hero { aspect-ratio: 24 / 9; }
.home-v2 .acr-guides__row .acr-guide { aspect-ratio: 7 / 6; }
.home-v2 .acr-guide img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .55s ease;
}
.home-v2 .acr-guide:hover { transform: translateY(-4px); box-shadow: 0 32px 58px -26px rgba(15, 23, 42, 0.6); }
.home-v2 .acr-guide:hover img { transform: scale(1.05); }
.home-v2 .acr-guide__cap {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    padding: 24px 26px;
    background: linear-gradient(0deg, rgba(8,10,16,.9) 0%, rgba(8,10,16,.45) 48%, rgba(8,10,16,0) 78%);
}
.home-v2 .acr-guide__cap h4 {
    margin: 0;
    color: #fff;
    font-family: "Sora", "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: -.3px;
    line-height: 1.2;
    font-size: 19px;
}
.home-v2 .acr-guide--hero .acr-guide__cap {
    padding: 30px 34px;
    background: linear-gradient(0deg, rgba(8,10,16,.88) 0%, rgba(8,10,16,.38) 42%, rgba(8,10,16,0) 72%);
}
.home-v2 .acr-guide--hero .acr-guide__cap h4 { font-size: clamp(24px, 2.6vw, 33px); }
.home-v2 .acr-guide__cap h4,
.home-v2 .acr-guide__cap p { text-align: left; }
.home-v2 .acr-guide__cap p {
    margin: 7px 0 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13.5px;
    line-height: 1.5;
    max-width: 52ch;
}
.home-v2 .acr-guide__more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffb877;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .22s ease, transform .22s ease;
}
.home-v2 .acr-guide__more svg { width: 15px; height: 15px; transition: transform .22s ease; }
.home-v2 .acr-guide:hover .acr-guide__more { opacity: 1; transform: translateY(0); }
.home-v2 .acr-guide:hover .acr-guide__more svg { transform: translateX(3px); }
@media (max-width: 991px) {
    .home-v2 .acr-guides__row { grid-template-columns: 1fr 1fr; }
    .home-v2 .acr-guide--hero { aspect-ratio: 20 / 9; }
}
@media (max-width: 600px) {
    .home-v2 .acr-guides { gap: 16px; }
    .home-v2 .acr-guides__row { grid-template-columns: 1fr; gap: 16px; }
    .home-v2 .acr-guide--hero { aspect-ratio: 16 / 10; }
    .home-v2 .acr-guides__row .acr-guide { aspect-ratio: 16 / 9; }
    .home-v2 .acr-guide__more { opacity: 1; transform: none; }
}

/* ------------------------------------------------------------------ */
/* 6. STATS BAND                                                       */
/* ------------------------------------------------------------------ */
.home-v2 .company-experience {
    height: auto;
    padding: clamp(64px, 8vw, 104px) 16px;
    background:
        radial-gradient(70% 130% at 88% -10%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 52%),
        radial-gradient(80% 120% at 0% 120%, rgba(193,79,6,.45) 0%, rgba(193,79,6,0) 55%),
        linear-gradient(135deg, #ff9a33 0%, var(--acr-orange) 52%, #db5f0a 100%);
    position: relative;
    overflow: hidden;
}
/* subtle dot texture */
.home-v2 .company-experience::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255,255,255,.14) 1.5px, transparent 1.6px);
    background-size: 28px 28px;
    opacity: .3;
    pointer-events: none;
}
/* soft top sheen for depth */
.home-v2 .company-experience::after {
    content: "";
    position: absolute;
    left: 0; right: 0; top: 0; height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.45), rgba(255,255,255,0));
    pointer-events: none;
}
.home-v2 .company-experience .content {
    position: relative;
    gap: clamp(20px, 4vw, 56px);
    flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    justify-content: center;
    min-height: 0;
}
.home-v2 .company-experience .content .info-text {
    position: relative;
    width: auto;
    flex: 1 1 180px;
    max-width: 300px;
    padding: 6px 10px;
    text-align: center;
}
.home-v2 .company-experience .content .info-text:not(:last-child)::after {
    content: "";
    position: absolute;
    right: calc(-1 * clamp(10px, 2vw, 28px)); top: 50%;
    height: 64px; width: 1px;
    transform: translateY(-50%);
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.42), rgba(255,255,255,0));
}
.home-v2 .company-experience .content .info-text .title {
    font-family: "Sora", "Inter", sans-serif;
    font-weight: 700;
    font-size: clamp(30px, 3.6vw, 46px);
    line-height: 1.05;
    letter-spacing: -1px;
    color: #fff;
    margin: 0 0 8px;
    text-shadow: 0 8px 24px rgba(120,48,4,.28);
}
.home-v2 .company-experience .content .info-text .title .cx-count {
    display: inline-block;
    min-width: 1.3em;
    font-variant-numeric: tabular-nums;
}
.home-v2 .company-experience .content .info-text .text {
    color: rgba(255, 255, 255, 0.95);
    font-size: clamp(15px, 1.4vw, 18px);
    font-weight: 500;
    letter-spacing: .1px;
    text-transform: none;
    margin: 0;
}

/* ---- subtle scroll reveal (fade-in + slight slide-up, light stagger) ----
   Hidden state only applies once JS adds .cx-anim, so the section stays
   fully visible if JS is disabled or fails. */
.home-v2 .cx-stats.cx-anim .cx-item {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .6s ease, transform .6s cubic-bezier(.16,.84,.44,1);
    will-change: opacity, transform;
}
.home-v2 .cx-stats.cx-anim.cx-revealed .cx-item { opacity: 1; transform: none; }
.home-v2 .cx-stats.cx-anim.cx-revealed .cx-item:nth-child(2) { transition-delay: .1s; }
.home-v2 .cx-stats.cx-anim.cx-revealed .cx-item:nth-child(3) { transition-delay: .2s; }
@media (prefers-reduced-motion: reduce) {
    .home-v2 .cx-stats.cx-anim .cx-item { opacity: 1; transform: none; transition: none; }
}

@media screen and (max-width: 768px) {
    .home-v2 .company-experience .content .info-text:not(:last-child)::after { display: none; }
    .home-v2 .company-experience .content { gap: 30px; }
}

/* ------------------------------------------------------------------ */
/* 7. RENT-TO-OWN strip — compact secondary option under the hero      */
/* ------------------------------------------------------------------ */
.home-v2 .rto-strip {
    padding: clamp(26px, 3.5vw, 44px) clamp(16px, 5vw, 24px) 0;
}
.home-v2 .rto-strip__card {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 24px 20px 22px;
    background: #ffffff;
    border: 1px solid #ebedf0;
    border-left: 3px solid var(--acr-orange);
    border-radius: 16px;
    box-shadow: 0 14px 34px -22px rgba(15, 23, 42, 0.28);
    transition: box-shadow .25s ease, transform .25s ease;
}
.home-v2 .rto-strip__card:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 44px -24px rgba(15, 23, 42, 0.34);
}
.home-v2 .rto-strip__main {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
}
.home-v2 .rto-strip__ic {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(242, 115, 12, 0.10);
    color: var(--acr-orange);
}
.home-v2 .rto-strip__ic svg { width: 25px; height: 25px; }
.home-v2 .rto-strip__title {
    font-family: "Sora", "Inter", sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--acr-ink);
    margin: 0 0 3px;
}
.home-v2 .rto-strip__sub {
    font-size: 14.5px;
    line-height: 1.5;
    color: #5c6470;
    margin: 0;
    max-width: 62ch;
}
.home-v2 .rto-strip__btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 20px;
    border-radius: 11px;
    font-family: "Inter", sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: none;
    color: var(--acr-orange);
    background: #fff;
    border: 1.5px solid rgba(242, 115, 12, 0.45);
    transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.home-v2 .rto-strip__btn svg { width: 17px; height: 17px; transition: transform .2s ease; }
.home-v2 .rto-strip__btn:hover {
    background: rgba(242, 115, 12, 0.08);
    border-color: var(--acr-orange);
    color: var(--acr-orange-2, #d9620a);
}
.home-v2 .rto-strip__btn:hover svg { transform: translateX(3px); }

@media (max-width: 720px) {
    .home-v2 .rto-strip__card {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding: 20px;
    }
    .home-v2 .rto-strip__main { gap: 14px; }
    .home-v2 .rto-strip__ic { width: 44px; height: 44px; border-radius: 12px; }
    .home-v2 .rto-strip__ic svg { width: 22px; height: 22px; }
    .home-v2 .rto-strip__title { font-size: 16.5px; }
    .home-v2 .rto-strip__sub { font-size: 13.5px; }
    .home-v2 .rto-strip__btn { width: 100%; justify-content: center; padding: 12px 20px; }
}