/* Refined hero with original navigation. */
.hero-trial .hero .btn { border-radius:2px; box-shadow:none; padding:0 23px; min-height:50px; font:500 14px/1.3 var(--text); letter-spacing:0; text-transform:none; background:#eeeede; color:#101e35; }
.hero-trial .hero .btn::before { display:none; }
.hero-trial .hero .btn:hover { box-shadow:none; transform:translateY(-1px); background:#fff; }
.hero-trial .hero .btn--ghost { background:transparent; color:#f3eee5; border:1px solid #f3eee580; }
.hero-trial .hero .btn--ghost:hover { background:#ffffff14; }
.hero-trial .hero { min-height:760px; }
.hero-trial .stage { filter:saturate(.73) brightness(.84); }
.hero-trial .hero__copy { left:max(var(--gut),calc((100vw - 1240px)/2)); bottom:175px; max-width:590px; }
.hero-trial .hero__kicker { font-size:11px; font-weight:500; text-transform:uppercase; letter-spacing:.16em; margin-bottom:22px; }
.hero-trial .hero__title { font-size:clamp(68px,8.8vw,133px); line-height:.89; }
.hero-trial .hero__lead { font-size:17px; max-width:39ch; margin:24px 0 28px; }
.hero-trial .hero__cta { gap:12px; }
.hero-trial .hero__next { left:max(var(--gut),calc((100vw - 1240px)/2)); right:max(var(--gut),calc((100vw - 1240px)/2)); bottom:28px; top:auto; max-width:none; display:grid; grid-template-columns:180px 1fr auto; align-items:center; gap:28px; padding:24px 28px; border-radius:0; background:#0b172bf2; border:1px solid #ffffff25; box-shadow:none; }
.hero-trial .hero__next-when { font:500 22px/1.2 var(--text); text-transform:none; color:#e8e7d5; }
.hero-trial .hero__next-what { font-size:14px; max-width:52ch; padding-left:28px; border-left:1px solid #ffffff35; }
.hero-trial .hero__next-st { margin:0; font:500 12px/1.4 var(--text); color:#c6cedb; }
.hero-trial .hero__next-st::after { content:' ↗'; margin-left:14px; font-size:19px; }
.hero__hint { position:absolute; right:var(--gut); bottom:154px; color:#f5eee0d9; font-size:11px; letter-spacing:.06em; pointer-events:none; transition:opacity .3s; }
.hero__hint span { margin-left:20px; }
.hero__hint.is-dismissed { opacity:0; }
@media(max-width:960px) {
 .hero-trial .hero__next { grid-template-columns:145px 1fr; gap:12px 20px; }
 .hero-trial .hero__next-st { grid-column:2; padding-left:20px; }
 .hero-trial .hero__next-what { padding-left:20px; }
 .hero-trial .hero__copy { bottom:190px; }
 .hero__hint { bottom:172px; }
}
@media(max-width:680px) {
 .hero-trial .hero { height:auto; min-height:0; padding:340px var(--gut) 22px; background:#9a502f; }
 .hero-trial .stage { height:420px; }
 .hero-trial .hero::after { top:230px; bottom:auto; height:190px; background:linear-gradient(transparent,#9a502f); }
 .hero-trial .hero__copy { position:relative; inset:auto; max-width:none; }
 .hero-trial .hero__kicker { font-size:10px; letter-spacing:.1em; margin-bottom:16px; }
 .hero-trial .hero__title { font-size:clamp(65px,18.4vw,110px); line-height:.9; }
 .hero-trial .hero__lead { font-size:15px; line-height:1.55; margin:20px 0 24px; max-width:36ch; }
 .hero-trial .hero__cta { display:grid; grid-template-columns:1fr; gap:8px; }
 .hero-trial .hero .btn { min-height:48px; width:100%; }
 .hero-trial .hero__next { position:relative; inset:auto; margin-top:28px; padding:20px; grid-template-columns:1fr; gap:10px; }
 .hero-trial .hero__next-when { font-size:19px; }
 .hero-trial .hero__next-what { border:0; padding:0; font-size:13px; }
 .hero-trial .hero__next-st { grid-column:1; padding:8px 0 0; border-top:1px solid #ffffff25; font-size:11px; }
 .hero__hint { top:291px; right:var(--gut); bottom:auto; z-index:2; font-size:10px; }
}