/* Support and policy pages share the landing pages' quiet navy palette. */
:root {
  --bg:#040b1c; --bg-2:#0b182d; --ink:#040b1c; --ink-soft:#0b182d;
  --text:#f5f7fd; --muted:#aab8cf; --cyan:#a6d9ff; --blue:#276fff;
  --line:#c2d9ff22; --max:1200px; color-scheme:dark;
}
html { scroll-padding-top:118px; }
body {
  background:radial-gradient(ellipse at 72% 0,#17478c20,transparent 620px),#040b1c;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#f5f7fd; line-height:1.75;
}
.container,.wrap { width:min(1200px,calc(100% - 96px)); }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #a6d9ff; outline-offset:5px; }
.site-header,.ios-header {
  background:#040b1cea; border-bottom:1px solid #c2d9ff16;
  backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px);
}
.nav-wrap,.header-inner { min-height:96px; height:auto; gap:26px; }
.brand,.wordmark { font-size:15px; font-weight:650; letter-spacing:-.025em; line-height:1.2; }
.brand img,.brand-symbol,.brand-symbol img { width:42px; height:42px; border-radius:12px; flex:none; }
.brand img,.brand-symbol { box-shadow:0 5px 18px #0004; }
.brand-symbol { background:none; overflow:hidden; }
.nav,.header-inner nav { gap:26px; font-size:12px; font-weight:500; }
.nav a,.header-inner nav>a { color:#aab8cf; }
.nav a:hover,.header-inner nav>a:hover,.nav a[aria-current],.header-inner nav>a[aria-current] { color:#f5f7fd; }
.nav a[aria-current],.header-inner nav>a[aria-current] { text-decoration:underline; text-underline-offset:9px; text-decoration-color:#7ab5fa; }
.platform-switch { background:#0b182d; border-color:#c2d9ff26; }
.platform-switch .selected { background:#24416b; }
.platform-switch a { padding:8px 14px; font-size:11px; }
.page-hero,.document-hero { padding-top:80px; padding-bottom:45px; }
.page-hero h1,.document-hero h1 { font-size:clamp(44px,6.4vw,82px); line-height:1.05; letter-spacing:-.065em; font-weight:570; margin:22px 0; }
.page-hero .eyebrow,.document-hero .kicker { padding:0; border:0; border-radius:0; background:none; font-size:10px; color:#a6d9ff; letter-spacing:.16em; font-weight:600; }
.page-hero p,.document-hero>p { max-width:72ch; font-size:16px; line-height:1.85; color:#aab8cf; }
.platform-note { padding:19px 0; color:#aab8cf; font-size:13px; }
.page-hero .platform-note { padding:0; margin:8px 0 13px; font-size:13px; }
.platform-note a,.document-hero a { color:#a6d9ff; text-decoration:underline; text-underline-offset:4px; }
.section-tight { padding:26px 0 50px; }
.doc-layout,.document-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:68px; align-items:start; }
.document-layout { padding-top:24px; padding-bottom:88px; }
.doc,.document-copy { max-width:78ch; min-width:0; color:#b7c4d9; }
.container.doc { width:min(820px,calc(100% - 96px)); }
.doc h2,.document-copy h2 { font-size:29px; line-height:1.2; font-weight:570; letter-spacing:-.04em; color:#f5f7fd; margin:52px 0 20px; scroll-margin-top:122px; }
.doc h2:first-child,.document-copy h2:first-child { margin-top:0; }
.doc h3,.document-copy h3 { font-size:19px; line-height:1.35; font-weight:600; letter-spacing:-.02em; margin:30px 0 12px; color:#e3ebf8; }
.doc p,.doc li,.document-copy p,.document-copy li,.document-copy dd { color:#b7c4d9; font-size:15px; line-height:1.9; }
.doc p,.document-copy p { margin:17px 0; }
.doc strong,.document-copy strong { color:#eef4ff; font-weight:600; }
.doc a,.document-copy a { color:#a6d9ff; text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
.doc ul,.doc ol,.document-copy ul,.document-copy ol { padding-left:23px; }
.doc li,.document-copy li { padding-left:5px; margin:11px 0; }
.doc li::marker,.document-copy li::marker { color:#a6d9ff; }
.doc-nav,.document-nav { position:sticky; top:122px; padding:23px 0 0; border:0; border-top:1px solid #c2d9ff26; border-radius:0; background:none; box-shadow:none; display:grid; gap:4px; }
.doc-nav strong,.document-nav strong { font-size:10px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; margin:0 0 15px; color:#a6d9ff; }
.doc-nav a,.document-nav a { color:#93a5c1; font-size:12px; line-height:1.6; padding:7px 0; }
.doc-nav a:hover,.document-nav a:hover { color:#f5f7fd; }
.notice,.document-note { border:1px solid #8cbeff24; border-left:2px solid #91c8ff; border-radius:0 12px 12px 0; background:#0b182d; padding:18px 23px; color:#c2d4eb; margin:24px 0; }
.document-note p { margin:0; }
.table-wrap { width:100%; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; border-color:#a6c7ff26; border-radius:12px; }
table { background:#0b182d; min-width:600px; font-size:13px; line-height:1.85; }
th,td { padding:17px 19px; border-bottom-color:#c2d9ff20; }
th { background:#11223e; color:#e8f1ff; font-weight:600; }
td { color:#b7c4d9; }
.support-grid { gap:24px; }
.support-card { min-width:0; background:linear-gradient(130deg,#0e1c33,#091326); border:1px solid #c2d9ff20; border-radius:18px; padding:32px; box-shadow:0 20px 45px #0000000d; }
.support-card h2 { font-size:25px; line-height:1.15; font-weight:570; letter-spacing:-.04em; margin:0 0 17px; }
.support-card p { max-width:60ch; font-size:14px; color:#aab8cf; line-height:1.9; }
.email-box { max-width:100%; background:#a6d9ff0b; border:1px solid #a6d9ff20; border-radius:8px; font-size:14px; font-weight:500; color:#a6d9ff; word-break:normal; overflow-wrap:anywhere; }
.btn { min-height:48px; border-radius:28px; padding:11px 20px; font-size:12px; font-weight:600; }
.btn-secondary { border-color:#a6d9ff35; background:#a6d9ff08; }
.btn-primary { background:linear-gradient(110deg,#235fde,#2347bc); border-color:#73aaff55; box-shadow:0 5px 25px #2360fa20; }
.section-head { margin-bottom:28px; }
.section-head h2 { font-size:34px; letter-spacing:-.05em; font-weight:570; line-height:1.15; }
.faq { gap:0; border-top:1px solid #c2d9ff24; }
.accordion { border:0; border-bottom:1px solid #c2d9ff24; border-radius:0; background:none; }
.accordion button { padding:24px 0; font-size:15px; font-weight:500; gap:20px; }
.accordion button>span:last-child { color:#a6d9ff; }
.accordion-panel p { max-width:78ch; margin:0; padding:0 0 24px; font-size:14px; color:#aab8cf; line-height:1.9; }
.document-copy details { padding:22px 0; border-bottom-color:#c2d9ff24; }
.document-copy summary { font-size:16px; line-height:1.65; font-weight:500; color:#e7eefb; }
.document-copy dt { color:#e7eefb; font-size:16px; font-weight:600; margin:25px 0 8px; }
.document-copy dd { margin:0; }
.site-footer,.ios-footer { margin-top:48px; background:#030916; border-top:1px solid #c2d9ff1d; padding-top:0; }
.footer-grid,.footer-top { padding:48px 0 32px; gap:45px; }
.footer-brand p,.footer-top>div>p { font-size:13px; line-height:1.85; color:#8fa2c0; }
.footer-title,.footer-label { font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#a6d9ff; }
.footer-links,.footer-top>div>a:not(.wordmark) { font-size:12px; color:#aab8cf; }
.footer-bottom { font-size:10px; color:#7e92b0; border-top-color:#c2d9ff16; padding:23px 0; margin-top:0; gap:20px; flex-wrap:wrap; }
@media(max-width:1000px) {
  .container,.wrap { width:calc(100% - 64px); }
  .nav-wrap,.header-inner { gap:18px; }
  .nav,.header-inner nav { gap:17px; font-size:11px; }
  .brand,.wordmark { font-size:14px; }
  .brand img,.brand-symbol,.brand-symbol img { width:36px; height:36px; border-radius:10px; }
  .platform-switch a { padding:7px 10px; font-size:10px; }
  .doc-layout,.document-layout { grid-template-columns:175px minmax(0,1fr); gap:38px; }
  .container.doc { width:min(820px,calc(100% - 64px)); }
}
@media(max-width:800px) {
  .doc-layout,.document-layout { grid-template-columns:1fr; gap:35px; }
  .doc-nav,.document-nav { position:static; display:flex; flex-wrap:wrap; gap:1px 23px; padding:18px 0; border-bottom:1px solid #c2d9ff20; }
  .doc-nav strong,.document-nav strong { flex-basis:100%; margin:0 0 8px; }
  .doc-nav a,.document-nav a { padding:5px 0; font-size:11px; }
  .doc,.document-copy { max-width:78ch; }
}
@media(max-width:760px) {
  .container,.wrap { width:calc(100% - 40px); }
  .nav-wrap,.header-inner { min-height:80px; gap:16px; padding:17px 0; flex-wrap:wrap; }
  .brand,.wordmark { font-size:14px; max-width:calc(100% - 54px); }
  .wordmark { white-space:normal; }
  .brand img,.brand-symbol,.brand-symbol img { width:37px; height:37px; }
  .nav-toggle:not([hidden]),.menu-toggle:not([hidden]) { display:flex; align-items:center; justify-content:center; border-radius:50%; width:38px; height:38px; min-width:38px; margin-left:auto; background:none; border:1px solid #c2d9ff30; }
  .nav-toggle[hidden],.menu-toggle[hidden] { display:none; }
  .nav,.header-inner nav { position:static; width:100%; order:3; margin:0; padding:14px 0 3px; display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; justify-content:flex-start; gap:10px 22px; border:0; border-top:1px solid #c2d9ff16; border-radius:0; background:none; box-shadow:none; font-size:12px; }
  .nav[data-menu-ready],.header-inner nav[data-menu-ready] { display:none; }
  .nav.is-open,.header-inner nav.is-open { display:flex; }
  .nav a,.header-inner nav>a { padding:7px 0; }
  .header-inner nav>a[href*='#how'] { display:block; }
  .header-inner nav .platform-switch { width:100%; margin:0 0 7px; }
  .platform-switch a { padding:8px 12px; font-size:11px; flex:1; text-align:center; }
  .page-hero,.document-hero { padding-top:43px; padding-bottom:29px; }
  .page-hero h1,.document-hero h1 { font-size:clamp(39px,9vw,62px); letter-spacing:-.055em; margin:18px 0; }
  .page-hero p,.document-hero>p { font-size:14px; line-height:1.85; }
  .page-hero .eyebrow,.document-hero .kicker { font-size:9px; }
  .section-tight { padding:20px 0 34px; }
  .document-layout { padding-top:10px; padding-bottom:36px; }
  .container.doc { width:calc(100% - 40px); }
  .doc h2,.document-copy h2 { font-size:26px; margin-top:39px; }
  .doc p,.doc li,.document-copy p,.document-copy li,.document-copy dd { font-size:14px; line-height:1.9; }
  .notice,.document-note { padding:16px 18px; }
  .support-grid { grid-template-columns:1fr; gap:18px; }
  .support-card { padding:25px 23px; }
  .support-card h2 { font-size:24px; }
  .email-box { font-size:12px; padding:10px; }
  .section-head h2 { font-size:29px; }
  .accordion button { font-size:14px; padding:22px 0; }
  .accordion-panel p { font-size:13px; }
  .footer-grid,.footer-top { padding-top:35px; gap:30px; }
  .footer-bottom { font-size:9px; gap:15px; }
  .site-footer,.ios-footer { margin-top:30px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }