:root{--navy:#122d35;--deep:#0d252c;--teal:#127d80;--aqua:#55c5be;--ice:#e9f5f3;--cream:#f6f5f0;--ink:#183239;--muted:#677a7d;--white:#fff;--line:#dce6e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}.site-header{height:94px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;gap:48px;background:#fff;border-bottom:1px solid #edf1ef;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font:700 17px/1 "Manrope";letter-spacing:2px}.brand small{font-size:8px;letter-spacing:5px;margin-top:6px;color:#508189}.brand-mark{width:31px;height:39px;display:flex;align-items:flex-end;gap:3px;transform:skew(-12deg)}.brand-mark i{width:8px;border-radius:5px;background:var(--teal)}.brand-mark i:nth-child(1){height:24px}.brand-mark i:nth-child(2){height:37px;background:#44b7b0}.brand-mark i:nth-child(3){height:29px;background:#8bd7ce}.site-header nav{display:flex;gap:34px;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 22px;border:0;font:600 12px "DM Sans";letter-spacing:.2px;cursor:pointer}.button-primary{background:var(--navy);color:#fff}.button span{font-size:17px}.hero{min-height:610px;padding:90px clamp(24px,8vw,130px);display:grid;grid-template-columns:1.06fr .94fr;position:relative;overflow:hidden;color:#fff;background:linear-gradient(119deg,#0c292f 0%,#0f4248 58%,#147b79 100%)}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:2.3px;color:#8fd6d0}.eyebrow i{width:24px;height:1px;background:currentColor}.hero h1{font:500 clamp(43px,5.2vw,76px)/1.06 "Manrope";letter-spacing:-3px;margin:28px 0}.hero h1 em{font-style:normal;color:#66d0c6}.hero-copy>p{font-size:16px;line-height:1.75;max-width:560px;color:#c2d7d7}.text-link{display:inline-flex;align-items:center;gap:24px;margin-top:26px;padding-bottom:8px;border-bottom:1px solid #789b9c;font-size:12px;font-weight:700;letter-spacing:.5px}.text-link span{color:#68cec6}.hero-visual{display:grid;place-items:center;position:relative;z-index:2}.glass-card{width:min(90%,470px);aspect-ratio:1.1;border:1px solid rgba(255,255,255,.2);border-radius:3px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));box-shadow:0 40px 70px rgba(0,0,0,.18);transform:rotate(2deg)}.glass-card:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.14);border-radius:50%;top:60px;left:90px}.mini-label{position:absolute;top:28px;left:28px;font-size:8px;letter-spacing:2px}.map-lines{position:absolute;inset:0;background:linear-gradient(33deg,transparent 45%,rgba(255,255,255,.12) 45.5%,transparent 46%),linear-gradient(145deg,transparent 63%,rgba(255,255,255,.09) 63.5%,transparent 64%)}.pin{position:absolute;width:14px;height:14px;background:#6dd3ca;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 7px rgba(109,211,202,.22)}.pin-a{top:42%;left:38%}.pin-b{top:25%;right:23%}.pin-c{bottom:24%;right:36%}.glass-note{position:absolute;left:24px;right:24px;bottom:22px;padding:17px 20px;background:rgba(6,35,40,.7);backdrop-filter:blur(10px);display:flex;flex-direction:column}.glass-note b{font-size:12px}.glass-note small{font-size:9px;color:#a9c3c3;margin-top:5px}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.orbit-one{width:700px;height:700px;right:-160px;top:-190px}.orbit-two{width:510px;height:510px;right:-65px;top:-90px}.finder{padding:100px clamp(24px,6vw,96px) 110px;background:#f8f8f5}.section-heading{max-width:1190px;margin:0 auto 44px;display:flex;justify-content:space-between;align-items:end;gap:40px}.eyebrow.dark{color:var(--teal)}.section-heading h2,.join h2{font:600 clamp(34px,4vw,52px)/1.12 "Manrope";letter-spacing:-2px;margin:17px 0 0}.section-heading>p{max-width:440px;color:var(--muted);font-size:14px;line-height:1.7}.search-panel{max-width:1190px;margin:0 auto 28px;padding:13px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(20,56,61,.07);display:grid;grid-template-columns:1.2fr 1fr 1fr 58px}.search-field{padding:9px 23px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.search-field>span{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#809093;text-transform:uppercase}.search-field div{display:flex;align-items:center;gap:10px}.search-field svg,.search-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.search-field input,.search-field select{width:100%;border:0;outline:0;background:transparent;color:#31494e;font:500 13px "DM Sans"}.search-button{border:0;background:var(--teal);color:#fff;display:grid;place-items:center;cursor:pointer}.directory-grid{max-width:1190px;min-height:510px;margin:auto;display:grid;grid-template-columns:1fr 1.04fr;background:#fff;border:1px solid var(--line)}.results{padding:28px}.results-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #e9eeee}.results-head h3{margin:0 0 4px;font:700 18px "Manrope"}.results-head div span{font-size:10px;color:#8a999b}.sort-button{padding:8px 11px;border:1px solid var(--line);background:#fff;font:500 10px "DM Sans"}.empty-state{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{width:65px;height:65px;border-radius:50%;background:#e9f6f4;display:grid;place-items:center;color:var(--teal)}.empty-icon svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.5}.empty-state h4{font:600 19px/1.4 "Manrope";margin:20px 0 8px}.empty-state p{font-size:12px;color:#849396}.map-placeholder{position:relative;overflow:hidden;background:#e5ece8;border-left:1px solid var(--line)}.map-grid{position:absolute;inset:0;opacity:.34;background-size:42px 42px;background-image:linear-gradient(#b7c8c2 1px,transparent 1px),linear-gradient(90deg,#b7c8c2 1px,transparent 1px)}.map-road{position:absolute;width:140%;height:22px;background:#f6f7f3;border:1px solid #d5dfda;left:-20%;top:45%;transform:rotate(-23deg)}.road-b{top:30%;transform:rotate(35deg)}.map-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.map-pin{width:26px;height:26px;background:var(--teal);border:6px solid #fff;box-shadow:0 0 0 10px rgba(18,125,128,.16);border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin-bottom:23px}.map-center strong{font:700 15px "Manrope"}.map-center small{font-size:10px;color:#758588;margin-top:5px}.map-badge{position:absolute;top:18px;right:18px;padding:8px 11px;background:rgba(255,255,255,.9);font-size:8px;letter-spacing:1.3px}.join{padding:78px clamp(24px,10vw,150px);display:flex;align-items:end;justify-content:space-between;gap:60px;color:#fff;background:linear-gradient(110deg,#102e36,#176d70)}.join>div:last-child{max-width:470px}.join p{color:#c6dada;line-height:1.7;font-size:14px}.button-light{margin-top:16px;background:#fff;color:var(--ink)}.site-footer{padding:45px clamp(24px,6vw,96px);display:flex;align-items:center;gap:40px;color:#b7cacb;background:#0b252c;font-size:11px}.footer-brand{display:flex;align-items:center;gap:14px;margin-right:auto;color:#fff;letter-spacing:2px}.brand-mark.light i{background:#fff}@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{display:none}.section-heading{align-items:start;flex-direction:column}.search-panel{grid-template-columns:1fr 1fr}.search-main{grid-column:1/-1}.search-button{min-height:50px}.directory-grid{grid-template-columns:1fr}.map-placeholder{min-height:380px;border-left:0;border-top:1px solid var(--line)}.join{align-items:start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column;gap:15px}}@media(max-width:560px){.site-header{height:76px;padding:0 18px}.header-cta{padding:12px;font-size:10px}.hero{min-height:550px;padding:70px 24px}.hero h1{letter-spacing:-2px}.finder{padding:70px 18px}.search-panel{grid-template-columns:1fr}.search-main{grid-column:auto}.search-field{border-right:0;border-bottom:1px solid var(--line);min-height:70px}.directory-grid{min-height:auto}.results{padding:20px}.sort-button{display:none}.site-footer p:last-child{line-height:1.5}}
