
/* Source: CrushSwitch/assets/css2_mXHp.css */
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGHInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGGInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInHWUSNIpvI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGHInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGGInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInHWUSNIpvI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGHInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGGInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInHWUSNIpvI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGHInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGGInHWUSNIpvKxkw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/bricolagegrotesque/v9/3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMlGIInHWUSNIpvI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DbZs.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4S9DQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Source: CrushSwitch/assets/style_mXHp.css */
:root {
    --bg: #F5F8F4;
    --card: #FFFFFF;
    --ink: #16241B;
    --ink-soft: #51604F;
    --green: #1E6B43;
    --green-deep: #103D27;
    --peach: #FF8552;
    --sky: #CDE6F5;
    --sun: #FFE8A3;
    --line: #E1E8DE;
    --r: 18px;
    --shadow: 0 2px 6px rgba(22, 36, 27, .05), 0 14px 30px rgba(22, 36, 27, .07);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    font-family: 'Figtree', system-ui, sans-serif;
    background: var(--bg);
    color: var(--ink);
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased
}

h1,
h2,
h3 {
    font-family: 'Bricolage Grotesque', sans-serif;
    line-height: 1.1;
    letter-spacing: -.015em
}

a {
    color: inherit
}

.wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px
}

section {
    padding: 80px 0
}

.kicker {
    display: inline-block;
    font-weight: 700;
    font-size: .78rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--green);
    background: #E4F0E7;
    border-radius: 999px;
    padding: 7px 15px;
    margin-bottom: 18px
}

:focus-visible {
    outline: 3px solid var(--green);
    outline-offset: 3px;
    border-radius: 6px
}

@media(prefers-reduced-motion:reduce) {

    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important
    }
}

/* ---------- NAV ---------- */
nav.site {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(245, 248, 244, .88);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line)
}

.nav-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px
}

.logo {
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
    font-size: 1.18rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px
}

.logo img {
    display: block;
    width: 180px;
    height: auto;
}

.nav-links {
    display: flex;
    gap: 26px;
    list-style: none
}

.nav-links a {
    text-decoration: none;
    font-size: .93rem;
    font-weight: 500;
    color: var(--ink-soft);
    padding: 10px 2px;
    transition: color .2s
}

.nav-links a:hover {
    color: var(--green)
}

.nav-call {
    background: var(--green);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 12px 22px;
    border-radius: 12px;
    font-size: .92rem;
    box-shadow: 0 4px 14px rgba(30, 107, 67, .28);
    transition: transform .2s
}

.nav-call:hover {
    transform: translateY(-2px)
}

.nav-toggle {
    display: none;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--card);
    color: var(--ink);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.nav-toggle-lines,
.nav-toggle-lines::before,
.nav-toggle-lines::after {
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
    transition: transform .2s, opacity .2s;
}

.nav-toggle-lines {
    position: relative;
}

.nav-toggle-lines::before,
.nav-toggle-lines::after {
    content: "";
    position: absolute;
    left: 0;
}

.nav-toggle-lines::before { top: -6px; }
.nav-toggle-lines::after { top: 6px; }

.nav-toggle[aria-expanded="true"] .nav-toggle-lines { background: transparent; }
.nav-toggle[aria-expanded="true"] .nav-toggle-lines::before { top: 0; transform: rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle-lines::after { top: 0; transform: rotate(-45deg); }

.mobile-actions {
    display: contents;
}

@media(max-width:840px) {
    .nav-in {
        position: relative;
        gap: 10px;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: calc(100% + 1px);
        left: 0;
        right: 0;
        z-index: 110;
        padding: 12px;
        gap: 2px;
        flex-direction: column;
        border: 1px solid var(--line);
        border-top: 0;
        border-radius: 0 0 16px 16px;
        background: var(--card);
        box-shadow: var(--shadow);
    }

    .nav-links.is-open {
        display: flex;
    }

    .nav-links a {
        display: block;
        padding: 12px 14px;
        border-radius: 9px;
    }

    .nav-links a:hover,
    .nav-links a[aria-current="page"] {
        background: #E4F0E7;
    }

    .mobile-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
    }

    .nav-toggle {
        display: inline-flex;
    }
}
@media(max-width:500px) {
    .nav-call{
        display: inline-flex;
        padding: 10px 13px;
        font-size: 0;
        box-shadow: none;
    }

    .nav-call .nc-long { display: none; }
    .nav-call::after { content: "Call"; font-size: .84rem; }

    .logo img { width: 138px; }
}

@media(max-width:380px) {
    .logo img { width: 120px; }
    .nav-call { padding: 10px 11px; }
}
/* ---------- HERO ---------- */
.hero {
    padding: 84px 0 64px
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 52px;
    align-items: center
}

