body.subdomain-page {
    --brand: #005ab5;
    --brand-dark: #003871;
    --brand-soft: #eaf4fd;
    --ink: #14212d;
    --muted: #5c6975;
    --line: #d9e4ed;
    margin: 0;
    color: var(--ink);
    background: #f7fafc;
}

.subdomain-page *,
.subdomain-page *::before,
.subdomain-page *::after {
    box-sizing: border-box;
}

.subdomain-page img {
    max-width: 100%;
    height: auto;
}

.sd-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(217, 228, 237, 0.9);
    box-shadow: 0 7px 24px rgba(0, 45, 90, 0.06);
    backdrop-filter: blur(12px);
}

.sd-header-inner {
    display: flex;
    min-height: 78px;
    gap: 28px;
    align-items: center;
    justify-content: space-between;
}

.sd-logo {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
}

.sd-logo img {
    width: 184px;
    max-height: 61px;
    object-fit: contain;
}

.sd-nav {
    display: flex;
    gap: 5px;
    align-items: center;
}

.sd-nav a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    padding: 9px 12px;
    color: #324251;
    border-radius: 9px;
    font-size: 0.84rem;
    font-weight: 800;
    text-decoration: none;
}

.sd-nav a:hover,
.sd-nav a:focus-visible {
    color: var(--brand-dark);
    background: var(--brand-soft);
}

.sd-nav .sd-nav-cta {
    color: #ffffff;
    background: var(--brand);
}

.sd-nav .sd-nav-cta:hover,
.sd-nav .sd-nav-cta:focus-visible {
    color: #ffffff;
    background: var(--brand-dark);
}

.sd-hero {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background:
        linear-gradient(90deg, rgba(0, 26, 54, 0.96) 0%, rgba(0, 56, 113, 0.89) 46%, rgba(0, 56, 113, 0.76) 100%),
        var(--sd-hero-image) center / cover no-repeat;
}

.sd-hero::before,
.sd-hero::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.sd-hero::before {
    width: 470px;
    height: 470px;
    top: -250px;
    right: -90px;
}

.sd-hero::after {
    width: 260px;
    height: 260px;
    bottom: -180px;
    left: 42%;
}

.sd-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 650px;
    grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.72fr);
    gap: clamp(42px, 7vw, 90px);
    align-items: center;
    padding-block: 70px;
}

.sd-hero-copy {
    max-width: 720px;
}

.sd-hero h1 {
    max-width: 760px;
    margin: 15px 0 20px;
    color: #ffffff;
    font-size: clamp(2.25rem, 5vw, 4.35rem);
    line-height: 1.02;
    letter-spacing: -0.045em;
}

.sd-lead {
    max-width: 690px;
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(1.04rem, 1.8vw, 1.24rem);
    line-height: 1.63;
}

.sd-hero-points {
    display: grid;
    gap: 8px;
    margin: 0 0 27px;
    padding: 0;
    list-style: none;
}

.sd-hero-points li {
    position: relative;
    padding-left: 27px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.92rem;
    font-weight: 750;
}

.sd-hero-points li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: #8bd1ff;
    content: "✓";
    font-weight: 950;
}

.sd-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.sd-hero .button-ghost {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.36);
}

.sd-hero .button-ghost:hover,
.sd-hero .button-ghost:focus-visible {
    color: var(--brand-dark);
    background: #ffffff;
    border-color: #ffffff;
}

.sd-microcopy {
    margin: 13px 0 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.77rem;
}

.sd-signup-card {
    width: 100%;
    max-width: 460px;
    justify-self: end;
    padding: clamp(25px, 4vw, 38px);
    color: var(--ink);
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 24px;
    box-shadow: 0 28px 70px rgba(0, 22, 48, 0.34);
}

.sd-signup-card h2 {
    margin: 8px 0 10px;
    color: var(--brand-dark);
    font-size: clamp(1.5rem, 2.6vw, 2rem);
}

.sd-signup-card > p:not(.eyebrow) {
    margin-bottom: 16px;
    color: var(--muted);
    line-height: 1.55;
}

.sd-prelinker-form {
    min-height: 92px;
}

