.home-page,
.home-page * {
    box-sizing: border-box;
    letter-spacing: 0;
}

.home-page {
    --space: #f9fbf4;
    --space-2: #101817;
    --ink: #14231f;
    --muted: #5d6f68;
    --line: rgba(23, 52, 46, 0.14);
    --surface: rgba(255, 255, 255, 0.92);
    --surface-dark: rgba(255, 255, 255, 0.86);
    --teal: #24d6bd;
    --teal-deep: #006d68;
    --coral: #ff725c;
    --blue: #79a8ff;
    --gold: #f3c969;
    --lime: #b7e35a;
    --paper: #f7f7ee;
    --shadow: 0 26px 70px rgba(27, 55, 48, 0.16);
    min-height: 100vh;
    color: #22302e;
    background: #f6f7ef;
    overflow-x: hidden;
    font-family: "Noto Sans KR", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.home-page a {
    color: inherit;
    text-decoration: none;
}

.home-shell {
    width: min(1460px, calc(100% - 44px));
    margin: 0 auto;
}

.home-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.home-hero {
    position: relative;
    min-height: min(880px, calc(100vh - 82px));
    padding: clamp(64px, 8vw, 116px) 0 clamp(42px, 6vw, 72px);
    isolation: isolate;
    color: #14231f;
    background-color: #fbfcf6;
    background-image:
        linear-gradient(90deg, rgba(251, 252, 246, 0.98) 0%, rgba(251, 252, 246, 0.9) 50%, rgba(251, 252, 246, 0.52) 76%),
        linear-gradient(135deg, rgba(36, 214, 189, 0.18), transparent 38%),
        linear-gradient(225deg, rgba(243, 201, 105, 0.24), transparent 42%),
        url("/assets/images/owl-universe-mascot.png");
    background-repeat: no-repeat;
    background-position: right -4vw center, left top, right bottom, right -5vw center;
    background-size: auto, auto, auto, min(58vw, 860px) auto;
    overflow: hidden;
}

.home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image:
        linear-gradient(rgba(0, 109, 104, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(231, 101, 80, 0.08) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(90deg, rgba(0,0,0,0.86), rgba(0,0,0,0.22));
}

.home-hero::after {
    content: "OWL UNIVERSE";
    position: absolute;
    right: -0.08em;
    bottom: -0.13em;
    z-index: -1;
    color: rgba(16, 36, 31, 0.055);
    font-size: clamp(5.5rem, 17vw, 20rem);
    line-height: 0.78;
    font-weight: 950;
    white-space: nowrap;
    pointer-events: none;
}

.home-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 0.96fr) minmax(360px, 0.76fr);
    gap: clamp(34px, 6vw, 88px);
    align-items: center;
}

.home-hero__content {
    max-width: 930px;
}

.home-eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid rgba(36, 214, 189, 0.42);
    border-radius: 8px;
    background: rgba(0, 109, 104, 0.08);
    color: var(--teal-deep);
    font-size: 0.78rem;
    font-weight: 950;
    text-transform: uppercase;
}

.home-hero h1 {
    max-width: 1040px;
    margin: 22px 0 18px;
    color: #10241f;
    font-size: clamp(4.8rem, 11vw, 10.4rem);
    line-height: 0.78;
    font-weight: 950;
    text-transform: uppercase;
    text-wrap: balance;
}

.home-hero__lead {
    max-width: 760px;
    margin: 0;
    color: #4f625c;
    font-size: clamp(1.05rem, 1.4vw, 1.28rem);
    line-height: 1.82;
    word-break: keep-all;
}

.home-search {
    width: min(860px, 100%);
    margin-top: 34px;
    padding: 7px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(10, 82, 78, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 250, 0.92));
    backdrop-filter: blur(18px);
    box-shadow:
        0 24px 54px rgba(16, 36, 31, 0.13),
        0 1px 0 rgba(255, 255, 255, 0.96) inset;
}

.home-search__icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(16, 36, 31, 0.1);
    border-radius: 7px;
    background: #f3faf7;
    color: #0c7569;
}

.home-search__icon svg {
    width: 20px;
    height: 20px;
}

.home-search input,
.home-filter-panel input,
.home-filter-panel select {
    width: 100%;
    min-height: 58px;
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 0 14px;
    background: transparent;
    color: #15211f;
    font-size: 1rem;
    font-weight: 800;
    outline: none;
}

.home-search input::placeholder {
    color: #6d817b;
    font-weight: 700;
}

.home-search input:focus,
.home-filter-panel input:focus,
.home-filter-panel select:focus {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(36, 214, 189, 0.18);
}

.home-search button,
.home-filter-button {
    min-height: 58px;
    border: 1px solid rgba(13, 117, 105, 0.35);
    border-radius: 7px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: linear-gradient(135deg, #10241f 0%, #0c7569 100%);
    color: #ffffff;
    font-weight: 950;
    cursor: pointer;
    box-shadow: 0 16px 28px rgba(12, 117, 105, 0.2);
}

.home-search button svg {
    width: 18px;
    height: 18px;
}

.home-stats {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: 36px;
    width: min(840px, 100%);
    padding: 8px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.86)),
        linear-gradient(120deg, rgba(37, 99, 235, 0.08), rgba(15, 118, 110, 0.08), rgba(234, 88, 12, 0.08));
    box-shadow: 0 28px 72px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(18px) saturate(145%);
}

.home-stat {
    --stat-accent: #2563eb;
    position: relative;
    overflow: hidden;
    min-height: 112px;
    display: grid;
    align-content: space-between;
    gap: 18px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.74)),
        linear-gradient(135deg, color-mix(in srgb, var(--stat-accent) 12%, transparent), transparent 56%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 14px 32px rgba(15, 23, 42, 0.07);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.home-stat::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--stat-accent), color-mix(in srgb, var(--stat-accent) 12%, transparent));
}

.home-stat::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 14px;
    right: 14px;
    width: 24px;
    height: 24px;
    border: 1px solid color-mix(in srgb, var(--stat-accent) 24%, rgba(148, 163, 184, 0.16));
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--stat-accent) 18%, #ffffff), #ffffff);
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.64);
}

.home-stat:hover {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--stat-accent) 38%, rgba(148, 163, 184, 0.2));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.96),
        0 22px 44px rgba(15, 23, 42, 0.11);
}

.home-stat:nth-child(2) { --stat-accent: #0f766e; }
.home-stat:nth-child(3) { --stat-accent: #7c3aed; }
.home-stat:nth-child(4) { --stat-accent: #ea580c; }
.home-stat:nth-child(5) { --stat-accent: #b45309; }
.home-stat:nth-child(6) { --stat-accent: #db2777; }

.home-stat > * {
    position: relative;
    z-index: 1;
}

.home-stat strong {
    display: block;
    max-width: 100%;
    color: #0f172a;
    font-size: clamp(1.12rem, 1.55vw, 1.54rem);
    line-height: 0.95;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.home-stat span {
    display: block;
    max-width: calc(100% - 30px);
    color: #64748b;
    font-size: clamp(0.72rem, 0.85vw, 0.8rem);
    font-weight: 800;
    line-height: 1.35;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.home-hero__visual {
    position: relative;
    min-height: 560px;
    display: grid;
    place-items: center;
}

.home-universe-dial {
    position: relative;
    width: min(520px, 100%);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
}

.home-universe-dial::before,
.home-universe-dial::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(36, 214, 189, 0.28);
    border-radius: 50%;
}

.home-universe-dial::after {
    inset: 12%;
    border-color: rgba(243, 201, 105, 0.28);
    transform: rotate(18deg);
}

.home-mascot-wrap {
    position: relative;
    width: min(360px, 72%);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid rgba(16, 36, 31, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
    backdrop-filter: blur(12px);
    box-shadow: 0 22px 58px rgba(27, 55, 48, 0.14);
    transform: rotate(-3deg);
}

.home-mascot-wrap img {
    width: 82%;
    height: 82%;
    object-fit: contain;
    filter: drop-shadow(0 24px 30px rgba(27, 55, 48, 0.18));
}

.home-signal {
    position: absolute;
    display: grid;
    gap: 4px;
    width: 190px;
    padding: 11px 12px;
    border: 1px solid rgba(16, 36, 31, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.88);
    color: #14231f;
    box-shadow: 0 20px 46px rgba(27, 55, 48, 0.13);
}

.home-signal span {
    color: var(--teal-deep);
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
}

.home-signal strong {
    font-size: 0.84rem;
    line-height: 1.38;
}

.home-signal--one { left: -18px; top: 74px; }
.home-signal--two { right: -20px; bottom: 84px; }

.home-logo-cloud {
    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);
    width: min(560px, 100%);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
}

.home-logo-cloud span {
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(16, 36, 31, 0.12);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
}

.home-logo-cloud img {
    max-width: 24px;
    max-height: 24px;
    object-fit: contain;
}

.home-section {
    position: relative;
    padding: clamp(48px, 6vw, 84px) 0;
    background: #f6f7ef;
}

.home-section--dark {
    background: var(--space-2);
    color: var(--ink);
}

.home-section--surface {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border-block: 1px solid rgba(148, 163, 184, 0.16);
}

.home-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: end;
    margin-bottom: 24px;
}

.home-section-kicker {
    display: inline-flex;
    margin-bottom: 9px;
    color: var(--teal-deep);
    font-size: 0.74rem;
    font-weight: 950;
    text-transform: uppercase;
}

.home-section-title {
    max-width: 900px;
    margin: 0;
    color: #13211f;
    font-size: clamp(2rem, 4.4vw, 4.7rem);
    line-height: 0.95;
    font-weight: 950;
    text-wrap: balance;
}

.home-section-copy {
    max-width: 780px;
    margin: 14px 0 0;
    color: #53615f;
    font-size: 1rem;
    line-height: 1.76;
}

.home-section-link,
.home-clear-link {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7ded8;
    border-radius: 8px;
    padding: 0 14px;
    background: #ffffff;
    color: #16201f;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.home-section-link:hover,
.home-clear-link:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.24);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.1);
}

.home-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.home-card,
.home-category-card,
.home-tool-card {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.78)),
        linear-gradient(135deg, rgba(37, 99, 235, 0.06), rgba(15, 118, 110, 0.04));
    color: #172321;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 18px 44px rgba(15, 23, 42, 0.08);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.home-card:hover,
.home-category-card:hover,
.home-tool-card:hover {
    transform: translateY(-4px);
    border-color: rgba(37, 99, 235, 0.24);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.95),
        0 28px 62px rgba(15, 23, 42, 0.12);
}

.home-card {
    min-height: 204px;
    position: relative;
    padding: 20px;
    overflow: hidden;
}

.home-card::before {
    content: "";
    position: absolute;
    inset: 12px 12px auto auto;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--card-tone) 20%, #ffffff), #ffffff);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-tone) 24%, rgba(148, 163, 184, 0.16));
}

.home-card--teal { --card-tone: var(--teal-deep); }
.home-card--coral { --card-tone: var(--coral); }
.home-card--blue { --card-tone: var(--blue); }
.home-card--gold { --card-tone: var(--gold); }

.home-card__mark {
    width: 46px;
    height: 46px;
    display: block;
    border: 1px solid color-mix(in srgb, var(--card-tone) 58%, #ffffff);
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--card-tone) 18%, #ffffff), #ffffff);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--card-tone) 18%, transparent);
}

.home-card strong {
    display: block;
    margin-top: 18px;
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 950;
}

.home-card > span:last-child {
    display: block;
    margin-top: 10px;
    color: #596764;
    font-size: 0.9rem;
    line-height: 1.62;
    word-break: keep-all;
}

.home-category-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.home-category-card {
    min-height: 112px;
    position: relative;
    padding: 16px;
    overflow: hidden;
}

.home-category-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    bottom: 16px;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, #2563eb, #0f766e);
}

.home-category-card strong {
    position: relative;
    display: block;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
}

.home-category-card span {
    position: relative;
    display: block;
    width: fit-content;
    margin-top: 14px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    padding: 5px 9px;
    background: rgba(248, 250, 252, 0.86);
    color: #475569;
    font-size: 0.76rem;
    font-weight: 900;
}

.home-tools-section {
    border-top: 1px solid rgba(148, 163, 184, 0.18);
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.home-filter-panel {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) minmax(180px, 0.9fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr) auto auto;
    gap: 8px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.9));
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(16px);
}

.home-result-bar {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 14px 0;
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 900;
}

.home-tools-grid,
.home-mini-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.home-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-tool-card {
    min-height: 260px;
    padding: 18px;
    display: grid;
    align-content: start;
    gap: 12px;
}

.home-tool-card__top,
.home-tool-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.home-tool-logo {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 8px;
    background: linear-gradient(135deg, #eef2ff, #ecfdf5);
    overflow: hidden;
    color: #2563eb;
    font-weight: 950;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
}

.home-tool-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-tool-price {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    padding: 0 10px;
    background: rgba(248, 250, 252, 0.9);
    color: #334155;
    font-size: 0.72rem;
    font-weight: 950;
}

.home-tool-price--free { color: var(--teal-deep); }
.home-tool-price--paid { color: var(--coral); }
.home-tool-price--freemium { color: var(--blue); }

.home-tool-name {
    color: #0f172a;
    font-size: 1.14rem;
    line-height: 1.3;
    font-weight: 950;
}

.home-tool-desc {
    color: #64748b;
    font-size: 0.9rem;
    line-height: 1.62;
}

.home-tool-meta {
    margin-top: auto;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 7px;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 900;
}

.home-tool-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 999px;
    padding: 0 9px;
    background: rgba(248, 250, 252, 0.86);
}

.home-pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
}

.home-page-link {
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 8px;
    background: #ffffff;
    padding: 0 12px;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.home-page-link:hover {
    transform: translateY(-2px);
    border-color: rgba(37, 99, 235, 0.26);
}

.home-page-link.active {
    background: #07100f;
    color: #ffffff;
}

.home-empty {
    min-height: 220px;
    display: grid;
    place-items: center;
    text-align: center;
    border: 1px solid #d9e2dc;
    border-radius: 8px;
    background: #ffffff;
}

.home-empty strong,
.home-empty span {
    display: block;
}

.home-empty strong {
    font-size: 1.2rem;
    font-weight: 950;
}

.home-empty span {
    margin-top: 8px;
    color: #687674;
}

.home-spotlight-grid {
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
    gap: 18px;
    align-items: start;
}

.home-spotlight-copy {
    min-height: 100%;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
}

.home-section--dark .home-section-kicker {
    color: var(--teal);
}

.home-section--dark .home-spotlight-copy strong {
    display: block;
    color: #ffffff;
    font-size: clamp(1.75rem, 3.2vw, 3.4rem);
    line-height: 1;
    font-weight: 950;
}

.home-section--dark .home-spotlight-copy p {
    color: #b7c8c4;
    line-height: 1.76;
}

.home-section--dark .home-section-link {
    background: #ffffff;
    color: #07100f;
}

@media (max-width: 1180px) {
    .home-hero__grid,
    .home-spotlight-grid {
        grid-template-columns: 1fr;
    }

    .home-hero {
        background-position: right -18vw top 12%, left top, right bottom, right -28vw top 10%;
        background-size: auto, auto, auto, min(88vw, 760px) auto;
    }

    .home-hero__visual {
        min-height: 440px;
    }

    .home-cards,
    .home-category-grid,
    .home-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-filter-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .home-shell {
        width: min(100% - 28px, 1460px);
    }

    .home-hero {
        min-height: auto;
        padding-top: 44px;
        background-position: right -24vw top 32px, left top, right bottom, right -42vw top 24px;
        background-size: auto, auto, auto, 112vw auto;
    }

    .home-hero h1 {
        font-size: clamp(3.45rem, 19vw, 5.2rem);
    }

    .home-search,
    .home-filter-panel,
    .home-stats,
    .home-cards,
    .home-category-grid,
    .home-tools-grid,
    .home-mini-grid,
    .home-logo-cloud {
        grid-template-columns: 1fr;
    }

    .home-search {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .home-search button,
    .home-filter-button,
    .home-clear-link {
        width: 100%;
    }

    .home-search button {
        grid-column: 1 / -1;
    }

    .home-hero__visual {
        min-height: 360px;
    }

    .home-signal {
        width: 160px;
    }

    .home-signal--one { left: 0; top: 42px; }
    .home-signal--two { right: 0; bottom: 42px; }

    .home-logo-cloud {
        position: static;
        transform: none;
        margin-top: 16px;
    }

    .home-section-head {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-page *,
    .home-page *::before,
    .home-page *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* 2026 premium animated hero refresh */
@keyframes homeHeroGridDrift {
    0% { background-position: 0 0, 0 0, 0 0, right -7vw center; }
    100% { background-position: 96px 54px, -72px 36px, 0 0, right -5vw center; }
}

@keyframes homeHeroWordFloat {
    0%, 100% { transform: translate3d(0, 0, 0); opacity: 0.055; }
    50% { transform: translate3d(-2.5vw, -1.2vw, 0); opacity: 0.09; }
}

@keyframes homeDialSpin {
    to { transform: rotate(360deg); }
}

@keyframes homeDialCounterSpin {
    to { transform: rotate(-360deg); }
}

@keyframes homeSearchRail {
    0% { transform: translateX(-110%); opacity: 0; }
    14% { opacity: 1; }
    58% { opacity: 1; }
    100% { transform: translateX(115%); opacity: 0; }
}

@keyframes homeSearchPulse {
    0%, 100% { box-shadow: 0 26px 70px rgba(14, 103, 93, 0.18), 0 1px 0 rgba(255, 255, 255, 0.96) inset; }
    50% { box-shadow: 0 34px 92px rgba(41, 88, 163, 0.16), 0 1px 0 rgba(255, 255, 255, 1) inset; }
}

.home-hero {
    min-height: min(940px, calc(100vh - 78px));
    padding: clamp(72px, 8vw, 128px) 0 clamp(52px, 7vw, 88px);
    background-color: #fcfdf7;
    background-image:
        linear-gradient(115deg, rgba(252, 253, 247, 1) 0%, rgba(252, 253, 247, 0.94) 42%, rgba(252, 253, 247, 0.55) 74%),
        linear-gradient(rgba(15, 118, 110, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(181, 121, 31, 0.11) 1px, transparent 1px),
        url("/assets/images/owl-universe-mascot.png");
    background-repeat: no-repeat, repeat, repeat, no-repeat;
    background-size: auto, 96px 96px, 96px 96px, min(55vw, 820px) auto;
    background-position: 0 0, 0 0, 0 0, right -5vw center;
    animation: homeHeroGridDrift 18s linear infinite alternate;
}

.home-hero::before {
    inset: 0;
    z-index: -2;
    background:
        repeating-linear-gradient(120deg, rgba(15, 118, 110, 0.08) 0 1px, transparent 1px 18px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255,255,255,0.18));
    mask-image: linear-gradient(90deg, rgba(0,0,0,0.78), rgba(0,0,0,0.3), transparent 92%);
}

.home-hero::after {
    right: -0.1em;
    bottom: -0.12em;
    font-size: clamp(6rem, 18vw, 22rem);
    animation: homeHeroWordFloat 9s ease-in-out infinite;
}

.home-hero__grid {
    grid-template-columns: minmax(0, 1.02fr) minmax(380px, 0.82fr);
}

.home-eyebrow {
    min-height: 36px;
    border-color: rgba(15, 118, 110, 0.28);
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 10px 30px rgba(15, 118, 110, 0.08);
}

.home-hero h1 {
    margin-top: 24px;
    color: #101c19;
    text-shadow: 0 10px 34px rgba(15, 118, 110, 0.08);
}

.home-hero__lead {
    color: #455852;
    font-weight: 620;
}

.home-search {
    position: relative;
    isolation: isolate;
    margin-top: 38px;
    padding: 9px;
    border: 0;
    border-radius: 14px;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(120deg, #0f766e, #f3c969, #2958a3, #ff725c, #0f766e) border-box;
    border: 1px solid transparent;
    box-shadow: 0 26px 70px rgba(14, 103, 93, 0.18), 0 1px 0 rgba(255, 255, 255, 0.96) inset;
    overflow: hidden;
    animation: homeSearchPulse 5s ease-in-out infinite;
}

.home-search::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, transparent, rgba(36, 214, 189, 0.16), rgba(41, 88, 163, 0.12), transparent);
    transform: translateX(-110%);
    animation: homeSearchRail 4.8s ease-in-out infinite;
}

.home-search::after {
    content: "";
    position: absolute;
    left: 64px;
    right: 138px;
    bottom: 8px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(15, 118, 110, 0.48), rgba(181, 121, 31, 0.36), transparent);
    pointer-events: none;
}

.home-search:focus-within {
    transform: translateY(-2px);
    box-shadow: 0 34px 96px rgba(15, 118, 110, 0.22), 0 0 0 4px rgba(36, 214, 189, 0.12);
}

.home-search__icon {
    width: 54px;
    height: 54px;
    border-radius: 11px;
    border-color: rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(237, 248, 244, 0.98), rgba(255, 253, 248, 0.94));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.8);
}

