/* diaspora.ro — complete desktop homepage source layer
   The new desktop homepage has its own information architecture. The existing
   .main homepage remains the mobile source of truth and is never displayed here. */

.desktop-homepage { display: none; }
.site-menu__chat-entry { display:flex; align-items:center; gap:12px; width:100%; margin:12px 0 4px; padding:13px 14px; border:1px solid rgba(99,102,241,.22); border-radius:16px; background:linear-gradient(135deg,rgba(238,242,255,.96),rgba(240,253,250,.96)); color:#18223a; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.site-menu__chat-entry:hover,.site-menu__chat-entry:focus-visible { border-color:rgba(79,70,229,.48); box-shadow:0 8px 24px rgba(79,70,229,.12); transform:translateY(-1px); outline:none; }
.site-menu__chat-mark { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; flex:0 0 34px; border-radius:11px; background:linear-gradient(135deg,#4f46e5,#0f9f9a); color:#fff; font-size:16px; box-shadow:0 5px 14px rgba(79,70,229,.22); }
.site-menu__chat-copy { display:grid; gap:2px; min-width:0; }
.site-menu__chat-copy strong { font-size:13px; line-height:1.2; }
.site-menu__chat-copy span { color:#64748b; font-size:11px; line-height:1.35; }

@media (min-width: 901px) {
  .homepage-body { background:#f4f6f8; color:#14233d; }
  .homepage-body .site-header-stack { background:#fff; border-bottom:1px solid #dfe5eb; box-shadow:0 1px 12px rgba(17,38,64,.05); }
  .homepage-body .topbar { min-height:78px; padding:0 clamp(28px,4.5vw,72px); gap:16px; background:#fff; }
  .homepage-body .tb-logo { gap:10px; }
  .homepage-body .tb-logo img { width:34px !important; height:34px !important; border-radius:10px !important; }
  .homepage-body .tb-logo-txt { color:#14233d; font-size:19px; letter-spacing:-.04em; }
  .homepage-body .tb-logo-txt span { color:#147e83; }
  .homepage-body .tb-live { order:2; padding:5px 10px; border:1px solid #b9e1da; border-radius:999px; background:#f1fbf8; color:#177a72 !important; font-size:10px !important; letter-spacing:.1em !important; }
  .homepage-body .tb-desktop-quick-nav { order:3; gap:clamp(15px,2vw,29px); margin-left:clamp(10px,2.5vw,44px); }
  .homepage-body .tb-desktop-quick-nav a { color:#5c6d82; font-size:12px; font-weight:800; }
  .homepage-body .tb-desktop-quick-nav a:hover,.homepage-body .tb-desktop-quick-nav .tb-news-link { color:#0e6d77; }
  .homepage-body .tb-right { order:4; margin-left:auto; gap:9px; }
  .homepage-body .btn-in,.homepage-body .btn-reg { border-radius:9px; font-size:12px; }
  .homepage-body .btn-in { padding:10px 14px; border-color:#d4dfe8; background:#fff; color:#3d5068; }
  .homepage-body .btn-reg { padding:10px 16px; background:#173f73; box-shadow:0 7px 16px rgba(23,63,115,.18); }
  .homepage-body .site-menu-trigger { order:5; min-height:42px; padding:0 15px; border:1px solid #d4dfe8; border-radius:9px; background:#fff; color:#29445f; }
  .homepage-body .site-menu-trigger:hover,.homepage-body .site-menu-trigger[aria-expanded="true"] { border-color:#70b8af; background:#eff9f7; color:#126d6b; }
  .homepage-body .desktop-atmosphere-slider { min-height:32px; padding:0 clamp(28px,4.5vw,72px); border-top:1px solid #edf1f4; background:#fbfcfd; }

  .homepage-body > .main { display:none !important; }
  .homepage-body > .desktop-homepage { display:block; }
  .homepage-body #melissa-mobile-pro-fab { display:flex !important; }

  .desktop-homepage { width:100%; overflow:hidden; background:#f4f6f8; }
  .desktop-homepage__inner { width:min(1240px,calc(100% - 96px)); margin:0 auto; padding:52px 0 100px; }
  .desktop-homepage__eyebrow { display:block; color:#9de7dd; font-size:11px; font-weight:900; letter-spacing:.14em; line-height:1.4; }
  .desktop-homepage__eyebrow--dark { color:#13847f; }

  .desktop-homepage__hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(440px,.86fr); min-height:548px; background:#112f5c; }
  .desktop-homepage__hero-copy { display:flex; flex-direction:column; justify-content:center; padding:74px clamp(48px,6vw,88px); }
  .desktop-homepage__hero-copy h1 { margin:20px 0 22px; color:#fff; font-size:clamp(54px,5.8vw,86px); font-weight:900; letter-spacing:-.075em; line-height:.96; }
  .desktop-homepage__hero-copy h1 em { color:#a3e8de; font-style:normal; }
  .desktop-homepage__hero-lead { max-width:530px; margin:0; color:rgba(255,255,255,.88); font-size:18px; line-height:1.55; }
  .desktop-homepage__hero-actions { display:flex; align-items:center; gap:12px; margin-top:32px; }
  .desktop-homepage__button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:47px; padding:0 18px; border:1px solid transparent; font-size:12px; font-weight:900; text-decoration:none; transition:transform .18s ease,background .18s ease,border-color .18s ease; }
  .desktop-homepage__button:hover { transform:translateY(-2px); }
  .desktop-homepage__button--primary { background:#e2a754; color:#132c50; }
  .desktop-homepage__button--primary:hover { background:#f0bd6b; }
  .desktop-homepage__button--quiet { border-color:rgba(255,255,255,.32); color:#fff; }
  .desktop-homepage__button--quiet:hover { border-color:#fff; background:rgba(255,255,255,.08); }
  .desktop-homepage__hero-note { display:flex; align-items:center; gap:9px; margin-top:35px; color:rgba(255,255,255,.72); font-size:12px; letter-spacing:.01em; }
  .desktop-homepage__pulse { width:7px; height:7px; border-radius:50%; background:#a3e8de; box-shadow:0 0 0 5px rgba(163,232,222,.12); }
  .desktop-homepage__hero-media { position:relative; min-height:548px; overflow:hidden; background:#0e7d80; }
  .desktop-homepage__hero-media::after { display:none; }
  .desktop-homepage__hero-media img { width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.92) contrast(1.03); }
  .desktop-homepage__hero-media-caption { position:absolute; z-index:1; right:34px; bottom:31px; left:34px; display:grid; grid-template-columns:auto 1fr; column-gap:12px; row-gap:2px; align-items:end; color:#fff; }
  .desktop-homepage__hero-media-caption span { grid-row:span 2; color:#a3e8de; font-size:13px; font-weight:900; }
  .desktop-homepage__hero-media-caption strong { font-size:20px; line-height:1.1; }
  .desktop-homepage__hero-media-caption small { color:rgba(255,255,255,.9); font-size:12px; }
  .desktop-homepage__hero-media-stamp { position:absolute; z-index:1; top:30px; right:30px; display:grid; place-items:center; width:58px; height:58px; border:1px solid rgba(255,255,255,.52); border-radius:50%; color:#fff; font-size:16px; font-weight:900; letter-spacing:-.08em; }

  .desktop-homepage__start { padding:72px 0 78px; }
  .desktop-homepage__section-head { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:27px; }
  .desktop-homepage__section-head h2 { max-width:650px; margin:10px 0 0; color:#14233d; font-size:clamp(31px,3.3vw,46px); letter-spacing:-.06em; line-height:1.02; }
  .desktop-homepage__section-head p { max-width:320px; margin:0 0 3px; color:#405d77; font-size:14px; line-height:1.45; text-align:right; }
  .desktop-homepage__start-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ced8e1; border-bottom:1px solid #ced8e1; }
  .desktop-homepage__start-card { position:relative; display:flex; flex-direction:column; min-height:188px; padding:22px 21px 24px; border-right:1px solid #d8e0e7; color:#14233d; text-decoration:none; transition:background .18s ease,transform .18s ease; }
  .desktop-homepage__start-card:first-child { border-left:1px solid #d8e0e7; }
  .desktop-homepage__start-card:hover { transform:translateY(-4px); background:#fff; }
  .desktop-homepage__start-card--teal:hover { box-shadow:inset 0 4px #168d87; }
  .desktop-homepage__start-card--blue:hover { box-shadow:inset 0 4px #356bc7; }
  .desktop-homepage__start-card--orange:hover { box-shadow:inset 0 4px #d59436; }
  .desktop-homepage__start-card--violet:hover { box-shadow:inset 0 4px #7258c5; }
  .desktop-homepage__card-number { color:#7d8da1; font-size:10px; font-weight:900; letter-spacing:.14em; }
  .desktop-homepage__start-card strong { margin-top:32px; font-size:18px; letter-spacing:-.025em; }
  .desktop-homepage__start-card > span:not(.desktop-homepage__card-number) { max-width:210px; margin-top:9px; color:#6a7889; font-size:12px; line-height:1.5; }
  .desktop-homepage__start-card b { position:absolute; right:20px; bottom:21px; color:#13847f; font-size:22px; font-weight:400; }

  .desktop-homepage__statement { display:grid; grid-template-columns:1.03fr .97fr; min-height:450px; background:#dbeeea; }
  .desktop-homepage__statement-media { position:relative; overflow:hidden; background:#bfdeda; }
  .desktop-homepage__statement-media img { width:100%; height:100%; object-fit:cover; display:block; mix-blend-mode:normal; opacity:1; }
  .desktop-homepage__statement-media span { position:absolute; right:24px; bottom:21px; color:#1b625e; font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
  .desktop-homepage__statement-copy { display:flex; flex-direction:column; justify-content:center; padding:54px clamp(42px,6vw,82px); }
  .desktop-homepage__statement-copy h2 { margin:17px 0 19px; color:#142f4e; font-size:clamp(39px,4vw,59px); letter-spacing:-.07em; line-height:.97; }
  .desktop-homepage__statement-copy h2 em { color:#13847f; font-style:normal; }
  .desktop-homepage__statement-copy p { max-width:440px; margin:0; color:#31566d; font-size:15px; line-height:1.65; }
  .desktop-homepage__text-link { display:inline-flex; align-items:center; gap:18px; width:max-content; margin-top:25px; color:#144d70; font-size:12px; font-weight:900; text-decoration:none; }
  .desktop-homepage__text-link:hover { color:#0f827e; }

  .desktop-homepage__directory { padding:78px 0 85px; }
  .desktop-homepage__directory .desktop-homepage__section-head { margin-bottom:30px; }
  .desktop-homepage__directory-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ced8e1; }
  .desktop-homepage__directory-grid a { display:grid; grid-template-columns:auto 1fr; column-gap:15px; row-gap:5px; padding:23px 18px 24px 0; border-bottom:1px solid #ced8e1; color:#14233d; text-decoration:none; }
  .desktop-homepage__directory-grid a:nth-child(3n+2),.desktop-homepage__directory-grid a:nth-child(3n+3) { padding-left:24px; border-left:1px solid #d8e0e7; }
  .desktop-homepage__directory-grid a:hover strong { color:#0e7d80; }
  .desktop-homepage__directory-icon { grid-row:span 2; display:grid; place-items:center; width:34px; height:34px; border:1px solid #a9c9c6; border-radius:50%; color:#147d79; font-size:18px; }
  .desktop-homepage__directory-grid strong { align-self:end; font-size:15px; }
  .desktop-homepage__directory-grid small { color:#708096; font-size:11px; }

  .desktop-homepage__feature { display:grid; grid-template-columns:.95fr 1.05fr; min-height:390px; background:#17385d; }
  .desktop-homepage__feature-copy { display:flex; flex-direction:column; justify-content:center; padding:52px clamp(42px,6vw,76px); }
  .desktop-homepage__feature-copy h2 { margin:17px 0 19px; color:#fff; font-size:clamp(37px,4vw,56px); letter-spacing:-.065em; line-height:.98; }
  .desktop-homepage__feature-copy h2 em { color:#a3e8de; font-style:normal; }
  .desktop-homepage__feature-copy p { max-width:390px; margin:0; color:rgba(255,255,255,.7); font-size:14px; line-height:1.65; }
  .desktop-homepage__button--light { margin-top:27px; border-color:rgba(255,255,255,.3); color:#fff; }
  .desktop-homepage__button--light:hover { background:rgba(255,255,255,.1); border-color:#fff; }
  .desktop-homepage__feature-media { position:relative; min-height:390px; overflow:hidden; }
  .desktop-homepage__feature-media::after { display:none; }
  .desktop-homepage__feature-media img { width:100%; height:100%; object-fit:cover; display:block; }
  .desktop-homepage__feature-media span { position:absolute; z-index:1; right:28px; bottom:25px; color:#fff; font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
}
/* Neutral interaction pass: no decorative arrows or loud card color strips. */
@media (min-width: 901px) {
  .desktop-homepage__button {
    gap: 0;
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(20,44,74,.10);
  }
  .desktop-homepage__button--primary {
    background: #173f73;
    color: #fff;
  }
  .desktop-homepage__button--primary:hover {
    background: #214f88;
    box-shadow: 0 10px 24px rgba(23,63,115,.22);
  }
  .desktop-homepage__button--quiet {
    border-color: #cbd8e4;
    background: rgba(255,255,255,.78);
    color: #173f73;
    box-shadow: none;
  }
  .desktop-homepage__button--quiet:hover {
    border-color: #98b4c9;
    background: #fff;
    box-shadow: 0 8px 22px rgba(20,44,74,.10);
  }
  .desktop-homepage__button--light {
    border-color: rgba(255,255,255,.42);
    background: rgba(255,255,255,.08);
    color: #fff;
    box-shadow: none;
  }
  .desktop-homepage__button--light:hover {
    border-color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.15);
  }

  .desktop-homepage__start-grid {
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
    border: 0;
  }
  .desktop-homepage__start-card,
  .desktop-homepage__start-card:first-child {
    min-height: 178px;
    padding: 24px 22px;
    border: 1px solid #dbe4ec;
    border-radius: 18px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 5px 18px rgba(20,44,74,.035);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
  }
  .desktop-homepage__start-card:hover,
  .desktop-homepage__start-card:focus-visible {
    transform: translateY(-4px);
    border-color: #9cc8c5;
    outline: 0;
    background: #fff;
    box-shadow:
      0 0 0 1px rgba(115,190,184,.22),
      0 18px 38px rgba(20,44,74,.10),
      0 0 34px rgba(113,207,197,.15),
      inset 0 0 28px rgba(255,255,255,.82);
  }
  .desktop-homepage__start-card:active {
    transform: translateY(-1px);
    box-shadow: 0 0 0 2px rgba(115,190,184,.28), 0 10px 24px rgba(20,44,74,.10), 0 0 28px rgba(113,207,197,.18);
  }
  .desktop-homepage__start-card strong { margin-top: 32px; color: #172e4e; font-size: 18px; }
  .desktop-homepage__start-card > span:not(.desktop-homepage__card-number) { color: #718095; }
  .desktop-homepage__card-number { color: #8a9aab; }

  .desktop-homepage__directory-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    border: 0;
  }
  .desktop-homepage__directory-grid a,
  .desktop-homepage__directory-grid a:nth-child(3n+2),
  .desktop-homepage__directory-grid a:nth-child(3n+3) {
    display: flex;
    flex-direction: column;
    min-height: 88px;
    padding: 14px 15px 13px;
    border: 1px solid #dbe4ec;
    border-radius: 16px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 5px 18px rgba(20,44,74,.028);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
  }
  .desktop-homepage__directory-grid a:hover,
  .desktop-homepage__directory-grid a:focus-visible {
    transform: translateY(-3px);
    border-color: #9cc8c5;
    outline: 0;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(115,190,184,.2), 0 16px 32px rgba(20,44,74,.09), 0 0 28px rgba(113,207,197,.12);
  }
  .desktop-homepage__directory-grid strong { margin-top: auto; color: #172e4e; font-size: 15px; }
  .desktop-homepage__directory-grid small { margin-top: 6px; color: #718095; }
  .desktop-homepage__directory-grid a::before {
    content: '';
    display: block;
    width: 28px;
    height: 4px;
    border-radius: 999px;
    background: #b8d9d5;
  }
}


/* Desktop homepage cleanup: calm cards, visible-but-not-heavy header, no decorative arrows. */
@media (min-width: 901px) {
  .homepage-body .topbar {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto auto;
    align-items: center;
    min-height: 78px;
    gap: 14px;
    padding-inline: clamp(24px, 3.5vw, 60px);
  }
  .homepage-body .tb-logo { min-width: 0; }
  .homepage-body .tb-logo-txt { font-weight: 700; letter-spacing: -.025em; }
  .homepage-body .tb-live { white-space: nowrap; font-weight: 700 !important; letter-spacing: .06em !important; }
  .homepage-body .tb-desktop-quick-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin-left: 0;
    gap: clamp(12px, 1.5vw, 24px);
  }
  .homepage-body .tb-desktop-quick-nav a {
    white-space: nowrap;
    color: #31445d;
    font-size: 13px;
    font-weight: 650;
    letter-spacing: .005em;
    line-height: 1.2;
  }
  .homepage-body .tb-desktop-quick-nav a:hover,
  .homepage-body .tb-desktop-quick-nav .tb-news-link { color: #146f73; }
  .homepage-body .tb-right {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-left: 0;
    gap: 8px;
  }
  .homepage-body .btn-in,
  .homepage-body .btn-reg,
  .homepage-body .site-menu-trigger {
    min-height: 42px;
    white-space: nowrap;
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .homepage-body .btn-in { padding: 0 14px; }
  .homepage-body .btn-reg { padding: 0 16px; box-shadow: 0 6px 16px rgba(23,63,115,.14); }
  .homepage-body .site-menu-trigger { padding: 0 14px; }

  .homepage-body .desktop-homepage__button,
  .homepage-body .home-showcase-slide__action {
    border-radius: 14px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 8px 20px rgba(20,44,74,.10);
  }
  .homepage-body .desktop-homepage__button:hover,
  .homepage-body .home-showcase-slide__action:hover,
  .homepage-body .desktop-homepage__button:focus-visible,
  .homepage-body .home-showcase-slide__action:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 0 0 3px rgba(115,190,184,.16), 0 14px 28px rgba(20,44,74,.14);
    outline: 0;
  }

  .homepage-body .desktop-homepage__start-card,
  .homepage-body .desktop-homepage__start-card:first-child,
  .homepage-body .desktop-homepage__directory-grid a,
  .homepage-body .desktop-homepage__directory-grid a:nth-child(3n+2),
  .homepage-body .desktop-homepage__directory-grid a:nth-child(3n+3),
  .homepage-body .home-intent__card,
  .homepage-body .needs-nav__item,
  .homepage-body .stats.stats-live > .stat-live {
    border: 1px solid rgba(133,160,184,.34);
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(20,44,74,.045);
  }
  .homepage-body .desktop-homepage__start-card,
  .homepage-body .desktop-homepage__directory-grid a,
  .homepage-body .home-intent__card,
  .homepage-body .needs-nav__item,
  .homepage-body .stats.stats-live > .stat-live {
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .homepage-body .desktop-homepage__start-card:hover,
  .homepage-body .desktop-homepage__start-card:focus-visible,
  .homepage-body .desktop-homepage__directory-grid a:hover,
  .homepage-body .desktop-homepage__directory-grid a:focus-visible,
  .homepage-body .home-intent__card:hover,
  .homepage-body .home-intent__card:focus-visible,
  .homepage-body .needs-nav__item:hover,
  .homepage-body .needs-nav__item:focus-visible,
  .homepage-body .stats.stats-live > .stat-live:hover,
  .homepage-body .stats.stats-live > .stat-live:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(84,169,163,.66);
    background: #fff !important;
    box-shadow: 0 0 0 2px rgba(115,190,184,.16), 0 8px 18px rgba(20,44,74,.08);
    outline: 0;
  }
  .homepage-body .desktop-homepage__start-card:active,
  .homepage-body .desktop-homepage__directory-grid a:active,
  .homepage-body .home-intent__card:active,
  .homepage-body .needs-nav__item:active {
    transform: translateY(-1px);
    box-shadow: 0 0 0 4px rgba(115,190,184,.18), 0 10px 24px rgba(20,44,74,.10);
  }
  .homepage-body .desktop-homepage__directory-grid a::before { display: none !important; }

  /* No decorative directional arrows on the homepage. */
  .homepage-body .home-showcase__arrow,
  .homepage-body .needs-nav__arrow,
  .homepage-body .desktop-homepage__start-card b,
  .homepage-body .tool-arrow,
  .homepage-body .action-card-arrow { display: none !important; }
  .homepage-body .home-showcase__navigation { gap: 0; }
}

@media (min-width: 901px) and (max-width: 1179px) {
  .homepage-body .tb-desktop-quick-nav { display: none; }
  .homepage-body .topbar { grid-template-columns: auto auto minmax(0, 1fr) auto; }
}


/* Keep every desktop header control on one stable row. */
@media (min-width: 901px) {
  .homepage-body .topbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .homepage-body .tb-logo { order: 1; flex: 0 0 auto; }
  .homepage-body .tb-live { order: 2; flex: 0 0 auto; }
  .homepage-body .tb-desktop-quick-nav {
    order: 3;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
  }
  .homepage-body .tb-right { order: 4; flex: 0 0 auto; }
  .homepage-body .dpr-global-language--header {
    order: 5;
    flex: 0 0 auto;
    margin: 0;
  }
  .homepage-body .site-menu-trigger { order: 6; flex: 0 0 auto; }
}


/* Final desktop header styling: remove redundant language caption and make controls unmistakable. */
@media (min-width: 901px) {
  .homepage-body .tb-right { gap: 10px !important; }
  .homepage-body .tb-right .btn-in,
  .homepage-body .tb-right .btn-reg,
  .homepage-body .site-menu-trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease !important;
  }
  .homepage-body .tb-right .btn-in {
    padding: 0 16px !important;
    border: 1px solid #c7d7e4 !important;
    background: #f5f9fc !important;
    color: #173f73 !important;
    box-shadow: 0 4px 12px rgba(20,44,74,.06) !important;
  }
  .homepage-body .tb-right .btn-in:hover,
  .homepage-body .tb-right .btn-in:focus-visible {
    border-color: #7bb9b2 !important;
    background: #edf9f6 !important;
    color: #126d6b !important;
    box-shadow: 0 0 0 3px rgba(115,190,184,.14), 0 8px 18px rgba(20,44,74,.10) !important;
    transform: translateY(-1px);
    outline: 0;
  }
  .homepage-body .tb-right .btn-reg {
    padding: 0 18px !important;
    border: 1px solid #173f73 !important;
    background: #173f73 !important;
    color: #fff !important;
    box-shadow: 0 7px 18px rgba(23,63,115,.22) !important;
  }
  .homepage-body .tb-right .btn-reg:hover,
  .homepage-body .tb-right .btn-reg:focus-visible {
    border-color: #214f88 !important;
    background: #214f88 !important;
    box-shadow: 0 0 0 3px rgba(115,190,184,.16), 0 10px 22px rgba(23,63,115,.28) !important;
    transform: translateY(-1px);
    outline: 0;
  }
  .homepage-body .site-menu-trigger {
    padding: 0 15px !important;
    border: 1px solid #c7d7e4 !important;
    background: #fff !important;
    color: #173f73 !important;
    box-shadow: 0 4px 12px rgba(20,44,74,.06) !important;
  }
  .homepage-body .site-menu-trigger:hover,
  .homepage-body .site-menu-trigger:focus-visible,
  .homepage-body .site-menu-trigger[aria-expanded="true"] {
    border-color: #7bb9b2 !important;
    background: #edf9f6 !important;
    color: #126d6b !important;
    box-shadow: 0 0 0 3px rgba(115,190,184,.14), 0 8px 18px rgba(20,44,74,.10) !important;
    transform: translateY(-1px);
    outline: 0;
  }
}


/* Keep the desktop quick navigation readable inside the available center column. */
@media (min-width: 1180px) {
  .homepage-body .tb-desktop-quick-nav {
    justify-content: flex-start;
    gap: 10px;
    overflow: visible;
  }
  .homepage-body .tb-desktop-quick-nav a {
    flex: 0 0 auto;
    padding: 6px 4px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 650 !important;
  }
  .homepage-body .tb-desktop-quick-nav a:hover,
  .homepage-body .tb-desktop-quick-nav a:focus-visible {
    border-color: #d2e6e3 !important;
    background: #f0f9f7 !important;
    color: #126d6b !important;
    outline: 0;
  }
  .homepage-body .tb-desktop-quick-nav .tb-news-link {
    border-color: #d7e7e6 !important;
    background: #f3faf9 !important;
    color: #146f73 !important;
  }
}


/* Homepage card/button refresh: no numbered labels, no decorative arrows, calmer interaction. */
@media (min-width: 901px) {
  .homepage-body .desktop-homepage,
  .homepage-body .desktop-homepage button,
  .homepage-body .desktop-homepage input {
    font-family: Arial, Helvetica, sans-serif;
  }

  .homepage-body .desktop-homepage__hero-media-caption span,
  .homepage-body .desktop-homepage__card-number { display: none !important; }
  .homepage-body .desktop-homepage__hero-media-caption {
    display: block;
    left: 34px;
    right: 34px;
  }
  .homepage-body .desktop-homepage__hero-media-caption strong {
    display: block;
    margin-bottom: 3px;
  }

  .homepage-body .desktop-homepage__brand-inline,
  .homepage-body .tb-logo-txt {
    font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: -.025em;
  }
  .homepage-body .desktop-homepage__brand-inline {
    color: #14233d;
    white-space: nowrap;
  }
  .homepage-body .desktop-homepage__brand-inline span,
  .homepage-body .tb-logo-txt span {
    color: #147e83;
  }

  .homepage-body .desktop-homepage__start-card strong {
    margin-top: 0 !important;
    color: #163e66;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.015em;
  }
  .homepage-body .desktop-homepage__start-card > span:not(.desktop-homepage__card-number) {
    max-width: 250px;
    margin-top: 7px;
    color: #315a78;
    font-size: 12.5px;
    line-height: 1.4;
  }

  .homepage-body .desktop-homepage__directory-grid a,
  .homepage-body .desktop-homepage__directory-grid a:nth-child(3n+2),
  .homepage-body .desktop-homepage__directory-grid a:nth-child(3n+3) {
    border-color: #dce5ec !important;
    border-radius: 12px;
    background: #fbfcfd !important;
    box-shadow: 0 3px 10px rgba(20,44,74,.035);
  }

  .homepage-body .desktop-homepage__directory-grid strong {
    color: #163e66;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
  }

  .homepage-body .desktop-homepage__directory-grid small {
    margin-top: 5px;
    color: #315a78;
    font-size: 11.5px;
    line-height: 1.35;
  }

  .homepage-body .desktop-homepage__button,
  .homepage-body .home-showcase-slide__action {
    min-height: 48px;
    padding-inline: 20px;
    border: 1px solid transparent;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0;
  }
  .homepage-body .desktop-homepage__button--primary,
  .homepage-body .home-showcase-slide__action {
    border-color: #173f73 !important;
    background: #173f73 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(23,63,115,.18);
  }
  .homepage-body .desktop-homepage__button--primary:hover,
  .homepage-body .home-showcase-slide__action:hover,
  .homepage-body .desktop-homepage__button--primary:focus-visible,
  .homepage-body .home-showcase-slide__action:focus-visible {
    border-color: #214f88 !important;
    background: #214f88 !important;
    box-shadow: 0 0 0 3px rgba(115,190,184,.16), 0 12px 26px rgba(23,63,115,.25);
  }
  .homepage-body .desktop-homepage__button--quiet {
    border-color: #c7d7e4 !important;
    background: #fff !important;
    color: #173f73 !important;
    box-shadow: 0 6px 16px rgba(20,44,74,.07);
  }
  .homepage-body .desktop-homepage__button--quiet:hover,
  .homepage-body .desktop-homepage__button--quiet:focus-visible {
    border-color: #7bb9b2 !important;
    background: #edf9f6 !important;
    color: #126d6b !important;
    box-shadow: 0 0 0 3px rgba(115,190,184,.14), 0 10px 22px rgba(20,44,74,.11);
  }
  .homepage-body .desktop-homepage__button--light {
    border-color: rgba(255,255,255,.58) !important;
    background: rgba(255,255,255,.1) !important;
    color: #fff !important;
  }
}


/* desktop clarity pass: consistent diaspora.ro lockup and readable action cards */
@media (min-width: 901px) {
  /* Use the same mark + word lockup inside the page as in the header. */
  .homepage-body .desktop-homepage__brand-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    vertical-align: middle;
    color: #14233d;
    font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
    font-weight: 800;
    letter-spacing: -.025em;
    white-space: nowrap;
  }
  .homepage-body .desktop-homepage__brand-inline > img {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    border-radius: 7px;
    object-fit: cover;
    box-shadow: 0 3px 8px rgba(20,44,74,.16);
  }
  .homepage-body .desktop-homepage__brand-name { color: #14233d !important; }
  .homepage-body .desktop-homepage__brand-domain { color: #147e83 !important; }

  /* Make the media stamp a recognizable diaspora.ro lockup instead of d.ro. */
  .homepage-body .desktop-homepage__hero-media-stamp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    min-width: 142px;
    height: 42px;
    padding: 0 12px 0 7px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 999px;
    background: rgba(9,31,59,.42);
    color: #fff;
    font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.025em;
    text-shadow: 0 1px 8px rgba(0,0,0,.25);
    backdrop-filter: blur(8px);
  }
  .homepage-body .desktop-homepage__hero-media-stamp > img {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    object-fit: cover;
  }
  .homepage-body .desktop-homepage__hero-media-stamp > span > span { color: #9de7dd; }

  /* Card surfaces and typography are consolidated below. */
}


/* Desktop card family: the four start cards and six directory cards share one contract. */
@media (min-width: 901px) {
  .homepage-body .desktop-homepage__start-card,
  .homepage-body .desktop-homepage__directory-grid a {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 112px !important;
    gap: 0 !important;
    padding: 15px 18px 14px !important;
    border: 1px solid #d7e1e9 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(20, 44, 74, .045) !important;
    overflow: hidden !important;
    text-align: center !important;
    color: #163e66 !important;
  }

  .homepage-body .desktop-homepage__start-card strong,
  .homepage-body .desktop-homepage__directory-grid strong {
    max-width: 250px !important;
    margin: 0 !important;
    color: #163e66 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -.015em !important;
  }

  .homepage-body .desktop-homepage__start-card > span:not(.desktop-homepage__card-number),
  .homepage-body .desktop-homepage__directory-grid small {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 250px !important;
    max-width: 250px !important;
    min-height: 35px !important;
    margin: 7px 0 0 !important;
    color: #315a78 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  .homepage-body .desktop-homepage__card-number,
  .homepage-body .desktop-homepage__start-card b,
  .homepage-body .desktop-homepage__directory-grid a::before {
    display: none !important;
  }

  .homepage-body .desktop-homepage__start-card:hover,
  .homepage-body .desktop-homepage__start-card:focus-visible,
  .homepage-body .desktop-homepage__directory-grid a:hover,
  .homepage-body .desktop-homepage__directory-grid a:focus-visible {
    transform: translateY(-2px);
    border-color: #9cc8c5 !important;
    background: #fff !important;
    box-shadow: 0 0 0 2px rgba(115, 190, 184, .14), 0 10px 22px rgba(20, 44, 74, .09) !important;
    outline: 0;
  }

  .homepage-body #melissa-mobile-pro-fab {
    display: flex !important;
  }
}

/* Atmosphere integration: the global light-to-night control also themes the desktop homepage. */
@media (min-width: 901px) {
  html[data-atmosphere-active=1] body.homepage-body,
  html[data-atmosphere-active=1] .homepage-body .desktop-homepage {
    background: var(--atmo-bg, #f4f6f8) !important;
    color: var(--atmo-text, #14233d) !important;
    transition: background-color .7s ease, color .7s ease;
  }

  html[data-atmosphere-active=1] .homepage-body .site-header-stack,
  html[data-atmosphere-active=1] .homepage-body .topbar,
  html[data-atmosphere-active=1] .homepage-body .desktop-atmosphere-slider,
  html[data-atmosphere-active=1] .homepage-body .clockbar {
    background: var(--atmo-surface, #fff) !important;
    border-color: var(--atmo-border, #e3e8f2) !important;
  }

  html[data-atmosphere-active=1] .homepage-body .tb-logo-txt,
  html[data-atmosphere-active=1] .homepage-body .tb-desktop-quick-nav a,
  html[data-atmosphere-active=1] .homepage-body .site-menu-trigger,
  html[data-atmosphere-active=1] .homepage-body .btn-in,
  html[data-atmosphere-active=1] .desktop-homepage__section-head h2,
  html[data-atmosphere-active=1] .desktop-homepage__statement-copy h2,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid a,
  html[data-atmosphere-active=1] .desktop-homepage__start-card {
    color: var(--atmo-text, #14233d) !important;
  }

  html[data-atmosphere-active=1] .homepage-body .tb-desktop-quick-nav a,
  html[data-atmosphere-active=1] .desktop-homepage__section-head p,
  html[data-atmosphere-active=1] .desktop-homepage__statement-copy p,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid small,
  html[data-atmosphere-active=1] .desktop-homepage__start-card > span:not(.desktop-homepage__card-number) {
    color: var(--atmo-muted, #526176) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__eyebrow--dark,
  html[data-atmosphere-active=1] .desktop-homepage__statement-copy h2 em,
  html[data-atmosphere-active=1] .desktop-homepage__text-link,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid a:hover strong {
    color: var(--atmo-accent, #4f46e5) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__start-grid,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid {
    border-color: var(--atmo-border, #ced8e1) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__start-card,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid a {
    background: var(--atmo-surface, #fff) !important;
    border-color: var(--atmo-border, #d7e1e9) !important;
    box-shadow: 0 5px 18px var(--atmo-shadow, rgba(37,71,130,.10)) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__start-card strong,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid strong {
    color: var(--atmo-text, #163e66) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__start-card > span:not(.desktop-homepage__card-number),
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid small {
    color: var(--atmo-muted, #315a78) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__start-card:hover,
  html[data-atmosphere-active=1] .desktop-homepage__start-card:focus-visible,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid a:hover,
  html[data-atmosphere-active=1] .desktop-homepage__directory-grid a:focus-visible {
    background: var(--atmo-surface-soft, #f8fbff) !important;
    border-color: var(--atmo-accent, #4f46e5) !important;
    box-shadow: 0 0 0 2px var(--atmo-border, #e3e8f2), 0 10px 24px var(--atmo-shadow, rgba(37,71,130,.10)) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__statement {
    background: var(--atmo-surface-soft, #f8fbff) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__statement-copy h2 {
    color: var(--atmo-text, #142f4e) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__statement-copy p {
    color: var(--atmo-muted, #31566d) !important;
  }

  html[data-atmosphere-active=1] .desktop-homepage__statement-media {
    background: var(--atmo-surface, #bfdeda) !important;
  }

  html[data-atmosphere-active=1] .footer {
    background: var(--atmo-surface, #fff) !important;
    border-color: var(--atmo-border, #e3e8f2) !important;
    color: var(--atmo-text, #172033) !important;
  }

  html[data-atmosphere-active=1] .footer a,
  html[data-atmosphere-active=1] .footer-col-t,
  html[data-atmosphere-active=1] .fcopy {
    color: var(--atmo-text, #172033) !important;
  }

  /* Dark mode also switches the two dark editorial panels without losing contrast. */
  html[data-atmosphere-level=dark] .desktop-homepage__hero,
  html[data-atmosphere-level=dark] .desktop-homepage__feature {
    background: var(--atmo-surface, #1f2937) !important;
  }

  html[data-atmosphere-level=dark] .desktop-homepage__hero-copy h1,
  html[data-atmosphere-level=dark] .desktop-homepage__hero-lead,
  html[data-atmosphere-level=dark] .desktop-homepage__hero-note,
  html[data-atmosphere-level=dark] .desktop-homepage__feature-copy h2,
  html[data-atmosphere-level=dark] .desktop-homepage__feature-copy p {
    color: var(--atmo-text, #f8fafc) !important;
  }

  html[data-atmosphere-level=dark] .desktop-homepage__hero-copy h1 em,
  html[data-atmosphere-level=dark] .desktop-homepage__feature-copy h2 em,
  html[data-atmosphere-level=dark] .desktop-homepage__eyebrow {
    color: var(--atmo-accent, #a5b4fc) !important;
  }

  html[data-atmosphere-level=dark] .desktop-homepage__button--quiet,
  html[data-atmosphere-level=dark] .desktop-homepage__button--light {
    border-color: var(--atmo-border, #475569) !important;
    color: var(--atmo-text, #f8fafc) !important;
  }
}

/* Final desktop homepage contract: centered section heads and one shared pastel card gradient. */
@media (min-width: 901px) {
  :root {
    --desktop-home-card-gradient: linear-gradient(135deg, #edf6ff 0%, #f7f3ff 50%, #eefaf6 100%);
  }

  html[data-atmosphere-level=mid] {
    --desktop-home-card-gradient: linear-gradient(135deg, #eaf3ff 0%, #f1edff 50%, #e8f7f3 100%);
  }

  html[data-atmosphere-level=dark] {
    --desktop-home-card-gradient: linear-gradient(135deg, #263b5a 0%, #3d365e 50%, #244c4b 100%);
  }

  .desktop-homepage__section-head {
    align-items: center !important;
    flex-direction: column !important;
    gap: 14px !important;
    text-align: center !important;
  }

  .desktop-homepage__section-head > div {
    display: grid;
    justify-items: center;
    text-align: center !important;
  }

  .desktop-homepage__section-head h2 {
    max-width: 820px !important;
    text-align: center !important;
  }

  .desktop-homepage__section-head p {
    max-width: 680px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  .desktop-homepage__section-head .desktop-homepage__text-link {
    margin: 0 !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .desktop-homepage__start-card,
  .desktop-homepage__directory-grid a {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: var(--desktop-home-card-gradient) !important;
    border-color: #cbd9e7 !important;
  }

  .desktop-homepage__start-card strong,
  .desktop-homepage__start-card > span:not(.desktop-homepage__card-number),
  .desktop-homepage__directory-grid strong,
  .desktop-homepage__directory-grid small {
    width: 100% !important;
    max-width: 250px !important;
    text-align: center !important;
  }

  .desktop-homepage__start-card strong,
  .desktop-homepage__directory-grid strong {
    color: var(--atmo-text, #163e66) !important;
  }

  .desktop-homepage__start-card > span:not(.desktop-homepage__card-number),
  .desktop-homepage__directory-grid small {
    color: var(--atmo-muted, #315a78) !important;
  }

  html[data-atmosphere-level=dark] .desktop-homepage__start-card strong,
  html[data-atmosphere-level=dark] .desktop-homepage__directory-grid strong {
    color: #f8fafc !important;
  }

  html[data-atmosphere-level=dark] .desktop-homepage__start-card > span:not(.desktop-homepage__card-number),
  html[data-atmosphere-level=dark] .desktop-homepage__directory-grid small {
    color: #dbeafe !important;
  }
}

/* Highest-priority final contract: keep the atmosphere layer and pastel card family together. */
@media (min-width: 901px) {
  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__start-card,
  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__directory-grid a {
    background: var(--desktop-home-card-gradient) !important;
    background-image: var(--desktop-home-card-gradient) !important;
    background-color: transparent !important;
    border-color: var(--atmo-border, #cbd9e7) !important;
  }

  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__start-card strong,
  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__directory-grid strong {
    color: var(--atmo-text, #163e66) !important;
    -webkit-text-fill-color: currentColor !important;
  }

  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__start-card > span:not(.desktop-homepage__card-number),
  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__directory-grid small {
    color: var(--atmo-muted, #315a78) !important;
    -webkit-text-fill-color: currentColor !important;
  }

  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__section-head h2 {
    color: var(--atmo-text, #14233d) !important;
    -webkit-text-fill-color: currentColor !important;
  }

  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__section-head p {
    color: var(--atmo-muted, #405d77) !important;
  }

  html[data-atmosphere-active=1] body.homepage-body .desktop-homepage .desktop-homepage__section-head .desktop-homepage__text-link {
    color: var(--atmo-accent, #4f46e5) !important;
  }

  html[data-atmosphere-level=dark] body.homepage-body .desktop-homepage .desktop-homepage__start-card strong,
  html[data-atmosphere-level=dark] body.homepage-body .desktop-homepage .desktop-homepage__directory-grid strong {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
  }

  html[data-atmosphere-level=dark] body.homepage-body .desktop-homepage .desktop-homepage__start-card > span:not(.desktop-homepage__card-number),
  html[data-atmosphere-level=dark] body.homepage-body .desktop-homepage .desktop-homepage__directory-grid small {
    color: #dbeafe !important;
    -webkit-text-fill-color: #dbeafe !important;
  }
}