:root{--navy:#102b43;--teal:#11898d;--mist:#f4faf8;--text:#52626b}*{box-sizing:border-box}body{margin:0;background:var(--mist);color:var(--navy);font:16px/1.5 Inter,Arial,sans-serif}.shell{width:min(100% - 32px,920px);margin:auto;padding:32px 0 56px}.brand{display:block;width:min(290px,78vw);margin:5px auto 24px;mix-blend-mode:multiply}.panel{background:#fff;border:1px solid #e2efeb;border-radius:22px;padding:clamp(22px,5vw,42px);box-shadow:0 20px 50px #10314312}.intro{text-align:center;max-width:600px;margin:auto}.intro h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:0 0 8px;letter-spacing:-.04em}.intro p{color:var(--text);margin:0}.location{display:flex;gap:12px;align-items:center;justify-content:center;margin:25px 0 10px}.location-note{color:var(--text);font-size:.92rem;text-align:center}.workflow{display:grid;gap:16px;margin-top:30px}.step{display:grid;gap:7px}.step label{font-weight:700;font-size:.9rem}select,input,button{font:inherit}select,input{width:100%;border:1px solid #bdd4ce;border-radius:10px;padding:12px 13px;background:#fff;color:var(--navy)}button{border:0;border-radius:10px;padding:12px 17px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer}button:hover{background:#0c7175}button:disabled,select:disabled,input:disabled{opacity:.55;cursor:not-allowed}#map{min-height:440px;aspect-ratio:1.15/1;margin-top:28px;border-radius:16px;background:#e6f0ed;overflow:hidden}.map-frame{width:100%;height:100%;border:0}.results{display:grid;gap:10px;margin-top:20px}.result{width:100%;display:flex;justify-content:space-between;gap:18px;text-align:left;background:#f7fbfa;color:var(--navy);border:1px solid #dcece7}.result strong,.result span{display:block}.result span{font-size:.9rem;color:var(--text)}.empty{color:var(--text);text-align:center;padding:10px}.hidden{display:none}@media(max-width:560px){.shell{width:min(100% - 22px,920px);padding-top:16px}.panel{padding:22px 18px}.location{align-items:stretch;flex-direction:column}.result{align-items:flex-start;flex-direction:column;gap:3px}}