/* ===== common.css — core shared across faq/index/insurance/news/partners =====
   Extracted from each page's <style> block. */


/* ═══════════════════════════════════════════
TOKENS
═══════════════════════════════════════════ */
:root {
    --bg: #FFFFFF;
    --bg-card: #ffffff;
    --bg-white: #FFFFFF;
    --border: #fa9d60;
    --border-2: #EDCAB2;

    --ink-1: #18120E;
    --ink-2: #4A3D36;
    --ink-3: #8C7B72;
    --ink-4: #BAA99E;

    --orange: #FF4A1C;
    --orange-d: #D93810;
    --orange-l: #FF6B42;
    --orange-xs: rgba(255, 74, 28, .07);
    --orange-sm: rgba(255, 74, 28, .14);
    --orange-md: rgba(255, 74, 28, .25);

    --navy: #0D2040;
    --navy-2: #162E58;
    --navy-3: #1E3C70;

    --green: #0E9E6A;
    --green-bg: rgba(14, 158, 106, .1);

    --r-xs: 6px;
    --r-sm: 10px;
    --r: 16px;
    --r-lg: 22px;
    --r-xl: 28px;
    --r-2xl: 36px;

    --sh-1: 0 1px 4px rgba(24, 18, 14, .05), 0 1px 2px rgba(24, 18, 14, .04);
    --sh-2: 0 2px 10px rgba(24, 18, 14, .07), 0 1px 4px rgba(24, 18, 14, .04);
    --sh-3: 0 4px 18px rgba(24, 18, 14, .09), 0 2px 6px rgba(24, 18, 14, .05);
    --sh-4: 0 8px 32px rgba(24, 18, 14, .11), 0 3px 10px rgba(24, 18, 14, .06);
    --sh-5: 0 16px 52px rgba(24, 18, 14, .14), 0 6px 18px rgba(24, 18, 14, .07);
    --sh-6: 0 28px 72px rgba(24, 18, 14, .18), 0 10px 28px rgba(24, 18, 14, .09);
    --sh-navy: 0 6px 22px rgba(13, 32, 64, .28);
    --sh-orange: 0 6px 22px rgba(255, 74, 28, .3);
    --sh-glass: 0 8px 32px rgba(24, 18, 14, .16), inset 0 1px 0 rgba(255, 255, 255, .2);

    --font: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    --ease: cubic-bezier(.22, 1, .36, 1);
}


*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


/* keep in-page anchor targets clear of the sticky nav */
section[id],
[id="form"],
[id="calc"],
[id="about"] {
    scroll-margin-top: 88px;
}


body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--ink-1);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
}


a {
    text-decoration: none;
    color: inherit;
}


img {
    display: block;
    max-width: 100%;
}


button {
    cursor: pointer;
    font-family: inherit;
    border: none;
}


::-webkit-scrollbar {
    width: 4px;
}


::-webkit-scrollbar-track {
    background: var(--bg);
}


::-webkit-scrollbar-thumb {
    background: var(--orange);
    border-radius: 2px;
}


.wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 52px;
}


@media (max-width: 1080px) {

    .wrap {
        padding: 0 24px;
    }
}


@media (max-width: 640px) {

    .wrap {
        padding: 0 16px;
    }
}


/* animations */
@keyframes up {
    from {
        opacity: 0;
        transform: translateY(18px)
    }
    to {
        opacity: 1;
        transform: none
    }
}


@keyframes blink {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: .25
    }
}


@keyframes ticker {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-50%)
    }
}


.reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity .65s var(--ease), transform .65s var(--ease);
}


.reveal.in {
    opacity: 1;
    transform: none;
}


/* buttons */
.btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font);
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: all .22s var(--ease);
    white-space: nowrap;
    letter-spacing: -.01em;
}


.btn-xs {
    padding: 8px 16px;
    font-size: 12.5px;
    border-radius: var(--r-sm);
}


.btn-sm {
    padding: 10px 20px;
    font-size: 13.5px;
    border-radius: var(--r-sm);
}


.btn-md {
    padding: 13px 26px;
    font-size: 15px;
    border-radius: var(--r);
}


.btn-lg {
    padding: 16px 32px;
    font-size: 16px;
    border-radius: var(--r-lg);
}


.btn-xl {
    padding: 18px 38px;
    font-size: 17px;
    border-radius: var(--r-lg);
}


.btn-orange {
    background: linear-gradient(135deg, var(--orange-l), var(--orange) 55%, var(--orange-d));
    color: #fff;
    box-shadow: var(--sh-orange);
}


.btn-orange:hover {
    filter: brightness(1.07);
    transform: translateY(-2px) scale(1.01);
    box-shadow: 0 12px 36px rgba(255, 74, 28, .42);
}


.btn-navy {
    background: var(--navy);
    color: #fff;
    box-shadow: var(--sh-navy);
}


.btn-navy:hover {
    background: var(--navy-2);
    transform: translateY(-2px);
}