.hero h1 {
    font-size: clamp(2.5rem, 5.2vw, 4rem);
    font-weight: 800;
    margin-bottom: 20px
}

.hero h1 .hl {
    color: var(--green);
    position: relative;
    white-space: nowrap
}

.hero h1 .hl::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 6px;
    height: 32%;
    background: var(--sun);
    z-index: -1;
    border-radius: 4px
}

.hero .lede {
    font-size: 1.12rem;
    color: var(--ink-soft);
    max-width: 500px;
    margin-bottom: 32px
}

.cta-row {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 22px
}

.btn {
    font-weight: 700;
    text-decoration: none;
    border-radius: 14px;
    padding: 17px 30px;
    font-size: 1.02rem;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    transition: transform .2s, box-shadow .2s
}

.btn-primary {
    background: var(--green);
    color: #fff;
    box-shadow: 0 8px 22px rgba(30, 107, 67, .3)
}

.btn-primary:hover {
    transform: translateY(-3px)
}

.btn-soft {
    background: #fff;
    border: 1.5px solid var(--line);
    color: var(--ink)
}

.btn-soft:hover {
    border-color: var(--green)
}

.phone-big {
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: var(--peach);
    text-decoration: none
}

.micro {
    font-size: .86rem;
    color: var(--ink-soft);
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 10px
}

.micro b {
    color: var(--green)
}

/* hero bento preview */
.hero-bento img{
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 1.5rem;
}

.hb {
    border-radius: var(--r);
    background: var(--card);
    box-shadow: var(--shadow);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden
}

.hb .v {
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
    font-size: 1.7rem
}

.hb .k {
    font-size: .8rem;
    color: var(--ink-soft)
}

.hb.tall {
    grid-row: span 2;
    justify-content: space-between
}

.hb.green {
    background: var(--green-deep);
    color: #EAF5EC
}

.hb.green .k {
    color: #A9CDB4
}

.hb.peachy {
    background: var(--peach);
    color: #fff
}

.hb.peachy .k {
    color: #FFE3D4
}

.ph {
    border: 2px dashed #9FBCA8;
    border-radius: var(--r);
    background: repeating-linear-gradient(45deg, rgba(30, 107, 67, .05), rgba(30, 107, 67, .05) 12px, transparent 12px, transparent 24px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
    padding: 18px;
    color: var(--green)
}

.ph .tag {
    font-size: .62rem;
    letter-spacing: .18em;
    border: 1px solid currentColor;
    padding: 3px 9px;
    border-radius: 4px;
    font-weight: 700
}

.ph p {
    font-size: .8rem;
    color: var(--ink-soft);
    max-width: 240px
}

.ph .dim {
    font-size: .68rem;
    opacity: .65;
    font-weight: 600
}

/* ---------- CARD GRIDS ---------- */
.grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.c {
    background: var(--card);
    border-radius: var(--r);
    box-shadow: var(--shadow);
    padding: 26px 24px;
    transition: transform .22s;
}

.c:hover {
    transform: translateY(-4px);
}

.c .ic {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #E4F0E7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.c .ic svg {
    width: 22px;
    height: 22px;
    stroke: var(--green);
    fill: none;
    stroke-width: 1.8;
}

.c .n {
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
    font-size: 1.45rem;
    color: var(--peach);
    margin-bottom: 9px;
    line-height: 1;
}

.c h3 {
    font-size: 1.02rem;
    margin-bottom: 6px;
}

.c p {
    font-size: .89rem;
    color: var(--ink-soft);
}

.c .tail {
    display: block;
    margin-top: 10px;
    font-size: .85rem;
    color: var(--green);
    font-weight: 600;
}

.c.lead {
    border-left: 5px solid var(--peach);
    padding-left: 28px;
}

.c.soft {
    border-top: 5px solid var(--green);
}

@media(max-width:980px) {
    .grid4 { grid-template-columns: 1fr 1fr; }
}

@media(max-width:900px) {
    .grid3 { grid-template-columns: 1fr 1fr; }
}

@media(max-width:660px) {
    .grid4,
    .grid3,
    .grid2 { grid-template-columns: 1fr; }
}

.pulse {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #3DBE78;
    display: inline-block;
    margin-right: 7px;
    animation: pl 2s infinite
}

@keyframes pl {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(61, 190, 120, .5)
    }

    50% {
        box-shadow: 0 0 0 7px rgba(61, 190, 120, 0)
    }
}

@media(max-width:920px) {
    .hero-grid {
        grid-template-columns: 1fr
    }
}

/* ---------- GLANCE BENTO (unique) ---------- */
.sec-head {
    max-width: 620px;
    margin-bottom: 44px
}

