/* Desktop-only enhancement. Keep mobile markup, styles and carousel behavior intact. */
@media (min-width: 1024px) {
  html { scroll-padding-top: 110px; }
  body { max-width: none; background: radial-gradient(ellipse at 75% 0, #dff5ff, transparent 32%), #f4f9ff; }
  .page { max-width: 1360px; margin: 0 auto; padding: 0 36px 0; }
  .topbar {
    position: sticky;
    top: 0;
    z-index: 70;
    grid-template-columns: 66px 156px minmax(0, 1fr) 88px;
    gap: 18px;
    min-height: 88px;
    padding: 12px 0;
    background: #f4f9fff7;
    border-bottom: 1px solid #dbeaf8;
  }
  .topbar .home-button { grid-column: 1; grid-row: 1; }
  .topbar .brand { grid-column: 2; grid-row: 1; }
  .topbar .menu { grid-column: 4; grid-row: 1; }
  .desktop-navigation { display: flex; grid-column: 3; grid-row: 1; align-items: center; justify-content: center; gap: clamp(6px, 1.3vw, 22px); }
  .desktop-navigation a { position: relative; padding: 14px 4px; color: #314f70; font-size: .94rem; font-weight: 750; text-decoration: none; white-space: nowrap; transition: color .2s ease; }
  .desktop-navigation a::after { content: ""; position: absolute; left: 4px; right: 4px; bottom: 5px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--cyan), var(--blue)); transform: scaleX(0); transition: transform .2s ease; }
  .desktop-navigation a:hover, .desktop-navigation a:focus-visible { color: #1674d5; }
  .desktop-navigation a:hover::after, .desktop-navigation a:focus-visible::after { transform: scaleX(1); }
  .home { margin: 30px 0 64px; scroll-margin-top: 110px; }
  .home-content {
    max-width: none;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    grid-template-areas: "plan platforms" "contact contact" "policies policies" "rates rates" "calculation calculation" "support support";
    align-items: start;
    gap: 28px;
  }
  .home-section, .home-platforms, .commission-section, .agent-showcase, .sponsors { scroll-margin-top: 110px; }
  #plan { grid-area: plan; align-self: start; display: grid; align-items: start; }
  #plan .home-art { width: 100%; max-width: 500px; margin: 0 auto; }
  #home-platforms { grid-area: platforms; padding: 24px; background: #ffffffd9; }
  .home-platforms .platform-head { padding: 0 0 20px; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: left; }
  .home-platforms .platform-head h1 { font-size: 2.125rem; letter-spacing: .02em; }
  .home-platforms .platform-list { gap: 12px; }
  /* Definite, shrinkable tracks prevent the original portrait logos from sizing
     the grid beyond its short desktop card and getting clipped. */
  .home-platforms .platform-card { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: clamp(128px, 10.5vw, 152px); min-height: 0; aspect-ratio: auto; padding: 8px; border-radius: 18px; box-shadow: 0 4px 12px #2476fd0b; }
  .home-platforms .brand-logo { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 0; width: 100%; height: 100%; padding: 10px; border: 0; border-radius: 12px; }
  .home-platforms .brand-logo img { min-width: 0; min-height: 0; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; }
  .home-platforms .unified-register-btn { min-height: 54px; margin-top: 20px; font-size: 1rem; border-radius: 14px; }
  #contact { grid-area: contact; display: grid; grid-template-columns: minmax(220px, .85fr) minmax(0, 1.15fr); align-items: center; gap: 12px 28px; padding: 24px; border-radius: 24px; }
  .contact-heading { margin: 0; }
  .contact-heading h2 { font-size: 1.2rem; }
  .contact-heading p { font-size: .9rem; }
  .telegram-icon { width: 42px; height: 42px; border-radius: 13px; }
  .contact-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .contact-action { min-height: 48px; padding: 12px; border-radius: 12px; font-size: .95rem; }
  .contact-note { grid-column: 1 / -1; margin: 0; padding-top: 14px; border-top: 1px solid #e1edf9; font-size: .875rem; }

  /* Reuse the original artwork unchanged; arrange its four cards in one row. */
  #policies { grid-area: policies; padding: 22px 24px; border: 1px solid #d5e7fc; border-radius: 26px; background: linear-gradient(145deg, #eff8ff, #e7f3ff); }
  #policies > .home-art, #policies > a { display: none; }
  .desktop-policy-showcase { display: block; }
  .desktop-policy-heading { width: min(100%, 440px); margin: 0 auto 16px; }
  .desktop-policy-heading svg, .desktop-policy-card svg { display: block; width: 100%; height: auto; }
  .desktop-policy-grid { display: grid; width: min(100%, 848px); margin-inline: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .desktop-policy-card { display: block; min-width: 0; overflow: hidden; aspect-ratio: 275 / 407; border-radius: 20px; color: #176bb7; text-decoration: none; transition: transform .28s ease, box-shadow .28s ease; }
  .desktop-policy-card:hover { transform: translateY(-4px); box-shadow: 0 12px 22px #2476fd20; }
  .desktop-policy-card:focus-visible { outline: 3px solid #2476fd; outline-offset: 4px; }
  .desktop-policy-card:active { transform: scale(.985); }
  .member-activity-actions { width: min(100%, 848px); grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 16px auto 0; gap: 16px; }
  .member-activity-action { min-height: 60px; border-radius: 16px; }
  .member-activity-action span { display: block; }
  .member-activity-action strong { display: block; font-size: 1.05rem; }

  #commission-rates { grid-area: rates; align-self: start; }
  #commission-calculation { grid-area: calculation; align-self: start; }
  #commission-support { grid-area: support; }
  #brand-strength { display: none; }
  /* Each commission topic has its own full-width section and natural height. */
  .commission-section { padding: 22px 26px; border-radius: 24px; }
  .commission-section h2 { margin: 10px 0 10px; font-size: 1.65rem; }
  .commission-section p, .commission-section li, .commission-section dd { font-size: 1rem; line-height: 1.8; }
  .commission-section > p { margin-bottom: 12px; }
  .commission-section .definition-box { margin: 10px 0 12px; padding: 9px 14px; }
  .commission-table { margin: 12px 0 0; font-size: 1rem; line-height: 1.5; box-shadow: none; }
  .commission-table caption { padding-bottom: 8px; }
  .commission-table thead th { padding: 10px 12px; font-size: .94rem; line-height: 1.4; }
  .commission-table thead br { display: none; }
  .commission-table tbody th, .commission-table td { height: auto; padding: 8px 12px; }
  .commission-table tbody th { font-size: .94rem; }
  .commission-table .rate-value { font-size: 1.25rem; line-height: 1.4; }
  .commission-table .support-condition br { display: none; }
  .commission-table tbody tr:hover { background: #e6f5ff; }
  .formula-stack { grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 14px 0; }
  .formula-card { display: grid; grid-template-columns: 148px minmax(0, 1fr); align-items: center; gap: 20px; min-height: 64px; padding: 14px 18px; }
  .formula-card h3 { margin: 0; font-size: 1.05rem; line-height: 1.5; }
  .formula-card p { min-width: 0; margin: 0; font-size: 1rem; line-height: 1.7; }
  .formula-card .formula-line { display: inline; }
  .formula-card .formula-line + .formula-line { margin-left: .35em; }
  .formula-card.emphasis { background: linear-gradient(135deg, #eafaff, #e8f2ff); border-color: #99cef7; }
  .fee-details { margin-top: 18px; }
  .fee-details summary { padding: 14px 18px; }
  .commission-definitions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
  .support-heading { margin: 10px 0 12px; gap: 20px; }
  .support-heading h2 { margin: 0; }
  .support-heading h2 br { display: none; }
  .support-heading .support-max { flex-direction: row; gap: 12px; min-width: 148px; min-height: 56px; padding: 10px 18px; border-radius: 16px; }
  .support-max small { font-size: .8rem; }
  .support-max b { font-size: 1.75rem; }
  .support-rules { padding-left: 24px; }
  .support-rules li + li { margin-top: 8px; }
  .standards-note { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; margin-top: 14px; padding: 14px 16px; }
  .standards-note h3 { grid-column: 1 / -1; margin: 0; }
  .standards-note p, .standards-note p + p { margin: 0; }
  .standards-note p:last-child { grid-column: 1 / -1; font-size: .9rem; color: #62758a; }

  .agent-showcase { margin-bottom: 64px; }
  .showcase-heading { margin-bottom: 28px; }
  .showcase-grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 28px; }
  .carousel-panel { padding: 30px; border-radius: 24px; }
  .story-slide { padding: 18px 10px 30px; }
  .story-slide h4 { font-size: 1.55rem; line-height: 1.6; }
  .story-slide p { font-size: 1.05rem; line-height: 2.05; }
  .commission-stage { height: 470px; flex: 1 0 470px; }
  .carousel-heading > span { font-size: .8rem; }
  .sponsors { margin-bottom: 64px; }
  .sponsors-heading { margin-bottom: 24px; }
  .desktop-brand-banner { display: block; margin: 0 0 28px; overflow: hidden; border-radius: 24px; }
  .desktop-brand-banner img { display: block; width: 100%; height: auto; }
  .brand-advantages { padding: 32px; margin-bottom: 28px; }
  .advantages-grid { gap: 22px; }
  .advantage-card { padding: 26px; box-shadow: 0 6px 18px #2b6dad0d; }
  .sponsor-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  .sponsor-card { transition: transform .25s ease, box-shadow .25s ease; }
  .sponsor-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px #2476fd22; }
  .site-footer { margin: 0 -36px; padding: 48px 36px 32px; border-radius: 28px 28px 0 0; }
  .footer-top { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 64px; }
  .footer-license { margin-top: 36px; padding-top: 28px; }
  .bottom-nav { display: none; }
  .manager-float { right: 24px; bottom: 28px; }
  .contact-status { bottom: 100px; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .page { padding-inline: 28px; }
  .topbar { gap: 12px; grid-template-columns: 66px 148px minmax(0, 1fr) 84px; }
  .desktop-navigation { gap: 6px; }
  .desktop-navigation a { font-size: .84rem; }
  .home-content { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 22px; }
  .commission-section { padding: 22px; }
  .formula-card { grid-template-columns: 132px minmax(0, 1fr); gap: 16px; padding: 14px 16px; }
  .commission-definitions { grid-template-columns: 1fr; }
  #contact { grid-template-columns: minmax(200px, .85fr) minmax(0, 1.15fr); gap: 12px 20px; padding: 22px; }
  .contact-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .carousel-panel { padding: 24px; }
  .story-slide { padding-inline: 0; }
  .story-slide h4 { font-size: 1.3rem; }
  .site-footer { margin-inline: -28px; padding-inline: 28px; }
}

@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  .desktop-navigation a, .desktop-navigation a::after, .sponsor-card, .desktop-policy-card { transition: none; }
  .sponsor-card:hover, .desktop-policy-card:hover, .desktop-policy-card:active { transform: none; }
}