.landing-main{ padding: 34px 16px 48px; align-items: flex-start;} .landing-wrapper{ width: 100%; max-width: 780px; margin: 0 auto;} .landing-card{ text-align: center; padding: 34px 30px 28px;} .landing-logo{ display: block; width: 74px; height: 74px; margin: 0 auto 14px; border-radius: 20px; object-fit: contain; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);} .landing-lead{ max-width: 36rem; margin: 0 auto 1.5rem; font-size: 0.94rem; line-height: 2.05; color: rgba(255, 255, 255, 0.74);} .landing-feats{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; margin: 0 0 1.5rem; padding: 0; list-style: none; text-align: right;} .landing-feat{ display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.85rem 0.9rem; border: 1px solid rgba(0, 212, 170, 0.22); border-radius: 14px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.02) 100%);} .landing-feat i{ flex: 0 0 auto; margin-top: 0.25rem; font-size: 1rem; color: var(--accent-2, #00d4aa);} .landing-feat-title{ display: block; margin-bottom: 0.2rem; font-size: 0.86rem; font-weight: 700; color: #ffffff;} .landing-feat-text{ display: block; font-size: 0.76rem; line-height: 1.95; color: rgba(255, 255, 255, 0.62);} .landing-cta{ margin: 0;} .landing-go{ display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; width: 100%; text-decoration: none;} .landing-alt{ margin-top: 0.9rem;} .landing-foot{ margin: 1.15rem 0 0; font-size: 0.72rem; color: rgba(255, 255, 255, 0.4);} @media (max-width: 560px){ .landing-card{ padding: 26px 18px 22px;} .landing-feats{ grid-template-columns: 1fr;}}