@font-face { font-family:Inter; font-style:normal; font-weight:100 900; font-display:swap; src:url("mobile-capture/assets/InterVariable-AM3KRH5U.woff2") format("woff2"); }
:root { color-scheme:dark; --ink:#0f1114; --text:#eef1f5; --muted:#a3acb9; --line:#ffffff17; }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-padding-top:30px; }
body { margin:0; color:var(--text); font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible { outline:2px solid #cbb7eb; outline-offset:5px; border-radius:3px; }
a:hover { color:#fff; }
img { display:block; max-width:100%; }
.access-page { width:min(100%,1440px); margin:auto; padding:0 80px; }
.access-header { display:flex; justify-content:space-between; align-items:center; min-height:118px; gap:24px; border-bottom:1px solid var(--line); }
.access-brand { flex:none; }
.access-brand img { width:146px; height:auto; }
.back-link { display:inline-flex; gap:9px; align-items:center; padding:12px 0; color:#bbc3cf; font-size:12px; line-height:20px; }
.access-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:60px; padding:76px 0 86px; }
.access-copy { min-width:0; }
.access-eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 26px; color:#b1bac7; font-size:11px; line-height:20px; letter-spacing:.04em; }
.access-eyebrow i { flex:none; width:5px; height:5px; border-radius:50%; background:#bda5ed; box-shadow:0 0 10px #bda5ed2e; }
h1 { margin:0; font-weight:420; font-size:clamp(44px,4.25vw,61px); line-height:1.1; letter-spacing:-.055em; }
.access-lead { max-width:440px; margin:26px 0 0; color:var(--muted); font-size:16px; line-height:28px; }
.access-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; margin-top:31px; }
.access-button { display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:48px; padding:12px 23px; border-radius:99px; background:#fffffe; color:#121519; font-size:14px; line-height:24px; font-weight:500; }
.access-button:hover { background:#e8e6f0; color:#121519; }
.access-text-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#d1c5e6; font-size:13px; line-height:22px; }
.access-address { margin:16px 0 0; color:#7f8997; font-size:10px; line-height:20px; overflow-wrap:anywhere; }
.access-address a { color:#a9b2c0; }
.access-qr { display:flex; align-items:center; gap:23px; width:fit-content; max-width:100%; margin-top:41px; padding-top:30px; border-top:1px solid var(--line); }
.qr-code { display:block; flex:none; padding:0; border-radius:9px; overflow:hidden; background:#fff; }
.qr-code img { width:124px; height:124px; }
.access-qr h2 { margin:0 0 8px; font-size:13px; line-height:21px; font-weight:450; }
.access-qr p { margin:0; color:#929eae; font-size:12px; line-height:21px; }
.access-qr div>a { display:inline-flex; align-items:center; gap:7px; min-height:36px; margin-top:5px; color:#c7b8dd; font-size:11px; line-height:20px; }
.access-product { position:relative; z-index:0; min-width:0; margin:0; padding:0 0 4px; }
.access-product::before { content:""; position:absolute; z-index:-1; inset:-42px -70px -45px -80px; background:radial-gradient(ellipse at 50% 43%,#343b428a 0%,#242b3266 37%,transparent 72%); pointer-events:none; }
.access-handset { width:min(100%,342px); margin:0 auto; overflow:hidden; border:1px solid #bac5d12b; border-radius:29px; background:#191c1f; box-shadow:0 28px 47px #0005,inset 0 1px #fff1; }
.access-handset img { width:100%; height:auto; }
.access-product figcaption { margin-top:19px; color:#929eae; text-align:center; font-size:10px; line-height:19px; }
.install-guide { border-top:1px solid var(--line); padding:71px 0 80px; }
.install-header { max-width:650px; }
.install-header .access-eyebrow { margin-bottom:20px; }
.install-header h2 { margin:0; font-size:36px; line-height:1.2; font-weight:420; letter-spacing:-1.5px; }
.install-header>p:last-child { max-width:550px; margin:22px 0 0; color:var(--muted); font-size:14px; line-height:25px; }
.install-header a { color:#d1c5e6; overflow-wrap:anywhere; }
.install-platforms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:37px; }
.install-card { min-width:0; display:flex; flex-direction:column; padding:30px; border:1px solid #c1cbd11c; border-radius:19px; background:linear-gradient(145deg,#ffffff04,transparent),#14181d; box-shadow:inset 0 1px #ffffff04; }
.platform-label { color:#ad9cc4; font-size:10px; line-height:20px; }
.install-card h3 { margin:9px 0 0; font-size:23px; line-height:30px; font-weight:420; letter-spacing:-.6px; }
.install-card ol { display:grid; gap:23px; margin:30px 0 0; padding:0; list-style:none; }
.install-card li { display:flex; align-items:flex-start; gap:17px; }
.install-number { flex:0 0 20px; padding-top:2px; color:#667485; font-size:10px; line-height:22px; }
.install-card li p { margin:0; color:#a5afbd; font-size:13px; line-height:24px; }
.install-card li strong { color:#e0e4eb; font-weight:450; }
.install-card li a { color:#d5c7eb; text-decoration:underline; text-underline-offset:4px; }
.share-icon { display:inline-block; vertical-align:-5px; width:20px; height:20px; margin:0 2px; color:#d6dce6; }
.menu-dots { font-size:20px; line-height:12px; vertical-align:-1px; }
.install-note { margin:26px 0 0; padding-top:20px; border-top:1px solid var(--line); color:#7f8c9e; font-size:11px; line-height:21px; }
.browser-option { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:28px; padding:24px 0 0; }
.browser-option h3 { margin:0 0 7px; font-size:13px; line-height:22px; font-weight:450; }
.browser-option p { max-width:560px; margin:0; color:#8793a4; font-size:12px; line-height:22px; }
.browser-option>a { flex:none; }
.access-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 0 34px; border-top:1px solid var(--line); color:#7e8a9b; font-size:11px; line-height:21px; }
.access-footer p { margin:0; }
.access-footer nav { display:flex; flex-wrap:wrap; gap:8px 25px; }
.access-footer a { padding:7px 0; color:#b0bac9; }
.skip-link { position:absolute; z-index:3; top:8px; left:8px; padding:12px; background:#fff; color:#111; font-size:13px; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
@media(max-width:1100px) { .access-page { padding-inline:36px; } .access-hero { gap:36px; padding-top:60px; } h1 { font-size:47px; } .access-lead { font-size:14px; line-height:25px; } .access-product::before { inset:-40px -24px; } .access-qr { gap:17px; } .qr-code img { width:108px; height:108px; } .install-card { padding:26px; } }
@media(max-width:760px) {
  .access-page { max-width:620px; padding-inline:23px; }
  .access-header { min-height:94px; gap:16px; }
  .access-brand img { width:120px; }
  .back-link { font-size:11px; gap:6px; }
  .access-hero { grid-template-columns:minmax(0,1fr); gap:42px; padding:45px 0 48px; }
  .access-eyebrow { margin-bottom:22px; font-size:10px; }
  h1 { font-size:clamp(37px,9.7vw,53px); }
  .access-lead { max-width:440px; margin-top:22px; font-size:14px; line-height:25px; }
  .access-actions { gap:12px 20px; margin-top:25px; }
  .access-button { gap:20px; padding-inline:21px; }
  .access-text-link { font-size:12px; }
  .access-address { margin-top:13px; }
  .access-qr { display:none; }
  .access-product::before { inset:-25px -23px -18px; }
  .access-product { width:min(100%,342px); margin-inline:auto; }
  .access-product figcaption { font-size:11px; line-height:20px; }
  .install-guide { padding:44px 0 46px; }
  .install-header h2 { max-width:400px; font-size:31px; letter-spacing:-1.1px; }
  .install-header>p:last-child { margin-top:18px; font-size:13px; line-height:24px; }
  .install-platforms { grid-template-columns:minmax(0,1fr); gap:18px; margin-top:28px; }
  .install-card { padding:25px 22px; border-radius:17px; }
  .install-card h3 { font-size:22px; }
  .install-card ol { gap:20px; margin-top:26px; }
  .install-card li { gap:13px; }
  .install-card li p { font-size:13px; }
  .browser-option { flex-direction:column; align-items:flex-start; gap:9px; margin-top:22px; }
  .access-footer { align-items:flex-start; flex-direction:column; gap:8px; padding-top:22px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; } }