.btn-outline {
    background: transparent;
    color: var(--ink-2);
    border: 1.5px solid var(--border-2);
}


.btn-outline:hover {
    border-color: var(--orange);
    color: var(--orange);
    background: var(--orange-xs);
}


.btn-ghost-white {
    background: rgba(255, 255, 255, .15);
    color: #fff;
    border: 1.5px solid rgba(255, 255, 255, .25);
    backdrop-filter: blur(6px);
}


.btn-ghost-white:hover {
    background: rgba(255, 255, 255, .25);
    border-color: rgba(255, 255, 255, .5);
}


/* section labels */
.label {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--orange);
}


.label::before {
    content: '';
    width: 18px;
    height: 2.5px;
    background: var(--orange);
    border-radius: 1px;
    flex-shrink: 0;
}


.label-white {
    color: rgba(255, 120, 70, .9);
}


.label-white::before {
    background: rgba(255, 120, 70, .9);
}


/* cards */
.card {
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh-1);
}


.card:hover {
    box-shadow: var(--sh-3);
    border-color: var(--border-2);
}


/* ═══ TOPBAR ═══ */
.topbar {
    background: var(--navy);
    padding: 10px 0;
}


.tb-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    color: rgba(255, 255, 255, .42);
}


.tb-left {
    display: flex;
    align-items: center;
    gap: 20px;
}


.tb-left a, .tb-row a {
    color: rgba(255, 255, 255, .42);
    transition: color .18s;
}


.tb-left a:hover, .tb-row a:hover {
    color: rgba(255, 255, 255, .88);
}


.tb-right {
    display: flex;
    gap: 20px;
    align-items: center;
}


.tb-sep {
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, .15);
}


.tb-phone {
    font-weight: 700;
    color: rgba(255, 255, 255, .75) !important;
    font-size: 13.5px;
}


.tb-badge {
    background: rgba(255, 74, 28, .2);
    border: 1px solid rgba(255, 74, 28, .35);
    border-radius: var(--r-xs);
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 800;
    color: rgba(255, 120, 70, .9);
}


/* ═══ NAV ═══ */
.nav {
    position: sticky;
    top: 0;
    z-index: 500;
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border-bottom: 1px solid rgba(245, 213, 192, .85);
    transition: box-shadow .3s;
}


.nav.scrolled {
    box-shadow: 0 4px 20px rgba(24, 18, 14, .09);
}


.nav-row {
    display: flex;
    align-items: center;
    height: 68px;
    gap: 36px;
}


.nav-logo img {
    height: 30px;
    flex-shrink: 0;
}


.nav-menu {
    display: flex;
    gap: 2px;
    flex: 1;
}


.nav-menu a {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    color: var(--ink-3);
    border-radius: var(--r-xs);
    transition: all .18s;
}


.nav-menu a:hover {
    color: var(--ink-1);
    background: rgba(245, 213, 192, .45);
}


.nav-menu a.active {
    color: var(--orange);
    background: var(--orange-xs);
    font-weight: 600;
}


.nav-end {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}


.nav-phone {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--ink-1);
    transition: color .18s;
}


.nav-phone:hover {
    color: var(--orange);
}


.nav-lk {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-2);
    padding: 8px 14px;
    border: 1.5px solid var(--border-2);
    border-radius: var(--r-sm);
    transition: all .18s;
}


.nav-lk:hover {
    border-color: var(--orange);
    color: var(--orange);
    background: var(--orange-xs);
}


.nav-lk svg {
    width: 15px;
    height: 15px;
}


/* ═══ HERO ═══ */
.hero {
    background: var(--bg);
    padding: 0;
    position: relative;
    overflow: hidden;
}


.hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}


.hero-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 70% at 75% 40%, rgba(255, 74, 28, .06) 0%, transparent 65%), radial-gradient(ellipse 50% 60% at 15% 60%, rgba(13, 32, 64, .05) 0%, transparent 60%);
}


.hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(24, 18, 14, .05) 1px, transparent 1px);
    background-size: 28px 28px;
    opacity: .5;
}


.hero-wrap {
    position: relative;
    z-index: 1;
    padding: 72px 0 0;
}


.hero-grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 56px;
    align-items: start;
}


@media (max-width: 1024px) {

    .hero-grid {
        grid-template-columns:1fr;
        gap: 40px;
    }
}


/* hero left */
.hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r-full:9999px);
    border-radius: 100px;
    padding: 6px 16px 6px 9px;
    margin-bottom: 26px;
    width: fit-content;
    box-shadow: var(--sh-1);
    animation: up .5s both;
}


.pill-dot {
    width: 7px;
    height: 7px;
    background: var(--orange);
    border-radius: 50%;
    animation: blink 2.2s infinite;
}


.pill-txt {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink-3);
}


.hero-kicker {
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--ink-4);
    margin-bottom: 14px;
    animation: up .5s .06s both;
}