.home-search input {
    min-height: 64px;
    padding-inline: 16px;
    font-size: clamp(1rem, 1.35vw, 1.15rem);
    color: #10241f;
}

.home-search input::placeholder {
    color: #566b65;
}

.home-search input:focus {
    border-color: transparent;
    box-shadow: none;
}

.home-search button {
    min-height: 60px;
    border-radius: 11px;
    padding: 0 24px;
    background:
        linear-gradient(135deg, #10241f 0%, #0f766e 54%, #2958a3 100%);
    box-shadow: 0 18px 36px rgba(15, 118, 110, 0.25);
}

.home-search button:hover {
    transform: translateY(-1px);
}

.home-universe-dial::before {
    border-style: dashed;
    animation: homeDialSpin 28s linear infinite;
}

.home-universe-dial::after {
    border-style: solid;
    animation: homeDialCounterSpin 34s linear infinite;
}

.home-mascot-wrap {
    border-radius: 14px;
    transform: rotate(-2deg);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.home-mascot-wrap:hover {
    transform: rotate(0deg) translateY(-4px);
    box-shadow: 0 32px 78px rgba(27, 55, 48, 0.18);
}

.home-signal {
    border-radius: 12px;
    animation: homeHeroWordFloat 7s ease-in-out infinite;
}

.home-signal--two {
    animation-delay: -2.5s;
}

.home-logo-cloud span {
    border-radius: 12px;
    transition: transform 0.22s ease, border-color 0.22s ease;
}

.home-logo-cloud span:hover {
    transform: translateY(-3px);
    border-color: rgba(15, 118, 110, 0.32);
}

@media (max-width: 1180px) {
    .home-hero {
        background-position: 0 0, 0 0, 0 0, right -24vw top 7%;
        background-size: auto, 96px 96px, 96px 96px, min(86vw, 720px) auto;
    }
}

@media (min-width: 1025px) and (max-width: 1500px) {
    body.site-refresh-light .home-hero__grid {
        grid-template-columns: 1fr;
    }

    body.site-refresh-light .home-hero__content {
        max-width: 980px;
    }

    body.site-refresh-light .home-hero__visual {
        min-height: 420px;
    }
}

@media (max-width: 720px) {
    .home-hero {
        padding-top: 46px;
        background-position: 0 0, 0 0, 0 0, right -44vw top 28px;
        background-size: auto, 82px 82px, 82px 82px, 112vw auto;
    }

    .home-search {
        border-radius: 12px;
        grid-template-columns: auto minmax(0, 1fr);
    }

    .home-search::after {
        left: 58px;
        right: 12px;
        bottom: 76px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero,
    .home-hero::after,
    .home-search,
    .home-search::before,
    .home-universe-dial::before,
    .home-universe-dial::after,
    .home-signal {
        animation: none !important;
    }
}

/* Bright premium AI-directory refresh */
body.site-refresh-light .home-page {
    --directory-bg: #f7f9fd;
    --directory-surface: rgba(255, 255, 255, 0.92);
    --directory-ink: #0f172a;
    --directory-muted: #64748b;
    --directory-line: rgba(15, 23, 42, 0.1);
    --directory-teal: #0f766e;
    --directory-blue: #2563eb;
    --directory-gold: #d97706;
    background:
        linear-gradient(180deg, #fbfcff 0%, #f5f8fd 38%, #f8fafc 100%);
    color: var(--directory-ink);
}

body.site-refresh-light .home-shell {
    width: min(1200px, calc(100% - 44px));
}

body.site-refresh-light .home-hero {
    min-height: auto;
    padding: clamp(56px, 7vw, 96px) 0 clamp(78px, 9vw, 128px);
    background-color: #fbfcff;
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(248, 250, 252, 0.76) 100%),
        linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(37, 99, 235, 0.04) 44%, rgba(255, 255, 255, 0) 72%),
        linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px);
    background-repeat: no-repeat, no-repeat, repeat, repeat;
    background-size: auto, auto, 92px 92px, 92px 92px;
    animation: none;
}

body.site-refresh-light .home-hero::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.1)),
        repeating-linear-gradient(135deg, rgba(15, 118, 110, 0.05) 0 1px, transparent 1px 20px);
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.9), transparent 88%);
}

body.site-refresh-light .home-hero::after {
    content: "OWL INDEX";
    left: 50%;
    right: auto;
    bottom: -0.16em;
    transform: translateX(-50%);
    width: max-content;
    color: rgba(15, 23, 42, 0.045);
    font-size: clamp(5rem, 14vw, 16rem);
    animation: none;
}

body.site-refresh-light .home-hero__grid {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 28px;
}

body.site-refresh-light .home-hero__content {
    max-width: 980px;
    text-align: center;
}

body.site-refresh-light .home-eyebrow {
    min-height: 34px;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    padding: 0 14px;
    background: rgba(255, 255, 255, 0.78);
    color: #0f766e;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

body.site-refresh-light .home-hero h1 {
    max-width: none;
    margin: 22px auto 14px;
    font-size: clamp(3.8rem, 8.8vw, 8.4rem);
    line-height: 0.86;
    letter-spacing: 0;
    color: #0f172a;
    text-shadow: none;
}

body.site-refresh-light .home-hero__lead {
    max-width: 760px;
    margin-inline: auto;
    color: #475569;
    font-size: clamp(1rem, 1.25vw, 1.18rem);
    line-height: 1.72;
    font-weight: 650;
}

body.site-refresh-light .home-search {
    width: min(820px, 100%);
    margin: 28px auto 0;
    padding: 8px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.13);
    backdrop-filter: blur(18px);
    animation: none;
}

body.site-refresh-light .home-search::before,
body.site-refresh-light .home-search::after {
    display: none;
}

body.site-refresh-light .home-search__icon {
    width: 52px;
    height: 52px;
    border-color: rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: #f8fafc;
    color: #0f766e;
}

body.site-refresh-light .home-search input {
    min-height: 58px;
    color: #0f172a;
    font-size: 1.02rem;
}

body.site-refresh-light .home-search button {
    min-height: 56px;
    border-radius: 8px;
    border-color: #0f172a;
    background: #0f172a;
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.2);
}

body.site-refresh-light .home-search:focus-within {
    transform: translateY(-2px);
    box-shadow: 0 32px 84px rgba(15, 23, 42, 0.16), 0 0 0 4px rgba(15, 118, 110, 0.1);
}

body.site-refresh-light .home-search-guide {
    width: min(820px, 100%);
    margin: 10px auto 0;
    padding: 10px 12px;
    border: 1px solid rgba(15, 118, 110, 0.13);
    border-radius: 8px;
    background: rgba(240, 253, 250, 0.72);
    color: #31534f;
    font-size: 0.82rem;
    line-height: 1.55;
    font-weight: 780;
    text-align: center;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055);
    word-break: keep-all;
}

body.site-refresh-light .home-search-guide > span,
body.site-refresh-light .home-search-guide > strong {
    display: block;
}

body.site-refresh-light .home-search-guide > strong {
    margin-top: 5px;
    color: #10241f;
    font-size: 0.86rem;
    line-height: 1.48;
    font-weight: 950;
}

body.site-refresh-light .home-search-guide em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #10241f;
    color: #ffffff;
    font-style: normal;
    font-weight: 950;
}

body.site-refresh-light .home-search-guide__examples {
    margin-top: 8px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
}

body.site-refresh-light .home-search-guide__examples span {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    background: #ffffff;
    color: #0f766e;
    font-size: 0.74rem;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045);
}

body.site-refresh-light .home-stats {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: min(820px, 100%);
    margin: 24px auto 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}

body.site-refresh-light .home-stat {
    --stat-accent: #0f766e;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 5px 7px 5px 12px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

body.site-refresh-light .home-stat::before,
body.site-refresh-light .home-stat::after {
    display: none;
}

body.site-refresh-light .home-stat strong {
    order: 2;
    width: auto;
    max-width: none;
    border-radius: 999px;
    padding: 3px 7px;
    background: #0f172a;
    color: #ffffff;
    font-size: 0.68rem;
    line-height: 1;
    font-weight: 900;
}

body.site-refresh-light .home-stat span {
    order: 1;
    max-width: none;
    color: #334155;
    font-size: 0.76rem;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

body.site-refresh-light .home-hero__visual {
    width: min(780px, 100%);
    min-height: 0;
    margin-top: 2px;
}

body.site-refresh-light .home-universe-dial {
    display: none;
}

body.site-refresh-light .home-logo-cloud {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
    width: min(620px, 100%);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-inline: auto;
}

body.site-refresh-light .home-logo-cloud span {
    height: 44px;
    border-color: rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

body.site-refresh-light .home-section {
    padding: clamp(54px, 6vw, 92px) 0;
    background: #f7f9fd;
}

body.site-refresh-light .home-section--surface {
    background: #ffffff;
    border-block: 1px solid rgba(15, 23, 42, 0.08);
}

body.site-refresh-light .home-section-kicker {
    color: #0f766e;
}

body.site-refresh-light .home-section-title {
    max-width: 780px;
    color: #0f172a;
    font-size: clamp(2.15rem, 4vw, 4.15rem);
    line-height: 0.98;
}

body.site-refresh-light .home-section-copy {
    color: #64748b;
}

body.site-refresh-light .home-cards {
    gap: 12px;
}

body.site-refresh-light .home-card,
body.site-refresh-light .home-category-card,
body.site-refresh-light .home-tool-card,
body.site-refresh-light .home-filter-panel {
    border-color: rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9));
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.08);
}

body.site-refresh-light .home-card:hover,
body.site-refresh-light .home-category-card:hover,
body.site-refresh-light .home-tool-card:hover {
    border-color: rgba(15, 118, 110, 0.18);
    box-shadow: 0 32px 72px rgba(15, 23, 42, 0.12);
}

body.site-refresh-light .home-tools-section {
    background:
        linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
}

body.site-refresh-light .home-filter-panel {
    position: sticky;
    top: calc(var(--ticker-height, 32px) + var(--header-height, 82px) + 12px);
    z-index: 20;
}

@media (min-width: 1025px) and (max-width: 1500px) {
    body.site-refresh-light .home-shell {
        width: min(1080px, calc(100% - 44px));
    }
}

@media (max-width: 720px) {
    body.site-refresh-light .home-shell {
        width: min(100% - 24px, 1200px);
    }

    body.site-refresh-light .home-hero {
        padding-top: 30px;
    }

    body.site-refresh-light .home-hero h1 {
        font-size: clamp(2.9rem, 16vw, 4.8rem);
    }

    body.site-refresh-light .home-stats {
        justify-content: flex-start;
    }

    body.site-refresh-light .home-stat {
        flex: 1 1 calc(50% - 8px);
    }

    body.site-refresh-light .home-search {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 8px;
    }

    body.site-refresh-light .home-search__icon {
        width: 44px;
        height: 44px;
    }

    body.site-refresh-light .home-search input {
        min-height: 44px;
        font-size: 0.88rem;
    }

    body.site-refresh-light .home-search button {
        grid-column: 1 / -1;
        width: 100%;
    }

    body.site-refresh-light .home-search-guide {
        text-align: left;
        font-size: 0.78rem;
    }

    body.site-refresh-light .home-logo-cloud {
        grid-template-columns: repeat(3, 1fr);
    }

    body.site-refresh-light .home-filter-panel {
        position: static;
    }
}

/* Final hero stat rail placement and mobile-safe sizing */
body.site-refresh-light .home-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body.site-refresh-light .home-eyebrow + .home-stats {
    width: min(980px, 100%);
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin: 14px auto 0;
    padding: 8px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
    min-width: 0;
    min-height: 66px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 5px;
    padding: 11px 12px;
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
    box-shadow: none;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
    order: 1;
    max-width: 100%;
    padding: 0;
    background: transparent;
    color: #0f172a;
    font-size: clamp(1.02rem, 1.32vw, 1.36rem);
    line-height: 1;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
    order: 2;
    max-width: 100%;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.25;
    font-weight: 900;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

body.site-refresh-light .home-eyebrow + .home-stats ~ h1 {
    margin-top: 20px;
}

@media (max-width: 1024px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: min(680px, 100%);
    }
}

@media (max-width: 720px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        width: 100%;
        margin-top: 12px;
        padding: 7px;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
        min-height: 62px;
        padding: 10px;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
        font-size: clamp(0.98rem, 5vw, 1.2rem);
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
        font-size: 0.68rem;
    }
}

@media (max-width: 360px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: 1fr;
    }
}

/* Final premium section title system */
body.site-refresh-light .home-section-head,
body.site-refresh-light .home-spotlight-copy {
    position: relative;
}

body.site-refresh-light .home-section-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 24px;
    margin-bottom: clamp(24px, 3vw, 38px);
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

body.site-refresh-light .home-section-head::before,
body.site-refresh-light .home-spotlight-copy::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: min(180px, 42%);
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #0f766e, #2563eb, #d97706);
}

body.site-refresh-light .home-section-kicker {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 0 10px;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: #0f766e;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    font-size: 0.68rem;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}

body.site-refresh-light .home-section-kicker::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #2563eb);
    box-shadow: 0 0 0 4px rgba(15, 118, 110, 0.08);
}

body.site-refresh-light .home-section-title,
body.site-refresh-light .home-spotlight-copy > strong {
    max-width: 880px;
    color: #0f172a;
    font-size: clamp(2.2rem, 4vw, 4.35rem);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 0;
    text-wrap: balance;
}

body.site-refresh-light .home-section-title {
    display: block;
}

body.site-refresh-light .home-section-copy,
body.site-refresh-light .home-spotlight-copy p {
    max-width: 760px;
    margin-top: 15px;
    color: #64748b;
    font-size: clamp(0.96rem, 1vw, 1.04rem);
    line-height: 1.76;
    font-weight: 650;
    word-break: keep-all;
}

body.site-refresh-light .home-section-link {
    align-self: end;
    min-height: 42px;
    border-color: rgba(15, 23, 42, 0.1);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
    color: #0f172a;
}

body.site-refresh-light .home-section--dark {
    background:
        linear-gradient(180deg, #0f172a 0%, #111827 100%);
}

body.site-refresh-light .home-section--dark .home-section-kicker {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: #99f6e4;
    box-shadow: none;
}

body.site-refresh-light .home-section--dark .home-section-kicker::before {
    background: linear-gradient(135deg, #99f6e4, #93c5fd);
    box-shadow: 0 0 0 4px rgba(153, 246, 228, 0.1);
}

body.site-refresh-light .home-section--dark .home-spotlight-copy {
    padding-bottom: 18px;
}

body.site-refresh-light .home-section--dark .home-spotlight-copy > strong {
    color: #ffffff;
    text-shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
}

body.site-refresh-light .home-section--dark .home-spotlight-copy p {
    color: #cbd5e1;
}

@media (max-width: 720px) {
    body.site-refresh-light .home-section-head {
        grid-template-columns: 1fr;
        gap: 14px;
        padding-bottom: 16px;
    }

    body.site-refresh-light .home-section-head::before,
    body.site-refresh-light .home-spotlight-copy::before {
        width: 128px;
    }

    body.site-refresh-light .home-section-title,
    body.site-refresh-light .home-spotlight-copy > strong {
        font-size: clamp(1.85rem, 10vw, 2.8rem);
        line-height: 1.04;
    }

    body.site-refresh-light .home-section-link {
        width: fit-content;
    }
}

/* Final hero polish: compact stats, emphasized copy, refined brand title */
body.site-refresh-light .home-eyebrow + .home-stats {
    width: min(900px, 100%);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    margin-top: 12px;
    padding: 6px;
    border-color: rgba(15, 23, 42, 0.09);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.82));
    box-shadow: 0 16px 44px rgba(15, 23, 42, 0.08);
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
    --stat-accent: #0f766e;
    position: relative;
    min-height: 54px;
    justify-items: center;
    gap: 4px;
    padding: 9px 8px 8px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--stat-accent) 18%, rgba(15, 23, 42, 0.1));
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.92)),
        linear-gradient(135deg, color-mix(in srgb, var(--stat-accent) 11%, transparent), transparent 58%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 8px 18px rgba(15, 23, 42, 0.045);
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0 0 auto;
    width: auto;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--stat-accent), transparent);
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat:nth-child(2) { --stat-accent: #2563eb; }
body.site-refresh-light .home-eyebrow + .home-stats .home-stat:nth-child(3) { --stat-accent: #7c3aed; }
body.site-refresh-light .home-eyebrow + .home-stats .home-stat:nth-child(4) { --stat-accent: #0f766e; }
body.site-refresh-light .home-eyebrow + .home-stats .home-stat:nth-child(5) { --stat-accent: #d97706; }
body.site-refresh-light .home-eyebrow + .home-stats .home-stat:nth-child(6) { --stat-accent: #db2777; }

body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
    color: #0f172a;
    font-size: clamp(0.94rem, 1.05vw, 1.16rem);
    letter-spacing: 0;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
    color: color-mix(in srgb, var(--stat-accent) 34%, #64748b);
    font-size: 0.66rem;
    line-height: 1.2;
    font-weight: 950;
    text-align: center;
}

body.site-refresh-light .home-hero-title {
    position: relative;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    gap: clamp(10px, 1.8vw, 22px);
    width: min(1120px, 100%);
    margin: 22px auto 14px;
    color: #0f172a;
    font-size: clamp(3.9rem, 8.6vw, 8.9rem);
    line-height: 0.82;
    font-weight: 950;
    text-transform: uppercase;
    text-shadow: none;
}

body.site-refresh-light .home-hero-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -12px;
    width: min(420px, 62%);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #0f766e, #2563eb, #d97706, transparent);
    transform: translateX(-50%);
}

body.site-refresh-light .home-title-owl {
    color: transparent;
    background: linear-gradient(135deg, #0f766e 0%, #2563eb 52%, #0f172a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: drop-shadow(0 16px 28px rgba(15, 118, 110, 0.1));
}

body.site-refresh-light .home-title-universe {
    color: #0f172a;
    text-shadow:
        0 1px 0 #ffffff,
        0 18px 42px rgba(15, 23, 42, 0.14);
}

body.site-refresh-light .home-hero__lead {
    display: grid;
    gap: 5px;
    max-width: 820px;
    margin-top: 28px;
    color: #475569;
    font-weight: 720;
    word-break: keep-all;
}

body.site-refresh-light .home-hero__lead span {
    display: block;
}

body.site-refresh-light .lead-mark {
    display: inline;
    padding: 0 0.16em;
    border-radius: 6px;
    background: transparent;
    color: #0f172a;
    font-weight: 950;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

body.site-refresh-light .lead-mark--teal {
    color: #0f766e;
    background: linear-gradient(180deg, transparent 56%, rgba(15, 118, 110, 0.14) 0);
}

body.site-refresh-light .lead-mark--blue {
    color: #2563eb;
    background: linear-gradient(180deg, transparent 56%, rgba(37, 99, 235, 0.14) 0);
}

body.site-refresh-light .lead-mark--dark {
    color: #0f172a;
    background: linear-gradient(180deg, transparent 56%, rgba(217, 119, 6, 0.18) 0);
}

@media (max-width: 1024px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        width: min(620px, 100%);
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        padding: 6px;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
        min-height: 52px;
        padding: 8px 6px 7px;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
        font-size: clamp(0.96rem, 4.8vw, 1.14rem);
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
        font-size: 0.64rem;
    }

    body.site-refresh-light .home-hero-title {
        gap: 6px;
        margin-top: 18px;
        font-size: clamp(2.9rem, 14.8vw, 4.6rem);
        line-height: 0.9;
    }

    body.site-refresh-light .home-hero-title::after {
        bottom: -9px;
        width: min(260px, 72%);
        height: 2px;
    }

    body.site-refresh-light .home-hero__lead {
        gap: 7px;
        margin-top: 24px;
        font-size: 0.98rem;
        line-height: 1.68;
    }
}

/* Premium section upgrade: Constellations, Tool Orbit, Signal Picks */
body.site-refresh-light .home-section--constellations,
body.site-refresh-light .home-section--orbit {
    overflow: hidden;
}

body.site-refresh-light .home-section--constellations {
    background:
        linear-gradient(180deg, #f8fbff 0%, #ffffff 48%, #f7fbf7 100%);
}

body.site-refresh-light .home-section--constellations::before,
body.site-refresh-light .home-section--orbit::before,
body.site-refresh-light .home-section--signal-picks::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

body.site-refresh-light .home-section--constellations::before {
    background:
        linear-gradient(rgba(15, 118, 110, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 99, 235, 0.05) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 18%, transparent 92%);
}

body.site-refresh-light .home-section-head--constellations,
body.site-refresh-light .home-section-head--orbit {
    min-height: 190px;
    align-items: center;
    padding: clamp(22px, 3vw, 34px);
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.84)),
        linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(37, 99, 235, 0.07) 46%, rgba(217, 119, 6, 0.06));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 26px 72px rgba(15, 23, 42, 0.08);
}

body.site-refresh-light .home-section-head--constellations::after,
body.site-refresh-light .home-section-head--orbit::after {
    content: "";
    position: absolute;
    right: clamp(18px, 4vw, 58px);
    top: 50%;
    width: clamp(110px, 16vw, 210px);
    aspect-ratio: 1;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    background:
        radial-gradient(circle at 50% 50%, rgba(15, 118, 110, 0.16) 0 4px, transparent 5px),
        repeating-radial-gradient(circle, transparent 0 28px, rgba(37, 99, 235, 0.12) 29px 30px);
    transform: translateY(-50%);
    opacity: 0.72;
}

body.site-refresh-light .home-section-head--orbit::after {
    border-color: rgba(37, 99, 235, 0.16);
    background:
        radial-gradient(circle at 50% 50%, rgba(37, 99, 235, 0.18) 0 4px, transparent 5px),
        repeating-radial-gradient(circle, transparent 0 26px, rgba(217, 119, 6, 0.13) 27px 28px);
}

body.site-refresh-light .home-section-head--constellations .home-section-title,
body.site-refresh-light .home-section-head--orbit .home-section-title {
    max-width: 760px;
    font-size: clamp(2.05rem, 3.4vw, 3.72rem);
    line-height: 1.02;
}

body.site-refresh-light .home-section-head--constellations .home-section-copy,
body.site-refresh-light .home-section-head--orbit .home-section-copy {
    max-width: 680px;
    color: #475569;
}

body.site-refresh-light .home-category-grid {
    gap: 12px;
}

body.site-refresh-light .home-category-card {
    min-height: 122px;
    isolation: isolate;
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9)),
        linear-gradient(135deg, rgba(15, 118, 110, 0.08), rgba(37, 99, 235, 0.06));
}

body.site-refresh-light .home-category-card::before {
    left: 14px;
    top: auto;
    bottom: 14px;
    width: 46px;
    height: 3px;
    background: linear-gradient(90deg, #0f766e, #2563eb, #d97706);
}

body.site-refresh-light .home-category-card::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 14px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 999px;
    background:
        radial-gradient(circle at center, rgba(15, 118, 110, 0.28) 0 3px, transparent 4px),
        rgba(255, 255, 255, 0.76);
}

body.site-refresh-light .home-category-card strong {
    padding-right: 34px;
    font-size: 1.03rem;
}

body.site-refresh-light .home-category-card span {
    margin-top: 18px;
    background: rgba(255, 255, 255, 0.82);
}

body.site-refresh-light .home-section--orbit {
    background:
        linear-gradient(180deg, #ffffff 0%, #f6f9fd 54%, #ffffff 100%);
}

body.site-refresh-light .home-section--orbit::before {
    background:
        radial-gradient(circle at 18% 20%, rgba(15, 118, 110, 0.1), transparent 28%),
        radial-gradient(circle at 82% 8%, rgba(37, 99, 235, 0.1), transparent 30%),
        linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.035), transparent);
}

