@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#243b32;background:#f4f3ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:auto;padding:34px 40px}header{display:flex;justify-content:space-between;align-items:center}.brand{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.2px;color:inherit;text-decoration:none}.brand-icon{display:inline-flex;background:#254c3e;color:#fff;width:35px;height:35px;align-items:center;justify-content:center;border-radius:50%;margin-right:8px;font-size:25px}.brand-dot{color:#d4834f}.tag,.eyebrow,.map-heading,.try>span{font-size:10px;font-weight:700;letter-spacing:1.7px}.tag{color:#768078}.intro{padding:64px 0 34px}.eyebrow{color:#8b6c48;margin-bottom:17px}h1{font-family:Manrope,sans-serif;font-size:49px;letter-spacing:-2.2px;line-height:1.16;margin:0;font-weight:800}h1 span{color:#7b887e}.intro p{font-size:16px;line-height:1.65;color:#768078;margin:20px 0 0}.app{display:grid;grid-template-columns:1fr 1.12fr;background:#fff;border-radius:22px;overflow:hidden;border:1px solid #e4e5dc;box-shadow:0 8px 28px #334b3210}.result{padding:32px}.location{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:1px;color:#78857c}.status-dot{width:6px;height:6px;background:#d19a5d;border-radius:50%}.closer-label{font-size:10px;letter-spacing:1.7px;color:#7f897f;margin:31px 0 8px}h2{font-family:Manrope,sans-serif;font-size:58px;letter-spacing:-2px;margin:0;line-height:1.15}.difference{font-size:14px;color:#768078;margin:11px 0 27px}.difference b{color:#2e5745}.distance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.country{border:1px solid #e3e7df;border-radius:11px;padding:16px}.country>span{font-size:13px}.country>div{margin-top:12px}.country strong{font-size:28px;font-weight:500;letter-spacing:-1px}.unit{font-size:12px;color:#859084}.country.active{background:#edf3ec;border-color:#c8d7c5}.primary{border:0;background:#284f3e;color:#fff;width:100%;border-radius:9px;font:600 14px 'DM Sans',sans-serif;padding:17px 18px;margin-top:23px;display:flex;align-items:center;gap:10px;cursor:pointer}.primary:hover{background:#1a3c2d}.primary>span:first-child{font-size:22px;line-height:14px}.arrow{margin-left:auto}.controls{display:flex;justify-content:space-between;margin-top:16px}.controls button{border:0;background:none;color:#65766b;font-size:12px;cursor:pointer;padding:4px 0}.controls button span{color:#b1b7b0}.message{font-size:11px;color:#899187;line-height:1.5;min-height:17px;margin:13px 0 0}.map-panel{background:#eaf0eb;display:flex;flex-direction:column;justify-content:space-between;padding:25px 0 21px;overflow:hidden}.map-heading{display:flex;justify-content:space-between;padding:0 24px;color:#748178;font-size:9px}.map-key{letter-spacing:0;font-weight:400}.map-key i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d58a54;margin-right:5px}svg{width:100%;margin-top:15px;flex:1}.map-note{text-align:center;font-size:11px;color:#859187;margin:0}.try{display:flex;align-items:center;gap:24px;margin-top:24px;padding:0 3px}.try>span{color:#91978c;font-size:9px;white-space:nowrap}#examples{display:flex;gap:8px;flex-wrap:wrap}#examples button{border:1px solid #dedfd5;background:transparent;border-radius:30px;padding:9px 14px;font-size:11px;color:#788376;cursor:pointer}#examples button:hover,#examples button.selected{background:#e5e9dd;border-color:#bfcbb8;color:#31523f}footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:18px;border-top:1px solid #dfe1d6;font-size:10px;color:#8c9487;line-height:1.7}footer a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d28a55;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}@media(min-width:1000px){.intro{position:relative}.intro p{position:absolute;right:45px;bottom:43px}}@media(max-width:700px){main{padding:24px 20px}.tag{display:none}.intro{padding:44px 0 26px}h1{font-size:37px;letter-spacing:-1.5px}.intro p{font-size:14px}.app{grid-template-columns:1fr}.result{padding:26px}.map-panel{height:280px}.map-panel svg{min-height:0}.closer-label{margin-top:27px}h2{font-size:53px}.try{flex-direction:column;align-items:flex-start;gap:12px}footer{align-items:flex-start;gap:15px;flex-direction:column;margin-top:28px}.desktop{display:none}}

.story{display:grid;grid-template-columns:1fr 1.12fr;gap:40px;margin-top:48px;padding:30px 3px 0;border-top:1px solid #dfe1d6}.story .eyebrow{font-size:9px;margin-bottom:10px}.story h3{font-family:Manrope,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.7px;margin:0}.story p{font-size:14px;line-height:1.8;color:#69796d;margin:0 0 14px}.story a{font-size:11px;color:#365a45;text-underline-offset:3px}@media(max-width:700px){.story{grid-template-columns:1fr;gap:18px;margin-top:30px;padding-top:24px}.story p{font-size:13px}}