.hero-h1 {
    font-size: clamp(34px, 4.5vw, 58px);
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: -.04em;
    color: var(--ink-1);
    margin-bottom: 10px;
    animation: up .5s .12s both;
}


.hero-h1 .accent {
    color: var(--orange);
}


.hero-h2 {
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 500;
    color: var(--ink-3);
    margin-bottom: 40px;
    line-height: 1.5;
    animation: up .5s .16s both;
}


/* adv cards */
.adv-3 {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 36px;
    animation: up .5s .2s both;
}


@media (max-width: 640px) {

    .adv-3 {
        grid-template-columns:1fr;
    }
}


.adv-item {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 14px 16px;
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh-1);
    transition: all .24s var(--ease);
}


.adv-item:hover {
    border-color: rgba(255, 74, 28, .3);
    box-shadow: var(--sh-3);
    transform: translateY(-3px);
}


.adv-ico {
    width: 40px;
    height: 40px;

    border: 1.5px solid var(--orange-sm);
    border-radius: var(--r-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.adv-ico svg {
    width: 17px;
    height: 17px;
    color: var(--orange);
}


.adv-val {
    font-size: 16px;
    font-weight: 900;
    color: var(--ink-1);
    letter-spacing: -.02em;
    line-height: 1.1;
}


.adv-lbl {
    font-size: 12px;
    color: var(--ink-3);
    line-height: 1.35;
    margin-top: 1px;
}


.hero-btns {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    animation: up .5s .26s both;
    margin-bottom: 28px;
}


.hero-trust {
    display: flex;
    align-items: center;
    gap: 12px;
    animation: up .5s .32s both;
}


.avs {
    display: flex;
}


.av {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2.5px solid var(--bg);
    background: var(--bg-card);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    color: var(--ink-3);
    margin-left: -7px;
}


.av:first-child {
    margin-left: 0;
}


.trust-txt {
    font-size: 13px;
    color: var(--ink-4);
}


.trust-txt b {
    color: var(--ink-2);
}


/* hero right */
.fin-block {
    background: linear-gradient(145deg, rgba(13, 32, 64, .92) 0%, rgba(22, 46, 88, .86) 55%, rgba(30, 60, 112, .80) 100%);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: var(--r-xl);
    padding: 36px 34px;
    box-shadow: var(--sh-6), inset 0 1px 0 rgba(255, 255, 255, .09);
    backdrop-filter: blur(20px);
    position: relative;
    overflow: hidden;
}


.fin-block-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
    background-size: 36px 36px;
}


.fin-block::before {
    content: '';
    position: absolute;
    right: -50px;
    top: -50px;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(255, 74, 28, .2) 0%, transparent 60%);
    z-index: 0;
}


.fin-block::after {
    content: '';
    position: absolute;
    left: -40px;
    bottom: -50px;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle, rgba(30, 80, 170, .22) 0%, transparent 65%);
    z-index: 0;
}


.fin-hd {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}


.fin-hd .label {
    margin-bottom: 10px;
}


.fin-title {
    font-size: clamp(20px, 2.5vw, 27px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: #fff;
}


.fin-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, .42);
    margin-top: 5px;
}


.fin-grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-auto-rows: 1fr;
    gap: 10px;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}


.fcard {
    border-radius: var(--r);
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    transition: all .3s var(--ease);
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    display: flex;
    flex-direction: column;
}


.fcard:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 10px 32px rgba(0, 0, 0, .3);
    border-color: rgba(255, 74, 28, .4);
}


.fcard-img {
    height: 110px;
    overflow: hidden;
    position: relative;
}


.fcard-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s var(--ease);
}


.fcard:hover .fcard-img img {
    transform: scale(1.1);
}


.fcard-body {
    padding: 11px 13px 13px;
    flex: 1;
}


.fc-a .fcard-body {
    background: linear-gradient(135deg, rgba(210, 228, 255, .5), rgba(190, 215, 255, .3));
}


.fc-b .fcard-body {
    background: linear-gradient(135deg, rgba(255, 238, 200, .5), rgba(255, 222, 150, .3));
}


.fc-c .fcard-body {
    background: linear-gradient(135deg, rgba(200, 235, 255, .5), rgba(175, 220, 255, .3));
}


.fc-d .fcard-body {
    background: linear-gradient(135deg, rgba(200, 250, 225, .5), rgba(170, 240, 205, .3));
}


.fcard-name {
    font-size: 12.5px;
    font-weight: 800;
    color: var(--ink-1);
    letter-spacing: -.01em;
    margin-bottom: 2px;
}


.fcard-sub {
    font-size: 13px;
    color: #fff;
    line-height: 1.4;
}


.fcard-rate {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 800;
    color: var(--orange);
    background: var(--orange-xs);
    border-radius: 100px;
    padding: 2px 9px;
}


.fin-stats {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    background: rgba(0, 0, 0, .25);
    border-radius: var(--r-sm);
    overflow: hidden;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, .08);
}


