/* Native captures and setup guide. Shared AppKey palette and system typography. */
figure{margin:0}img{max-width:100%}.screenshot-link{display:block;border-radius:14px}.screenshot-link img{display:block;width:100%;height:auto;border-radius:14px}.screenshot-link:focus-visible{outline-offset:7px}
.native-hero{margin:58px auto 0;max-width:1100px;scroll-margin-top:25px}.native-hero>.screenshot-link{box-shadow:0 28px 80px #0007,0 0 70px #347afa10;border:1px solid #ffffff21;overflow:hidden}.native-hero figcaption,.native-collections figcaption{font-size:12px;line-height:1.8;color:#95a6bf;text-align:center;margin-top:18px}.native-hero figcaption a,.native-collections figcaption a{color:#b3ceff;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.native-menu-section{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;padding-block:70px 85px;border-block:1px solid var(--line)}.native-menu-copy h2{font-size:45px;line-height:1.12;margin:20px 0 25px}.native-menu-copy>p:not(.eyebrow){font-size:15px;color:#aebbd0;max-width:390px}.native-menu-copy>p+p{margin-top:20px}.native-menu-copy .text-link{margin-top:26px}.native-menu-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.native-menu-pair figure{min-width:0}.native-menu-pair figcaption{font-size:12px;text-align:center;color:#b6c5db;margin-top:12px}.capture-note{grid-column:1/-1;text-align:center;font-size:11px;color:#8b9db8}.native-collections{padding-block:85px}.native-collections figure{margin-top:36px}.native-collections img{border:1px solid #ffffff21}
.setup-callout{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:44px;border-block:1px solid var(--line)}.setup-callout h2{font-size:34px;line-height:1.18;margin:17px 0}.setup-callout p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:510px}.setup-callout>.primary-button{flex-shrink:0}.faq-list a{color:#a6c6ff;text-decoration:underline;text-underline-offset:3px}
.guide-hero{padding-top:56px;padding-bottom:42px}.guide-hero h1{font-size:clamp(40px,5.3vw,66px);line-height:1.1;max-width:760px;margin:19px 0 22px}.guide-hero .lede{font-size:19px;color:#b5c3d8;max-width:670px;line-height:1.65}.guide-meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 20px;font-size:12px;color:#8fa2bf}.guide-notice{margin-top:28px;padding:17px 21px;background:#152033;border:1px solid #4a8fff33;border-radius:10px;font-size:13px;color:#c0cce0;max-width:850px}.guide-notice a{color:#a9caff;text-decoration:underline;text-underline-offset:3px}
.guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:66px;padding-bottom:95px}.guide-toc{position:sticky;top:26px;align-self:start;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line);padding-left:20px;padding-block:5px}.guide-toc>span{color:#6e8eb7;font-size:10px;letter-spacing:1.3px;font-weight:650;margin-bottom:10px}.guide-toc a{color:#a6b8d2;font-size:13px;line-height:1.5;padding-block:5px}.guide-toc a:hover{color:white}.guide-body{min-width:0}.guide-body section{padding-bottom:45px;margin-bottom:38px;border-bottom:1px solid var(--line);scroll-margin-top:28px}.guide-body h2{font-size:30px;line-height:1.2;margin-bottom:20px}.guide-body h3{font-size:20px;line-height:1.25;margin:28px 0 12px}.guide-body p,.guide-body li{font-size:15px;line-height:1.85;color:#b4c2d7}.guide-body p+p{margin-top:16px}.guide-body strong{color:#ecf2ff;font-weight:600}.guide-body a:not(.screenshot-link){color:#a6c6ff;text-decoration:underline;text-underline-offset:3px}.guide-body ul{padding-left:22px;margin-block:18px}.guide-body li+li{margin-top:10px}.guide-body code{font-size:13px;color:#bfd7ff;background:#ffffff08;border:1px solid #ffffff10;border-radius:5px;padding:2px 5px;overflow-wrap:anywhere}.guide-body .small-note{font-size:12px;color:#8fa3bf;margin-top:14px}.requirements{list-style:none;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:14px}.requirements li{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:0!important}.requirements strong{display:block;margin-bottom:4px}.requirements span{display:block;font-size:13px;line-height:1.7}.guide-tip{padding:18px 20px;background:#0e1827;border-left:3px solid #4a8fff;border-radius:0 8px 8px 0;margin-top:22px}.guide-tip p{font-size:14px}.guide-steps{list-style:none;counter-reset:steps;padding:0;margin:28px 0}.guide-steps>li{position:relative;padding-left:55px;margin-top:30px}.guide-steps>li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1455d6;color:white;font-weight:650;font-size:14px}.guide-steps h3{margin:0 0 10px;font-size:21px}.team-example{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px;padding:16px 18px;background:#172234;border:1px solid var(--line);border-radius:9px;font-size:14px;color:#8ca2c2}.team-example code{background:#0a101a;padding:5px 12px;color:white}.team-example span{overflow-wrap:anywhere}.guide-figure{margin-top:25px}.guide-figure img{border:1px solid #ffffff24}.guide-figure figcaption{font-size:12px;color:#8fa3bf;margin-top:12px;line-height:1.7}.permission-table{width:100%;border-collapse:collapse;margin-block:24px}.permission-table th,.permission-table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px;line-height:1.6}.permission-table th{color:#dce8ff;font-size:12px;letter-spacing:.3px}.permission-table td{color:#aebfd7}.permission-table td:first-child{width:42%;color:#e5edfc}.permission-table code{display:inline-block;margin-top:4px;font-size:12px}.guide-body details{border-block-end:1px solid var(--line);padding:16px 0}.guide-body summary{list-style:revert;cursor:pointer;font-size:15px;line-height:1.6;color:#e0eaff}.guide-body details>p{margin-top:13px}.guide-finish{padding:30px;background:linear-gradient(140deg,#15243e,#101721);border:1px solid #4a8fff30;border-radius:14px}.guide-finish h2{margin-bottom:12px}.support-card h2{margin-top:0}.site-header nav .setup-nav[aria-current=page]{color:#fff}
@media(max-width:900px){.native-menu-section{gap:28px}.native-menu-copy h2{font-size:35px}.guide-layout{grid-template-columns:155px minmax(0,1fr);gap:30px}.guide-hero{padding-top:38px}.guide-body h2{font-size:27px}}
@media(max-width:650px){.site-header nav>a.setup-nav{display:inline-block;font-size:12px}.site-header nav{gap:15px}.site-header .wordmark{font-size:20px;gap:8px}.site-header .wordmark img{width:28px;height:28px}.site-header nav .nav-cta{font-size:11px;padding:8px 10px}.nav-cta span{margin-left:5px}.native-hero{margin-top:38px}.native-hero figcaption,.native-collections figcaption{font-size:10px;margin-top:13px}.native-menu-section{grid-template-columns:1fr;padding-block:45px;gap:30px}.native-menu-copy h2{font-size:37px}.native-menu-copy>p:not(.eyebrow){font-size:14px}.native-menu-pair{max-width:460px;margin:auto;gap:12px}.native-collections{padding-block:54px}.native-collections .section-intro h2{font-size:34px}.setup-callout{display:block}.setup-callout h2{font-size:31px}.setup-callout>.primary-button{margin-top:24px}.footer-links{flex-wrap:wrap;justify-content:flex-start}.guide-hero{padding-top:28px;padding-bottom:30px}.guide-hero h1{font-size:42px;letter-spacing:-1.9px}.guide-hero .lede{font-size:17px}.guide-layout{display:block;padding-bottom:55px}.guide-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:5px 18px;padding:15px 0 22px;border-left:0;border-bottom:1px solid var(--line);margin-bottom:30px}.guide-toc>span{width:100%;margin-bottom:2px}.guide-toc a{font-size:12px}.guide-body h2{font-size:28px}.guide-body p,.guide-body li{font-size:14px}.requirements{grid-template-columns:1fr}.guide-steps>li{padding-left:44px}.guide-steps h3{font-size:20px}.guide-steps>li:before{width:30px;height:30px}.guide-body section{padding-bottom:30px;margin-bottom:30px}.permission-table th,.permission-table td{padding:12px 5px;font-size:12px}.permission-table code{font-size:10px}.guide-finish{padding:22px}}

/* Keep the privacy policy visible without crowding phone navigation. */
.site-header nav .privacy-nav[aria-current=page]{color:#fff}
@media(max-width:650px){.site-header{height:auto;min-height:83px;flex-wrap:wrap;gap:14px;padding-block:18px}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav>a.privacy-nav{display:inline-block;font-size:12px}.site-header nav .nav-cta{white-space:nowrap}}