@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Instrument+Serif:ital@0;1&display=swap");*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#19342d;font-family:DM Sans,sans-serif}main{max-width:1160px;margin:auto;padding:0 32px;min-height:100vh}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1d9}.wordmark{font-size:22px;font-weight:700;letter-spacing:-1px}.wordmark i{color:#ec6c45;font-style:normal;font-size:28px;vertical-align:-2px}.offline{font:12px DM Mono;color:#537269}.offline b{background:#3eaa75;width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.hero{text-align:center;padding:92px 0 82px}.eyebrow{color:#e46441;letter-spacing:1.5px;font:11px DM Mono;margin:0 0 12px}.hero h1{font-size:clamp(48px,7vw,80px);line-height:.92;letter-spacing:-4px;margin:0;font-weight:600}.hero h1 em{font-family:"Instrument Serif";font-weight:400;color:#e46441;letter-spacing:-2px}.intro{font-size:17px;line-height:1.5;color:#587068;max-width:560px;margin:24px auto 35px}.entry-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;max-width:760px;margin:0 auto 10px}.entry-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;min-height:190px;padding:20px;border:1px solid #d7ddd4;border-radius:16px;background:#fff;cursor:pointer;transition:.2s}.entry-card:hover{transform:translateY(-2px);border-color:#e46441;box-shadow:0 12px 30px #19342d12}.entry-card input{display:none}.entry-icon{font-size:28px;color:#e46441;line-height:1;margin-bottom:16px}.entry-card strong{font-size:22px;letter-spacing:-1px}.entry-card small{margin-top:8px;color:#617971;font-size:14px;line-height:1.5}.entry-card em{margin-top:auto;padding:6px 10px;border-radius:999px;background:#eef3ee;color:#4f675f;font:10px DM Mono;font-style:normal;letter-spacing:.08em}.quick-card{background:linear-gradient(180deg,#244238,#1d3d35);color:#fff;border-color:#244238}.quick-card .entry-icon,.quick-card em{color:#fff}.quick-card small{color:#c2d2cb}.quick-card em{background:#32584d}.route-card{background:#fffaf6}.upload{margin:auto;cursor:pointer;width:min(100%,480px);min-height:156px;border:1.5px dashed #a9b9ae;border-radius:10px;background:#fbfbf7;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.upload:hover{border-color:#e46441;background:#fffaf5}.upload input{display:none}.upload span{font-size:24px;color:#e46441;line-height:1}.upload strong{margin-top:9px}.upload small{margin-top:3px;color:#779087;font-size:12px}.error{color:#b63d31;font-size:14px}.quick-ride{background:#294b42!important}.promise{border-top:1px solid #dce1d9;display:grid;grid-template-columns:repeat(3,1fr);padding:37px 0 54px;grid-gap:32px;gap:32px}.promise div{display:grid;grid-template-columns:38px 1fr}.promise div:first-letter{font-size:20px}.promise strong{font-size:15px}.promise p{grid-column:2;color:#6c827a;font-size:13px;line-height:1.45;margin:5px 0}.dashboard{padding:30px 0 64px}.route-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.route-title h2{margin:0;font-size:30px;letter-spacing:-1px}.ready{font:11px DM Mono;color:#308358;background:#e5f3e9;padding:7px 10px;border-radius:99px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dbe1d9;border-radius:10px;background:#fff;overflow:hidden}.stats div{padding:21px;border-right:1px solid #dbe1d9}.stats div:last-child{border:0}.ride small,.stats small{display:block;font:10px DM Mono;letter-spacing:.7px;color:#789087;margin-bottom:8px}.stats b{font-size:25px;letter-spacing:-1px}.stats i{font-size:13px;font-style:normal;color:#789087;font-weight:500;letter-spacing:0}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:20px;gap:20px;margin-top:20px}.panel{background:#fff;border:1px solid #dbe1d9;border-radius:10px;padding:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;font-weight:600}.section-heading small{font:11px DM Mono;color:#789087}.timeline-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;grid-gap:10px;gap:10px;border-top:1px solid #edf0eb;padding:15px 0}.timeline-item:first-of-type{margin-top:13px}.reminder-icon{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#edf4ed;font-size:15px}.reminder-icon.eat{background:#fff1d9}.reminder-icon.climb{background:#fbe4db}.timeline-item strong{font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#fff3de;color:#b6622d;font:10px DM Mono;font-style:normal;letter-spacing:.02em}.timeline-item p{font-size:12px;color:#70857d;margin:3px 0 0}.timeline-item time{font:12px DM Mono;color:#e46441}.muted{color:#70857d;font-size:14px}.ride{background:#1d3d35;color:white;border:0}.ride .section-heading button{font:11px DM Mono;color:#23443a;background:#d9f0d7;border:0;padding:8px 11px;border-radius:5px;cursor:pointer}.ride .section-heading button.stop{background:#f8d7ca;color:#873c29}.ride-metrics{display:grid;grid-template-columns:1fr 1fr;margin:24px 0;border-top:1px solid #426057;border-bottom:1px solid #426057;padding:18px 0}.ride small{color:#aabcb4}.ride-metrics b{font-size:29px;letter-spacing:-1.5px}.next-reminder{display:flex;gap:14px;background:#294b42;padding:16px;border-radius:8px}.next-reminder>span{font-size:26px}.next-reminder strong{display:block;font-size:17px}.next-reminder p{margin:4px 0 0;color:#afc0b9;font:11px DM Mono}.actions{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:19px}.actions button{padding:12px 3px;border:1px solid #537168;background:transparent;border-radius:7px;color:#fff;cursor:pointer;font-size:18px}.actions span{font:11px DM Mono;display:block;margin-top:3px}.event-log{color:#b3c6bd;font:11px DM Mono;margin:13px 0 0}footer{text-align:center;border-top:1px solid #dce1d9;padding:20px 0;color:#7a8d85;font-size:11px}@media(max-width:720px){main{padding:0 18px}.hero{padding:60px 0}.hero h1{letter-spacing:-2px}.content-grid,.entry-modes,.promise{grid-template-columns:1fr}.promise{gap:18px}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div{padding:16px;border-bottom:1px solid #dbe1d9}.stats div:nth-child(n+3){border-bottom:0}.route-title{align-items:flex-start}.route-title h2{font-size:23px}.ready{margin-top:4px}.dashboard{padding-top:8px}}