.sec-head h2 {
    font-size: clamp(1.8rem, 3.4vw, 2.6rem);
    font-weight: 800
}

.sec-head p {
    color: var(--ink-soft);
    margin-top: 12px
}

.bento {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.b {
    background: var(--card);
    border-radius: var(--r);
    box-shadow: var(--shadow);
    padding: 24px;
    position: relative;
    overflow: hidden;
    transition: transform .22s
}

.b:hover {
    transform: translateY(-4px)
}

.b h3 {
    font-size: 1.05rem;
    margin-bottom: 6px
}

.b p {
    font-size: .88rem;
    color: var(--ink-soft)
}

.b .big {
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 800;
    font-size: 2.1rem;
    color: var(--green)
}

.b-span3 {
    grid-column: span 3
}

.b-span2 {
    grid-column: span 2
}

.b-row2 {
    grid-row: span 2
}

.b.invert {
    background: var(--green-deep);
    color: #EAF5EC
}

.b.invert p {
    color: #A9CDB4
}

.b.invert .big {
    color: var(--sun)
}

.b.sunny {
    background: var(--sun)
}

.b.skyc {
    background: var(--sky)
}

.steps-inline {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 12px
}

.stp {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    font-size: .9rem
}

.stp i {
    font-style: normal;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--green);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .74rem;
    font-weight: 700
}
.bento-stats{
    font-size: 2rem;
    font-weight: bold;
}
.bento-action{
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}
@media(max-width:980px) {
    .bento {
        grid-template-columns: repeat(2, 1fr)
    }

    .b-span3,
    .b-span2 {
        grid-column: span 2
    }
}

@media(max-width:560px) {
    .bento {
        grid-template-columns: 1fr
    }

    .b-span3,
    .b-span2 {
        grid-column: span 1
    }
}

/* ---------- NEIGHBORHOOD EXPLORER (unique) ---------- */
.hoods {
    background: var(--card);
    border-radius: 28px;
    box-shadow: var(--shadow);
    padding: 54px 6%
}

.hood-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px
}

.chip {
    border: 1.5px solid var(--line);
    border-radius: 999px;
    padding: 12px 20px;
    font-size: .92rem;
    font-weight: 600;
    cursor: pointer;
    background: #fff;
    transition: all .2s;
    min-height: 44px
}

.chip:hover {
    border-color: var(--green);
    color: var(--green)
}

.chip.on {
    background: var(--green);
    border-color: var(--green);
    color: #fff
}

.hood-detail {
    margin-top: 28px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    align-items: center;
    border-top: 1px solid var(--line);
    padding-top: 28px
}

.hood-detail h3 {
    font-size: 1.3rem;
    margin-bottom: 10px
}

.hood-detail p {
    color: var(--ink-soft);
    font-size: .96rem
}

.hood-ph {
    aspect-ratio: 16/9
}

@media(max-width:820px) {
    .hood-detail {
        grid-template-columns: 1fr
    }
}

/* ---------- SWIPE VS SPEAK (unique) ---------- */
.versus {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch
}

.v-col {
    border-radius: 22px;
    padding: 1.5rem;
    background-color: #fff;
}

.v-col.apps {
    background: #ECEFEA;
    color: var(--ink-soft)
}

.v-col.voice {
    background: var(--green-deep);
    color: #EAF5EC;
    position: relative;
    overflow: hidden
}

.v-col h2 {
    margin-bottom: 12px
}

.v-col.voice h3 {
    color: #fff
}

.v-col .btn{
    margin-top: 1.5rem;
}

.v-li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 11px 0;
    font-size: .95rem;
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.v-col.voice .v-li {
    border-bottom: 1px dashed rgba(255, 255, 255, .16)
}

.v-li:last-child {
    border: none
}

.v-li svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px
}

.v-col.apps svg {
    stroke: #A33C3C
}

.v-col.voice svg {
    stroke: #7CDFA8
}

.badge-win {
    position: absolute;
    top: 22px;
    right: 22px;
    background: var(--peach);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    padding: 7px 13px;
    border-radius: 999px
}

@media(max-width:820px) {
    .versus {
        grid-template-columns: 1fr
    }
}

/* ---------- SAFETY ---------- */
.safe-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.s-card {
    background: var(--card);
    border-radius: var(--r);
    box-shadow: var(--shadow);
    padding: 26px 24px
}

.s-card .ic {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #E4F0E7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

.s-card .ic svg {
    width: 22px;
    height: 22px;
    stroke: var(--green)
}

.s-card h3 {
    font-size: 1rem;
    margin-bottom: 6px
}

.s-card p {
    font-size: .86rem;
    color: var(--ink-soft)
}

.eeat-bar {
    margin-top: 24px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--r);
    padding: 18px 24px;
    font-size: .88rem;
    color: var(--ink-soft)
}