body.site-refresh-light .home-filter-panel {
    border-radius: 16px;
    padding: 12px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 24px 70px rgba(15, 23, 42, 0.09);
}

body.site-refresh-light .home-filter-panel input,
body.site-refresh-light .home-filter-panel select {
    border-radius: 12px;
    border-color: rgba(15, 23, 42, 0.1);
    background-color: rgba(255, 255, 255, 0.92);
}

body.site-refresh-light .home-filter-button {
    border-radius: 12px;
    background: linear-gradient(135deg, #0f172a, #0f766e);
    box-shadow: 0 16px 36px rgba(15, 118, 110, 0.18);
}

body.site-refresh-light .home-result-bar {
    margin: 16px 0;
    padding: 0 4px;
    color: #475569;
}

body.site-refresh-light .home-tool-card {
    position: relative;
    min-height: 248px;
    overflow: hidden;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(248, 250, 252, 0.92)),
        linear-gradient(135deg, rgba(37, 99, 235, 0.07), rgba(15, 118, 110, 0.06));
}

body.site-refresh-light .home-tool-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient(90deg, #0f766e, #2563eb, #d97706);
    opacity: 0.76;
}

body.site-refresh-light .home-tool-logo {
    border-radius: 14px;
    background:
        linear-gradient(180deg, #ffffff, #f1f5f9),
        linear-gradient(135deg, rgba(15, 118, 110, 0.14), rgba(37, 99, 235, 0.12));
}

body.site-refresh-light .home-tool-price,
body.site-refresh-light .home-tool-meta span {
    background: rgba(255, 255, 255, 0.78);
}

body.site-refresh-light .home-section--signal-picks {
    overflow: hidden;
    background:
        linear-gradient(145deg, #0b1220 0%, #101827 46%, #122d2a 100%);
}

body.site-refresh-light .home-section--signal-picks::before {
    background:
        linear-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        radial-gradient(circle at 12% 18%, rgba(45, 212, 191, 0.16), transparent 30%),
        radial-gradient(circle at 84% 6%, rgba(147, 197, 253, 0.16), transparent 32%);
    background-size: 46px 46px, 46px 46px, auto, auto;
}

body.site-refresh-light .home-section--signal-picks .home-shell {
    position: relative;
    z-index: 1;
}

body.site-refresh-light .home-section--signal-picks .home-spotlight-grid {
    gap: clamp(18px, 3vw, 34px);
}

body.site-refresh-light .home-section--signal-picks .home-spotlight-copy {
    overflow: hidden;
    border-radius: 18px;
    padding: clamp(24px, 3vw, 38px);
    border-color: rgba(255, 255, 255, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)),
        linear-gradient(135deg, rgba(15, 118, 110, 0.26), rgba(37, 99, 235, 0.11));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 28px 80px rgba(0, 0, 0, 0.24);
}

body.site-refresh-light .home-section--signal-picks .home-spotlight-copy::after {
    content: "";
    position: absolute;
    right: -46px;
    bottom: -46px;
    width: 170px;
    aspect-ratio: 1;
    border: 1px solid rgba(153, 246, 228, 0.18);
    border-radius: 999px;
    background: radial-gradient(circle, rgba(153, 246, 228, 0.12), transparent 62%);
}

body.site-refresh-light .home-section--signal-picks .home-spotlight-copy > strong {
    font-size: clamp(2.05rem, 3.5vw, 3.82rem);
    line-height: 1.02;
}

body.site-refresh-light .home-signal-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

body.site-refresh-light .home-signal-badges span {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    padding: 0 11px;
    background: rgba(255, 255, 255, 0.08);
    color: #dbeafe;
    font-size: 0.72rem;
    font-weight: 950;
}

body.site-refresh-light .home-section-link--signal {
    margin-top: 20px;
    border-color: rgba(255, 255, 255, 0.2);
    background:
        linear-gradient(135deg, #ffffff, #dffcf4);
    color: #0f172a;
    box-shadow: 0 18px 44px rgba(45, 212, 191, 0.18);
}

body.site-refresh-light .home-section--signal-picks .home-mini-grid {
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

body.site-refresh-light .home-section--signal-picks .home-tool-card {
    border-color: rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.88)),
        linear-gradient(135deg, rgba(153, 246, 228, 0.12), rgba(147, 197, 253, 0.1));
}

@media (max-width: 1180px) {
    body.site-refresh-light .home-section-head--constellations::after,
    body.site-refresh-light .home-section-head--orbit::after {
        opacity: 0.28;
        right: -34px;
    }
}

@media (max-width: 720px) {
    body.site-refresh-light .home-section-head--constellations,
    body.site-refresh-light .home-section-head--orbit {
        min-height: auto;
        padding: 20px;
        border-radius: 16px;
    }

    body.site-refresh-light .home-section-head--constellations::after,
    body.site-refresh-light .home-section-head--orbit::after {
        display: none;
    }

    body.site-refresh-light .home-section-head--constellations .home-section-title,
    body.site-refresh-light .home-section-head--orbit .home-section-title,
    body.site-refresh-light .home-section--signal-picks .home-spotlight-copy > strong {
        font-size: clamp(1.72rem, 9vw, 2.52rem);
    }

    body.site-refresh-light .home-filter-panel {
        border-radius: 14px;
    }

    body.site-refresh-light .home-section--signal-picks .home-mini-grid {
        grid-template-columns: 1fr;
        padding: 8px;
        border-radius: 16px;
    }
}

/* Final list controls: keep the filters aligned and split tool density by viewport. */
body.site-refresh-light .home-tools-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-card {
    min-height: 206px;
    padding: 11px;
    gap: 8px;
    border-radius: 12px;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-card__top {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-logo {
    width: 38px;
    height: 38px;
    border-radius: 10px;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-price {
    min-height: 23px;
    padding-inline: 7px;
    font-size: 0.62rem;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-name {
    font-size: 0.84rem;
    line-height: 1.28;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-desc {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.7rem;
    line-height: 1.42;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-meta {
    gap: 4px;
    font-size: 0.58rem;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-meta span {
    min-height: 20px;
    padding-inline: 5px;
}

@media (min-width: 721px) and (max-width: 1180px) {
    body.site-refresh-light .home-filter-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto auto;
    }

    body.site-refresh-light .home-filter-panel input {
        grid-column: 1 / -1;
    }
}

@media (min-width: 721px) and (max-width: 1024px) {
    body.site-refresh-light .home-tools-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    body.site-refresh-light .home-filter-panel {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        padding: 9px;
    }

    body.site-refresh-light .home-filter-panel input {
        grid-column: 1 / -1;
        min-height: 44px;
    }

    body.site-refresh-light .home-filter-panel select {
        min-width: 0;
        min-height: 42px;
        padding-inline: 9px 24px;
        font-size: 0.76rem;
        text-overflow: ellipsis;
    }

    body.site-refresh-light .home-filter-button {
        grid-column: 1 / -1;
        min-height: 42px;
    }

    body.site-refresh-light .home-filter-panel.has-clear-link .home-filter-button {
        grid-column: 1 / 3;
    }

    body.site-refresh-light .home-clear-link {
        grid-column: 3;
        min-height: 42px;
        padding-inline: 8px;
    }

    body.site-refresh-light .home-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    body.site-refresh-light .home-category-card {
        min-height: 118px;
        padding: 12px;
        border-radius: 12px;
    }

    body.site-refresh-light .home-category-card strong {
        font-size: 0.9rem;
        line-height: 1.28;
        word-break: keep-all;
    }

    body.site-refresh-light .home-category-card span {
        font-size: 0.7rem;
        line-height: 1.35;
    }

    body.site-refresh-light .home-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    body.site-refresh-light .home-tool-card {
        min-height: 218px;
        padding: 11px;
        gap: 8px;
        border-radius: 12px;
    }

    body.site-refresh-light .home-tool-card__top {
        gap: 6px;
    }

    body.site-refresh-light .home-tool-logo {
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }

    body.site-refresh-light .home-tool-price {
        min-height: 24px;
        padding-inline: 7px;
        font-size: 0.64rem;
    }

    body.site-refresh-light .home-tool-name {
        font-size: 0.92rem;
        line-height: 1.28;
    }

    body.site-refresh-light .home-tool-desc {
        display: -webkit-box;
        overflow: hidden;
        font-size: 0.72rem;
        line-height: 1.42;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    body.site-refresh-light .home-tool-meta {
        gap: 5px;
        font-size: 0.62rem;
    }

    body.site-refresh-light .home-tool-meta span {
        min-height: 22px;
        padding-inline: 6px;
    }
}

@media (max-width: 390px) {
    body.site-refresh-light .home-filter-panel select {
        font-size: 0.68rem;
        padding-inline: 7px 18px;
    }

    body.site-refresh-light .home-category-card {
        min-height: 106px;
        padding: 10px;
    }

    body.site-refresh-light .home-category-card strong {
        font-size: 0.82rem;
    }

    body.site-refresh-light .home-tool-card {
        min-height: 206px;
        padding: 9px;
    }

    body.site-refresh-light .home-tool-logo {
        width: 34px;
        height: 34px;
    }
}

/* Final mobile hero stats: keep six metrics as two rows of three cards. */
@media (max-width: 720px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        width: 100% !important;
        padding: 5px !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
        min-width: 0 !important;
        min-height: 54px !important;
        display: grid !important;
        align-content: center !important;
        justify-items: center !important;
        gap: 3px !important;
        flex: none !important;
        padding: 7px 4px 6px !important;
        text-align: center !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
        max-width: 100% !important;
        font-size: clamp(0.76rem, 3.7vw, 0.98rem) !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
        max-width: 100% !important;
        font-size: clamp(0.5rem, 2.45vw, 0.58rem) !important;
        line-height: 1.16 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 360px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 4px !important;
        padding: 4px !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
        min-height: 52px !important;
        padding: 6px 3px 5px !important;
    }
}

/* Search scope cards: clearer than generic AI logos under the search guide. */
body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: min(760px, 100%) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 10px auto 0 !important;
}

body.site-refresh-light .home-search-scope-card {
    --scope-accent: #0f766e;
    position: relative;
    overflow: hidden;
    min-width: 0;
    min-height: 68px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    background:
        linear-gradient(#ffffff, #f8fafc) padding-box,
        linear-gradient(135deg, color-mix(in srgb, var(--scope-accent) 45%, #ffffff), rgba(255, 255, 255, 0.2), color-mix(in srgb, var(--scope-accent) 26%, #ffffff)) border-box;
    color: #0f172a;
    text-decoration: none;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

body.site-refresh-light .home-search-scope-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--scope-accent) 18%, transparent), transparent 34%),
        linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, 0.54) 45%, transparent 56% 100%);
    opacity: 0.52;
    transform: translateX(-28%);
    transition: transform 220ms ease, opacity 220ms ease;
}

body.site-refresh-light .home-search-scope-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.11);
}

body.site-refresh-light .home-search-scope-card:hover::before {
    opacity: 0.86;
    transform: translateX(18%);
}

body.site-refresh-light .home-search-scope-card--blue { --scope-accent: #2563eb; }
body.site-refresh-light .home-search-scope-card--violet { --scope-accent: #7c3aed; }
body.site-refresh-light .home-search-scope-card--amber { --scope-accent: #d97706; }
body.site-refresh-light .home-search-scope-card--emerald { --scope-accent: #059669; }
body.site-refresh-light .home-search-scope-card--rose { --scope-accent: #db2777; }

body.site-refresh-light .home-search-scope-icon {
    position: relative;
    z-index: 1;
    width: 48px;
    height: 48px;
    display: inline-grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--scope-accent) 24%, rgba(15, 23, 42, 0.08));
    border-radius: 14px;
    background: color-mix(in srgb, var(--scope-accent) 10%, #ffffff);
    color: var(--scope-accent);
    font-size: 0.62rem;
    line-height: 1;
    font-weight: 950;
}

body.site-refresh-light .home-search-scope-image {
    overflow: hidden;
    padding: 0;
    background: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 8px 18px color-mix(in srgb, var(--scope-accent) 16%, transparent);
}

body.site-refresh-light .home-search-scope-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.site-refresh-light .home-search-scope-copy {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: grid;
    gap: 2px;
}

body.site-refresh-light .home-search-scope-copy strong,
body.site-refresh-light .home-search-scope-copy small {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.site-refresh-light .home-search-scope-copy strong {
    color: #0f172a;
    font-size: 0.8rem;
    line-height: 1.22;
    font-weight: 950;
    white-space: nowrap;
}

body.site-refresh-light .home-search-scope-copy small {
    color: #64748b;
    font-size: 0.66rem;
    line-height: 1.22;
    font-weight: 850;
    white-space: nowrap;
}

@media (max-width: 720px) {
    body.site-refresh-light .home-hero__grid {
        gap: 8px !important;
    }

    body.site-refresh-light .home-hero__visual {
        width: 100% !important;
        margin-top: 6px !important;
        min-height: 0 !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin-top: 8px !important;
    }

    body.site-refresh-light .home-search-scope-card {
        min-height: 76px;
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        align-content: center;
        gap: 6px;
        padding: 7px 4px 8px;
        text-align: center;
        border-radius: 10px;
    }

    body.site-refresh-light .home-search-scope-icon {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 0.5rem;
    }

    body.site-refresh-light .home-search-scope-copy strong {
        font-size: 0.62rem;
        line-height: 1.16;
        white-space: normal;
        word-break: keep-all;
    }

    body.site-refresh-light .home-search-scope-copy small {
        font-size: 0.54rem;
        line-height: 1.14;
        white-space: normal;
        word-break: keep-all;
    }
}

@media (max-width: 390px) {
    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        gap: 4px !important;
    }

    body.site-refresh-light .home-search-scope-card {
        min-height: 70px;
        padding: 6px 3px;
    }

    body.site-refresh-light .home-search-scope-copy small {
        display: none;
    }
}

/* Image-only search scope cards with in-image text. */
body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
    width: min(820px, 100%) !important;
    gap: 10px !important;
}

body.site-refresh-light .home-search-scope-card {
    min-height: 0 !important;
    aspect-ratio: 8 / 5 !important;
    display: block !important;
    grid-template-columns: none !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.74) !important;
    border-radius: 12px !important;
    background: #0f172a !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.13) !important;
}

body.site-refresh-light .home-search-scope-card::before {
    z-index: 1 !important;
    background:
        linear-gradient(115deg, transparent 0 42%, rgba(255, 255, 255, 0.26) 48%, transparent 58% 100%),
        linear-gradient(180deg, transparent 58%, rgba(2, 6, 23, 0.22)) !important;
    opacity: 0.62 !important;
}

body.site-refresh-light .home-search-scope-card-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    transition: transform 180ms ease, filter 180ms ease !important;
}

body.site-refresh-light .home-search-scope-card:hover .home-search-scope-card-image {
    transform: scale(1.035) !important;
    filter: saturate(1.06) contrast(1.03) !important;
}

body.site-refresh-light .home-search-scope-card .home-search-scope-icon {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px !important;
}

body.site-refresh-light .home-search-scope-copy.home-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 720px) {
    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        gap: 7px !important;
    }

    body.site-refresh-light .home-search-scope-card {
        min-height: 0 !important;
        aspect-ratio: 8 / 5 !important;
        padding: 0 !important;
        border-radius: 10px !important;
    }
}

@media (max-width: 520px) {
    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }
}

