@media (min-width: 1024px) {
  html { scroll-padding-top: 110px; }
  body { max-width: none; background: radial-gradient(at 75% 0px, rgb(223, 245, 255), transparent 32%), rgb(244, 249, 255); }
  .page { max-width: 1360px; margin: 0px auto; padding: 0px 36px; }
  .topbar { position: sticky; top: 0px; z-index: 70; grid-template-columns: 66px 156px minmax(0px, 1fr) 88px; gap: 18px; min-height: 88px; padding: 12px 0px; background: rgba(244, 249, 255, 0.97); border-bottom: 1px solid rgb(219, 234, 248); }
  .topbar .home-button { grid-area: 1 / 1; }
  .topbar .brand { grid-area: 1 / 2; }
  .topbar .menu { grid-area: 1 / 4; }
  .desktop-navigation { display: flex; grid-area: 1 / 3; align-items: center; justify-content: center; gap: clamp(6px, 1.3vw, 22px); }
  .desktop-navigation a { position: relative; padding: 14px 4px; color: rgb(49, 79, 112); font-size: 0.94rem; font-weight: 750; text-decoration: none; white-space: nowrap; transition: color 0.2s; }
  .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 0.2s; }
  .desktop-navigation a:hover, .desktop-navigation a:focus-visible { color: rgb(22, 116, 213); }
  .desktop-navigation a:hover::after, .desktop-navigation a:focus-visible::after { transform: scaleX(1); }
  .home { margin: 30px 0px 64px; scroll-margin-top: 110px; }
  .home-content { max-width: none; grid-template-columns: minmax(0px, 5fr) minmax(0px, 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: 0px auto; }
  #home-platforms { grid-area: platforms; padding: 24px; background: rgba(255, 255, 255, 0.85); }
  .home-platforms .platform-head { padding: 0px 0px 20px; margin: 0px; border: 0px; border-radius: 0px; background: transparent; box-shadow: none; text-align: left; }
  .home-platforms .platform-head h1 { font-size: 2.125rem; letter-spacing: 0.02em; }
  .home-platforms .platform-list { gap: 12px; }
  .home-platforms .platform-card { display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-rows: minmax(0px, 1fr); height: clamp(128px, 10.5vw, 152px); min-height: 0px; aspect-ratio: auto; padding: 8px; border-radius: 18px; box-shadow: rgba(36, 118, 253, 0.043) 0px 4px 12px; }
  .home-platforms .brand-logo { display: flex; align-items: center; justify-content: center; min-width: 0px; min-height: 0px; width: 100%; height: 100%; padding: 10px; border: 0px; border-radius: 12px; }
  .home-platforms .brand-logo img { min-width: 0px; min-height: 0px; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center 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, 0.85fr) minmax(0px, 1.15fr); align-items: center; gap: 12px 28px; padding: 24px; border-radius: 24px; }
  .contact-heading { margin: 0px; }
  .contact-heading h2 { font-size: 1.2rem; }
  .contact-heading p { font-size: 0.9rem; }
  .telegram-icon { width: 42px; height: 42px; border-radius: 13px; }
  .contact-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
  .contact-action { min-height: 48px; padding: 12px; border-radius: 12px; font-size: 0.95rem; }
  .contact-note { grid-column: 1 / -1; margin: 0px; padding-top: 14px; border-top: 1px solid rgb(225, 237, 249); font-size: 0.875rem; }
  #policies { grid-area: policies; padding: 22px 24px; border: 1px solid rgb(213, 231, 252); border-radius: 26px; background: linear-gradient(145deg, rgb(239, 248, 255), rgb(231, 243, 255)); }
  #policies > .home-art, #policies > a { display: none; }
  .desktop-policy-showcase { display: block; }
  .desktop-policy-heading { width: min(100%, 440px); margin: 0px 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(0px, 1fr)); gap: 16px; }
  .desktop-policy-card { display: block; min-width: 0px; overflow: hidden; aspect-ratio: 275 / 407; border-radius: 20px; color: rgb(23, 107, 183); text-decoration: none; transition: transform 0.28s, box-shadow 0.28s; }
  .desktop-policy-card:hover { transform: translateY(-4px); box-shadow: rgba(36, 118, 253, 0.125) 0px 12px 22px; }
  .desktop-policy-card:focus-visible { outline: rgb(36, 118, 253) solid 3px; outline-offset: 4px; }
  .desktop-policy-card:active { transform: scale(0.985); }
  .member-activity-actions { width: min(100%, 848px); grid-template-columns: repeat(2, minmax(0px, 1fr)); margin: 16px auto 0px; 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; }
  .commission-section { padding: 22px 26px; border-radius: 24px; }
  .commission-section h2 { margin: 10px 0px; 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 0px 12px; padding: 9px 14px; }
  .commission-table { margin: 12px 0px 0px; 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: 0.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: 0.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: rgb(230, 245, 255); }
  .formula-stack { grid-template-columns: minmax(0px, 1fr); gap: 10px; margin: 14px 0px; }
  .formula-card { display: grid; grid-template-columns: 148px minmax(0px, 1fr); align-items: center; gap: 20px; min-height: 64px; padding: 14px 18px; }
  .formula-card h3 { margin: 0px; font-size: 1.05rem; line-height: 1.5; }
  .formula-card p { min-width: 0px; margin: 0px; font-size: 1rem; line-height: 1.7; }
  .formula-card .formula-line { display: inline; }
  .formula-card .formula-line + .formula-line { margin-left: 0.35em; }
  .formula-card.emphasis { background: linear-gradient(135deg, rgb(234, 250, 255), rgb(232, 242, 255)); border-color: rgb(153, 206, 247); }
  .fee-details { margin-top: 18px; }
  .fee-details summary { padding: 14px 18px; }
  .commission-definitions { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 20px; }
  .support-heading { margin: 10px 0px 12px; gap: 20px; }
  .support-heading h2 { margin: 0px; }
  .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: 0.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(0px, 1fr)); gap: 8px 20px; margin-top: 14px; padding: 14px 16px; }
  .standards-note h3 { grid-column: 1 / -1; margin: 0px; }
  .standards-note p, .standards-note p + p { margin: 0px; }
  .standards-note p:last-child { grid-column: 1 / -1; font-size: 0.9rem; color: rgb(98, 117, 138); }
  .agent-showcase { margin-bottom: 64px; }
  .showcase-heading { margin-bottom: 28px; }
  .showcase-grid { grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 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: 0.8rem; }
  .sponsors { margin-bottom: 64px; }
  .sponsors-heading { margin-bottom: 24px; }
  .desktop-brand-banner { display: block; margin: 0px 0px 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: rgba(43, 109, 173, 0.05) 0px 6px 18px; }
  .sponsor-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; }
  .sponsor-card { transition: transform 0.25s, box-shadow 0.25s; }
  .sponsor-card:hover { transform: translateY(-4px); box-shadow: rgba(36, 118, 253, 0.133) 0px 14px 30px; }
  .site-footer { margin: 0px -36px; padding: 48px 36px 32px; border-radius: 28px 28px 0px 0px; }
  .footer-top { grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 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(0px, 1fr) 84px; }
  .desktop-navigation { gap: 6px; }
  .desktop-navigation a { font-size: 0.84rem; }
  .home-content { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr); gap: 22px; }
  .commission-section { padding: 22px; }
  .formula-card { grid-template-columns: 132px minmax(0px, 1fr); gap: 16px; padding: 14px 16px; }
  .commission-definitions { grid-template-columns: 1fr; }
  #contact { grid-template-columns: minmax(200px, 0.85fr) minmax(0px, 1.15fr); gap: 12px 20px; padding: 22px; }
  .contact-actions { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .carousel-panel { padding: 24px; }
  .story-slide { padding-inline: 0px; }
  .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; }
}