.eeat-bar b {
    color: var(--green)
}

@media(max-width:980px) {
    .safe-strip {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:560px) {
    .safe-strip {
        grid-template-columns: 1fr
    }
}

/* ---------- FAQ ---------- */
.faq {
    max-width: 800px;
    margin: 0 auto
}

details {
    background: var(--card);
    border-radius: var(--r);
    box-shadow: var(--shadow);
    margin-bottom: 14px;
    overflow: hidden
}

summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 22px 26px;
    font-family: 'Bricolage Grotesque', sans-serif;
    font-weight: 700;
    font-size: 1.02rem;
    min-height: 48px
}

summary::-webkit-details-marker {
    display: none
}

summary::after {
    content: "+";
    color: var(--peach);
    font-size: 1.5rem;
    transition: transform .25s
}

details[open] summary::after {
    transform: rotate(45deg)
}

details .ans {
    padding: 0 26px 24px;
    color: var(--ink-soft);
    font-size: .95rem;
    max-width: 660px
}

.updated {
    text-align: center;
    margin-top: 24px;
    font-size: .78rem;
    color: var(--ink-soft);
    letter-spacing: .08em;
    font-weight: 600
}

/* ---------- FINAL CTA ---------- */
.final {
    background: var(--green-deep);
    border-radius: 32px;
    color: #fff;
    text-align: center;
    padding: 84px 8%;
    position: relative;
    overflow: hidden
}

.final::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(255, 133, 82, .18);
    top: -200px;
    right: -120px
}

.final h2 {
    font-size: clamp(2rem, 4.4vw, 3.2rem);
    font-weight: 800;
    position: relative
}

.final p {
    color: #A9CDB4;
    margin: 14px 0 30px;
    position: relative
}

.final .phone-big {
    color: var(--sun);
    display: block;
    font-size: clamp(1.9rem, 4vw, 2.7rem);
    margin-bottom: 26px;
    position: relative
}

footer {
    padding: 46px 0 40px;
    font-size: .85rem;
    color: var(--ink-soft)
}