/* Taste Skill main-page upgrade: asymmetric, tactile, mobile-stable. */
@keyframes owlTasteReveal {
    from {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes owlTasteFloat {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(-1.2deg);
    }
    50% {
        transform: translate3d(0, -12px, 0) rotate(1.2deg);
    }
}

@keyframes owlTasteOrbit {
    to {
        transform: rotate(360deg);
    }
}

@keyframes owlTasteSweep {
    0% {
        transform: translate3d(-115%, 0, 0);
        opacity: 0;
    }
    16%,
    62% {
        opacity: 1;
    }
    100% {
        transform: translate3d(115%, 0, 0);
        opacity: 0;
    }
}

body.site-refresh-light .home-page {
    --taste-bg: #f8fafb;
    --taste-ink: #111827;
    --taste-muted: #5f6f7c;
    --taste-line: rgba(17, 24, 39, 0.11);
    --taste-surface: rgba(255, 255, 255, 0.86);
    --taste-accent: #0f766e;
    --taste-accent-2: #1f6f8b;
    --taste-warm: #b7791f;
    --taste-shadow: 0 30px 82px rgba(15, 23, 42, 0.105);
    background:
        linear-gradient(180deg, #fbfcfd 0%, #f6f9fb 42%, #fbfcfd 100%) !important;
    color: var(--taste-ink) !important;
    font-family: "Outfit", "Satoshi", "Noto Sans KR", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.site-refresh-light .home-shell {
    width: min(1340px, calc(100% - 48px)) !important;
}

body.site-refresh-light .home-hero {
    min-height: auto !important;
    padding: clamp(52px, 7vw, 104px) 0 clamp(46px, 6vw, 82px) !important;
    overflow: hidden !important;
    background:
        linear-gradient(112deg, rgba(248, 250, 251, 0.98) 0%, rgba(248, 250, 251, 0.94) 48%, rgba(232, 245, 242, 0.72) 100%),
        linear-gradient(rgba(15, 118, 110, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(31, 111, 139, 0.05) 1px, transparent 1px) !important;
    background-size: auto, 56px 56px, 56px 56px !important;
    animation: none !important;
}

body.site-refresh-light .home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background:
        radial-gradient(circle at 82% 22%, rgba(15, 118, 110, 0.16), transparent 32%),
        radial-gradient(circle at 18% 82%, rgba(183, 121, 31, 0.12), transparent 28%),
        linear-gradient(120deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.14)) !important;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 92%) !important;
}

body.site-refresh-light .home-hero::after {
    content: "OWL UNIVERSE" !important;
    left: auto !important;
    right: -0.08em !important;
    bottom: -0.13em !important;
    width: auto !important;
    color: rgba(17, 24, 39, 0.042) !important;
    font-size: clamp(5.6rem, 15vw, 18rem) !important;
    line-height: 0.78 !important;
    transform: none !important;
    animation: none !important;
}

body.site-refresh-light .home-hero__grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(380px, 0.78fr) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: clamp(32px, 5vw, 86px) !important;
}

body.site-refresh-light .home-hero__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 760px !important;
    text-align: left !important;
}

body.site-refresh-light .home-eyebrow {
    order: 1 !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(15, 118, 110, 0.18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    color: var(--taste-accent) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 12px 28px rgba(15, 23, 42, 0.055) !important;
    text-transform: uppercase !important;
}

body.site-refresh-light .home-hero-title {
    order: 2 !important;
    justify-content: flex-start !important;
    width: min(820px, 100%) !important;
    margin: 22px 0 16px !important;
    gap: clamp(8px, 1.5vw, 18px) !important;
    color: var(--taste-ink) !important;
    font-size: clamp(4rem, 7.4vw, 8rem) !important;
    line-height: 0.84 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
}

body.site-refresh-light .home-hero-title::after {
    left: 0 !important;
    bottom: -14px !important;
    width: min(360px, 56%) !important;
    height: 2px !important;
    background: linear-gradient(90deg, var(--taste-accent), var(--taste-accent-2), transparent) !important;
    transform: none !important;
}

body.site-refresh-light .home-title-owl {
    color: var(--taste-accent) !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    filter: none !important;
}

body.site-refresh-light .home-title-universe {
    color: var(--taste-ink) !important;
    text-shadow: 0 18px 42px rgba(15, 23, 42, 0.12) !important;
}

body.site-refresh-light .home-hero__lead {
    order: 3 !important;
    max-width: 680px !important;
    margin: 22px 0 0 !important;
    color: var(--taste-muted) !important;
    font-size: clamp(1.02rem, 1.22vw, 1.18rem) !important;
    line-height: 1.78 !important;
    font-weight: 680 !important;
}

body.site-refresh-light .lead-mark {
    color: var(--taste-ink) !important;
    background: linear-gradient(180deg, transparent 58%, rgba(15, 118, 110, 0.14) 0) !important;
}

body.site-refresh-light .lead-mark--blue,
body.site-refresh-light .lead-mark--dark {
    color: var(--taste-ink) !important;
    background: linear-gradient(180deg, transparent 58%, rgba(183, 121, 31, 0.15) 0) !important;
}

body.site-refresh-light .home-eyebrow + .home-stats {
    order: 4 !important;
    width: min(700px, 100%) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 24px 0 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.74) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.82),
        0 20px 52px rgba(15, 23, 42, 0.075) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
    min-height: 62px !important;
    justify-items: start !important;
    align-content: center !important;
    padding: 11px 12px !important;
    border-color: rgba(17, 24, 39, 0.08) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: none !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background 0.25s ease, border-color 0.25s ease !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat::before {
    display: none !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat:hover {
    transform: translate3d(0, -2px, 0) !important;
    border-color: rgba(15, 118, 110, 0.2) !important;
    background: #ffffff !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
    color: var(--taste-ink) !important;
    font-size: clamp(1.02rem, 1.25vw, 1.24rem) !important;
    font-weight: 950 !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
    color: var(--taste-muted) !important;
    font-size: 0.68rem !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    text-align: left !important;
}

body.site-refresh-light .home-search {
    order: 5 !important;
    width: min(700px, 100%) !important;
    margin: 18px 0 0 !important;
    padding: 8px !important;
    border: 1px solid rgba(17, 24, 39, 0.1) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)) padding-box,
        linear-gradient(120deg, rgba(15, 118, 110, 0.46), rgba(255, 255, 255, 0.3), rgba(31, 111, 139, 0.3)) border-box !important;
    box-shadow: var(--taste-shadow) !important;
    animation: none !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}

body.site-refresh-light .home-search::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background: linear-gradient(90deg, transparent, rgba(15, 118, 110, 0.12), transparent) !important;
    transform: translate3d(-115%, 0, 0) !important;
    animation: owlTasteSweep 5.8s ease-in-out infinite !important;
}

body.site-refresh-light .home-search:focus-within {
    transform: translate3d(0, -2px, 0) !important;
    box-shadow: 0 36px 94px rgba(15, 23, 42, 0.14), 0 0 0 4px rgba(15, 118, 110, 0.08) !important;
}

body.site-refresh-light .home-search__icon,
body.site-refresh-light .home-search button {
    border-radius: 12px !important;
}

body.site-refresh-light .home-search input {
    min-height: 58px !important;
    font-size: 1rem !important;
}

body.site-refresh-light .home-search button {
    min-height: 56px !important;
    background: var(--taste-ink) !important;
    border-color: var(--taste-ink) !important;
    box-shadow: 0 16px 34px rgba(17, 24, 39, 0.2) !important;
    transition: transform 0.18s ease, background 0.18s ease !important;
}

body.site-refresh-light .home-search button:hover {
    background: var(--taste-accent) !important;
}

body.site-refresh-light .home-search button:active,
body.site-refresh-light .home-section-link:active,
body.site-refresh-light .home-filter-button:active,
body.site-refresh-light .home-tool-card:active,
body.site-refresh-light .home-category-card:active,
body.site-refresh-light .home-search-scope-card:active {
    transform: translate3d(0, 1px, 0) scale(0.992) !important;
}

body.site-refresh-light .home-search-guide {
    order: 6 !important;
    width: min(700px, 100%) !important;
    margin: 12px 0 0 !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(15, 118, 110, 0.12) !important;
    border-radius: 16px !important;
    background: rgba(240, 253, 250, 0.58) !important;
    color: #38534f !important;
    text-align: left !important;
    box-shadow: none !important;
}

body.site-refresh-light .home-hero__visual {
    position: relative !important;
    width: 100% !important;
    min-height: 620px !important;
    display: grid !important;
    align-content: center !important;
    gap: 18px !important;
    margin: 0 !important;
}

body.site-refresh-light .home-hero__visual::before {
    content: "" !important;
    position: absolute !important;
    inset: 8% -4% 4% 4% !important;
    z-index: -1 !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: 42px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.22)),
        radial-gradient(circle at 50% 20%, rgba(15, 118, 110, 0.11), transparent 36%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.62),
        0 30px 90px rgba(15, 23, 42, 0.08) !important;
}

body.site-refresh-light .home-universe-dial {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: min(470px, 100%) !important;
    min-height: 430px !important;
    margin: 0 0 -8px auto !important;
}

body.site-refresh-light .home-universe-dial::before,
body.site-refresh-light .home-universe-dial::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 999px !important;
    pointer-events: none !important;
}

body.site-refresh-light .home-universe-dial::before {
    inset: 16px !important;
    border: 1px dashed rgba(15, 118, 110, 0.22) !important;
    animation: owlTasteOrbit 36s linear infinite !important;
}

body.site-refresh-light .home-universe-dial::after {
    inset: 76px !important;
    border: 1px solid rgba(31, 111, 139, 0.14) !important;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.66), transparent 62%) !important;
    animation: owlTasteOrbit 46s linear infinite reverse !important;
}

body.site-refresh-light .home-mascot-wrap {
    position: relative !important;
    z-index: 2 !important;
    width: min(300px, 68vw) !important;
    aspect-ratio: 1 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 34px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        0 30px 70px rgba(15, 23, 42, 0.13) !important;
    animation: owlTasteFloat 8s ease-in-out infinite !important;
}

body.site-refresh-light .home-mascot-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.site-refresh-light .home-signal {
    z-index: 3 !important;
    width: min(218px, 44vw) !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.62) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 20px 48px rgba(15, 23, 42, 0.11) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
    animation: owlTasteReveal 0.7s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

body.site-refresh-light .home-signal--one {
    left: -10px !important;
    top: 74px !important;
}

body.site-refresh-light .home-signal--two {
    right: -12px !important;
    bottom: 78px !important;
    animation-delay: 0.14s !important;
}

body.site-refresh-light .home-signal span {
    color: var(--taste-accent) !important;
    font-size: 0.68rem !important;
}

body.site-refresh-light .home-signal strong {
    color: var(--taste-ink) !important;
    font-size: 0.86rem !important;
    line-height: 1.42 !important;
}

body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
    width: min(610px, 100%) !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(86px, auto) !important;
    gap: 10px !important;
    margin: -18px 0 0 auto !important;
}

body.site-refresh-light .home-search-scope-card {
    min-height: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    background: #111827 !important;
    box-shadow: 0 20px 54px rgba(15, 23, 42, 0.13) !important;
    transform: translate3d(0, 0, 0) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, filter 0.3s ease !important;
}

body.site-refresh-light .home-search-scope-card:nth-child(1) {
    grid-column: span 3 !important;
    grid-row: span 2 !important;
}

body.site-refresh-light .home-search-scope-card:nth-child(2),
body.site-refresh-light .home-search-scope-card:nth-child(3) {
    grid-column: span 3 !important;
}

body.site-refresh-light .home-search-scope-card:nth-child(4),
body.site-refresh-light .home-search-scope-card:nth-child(5),
body.site-refresh-light .home-search-scope-card:nth-child(6) {
    grid-column: span 2 !important;
}

body.site-refresh-light .home-search-scope-card::before {
    opacity: 0.72 !important;
    background:
        linear-gradient(115deg, transparent 0 44%, rgba(255, 255, 255, 0.24) 50%, transparent 58% 100%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(17, 24, 39, 0.22)) !important;
}

body.site-refresh-light .home-search-scope-card:hover {
    transform: translate3d(0, -5px, 0) rotate(-0.35deg) !important;
    box-shadow: 0 30px 72px rgba(15, 23, 42, 0.18) !important;
}

body.site-refresh-light .home-search-scope-card:hover .home-search-scope-card-image {
    transform: scale(1.045) !important;
    filter: saturate(1.08) contrast(1.04) !important;
}

body.site-refresh-light .home-search-scope-card-image {
    border-radius: inherit !important;
}

body.site-refresh-light .home-section {
    padding: clamp(58px, 7vw, 108px) 0 !important;
}

body.site-refresh-light .home-section--constellations,
body.site-refresh-light .home-section--orbit {
    background:
        linear-gradient(180deg, #fbfcfd 0%, #f6f9fb 100%) !important;
}

body.site-refresh-light .home-section-head {
    border-radius: 26px !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    padding: clamp(24px, 3vw, 38px) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.68)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 24px 70px rgba(15, 23, 42, 0.07) !important;
}

body.site-refresh-light .home-section-title,
body.site-refresh-light .home-spotlight-copy > strong {
    color: var(--taste-ink) !important;
    font-size: clamp(2.1rem, 3.6vw, 4.05rem) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
}

body.site-refresh-light .home-category-grid {
    grid-template-columns: 1.35fr 0.9fr 0.9fr 1.15fr !important;
    grid-auto-flow: dense !important;
    gap: 12px !important;
}

body.site-refresh-light .home-category-card {
    min-height: 124px !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.07) !important;
}

body.site-refresh-light .home-category-card:nth-child(1),
body.site-refresh-light .home-category-card:nth-child(7) {
    grid-row: span 2 !important;
    min-height: 260px !important;
}

body.site-refresh-light .home-category-card:nth-child(4),
body.site-refresh-light .home-category-card:nth-child(8) {
    grid-column: span 2 !important;
}

body.site-refresh-light .home-filter-panel {
    border-radius: 22px !important;
}

body.site-refresh-light .home-tools-section .home-tools-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body.site-refresh-light .home-tools-section .home-tools-grid .home-tool-card {
    min-height: 232px !important;
    border-radius: 18px !important;
    padding: 15px !important;
}

body.site-refresh-light .home-tool-card {
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease, box-shadow 0.25s ease !important;
}

body.site-refresh-light .home-tool-card:hover,
body.site-refresh-light .home-category-card:hover {
    transform: translate3d(0, -4px, 0) !important;
}

body.site-refresh-light .home-section--signal-picks {
    background:
        linear-gradient(145deg, #111827 0%, #13201f 58%, #0f2f2b 100%) !important;
}

body.site-refresh-light .home-section--signal-picks .home-spotlight-copy {
    border-radius: 28px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.055)),
        linear-gradient(135deg, rgba(15, 118, 110, 0.24), rgba(255, 255, 255, 0.04)) !important;
}

body.site-refresh-light .home-section--signal-picks .home-mini-grid {
    border-radius: 28px !important;
}

@media (max-width: 1180px) {
    body.site-refresh-light .home-shell {
        width: min(1120px, calc(100% - 40px)) !important;
    }

    body.site-refresh-light .home-hero__grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    body.site-refresh-light .home-hero__content {
        max-width: 860px !important;
    }

    body.site-refresh-light .home-hero__visual {
        min-height: 0 !important;
        grid-template-columns: minmax(320px, 0.75fr) minmax(0, 1fr) !important;
        align-items: center !important;
    }

    body.site-refresh-light .home-hero__visual::before {
        inset: 0 !important;
    }

    body.site-refresh-light .home-universe-dial {
        min-height: 350px !important;
        margin: 0 !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        margin: 0 !important;
    }

    body.site-refresh-light .home-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.site-refresh-light .home-tools-section .home-tools-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 821px) and (max-width: 1500px) {
    body.site-refresh-light .home-hero__grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    body.site-refresh-light .home-hero__content {
        max-width: 860px !important;
    }

    body.site-refresh-light .home-hero-title {
        width: min(860px, 100%) !important;
        font-size: clamp(4rem, 8vw, 6.8rem) !important;
    }

    body.site-refresh-light .home-hero__lead,
    body.site-refresh-light .home-eyebrow + .home-stats,
    body.site-refresh-light .home-search,
    body.site-refresh-light .home-search-guide {
        width: min(760px, 100%) !important;
    }

    body.site-refresh-light .home-hero__visual {
        min-height: 0 !important;
        grid-template-columns: minmax(300px, 0.72fr) minmax(360px, 1fr) !important;
        align-items: center !important;
        gap: 16px !important;
    }

    body.site-refresh-light .home-hero__visual::before {
        inset: 0 !important;
    }

    body.site-refresh-light .home-universe-dial {
        width: min(390px, 100%) !important;
        min-height: 342px !important;
        margin: 0 !important;
    }

    body.site-refresh-light .home-mascot-wrap {
        width: min(230px, 100%) !important;
    }

    body.site-refresh-light .home-signal {
        width: 190px !important;
    }

    body.site-refresh-light .home-signal--one {
        left: -4px !important;
        top: 60px !important;
    }

    body.site-refresh-light .home-signal--two {
        right: -4px !important;
        bottom: 58px !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 820px) {
    body.site-refresh-light .home-shell {
        width: min(100% - 24px, 740px) !important;
    }

    body.site-refresh-light .home-hero {
        padding: 34px 0 52px !important;
    }

    body.site-refresh-light .home-hero__content {
        align-items: stretch !important;
        max-width: none !important;
    }

    body.site-refresh-light .home-eyebrow {
        width: fit-content !important;
    }

    body.site-refresh-light .home-hero-title {
        width: 100% !important;
        margin-top: 18px !important;
        font-size: clamp(3rem, 14vw, 5rem) !important;
        line-height: 0.92 !important;
    }

    body.site-refresh-light .home-hero__lead,
    body.site-refresh-light .home-search-guide {
        font-size: 0.94rem !important;
        line-height: 1.68 !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        width: 100% !important;
    }

    body.site-refresh-light .home-search {
        width: 100% !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        border-radius: 16px !important;
    }

    body.site-refresh-light .home-search input {
        min-height: 46px !important;
        padding-inline: 8px !important;
        font-size: 0.88rem !important;
    }

    body.site-refresh-light .home-search button {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: 48px !important;
    }

    body.site-refresh-light .home-hero__visual {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body.site-refresh-light .home-hero__visual::before {
        border-radius: 26px !important;
    }

    body.site-refresh-light .home-universe-dial {
        width: min(360px, 100%) !important;
        min-height: 300px !important;
        margin-inline: auto !important;
    }

    body.site-refresh-light .home-mascot-wrap {
        width: min(220px, 62vw) !important;
        border-radius: 26px !important;
    }

    body.site-refresh-light .home-signal {
        display: none !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        gap: 8px !important;
        margin: 0 !important;
    }

    body.site-refresh-light .home-search-scope-card,
    body.site-refresh-light .home-search-scope-card:nth-child(1),
    body.site-refresh-light .home-search-scope-card:nth-child(2),
    body.site-refresh-light .home-search-scope-card:nth-child(3),
    body.site-refresh-light .home-search-scope-card:nth-child(4),
    body.site-refresh-light .home-search-scope-card:nth-child(5),
    body.site-refresh-light .home-search-scope-card:nth-child(6) {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
        aspect-ratio: 8 / 5 !important;
        border-radius: 14px !important;
    }

    body.site-refresh-light .home-category-grid,
    body.site-refresh-light .home-tools-section .home-tools-grid {
        grid-template-columns: 1fr !important;
    }

    body.site-refresh-light .home-category-card,
    body.site-refresh-light .home-category-card:nth-child(1),
    body.site-refresh-light .home-category-card:nth-child(4),
    body.site-refresh-light .home-category-card:nth-child(7),
    body.site-refresh-light .home-category-card:nth-child(8) {
        grid-column: auto !important;
        grid-row: auto !important;
        min-height: 112px !important;
    }

    body.site-refresh-light .home-section-head,
    body.site-refresh-light .home-section--signal-picks .home-spotlight-copy,
    body.site-refresh-light .home-section--signal-picks .home-mini-grid {
        border-radius: 20px !important;
    }
}

@media (max-width: 520px) {
    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        padding: 5px !important;
        border-radius: 14px !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
        min-height: 54px !important;
        justify-items: center !important;
        padding: 7px 4px !important;
        text-align: center !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
        font-size: clamp(0.78rem, 3.8vw, 0.98rem) !important;
        white-space: nowrap !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
        font-size: clamp(0.5rem, 2.45vw, 0.58rem) !important;
        text-align: center !important;
    }

    body.site-refresh-light .home-search-guide__examples {
        justify-content: flex-start !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.site-refresh-light .home-page *,
    body.site-refresh-light .home-page *::before,
    body.site-refresh-light .home-page *::after {
        animation: none !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Final hero card layout: six image-native category posters only. */
body.site-refresh-light .home-hero__visual {
    display: block !important;
    min-height: 0 !important;
    align-self: center !important;
    padding: clamp(10px, 1.4vw, 16px) !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
    border-radius: clamp(18px, 2vw, 28px) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 250, 252, 0.48)),
        radial-gradient(circle at 18% 0%, rgba(45, 212, 191, 0.14), transparent 36%),
        #f8fafc !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 24px 70px rgba(15, 23, 42, 0.1) !important;
}

body.site-refresh-light .home-hero__visual::before,
body.site-refresh-light .home-universe-dial,
body.site-refresh-light .home-mascot-wrap,
body.site-refresh-light .home-signal {
    display: none !important;
}

body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: min(760px, 100%) !important;
    margin: 0 !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: clamp(8px, 1.1vw, 12px) !important;
}

body.site-refresh-light .home-search-scope-card,
body.site-refresh-light .home-search-scope-card:nth-child(1),
body.site-refresh-light .home-search-scope-card:nth-child(2),
body.site-refresh-light .home-search-scope-card:nth-child(3),
body.site-refresh-light .home-search-scope-card:nth-child(4),
body.site-refresh-light .home-search-scope-card:nth-child(5),
body.site-refresh-light .home-search-scope-card:nth-child(6) {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 8 / 5 !important;
    display: block !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius: clamp(12px, 1.2vw, 16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important;
    background: #111827 !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.11) !important;
}

body.site-refresh-light .home-search-scope-card::before {
    display: none !important;
}

body.site-refresh-light .home-search-scope-card-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: inherit !important;
}

body.site-refresh-light .home-search-scope-card:hover {
    transform: translate3d(0, -4px, 0) !important;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.16) !important;
}