.sd-prelinker-form form,
.sd-prelinker-form dl,
.sd-prelinker-form fieldset {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.sd-prelinker-form dt,
.sd-prelinker-form dd,
.sd-prelinker-form .form-group {
    width: 100% !important;
    margin: 0 0 10px !important;
}

.sd-prelinker-form label {
    display: block;
    margin-bottom: 5px;
    color: #2d3b48 !important;
    font-size: 0.78rem;
    font-weight: 800;
}

.sd-prelinker-form input:not([type="checkbox"]),
.sd-prelinker-form select,
.sd-prelinker-form button {
    width: 100% !important;
    min-height: 46px;
    padding: 10px 12px !important;
    border: 1px solid #cbd9e5 !important;
    border-radius: 9px !important;
    font: inherit !important;
}

.sd-prelinker-form input:focus,
.sd-prelinker-form select:focus {
    border-color: var(--brand) !important;
    outline: 3px solid rgba(0, 90, 181, 0.15) !important;
}

.sd-prelinker-form button,
.sd-prelinker-form [type="submit"] {
    color: #ffffff !important;
    background: var(--brand) !important;
    border-color: var(--brand) !important;
    font-weight: 850 !important;
    cursor: pointer;
}

.sd-form-note {
    margin: 12px 0 7px !important;
    padding-top: 12px;
    border-top: 1px solid var(--line);
    font-size: 0.72rem;
}

.sd-login-link {
    display: inline-flex;
    color: var(--brand-dark);
    font-size: 0.8rem;
    font-weight: 800;
}

.sd-reassurance {
    position: relative;
    z-index: 3;
    margin-top: -30px;
}

.sd-reassurance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 18px 48px rgba(0, 45, 90, 0.1);
}

.sd-reassurance article {
    position: relative;
    min-width: 0;
    padding: 24px 28px 25px 58px;
}

.sd-reassurance article + article {
    border-left: 1px solid var(--line);
}

.sd-reassurance article > span {
    position: absolute;
    top: 27px;
    left: 24px;
    color: var(--brand);
    font-size: 0.72rem;
    font-weight: 900;
}

.sd-reassurance h2 {
    margin: 0 0 5px;
    color: var(--brand-dark);
    font-size: 1rem;
}

.sd-reassurance p {
    margin: 0;
    color: var(--muted);
    font-size: 0.79rem;
    line-height: 1.45;
}

.sd-profiles {
    padding-block: 92px 76px;
    background: #f7fafc;
}

.sd-profile-grid {
    margin-top: 28px;
}

.sd-centered-action {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.sd-editorial {
    padding-block: 84px;
    background: #ffffff;
}

.sd-editorial-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(290px, 0.62fr);
    gap: clamp(42px, 7vw, 86px);
    align-items: start;
}

