:root{--petrol:#004b5a;--petrol-dark:#003743;--teal:#00a58f;--orange:#ff7900;--bg:#f4f8f8;--text:#082f3a;--muted:#64777c;--line:#dce6e8;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{background:#dfe8e9}body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}.mobile-shell{position:relative;max-width:48rem;min-height:100dvh;margin:0 auto;background:#fff;padding-bottom:calc(5.25rem + var(--safe-bottom));box-shadow:0 0 3rem #143b4518}.topbar{height:5.25rem;padding:max(1rem,env(safe-area-inset-top)) 1.25rem .6rem;display:flex;align-items:flex-end;justify-content:space-between;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid #eff4f5}.brand{display:block;width:12.7rem;max-width:55vw;height:3.1rem;object-fit:contain;object-position:left center}.top-actions{display:flex;gap:.4rem}.top-actions button{width:2.7rem;height:2.7rem;border:0;background:transparent;color:var(--petrol);font-size:1.65rem;border-radius:50%}.content{padding:1.1rem 1rem 1.8rem}.location-chip{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:.8rem 1rem;color:var(--petrol);display:flex;gap:.65rem;align-items:center;font-weight:750;box-shadow:0 .35rem 1rem #1746530a}.location-chip:first-letter{color:var(--teal)}.location-chip span{flex:1 1}h1{font-size:clamp(2.35rem,11vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:1.45rem 0 1.15rem;color:var(--petrol-dark)}.search{height:4.3rem;border:1px solid var(--line);border-radius:1.5rem;display:flex;align-items:center;padding:.45rem .6rem .45rem .9rem;box-shadow:0 .65rem 2rem #113d480d;background:#fff}.search>span{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--teal);color:white;font-size:1.8rem}.search input{min-width:0;flex:1 1;border:0;outline:0;padding:.75rem;color:var(--text);font-size:1rem}.search button{border:0;background:transparent;color:var(--teal);font-size:1.8rem}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.65rem;gap:.65rem;margin:1rem 0}.category-grid a{min-height:5.4rem;border:1px solid var(--line);border-radius:1.2rem;text-decoration:none;color:var(--petrol-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center;padding:.6rem .25rem;font-size:.82rem;font-weight:750;background:#fff}.category-grid b{color:var(--teal);font-size:1.55rem}.category-grid a:nth-child(5) b{color:var(--orange)}.map-preview{height:7.4rem;display:block;position:relative;overflow:hidden;border-radius:1.35rem;background:linear-gradient(145deg,#e7f1e7,#d9ecf0);border:1px solid #d7e5e6}.map-road{position:absolute;height:.55rem;width:130%;background:#fff;transform:rotate(-13deg);top:45%;left:-15%;box-shadow:0 0 0 2px #d8e5d1}.road-two{transform:rotate(23deg);top:60%;background:#c7e7f1}.pin{position:absolute;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--teal);color:#fff;font-style:normal}.pin-one{left:22%;top:20%}.pin-two{left:62%;top:45%}.pin-three{left:46%;top:12%;background:#fff;color:var(--orange)}.map-preview>strong{position:absolute;right:.75rem;bottom:.7rem;width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--petrol);font-size:1.2rem}.section-title{display:flex;align-items:end;justify-content:space-between;margin:1.55rem .15rem .75rem}.section-title h2{font-size:1.22rem;margin:0}.section-title a{color:var(--teal);font-weight:800;text-decoration:none;font-size:.88rem}.place-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16rem,82%);grid-gap:.8rem;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.place-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:1.15rem;overflow:hidden;background:#fff;box-shadow:0 .5rem 1.3rem #173f490a}.place-card .photo{height:9.2rem;background-size:cover;background-position:50%;position:relative}.photo-one{background-image:linear-gradient(0deg,#00374344,#00374300),url(/brand/kamper-logo.jpeg);background-color:#dce8e8}.photo-two{background-image:linear-gradient(135deg,#cadfd5,#edf2d6)}.photo button{position:absolute;right:.6rem;top:.6rem;width:2.45rem;height:2.45rem;border:0;border-radius:50%;background:#fff;color:var(--petrol);font-size:1.55rem}.place-card h3{margin:.8rem .8rem .45rem;font-size:1rem}.place-card p{display:flex;justify-content:space-between;gap:.4rem;margin:.45rem .8rem .9rem;font-size:.76rem;color:var(--muted)}.place-card p span:first-child{color:var(--orange)}.premium{margin-top:1rem;background:linear-gradient(120deg,var(--petrol-dark),#006679);color:#fff;border-radius:1.2rem;padding:.9rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.premium div{display:grid;grid-gap:.25rem;gap:.25rem}.premium small{font-size:.67rem;letter-spacing:.08em;color:#bcebe4}.premium strong{font-size:1rem}.premium a{color:#fff;background:var(--orange);padding:.7rem .85rem;border-radius:999px;text-decoration:none;font-weight:800}.install-button{width:100%;margin-top:.8rem;border:1px solid var(--teal);background:#effbf8;color:var(--petrol);padding:.85rem;border-radius:1rem;font-weight:800}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,48rem);height:calc(4.8rem + var(--safe-bottom));padding:.45rem .55rem var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#ffffffee;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;color:#52666b;text-decoration:none;font-size:.7rem;font-weight:700}.bottom-nav b{font-size:1.55rem;font-weight:500;line-height:1}.bottom-nav .active{color:var(--teal)}@media(min-width:48rem){.content{padding-inline:2rem}.category-grid a{font-size:.95rem}.place-row{grid-auto-columns:48%}}@media(display-mode:standalone){.install-button{display:none}.topbar{padding-top:max(1rem,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.top-actions a{width:2.7rem;height:2.7rem;display:grid;place-items:center;color:var(--petrol);font-size:1.55rem;text-decoration:none}.sub-shell{background:#f7fafa}.sub-top{height:5rem;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:max(.7rem,env(safe-area-inset-top)) 1rem .6rem}.sub-top img{width:10rem;height:3rem;object-fit:contain}.sub-top a{width:2.7rem;height:2.7rem;display:grid;place-items:center;text-decoration:none;color:var(--petrol);font-size:1.7rem}.route-content{padding:1.25rem 1rem 2rem}.route-heading p,.welcome{font-size:.68rem;letter-spacing:.12em;color:var(--teal);font-weight:900;margin:.5rem 0}.route-content>h1,.route-heading h1{margin:.4rem 0 .6rem;color:var(--petrol-dark);font-size:clamp(2.35rem,10vw,4rem);line-height:1;letter-spacing:-.05em}.route-heading>span{color:var(--muted)}.location-wide{display:flex;align-items:center;gap:.65rem;margin:1.2rem 0;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:1rem;text-decoration:none;color:var(--petrol);box-shadow:0 .5rem 1.6rem #0b3d4810}.location-wide>span{color:var(--orange)}.location-wide small{margin-left:auto;color:var(--teal);font-weight:750}.home-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.home-actions a{background:var(--petrol-dark);color:#fff;border-radius:1.15rem;padding:1rem;display:grid;grid-gap:.35rem;gap:.35rem;text-decoration:none}.home-actions a:nth-child(2){background:var(--teal)}.home-actions b{font-size:1.6rem}.home-actions span{font-weight:850}.home-actions small{opacity:.7}.route-title{display:flex;align-items:center;justify-content:space-between;margin:1.55rem 0 .7rem}.route-title h2{font-size:1.15rem;margin:0}.route-title a{color:var(--teal);font-weight:800;text-decoration:none}.near-list{display:grid;grid-gap:.7rem;gap:.7rem}.near-list>a{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:.6rem;display:flex;gap:.7rem;align-items:center;text-decoration:none;color:var(--text)}.mini-photo{width:5rem;height:4.7rem;border-radius:.75rem;background:linear-gradient(135deg,#a8d7ca,#dce9d2)}.mini-photo.two{background:linear-gradient(135deg,#b8d6df,#edf1dd)}.near-list span{display:grid;grid-gap:.2rem;gap:.2rem;flex:1 1}.near-list small{color:var(--orange)}.near-list em{font-size:.7rem;color:var(--muted);font-style:normal}.near-list>strong{color:var(--teal)}.route-tools{display:flex;gap:.55rem;margin:1.25rem 0}.route-tools label{height:3.2rem;display:flex;align-items:center;gap:.5rem;flex:1 1;background:#fff;border:1px solid var(--line);border-radius:1rem;padding:0 .8rem}.route-tools input{border:0;outline:0;background:transparent;min-width:0;width:100%}.route-tools button{border:0;background:var(--teal);color:#fff;border-radius:1rem;padding:0 .9rem;font-weight:800;font-size:.75rem}.compact-map{height:9rem;margin-top:1.2rem;border:1px solid var(--line);border-radius:1.2rem;position:relative;overflow:hidden;background:linear-gradient(145deg,#dbeadb,#d7e9ee)}.compact-map:after,.compact-map:before{content:"";position:absolute;width:130%;height:.55rem;left:-15%;top:40%;background:#fff;transform:rotate(-12deg);box-shadow:0 0 0 2px #c9ded3}.compact-map:after{top:65%;transform:rotate(20deg);background:#bfe1ed}.compact-map i{position:relative;z-index:2;display:inline-grid;place-items:center;width:2rem;height:2rem;margin:1.2rem 8%;border-radius:50%;background:var(--teal);color:#fff;font-style:normal}.compact-map i:nth-child(2){margin-top:4.5rem}.compact-map i:nth-child(3){background:var(--orange)}.compact-map strong{position:absolute;z-index:3;bottom:.6rem;left:50%;transform:translateX(-50%);background:#fff;border-radius:99px;padding:.55rem .8rem;white-space:nowrap;font-size:.7rem}.screen-list{display:grid;grid-gap:.75rem;gap:.75rem}.screen-list article{display:flex;align-items:center;gap:.8rem;background:#fff;border:1px solid var(--line);border-radius:1.05rem;padding:.65rem;min-height:6.3rem}.screen-photo{width:5.5rem;height:5rem;flex:0 0 auto;border-radius:.8rem;background:linear-gradient(135deg,#86c8b7,#dbe8d0);display:grid;place-items:center;color:#fff;font-size:2.2rem}.screen-photo.p2{background:linear-gradient(135deg,#80b6c4,#e6ead5)}.screen-photo.p3{background:linear-gradient(135deg,#f2a85d,#e9ded0)}.screen-list article>span{display:grid;grid-gap:.23rem;gap:.23rem;flex:1 1}.screen-list small{color:var(--teal);font-size:.58rem;letter-spacing:.06em;font-weight:850}.screen-list b{font-size:.93rem}.screen-list p{font-size:.76rem;color:var(--muted);margin:0}.screen-list em{font-style:normal;color:var(--orange);font-size:.72rem}.screen-list article>button{border:0;background:transparent;color:var(--teal);font-size:1.5rem}.founder-card{margin-top:1rem;padding:1.25rem;border-radius:1.2rem;color:#fff;background:linear-gradient(135deg,var(--petrol-dark),#006779);display:grid;grid-gap:.55rem;gap:.55rem}.founder-card small{color:#98e3d8;letter-spacing:.1em}.founder-card strong{font-size:2.4rem}.founder-card p{line-height:1.5;margin:.2rem 0}.founder-card button{border:0;border-radius:.8rem;background:var(--orange);color:#fff;font-weight:900;padding:.85rem}.live-map{margin-top:1.2rem;background:#fff;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;box-shadow:0 .55rem 1.8rem #123d4710}.map-status{padding:.75rem;display:flex;align-items:center;gap:.6rem}.map-status>span{color:var(--orange)}.map-status>span.live-dot{color:var(--teal)}.map-status>div{display:grid;grid-gap:.15rem;gap:.15rem;flex:1 1;min-width:0}.map-status b{font-size:.86rem}.map-status small{font-size:.65rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-status button{border:0;background:#eaf8f5;color:var(--petrol);padding:.55rem .7rem;border-radius:.7rem;font-size:.68rem;font-weight:850}.map-frame{height:16.5rem;position:relative;background:#dce9e5}.map-frame iframe{border:0;width:100%;height:100%;display:block}.you-badge{position:absolute;left:50%;bottom:.65rem;transform:translateX(-50%);background:var(--petrol-dark);color:#fff;border-radius:99px;padding:.45rem .7rem;font-size:.62rem;font-weight:900;white-space:nowrap;box-shadow:0 .3rem 1rem #00283155}.you-badge:first-letter{color:#4ce2cf}.map-privacy{margin:0;padding:.55rem .75rem;color:var(--muted);font-size:.61rem;border-top:1px solid var(--line)}