.fstat {
    padding: 14px 10px;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, .07);
}


.fstat:last-child {
    border-right: none;
}


.fstat-n {
    font-size: 21px;
    font-weight: 900;
    color: #fff;
    letter-spacing: -.03em;
    line-height: 1;
    margin-bottom: 3px;
}


.fstat-n em {
    font-style: normal;
    color: var(--orange-l);
}


.fstat-l {
    font-size: 11px;
    color: rgba(255, 255, 255, .42);
    line-height: 1.3;
}


/* ═══ TICKER ═══ */
.ticker {
    background: linear-gradient(90deg, var(--orange-d), var(--orange), var(--orange-l));
    padding: 12px 0;
    overflow: hidden;
}


.ticker-inner {
    display: inline-flex;
    animation: ticker 30s linear infinite;
}


.titem {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 28px;
    font-size: 13.5px;
    font-weight: 700;
    color: rgba(255, 255, 255, .72);
}


.titem::before {
    content: '◆';
    font-size: 7px;
    opacity: .7;
}


.titem b {
    color: #fff;
}


/* ═══ SECTION SHARED ═══ */
.section {
    padding: 88px 0;
}


.sec-hd {
    margin-bottom: 44px;
}


.sec-hd .label {
    margin-bottom: 11px;
}


.sec-title {
    font-size: clamp(26px, 3vw, 38px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink-1);
    line-height: 1.12;
}


.sec-sub {
    font-size: 16px;
    color: var(--ink-3);
    margin-top: 8px;
    line-height: 1.65;
    max-width: 560px;
}


/* ═══ PRODUCTS / WHAT WE FINANCE ═══ */
.products-grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 20px;
}


@media (max-width: 1100px) {

    .products-grid {
        grid-template-columns:repeat(2, 1fr);
    }
}


@media (max-width: 640px) {

    .products-grid {
        grid-template-columns:1fr;
    }
}


.prod-card {
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r-lg);
    overflow: hidden;
    cursor: pointer;
    transition: all .3s var(--ease);
    box-shadow: var(--sh-2);
}


.prod-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--sh-5);
    border-color: rgba(255, 74, 28, .25);
}


.prod-img {
    height: 160px;
    overflow: hidden;
    position: relative;
}


.prod-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s var(--ease);
}


.prod-card:hover .prod-img img {
    transform: scale(1.07);
}


.prod-img-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 40%, rgba(13, 32, 64, .35) 100%);
}


.prod-body {
    padding: 18px 18px 20px;
}


.prod-icon {
    width: 42px;
    height: 42px;
    background: var(--orange-xs);
    border: 1.5px solid var(--orange-sm);
    border-radius: var(--r-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    transition: background .3s;
}


.prod-card:hover .prod-icon {
    background: var(--orange-sm);
}


.prod-icon svg {
    width: 18px;
    height: 18px;
    color: var(--orange);
}


.prod-name {
    font-size: 16px;
    font-weight: 800;
    color: var(--ink-1);
    margin-bottom: 7px;
    letter-spacing: -.015em;
}


.prod-desc {
    font-size: 13.5px;
    color: var(--ink-3);
    line-height: 1.55;
    margin-bottom: 14px;
}


.prod-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
}


.tag {
    font-size: 11.5px;
    font-weight: 700;
    color: var(--ink-3);
    background: var(--bg);
    border: 1px solid var(--border);
    border-radius: 100px;
    padding: 3px 10px;
}


.prod-rate {
    font-size: 13px;
    font-weight: 800;
    color: var(--orange);
    display: flex;
    align-items: center;
    gap: 5px;
}


.prod-arrow {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
    color: var(--orange);
    margin-top: 4px;
    transition: gap .18s;
}


.prod-card:hover .prod-arrow {
    gap: 9px;
}


/* ═══ CALCULATOR + DEALS ═══ */
.s2-wrap {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 48px;
    align-items: stretch;
}


.s2-wrap > .reveal {
    display: flex;
    flex-direction: column;
    height: 100%;
}


@media (max-width: 1024px) {

    .s2-wrap {
        grid-template-columns:1fr;
    }
}


.gf {
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}


.gf label {
    display: block;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, .4);
    margin-bottom: 7px;
}


.gf input, .gf select {
    width: 100%;
    padding: 12px 15px;
    background: rgba(255, 255, 255, .09);
    border: 1.5px solid rgba(255, 255, 255, .13);
    border-radius: var(--r-sm);
    font-size: 15px;
    font-family: var(--font);
    font-weight: 500;
    color: #fff;
    outline: none;
    transition: all .2s;
    -webkit-appearance: none;
    backdrop-filter: blur(4px);
}


.gf input:focus, .gf select:focus {
    border-color: rgba(255, 74, 28, .7);
    background: rgba(255, 255, 255, .13);
    box-shadow: 0 0 0 4px rgba(255, 74, 28, .12);
}


.gf input::placeholder {
    color: rgba(255, 255, 255, .22);
}


