/* VIDEO01R2: larger play control with optically centered triangle. */
.home-refresh .hero .hero-grid {
  width: min(1640px, calc(100% - 64px));
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.55fr);
  gap: clamp(32px, 3vw, 52px);
  align-items: center;
}
.home-refresh .hero { padding-top: 64px; padding-bottom: 60px; }
.home-refresh .hero-copy, .home-refresh .hero-product { min-width: 0; }
.home-refresh .intro-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 200px;
  background: #071326;
  isolation: isolate;
}
.home-refresh .intro-video-launch {
  position: absolute;
  inset: 0;
  display: block;
  color: #fff;
  text-decoration: none;
}
.home-refresh .intro-video-launch > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home-refresh .intro-video-overlay {
  position: absolute;
  inset: auto 0 0;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 48px 24px 22px;
  background: linear-gradient(transparent, rgba(2, 12, 25, .94));
  pointer-events: none;
}
.home-refresh .intro-video-play-icon {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid rgba(145, 255, 237, .8);
  border-radius: 50%;
  color: #06283a;
  background: linear-gradient(135deg, #65e4d1, #57b7ec);
  box-shadow: none;
  filter: none;
  transform-origin: 50% 50%;
  transition: transform .18s ease;
}
.home-refresh .intro-video-play-icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 48px;
  height: 48px;
  margin: 0;
  fill: currentColor;
  transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
}
.home-refresh .intro-video-copy { display: grid; gap: 5px; min-width: 0; }
.home-refresh .intro-video-copy strong { font-size: 18px; line-height: 1.4; color: #fff; }
.home-refresh .intro-video-copy small { font-size: 12px; line-height: 1.5; color: #c4dce9; }
.home-refresh .intro-video-launch:hover .intro-video-play-icon { transform: scale(1.06); }
.home-refresh .intro-video-launch:focus-visible { outline: 3px solid #8ff7e5; outline-offset: -6px; border-radius: inherit; }
.home-refresh .intro-video > iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.home-refresh .intro-video > iframe:focus-visible { outline: 2px solid #8ff7e5; outline-offset: -3px; }
.home-refresh .hero-route > div { font-size: 16px; }
.home-refresh .hero-route span { font-size: 13px; }
html[lang=ko] .home-refresh .hero-route strong { word-break: keep-all; overflow-wrap: anywhere; }

@media (max-width: 1100px), (orientation: portrait) {
  .home-refresh .hero .hero-grid { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: calc(100% - 48px); }
  .home-refresh .hero { padding-top: 36px; padding-bottom: 44px; }
  .home-refresh .hero-copy { display: contents; }
  .home-refresh .hero-copy > .eyebrow { order: 0; margin: 0; }
  .home-refresh .hero h1 { order: 1; margin: 16px 0 24px; font-size: clamp(34px, 4.8vw, 48px); }
  .home-refresh .hero-product { order: 2; width: 100%; max-width: none; margin: 0 0 28px; }
  .home-refresh .hero-sub { order: 3; max-width: 100%; margin: 0 0 24px; }
  .home-refresh .hero-actions { order: 4; }
  .home-refresh .trial-assurance { order: 5; }
  .home-refresh .trust-list { order: 6; }
  .home-refresh .non-affiliation { order: 7; }
}
@media (max-width: 720px) {
  .home-refresh .hero .hero-grid { width: calc(100% - 28px); }
  .home-refresh .hero { padding-top: 28px; }
  .home-refresh .hero h1 { font-size: clamp(30px, 8vw, 40px); margin-bottom: 20px; }
  .home-refresh .hero-product { margin-bottom: 24px; }
  .home-refresh .screen-eyebrow { margin-bottom: 10px; }
  .home-refresh .intro-video-overlay { gap: 10px; padding: 36px 14px 14px; }
  .home-refresh .intro-video-play-icon { width: 44px; height: 44px; }
  .home-refresh .intro-video-play-icon svg { width: 38px; height: 38px; }
  .home-refresh .intro-video-copy strong { font-size: 15px; }
  .home-refresh .intro-video-copy small { font-size: 11px; }
  .home-refresh .hero-route { margin-top: 12px; }
  .home-refresh .hero-route > div { padding: 12px 10px; font-size: 14px; }
  .home-refresh .hero-route span { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-refresh .intro-video-play-icon { transition: none; }
}
@media (max-width: 1100px) and (max-height: 600px) and (orientation: landscape) {
  .home-refresh .hero { padding-top: 16px; }
  .home-refresh .hero-product { order: -1; }
  .home-refresh .intro-video-overlay { inset: 0; padding: 0; justify-content: center; background: linear-gradient(transparent, rgba(2, 12, 25, .36)); }
}

/* VIDEO01R5: one inline player everywhere; optional YouTube link with short help. */
.home-refresh .intro-video-help{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:12px;color:#b6c9da}
.home-refresh .intro-video-watch{display:inline-flex;align-items:center;gap:5px;min-height:36px;color:#b4eadd;font-size:13px;font-weight:600;line-height:1.6;text-decoration:none}
.home-refresh .intro-video-watch:hover{text-decoration:underline;text-underline-offset:3px}
.home-refresh .intro-video-watch:focus-visible{outline:2px solid #8ff7e5;outline-offset:4px;border-radius:3px}
.home-refresh .intro-video-help p{margin:0;color:#b6c9da;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.home-refresh .intro-video-caption-note{flex:1 1 340px;min-width:0}
.home-refresh .intro-video-mobile-note{display:none;flex-basis:100%}
@media(max-width:720px),(hover:none) and (pointer:coarse){.home-refresh .intro-video-mobile-note{display:block}.home-refresh .intro-video-help{gap:4px 12px}}