.foot {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

.foot a {
    margin-left: 18px;
    text-decoration: none
}

.foot a:hover {
    color: var(--green)
}

.legal {
    margin-top: 14px;
    font-size: .76rem;
    opacity: .7
}

.foot-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.foot-nav a {
    text-decoration: none;
    font-size: .83rem;
    font-weight: 600;
}

.foot-nav a:hover {
    color: var(--green);
}

/* Source: CrushSwitch/assets/free-trial.css */
.nav-links a[aria-current="page"]{color:var(--green);font-weight:700}
.crumb{font-size:.82rem;color:var(--ink-soft);padding-top:18px}
.crumb a{text-decoration:none}.crumb span{opacity:.5;margin:0 7px}
.trial-hero{padding-top:54px;background:radial-gradient(ellipse 55% 62% at 16% 22%,rgba(255,232,163,.55),transparent 62%),radial-gradient(ellipse 46% 55% at 86% 12%,rgba(205,230,245,.55),transparent 60%)}
.trial-hero .lede{margin-bottom:20px}.trial-hero .cta-row{margin:26px 0 18px}.compact-top{padding-top:40px}
.pulse{width:9px;height:9px;border-radius:50%;background:#3dbe78;display:inline-block;margin-right:7px}
.softcard{background:var(--green-deep);color:#eaf5ec;border-radius:26px;padding:36px 34px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.softcard::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,232,163,.15);top:-180px;right:-120px}
.sc-stamp{position:absolute;top:26px;right:28px;background:var(--peach);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.1em;padding:7px 12px;border-radius:999px;z-index:2}
.sc-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#a9cdb4;font-weight:700;position:relative}.sc-big{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:3.2rem;line-height:1;color:var(--sun);margin:10px 0 4px;position:relative}.sc-sub{font-size:.95rem;color:#a9cdb4;margin-bottom:22px;position:relative}.sc-list{display:grid;gap:11px;position:relative;border-top:1px dashed rgba(255,255,255,.2);padding-top:20px}.sc-list div{display:flex;gap:10px;font-size:.93rem}.sc-list b{color:#7cdfa8}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border-radius:22px;padding:36px 32px}.panel.warm{background:#fff;box-shadow:var(--shadow);color:var(--ink-soft)}.panel.deep{background:var(--green-deep);color:#eaf5ec;position:relative;overflow:hidden}.panel h3{font-size:1.24rem;margin-bottom:8px}.panel .sub{font-size:.89rem;margin-bottom:20px;opacity:.85}.p-li{padding:13px 0;font-size:.94rem;border-bottom:1px dashed rgba(0,0,0,.09);display:flex;gap:12px}.panel.deep .p-li{border-color:rgba(255,255,255,.16)}.p-li i{font-style:normal;font-weight:800}.panel.deep .p-li i{color:#7cdfa8}.panel.warm .p-li i{color:var(--peach)}.badge-soft{position:absolute;top:22px;right:22px;background:var(--peach);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.1em;padding:7px 13px;border-radius:999px}
.shell-card{background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:48px 6%}.timeline-head{margin-bottom:22px}.tl-track{position:relative}.tl-track::before{content:"";position:absolute;left:70px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--green),var(--peach))}.tl-row{display:grid;grid-template-columns:56px 1fr;gap:34px;padding:16px 0}.tl-time{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;color:var(--green);text-align:right}.tl-body{position:relative;padding-left:14px}.tl-body::before{content:"";position:absolute;left:-27px;top:8px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--green)}.tl-body p{font-size:.92rem;color:var(--ink-soft);max-width:640px}.tl-note{display:inline-block;margin-top:8px;font-size:.8rem;font-weight:600;color:var(--green);background:#e4f0e7;padding:5px 11px;border-radius:8px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.c .n{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.45rem;color:var(--peach);margin-bottom:9px}.tbl-scroll{overflow-x:auto;border-radius:var(--r);box-shadow:var(--shadow);background:var(--card)}table{border-collapse:collapse;width:100%;min-width:620px;font-size:.92rem}caption{text-align:left;font-size:.84rem;color:var(--ink-soft);padding:18px 24px 0}th,td{padding:15px 24px;text-align:left;border-bottom:1px solid var(--line)}thead th{font-family:'Bricolage Grotesque',sans-serif;font-size:.82rem;text-transform:uppercase;color:var(--green);background:#e4f0e7}.pill{display:inline-block;font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--sun);color:var(--green-deep)}.pill.hot{background:var(--peach);color:#fff}.pill.cool{background:var(--sky)}
.sec-head.mid{text-align:center;margin-left:auto;margin-right:auto}.faq{max-width:820px;margin:0 auto}details{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:22px 26px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700}summary::after{content:"+";color:var(--peach);font-size:1.5rem}details[open] summary::after{transform:rotate(45deg)}.ans{padding:0 26px 24px;color:var(--ink-soft)}.updated{text-align:center;margin-top:24px;font-size:.78rem;color:var(--ink-soft);letter-spacing:.08em;font-weight:600}.final-button{background:var(--peach)}
.foot-nav{display:flex;flex-wrap:wrap;gap:10px 22px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.foot-nav a{text-decoration:none;font-size:.83rem;font-weight:600}.foot-nav a:hover{color:var(--green)}
@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}}@media(max-width:820px){.duo{grid-template-columns:1fr}}@media(max-width:660px){.grid3{grid-template-columns:1fr}}@media(max-width:640px){.tl-track::before{left:8px}.tl-row{grid-template-columns:1fr;gap:6px}.tl-time{text-align:left;padding-left:30px}.tl-body{padding-left:30px}.tl-body::before{left:2px}}@media(max-width:500px){.nav-call{display:inline-block}.nc-long{display:none}.logo img{width:140px}}

