.container--wide{--container:1280px}.under-header{padding-top:var(--header-h)}.accent{color:var(--blue)}.link-quiet{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--link);text-decoration:none}.link-quiet:hover{text-decoration:underline}.link-quiet .icon{width:18px;height:18px;transition:transform var(--t-fast) var(--ease-out)}.link-quiet:hover .icon{transform:translateX(2px)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}@media (min-width:600px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1024px){.grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.btn--outline{background:var(--card);color:var(--blue-strong);border-color:var(--blue)}.btn--outline:hover{background:var(--tint)}.btn--block{display:flex;width:100%}.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--hair);border-radius:var(--r-pill);background:var(--card);color:var(--ink-2);font:700 var(--fs-cap)/1 var(--font-ui)}.motion-toggle .icon{width:16px;height:16px}.motion-toggle .i-play,[data-motion="paused"] .motion-toggle .i-pause{display:none}[data-motion="paused"] .motion-toggle .i-play{display:inline-block}.no-js .motion-toggle{display:none}@media (prefers-reduced-motion:reduce){.motion-toggle{display:none}}.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 12px;border-radius:var(--r-pill);background:var(--tint);color:var(--blue-strong);font:700 var(--fs-cap)/1.3 var(--font-ui)}.chip .icon{width:16px;height:16px}.chip__from{color:var(--ink-2);font-weight:400}.tag{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid var(--hair);border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-2);font:700 12px/1.5 var(--font-ui);letter-spacing:.04em}.demo-label{display:flex;align-items:center;gap:6px;font-size:var(--fs-cap);line-height:1.4;color:var(--ink-2)}.demo-label .icon{width:16px;height:16px}.card{background:var(--card);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.badges{--badge-h:44px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.badge{display:inline-flex;border-radius:9px;line-height:0}.badge img{width:auto;height:var(--badge-h);max-width:none}.badge--play img{height:calc(var(--badge-h)/.672);margin:calc(var(--badge-h) * -41/168)}.badges__also{flex-basis:100%;font-size:var(--fs-small)}.badges__also a{display:inline-flex;align-items:center;min-height:44px}[data-device="android"] :is(.badges--device,.badges--single) .badge--ios,[data-device="ios"] :is(.badges--device,.badges--single) .badge--play{display:none}@media (min-width:1024px){.badges{--badge-h:48px}}.qr-card{--qr-size:160px;display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#fff;color:#081B3A;border:1px solid #D6E6F5;border-radius:var(--r-lg);box-shadow:var(--shadow-card);text-align:center;font-size:var(--fs-small);line-height:1.35}.qr-card--row{flex-direction:row;text-align:left;gap:16px}.qr-card .qr{width:var(--qr-size);height:var(--qr-size)}.qr-card__title{font-weight:700}.qr-card__sub{color:#52647A;font-size:var(--fs-cap)}.qr-card__host{color:#155B9E;font-weight:700;font-size:var(--fs-cap)}.qr-card__text{display:grid;gap:2px;max-width:calc(var(--qr-size) + 40px)}[data-device="ios"] .qr-card,[data-device="android"] .qr-card{display:none}@media (hover:none) and (pointer:coarse){.qr-card{display:none}}.phone{--phone-w:min(72vw,300px);position:relative;width:var(--phone-w);padding:calc(var(--phone-w) * .035);border-radius:calc(var(--phone-w) * .13);background:var(--bezel);box-shadow:var(--shadow-phone)}.phone__screen{position:relative;overflow:hidden;background:#fff;height:calc(var(--phone-w) * .93 * var(--screen-ratio,2.2222) * var(--crop,1));border-radius:calc(var(--phone-w) * .095)}.phone__screen::after{content:"";position:absolute;top:calc(var(--phone-w) * .028);left:50%;translate:-50% 0;width:calc(var(--phone-w) * .032);aspect-ratio:1;border-radius:50%;background:var(--bezel)}.phone__screen picture,.phone__screen img,.phone__screen video{width:100%;height:100%;object-fit:cover;object-position:50% var(--crop-y,0%)}.phone--crop{padding-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.phone--crop .phone__screen{border-bottom-left-radius:0;border-bottom-right-radius:0}