.sd-article h2,
.sd-conversation h2,
.sd-guide h2 {
    max-width: 820px;
    margin: 8px 0 25px;
    color: var(--brand-dark);
    font-size: clamp(1.85rem, 3.5vw, 3rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

.sd-article p:not(.eyebrow),
.sd-guide p,
.sd-conversation article p {
    color: #4d5c68;
    line-height: 1.77;
}

.sd-tip-panel {
    position: sticky;
    top: 104px;
    padding: 27px;
    background: var(--brand-soft);
    border: 1px solid #c9dff2;
    border-radius: 17px;
}

.sd-tip-panel h2 {
    margin: 0 0 18px;
    color: var(--brand-dark);
    font-size: 1.25rem;
}

.sd-tip-panel ol {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: tips;
}

.sd-tip-panel li {
    position: relative;
    padding: 14px 14px 14px 47px;
    background: #ffffff;
    border: 1px solid rgba(185, 214, 239, 0.72);
    border-radius: 11px;
    counter-increment: tips;
}

.sd-tip-panel li::before {
    position: absolute;
    top: 14px;
    left: 14px;
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    color: #ffffff;
    background: var(--brand);
    border-radius: 50%;
    content: counter(tips);
    font-size: 0.68rem;
    font-weight: 900;
}

.sd-tip-panel strong,
.sd-tip-panel span {
    display: block;
}

.sd-tip-panel strong {
    margin-bottom: 3px;
    color: var(--brand-dark);
    font-size: 0.83rem;
}

.sd-tip-panel span {
    color: var(--muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.sd-conversation {
    padding-block: 82px;
    background: #eef5fa;
}

.sd-idea-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin-top: 30px;
}

.sd-idea-grid article {
    min-height: 210px;
    padding: 24px;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 15px;
    box-shadow: 0 9px 24px rgba(0, 45, 90, 0.06);
}

.sd-idea-grid article > span {
    display: inline-flex;
    margin-bottom: 22px;
    color: var(--brand);
    font-size: 0.75rem;
    font-weight: 900;
}

.sd-idea-grid h3 {
    margin: 0 0 9px;
    color: var(--brand-dark);
    font-size: 1.08rem;
}

.sd-idea-grid article p {
    margin: 0;
    font-size: 0.82rem;
}

.sd-guide {
    padding-block: 84px;
    background: #ffffff;
}

.sd-guide-grid {
    display: grid;
    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1fr);
    gap: clamp(42px, 7vw, 90px);
}

.sd-guide h2 {
    margin-bottom: 0;
}

.sd-guide-grid > div:last-child p:first-child {
    margin-top: 0;
}

.sd-final-cta {
    padding-block: 55px;
    color: #ffffff;
    background: linear-gradient(135deg, var(--brand-dark), var(--brand));
}

.sd-final-cta-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 38px;
    align-items: center;
}

.sd-final-cta h2 {
    margin: 8px 0 8px;
    color: #ffffff;
    font-size: clamp(1.75rem, 3.4vw, 2.75rem);
}

.sd-final-cta p:not(.eyebrow) {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
}

.sd-final-cta-inner > div:last-child {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.sd-final-cta small {
    color: rgba(255, 255, 255, 0.7);
}

.sd-footer {
    color: rgba(255, 255, 255, 0.78);
    background: #001f3f;
}

.sd-footer-grid {
    display: grid;
    grid-template-columns: minmax(280px, 1.4fr) repeat(2, minmax(150px, 0.55fr));
    gap: 46px;
    padding-block: 54px 42px;
}

.sd-footer-brand img {
    width: 210px;
    max-height: 75px;
    object-fit: contain;
    padding: 7px 10px;
    background: #ffffff;
    border-radius: 9px;
}

.sd-footer-brand p {
    max-width: 410px;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.82rem;
    line-height: 1.55;
}

.sd-footer nav {
    display: grid;
    gap: 8px;
    align-content: start;
}

.sd-footer nav strong {
    margin-bottom: 6px;
    color: #ffffff;
    font-size: 0.86rem;
}

.sd-footer a {
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.78rem;
    text-decoration: none;
}

.sd-footer a:hover,
.sd-footer a:focus-visible {
    color: #ffffff;
    text-decoration: underline;
}

.sd-footer-bottom {
    display: flex;
    min-height: 58px;
    gap: 22px;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.sd-footer-bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.72rem;
}

.sd-utility-main {
    min-height: 62vh;
    background: #f5f9fd;
}

.sd-utility-hero {
    padding: 82px 0 68px;
    color: #ffffff;
    background:
        radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.16), transparent 25%),
        linear-gradient(135deg, #003871, #005ab5);
}

.sd-utility-hero .eyebrow {
    color: rgba(255, 255, 255, 0.78);
}

.sd-utility-hero h1 {
    max-width: 820px;
    margin: 10px 0 18px;
    color: #ffffff;
    font-size: clamp(2.15rem, 5vw, 4.35rem);
    line-height: 1.02;
}

.sd-utility-hero p:last-child {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.7;
}

.sd-utility-content {
    padding: 74px 0 86px;
}

.sd-login-grid,
.sd-chat-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.72fr);
    gap: 46px;
    align-items: start;
}

.sd-login-copy,
.sd-chat-copy {
    padding: 16px 0;
}

.sd-login-copy h2,
.sd-chat-copy h2,
.sd-legal-card h2,
.sd-chat-panel h2,
.sd-login-panel h2 {
    color: #003871;
}

.sd-login-copy p,
.sd-chat-copy p,
.sd-login-copy li,
.sd-chat-copy li,
.sd-legal-card p {
    color: #41556b;
    line-height: 1.75;
}

.sd-login-copy ul,
.sd-chat-copy ul {
    display: grid;
    gap: 10px;
    margin: 24px 0;
    padding-left: 22px;
}

.sd-login-panel,
.sd-chat-panel,
.sd-legal-card {
    border: 1px solid rgba(0, 90, 181, 0.14);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(0, 56, 113, 0.1);
}

.sd-login-panel,
.sd-chat-panel {
    padding: 30px;
}

.sd-login-panel form,
.sd-login-panel fieldset,
.sd-login-panel table,
.sd-login-panel tbody,
.sd-login-panel tr,
.sd-login-panel td {
    width: 100% !important;
    max-width: 100% !important;
}

.sd-login-panel input[type="text"],
.sd-login-panel input[type="email"],
.sd-login-panel input[type="password"] {
    width: 100% !important;
    min-height: 48px;
    margin: 5px 0 12px;
    padding: 10px 12px;
    border: 1px solid #c9d8e7;
    border-radius: 9px;
    background: #ffffff;
    color: #18324b;
    font: inherit;
}

