/* MarchMap: a field guide for the long way ahead. */
:root{color-scheme:light;--paper:#f3f2e9;--ink:#163e35;--muted:#566b61;--forest:#102e27;--mint:#a1dfc4;--orange:#b44e20;--line:#163e3526;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.08}h1,h2{letter-spacing:-.055em;font-weight:600}p+p{margin-top:18px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--mint);color:var(--forest)}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:9}.skip:focus{top:15px}.header{display:flex;align-items:center;gap:30px;padding:24px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:23px;letter-spacing:-1px}.brand img{width:38px;height:38px;border-radius:9px}.main-nav{display:flex;align-items:center;gap:26px;font-size:13px;margin-left:auto}.main-nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.languages{display:flex;gap:3px;border-left:1px solid var(--line);padding-left:22px}.languages a{display:grid;place-items:center;font-size:11px;font-weight:bold;min-width:36px;min-height:36px;border-radius:3px}.languages a[aria-current=page]{background:var(--ink);color:var(--paper)}.languages a:hover{background:var(--mint);color:var(--forest)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:64px 0 58px}.kicker{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:bold;margin-bottom:25px}.kicker:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%;flex-shrink:0}h1{font-size:clamp(48px,5.1vw,73px);max-width:650px}h1 em{font-family:Georgia,serif;font-style:normal;font-weight:400;color:#517b62;letter-spacing:-.05em}.hero-summary{max-width:510px;color:var(--muted);font-size:17px;line-height:1.7;margin-top:28px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;min-height:54px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;font-size:13px;font-weight:bold;transition:background .2s,transform .2s}.button:hover{background:#28604d;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:6px}.micro{font-size:11px;color:var(--muted);margin-top:15px}.hero-visual{position:relative;background:#173c31;min-height:660px;display:flex;justify-content:center;align-items:center;border-radius:120px 8px 8px 8px;isolation:isolate;overflow:hidden}.contours{position:absolute;inset:-180px;background:repeating-radial-gradient(ellipse at 80% 55%,transparent 0 30px,#b7e3bf17 31px 32px,transparent 33px 62px);transform:rotate(-26deg);z-index:-1}.hero-visual:after{content:'';position:absolute;bottom:0;inset-inline:0;height:150px;background:linear-gradient(transparent,#102e27bb);z-index:-1}.phone{width:239px;border:6px solid #0c1d19;border-radius:29px;overflow:hidden;box-shadow:18px 24px 35px #051e2166;transform:rotate(4deg);background:#101e1b}.phone img{width:100%;height:auto}.visual-label{position:absolute;left:64px;right:20px;top:24px;color:#d4e9d8;font-family:monospace;font-size:10px;letter-spacing:1px}.route-stamp{position:absolute;right:20px;bottom:40px;background:var(--paper);color:var(--ink);padding:15px 19px;border-radius:3px;box-shadow:0 10px 25px #0002;transform:rotate(-4deg);max-width:205px}.route-stamp strong{font-size:28px;line-height:1.2;display:block;letter-spacing:-1px}.route-stamp span{font-size:10px;display:block;color:var(--muted)}.screenshot-caption{position:absolute;bottom:13px;left:20px;color:#c7ddcd;font-size:9px;letter-spacing:.3px}.distance-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;align-items:center;border-block:1px solid var(--line);padding:24px 0;gap:22px}.distance{font-size:39px;letter-spacing:-2px;line-height:1}.distance small{font-family:monospace;letter-spacing:0;font-size:11px;margin-left:5px}.distance-note{color:var(--muted);font-size:13px;max-width:260px;border-left:1px solid var(--line);padding-left:28px}.section{padding-block:96px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:42px}.section-num{font:11px monospace;letter-spacing:1.2px;color:#567467;display:block;margin-bottom:20px}h2{font-size:clamp(32px,3.7vw,49px)}.body-copy{font-size:16px;color:var(--muted);max-width:570px}.questions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.question{padding:28px 26px 8px 0;position:relative}.question+.question{border-left:1px solid var(--line);padding-left:28px}.question span{font:12px monospace;color:var(--orange);display:block;margin-bottom:18px}.question h3{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.6px}.section-foot{margin-top:34px;font-size:14px;color:var(--muted)}.progress-section{border-top:1px solid var(--line);padding-top:80px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.two-col h2{margin-bottom:25px}.check-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;font-size:14px}.check-list li{position:relative;padding-left:25px}.check-list li:before{content:'↗';position:absolute;left:0;color:var(--orange);font-weight:bold}.route-card{background:#e5e9db;padding:32px;border:1px solid #cdd6c6;border-radius:5px}.diagram-label{display:flex;justify-content:space-between;gap:15px;font:10px monospace;text-transform:uppercase;letter-spacing:.8px}.route-diagram{height:200px;position:relative;margin:25px 0;background:repeating-linear-gradient(0deg,transparent 0 39px,#617b5311 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#617b5311 39px 40px)}.route-path{position:absolute;inset:5px 10px;background:#4d8062;clip-path:polygon(12% 67%,18% 52%,36% 47%,42% 33%,60% 15%,76% 7%,82% 12%,80% 52%,84% 59%,78% 81%,67% 88%,56% 78%,47% 70%,34% 72%,22% 85%,12% 67%,15% 67%,23% 80%,33% 68%,48% 66%,58% 75%,68% 83%,75% 78%,80% 59%,76% 53%,78% 14%,75% 11%,61% 19%,45% 36%,39% 51%,20% 56%,15% 67%)}.route-marker{position:absolute;width:19px;height:19px;background:var(--orange);border:4px solid #f7f6ee;border-radius:50%;top:48%;left:37%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #b44e2017}.diagram-start{position:absolute;left:16%;bottom:15%;font:10px monospace}.route-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #9eae963f;padding-top:20px}.route-metrics strong{display:block;font-size:25px;letter-spacing:-1px}.route-metrics span{font-size:10px;color:var(--muted)}.diagram-caption{font-size:10px;color:var(--muted);margin-top:22px}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:50px;margin-top:65px}.feature-pair h3{font-size:29px;letter-spacing:-1px;margin:16px 0 18px;line-height:1.15}.feature-pair p{font-size:15px;color:var(--muted)}.feature-symbol{font:24px monospace;color:var(--orange)}.climb{background:var(--forest);color:var(--paper);padding-block:82px;overflow:hidden}.climb .section-num{color:var(--mint)}.climb .body-copy{color:#c0d0c6}.climb h2{margin-bottom:25px}.climb-art{height:345px;position:relative;border-bottom:1px solid #b8dec544;background:repeating-linear-gradient(0deg,transparent 0 67px,#b8dec519 68px 69px);margin-top:35px}.mountain{position:absolute;inset:20px 0 0;background:linear-gradient(160deg,#91ba8b99,#4c806830);clip-path:polygon(0 96%,10% 89%,18% 93%,29% 76%,36% 78%,48% 60%,55% 63%,66% 42%,73% 45%,85% 6%,90% 13%,100% 29%,100% 100%,0 100%)}.climb-callout{position:absolute;left:7%;top:5px;max-width:85%;background:var(--mint);color:var(--forest);padding:19px 24px;border-radius:4px;box-shadow:0 10px 30px #0002}.climb-callout strong{font-size:35px;line-height:1.15;letter-spacing:-1px;display:block}.climb-callout span{font-size:11px}.climb-art:after{content:'';position:absolute;left:55%;height:43%;bottom:0;border-left:2px dashed #d3aa63}.climb-caption{margin-top:16px;font-size:10px;color:#c0d0c6}.offline .section-head{margin-bottom:36px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.mode{background:var(--paper);padding:27px}.mode strong{font:11px monospace;color:var(--orange)}.mode h3{font-size:20px;line-height:1.25;margin:20px 0 12px;font-weight:500}.mode p{font-size:14px;color:var(--muted)}.privacy{background:#e5e9db;border-block:1px solid #cdd6c6;padding:54px 0}.privacy h2{font-size:34px}.privacy .check-list{grid-template-columns:1fr 1fr;margin:0;gap:15px 20px}.privacy .body-copy{margin-top:20px;font-size:14px}.outro{text-align:center;padding:90px 0 55px;max-width:850px;margin:auto}.outro h2{font-size:clamp(34px,4vw,52px);margin-bottom:25px}.outro p{max-width:640px;margin-inline:auto;color:var(--muted)}.quick-questions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;font-size:14px;margin-top:28px;font-weight:bold}.quick-questions span:before{content:'↗';margin-right:8px;color:var(--orange)}.download{margin:0 auto 70px;padding:53px 35px;text-align:center;background:#dceacb;border:1px solid #bfd0aa;border-radius:5px;position:relative}.download h2{font-size:clamp(32px,3.8vw,49px);margin-bottom:20px}.download p{color:#40583f;font-size:14px}.download .button{margin-top:25px}.button:disabled{cursor:not-allowed;background:#385747;color:#edf2e9;opacity:.7;transform:none}.stores{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}.store{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 20px;min-width:180px;border:1px solid #9bb188;border-radius:5px;background:#e4eddb;color:#50614a;cursor:not-allowed}.store-icon{font-size:25px}.store small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px}.store strong{font-size:16px;font-weight:500}.download .download-note{font-size:11px;margin-top:18px}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 0 35px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer .brand{font-size:18px;color:var(--ink)}.footer .brand img{width:29px;height:29px}.footer a{text-underline-offset:4px}.footer-credit a{text-decoration:underline}
@media(max-width:1050px){.hero{gap:35px}.hero-visual{min-height:600px}.section-head,.two-col{gap:40px}.main-nav{gap:17px}.languages{padding-left:12px}.route-stamp{right:12px;bottom:25px}.route-metrics strong{font-size:21px}.climb-callout strong{font-size:29px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{gap:15px;padding:18px 0}.main-nav{margin-left:auto}.main-nav .nav-feature{display:none}.languages{margin-left:auto;padding-left:0;border:0}.brand{font-size:21px}.hero{grid-template-columns:1fr;padding:44px 0;gap:38px}h1{font-size:clamp(43px,8vw,65px);max-width:600px}.hero-summary{font-size:16px}.hero-visual{min-height:610px;border-radius:70px 5px 5px 5px;max-width:500px;width:100%;margin:auto}.distance-strip{grid-template-columns:repeat(3,1fr);gap:24px 12px}.distance{font-size:34px}.distance-note{grid-column:1/-1;border:0;padding:0;max-width:none}.section{padding-block:60px}.section-head,.two-col{grid-template-columns:1fr;gap:28px}.section-head{margin-bottom:28px}.questions{grid-template-columns:1fr}.question{padding:20px 0;display:flex;gap:24px;align-items:baseline}.question+.question{border-left:0;border-top:1px solid var(--line);padding-left:0}.question span{margin:0}.question h3{font-size:22px}.section-foot{margin-top:20px}.feature-pair{gap:35px;grid-template-columns:1fr;margin-top:45px;padding-top:35px}.feature-pair h3{font-size:29px}.route-card{padding:25px}.climb{padding:60px 0}.climb-art{height:300px;margin-top:12px}.climb-callout strong{font-size:32px}.modes{grid-template-columns:1fr}.mode{padding:24px}.mode h3{margin-top:12px}.privacy .check-list{grid-template-columns:1fr}.privacy h2{font-size:32px}.outro{padding:60px 0 40px}.quick-questions{flex-direction:column;gap:10px}.download{padding:38px 20px;margin-bottom:45px}.footer{gap:18px}.footer-credit{width:100%}}
@media(max-width:390px){.main-nav{display:none}.hero-visual{min-height:560px}.phone{width:215px}.route-stamp{bottom:28px;padding:12px 15px}.route-stamp strong{font-size:24px}.route-metrics{gap:8px}.route-metrics strong{font-size:19px}.climb-callout{padding:17px}.climb-callout strong{font-size:28px}.kicker{letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}