body:has(.yl-app-page) .yl-footer{margin-top:24px}
.yl-app-page{padding:36px 24px;background:var(--yl-premium-canvas,#F7F5F0);display:flex;justify-content:center;grid-column:1/-1}
.yl-app-layout{width:100%;max-width:1012px;display:grid;grid-template-columns:minmax(0,640px) minmax(0,316px);gap:56px;align-items:center}
.yl-app-mockup{margin:0;display:flex;justify-content:center;align-items:center}
.yl-app-phone{position:relative;width:280px;aspect-ratio:842/1716}
.yl-app-phone__canvas{position:absolute;left:0;top:-7.984%;width:100%;aspect-ratio:842/1869}
.yl-app-phone__frame,.yl-app-phone__island{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.yl-app-phone__screen{position:absolute;left:8.4323%;top:9.7913%;width:83.1354%;height:83.6276%;border-radius:13.14% / 5.89%;overflow:hidden}
.yl-app-phone__screen img{display:block;width:100%;height:100%;object-fit:cover}
.yl-app-phone__island{clip-path:inset(10.45% 36.3% 85.65% 36.7%);pointer-events:none}
@media(max-width:1023px){.yl-app-layout{display:flex;justify-content:center}.yl-app-mockup{display:none}}
.yl-app-card{box-sizing:border-box;width:640px;max-width:100%;padding:30px 32px 26px;border:1px solid #E2E3E0;border-radius:24px;background:#fff;box-shadow:0 10px 30px -24px #172b3244;color:var(--yl-premium-ink,#172B32);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;font-weight:400}
.yl-app-card h1{margin:0;font-family:inherit!important;font-size:28px;font-weight:650!important;line-height:1.25;letter-spacing:-.5px;color:#111}
.yl-app-card__meta{margin:9px 0 24px;font-size:13px;line-height:1.5;color:#6C7275}
.yl-app-card__body{display:flex;justify-content:space-between;gap:24px;align-items:center}
.yl-app-card__qr{margin:0;width:192px;flex:none;text-align:center}
.yl-app-card__qr img{display:block;width:192px;height:192px}
.yl-app-card__qr figcaption{margin-top:7px;font-size:13px;line-height:1.4;color:#596368}
.yl-app-card__badges{display:grid;gap:12px;width:320px;flex:none}
.yl-app-card .yl-app-badge{box-sizing:border-box;display:flex;align-items:center;gap:20px;width:100%;height:88px;padding:15px 27px;border:0;border-radius:16px;background:#111;color:#fff;text-decoration:none;text-align:left;font-family:inherit;cursor:pointer;box-shadow:none}
.yl-app-card .yl-app-badge:hover{background:#272727;color:#fff}
.yl-app-card .yl-app-badge:focus-visible{outline:3px solid #0D626B;outline-offset:4px}
.yl-app-badge img{display:block;width:43px;height:43px;object-fit:contain;flex:none;filter:brightness(0) invert(1)}
.yl-app-badge__copy{display:grid;gap:3px;min-width:0}
.yl-app-badge strong{font:600 23px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:-.25px}
.yl-app-badge small{font:400 15px/1.3 -apple-system,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif}
.yl-app-card .yl-app-badge--unavailable,.yl-app-card .yl-app-badge--unavailable:hover{background:#F1F1F2;color:#7B7F82;cursor:default;opacity:1}
.yl-app-badge--unavailable img{filter:brightness(0);opacity:.46}
.yl-app-card__links{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:22px;font-size:14px;line-height:1.5}
.yl-app-card__links a,.yl-app-card__links summary{color:var(--yl-premium-teal,#0D626B);font-weight:550;text-decoration:none;cursor:pointer}
.yl-app-help{max-width:320px;min-width:0}
.yl-app-help summary{list-style:none;display:inline-block}
.yl-app-help summary::-webkit-details-marker{display:none}
.yl-app-help ol{margin:14px 0 0;padding-left:20px;color:#596368;font-size:13px;line-height:1.6}
.yl-app-help p{margin:10px 0 0;font-size:12px;line-height:1.6;color:#596368}
.yl-app-card__continue{white-space:nowrap}
@media(max-width:700px){.yl-app-page{padding:20px 16px}.yl-app-card{width:358px;padding:23px 20px 22px;border-radius:22px}.yl-app-card h1{font-size:23px;letter-spacing:-.4px}.yl-app-card__meta{font-size:12px;margin:10px 0 20px}.yl-app-card__qr{display:none}.yl-app-card__body{display:block}.yl-app-card__badges{width:100%}.yl-app-card .yl-app-badge{height:80px;padding:14px 24px;gap:18px;border-radius:15px}.yl-app-badge img{width:38px;height:38px}.yl-app-badge strong{font-size:21px}.yl-app-badge small{font-size:14px}.yl-app-card__links{margin-top:20px;gap:16px;font-size:14px}}
@media(max-width:350px){.yl-app-card{padding-inline:18px}.yl-app-card h1{font-size:21px}.yl-app-card .yl-app-badge{padding-inline:20px;gap:16px}.yl-app-badge strong{font-size:19px}.yl-app-card__meta{font-size:11px}}

.yl-app-download-section{grid-column:1/-1;padding:0!important}
.yl-app-page [hidden]{display:none!important}
.yl-app-card__browser-hint{margin:-10px 0 20px;color:var(--yl-premium-teal,#0D626B);font-size:13px;line-height:1.6}
.yl-app-page[data-platform="ios"] .yl-app-card__qr{display:none}
.yl-app-page[data-platform="ios"] .yl-app-card__badges{width:100%}
.yl-app-page[data-platform="ios"] .yl-app-badge--continue strong{font-size:21px}
.yl-app-help summary:focus-visible,.yl-app-card__links a:focus-visible{outline:3px solid var(--yl-premium-teal,#0D626B);outline-offset:4px}
@media(max-width:350px){.yl-app-page[data-platform="ios"] .yl-app-badge--continue strong{font-size:18px}}