.sd-login-panel input[type="submit"],
.sd-login-panel button {
    min-height: 48px;
    padding: 11px 20px;
    border: 0;
    border-radius: 9px;
    color: #ffffff;
    background: #005ab5;
    font: 800 0.92rem/1.2 inherit;
    cursor: pointer;
}

.sd-form-note,
.sd-legal-note {
    color: #60768c;
    font-size: 0.82rem;
    line-height: 1.55;
}

.sd-legal-card {
    padding: clamp(26px, 5vw, 58px);
}

.sd-legal-card h2 {
    margin: 36px 0 9px;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
}

.sd-legal-card h2:first-child {
    margin-top: 0;
}

.sd-legal-note {
    margin-top: 38px;
    padding: 20px;
    border-left: 4px solid #005ab5;
    border-radius: 0 10px 10px 0;
    background: #eef6fd;
}

.sd-chat-panel {
    position: sticky;
    top: 100px;
}

#coomeet_container {
    min-height: 390px;
    overflow: hidden;
    border: 1px solid #dce8f3;
    border-radius: 14px;
    background: #eff5fa;
}

.sd-chat-advice {
    padding: 72px 0;
    background: #ffffff;
}

.sd-cluster-hero {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background:
        linear-gradient(104deg, rgba(0, 31, 63, 0.98) 0%, rgba(0, 56, 113, 0.93) 52%, rgba(0, 90, 181, 0.78) 100%),
        var(--sd-hero-image) center / cover no-repeat;
}

.sd-cluster-hero::after {
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    bottom: -250px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    content: "";
}

.sd-cluster-hero .sd-hero-grid {
    position: relative;
    z-index: 1;
}

.sd-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    margin-bottom: 28px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.74rem;
}

.sd-breadcrumbs a {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
}

.sd-breadcrumbs a:hover,
.sd-breadcrumbs a:focus-visible {
    color: #ffffff;
    text-decoration: underline;
}

.sd-cluster-reassurance {
    position: relative;
    z-index: 2;
    margin-top: -28px;
}

.sd-cluster-content {
    padding: 82px 0;
    background: #ffffff;
}

.sd-cluster-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 0.34fr);
    gap: clamp(36px, 6vw, 76px);
    align-items: start;
}

.sd-cluster-main {
    min-width: 0;
}

.sd-cluster-main > h2 {
    margin: 48px 0 16px;
    color: #003871;
    font-size: clamp(1.55rem, 3vw, 2.25rem);
    line-height: 1.18;
}

.sd-cluster-main > .eyebrow + h2 {
    margin-top: 10px;
}

.sd-cluster-main > p,
.sd-cluster-highlight p,
.sd-cluster-aside li {
    color: #41556b;
    font-size: 1rem;
    line-height: 1.82;
}

.sd-cluster-highlight {
    margin: 48px 0 12px;
    padding: clamp(26px, 4vw, 42px);
    border: 1px solid #d7e7f4;
    border-radius: 20px;
    background: linear-gradient(145deg, #f4f9fd, #ffffff);
    box-shadow: 0 14px 38px rgba(0, 56, 113, 0.07);
}

.sd-cluster-highlight h2 {
    margin: 0 0 14px;
    color: #003871;
    font-size: clamp(1.4rem, 2.4vw, 1.9rem);
}

.sd-cluster-highlight p:last-child {
    margin-bottom: 0;
}

.sd-cluster-step-grid {
    margin-top: 25px;
}

.sd-cluster-step-grid article {
    min-height: 224px;
}

.sd-cluster-aside {
    position: relative;
}

.sd-cluster-aside .sd-tip-panel,
.sd-safety-panel {
    position: sticky;
    top: 104px;
}

.sd-cluster-aside .sd-tip-panel ul {
    display: grid;
    gap: 13px;
    margin: 22px 0 26px;
    padding: 0;
    list-style: none;
}

.sd-cluster-aside .sd-tip-panel li {
    position: relative;
    padding-left: 22px;
    font-size: 0.88rem;
    line-height: 1.55;
}

.sd-cluster-aside .sd-tip-panel li::before {
    position: absolute;
    top: 0.58em;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #005ab5;
    content: "";
}

.sd-cluster-aside .button {
    width: 100%;
}

.sd-cluster-profiles {
    padding-block: 78px;
    border-block: 1px solid #e0ebf4;
    background: #f4f8fc;
}

.sd-cluster-advice {
    background: #ffffff;
}

.sd-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 28px 0 46px;
    padding: 0;
    list-style: none;
}

