:root{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#062d5b;font-synthesis:none;-webkit-font-smoothing:antialiased;--mint:#a9f0de;--ink:#173e3c;--paper:#f7f3e8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid #64d8c0;outline-offset:7px;border-radius:3px}.wrap{width:min(1100px,calc(100% - 80px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;padding-block:30px;position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:24px;text-decoration:none;letter-spacing:-.7px}.brand img{border-radius:11px}.quiet-link{font-size:14px;text-decoration:none;color:#e1eff8}.quiet-link span{margin-left:14px}.hero-sky{position:relative;background:#063d77 url('/blue-cartography.webp') center/100% 100%}.hero-sky:first-of-type{background-position:center top}.hero-backdrop{margin-top:-1px;isolation:isolate}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding-block:48px 96px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;line-height:1.6;margin:0 0 22px;color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,6.5vw,86px);line-height:1.02;letter-spacing:-3.8px;font-weight:800;margin-bottom:26px}h1 span{color:var(--mint)}.intro{font-size:21px;line-height:1.6;color:#f3f8ff;margin-bottom:14px;letter-spacing:-.25px}.hero-detail{font-size:16px;line-height:1.75;max-width:370px;color:#cedfe9;margin-bottom:28px}.store-badge{display:inline-flex;padding:14px;margin-left:-14px}.store-badge img{display:block;width:162px;height:54px}.compatibility{font-size:11px;color:#d3e6ee;margin:2px 0 0}.product{margin:0;position:relative;justify-self:center}.phone{width:310px;border:5px solid #173e3c;border-radius:43px;background:var(--paper);overflow:hidden;box-shadow:0 25px 65px #001d4960;transform:rotate(5deg)}.phone img{display:block;width:100%;height:auto}.product figcaption{font-size:12px;color:#e2f6f3;margin:25px 0 0;text-align:center;letter-spacing:.2px}.product figcaption span{color:var(--mint);margin-right:7px}.fog{position:absolute;z-index:0;inset:auto 0 0;height:250px;pointer-events:none;opacity:.75;background:radial-gradient(ellipse at 10% 110%,#d0e8dfb0,transparent 60%),radial-gradient(ellipse at 90% 120%,#e8f2e8c0,transparent 60%)}.paper{background:var(--paper);color:var(--ink);padding:88px 0 84px}.paper .eyebrow{color:#386a62}h2{font-size:clamp(34px,4vw,49px);line-height:1.12;letter-spacing:-1.8px;margin-bottom:22px}.section-intro{max-width:560px;font-size:17px;line-height:1.75;color:#49645f;margin-bottom:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.steps article{border-top:1px solid #173e3c30;padding-top:22px}.step-number{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#476d64}.steps h3{font-size:20px;letter-spacing:-.45px;margin:22px 0 12px}.steps p{font-size:15px;line-height:1.8;color:#49645f;margin:0}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;padding-block:88px}.questions .eyebrow{color:var(--mint)}.text-link{display:inline-block;font-size:15px;font-weight:600;padding-block:12px}.answers article{padding:24px 0;border-top:1px solid #ffffff30}.answers article:first-child{padding-top:0;border-top:0}.answers h3{font-size:17px;letter-spacing:-.2px;margin-bottom:12px}.answers p{font-size:15px;color:#d1e0eb;line-height:1.8;margin:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid #ffffff30;padding-block:30px;font-size:12px;color:#c7dbe5}.footer-brand{font-size:14px;font-weight:600;text-decoration:none}.footer nav{display:flex;gap:24px}.footer nav a{text-decoration:none}.footer p{margin:0;font-size:11px}.skip{position:absolute;top:-80px;left:20px;z-index:9;background:var(--paper);color:var(--ink);padding:14px}.skip:focus{top:12px}.legal{max-width:760px;padding-block:64px 90px}.legal h1{font-size:58px;letter-spacing:-2px}.updated{color:#cadde7;font-size:14px;margin-bottom:48px}.privacy-content h2{font-size:25px;margin:34px 0 14px;letter-spacing:-.7px}.privacy-content p{font-size:16px;line-height:1.85;color:#d8e5ed;margin-bottom:18px}.not-found{min-height:65vh}.not-found p{line-height:1.8}@media(min-width:1250px){.phone{width:330px}}@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero{gap:28px}.phone{width:270px}.hero h1{font-size:62px}.hero-detail{font-size:15px}.intro{font-size:18px}.steps{gap:24px}.questions{gap:48px}.footer{justify-content:flex-start}.footer p{width:100%}}@media(max-width:700px){.header{padding-block:22px}.brand{font-size:21px}.brand img{width:34px;height:34px}.quiet-link{font-size:12px}.hero{grid-template-columns:1fr;padding-block:38px 48px;gap:45px}.hero-copy{text-align:center}.hero h1{font-size:clamp(48px,16vw,64px);letter-spacing:-3px}.eyebrow{font-size:10px;margin-bottom:18px}.intro{font-size:19px}.hero-detail{margin:0 auto 17px;max-width:330px}.store-badge{margin-left:0}.compatibility{font-size:10px}.phone{width:280px;transform:rotate(3deg);border-radius:39px}.product figcaption{margin-top:22px}.paper{padding-block:58px}.section-intro{font-size:16px;margin-bottom:36px}.steps{grid-template-columns:1fr;gap:28px}.steps article{padding-top:18px}.steps h3{margin:14px 0 8px}.steps p{max-width:430px}.questions{grid-template-columns:1fr;gap:35px;padding-block:58px}.questions h2 br{display:none}.questions h2{margin-bottom:10px}.footer{gap:22px;padding-block:26px}.footer nav{gap:22px}.footer-brand{width:100%}.legal{padding-block:40px 60px}.legal h1{font-size:45px}.privacy-content p{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.hero-sky:has(> .header){background:#063d77}.hero-backdrop::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 65%,#d9f5ef22,transparent 45%)}

.screenshot-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; margin-top:64px; }
.screenshot-gallery figure { margin:0; padding:32px 24px 0; overflow:hidden; text-align:center; border-radius:28px; background:#e8ede7; }
.screenshot-gallery figure:nth-child(2) { background:#dfebe8; }
.screenshot-gallery h3 { margin:0 0 10px; font-size:24px; letter-spacing:-.7px; }
.screenshot-gallery p { margin:0 auto 28px; max-width:300px; font-size:14px; line-height:1.7; color:#49645f; }
.screenshot-gallery img { display:block; width:min(100%,280px); height:auto; margin:0 auto; border:4px solid #173e3c; border-bottom:0; border-radius:30px 30px 0 0; }
@media(max-width:700px) { .screenshot-gallery { grid-template-columns:1fr; gap:24px; margin-top:40px; } .screenshot-gallery figure { padding:28px 16px 0; } .screenshot-gallery img { width:min(100%,260px); } }

.comparison-links { width:100%; flex-wrap:wrap; padding-top:18px; border-top:1px solid #ffffff24; }
.comparison-links span { color:var(--mint); }
.breadcrumbs { display:flex; gap:12px; flex-wrap:wrap; font-size:13px; color:#c7dbe5; padding-top:24px; }
.breadcrumbs a { text-decoration:none; }
.comparison-hero { max-width:900px; padding:56px 0 64px; }
.comparison-hero h1 { font-size:clamp(42px,6vw,72px); letter-spacing:-2.5px; line-height:1.1; overflow-wrap:break-word; }
.comparison-hero h1 span { display:block; }
.comparison-summary { max-width:750px; font-size:20px; line-height:1.75; color:#e1edf3; margin-bottom:24px; }
.comparison-byline { font-size:12px; line-height:1.8; color:#c7dbe5; margin:0; }
.comparison-paper { padding:64px 0; }
.comparison-paper h2 { font-size:32px; letter-spacing:-1px; line-height:1.2; }
.table-note { color:#49645f; line-height:1.75; }
.comparison-table { margin-top:28px; }
.comparison-table table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:15px; line-height:1.75; }
.comparison-table th,.comparison-table td { text-align:left; vertical-align:top; padding:20px; border-bottom:1px solid #173e3c26; overflow-wrap:break-word; }
.comparison-table thead th { background:#dfeae4; font-size:17px; }
.comparison-table th:first-child { width:24%; }
.comparison-table tbody th { font-weight:650; }
.comparison-table td { color:#49645f; }
.comparison-editorial { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:80px; margin-top:64px; }
.comparison-editorial section { margin-bottom:36px; }
.comparison-editorial p,.comparison-sources p { font-size:16px; line-height:1.85; color:#49645f; }
.comparison-image { margin:0; }
.comparison-image img { display:block; width:100%; height:auto; border:4px solid #173e3c; border-radius:34px; }
.comparison-image figcaption { font-size:12px; line-height:1.8; color:#49645f; padding-top:16px; }
.comparison-sources { padding-top:32px; border-top:1px solid #173e3c26; max-width:780px; }
.comparison-sources h2 { font-size:25px; }
.comparison-sources li { padding-block:7px; font-size:14px; line-height:1.65; }
.comparison-next { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding-block:64px; }
.comparison-next p { font-size:14px; color:#c7dbe5; line-height:1.7; }
.comparison-next nav { align-self:center; }
.comparison-next nav a { display:block; margin-bottom:20px; line-height:1.6; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:850px) { .comparison-editorial { gap:32px; grid-template-columns:minmax(0,1fr) 240px; } }
@media(max-width:700px) {
 .comparison-hero { padding-block:40px 48px; } .comparison-hero h1 { letter-spacing:-1.8px; }
 .comparison-summary { font-size:17px; } .comparison-paper { padding-block:44px; }
 .comparison-paper h2 { font-size:27px; }
 .comparison-table th,.comparison-table td { padding:12px 8px; font-size:13px; }
 .comparison-table thead th { font-size:13px; } .comparison-table th:first-child { width:26%; }
 .comparison-editorial { grid-template-columns:1fr; gap:24px; margin-top:40px; }
 .comparison-image { width:min(260px,100%); margin:0 auto 40px; }
 .comparison-next { grid-template-columns:1fr; gap:24px; padding-block:44px; }
 .footer .comparison-links { gap:14px; flex-direction:column; }
}

/* Keep the shared footer comfortable to use with touch. */
.footer-brand { display:flex; align-items:center; gap:12px; }
.footer-brand img { flex-shrink:0; border-radius:10px; }
.footer nav { flex-wrap:wrap; gap:8px 24px; }
.footer nav a { display:inline-flex; align-items:center; min-height:44px; }
.comparison-table { overflow-x:auto; }
.comparison-table:focus-visible { outline:3px solid #386a62; outline-offset:4px; }
@media(max-width:700px) {
 .phone { width:min(280px,calc(100vw - 72px)); }
 .quiet-link { display:inline-flex; align-items:center; min-height:44px; }
 .comparison-table table { min-width:600px; }
 .comparison-table th,.comparison-table td { padding:16px 12px; font-size:15px; }
 .comparison-table thead th { font-size:15px; }
}

.comparison-scroll-hint { display:none; }
@media(max-width:700px) { .comparison-scroll-hint { display:block; margin:16px 0 -12px; color:#49645f; font-size:13px; line-height:1.6; } }