.gf select option {
    background: var(--navy-2);
    color: #fff;
}


.gf-2 {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 12px;
}


/* ═══ DEALS CAROUSEL (new) ═══ */
.deals-section {
    position: relative;
    z-index: 1;
    flex: 1;
    display: flex;
    flex-direction: column;
}


.deals-section-hd {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 14px;
    flex-shrink: 0;
}


.deals-section-hd .label {
    margin-bottom: 6px;
}


.deals-sec-title {
    font-size: clamp(20px, 2.5vw, 28px);
    font-weight: 800;
    letter-spacing: -.03em;
    color: var(--ink-1);
}


.deals-categories {
    flex: 1;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--orange) transparent;
}


.deals-categories::-webkit-scrollbar {
    width: 4px;
}


.deals-categories::-webkit-scrollbar-thumb {
    background: var(--orange);
    border-radius: 2px;
}


.deal-category {
    margin-bottom: 16px;
}


.deal-cat-label {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--ink-3);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}


.deal-cat-label::before {
    content: '';
    width: 14px;
    height: 2px;
    background: var(--orange);
    border-radius: 1px;
    flex-shrink: 0;
}


.carousel-wrap {
    position: relative;
}


.carousel-track-outer {
    overflow: hidden;
    border-radius: var(--r-lg);
}


.carousel-track {
    display: flex;
    gap: 10px;
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}


.carousel-track .deal {
    flex: 0 0 calc(50% - 5px);
    min-width: 0;
}


.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--bg-white);
    border: 1.5px solid var(--border-2);
    box-shadow: var(--sh-3);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    color: var(--ink-2);
    z-index: 10;
    transition: all .2s;
}


.carousel-btn:hover {
    background: var(--orange);
    color: #fff;
    border-color: var(--orange);
    box-shadow: var(--sh-orange);
}


.carousel-btn.prev {
    left: -18px;
}


.carousel-btn.next {
    right: -18px;
}


.deal {
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r);
    overflow: hidden;
    cursor: pointer;
    transition: all .28s var(--ease);
}


.deal:hover {
    border-color: rgba(255, 74, 28, .35);
    box-shadow: var(--sh-4);
    transform: translateY(-4px);
}


.deal-pw {
    height: 180px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #ececec, #f7f7f7);
}

.deal-pw::after {
    content: '';
    position: absolute;
    inset: 0;
    background: no-repeat center / 34px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23baa99e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17h14l-1.5-5.5a2 2 0 0 0-1.9-1.5H8.4a2 2 0 0 0-1.9 1.5L5 17z'/%3E%3Ccircle cx='7.5' cy='17' r='1.6'/%3E%3Ccircle cx='16.5' cy='17' r='1.6'/%3E%3C/svg%3E");
    opacity: .6;
}

.deal-pw .deal-photo {
    position: relative;
    z-index: 1;
}


.deal-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s var(--ease);
}


.deal:hover .deal-photo {
    transform: scale(1.07);
}


.deal-badge {
    position: absolute;
    top: 9px;
    left: 9px;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(8px);
    border-radius: var(--r-xs);
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 800;
    color: var(--ink-1);
    box-shadow: var(--sh-1);
}


.deal-pill {
    position: absolute;
    top: 9px;
    right: 9px;
    border-radius: var(--r-xs);
    padding: 3px 9px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}


.pp-o {
    background: var(--orange);
    color: #fff;
}


.pp-n {
    background: var(--navy);
    color: #fff;
}


.pp-g {
    background: #0AAF68;
    color: #fff;
}


.deal-body {
    padding: 8px 10px 10px;
    background: var(--bg-card);
}


.deal-name {
    font-size: 11.5px;
    font-weight: 800;
    color: var(--ink-1);
    letter-spacing: -.015em;
    margin-bottom: 3px;
}


.deal-spec {
    font-size: 10.5px;
    color: var(--ink-3);
    margin-bottom: 5px;
}


.deal-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.deal-pmt strong {
    display: block;
    font-size: 12.5px;
    font-weight: 900;
    color: var(--orange);
    letter-spacing: -.02em;
}


.deal-pmt small {
    font-size: 10px;
    color: var(--ink-4);
}


.deal-cta {
    padding: 4px 9px;
    background: var(--orange-xs);
    color: var(--orange);
    border: 1px solid var(--orange-sm);
    border-radius: var(--r-xs);
    font-size: 12px;
    font-weight: 800;
    font-family: var(--font);
    cursor: pointer;
    transition: all .18s;
}


.deal-cta:hover {
    background: var(--orange);
    color: #fff;
}


/* ═══ HOW IT WORKS ═══ */
.how-grid {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 24px;
    position: relative;
}


.how-grid::before {
    content: '';
    position: absolute;
    top: 32px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, var(--orange) 0%, var(--border) 100%);
    z-index: 0;
}


.how-step {
    text-align: center;
    padding: 0 8px;
    position: relative;
    z-index: 1;
}


.how-num {
    width: 64px;
    height: 64px;
    background: var(--bg-card);
    border: 2px solid var(--border-2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 22px;
    font-weight: 900;
    color: var(--ink-4);
    box-shadow: var(--sh-2);
    transition: all .3s;
}


.how-step:hover .how-num {
    background: var(--orange);
    border-color: var(--orange);
    color: #fff;
    transform: scale(1.12);
    box-shadow: var(--sh-orange);
}


.how-step h4 {
    font-size: 15px;
    font-weight: 800;
    color: var(--ink-1);
    margin-bottom: 8px;
    letter-spacing: -.01em;
}


.how-step p {
    font-size: 13.5px;
    color: var(--ink-3);
    line-height: 1.6;
}


@media (max-width: 900px) {

    .how-grid {
        grid-template-columns:1fr 1fr;
    }


    .how-grid::before {
        display: none;
    }
}


/* ═══ WHY US ═══ */
.why-grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 56px;
    align-items: center;
}


@media (max-width: 1024px) {

    .why-grid {
        grid-template-columns:1fr;
    }
}


.why-nums {
    display: flex;
    flex-direction: column;
    gap: 18px;
}


.why-num-card {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 24px 26px;
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-2);
    transition: all .25s var(--ease);
}


.why-num-card:hover {
    border-color: rgba(255, 74, 28, .3);
    box-shadow: var(--sh-4);
    transform: translateX(5px);
}


.why-num-card:first-child {
    background: linear-gradient(135deg, var(--orange-xs), rgba(255, 74, 28, .04));
    border-color: rgba(255, 74, 28, .25);
}


.wn-big {
    font-size: 48px;
    font-weight: 900;
    color: var(--ink-1);
    letter-spacing: -.04em;
    line-height: 1;
    flex-shrink: 0;
}


.wn-big em {
    font-style: normal;
    color: var(--orange);
}


.wn-txt h4 {
    font-size: 16px;
    font-weight: 700;
    color: var(--ink-1);
    margin-bottom: 6px;
}


.wn-txt p {
    font-size: 13.5px;
    color: var(--ink-3);
    line-height: 1.55;
}


.why-feats {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 14px;
}


.why-feat {
    padding: 22px 20px;
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh-1);
    transition: all .24s;
}


.why-feat:hover {
    border-color: rgba(255, 74, 28, .25);
    box-shadow: var(--sh-3);
}


.wf-ico {
    width: 40px;
    height: 40px;
    background: var(--orange-xs);
    border: 1.5px solid var(--orange-sm);
    border-radius: var(--r-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
}


.wf-ico svg {
    width: 17px;
    height: 17px;
    color: var(--orange);
}


.why-feat h4 {
    font-size: 14.5px;
    font-weight: 800;
    color: var(--ink-1);
    margin-bottom: 7px;
}


.why-feat p {
    font-size: 13px;
    color: var(--ink-3);
    line-height: 1.55;
}


/* ═══ PARTNERS ═══ */
.partners-strip {
    padding: 52px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}


.partners-label {
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--ink-4);
    margin-bottom: 32px;
}


.partners-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 44px;
    flex-wrap: wrap;
}


.partner {
    font-size: 20px;
    font-weight: 900;
    color: var(--ink-1);
    letter-spacing: -.03em;
    opacity: .28;
    filter: grayscale(1);
    transition: all .22s;
    font-family: 'Manrope', sans-serif;
}


.partner:hover {
    opacity: .65;
    filter: none;
    color: var(--orange);
}


/* ═══ FORM + ABOUT ═══ */
.s3-wrap {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 52px;
    align-items: start;
}


@media (max-width: 1024px) {

    .s3-wrap {
        grid-template-columns:1fr;
    }
}


.form-card {
    background: linear-gradient(145deg, rgba(13, 32, 64, .90) 0%, rgba(22, 46, 88, .84) 55%, rgba(30, 60, 112, .78) 100%);
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: var(--r-xl);
    padding: 46px 42px;
    box-shadow: var(--sh-glass);
    backdrop-filter: blur(20px);
    position: relative;
    overflow: hidden;
}


.form-card-bg {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);
    background-size: 36px 36px;
}


.form-card::before {
    content: '';
    position: absolute;
    right: -60px;
    top: -60px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(255, 74, 28, .18) 0%, transparent 60%);
}


.form-card::after {
    content: '';
    position: absolute;
    left: -40px;
    bottom: -60px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(22, 82, 180, .2) 0%, transparent 65%);
}


.form-eyebrow {
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: rgba(255, 120, 70, .85);
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}


.form-title {
    font-size: clamp(22px, 2.8vw, 30px);
    font-weight: 900;
    color: #fff;
    letter-spacing: -.03em;
    margin-bottom: 6px;
    position: relative;
    z-index: 1;
}


.form-sub {
    font-size: 14px;
    color: rgba(255, 255, 255, .42);
    margin-bottom: 28px;
    position: relative;
    z-index: 1;
}