.sd-checklist li {
    position: relative;
    min-height: 78px;
    padding: 18px 17px 17px 47px;
    border: 1px solid #d9e6f1;
    border-radius: 13px;
    color: #334b62;
    background: #f8fbfe;
    font-size: 0.88rem;
    line-height: 1.5;
}

.sd-checklist li::before {
    position: absolute;
    top: 19px;
    left: 17px;
    display: grid;
    width: 21px;
    height: 21px;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: #005ab5;
    content: "✓";
    font-size: 0.7rem;
    font-weight: 900;
}

.sd-opener-list {
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.sd-opener-list blockquote {
    position: relative;
    margin: 0;
    padding: 18px 20px 18px 42px;
    border: 1px solid #dce8f2;
    border-radius: 13px;
    color: #304a63;
    background: #ffffff;
    font-size: 0.92rem;
    font-style: normal;
    line-height: 1.6;
}

.sd-opener-list blockquote::before {
    position: absolute;
    top: 12px;
    left: 16px;
    color: #005ab5;
    content: "“";
    font-size: 2rem;
    font-weight: 900;
}

.sd-safety-panel {
    padding: 28px;
    border: 1px solid #cfe0ee;
    border-radius: 20px;
    background: #f3f8fc;
}

.sd-safety-panel > h2 {
    margin: 9px 0 23px;
    color: #003871;
    font-size: 1.4rem;
}

.sd-safety-panel section + section {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #d5e4ef;
}

.sd-safety-panel h3 {
    margin: 0 0 7px;
    color: #173d62;
    font-size: 0.95rem;
}

.sd-safety-panel p {
    margin: 0;
    color: #50677d;
    font-size: 0.84rem;
    line-height: 1.65;
}

.sd-cluster-faq {
    padding: 80px 0;
    background: #f4f8fc;
}

.sd-cluster-faq h2 {
    margin: 10px 0 28px;
    color: #003871;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.sd-cluster-faq details {
    border: 1px solid #d8e5f0;
    border-radius: 13px;
    background: #ffffff;
}

.sd-cluster-faq details + details {
    margin-top: 11px;
}

.sd-cluster-faq summary {
    padding: 20px 22px;
    color: #173d62;
    cursor: pointer;
    font-weight: 850;
}

.sd-cluster-faq details p {
    margin: 0;
    padding: 0 22px 22px;
    color: #4e667d;
    line-height: 1.7;
}

.sd-related-clusters {
    padding: 76px 0;
    background: #ffffff;
}

.sd-related-clusters h2 {
    margin: 10px 0 28px;
    color: #003871;
    font-size: clamp(1.65rem, 3vw, 2.3rem);
}

.sd-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.sd-related-grid a {
    display: grid;
    min-height: 148px;
    gap: 10px;
    align-content: center;
    padding: 24px;
    border: 1px solid #d9e6f1;
    border-radius: 16px;
    color: #173d62;
    background: #f8fbfe;
    text-decoration: none;
    transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.sd-related-grid a:hover,
.sd-related-grid a:focus-visible {
    border-color: #8fc0e8;
    box-shadow: 0 14px 30px rgba(0, 56, 113, 0.1);
    transform: translateY(-2px);
}

.sd-related-grid strong {
    font-size: 1rem;
}

.sd-related-grid span {
    color: #5d7185;
    font-size: 0.82rem;
    line-height: 1.55;
}

.sd-home-clusters {
    padding: 78px 0;
    border-top: 1px solid #deebf4;
    background: #ffffff;
}

.sd-home-clusters h2 {
    max-width: 760px;
    margin: 10px 0 14px;
    color: #003871;
    font-size: clamp(1.7rem, 3.6vw, 2.65rem);
    line-height: 1.15;
}

.sd-home-clusters-lead {
    max-width: 760px;
    margin: 0;
    color: #536a80;
    line-height: 1.7;
}

.sd-home-cluster-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.sd-home-cluster-grid > a {
    display: grid;
    min-height: 238px;
    gap: 12px;
    align-content: center;
    padding: clamp(26px, 4vw, 40px);
    overflow: hidden;
    border: 1px solid #d4e4f0;
    border-radius: 20px;
    color: #173d62;
    background:
        radial-gradient(circle at 100% 0, rgba(0, 90, 181, 0.1), transparent 35%),
        #f6fafe;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sd-home-cluster-grid > a:hover,
.sd-home-cluster-grid > a:focus-visible {
    border-color: #8dbfe7;
    box-shadow: 0 18px 38px rgba(0, 56, 113, 0.11);
    transform: translateY(-3px);
}

.sd-home-cluster-grid span {
    color: #005ab5;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sd-home-cluster-grid strong {
    font-size: clamp(1.25rem, 2.4vw, 1.7rem);
    line-height: 1.2;
}

.sd-home-cluster-grid p {
    margin: 0;
    color: #536b81;
    line-height: 1.65;
}

.sd-home-cluster-grid em {
    display: inline-flex;
    gap: 12px;
    align-items: center;
    margin-top: 6px;
    color: #005ab5;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 850;
}

@media (max-width: 1040px) {
    .sd-nav a:not(.sd-nav-cta) {
        display: none;
    }

    .sd-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 0.72fr);
        gap: 34px;
    }

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

    .sd-cluster-layout {
        grid-template-columns: minmax(0, 1fr) minmax(240px, 0.34fr);
        gap: 38px;
    }
}

@media (max-width: 820px) {
    .sd-header-inner {
        min-height: 70px;
    }

    .sd-logo img {
        width: 152px;
        max-height: 52px;
    }

    .sd-hero-grid,
    .sd-editorial-grid,
    .sd-guide-grid,
    .sd-final-cta-inner {
        grid-template-columns: 1fr;
    }

    .sd-hero-grid {
        gap: 36px;
        padding-block: 52px 62px;
    }

    .sd-signup-card {
        max-width: 620px;
        justify-self: stretch;
    }

    .sd-reassurance {
        margin-top: 0;
        background: #ffffff;
    }

    .sd-reassurance-grid {
        grid-template-columns: 1fr;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .sd-reassurance article + article {
        border-top: 1px solid var(--line);
        border-left: 0;
    }

    .sd-tip-panel {
        position: static;
    }

    .sd-final-cta-inner > div:last-child {
        justify-items: start;
    }

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

    .sd-footer-brand {
        grid-column: 1 / -1;
    }

    .sd-login-grid,
    .sd-chat-layout {
        grid-template-columns: 1fr;
    }

    .sd-chat-panel {
        position: static;
    }

    .sd-cluster-reassurance {
        margin-top: 0;
    }

    .sd-cluster-layout {
        grid-template-columns: 1fr;
    }

    .sd-cluster-aside .sd-tip-panel,
    .sd-safety-panel {
        position: static;
    }

    .sd-related-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .sd-header-inner {
        gap: 12px;
    }

    .sd-logo img {
        width: 132px;
        max-height: 48px;
    }

    .sd-nav .sd-nav-cta {
        min-height: 42px;
        padding: 8px 10px;
        font-size: 0.72rem;
    }

    .sd-hero h1 {
        font-size: clamp(2rem, 10.8vw, 3rem);
    }

    .sd-hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sd-hero-actions .button {
        width: 100%;
    }

    .sd-signup-card {
        padding: 23px 18px;
        border-radius: 17px;
    }

    .sd-profiles,
    .sd-editorial,
    .sd-conversation,
    .sd-guide {
        padding-block: 60px;
    }

    .sd-idea-grid {
        grid-template-columns: 1fr;
    }

    .sd-idea-grid article {
        min-height: 0;
    }

    .sd-final-cta-inner .button {
        width: 100%;
    }

    .sd-footer-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .sd-footer-brand {
        grid-column: auto;
    }

    .sd-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
        padding-block: 18px;
    }

    .sd-utility-hero {
        padding: 58px 0 50px;
    }

    .sd-utility-content {
        padding: 48px 0 62px;
    }

    .sd-login-panel,
    .sd-chat-panel,
    .sd-legal-card {
        padding: 22px 18px;
        border-radius: 16px;
    }

    #coomeet_container {
        min-height: 330px;
    }

    .sd-cluster-content,
    .sd-cluster-profiles,
    .sd-cluster-faq,
    .sd-related-clusters {
        padding-block: 58px;
    }

    .sd-breadcrumbs {
        margin-bottom: 20px;
    }

    .sd-checklist,
    .sd-related-grid,
    .sd-home-cluster-grid {
        grid-template-columns: 1fr;
    }

    .sd-cluster-highlight,
    .sd-safety-panel {
        padding: 22px 18px;
        border-radius: 16px;
    }

    .sd-cluster-step-grid article {
        min-height: 0;
    }
}

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