body.site-refresh-light .home-search-scope-card:hover .home-search-scope-card-image {
    transform: scale(1.025) !important;
    filter: saturate(1.05) contrast(1.03) !important;
}

@media (min-width: 1501px) {
    body.site-refresh-light .home-hero__grid {
        grid-template-columns: minmax(0, 0.82fr) minmax(560px, 0.88fr) !important;
    }
}

@media (min-width: 821px) and (max-width: 1500px) {
    body.site-refresh-light .home-hero__visual {
        width: min(860px, 100%) !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        width: 100% !important;
    }
}

@media (max-width: 820px) {
    body.site-refresh-light .home-hero__visual {
        width: 100% !important;
        padding: 8px !important;
        border-radius: 18px !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.site-refresh-light .home-search-scope-card,
    body.site-refresh-light .home-search-scope-card:nth-child(1),
    body.site-refresh-light .home-search-scope-card:nth-child(2),
    body.site-refresh-light .home-search-scope-card:nth-child(3),
    body.site-refresh-light .home-search-scope-card:nth-child(4),
    body.site-refresh-light .home-search-scope-card:nth-child(5),
    body.site-refresh-light .home-search-scope-card:nth-child(6) {
        border-radius: 12px !important;
    }
}

@media (max-width: 380px) {
    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        gap: 6px !important;
    }

    body.site-refresh-light .home-hero__visual {
        padding: 6px !important;
    }
}

/* Space film hero refresh. */
body.site-refresh-light .home-hero {
    min-height: max(760px, calc(100dvh - 84px)) !important;
    padding: clamp(74px, 8vw, 124px) 0 clamp(58px, 7vw, 92px) !important;
    color: #f6fbf8 !important;
    background: #0a1113 !important;
    overflow: hidden !important;
}

body.site-refresh-light .home-hero__video {
    position: absolute !important;
    inset: 0 !important;
    z-index: -4 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    filter: saturate(1.08) contrast(1.04) brightness(0.72) !important;
    transform: scale(1.01) !important;
}

body.site-refresh-light .home-hero::before {
    z-index: -3 !important;
    background:
        linear-gradient(90deg, rgba(7, 12, 14, 0.94) 0%, rgba(7, 12, 14, 0.78) 46%, rgba(7, 12, 14, 0.46) 100%),
        radial-gradient(circle at 18% 18%, rgba(45, 212, 191, 0.2), transparent 32%),
        radial-gradient(circle at 78% 72%, rgba(243, 201, 105, 0.14), transparent 30%) !important;
    mask-image: none !important;
}

body.site-refresh-light .home-hero::after {
    content: "OWL UNIVERSE" !important;
    left: clamp(18px, 4vw, 72px) !important;
    right: auto !important;
    bottom: clamp(12px, 2vw, 28px) !important;
    z-index: -1 !important;
    color: rgba(246, 251, 248, 0.065) !important;
    font-size: clamp(4.6rem, 11vw, 15rem) !important;
    line-height: 0.76 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    transform: none !important;
}

body.site-refresh-light .home-hero .home-shell {
    position: relative !important;
    z-index: 1 !important;
}

body.site-refresh-light .home-hero__grid {
    grid-template-columns: minmax(0, 0.88fr) minmax(520px, 0.78fr) !important;
    align-items: end !important;
    gap: clamp(34px, 5vw, 88px) !important;
}

body.site-refresh-light .home-hero__content {
    max-width: 790px !important;
}