.dfl {
    margin-bottom: 13px;
    position: relative;
    z-index: 1;
}


.dfl label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(255, 255, 255, .38);
    margin-bottom: 7px;
}


.dfl input, .dfl textarea {
    width: 100%;
    padding: 12px 15px;
    background: rgba(255, 255, 255, .08);
    border: 1.5px solid rgba(255, 255, 255, .12);
    border-radius: var(--r-sm);
    font-size: 14.5px;
    font-family: var(--font);
    font-weight: 500;
    color: #fff;
    outline: none;
    transition: all .2s;
    resize: none;
    backdrop-filter: blur(6px);
}


.dfl input:focus, .dfl textarea:focus {
    border-color: rgba(255, 74, 28, .6);
    background: rgba(255, 255, 255, .13);
    box-shadow: 0 0 0 4px rgba(255, 74, 28, .1);
}


.dfl input::placeholder, .dfl textarea::placeholder {
    color: rgba(255, 255, 255, .22);
}


.dfl textarea {
    min-height: 86px;
}


.dfl-row {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 12px;
}


.sub-btn {
    width: 100%;
    margin-top: 8px;
    padding: 15px;
    background: linear-gradient(135deg, var(--orange-l), var(--orange));
    color: #fff;
    border: none;
    border-radius: var(--r-sm);
    font-size: 15px;
    font-weight: 800;
    font-family: var(--font);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all .22s;
    box-shadow: var(--sh-orange);
    position: relative;
    z-index: 1;
    overflow: hidden;
}


.sub-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .1), transparent);
    transform: translateX(-100%);
    transition: transform .7s;
}


.sub-btn:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
    box-shadow: 0 10px 32px rgba(255, 74, 28, .5);
}


.sub-btn:hover::before {
    transform: translateX(100%);
}


.sub-arr {
    font-size: 17px;
    transition: transform .2s;
}


.sub-btn:hover .sub-arr {
    transform: translateX(5px);
}


.form-note {
    text-align: center;
    font-size: 11.5px;
    color: rgba(255, 255, 255, .25);
    margin-top: 12px;
    position: relative;
    z-index: 1;
}


/* about */
.about-intro {
    font-size: 17.5px;
    line-height: 1.75;
    color: var(--ink-2);
    margin: 14px 0 26px;
}


.stats-2x2 {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 12px;
    margin-bottom: 26px;
}


.scard {
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r);
    padding: 20px 18px;
    box-shadow: var(--sh-2);
    transition: all .24s var(--ease);
}


.scard:hover {
    border-color: rgba(255, 74, 28, .3);
    box-shadow: var(--sh-4);
    transform: translateY(-3px);
}


.scard-n {
    font-size: 36px;
    font-weight: 900;
    color: var(--ink-1);
    letter-spacing: -.04em;
    line-height: 1;
    margin-bottom: 5px;
}


.scard-n em {
    font-style: normal;
    color: var(--orange);
}


.scard-l {
    font-size: 12.5px;
    color: var(--ink-3);
    line-height: 1.4;
}


.benefits {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.benefit {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 15px 17px;
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r-sm);
    box-shadow: var(--sh-1);
    transition: all .22s var(--ease);
}


.benefit:hover {
    border-color: rgba(255, 74, 28, .25);
    background: var(--bg-white);
    box-shadow: var(--sh-2);
}


.ben-ico {
    width: 38px;
    height: 38px;
    background: var(--orange-xs);
    border: 1.5px solid var(--orange-sm);
    border-radius: var(--r-xs);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


.ben-ico svg {
    width: 17px;
    height: 17px;
    color: var(--orange);
}


.ben-txt h5 {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink-1);
    margin-bottom: 3px;
}


.ben-txt p {
    font-size: 13px;
    color: var(--ink-3);
    line-height: 1.5;
}


/* ═══ CTA BANNER ═══ */
.cta-band {
    background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 50%, var(--navy-3) 100%);
    padding: 72px 0;
    position: relative;
    overflow: hidden;
}


.cta-band::before {
    content: '';
    position: absolute;
    right: 5%;
    top: -30%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 74, 28, .16) 0%, transparent 60%);
}


.cta-band::after {
    content: '';
    position: absolute;
    left: -5%;
    bottom: -30%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(22, 80, 180, .18) 0%, transparent 60%);
}


.cta-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns:1fr auto;
    gap: 52px;
    align-items: center;
}


@media (max-width: 900px) {

    .cta-inner {
        grid-template-columns:1fr;
        gap: 28px;
    }
}


.cta-title {
    font-size: clamp(28px, 3.5vw, 44px);
    font-weight: 900;
    color: #fff;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin-bottom: 12px;
}


.cta-title em {
    font-style: normal;
    color: var(--orange-l);
}


.cta-sub {
    font-size: 17px;
    color: rgba(255, 255, 255, .58);
}


.cta-btns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 200px;
}


