/* Nonnumeric lime markers, Hank label, and clean screenshot framing. */
.steps { counter-reset:none; }
.steps li { counter-increment:none; grid-template-columns:36px 1fr; align-items:center; }
.steps li::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--lime); }
.hank-fig { flex-direction:column; }
.hank-caption { position:relative; z-index:1; margin-top:12px; text-align:center; }
.hank-caption strong { display:block; color:var(--lime); font:700 20px/1.4 'Inter Tight',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.hank-caption span { display:block; margin-top:5px; color:var(--mute); font-size:14px; line-height:1.5; }
.phone .screen-crop, .shot .screen-crop { overflow:hidden; border-radius:25px; background:#061721; }
.phone .screen-crop img, .shot .screen-crop img { display:block; width:100%; height:auto; margin-top:-10.65%; border-radius:0; }
/* Web-trial funnel: keep both paths clear without changing the campaign story. */
.hero .ctas>.btn.ghost{align-self:start}
.download-panel .btn.ghost{background:#07131f99}
@media(max-width:860px){.hero .ctas>.btn.ghost{align-self:stretch}.download-panel{gap:12px}}
/* Keyboard access, staged-trial clarity, and legal-operator readability. */
.skip{position:fixed;left:16px;top:0;z-index:9999;padding:10px 14px;border-radius:0 0 10px 10px;background:#b8fa3c;color:#06131d;font:800 14px/1.2 Inter,sans-serif;text-decoration:none;transform:translateY(-120%)}
.skip:focus{transform:translateY(0)}
.trial-status{max-width:650px;margin:20px 0 0;padding:12px 14px;border:1px solid #91b74c66;border-radius:12px;background:#33411f;color:#f1f7dc;font-size:15px;line-height:1.55}
.operator{margin:20px 0 0;color:#c4d1d6;font-size:14px;line-height:1.5}
.store-label,.fact,.fine,footer .legal{font-size:16px!important;line-height:1.6!important}