body.site-refresh-light .home-eyebrow {
    min-height: 36px !important;
    padding: 0 14px !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #9af1df !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 16px 34px rgba(0, 0, 0, 0.18) !important;
    backdrop-filter: blur(18px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(128%) !important;
}

body.site-refresh-light .home-hero-title {
    width: min(790px, 100%) !important;
    margin: 24px 0 18px !important;
    color: #f8fafc !important;
    font-size: clamp(4.2rem, 7.8vw, 8.4rem) !important;
    line-height: 0.82 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 24px 64px rgba(0, 0, 0, 0.42) !important;
}

body.site-refresh-light .home-hero-title::after {
    bottom: -18px !important;
    width: min(440px, 62%) !important;
    height: 2px !important;
    background: linear-gradient(90deg, #2dd4bf, rgba(243, 201, 105, 0.72), transparent) !important;
}

body.site-refresh-light .home-title-owl {
    color: #9af1df !important;
}

body.site-refresh-light .home-title-universe {
    color: #f8fafc !important;
    text-shadow: 0 18px 54px rgba(0, 0, 0, 0.48) !important;
}

body.site-refresh-light .home-hero__lead {
    max-width: 700px !important;
    margin-top: 26px !important;
    color: rgba(232, 244, 240, 0.86) !important;
    font-size: clamp(1.02rem, 1.2vw, 1.18rem) !important;
    line-height: 1.82 !important;
    font-weight: 680 !important;
}

body.site-refresh-light .lead-mark,
body.site-refresh-light .lead-mark--blue,
body.site-refresh-light .lead-mark--dark {
    color: #ffffff !important;
    background: linear-gradient(180deg, transparent 60%, rgba(45, 212, 191, 0.34) 0) !important;
}

body.site-refresh-light .home-eyebrow + .home-stats {
    width: min(720px, 100%) !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
    margin: 26px 0 0 !important;
    padding: 9px !important;
    border-color: rgba(255, 255, 255, 0.13) !important;
    border-radius: 18px !important;
    background: rgba(8, 16, 17, 0.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 28px 82px rgba(0, 0, 0, 0.24) !important;
    backdrop-filter: blur(22px) saturate(136%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(136%) !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
    min-height: 74px !important;
    padding: 14px 14px 13px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    border-radius: 13px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.055)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat::before {
    display: block !important;
    width: 34px !important;
    height: 2px !important;
    left: 14px !important;
    top: auto !important;
    bottom: 11px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #2dd4bf, rgba(243, 201, 105, 0.74)) !important;
    opacity: 0.86 !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat:hover {
    transform: translate3d(0, -3px, 0) !important;
    border-color: rgba(45, 212, 191, 0.28) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.075)) !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat strong {
    color: #ffffff !important;
    font-size: clamp(1.08rem, 1.32vw, 1.34rem) !important;
    line-height: 1 !important;
}

body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
    color: rgba(220, 237, 232, 0.75) !important;
    font-size: 0.69rem !important;
    line-height: 1.28 !important;
}

body.site-refresh-light .home-search {
    width: min(720px, 100%) !important;
    margin-top: 20px !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    background:
        linear-gradient(rgba(246, 251, 248, 0.12), rgba(246, 251, 248, 0.12)) padding-box,
        linear-gradient(120deg, rgba(45, 212, 191, 0.52), rgba(255, 255, 255, 0.18), rgba(243, 201, 105, 0.36)) border-box !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 30px 90px rgba(0, 0, 0, 0.28) !important;
}

body.site-refresh-light .home-search__icon {
    border-color: rgba(255, 255, 255, 0.13) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #9af1df !important;
}

body.site-refresh-light .home-search input {
    color: #ffffff !important;
}

body.site-refresh-light .home-search input::placeholder {
    color: rgba(232, 244, 240, 0.54) !important;
}

body.site-refresh-light .home-search button {
    color: #071012 !important;
    background: #9af1df !important;
    border-color: #9af1df !important;
    box-shadow: 0 18px 42px rgba(45, 212, 191, 0.2) !important;
}

body.site-refresh-light .home-search button:hover {
    background: #f3c969 !important;
    border-color: #f3c969 !important;
}

body.site-refresh-light .home-search-guide {
    width: min(720px, 100%) !important;
    padding: 13px 15px !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(8, 16, 17, 0.42) !important;
    color: rgba(232, 244, 240, 0.76) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(18px) saturate(128%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(128%) !important;
}

body.site-refresh-light .home-search-guide > strong,
body.site-refresh-light .home-search-guide em {
    color: #ffffff !important;
}

body.site-refresh-light .home-search-guide__examples span {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(232, 244, 240, 0.82) !important;
}

body.site-refresh-light .home-hero__visual {
    display: grid !important;
    gap: 13px !important;
    align-self: end !important;
    padding: clamp(12px, 1.4vw, 18px) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.055)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 34px 96px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(24px) saturate(132%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(132%) !important;
}

body.site-refresh-light .home-hero__visual-head {
    display: grid !important;
    gap: 3px !important;
    padding: 2px 4px 4px !important;
}

body.site-refresh-light .home-hero__visual-head span {
    color: #9af1df !important;
    font-size: 0.68rem !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

body.site-refresh-light .home-hero__visual-head strong {
    color: rgba(248, 250, 252, 0.92) !important;
    font-size: clamp(1rem, 1.3vw, 1.2rem) !important;
    line-height: 1.28 !important;
    font-weight: 900 !important;
}

body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(9px, 1vw, 12px) !important;
}

body.site-refresh-light .home-search-scope-picture {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

body.site-refresh-light .home-search-scope-card,
body.site-refresh-light .home-search-scope-card:nth-child(1),
body.site-refresh-light .home-search-scope-card:nth-child(2),
body.site-refresh-light .home-search-scope-card:nth-child(3),
body.site-refresh-light .home-search-scope-card:nth-child(4),
body.site-refresh-light .home-search-scope-card:nth-child(5),
body.site-refresh-light .home-search-scope-card:nth-child(6) {
    aspect-ratio: 8 / 5 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24) !important;
}

body.site-refresh-light .home-search-scope-card:hover {
    transform: translate3d(0, -5px, 0) !important;
    border-color: rgba(154, 241, 223, 0.38) !important;
    box-shadow: 0 28px 64px rgba(0, 0, 0, 0.32) !important;
}

body.home-page-active .owl-widget-container {
    display: none !important;
}

html body.site-refresh-light.home-page-active .home-page {
    width: 100% !important;
}

@media (max-width: 1279px) {
    html body.site-refresh-light.home-page-active .main-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: visible !important;
    }
}

@media (min-width: 1280px) {
    html body.site-refresh-light.home-page-active .main-content {
        width: calc(100% - var(--owl-sidebar-width, 272px) - var(--owl-sidebar-left, 8px) - var(--owl-content-gap, 12px) - var(--owl-right-panel-width, 292px) - var(--owl-right-panel-right, 8px) - var(--owl-right-panel-gap, 12px)) !important;
        max-width: none !important;
        margin-left: calc(var(--owl-sidebar-width, 272px) + var(--owl-sidebar-left, 8px) + var(--owl-content-gap, 12px)) !important;
        margin-right: calc(var(--owl-right-panel-width, 292px) + var(--owl-right-panel-right, 8px) + var(--owl-right-panel-gap, 12px)) !important;
        overflow: visible !important;
    }

    html body.site-refresh-light.home-page-active #mainNav > .nav-menu {
        display: grid !important;
    }

    html body.site-refresh-light.home-page-active .owl-right-console {
        display: block !important;
    }
}

@media (max-width: 1180px) {
    body.site-refresh-light .home-hero {
        min-height: 0 !important;
    }

    body.site-refresh-light .home-hero__grid {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }

    body.site-refresh-light .home-hero__visual {
        width: min(860px, 100%) !important;
    }
}

@media (max-width: 820px) {
    body.site-refresh-light .home-hero {
        padding: 46px 0 58px !important;
    }

    body.site-refresh-light .home-hero::before {
        background:
            linear-gradient(180deg, rgba(7, 12, 14, 0.9) 0%, rgba(7, 12, 14, 0.76) 54%, rgba(7, 12, 14, 0.66) 100%),
            radial-gradient(circle at 26% 12%, rgba(45, 212, 191, 0.18), transparent 42%) !important;
    }

    body.site-refresh-light .home-hero-title {
        font-size: clamp(3rem, 14vw, 5rem) !important;
        line-height: 0.9 !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    body.site-refresh-light .home-eyebrow + .home-stats .home-stat {
        min-height: 66px !important;
        padding: 11px 10px 12px !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats .home-stat span {
        font-size: clamp(0.58rem, 2.6vw, 0.66rem) !important;
    }

    body.site-refresh-light .home-hero__visual-head strong {
        font-size: 0.96rem !important;
    }
}

/* Sidebar-aware hero layout refinement. */
@media (max-width: 1500px) {
    body.site-refresh-light .home-hero__grid {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 28px !important;
    }

    body.site-refresh-light .home-hero__content {
        width: min(860px, 100%) !important;
        max-width: 860px !important;
    }

    body.site-refresh-light .home-hero__visual {
        width: min(900px, 100%) !important;
        align-self: start !important;
    }

    body.site-refresh-light .home-hero-title,
    body.site-refresh-light .home-hero__lead,
    body.site-refresh-light .home-eyebrow + .home-stats,
    body.site-refresh-light .home-search,
    body.site-refresh-light .home-search-guide {
        width: 100% !important;
        max-width: 860px !important;
    }

    body.site-refresh-light .home-hero-title {
        font-size: clamp(3.5rem, 7.1vw, 6.35rem) !important;
    }
}

@media (min-width: 1501px) {
    body.site-refresh-light .home-hero__content {
        min-width: 0 !important;
    }
}

@media (max-width: 820px) {
    body.site-refresh-light .home-hero {
        padding-top: clamp(118px, 28vw, 156px) !important;
    }
}

/* Right-side full-height hero card stage. */
@media (min-width: 821px) {
    body.site-refresh-light .home-hero {
        min-height: max(760px, calc(100dvh - 84px)) !important;
        padding-top: clamp(32px, 3vw, 64px) !important;
        padding-bottom: clamp(54px, 6vw, 86px) !important;
    }

    body.site-refresh-light .home-hero__grid {
        grid-template-columns: minmax(360px, 0.92fr) minmax(360px, 0.88fr) !important;
        align-items: stretch !important;
        gap: clamp(20px, 3.1vw, 54px) !important;
    }

    body.site-refresh-light .home-hero__content {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-content: center !important;
    }

    body.site-refresh-light .home-hero-title,
    body.site-refresh-light .home-hero__lead,
    body.site-refresh-light .home-eyebrow + .home-stats,
    body.site-refresh-light .home-search,
    body.site-refresh-light .home-search-guide {
        max-width: none !important;
    }

    body.site-refresh-light .home-hero-title {
        font-size: clamp(3.35rem, 4.8vw, 7.6rem) !important;
    }

    body.site-refresh-light .home-hero__lead {
        font-size: clamp(0.95rem, 1.02vw, 1.08rem) !important;
    }

    body.site-refresh-light .home-hero__visual {
        width: 100% !important;
        min-height: clamp(680px, calc(100dvh - 210px), 820px) !important;
        height: 100% !important;
        align-self: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(12px, 1.35vw, 18px) !important;
        padding: clamp(14px, 1.5vw, 22px) !important;
        border-radius: clamp(24px, 2.2vw, 34px) !important;
    }

    body.site-refresh-light .home-hero__visual-head {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-height: 54px !important;
        align-content: center !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        grid-column: 1 !important;
        grid-row: 2 !important;
        height: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        gap: clamp(10px, 1.1vw, 14px) !important;
    }

    body.site-refresh-light .home-search-scope-card,
    body.site-refresh-light .home-search-scope-card:nth-child(1),
    body.site-refresh-light .home-search-scope-card:nth-child(2),
    body.site-refresh-light .home-search-scope-card:nth-child(3),
    body.site-refresh-light .home-search-scope-card:nth-child(4),
    body.site-refresh-light .home-search-scope-card:nth-child(5),
    body.site-refresh-light .home-search-scope-card:nth-child(6) {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        border-radius: clamp(14px, 1.45vw, 20px) !important;
    }

    body.site-refresh-light .home-search-scope-card-image {
        object-fit: cover !important;
    }
}

@media (min-width: 821px) and (max-width: 1180px) {
    body.site-refresh-light .home-hero__grid {
        grid-template-columns: minmax(330px, 0.86fr) minmax(330px, 0.78fr) !important;
    }

    body.site-refresh-light .home-hero__visual {
        min-height: 640px !important;
    }

    body.site-refresh-light .home-eyebrow + .home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 821px) and (max-width: 1699px) {
    body.site-refresh-light .home-hero__grid {
        grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.74fr) !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.site-refresh-light .home-search-scope-card-image {
        object-position: center center !important;
    }
}

@media (min-width: 1700px) {
    body.site-refresh-light .home-hero__grid {
        grid-template-columns: minmax(0, 0.9fr) minmax(520px, 0.84fr) !important;
    }

    body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(12px, 1vw, 16px) !important;
    }

    body.site-refresh-light .home-search-scope-card-image {
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* Bright premium hero reset: search first, no quick-entry poster cards. */
body.site-refresh-light .home-hero {
    min-height: 0 !important;
    padding: clamp(92px, 8.4vw, 148px) 0 clamp(68px, 7vw, 104px) !important;
    color: #14211f !important;
    background:
        linear-gradient(90deg, rgba(250, 252, 249, 0.98) 0%, rgba(250, 252, 249, 0.95) 44%, rgba(242, 247, 244, 0.9) 100%),
        repeating-linear-gradient(90deg, rgba(15, 118, 110, 0.06) 0 1px, transparent 1px 74px),
        repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.1) 0 1px, transparent 1px 74px),
        linear-gradient(135deg, #ffffff 0%, #eef7f3 54%, #fff8e6 100%) !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.82) !important;
    overflow: hidden !important;
}

body.site-refresh-light .home-hero__video,
body.site-refresh-light .home-hero__visual,
body.site-refresh-light .home-logo-cloud.home-search-scope-grid {
    display: none !important;
}

body.site-refresh-light .home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    background:
        linear-gradient(120deg, transparent 0 62%, rgba(15, 118, 110, 0.08) 62% 62.12%, transparent 62.12% 100%),
        linear-gradient(110deg, transparent 0 72%, rgba(202, 138, 4, 0.09) 72% 72.12%, transparent 72.12% 100%) !important;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5)) !important;
}

body.site-refresh-light .home-hero::after {
    content: "OWL" !important;
    right: clamp(-0.18em, -2vw, -0.05em) !important;
    bottom: clamp(-0.18em, -5vw, -0.08em) !important;
    z-index: -1 !important;
    color: rgba(15, 23, 42, 0.035) !important;
    font-size: clamp(10rem, 25vw, 27rem) !important;
    line-height: 0.74 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.site-refresh-light .home-hero .home-shell {
    width: min(1360px, calc(100% - 48px)) !important;
}

body.site-refresh-light .home-hero__grid,
body.site-refresh-light .home-hero__grid:nth-child(n) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: start !important;
}

body.site-refresh-light .home-hero__content {
    width: min(1120px, 100%) !important;
    max-width: 1120px !important;
    min-width: 0 !important;
    display: grid !important;
    align-content: start !important;
    justify-items: start !important;
    gap: 0 !important;
}

body.site-refresh-light .home-eyebrow {
    min-height: 36px !important;
    padding: 0 14px !important;
    border-color: rgba(15, 118, 110, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.74) !important;
    color: #0f766e !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
}

body.site-refresh-light .home-hero-title {
    width: min(1060px, 100%) !important;
    max-width: 1060px !important;
    margin: clamp(22px, 2.8vw, 38px) 0 clamp(18px, 2vw, 28px) !important;
    color: #101817 !important;
    font-size: clamp(4.2rem, 10.4vw, 11.4rem) !important;
    line-height: 0.8 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-wrap: balance !important;
    text-shadow: none !important;
}

body.site-refresh-light .home-hero-title::after {
    display: none !important;
}

body.site-refresh-light .home-title-owl {
    display: block !important;
    color: #101817 !important;
}

body.site-refresh-light .home-title-universe {
    display: block !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(16, 24, 23, 0.5) !important;
    text-stroke: 1px rgba(16, 24, 23, 0.5) !important;
    background: linear-gradient(90deg, rgba(16, 24, 23, 0.82), rgba(15, 118, 110, 0.72)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

body.site-refresh-light .home-hero__lead {
    width: min(840px, 100%) !important;
    max-width: 840px !important;
    margin: 0 !important;
    color: #42514e !important;
    font-size: clamp(1.02rem, 1.35vw, 1.24rem) !important;
    line-height: 1.78 !important;
    font-weight: 650 !important;
    text-shadow: none !important;
}

body.site-refresh-light .home-hero__lead span {
    display: block !important;
}

body.site-refresh-light .lead-mark {
    border-radius: 7px !important;
    padding: 0 0.22em !important;
    color: #10201d !important;
    background: linear-gradient(180deg, transparent 48%, rgba(151, 224, 211, 0.58) 48%) !important;
}

body.site-refresh-light .lead-mark--dark {
    color: #10201d !important;
    background: linear-gradient(180deg, transparent 48%, rgba(245, 201, 103, 0.48) 48%) !important;
}

body.site-refresh-light .home-search {
    width: min(920px, 100%) !important;
    margin-top: clamp(28px, 3.2vw, 44px) !important;
    padding: 8px !important;
    border-color: rgba(15, 23, 42, 0.1) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    box-shadow:
        0 32px 86px rgba(15, 23, 42, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(22px) saturate(138%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(138%) !important;
}

body.site-refresh-light .home-search__icon {
    border-radius: 13px !important;
    border-color: rgba(15, 118, 110, 0.16) !important;
    background: #effaf6 !important;
    color: #0f766e !important;
}

body.site-refresh-light .home-search input {
    min-height: 58px !important;
    color: #13201d !important;
}

body.site-refresh-light .home-search input::placeholder {
    color: #64748b !important;
}

body.site-refresh-light .home-search button {
    min-height: 58px !important;
    border-radius: 13px !important;
    border-color: rgba(15, 118, 110, 0.32) !important;
    background: linear-gradient(135deg, #13201d 0%, #0f766e 100%) !important;
    box-shadow: 0 18px 38px rgba(15, 118, 110, 0.18) !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.site-refresh-light .home-search button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 24px 48px rgba(15, 118, 110, 0.24) !important;
}

body.site-refresh-light .home-search button:active {
    transform: scale(0.98) !important;
}

body.site-refresh-light .home-search-guide {
    width: min(920px, 100%) !important;
    max-width: 920px !important;
    margin-top: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #51625e !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.site-refresh-light .home-search-guide > span:first-child,
body.site-refresh-light .home-search-guide > strong {
    display: block !important;
    color: #51625e !important;
    font-size: 0.95rem !important;
    line-height: 1.55 !important;
    font-weight: 750 !important;
}

body.site-refresh-light .home-search-guide > strong,
body.site-refresh-light .home-search-guide em {
    color: #20302c !important;
}

body.site-refresh-light .home-search-guide__examples {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 13px !important;
}

body.site-refresh-light .home-search-guide__examples span {
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-color: rgba(15, 23, 42, 0.09) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #40514d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

body.site-refresh-light .home-eyebrow + .home-hero-title + .home-hero__lead + .home-search + .home-search-guide + .home-stats,
body.site-refresh-light .home-stats {
    width: min(1040px, 100%) !important;
    max-width: 1040px !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: clamp(30px, 3.2vw, 46px) !important;
    padding: 0 !important;
    border: solid rgba(15, 23, 42, 0.12) !important;
    border-width: 1px 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.34) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.site-refresh-light .home-stat,
body.site-refresh-light .home-stat:nth-child(n) {
    min-height: 98px !important;
    display: grid !important;
    align-content: center !important;
    gap: 10px !important;
    padding: 18px 18px 18px 0 !important;
    border: 0 !important;
    border-left: 1px solid rgba(15, 23, 42, 0.09) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.site-refresh-light .home-stat:first-child {
    border-left: 0 !important;
}

body.site-refresh-light .home-stat::before,
body.site-refresh-light .home-stat::after {
    display: none !important;
}

body.site-refresh-light .home-stat:hover {
    transform: none !important;
    box-shadow: none !important;
}

body.site-refresh-light .home-stat strong {
    color: #111c1a !important;
    font-size: clamp(1.24rem, 1.7vw, 1.72rem) !important;
    line-height: 0.98 !important;
    font-weight: 950 !important;
}

body.site-refresh-light .home-stat span {
    max-width: 14ch !important;
    color: #667672 !important;
    font-size: 0.76rem !important;
    line-height: 1.32 !important;
    font-weight: 850 !important;
}

@media (max-width: 900px) {
    body.site-refresh-light .home-hero {
        padding: clamp(86px, 19vw, 132px) 0 64px !important;
    }

    body.site-refresh-light .home-hero .home-shell {
        width: min(100% - 32px, 1360px) !important;
    }

    body.site-refresh-light .home-hero-title {
        font-size: clamp(3.45rem, 16vw, 6.6rem) !important;
        line-height: 0.84 !important;
    }

    body.site-refresh-light .home-search {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    body.site-refresh-light .home-search button {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    body.site-refresh-light .home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-bottom: 0 !important;
    }

    body.site-refresh-light .home-stat,
    body.site-refresh-light .home-stat:nth-child(n) {
        min-height: 86px !important;
        padding: 15px 10px 15px 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.09) !important;
    }

    body.site-refresh-light .home-stat:nth-child(odd) {
        border-left: 0 !important;
    }
}

@media (max-width: 520px) {
    body.site-refresh-light .home-hero-title {
        font-size: clamp(3rem, 18vw, 4.9rem) !important;
    }

    body.site-refresh-light .home-search {
        border-radius: 16px !important;
    }

    body.site-refresh-light .home-search__icon {
        width: 44px !important;
        height: 44px !important;
    }

    body.site-refresh-light .home-search input {
        min-height: 52px !important;
        padding-inline: 8px !important;
    }

    body.site-refresh-light .home-stat strong {
        font-size: clamp(1.1rem, 5.6vw, 1.38rem) !important;
    }
}

/* Bright hero v2: airy metrics, refined copy, trend-forward search surface. */
body.site-refresh-light .home-hero {
    padding: clamp(82px, 7.2vw, 126px) 0 clamp(58px, 6.2vw, 92px) !important;
    background:
        radial-gradient(circle at 82% 18%, rgba(111, 207, 187, 0.28), transparent 30%),
        radial-gradient(circle at 72% 74%, rgba(250, 204, 91, 0.2), transparent 34%),
        radial-gradient(circle at 16% 18%, rgba(125, 181, 255, 0.15), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #f8fbf7 54%, #f3faf6 100%) !important;
}

body.site-refresh-light .home-hero::before {
    background:
        linear-gradient(90deg, rgba(15, 23, 42, 0.055) 1px, transparent 1px),
        linear-gradient(0deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px) !important;
    background-size: 86px 86px !important;
    opacity: 0.52 !important;
    mask-image: radial-gradient(circle at 34% 34%, rgba(0, 0, 0, 0.95), transparent 74%) !important;
}

body.site-refresh-light .home-hero::after {
    content: "WORKFLOW" !important;
    right: -0.04em !important;
    bottom: -0.11em !important;
    color: rgba(15, 23, 42, 0.038) !important;
    font-size: clamp(5.6rem, 15vw, 17rem) !important;
    line-height: 0.82 !important;
}

body.site-refresh-light .home-hero .home-shell {
    width: min(1280px, calc(100% - 48px)) !important;
}

body.site-refresh-light .home-hero__content {
    width: min(980px, 100%) !important;
    max-width: 980px !important;
    display: grid !important;
    align-content: start !important;
    justify-items: start !important;
}

body.site-refresh-light .home-eyebrow {
    order: 1 !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border-color: rgba(20, 184, 166, 0.18) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(239, 250, 246, 0.78)) !important;
    color: #0f766e !important;
    font-size: 0.72rem !important;
    letter-spacing: 0 !important;
    box-shadow:
        0 14px 36px rgba(15, 118, 110, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.site-refresh-light .home-hero-title {
    order: 2 !important;
    width: min(980px, 100%) !important;
    max-width: 980px !important;
    margin: clamp(20px, 2.4vw, 32px) 0 clamp(16px, 1.7vw, 24px) !important;
    color: #111817 !important;
    font-size: clamp(4rem, 8.6vw, 9.6rem) !important;
    line-height: 0.84 !important;
}

body.site-refresh-light .home-title-universe {
    -webkit-text-stroke: 1px rgba(17, 24, 23, 0.42) !important;
    text-stroke: 1px rgba(17, 24, 23, 0.42) !important;
    background: linear-gradient(90deg, rgba(17, 24, 23, 0.78), rgba(12, 117, 105, 0.78), rgba(82, 130, 120, 0.62)) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

body.site-refresh-light .home-hero__lead {
    order: 3 !important;
    width: min(760px, 100%) !important;
    max-width: 760px !important;
    color: #41524e !important;
    font-size: clamp(1.02rem, 1.2vw, 1.18rem) !important;
    line-height: 1.72 !important;
    font-weight: 700 !important;
}

body.site-refresh-light .lead-mark,
body.site-refresh-light .lead-mark--dark {
    border-radius: 0 !important;
    padding: 0 0.08em !important;
    color: #15211f !important;
    background: linear-gradient(180deg, transparent 58%, rgba(141, 216, 201, 0.44) 58%) !important;
}

body.site-refresh-light .lead-mark--dark {
    background: linear-gradient(180deg, transparent 58%, rgba(250, 204, 91, 0.42) 58%) !important;
}

body.site-refresh-light .home-stats {
    order: 6 !important;
    width: min(960px, 100%) !important;
    max-width: 960px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin: clamp(20px, 2.2vw, 30px) 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.site-refresh-light .home-stat,
body.site-refresh-light .home-stat:nth-child(n) {
    flex: 0 1 auto !important;
    min-height: 48px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    align-content: center !important;
    gap: 9px !important;
    padding: 9px 13px !important;
    border: 1px solid rgba(15, 23, 42, 0.09) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 252, 250, 0.78)) !important;
    box-shadow:
        0 16px 38px rgba(15, 23, 42, 0.055),
        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(14px) saturate(132%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(132%) !important;
}

body.site-refresh-light .home-stat:first-child,
body.site-refresh-light .home-stat:nth-child(odd) {
    border-left: 1px solid rgba(15, 23, 42, 0.09) !important;
}

body.site-refresh-light .home-stat strong {
    order: 1 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111817 !important;
    font-size: clamp(1.05rem, 1.18vw, 1.26rem) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    font-variant-numeric: tabular-nums !important;
}

body.site-refresh-light .home-stat span {
    order: 2 !important;
    max-width: 15ch !important;
    color: #5f716c !important;
    font-size: 0.7rem !important;
    line-height: 1.18 !important;
    font-weight: 850 !important;
}

body.site-refresh-light .home-stat:nth-child(2n) strong {
    color: #0f766e !important;
}

body.site-refresh-light .home-stat:nth-child(3n) strong {
    color: #2f6f83 !important;
}

body.site-refresh-light .home-search {
    order: 4 !important;
    width: min(900px, 100%) !important;
    margin-top: clamp(26px, 2.9vw, 38px) !important;
    padding: 7px !important;
    border-color: rgba(13, 148, 136, 0.16) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 252, 250, 0.9)) !important;
    box-shadow:
        0 26px 70px rgba(15, 23, 42, 0.11),
        0 0 0 8px rgba(255, 255, 255, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

body.site-refresh-light .home-search__icon,
body.site-refresh-light .home-search button {
    border-radius: 18px !important;
}

body.site-refresh-light .home-search input {
    min-height: 60px !important;
    font-weight: 820 !important;
}

body.site-refresh-light .home-search-guide {
    order: 5 !important;
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    margin-top: 18px !important;
    display: grid !important;
    gap: 7px !important;
}

body.site-refresh-light .home-search-guide > span:first-child {
    color: #0f766e !important;
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.site-refresh-light .home-search-guide > strong {
    max-width: 720px !important;
    color: #31413d !important;
    font-size: clamp(0.95rem, 1vw, 1.02rem) !important;
    line-height: 1.55 !important;
    font-weight: 780 !important;
}

body.site-refresh-light .home-search-guide em {
    color: #0f766e !important;
    font-style: normal !important;
}

body.site-refresh-light .home-search-guide__examples {
    margin-top: 6px !important;
    gap: 7px !important;
}

body.site-refresh-light .home-search-guide__examples span {
    min-height: 30px !important;
    padding: 0 11px !important;
    border-color: rgba(15, 118, 110, 0.14) !important;
    background: rgba(255, 255, 255, 0.68) !important;
    color: #50615d !important;
    font-size: 0.78rem !important;
    font-weight: 820 !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    body.site-refresh-light .home-hero {
        padding: clamp(88px, 18vw, 126px) 0 58px !important;
    }

    body.site-refresh-light .home-hero .home-shell {
        width: min(100% - 32px, 1280px) !important;
    }

    body.site-refresh-light .home-hero-title {
        font-size: clamp(3.2rem, 15vw, 6rem) !important;
    }

    body.site-refresh-light .home-stats {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.site-refresh-light .home-stat,
    body.site-refresh-light .home-stat:nth-child(n) {
        min-width: 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.09) !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 520px) {
    body.site-refresh-light .home-hero {
        padding-bottom: 50px !important;
    }

    body.site-refresh-light .home-hero-title {
        font-size: clamp(2.9rem, 17vw, 4.7rem) !important;
    }

    body.site-refresh-light .home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.site-refresh-light .home-stat,
    body.site-refresh-light .home-stat:nth-child(n) {
        min-height: 44px !important;
        grid-template-columns: 1fr !important;
        gap: 5px !important;
        padding: 10px !important;
        border-radius: 16px !important;
    }

    body.site-refresh-light .home-stat span {
        max-width: none !important;
        font-size: 0.64rem !important;
    }

    body.site-refresh-light .home-search-guide__examples span {
        font-size: 0.74rem !important;
    }
}

/* 2026 reference hero: luminous glass universe */
@keyframes owlHeroFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(0, -12px, 0); }
}

@keyframes owlHeroOrbit {
    to { transform: rotate(360deg); }
}

@keyframes owlHeroShimmer {
    0%, 100% { opacity: 0.62; filter: saturate(120%); }
    50% { opacity: 0.92; filter: saturate(155%); }
}

body.site-refresh-light .home-page {
    background: #f8fbff !important;
}

body.site-refresh-light .home-hero {
    min-height: min(920px, calc(100dvh - 78px)) !important;
    padding: clamp(58px, 7vw, 94px) 0 clamp(44px, 5vw, 64px) !important;
    color: #121a3c !important;
    background:
        radial-gradient(circle at 3% 8%, rgba(255, 255, 255, 0.96) 0 4px, transparent 5px),
        radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.82) 0 3px, transparent 4px),
        radial-gradient(circle at 94% 84%, rgba(255, 255, 255, 0.9) 0 4px, transparent 5px),
        radial-gradient(circle at 66% 14%, rgba(229, 207, 255, 0.6), transparent 23%),
        radial-gradient(circle at 84% 42%, rgba(122, 220, 255, 0.44), transparent 31%),
        radial-gradient(circle at 18% 92%, rgba(217, 244, 255, 0.62), transparent 24%),
        linear-gradient(120deg, #fbfcff 0%, #f7f4ff 42%, #eefbff 100%) !important;
    overflow: hidden !important;
}

body.site-refresh-light .home-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -3 !important;
    background:
        linear-gradient(115deg, transparent 0 52%, rgba(135, 161, 255, 0.22) 52.2%, transparent 52.55%),
        linear-gradient(74deg, transparent 0 66%, rgba(255, 194, 245, 0.2) 66.2%, transparent 66.55%),
        repeating-linear-gradient(90deg, rgba(129, 151, 229, 0.055) 0 1px, transparent 1px 96px),
        repeating-linear-gradient(0deg, rgba(129, 151, 229, 0.042) 0 1px, transparent 1px 96px) !important;
    mask-image: linear-gradient(90deg, rgba(0,0,0,0.48), rgba(0,0,0,0.2), transparent 94%) !important;
}

body.site-refresh-light .home-hero::after {
    content: "" !important;
    position: absolute !important;
    z-index: -2 !important;
    width: min(62vw, 850px) !important;
    aspect-ratio: 1 !important;
    right: max(-280px, -17vw) !important;
    top: clamp(80px, 9vw, 132px) !important;
    border: 1px solid rgba(137, 166, 255, 0.22) !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 36% 34%, rgba(255, 255, 255, 0.88), transparent 16%),
        radial-gradient(circle at 58% 68%, rgba(99, 224, 255, 0.42), transparent 27%),
        conic-gradient(from 228deg, rgba(104, 104, 255, 0.04), rgba(230, 105, 255, 0.32), rgba(75, 219, 235, 0.42), rgba(255, 255, 255, 0.72), rgba(136, 116, 255, 0.18), rgba(104, 104, 255, 0.04)) !important;
    box-shadow:
        inset 0 0 52px rgba(255, 255, 255, 0.72),
        inset 0 -32px 76px rgba(123, 204, 255, 0.28),
        0 48px 120px rgba(82, 116, 188, 0.18) !important;
    transform: rotate(-18deg) !important;
    animation: owlHeroShimmer 8s ease-in-out infinite !important;
    pointer-events: none !important;
}

body.site-refresh-light .home-hero .home-shell {
    position: relative !important;
    z-index: 1 !important;
    width: min(1380px, calc(100% - 64px)) !important;
}

body.site-refresh-light .home-hero__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.72fr) minmax(360px, 0.52fr) !important;
    align-items: center !important;
    gap: clamp(24px, 4vw, 58px) !important;
}

body.site-refresh-light .home-hero__content {
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    display: grid !important;
    justify-items: start !important;
    text-align: left !important;
}

body.site-refresh-light .home-eyebrow {
    min-height: 44px !important;
    padding: 0 20px !important;
    gap: 10px !important;
    border: 1px solid rgba(174, 126, 239, 0.34) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    color: #4b52be !important;
    font-size: clamp(0.76rem, 0.9vw, 0.9rem) !important;
    font-weight: 900 !important;
    box-shadow:
        0 14px 36px rgba(108, 92, 231, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(14px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
}

body.site-refresh-light .home-eyebrow::before {
    content: "" !important;
    width: 17px !important;
    height: 17px !important;
    border: 2px solid #e264df !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at center, #ffffff 0 2px, transparent 3px),
        linear-gradient(135deg, rgba(226, 100, 223, 0.2), rgba(43, 205, 222, 0.2)) !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.74) !important;
}

body.site-refresh-light .home-hero-title {
    width: min(900px, 100%) !important;
    max-width: 900px !important;
    margin: clamp(26px, 3vw, 42px) 0 clamp(20px, 2vw, 28px) !important;
    color: #111463 !important;
    font-size: clamp(4.8rem, 9.6vw, 10.7rem) !important;
    line-height: 0.78 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 18px 48px rgba(91, 96, 190, 0.1) !important;
}

body.site-refresh-light .home-title-owl,
body.site-refresh-light .home-title-universe {
    display: block !important;
}

body.site-refresh-light .home-title-owl {
    color: #100a64 !important;
}

body.site-refresh-light .home-title-universe {
    -webkit-text-stroke: 0 !important;
    text-stroke: 0 !important;
    background: linear-gradient(90deg, #5d3df2 0%, #f78bd9 28%, #8755ff 52%, #199ee8 76%, #33d6ca 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

body.site-refresh-light .home-hero__lead {
    width: min(800px, 100%) !important;
    max-width: 800px !important;
    color: #30364d !important;
    font-size: clamp(1.05rem, 1.35vw, 1.32rem) !important;
    line-height: 1.72 !important;
    font-weight: 700 !important;
}

body.site-refresh-light .home-hero__lead span {
    display: block !important;
}

body.site-refresh-light .lead-mark,
body.site-refresh-light .lead-mark--dark,
body.site-refresh-light .lead-mark--teal {
    color: #3567ff !important;
    background: linear-gradient(180deg, transparent 60%, rgba(122, 196, 255, 0.36) 60%) !important;
    border-radius: 0 !important;
    padding: 0 0.08em !important;
}

body.site-refresh-light .home-search {
    width: min(1010px, 100%) !important;
    margin-top: clamp(30px, 3vw, 42px) !important;
    padding: 10px !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    border: 1px solid rgba(163, 155, 214, 0.28) !important;
    border-radius: 30px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.74)) !important;
    box-shadow:
        0 24px 64px rgba(78, 93, 173, 0.16),
        0 0 0 8px rgba(255, 255, 255, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(22px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(155%) !important;
}

body.site-refresh-light .home-search::before,
body.site-refresh-light .home-search::after {
    display: none !important;
}

body.site-refresh-light .home-search__icon {
    width: 58px !important;
    height: 58px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(240, 242, 255, 0.92) !important;
    color: #394a97 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.site-refresh-light .home-search input {
    min-height: 58px !important;
    padding: 0 8px !important;
    color: #44507d !important;
    font-size: clamp(0.98rem, 1.18vw, 1.16rem) !important;
    font-weight: 800 !important;
}

body.site-refresh-light .home-search input::placeholder {
    color: #526092 !important;
    opacity: 0.95 !important;
}

body.site-refresh-light .home-search button {
    min-height: 58px !important;
    min-width: 136px !important;
    border: 0 !important;
    border-radius: 20px !important;
    padding: 0 24px !important;
    background: linear-gradient(135deg, #7754f7 0%, #8f69ff 42%, #25d5d0 100%) !important;
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    box-shadow:
        0 16px 34px rgba(101, 85, 231, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

body.site-refresh-light .home-search button:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 22px 42px rgba(101, 85, 231, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
}

body.site-refresh-light .home-search button:active {
    transform: translateY(0) scale(0.98) !important;
}

body.site-refresh-light .home-search-guide {
    width: min(860px, 100%) !important;
    max-width: 860px !important;
    margin-top: 26px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
    color: #23304f !important;
}

body.site-refresh-light .home-search-guide > span:first-child {
    color: #3567ff !important;
    font-size: 0.9rem !important;
    font-weight: 950 !important;
    text-transform: none !important;
}

body.site-refresh-light .home-search-guide > strong {
    max-width: 820px !important;
    margin-top: 8px !important;
    color: #152044 !important;
    font-size: clamp(1rem, 1.15vw, 1.16rem) !important;
    line-height: 1.55 !important;
    font-weight: 850 !important;
}

body.site-refresh-light .home-search-guide em {
    color: #17b8d5 !important;
    background: transparent !important;
    padding: 0 !important;
    font-style: normal !important;
}

body.site-refresh-light .home-search-guide__examples {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

body.site-refresh-light .home-search-guide__examples span {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 22px !important;
    border: 1px solid rgba(146, 139, 205, 0.24) !important;
    border-radius: 999px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.58)) !important;
    color: #171b49 !important;
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    box-shadow:
        0 12px 28px rgba(84, 93, 168, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(14px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(145%) !important;
}

body.site-refresh-light .home-hero__cosmos {
    position: relative !important;
    min-height: min(58vw, 620px) !important;
    display: block !important;
    pointer-events: none !important;
}

body.site-refresh-light .home-cosmos-ring {
    position: absolute !important;
    width: min(47vw, 640px) !important;
    aspect-ratio: 1.44 / 1 !important;
    right: max(-120px, -9vw) !important;
    top: 50% !important;
    border-radius: 50% !important;
    transform: translateY(-50%) rotate(-27deg) !important;
    background:
        linear-gradient(110deg, rgba(255,255,255,0.12), rgba(255,255,255,0.76) 27%, rgba(110, 219, 255, 0.32) 44%, rgba(255, 139, 236, 0.34) 58%, rgba(255,255,255,0.58) 72%, rgba(255,255,255,0.1)),
        conic-gradient(from 36deg, rgba(71, 87, 255, 0.08), rgba(238, 115, 255, 0.44), rgba(53, 214, 229, 0.55), rgba(255, 255, 255, 0.78), rgba(109, 87, 255, 0.16)) !important;
    box-shadow:
        inset 0 0 22px rgba(255, 255, 255, 0.82),
        inset 0 -34px 52px rgba(91, 190, 255, 0.24),
        0 34px 90px rgba(88, 109, 190, 0.18) !important;
    opacity: 0.92 !important;
    animation: owlHeroFloat 7s ease-in-out infinite !important;
}

body.site-refresh-light .home-cosmos-ring::before {
    content: "" !important;
    position: absolute !important;
    inset: 16% 8% !important;
    border-radius: 50% !important;
    background: rgba(248, 251, 255, 0.66) !important;
    box-shadow:
        inset 0 0 60px rgba(132, 209, 255, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.62) !important;
}

body.site-refresh-light .home-cosmos-arc {
    position: absolute !important;
    border: 1px solid rgba(118, 137, 230, 0.28) !important;
    border-radius: 50% !important;
}

body.site-refresh-light .home-cosmos-arc--one {
    width: min(48vw, 690px) !important;
    aspect-ratio: 1.5 / 1 !important;
    right: max(-120px, -7vw) !important;
    top: 10% !important;
    transform: rotate(-11deg) !important;
}

body.site-refresh-light .home-cosmos-arc--two {
    width: min(42vw, 560px) !important;
    aspect-ratio: 1.2 / 1 !important;
    right: max(-70px, -4vw) !important;
    bottom: 8% !important;
    border-color: rgba(53, 214, 229, 0.2) !important;
    transform: rotate(15deg) !important;
}

body.site-refresh-light .home-cosmos-node {
    position: absolute !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: #d9b6ff !important;
    box-shadow: 0 0 0 12px rgba(217, 182, 255, 0.18) !important;
}

body.site-refresh-light .home-cosmos-node--one { left: 14%; top: 36%; }
body.site-refresh-light .home-cosmos-node--two { right: 12%; bottom: 18%; width: 16px !important; height: 16px !important; background: #ffffff !important; }
body.site-refresh-light .home-cosmos-node--three { left: 52%; top: 22%; width: 10px !important; height: 10px !important; background: #ffffff !important; }

body.site-refresh-light .home-cosmos-icon {
    position: absolute !important;
    width: 74px !important;
    height: 74px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.72) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.62) !important;
    color: #7e83ff !important;
    box-shadow:
        0 18px 46px rgba(87, 105, 188, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(16px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(145%) !important;
    animation: owlHeroFloat 6.5s ease-in-out infinite !important;
}

body.site-refresh-light .home-cosmos-icon svg {
    width: 34px !important;
    height: 34px !important;
}

body.site-refresh-light .home-cosmos-icon--magic { left: 9%; top: 18%; animation-delay: -1s !important; }
body.site-refresh-light .home-cosmos-icon--play { left: 34%; top: 33%; width: 68px !important; height: 68px !important; animation-delay: -2.1s !important; }
body.site-refresh-light .home-cosmos-icon--doc { right: 20%; top: 58%; width: 66px !important; height: 66px !important; animation-delay: -3.2s !important; }
body.site-refresh-light .home-cosmos-icon--chat { right: 0; bottom: 8%; width: 70px !important; height: 70px !important; animation-delay: -4.1s !important; }

body.site-refresh-light .home-stats {
    width: min(1320px, 100%) !important;
    max-width: 1320px !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: clamp(34px, 3.8vw, 52px) auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.site-refresh-light .home-stat,
body.site-refresh-light .home-stat:nth-child(n) {
    --stat-rgb: 119, 84, 247;
    min-width: 0 !important;
    min-height: 96px !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid rgba(142, 154, 210, 0.26) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.52)) !important;
    box-shadow:
        0 18px 44px rgba(79, 93, 165, 0.11),
        inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

body.site-refresh-light .home-stat::before,
body.site-refresh-light .home-stat::after {
    display: none !important;
}

body.site-refresh-light .home-stat--cyan { --stat-rgb: 37, 196, 220; }
body.site-refresh-light .home-stat--blue { --stat-rgb: 70, 112, 239; }
body.site-refresh-light .home-stat--pink { --stat-rgb: 216, 90, 235; }
body.site-refresh-light .home-stat--indigo { --stat-rgb: 91, 111, 229; }
body.site-refresh-light .home-stat--violet { --stat-rgb: 119, 84, 247; }

body.site-refresh-light .home-stat__icon {
    width: 48px !important;
    height: 48px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 38% 26%, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.22) 52%, rgba(var(--stat-rgb), 0.12)) !important;
    color: rgb(var(--stat-rgb)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.92),
        0 12px 26px rgba(var(--stat-rgb), 0.14) !important;
}

body.site-refresh-light .home-stat__icon svg {
    width: 27px !important;
    height: 27px !important;
}

body.site-refresh-light .home-stat__copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 5px !important;
}

body.site-refresh-light .home-stat strong,
body.site-refresh-light .home-stat__copy strong {
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgb(var(--stat-rgb)) !important;
    font-size: clamp(1.24rem, 1.28vw, 1.48rem) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body.site-refresh-light .home-stat span,
body.site-refresh-light .home-stat__copy > span {
    max-width: 100% !important;
    color: #333a65 !important;
    font-size: clamp(0.75rem, 0.82vw, 0.86rem) !important;
    line-height: 1.34 !important;
    font-weight: 850 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 1180px) {
    body.site-refresh-light .home-hero {
        min-height: auto !important;
    }

    body.site-refresh-light .home-hero .home-shell {
        width: min(100% - 40px, 1180px) !important;
    }

    body.site-refresh-light .home-hero__grid {
        grid-template-columns: 1fr !important;
    }

    body.site-refresh-light .home-hero__content {
        max-width: 920px !important;
    }

    body.site-refresh-light .home-hero__cosmos {
        position: absolute !important;
        inset: 0 0 auto auto !important;
        width: min(48vw, 520px) !important;
        min-height: 420px !important;
        opacity: 0.42 !important;
        z-index: -1 !important;
    }

    body.site-refresh-light .home-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        max-width: 880px !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 720px) {
    body.site-refresh-light .home-hero {
        padding: 44px 0 48px !important;
    }

    body.site-refresh-light .home-hero .home-shell {
        width: min(100% - 28px, 720px) !important;
    }

    body.site-refresh-light .home-eyebrow {
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 0.68rem !important;
    }

    body.site-refresh-light .home-hero-title {
        font-size: clamp(3.15rem, 18vw, 5.2rem) !important;
    }

    body.site-refresh-light .home-hero__lead {
        font-size: 0.98rem !important;
    }

    body.site-refresh-light .home-search {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        border-radius: 22px !important;
        padding: 8px !important;
    }

    body.site-refresh-light .home-search__icon {
        width: 46px !important;
        height: 46px !important;
    }

    body.site-refresh-light .home-search input {
        min-height: 46px !important;
        font-size: 0.86rem !important;
    }

    body.site-refresh-light .home-search button {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-height: 52px !important;
    }

    body.site-refresh-light .home-search-guide__examples {
        gap: 8px !important;
    }

    body.site-refresh-light .home-search-guide__examples span {
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 0.78rem !important;
    }

    body.site-refresh-light .home-hero__cosmos {
        display: none !important;
    }

    body.site-refresh-light .home-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 30px !important;
    }

    body.site-refresh-light .home-stat,
    body.site-refresh-light .home-stat:nth-child(n) {
        min-height: 96px !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 12px !important;
    }

    body.site-refresh-light .home-stat__icon {
        width: 44px !important;
        height: 44px !important;
    }

    body.site-refresh-light .home-stat__icon svg {
        width: 24px !important;
        height: 24px !important;
    }

    body.site-refresh-light .home-stat strong,
    body.site-refresh-light .home-stat__copy strong {
        font-size: clamp(1.1rem, 5.3vw, 1.38rem) !important;
    }

    body.site-refresh-light .home-stat span,
    body.site-refresh-light .home-stat__copy > span {
        font-size: 0.68rem !important;
    }
}

@media (max-width: 380px) {
    body.site-refresh-light .home-stats {
        grid-template-columns: 1fr !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.site-refresh-light .home-hero::after,
    body.site-refresh-light .home-cosmos-ring,
    body.site-refresh-light .home-cosmos-icon {
        animation: none !important;
    }
}

/* Layout correction: keep the glass universe as atmosphere, not a second row */
body.site-refresh-light .home-hero {
    padding-top: clamp(40px, 4.8vw, 62px) !important;
}

body.site-refresh-light .home-hero__grid {
    display: block !important;
}

body.site-refresh-light .home-hero__cosmos {
    position: absolute !important;
    width: min(45vw, 590px) !important;
    min-height: min(46vw, 590px) !important;
    right: max(-90px, -5vw) !important;
    top: clamp(58px, 6vw, 96px) !important;
    z-index: -1 !important;
    opacity: 0.96 !important;
}

body.site-refresh-light .home-cosmos-ring {
    width: min(43vw, 570px) !important;
    right: max(-90px, -5vw) !important;
}

body.site-refresh-light .home-cosmos-arc--one {
    width: min(43vw, 610px) !important;
}

body.site-refresh-light .home-cosmos-arc--two {
    width: min(38vw, 500px) !important;
}

body.site-refresh-light .home-stats {
    margin-top: clamp(18px, 2vw, 24px) !important;
}

@media (max-width: 1180px) {
    body.site-refresh-light .home-hero__cosmos {
        width: min(54vw, 520px) !important;
        min-height: min(52vw, 500px) !important;
        right: -120px !important;
        top: 56px !important;
        opacity: 0.34 !important;
    }

    body.site-refresh-light .home-stats {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 720px) {
    body.site-refresh-light .home-hero__cosmos {
        display: none !important;
    }
}

/* Final compacting pass for the fixed side-panel desktop layout */
html body.site-refresh-light .home-page .home-hero .home-hero-title {
    font-size: clamp(4.2rem, 7.6vw, 8.85rem) !important;
    margin-top: clamp(22px, 2.4vw, 30px) !important;
    margin-bottom: clamp(16px, 1.8vw, 22px) !important;
}

html body.site-refresh-light .home-page .home-hero .home-hero__lead {
    font-size: clamp(1.02rem, 1.18vw, 1.2rem) !important;
    line-height: 1.62 !important;
}

html body.site-refresh-light .home-page .home-hero form.home-search {
    margin-top: clamp(22px, 2.2vw, 28px) !important;
}

html body.site-refresh-light .home-page .home-hero .home-search-guide {
    margin-top: 16px !important;
}

html body.site-refresh-light .home-page .home-hero .home-search-guide__examples {
    margin-top: 14px !important;
}

html body.site-refresh-light .home-page .home-hero .home-stats {
    margin-top: clamp(14px, 1.6vw, 18px) !important;
}

html body.site-refresh-light .home-page .home-hero form.home-search button[type="submit"] {
    border: 0 !important;
    background: linear-gradient(135deg, #7754f7 0%, #8f69ff 42%, #25d5d0 100%) !important;
    color: #ffffff !important;
    box-shadow:
        0 16px 34px rgba(101, 85, 231, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html body.site-refresh-light .home-page .home-hero form.home-search button[type="submit"]:hover {
    background: linear-gradient(135deg, #6f50f2 0%, #8b63ff 38%, #20cbd0 100%) !important;
}

/* Final Tool Orbit redesign based on the provided bright orbit reference */
html body.site-refresh-light .home-page .home-section--orbit {
    overflow: hidden !important;
    border: 0 !important;
    padding: 54px 0 92px !important;
    background:
        radial-gradient(620px 320px at 12% 8%, rgba(255, 255, 255, 0.96), transparent 72%),
        radial-gradient(720px 420px at 86% 14%, rgba(169, 204, 255, 0.36), transparent 68%),
        linear-gradient(135deg, #edf3ff 0%, #fff6fd 48%, #edfafe 100%) !important;
}

html body.site-refresh-light .home-page .home-section--orbit::before {
    background:
        linear-gradient(120deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.18) 44%, transparent 76%),
        repeating-linear-gradient(116deg, rgba(91, 105, 238, 0.052) 0 1px, transparent 1px 68px) !important;
    opacity: 1 !important;
}

html body.site-refresh-light .home-page .home-section-head--orbit {
    position: relative !important;
    min-height: 430px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr) !important;
    gap: 34px !important;
    align-items: center !important;
    margin-bottom: 28px !important;
    padding: 56px 64px !important;
    border: 1px solid rgba(255, 255, 255, 0.88) !important;
    border-radius: 30px !important;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.55) 47%, rgba(231, 249, 255, 0.26) 100%),
        radial-gradient(620px 340px at 88% 34%, rgba(46, 197, 221, 0.18), transparent 62%),
        radial-gradient(500px 290px at 62% 4%, rgba(169, 118, 236, 0.17), transparent 66%) !important;
    box-shadow:
        0 30px 74px rgba(79, 97, 151, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html body.site-refresh-light .home-page .home-section-head--orbit::after {
    display: none !important;
}

html body.site-refresh-light .home-page .home-orbit-copy {
    position: relative;
    z-index: 2;
    max-width: 740px;
}

html body.site-refresh-light .home-page .home-section-head--orbit .home-section-kicker {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-bottom: 28px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(116, 90, 232, 0.2) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.74) !important;
    color: #5e55d9 !important;
    font-size: 0.86rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-shadow:
        0 10px 28px rgba(88, 92, 214, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html body.site-refresh-light .home-page .home-section-head--orbit .home-section-kicker::before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: currentColor;
    clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
}

html body.site-refresh-light .home-page .home-section-head--orbit .home-section-title {
    max-width: 760px !important;
    margin: 0 !important;
    color: #17135f !important;
    font-size: 4.85rem !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    font-weight: 950 !important;
    text-wrap: balance !important;
    background: linear-gradient(92deg, #5c33d6 0%, #5369ea 50%, #21b7d3 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html body.site-refresh-light .home-page .home-section-head--orbit .home-section-copy {
    max-width: 610px !important;
    margin-top: 22px !important;
    color: #3f4b68 !important;
    font-size: 1.12rem !important;
    font-weight: 650 !important;
    line-height: 1.72 !important;
}

html body.site-refresh-light .home-page .home-orbit-primary {
    min-height: 56px;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
    padding: 0 26px;
    border: 1px solid rgba(39, 130, 222, 0.2);
    border-radius: 16px;
    background: linear-gradient(135deg, #bc4cdd 0%, #6365ef 54%, #28bfd3 100%);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 950;
    text-decoration: none;
    box-shadow:
        0 18px 34px rgba(84, 99, 232, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
}

html body.site-refresh-light .home-page .home-orbit-primary svg {
    width: 19px;
    height: 19px;
}

html body.site-refresh-light .home-page .home-orbit-primary:hover {
    transform: translateY(-2px);
    box-shadow:
        0 24px 44px rgba(84, 99, 232, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

html body.site-refresh-light .home-page .home-orbit-primary:active,
html body.site-refresh-light .home-page .home-filter-button:active,
html body.site-refresh-light .home-page .home-orbit-submit-card:active {
    transform: translateY(1px) scale(0.99) !important;
}

html body.site-refresh-light .home-page .home-orbit-visual {
    position: relative;
    min-height: 330px;
    display: grid;
    place-items: center;
    z-index: 1;
}

html body.site-refresh-light .home-page .home-orbit-disc {
    position: relative;
    width: min(100%, 540px);
    aspect-ratio: 1.36;
    display: block;
    transform: rotate(-16deg);
    filter: drop-shadow(0 34px 48px rgba(92, 111, 190, 0.18));
}

html body.site-refresh-light .home-page .home-orbit-disc::before {
    content: "";
    position: absolute;
    inset: 9% 0 6% 5%;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 50%;
    background:
        linear-gradient(130deg, rgba(255, 255, 255, 0.94), rgba(174, 232, 247, 0.22) 38%, rgba(200, 156, 255, 0.34) 65%, rgba(255, 255, 255, 0.72)),
        linear-gradient(45deg, transparent 0 48%, rgba(255, 255, 255, 0.92) 49%, transparent 53%);
    box-shadow:
        inset 0 1px 24px rgba(255, 255, 255, 0.92),
        inset 0 -20px 50px rgba(112, 203, 232, 0.16);
}

html body.site-refresh-light .home-page .home-orbit-ring {
    position: absolute;
    border: 1px solid rgba(123, 111, 230, 0.24);
    border-radius: 50%;
    transform: rotate(20deg);
}

html body.site-refresh-light .home-page .home-orbit-ring--outer { inset: 16% 12%; }
html body.site-refresh-light .home-page .home-orbit-ring--mid { inset: 27% 24%; border-color: rgba(74, 193, 212, 0.25); }
html body.site-refresh-light .home-page .home-orbit-ring--inner { inset: 38% 36%; border-color: rgba(187, 125, 233, 0.2); }

html body.site-refresh-light .home-page .home-orbit-core {
    position: absolute;
    left: 47%;
    top: 43%;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 0 0 10px rgba(255, 255, 255, 0.3),
        0 0 22px rgba(66, 184, 214, 0.45);
}

html body.site-refresh-light .home-page .home-orbit-submit-card {
    position: absolute;
    right: 7%;
    top: 50%;
    width: 136px;
    height: 136px;
    display: grid;
    place-items: center;
    gap: 8px;
    padding: 18px 14px;
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.74);
    color: #6152e6;
    text-decoration: none;
    box-shadow:
        0 22px 42px rgba(84, 92, 180, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(18px);
    transform: translateY(-50%);
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease;
}

html body.site-refresh-light .home-page .home-orbit-submit-card:hover {
    transform: translateY(calc(-50% - 4px));
    box-shadow:
        0 28px 50px rgba(84, 92, 180, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html body.site-refresh-light .home-page .home-orbit-submit-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: rgba(244, 247, 255, 0.92);
}

html body.site-refresh-light .home-page .home-orbit-submit-icon svg {
    width: 30px;
    height: 30px;
}

html body.site-refresh-light .home-page .home-orbit-submit-card strong {
    color: #6152e6;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.2;
    text-align: center;
}

html body.site-refresh-light .home-page .home-filter-panel {
    display: grid !important;
    grid-template-columns: minmax(260px, 1.35fr) minmax(180px, 0.85fr) minmax(160px, 0.75fr) minmax(150px, 0.7fr) auto auto !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 0 18px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow:
        0 24px 54px rgba(80, 96, 145, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(18px) !important;
}

html body.site-refresh-light .home-page .home-filter-panel input,
html body.site-refresh-light .home-page .home-filter-panel select {
    min-height: 56px !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 1px solid rgba(150, 163, 205, 0.28) !important;
    border-radius: 12px !important;
    background-color: rgba(255, 255, 255, 0.68) !important;
    color: #263352 !important;
    font-size: 0.95rem !important;
    font-weight: 850 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
}

html body.site-refresh-light .home-page .home-filter-panel input {
    padding-left: 44px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%237c4cf1' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
}

html body.site-refresh-light .home-page .home-filter-panel input::placeholder {
    color: #596887 !important;
}

html body.site-refresh-light .home-page .home-filter-panel input:focus,
html body.site-refresh-light .home-page .home-filter-panel select:focus {
    border-color: rgba(93, 101, 232, 0.5) !important;
    box-shadow:
        0 0 0 4px rgba(93, 101, 232, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

html body.site-refresh-light .home-page .home-filter-button {
    min-height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(72, 132, 237, 0.28) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #b848dc 0%, #6265f2 52%, #28c0d4 100%) !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    font-weight: 950 !important;
    box-shadow:
        0 16px 30px rgba(87, 104, 230, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease !important;
}

html body.site-refresh-light .home-page .home-filter-button:hover {
    transform: translateY(-2px) !important;
    box-shadow:
        0 20px 36px rgba(87, 104, 230, 0.27),
        inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

html body.site-refresh-light .home-page .home-filter-button__mark {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: currentColor;
    clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
}

html body.site-refresh-light .home-page .home-clear-link {
    min-height: 56px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    box-shadow: none !important;
}

html body.site-refresh-light .home-page .home-result-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 18px 2px 18px !important;
    padding: 0 !important;
    color: #263352 !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
}

html body.site-refresh-light .home-page .home-result-bar span:first-child::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 8px;
    background: #c679f0;
    clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-card {
    min-height: 276px !important;
    display: grid !important;
    gap: 13px !important;
    padding: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.88) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.7)) !important;
    box-shadow:
        0 18px 38px rgba(80, 96, 145, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(14px) !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-card::before {
    display: none !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-card:hover {
    border-color: rgba(198, 121, 240, 0.34) !important;
    box-shadow:
        0 24px 48px rgba(80, 96, 145, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-card__top {
    flex-direction: row !important;
    align-items: flex-start !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-logo {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, #ffffff, #f5f8ff),
        linear-gradient(135deg, rgba(119, 84, 247, 0.13), rgba(37, 213, 208, 0.12)) !important;
    box-shadow: 0 10px 18px rgba(80, 96, 145, 0.12) !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-price,
html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-meta span {
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(150, 163, 205, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.76) !important;
    color: #435272 !important;
    font-size: 0.75rem !important;
    font-weight: 900 !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-name {
    color: #1e2d4c !important;
    font-size: 1.08rem !important;
    line-height: 1.32 !important;
    font-weight: 950 !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-desc {
    display: -webkit-box !important;
    min-height: 78px !important;
    overflow: hidden !important;
    color: #4c5b78 !important;
    font-size: 0.86rem !important;
    line-height: 1.62 !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-meta {
    align-self: end !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}

@media (max-width: 1180px) {
    html body.site-refresh-light .home-page .home-section-head--orbit {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding: 42px !important;
    }

    html body.site-refresh-light .home-page .home-section-head--orbit .home-section-title {
        font-size: 3.6rem !important;
    }

    html body.site-refresh-light .home-page .home-orbit-visual {
        min-height: 260px !important;
    }

    html body.site-refresh-light .home-page .home-filter-panel {
        grid-template-columns: minmax(260px, 1fr) minmax(170px, 0.8fr) !important;
    }

    html body.site-refresh-light .home-page .home-filter-panel input {
        grid-column: 1 / -1 !important;
    }

    html body.site-refresh-light .home-page .home-tools-section .home-tools-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    html body.site-refresh-light .home-page .home-section--orbit {
        padding: 34px 0 64px !important;
    }

    html body.site-refresh-light .home-page .home-section-head--orbit {
        padding: 26px 20px !important;
        border-radius: 22px !important;
    }

    html body.site-refresh-light .home-page .home-section-head--orbit .home-section-title {
        font-size: 2.42rem !important;
        line-height: 1.12 !important;
    }

    html body.site-refresh-light .home-page .home-section-head--orbit .home-section-copy {
        font-size: 0.96rem !important;
    }

    html body.site-refresh-light .home-page .home-orbit-primary {
        width: 100% !important;
    }

    html body.site-refresh-light .home-page .home-orbit-visual {
        min-height: 210px !important;
    }

    html body.site-refresh-light .home-page .home-orbit-submit-card {
        right: 3% !important;
        width: 108px !important;
        height: 108px !important;
        border-radius: 18px !important;
    }

    html body.site-refresh-light .home-page .home-orbit-submit-icon {
        width: 42px !important;
        height: 42px !important;
    }

    html body.site-refresh-light .home-page .home-filter-panel {
        grid-template-columns: 1fr !important;
        padding: 14px !important;
    }

    html body.site-refresh-light .home-page .home-filter-panel input,
    html body.site-refresh-light .home-page .home-filter-panel select,
    html body.site-refresh-light .home-page .home-filter-button,
    html body.site-refresh-light .home-page .home-clear-link {
        grid-column: auto !important;
        min-height: 50px !important;
    }

    html body.site-refresh-light .home-page .home-result-bar {
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 4px !important;
    }

    html body.site-refresh-light .home-page .home-tools-section .home-tools-grid {
        grid-template-columns: 1fr !important;
    }

    html body.site-refresh-light .home-page .home-tools-section .home-tools-grid .home-tool-card {
        min-height: 238px !important;
    }
}

/* Final Signal Picks redesign: dark premium panel inspired by the supplied reference. */
html body.site-refresh-light .home-page .home-section--signal-picks {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    padding: 76px 0 88px !important;
    background:
        radial-gradient(circle at 8% 4%, rgba(255, 100, 205, 0.24), transparent 24%),
        radial-gradient(circle at 78% 12%, rgba(105, 196, 255, 0.2), transparent 30%),
        radial-gradient(circle at 48% 100%, rgba(49, 91, 255, 0.28), transparent 36%),
        linear-gradient(145deg, #040922 0%, #07123b 48%, #07082a 100%) !important;
    color: #f8fbff !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -2 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 3% 17%, rgba(255, 255, 255, 0.86) 0 1px, transparent 2px),
        radial-gradient(circle at 20% 3%, rgba(245, 195, 255, 0.82) 0 1px, transparent 2px),
        radial-gradient(circle at 67% 8%, rgba(132, 214, 255, 0.72) 0 1px, transparent 2px),
        radial-gradient(circle at 92% 30%, rgba(255, 255, 255, 0.64) 0 1px, transparent 2px),
        linear-gradient(125deg, rgba(119, 83, 255, 0.2), transparent 34%, rgba(31, 195, 255, 0.16) 68%, transparent) !important;
    opacity: 0.92 !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks::after {
    content: "" !important;
    position: absolute !important;
    inset: 50px -8% auto 45% !important;
    height: 720px !important;
    z-index: -1 !important;
    pointer-events: none !important;
    border: 1px solid rgba(162, 118, 255, 0.16) !important;
    border-radius: 999px !important;
    background:
        radial-gradient(ellipse at 18% 72%, rgba(37, 211, 255, 0.18), transparent 34%),
        radial-gradient(ellipse at 76% 18%, rgba(255, 82, 209, 0.16), transparent 42%) !important;
    filter: blur(0.2px) !important;
    transform: rotate(-8deg) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-shell {
    position: relative !important;
    z-index: 1 !important;
    width: min(1680px, calc(100% - 72px)) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-grid {
    display: grid !important;
    grid-template-columns: minmax(390px, 0.78fr) minmax(0, 1.22fr) !important;
    gap: 30px !important;
    align-items: stretch !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy {
    position: relative !important;
    min-height: 650px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 64px 58px !important;
    border: 1px solid rgba(159, 119, 255, 0.38) !important;
    border-radius: 36px !important;
    background:
        radial-gradient(circle at 94% 10%, rgba(232, 105, 255, 0.18), transparent 28%),
        radial-gradient(circle at 14% 100%, rgba(57, 177, 255, 0.36), transparent 34%),
        linear-gradient(147deg, rgba(25, 19, 76, 0.92), rgba(22, 14, 69, 0.82) 54%, rgba(24, 51, 127, 0.78)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 rgba(105, 198, 255, 0.18),
        0 34px 90px rgba(1, 8, 38, 0.56) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy::before {
    content: "" !important;
    position: absolute !important;
    inset: -22% -42% -15% 18% !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border: 1px solid rgba(229, 108, 255, 0.18) !important;
    border-radius: 50% !important;
    background:
        radial-gradient(ellipse at 22% 78%, rgba(43, 222, 255, 0.18), transparent 32%),
        radial-gradient(ellipse at 80% 18%, rgba(255, 96, 224, 0.16), transparent 30%) !important;
    transform: rotate(-18deg) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy::after {
    content: "" !important;
    position: absolute !important;
    right: -130px !important;
    bottom: -82px !important;
    width: 430px !important;
    aspect-ratio: 1 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border: 1px solid rgba(122, 214, 255, 0.28) !important;
    border-radius: 50% !important;
    background:
        radial-gradient(circle at 28% 76%, rgba(69, 214, 255, 0.42), transparent 8%),
        radial-gradient(circle at 50% 50%, transparent 0 55%, rgba(127, 91, 255, 0.18) 56% 58%, transparent 59%),
        radial-gradient(circle at 50% 50%, rgba(158, 77, 255, 0.16), transparent 62%) !important;
    filter: blur(0.2px) !important;
}

html body.site-refresh-light .home-page .home-signal-panel-orbit {
    position: absolute !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: 999px !important;
}

html body.site-refresh-light .home-page .home-signal-panel-orbit--one {
    left: -90px !important;
    top: 78px !important;
    width: 540px !important;
    height: 540px !important;
    border: 1px solid rgba(159, 116, 255, 0.2) !important;
    box-shadow: 0 0 70px rgba(112, 112, 255, 0.12) !important;
}

html body.site-refresh-light .home-page .home-signal-panel-orbit--two {
    right: -150px !important;
    bottom: 8px !important;
    width: 420px !important;
    height: 420px !important;
    border: 1px solid rgba(74, 217, 255, 0.18) !important;
    transform: rotate(16deg) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy > *:not(.home-signal-panel-orbit) {
    position: relative !important;
    z-index: 1 !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-section-kicker {
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 0 24px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(198, 150, 255, 0.28) !important;
    border-radius: 999px !important;
    background: rgba(106, 76, 206, 0.28) !important;
    color: #f6dcff !important;
    font-size: 0.82rem !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-section-kicker::before {
    content: "" !important;
    width: 13px !important;
    height: 13px !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    background: linear-gradient(135deg, #ffd9ff, #7aa9ff) !important;
    clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy > strong {
    max-width: 620px !important;
    margin: 0 !important;
    color: transparent !important;
    background: linear-gradient(180deg, #ffffff 0%, #ffd9ff 44%, #87a5ff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-size: 4.7rem !important;
    line-height: 1.14 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
    text-shadow: 0 24px 72px rgba(126, 86, 255, 0.18) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy p {
    max-width: 540px !important;
    margin: 28px 0 0 !important;
    color: rgba(239, 244, 255, 0.88) !important;
    font-size: 1.14rem !important;
    line-height: 1.78 !important;
    font-weight: 650 !important;
}

html body.site-refresh-light .home-page .home-signal-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 32px !important;
}

html body.site-refresh-light .home-page .home-signal-badges span {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 17px !important;
    border: 1px solid rgba(133, 130, 255, 0.32) !important;
    border-radius: 999px !important;
    background: rgba(74, 63, 170, 0.34) !important;
    color: #f7f0ff !important;
    font-size: 0.92rem !important;
    font-weight: 950 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 12px 30px rgba(18, 12, 70, 0.28) !important;
}

html body.site-refresh-light .home-page .home-signal-badge-icon {
    width: 15px !important;
    height: 15px !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
}

html body.site-refresh-light .home-page .home-signal-badge-icon--usage {
    border-radius: 50% 50% 50% 12% !important;
    background: linear-gradient(135deg, #ffc46f, #ff5a9e) !important;
    transform: rotate(-24deg) !important;
    box-shadow: 0 0 16px rgba(255, 124, 173, 0.48) !important;
}

html body.site-refresh-light .home-page .home-signal-badge-icon--rated {
    background: linear-gradient(135deg, #ffe578, #b872ff) !important;
    clip-path: polygon(50% 0, 62% 35%, 100% 50%, 62% 65%, 50% 100%, 38% 65%, 0 50%, 38% 35%) !important;
    box-shadow: 0 0 16px rgba(255, 222, 127, 0.4) !important;
}

html body.site-refresh-light .home-page .home-section-link--signal {
    min-width: 278px !important;
    min-height: 62px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 36px !important;
    padding: 0 28px !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #7fc8ff 0%, #7d6cff 46%, #ce49ff 100%) !important;
    color: #ffffff !important;
    font-size: 1.02rem !important;
    font-weight: 950 !important;
    box-shadow:
        0 22px 46px rgba(83, 98, 255, 0.36),
        inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

html body.site-refresh-light .home-page .home-section-link--signal svg {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 auto !important;
    transition: transform 0.18s ease !important;
}

html body.site-refresh-light .home-page .home-section-link--signal:hover,
html body.site-refresh-light .home-page .home-section-link--signal:focus-visible {
    transform: translate3d(0, -3px, 0) !important;
    border-color: rgba(255, 255, 255, 0.46) !important;
    box-shadow:
        0 30px 62px rgba(111, 80, 255, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

html body.site-refresh-light .home-page .home-section-link--signal:hover svg,
html body.site-refresh-light .home-page .home-section-link--signal:focus-visible svg {
    transform: translateX(4px) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-mini-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-content: stretch !important;
    padding: 18px !important;
    border: 1px solid rgba(149, 126, 255, 0.24) !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 0 0, rgba(105, 194, 255, 0.13), transparent 28%),
        radial-gradient(circle at 100% 100%, rgba(255, 92, 223, 0.14), transparent 30%),
        rgba(17, 20, 68, 0.48) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 28px 90px rgba(1, 7, 35, 0.42) !important;
    backdrop-filter: blur(16px) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card {
    position: relative !important;
    min-height: 314px !important;
    overflow: hidden !important;
    display: grid !important;
    align-content: stretch !important;
    gap: 18px !important;
    padding: 34px 32px 30px !important;
    border: 1px solid rgba(161, 117, 255, 0.38) !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 8% 0, rgba(68, 158, 255, 0.2), transparent 30%),
        radial-gradient(circle at 100% 12%, rgba(209, 75, 255, 0.16), transparent 34%),
        linear-gradient(145deg, rgba(14, 28, 82, 0.94), rgba(21, 14, 58, 0.95)) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        inset 0 -1px 0 rgba(120, 214, 255, 0.1),
        0 20px 52px rgba(3, 8, 42, 0.36) !important;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card::before {
    content: "" !important;
    position: absolute !important;
    inset: -1px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
        linear-gradient(135deg, rgba(93, 175, 255, 0.58), transparent 34%, rgba(221, 72, 255, 0.52) 100%) !important;
    opacity: 0.28 !important;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
    mask-composite: exclude !important;
    -webkit-mask-composite: xor !important;
    padding: 1px !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card > * {
    position: relative !important;
    z-index: 1 !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card:nth-child(4n + 1),
html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card:nth-child(4n + 4) {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 0 0 1px rgba(70, 198, 255, 0.14),
        0 22px 56px rgba(41, 119, 255, 0.24) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card:nth-child(4n + 2),
html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card:nth-child(4n + 3) {
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.13),
        0 0 0 1px rgba(232, 93, 255, 0.13),
        0 22px 56px rgba(154, 58, 255, 0.24) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card:hover,
html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card:focus-visible {
    transform: translate3d(0, -6px, 0) !important;
    border-color: rgba(215, 143, 255, 0.66) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 30px 72px rgba(102, 77, 255, 0.34) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card__top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-logo {
    width: 64px !important;
    height: 64px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(224, 233, 255, 0.86)),
        linear-gradient(135deg, rgba(255, 229, 128, 0.36), rgba(118, 202, 255, 0.2)) !important;
    color: #18264d !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.26) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-logo img {
    object-fit: cover !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-price {
    min-height: 38px !important;
    max-width: 140px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(172, 112, 255, 0.38) !important;
    border-radius: 999px !important;
    background: rgba(68, 40, 147, 0.52) !important;
    color: #f5c6ff !important;
    font-size: 0.86rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-name {
    display: block !important;
    color: #ffffff !important;
    font-size: 1.72rem !important;
    line-height: 1.24 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-desc {
    display: -webkit-box !important;
    min-height: 94px !important;
    overflow: hidden !important;
    color: rgba(232, 239, 255, 0.83) !important;
    font-size: 1.02rem !important;
    line-height: 1.74 !important;
    font-weight: 600 !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-meta {
    display: flex !important;
    align-self: end !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: auto !important;
}

html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-meta span {
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    padding: 0 13px !important;
    border: 1px solid rgba(157, 165, 255, 0.22) !important;
    border-radius: 999px !important;
    background: rgba(98, 105, 199, 0.24) !important;
    color: rgba(242, 247, 255, 0.9) !important;
    font-size: 0.86rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

@media (max-width: 1180px) {
    html body.site-refresh-light .home-page .home-section--signal-picks {
        padding: 62px 0 72px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-shell {
        width: min(1120px, calc(100% - 40px)) !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy {
        min-height: 520px !important;
        padding: 52px 46px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy > strong {
        max-width: 780px !important;
        font-size: 3.7rem !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy p {
        max-width: 690px !important;
    }
}

@media (max-width: 720px) {
    html body.site-refresh-light .home-page .home-section--signal-picks {
        padding: 42px 0 54px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-shell {
        width: min(100% - 24px, 680px) !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy {
        min-height: 0 !important;
        padding: 32px 24px !important;
        border-radius: 24px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-section-kicker {
        min-height: 36px !important;
        margin-bottom: 18px !important;
        font-size: 0.76rem !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy > strong {
        max-width: 100% !important;
        font-size: 2.46rem !important;
        line-height: 1.14 !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-spotlight-copy p {
        margin-top: 20px !important;
        font-size: 0.98rem !important;
        line-height: 1.72 !important;
    }

    html body.site-refresh-light .home-page .home-signal-badges {
        gap: 8px !important;
        margin-top: 24px !important;
    }

    html body.site-refresh-light .home-page .home-signal-badges span {
        min-height: 38px !important;
        padding: 0 13px !important;
        font-size: 0.82rem !important;
    }

    html body.site-refresh-light .home-page .home-section-link--signal {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 56px !important;
        margin-top: 28px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-mini-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 12px !important;
        border-radius: 22px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-card {
        min-height: 276px !important;
        padding: 24px 22px !important;
        border-radius: 16px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-logo {
        width: 54px !important;
        height: 54px !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-name {
        font-size: 1.38rem !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-desc {
        min-height: 82px !important;
        font-size: 0.94rem !important;
    }

    html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-price,
    html body.site-refresh-light .home-page .home-section--signal-picks .home-tool-meta span {
        font-size: 0.78rem !important;
    }
}