/* Source: CrushSwitch/assets/women.css */
.controls-head{margin-bottom:26px}.meeting-card{padding:44px 6%}
.pad-grid{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.key{aspect-ratio:1;border-radius:16px;background:#f1f5ef;border:1.5px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.3rem;color:var(--ink-soft)}.key small{font-family:'Figtree',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.75}.key.act{background:var(--green);border-color:var(--green);color:#fff}.key.warm{background:var(--peach);border-color:var(--peach);color:#fff}
.pad-list{display:grid;gap:16px}.pad-item{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding-bottom:16px;border-bottom:1px solid var(--line)}.pad-item:last-child{border-bottom:0}.pad-item .kk{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;background:var(--green)}.pad-item .kk.warm{background:var(--peach)}.pad-item h3{font-size:1.02rem;margin-bottom:4px}.pad-item p{font-size:.9rem;color:var(--ink-soft)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:26px 24px}.step .n{width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.86rem;margin-bottom:14px}.step h3{font-size:1rem;margin-bottom:6px}.step p{font-size:.88rem;color:var(--ink-soft)}
.c.soft{border-top:5px solid var(--green)}.c .tail{display:block;margin-top:10px;font-size:.85rem;color:var(--green);font-weight:600}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:860px){.pad-grid{grid-template-columns:1fr}.keypad{max-width:280px}}@media(max-width:520px){.steps{grid-template-columns:1fr}}

/* Source: CrushSwitch/assets/men.css */
.hero-bento{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:130px;gap:14px}.hb{border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.hb .v{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.55rem}.hb .k{font-size:.8rem;color:var(--ink-soft)}.hb.tall{grid-row:span 2;justify-content:center}.hb.green{background:var(--green-deep);color:#eaf5ec}.hb.green .k{color:#a9cdb4}.hb.peachy{background:var(--peach);color:#fff}.hb.peachy .k{color:#ffe3d4}.ph{border:2px dashed #9fbca8;background:repeating-linear-gradient(45deg,rgba(30,107,67,.05),rgba(30,107,67,.05) 12px,transparent 12px,transparent 24px);align-items:center;text-align:center;color:var(--green)}.ph .tag{font-size:.62rem;letter-spacing:.18em;border:1px solid currentColor;padding:3px 9px;border-radius:4px;font-weight:700}.ph p{font-size:.86rem;margin:12px 0;color:var(--ink-soft)}.ph .dim{font-size:.68rem;opacity:.65;font-weight:600}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.c.lead{border-left:5px solid var(--peach);padding-left:28px}.lab{display:grid;grid-template-columns:1fr 1fr;gap:20px}.script{border-radius:22px;padding:32px 30px;position:relative;overflow:hidden}.script.plain{background:#fff;box-shadow:var(--shadow)}.script.good{background:var(--green-deep);color:#eaf5ec}.script .tag-s{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;display:inline-block;margin-bottom:16px}.script.plain .tag-s{background:#edf1ea;color:var(--ink-soft)}.script.good .tag-s{background:var(--peach);color:#fff}.wave{display:flex;align-items:flex-end;gap:3px;height:34px;margin-bottom:18px}.wave i{width:4px;border-radius:2px;background:#c3cfc5;display:block;height:55%}.wave i:nth-child(3n){height:90%}.wave i:nth-child(2n){height:72%}.script.good .wave i{background:var(--sun)}.quote{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:1.06rem;line-height:1.45;margin-bottom:20px}.script .why{font-size:.9rem;padding-top:16px;border-top:1px dashed rgba(0,0,0,.12)}.script.good .why{border-color:rgba(255,255,255,.2);color:#a9cdb4}.script .why b{display:block;margin-bottom:6px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.greeting-shape{margin-top:20px}.beat{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:9px 0;font-size:.9rem;border-bottom:1px dashed rgba(255,255,255,.14)}.beat em{font-style:normal;font-weight:800;font-family:'Bricolage Grotesque',sans-serif;color:var(--sun);min-width:34px}
.chart-head{margin-bottom:10px}.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:end;height:250px;margin-top:30px}.bar-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;height:100%}.bar{width:100%;max-width:74px;border-radius:12px 12px 6px 6px;background:linear-gradient(#4ca97a,var(--green));position:relative}.bar.hot{background:linear-gradient(#ffb489,var(--peach))}.bar span{position:absolute;top:-24px;left:0;right:0;text-align:center;font-size:.76rem;font-weight:700;color:var(--ink-soft)}.bar-lab{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.h34{height:34%}.h38{height:38%}.h52{height:52%}.h66{height:66%}.h78{height:78%}.h96{height:96%}.h100{height:100%}.chart-key{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;font-size:.84rem;color:var(--ink-soft)}.chart-key i{width:12px;height:12px;border-radius:4px;display:inline-block;margin-right:7px}.hot-key{background:var(--peach)}.green-key{background:var(--green)}.eeat-bar{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 24px;font-size:.88rem;color:var(--ink-soft)}.eeat-bar a{color:var(--green);font-weight:600}
@media(max-width:860px){.lab{grid-template-columns:1fr}}@media(max-width:660px){.grid2{grid-template-columns:1fr}.bars{height:190px;gap:7px}.bar-lab{font-size:.7rem}}

/* Source: CrushSwitch/assets/about.css */
.identity-label{margin-bottom:14px}.idrow{display:grid;grid-template-columns:158px 1fr;gap:14px;padding:12px 0;border-bottom:1px dashed rgba(255,255,255,.16);font-size:.92rem;position:relative}.idrow:last-child{border-bottom:0}.idrow dt{color:#7cdfa8;font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;padding-top:3px}.panel.warm a{color:var(--green);font-weight:600}.related-section{padding-top:20px}.related-head{margin-bottom:24px}.related-head h2{font-size:1.5rem}.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rel a{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:24px;text-decoration:none;display:block;transition:transform .2s}.rel a:hover{transform:translateY(-4px)}.rel h3{font-size:1.02rem;margin-bottom:6px;color:var(--green)}.rel p{font-size:.87rem;color:var(--ink-soft)}@media(max-width:900px){.rel{grid-template-columns:1fr}}@media(max-width:520px){.idrow{grid-template-columns:1fr;gap:2px}}

/* Source: CrushSwitch/assets/legal.css */
.hero-narrow{max-width:840px}.policy-date{font-size:.95rem!important}.legal-section{padding-top:24px}.prose{max-width:820px}.prose h2{font-size:1.5rem;font-weight:800;margin:46px 0 12px;scroll-margin-top:90px}.prose h2:first-child{margin-top:0}.prose h3{font-size:1.08rem;font-weight:700;margin:26px 0 8px}.prose p{color:var(--ink-soft);margin-bottom:14px}.prose ul{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:9px}.prose li{color:var(--ink-soft);font-size:.96rem;padding-left:22px;position:relative}.prose li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--peach)}.prose a{color:var(--green);font-weight:600}.legal-toc{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:4px 24px;background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--shadow);padding:22px 26px;margin-bottom:40px}.legal-toc a{text-decoration:none;font-size:.9rem;font-weight:600;color:var(--ink-soft);padding:7px 0}.summary-card{background:var(--green-deep);color:#eaf5ec;border-radius:24px;padding:34px 32px;margin-bottom:40px;position:relative;overflow:hidden}.summary-card h2{font-size:1.3rem;color:#fff;margin:0 0 6px}.summary-card .sub{font-size:.88rem;color:#a9cdb4;margin-bottom:20px}.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px}.sc-grid div{display:flex;gap:10px;font-size:.93rem}.sc-grid b{color:#7cdfa8}.legal-review{border:2px dashed var(--peach);border-radius:var(--r);background:rgba(255,133,82,.06);padding:22px 24px;font-size:.9rem;color:#8a431c;margin:26px 0}.legal-review b{display:block;font-family:'Bricolage Grotesque',sans-serif;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.left-updated{text-align:left}@media(max-width:700px){.sc-grid{grid-template-columns:1fr}}


/* ---------- HOMEPAGE HERO ---------- */
.home-hero{padding:72px 0 64px}
.home-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:80px}
.home-hero-media{display:block;width:100%}
.home-hero-media img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
@media(max-width:1000px){.home-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:48px}}
@media(max-width:820px){.home-hero .hero-grid{grid-template-columns:1fr}.home-hero-media{max-width:620px}}
@media(max-width:560px){.home-hero{padding-top:48px}.home-hero-media img{border-radius:18px}}

    /* ---------- ATLANTA LOCAL SECTIONS ---------- */
    .atl-lead{max-width:76ch;margin-bottom:24px}
    .atl-lead p{color:var(--ink-soft);line-height:1.65}
    .scene-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:18px;align-items:start}

    .ratio-card{background:var(--green-deep);color:#eaf5ec;border-radius:26px;padding:34px 32px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .ratio-card::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,232,163,.13);top:-175px;right:-125px}
    .ratio-card>*{position:relative;z-index:1}
    .ratio-fig{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:4.2rem;line-height:.92;color:var(--sun);letter-spacing:-.02em}
    .ratio-cap{font-size:.95rem;color:#a9cdb4;margin-top:10px;line-height:1.5}
    .dot-block{margin:26px 0 22px;padding:22px 0;border-top:1px dashed rgba(255,255,255,.22);border-bottom:1px dashed rgba(255,255,255,.22);display:grid;gap:18px}
    .dot-key{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
    .dot-key b{font-family:'Bricolage Grotesque',sans-serif;font-size:.88rem;font-weight:700;color:#eaf5ec}
    .dot-key span{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.95rem;color:#a9cdb4}
    .dots{display:grid;grid-template-columns:repeat(10,12px);gap:7px}
    .dots i{width:12px;height:12px;border-radius:50%;display:block;background:rgba(255,255,255,.28)}
    .dots.f i{background:var(--peach)}
    .dots.f i.extra{background:var(--sun);box-shadow:0 0 0 3px rgba(255,232,163,.28)}
    .ratio-foot{font-size:.88rem;color:#a9cdb4;line-height:1.55}

    .scene-list{display:grid;gap:12px}
    .scene-row{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 26px 20px 22px;border-left:5px solid var(--green);display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start}
    .scene-row:nth-child(even){border-left-color:var(--peach)}
    .scene-ic{width:44px;height:44px;border-radius:13px;background:#e4f0e7;display:flex;align-items:center;justify-content:center}
    .scene-row:nth-child(even) .scene-ic{background:#ffede4}
    .scene-ic svg{width:21px;height:21px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .scene-row:nth-child(even) .scene-ic svg{stroke:var(--peach)}
    .scene-row h3{font-size:1.02rem;margin-bottom:4px}
    .scene-row p{font-size:.91rem;color:var(--ink-soft);line-height:1.55}

    .meet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
    .meet{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:30px 28px;position:relative;overflow:hidden}
    .meet.w2{grid-column:span 2}
    .meet.w3{grid-column:span 3}
    .meet.w6{grid-column:span 6;display:grid;grid-template-columns:64px minmax(0,1fr);gap:24px;align-items:center}
    .meet h3{font-size:1.1rem;margin-bottom:7px}
    .meet p{font-size:.92rem;color:var(--ink-soft);line-height:1.6}
    .m-ic{width:50px;height:50px;border-radius:15px;background:#e4f0e7;display:flex;align-items:center;justify-content:center;margin-bottom:17px}
    .m-ic svg{width:24px;height:24px;fill:none;stroke:var(--green);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .m-ic.sky{background:#e3f0f9}.m-ic.sky svg{stroke:#2b7ba8}
    .m-ic.sun{background:#fff3d1}.m-ic.sun svg{stroke:#a97e14}
    .m-ic.peach{background:#ffede4}.m-ic.peach svg{stroke:var(--peach)}

    .meet.deep{background:var(--green-deep);color:#eaf5ec}
    .meet.deep::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(124,223,168,.1);bottom:-190px;left:-90px}
    .meet.deep>*{position:relative;z-index:1}
    .meet.deep p{color:#a9cdb4}
    .meet.deep .m-ic{background:rgba(255,255,255,.12)}
    .meet.deep .m-ic svg{stroke:var(--sun)}
    .mutuals{display:flex;align-items:center;margin-top:20px}
    .mutuals span{width:40px;height:40px;border-radius:50%;border:2.5px solid var(--green-deep);margin-left:-13px;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.82rem;color:var(--green-deep);background:var(--sun)}
    .mutuals span:first-child{margin-left:0}
    .mutuals span:nth-child(2){background:var(--sky)}
    .mutuals span:nth-child(3){background:var(--peach);color:#fff}
    .mutuals span:nth-child(4){background:#7cdfa8}
    .mutuals em{font-style:normal;margin-left:14px;font-size:.86rem;color:#a9cdb4}

    .m-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
    .m-tags span{font-size:.78rem;font-weight:700;background:#e3f0f9;color:#2b7ba8;padding:6px 13px;border-radius:999px}
    .perim{background:#e7f0e8;border-radius:34px;padding:30px 30px 32px;position:relative}
    .perim-itp{background:var(--card);border-radius:26px;box-shadow:var(--shadow);padding:28px 26px;margin-top:22px;position:relative}
    .perim-core{background:var(--green-deep);border-radius:20px;padding:26px 24px;margin-top:22px;position:relative;overflow:hidden}
    .perim-core::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,232,163,.1);top:-160px;right:-80px}
    .perim-core>*{position:relative;z-index:1}
    .i285{position:absolute;top:-12px;left:26px;background:var(--sun);color:var(--green-deep);font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.7rem;letter-spacing:.12em;padding:5px 13px;border-radius:999px}
    .ring-tag{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.05rem;color:var(--ink)}
    .ring-sub{font-size:.85rem;color:var(--ink-soft);margin:3px 0 15px}
    .perim-core .ring-tag{color:var(--sun)}
    .perim-core .ring-sub{color:#a9cdb4}
    .ring-names{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}
    .ring-names li{font-size:.92rem;color:var(--ink-soft);padding:4px 15px 4px 0;margin-right:15px;position:relative;line-height:1.3}
    .ring-names li:not(:last-child)::after{content:"";position:absolute;right:0;top:.62em;height:.95em;width:1px;background:#c5d2c6}
    .perim-core .ring-names li{color:#dcecdf}
    .perim-core .ring-names li:not(:last-child)::after{background:rgba(255,255,255,.24)}
    .perim-note{margin-top:24px;font-size:.89rem;color:var(--ink-soft);max-width:70ch}
    @media(max-width:620px){.perim{padding:22px 20px 24px;border-radius:26px}.perim-itp,.perim-core{padding:24px 20px;border-radius:18px}.ring-names li{font-size:.88rem;padding-right:12px;margin-right:12px}}
    .meet.band{background:#fff3d1}
    .meet.band .m-ic{width:64px;height:64px;border-radius:19px;background:#fff;margin-bottom:0}
    .meet.band .m-ic svg{width:29px;height:29px;stroke:#a97e14}

    @media(max-width:1000px){
        .scene-grid{grid-template-columns:1fr}
        .meet-grid{grid-template-columns:repeat(2,1fr)}
        .meet.w2,.meet.w3,.meet.w6{grid-column:span 1}
        .meet.w6{display:block}
        .meet.band .m-ic{margin-bottom:17px}
    }
    @media(max-width:620px){
        .meet-grid{grid-template-columns:1fr}
        .ratio-card{padding:30px 26px}
        .ratio-fig{font-size:3.4rem}
        .scene-row{padding:18px 20px 18px 18px;grid-template-columns:1fr;gap:12px}
    }