/* ═══ FAQ ═══ */
.faq-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.faq-item {
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r);
    overflow: hidden;
    transition: border-color .22s;
}


.faq-item:hover {
    border-color: var(--border-2);
}


.faq-item.open {
    border-color: rgba(255, 74, 28, .3);
}


.faq-q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 22px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    color: var(--ink-1);
    letter-spacing: -.01em;
    gap: 16px;
}


.faq-q span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--orange-xs);
    border: 1.5px solid var(--orange-sm);
    border-radius: 50%;
    color: var(--orange);
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
    transition: all .22s;
    line-height: 1;
}


.faq-item.open .faq-q span {
    background: var(--orange);
    color: #fff;
    transform: rotate(45deg);
}


.faq-a {
    padding: 0 22px 0;
    font-size: 14px;
    color: var(--ink-3);
    line-height: 1.7;
    max-height: 0;
    overflow: hidden;
    transition: all .3s var(--ease);
}


.faq-item.open .faq-a {
    padding: 0 22px 20px;
    max-height: 300px;
}


/* ═══ REVIEWS ═══ */
.reviews-grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 20px;
}


@media (max-width: 900px) {

    .reviews-grid {
        grid-template-columns:1fr;
    }
}


.review-card {
    background: var(--bg-card);
    border: 1.5px solid var(--border);
    border-radius: var(--r-lg);
    padding: 26px 24px;
    box-shadow: var(--sh-2);
    transition: all .26s var(--ease);
    position: relative;
}


.review-card:hover {
    box-shadow: var(--sh-4);
    transform: translateY(-4px);
    border-color: rgba(255, 74, 28, .2);
}


.review-card::before {
    content: '"';
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 64px;
    font-weight: 900;
    color: var(--orange-xs);
    line-height: 1;
    font-family: Georgia, serif;
}


.review-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 14px;
}


.star {
    color: var(--orange);
    font-size: 15px;
}


.review-text {
    font-size: 14px;
    color: var(--ink-2);
    line-height: 1.7;
    margin-bottom: 18px;
}


.review-author {
    display: flex;
    align-items: center;
    gap: 11px;
}


.review-av {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--orange-xs), var(--orange-sm));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 800;
    color: var(--orange);
    border: 2px solid var(--border);
}


.review-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--ink-1);
}


.review-role {
    font-size: 12px;
    color: var(--ink-4);
    margin-top: 2px;
}


/* ═══ FOOTER ═══ */
footer {
    background: var(--navy);
    padding: 64px 0 0;
    position: relative;
    overflow: hidden;
}


footer::before {
    content: '';
    position: absolute;
    right: -5%;
    top: -20%;
    width: 460px;
    height: 460px;
    background: radial-gradient(circle, rgba(255, 74, 28, .07) 0%, transparent 60%);
}


.footer-grid {
    display: grid;
    grid-template-columns:2.4fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    padding-bottom: 52px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    position: relative;
}


@media (max-width: 1100px) {

    .footer-grid {
        grid-template-columns:1fr 1fr 1fr;
    }
}


@media (max-width: 640px) {

    .footer-grid {
        grid-template-columns:1fr;
    }
}


.footer-logo img {
    height: 26px;
    filter: brightness(0) invert(1);
    opacity: .85;
    margin-bottom: 16px;
}


.footer-desc {
    font-size: 13px;
    color: rgba(255, 255, 255, .36);
    line-height: 1.75;
    max-width: 250px;
    margin-bottom: 20px;
}


.f-contacts a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, .48);
    margin-bottom: 9px;
    transition: color .18s;
}


.f-contacts a:hover {
    color: rgba(255, 255, 255, .9);
}


.f-contacts svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}


.f-contacts .f-wa svg {
    width: 16px;
    height: 16px;
    color: #25D366;
}


.fcol h5 {
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: rgba(255, 255, 255, .28);
    margin-bottom: 16px;
}


.fcol ul {
    list-style: none;
}


.fcol ul li {
    margin-bottom: 8px;
}


.fcol ul li a {
    font-size: 13.5px;
    color: rgba(255, 255, 255, .48);
    transition: color .18s;
}


.fcol ul li a:hover {
    color: rgba(255, 255, 255, .9);
}


.footer-btm {
    padding: 18px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12.5px;
    color: rgba(255, 255, 255, .28);
    position: relative;
    flex-wrap: wrap;
    gap: 8px;
}


.footer-btm a {
    color: rgba(255, 255, 255, .28);
    transition: color .18s;
}


.footer-btm a:hover {
    color: rgba(255, 255, 255, .6);
}


.ftb-l {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}


/* responsive misc */
@media (max-width: 900px) {

    .adv-3 {
        grid-template-columns:1fr 1fr;
    }


    .products-grid {
        grid-template-columns:1fr 1fr;
    }


    .deals-grid {
        grid-template-columns:1fr;
    }


    .why-feats {
        grid-template-columns:1fr;
    }
}