*{box-sizing:border-box}html,body{color:#fff;background:#000;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button,input{font:inherit}.landing{background:#000;min-height:100vh;position:relative}.topbar{padding:28px 34px;position:absolute;top:0;right:0}.login{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:0;padding:8px 4px;font-size:15px}.login:hover{opacity:.65}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}h1{letter-spacing:-.065em;margin:0 0 34px;font-size:clamp(64px,11vw,150px);font-weight:700;line-height:.9}.cityPicker{width:min(390px,90vw);position:relative}.picker{color:#fff;cursor:pointer;text-align:left;background:#080808;border:1px solid #555;border-radius:7px;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 18px;display:flex}.picker:hover{border-color:#888}.chevron{font-size:22px}.menu{z-index:10;background:#0b0b0b;border:1px solid #444;border-radius:7px;width:100%;position:absolute;top:64px;overflow:hidden;box-shadow:0 15px 40px #000a}.menu input{color:#fff;background:#111;border:0;border-bottom:1px solid #333;outline:0;width:100%;height:52px;padding:0 16px}.menu input::placeholder{color:#777}.results{max-height:300px;overflow-y:auto}.results button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:14px 16px}.results button:hover{background:#1b1b1b}.empty{color:#777;padding:16px}.enter{color:#000;cursor:pointer;background:#fff;border:0;border-radius:7px;margin-top:18px;padding:13px 22px;font-weight:600}.areaPage{background:#050505;min-height:100vh}.areaHeader{border-bottom:1px solid #222;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 28px;display:grid}.areaHeader .login{justify-self:end}.back{color:#fff;cursor:pointer;background:0 0;border:0;justify-self:start;font-size:22px}.brand{letter-spacing:-.04em;font-size:21px;font-weight:700}.areaContent{padding:44px clamp(20px,5vw,70px)}.areaIntro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:28px;display:flex}.eyebrow,.rangeTitle{letter-spacing:.14em;color:#777;margin-bottom:9px;font-size:11px}.areaIntro h2{letter-spacing:-.05em;margin:0;font-size:clamp(34px,5vw,64px)}.rangeControl{background:#0b0b0b;border:1px solid #292929;border-radius:10px;width:min(560px,100%);padding:18px}.rangeModes{gap:8px;margin-bottom:17px;display:flex}.mode{color:#aaa;cursor:pointer;background:#111;border:1px solid #333;border-radius:20px;padding:8px 13px}.mode.active{color:#000;background:#fff;border-color:#fff}.sliderRow{grid-template-columns:1fr 78px 24px;align-items:center;gap:10px;display:grid}.range{accent-color:#fff;width:100%}.numberInput{color:#fff;text-align:center;background:#111;border:1px solid #444;border-radius:6px;outline:none;width:78px;height:38px}.numberInput:focus{border-color:#888}.unit{color:#aaa;font-size:13px}.rangeDescription{color:#777;margin:12px 0 0;font-size:12px;line-height:1.5}.mapPlaceholder{background:radial-gradient(circle,#151515 0,#0a0a0a 45%,#050505 75%);border:1px solid #292929;border-radius:12px;justify-content:center;align-items:center;height:min(68vh,720px);min-height:430px;display:flex;position:relative;overflow:hidden}.mapCenter{text-align:center;color:#ddd;flex-direction:column;gap:7px;display:flex}.mapCenter .pin{font-size:26px}.mapCenter small{color:#666}.mapCenter a{color:#fff;margin-top:8px;font-size:13px}.mapNote{color:#555;font-size:12px;position:absolute;bottom:16px;left:18px}@media (max-width:850px){.areaIntro{flex-direction:column;align-items:stretch}}@media (max-width:600px){.topbar{padding:20px}h1{margin-bottom:28px}.areaHeader{padding:0 18px}.areaContent{padding:28px 16px}.sliderRow{grid-template-columns:1fr 70px 20px}}