/* Homepage composition; shared resource/help layouts retain their own surfaces. */
.landing-page { --paper: #fff; background: #fff; }
html[lang="ko"] .landing-page { font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; word-break: keep-all; overflow-wrap: break-word; }
.landing-page .site-header { background: rgba(255,255,255,.96); }
.landing-page .closing-section { overflow: clip; }
.landing-home-hero { padding: clamp(54px, 5.4vw, 90px) 0 68px; background: #fff; }
.landing-home-hero .landing-hero-copy { width: min(1440px, calc(100% - 64px)); margin-inline: auto; }
.landing-home-actions { display: flex; justify-content: center; align-items: center; margin: 27px 24px 0; }
.landing-home-actions .button { min-height: 46px; padding: 0 25px; gap: 10px; border-radius: 10px; background: #1d705b; font-size: 15px; }
.landing-home-actions .button:hover { background: #155b49; }
.landing-home-hero .landing-demo { margin-top: 0; padding-top: clamp(80px, 6.2vw, 96px); }
.landing-demo-noscript-play { display: block; position: relative; width: 100%; height: 100%; }
.landing-demo-noscript-play img { width: 100%; height: 100%; object-fit: contain; }
.landing-demo-noscript-play span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 10px 16px; border-radius: 99px; background: #fff; color: #155e4f; text-align: center; box-shadow: 0 4px 20px #183e281a; }
@media (max-width: 700px) {
  .landing-home-hero { padding-top: 42px; padding-bottom: 42px; }
  .landing-home-hero .landing-hero-copy { width: calc(100% - 32px); }
  .landing-home-actions { margin-top: 24px; }
  .landing-home-hero .landing-demo { margin-top: 0; padding-top: 76px; }
}
@media (max-width: 360px) {
  .landing-page .header-cta { padding-inline: 10px; font-size: 12px; }
  .landing-page .announcement strong { white-space: normal; text-align: center; }
}