.search-radar{background:#062b22;color:#f1faf6;padding:64px clamp(20px,5vw,76px);overflow:hidden}
.how-page .search-radar--how{margin:72px 0;border-radius:28px}
.search-radar__inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);align-items:center;gap:56px}
.search-radar__eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;color:#8ae0b9;margin:0 0 18px}
.search-radar h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.045em;line-height:1.09;margin:0 0 20px;font-weight:750}
.search-radar--how h2{text-wrap:balance}
.search-radar__heading>p:not(.search-radar__eyebrow){color:#c0d9ce;font-size:16px;line-height:1.6;max-width:340px}
.search-radar__heading small{display:block;margin-top:26px;color:#a2c4b5;font-size:12px;line-height:1.7}
.search-radar__map{position:relative;min-height:340px;border:1px solid #315548;border-radius:28px;background:radial-gradient(ellipse at center,#124b3b 0%,#082e25 72%);padding:32px 16px}
.search-radar__nodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 18px;align-items:center;min-height:270px}
.search-radar__node{position:relative;border:1px solid #558a73;color:#e9fff4;background:#103d30;border-radius:18px;padding:14px 10px;font:600 14px/1.3 var(--body);cursor:pointer;min-width:0;min-height:72px;transition:transform .22s ease,border-color .22s,box-shadow .22s;animation:radar-breathe 5s ease-in-out infinite;animation-delay:var(--delay,0s)}
.search-radar__node:first-child{grid-column:span 2;font-size:20px;background:#1c5741;border-color:#91d8b4;min-height:88px}
.search-radar__node.is-popular:not(:first-child){background:#174937;font-size:17px}
.search-radar__node small{display:block;font-size:11px;font-weight:400;color:#b8d8c8;margin-top:6px}
.search-radar__node:hover,.search-radar__node:focus-visible,.search-radar__node[aria-pressed=true]{transform:translateY(-3px) scale(1.045);border-color:#b8f6d8;box-shadow:0 0 0 3px #80d8ad22,0 8px 30px #0004;outline:2px solid #b8f6d8;outline-offset:3px;animation-play-state:paused;z-index:2}
.search-radar__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.search-radar__lines line{stroke:#69b08e;stroke-width:1;opacity:.28;transition:opacity .2s,stroke-width .2s}
.search-radar__lines line.is-active{opacity:1;stroke-width:2;stroke:#a4efca}
.search-radar__empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:36px;color:#c0d9ce;font-size:16px;line-height:1.6;margin:0}
.search-radar__hint{font-size:11px;line-height:1.6;color:#a2c4b5;margin:14px 6px 0}
@keyframes radar-breathe{0%,100%{box-shadow:0 0 12px #8bdfb500}50%{box-shadow:0 0 20px #8bdfb512}}
@media(max-width:1000px){.search-radar__inner{gap:28px;grid-template-columns:minmax(220px,.8fr) minmax(0,1.3fr)}.search-radar__nodes{gap:32px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.search-radar__node:first-child{grid-column:auto;font-size:18px}.search-radar__map{padding:24px 18px}}
@media(max-width:650px){.search-radar{padding:42px 20px}.how-page .search-radar--how{margin:52px 0;border-radius:22px}.search-radar__inner{grid-template-columns:1fr;gap:28px}.search-radar__heading small{margin-top:14px}.search-radar__heading>p:not(.search-radar__eyebrow){max-width:none}.search-radar h2{font-size:34px}.search-radar__node,.search-radar__node:nth-child(4){font-size:14px;min-height:80px}.search-radar__node:first-child{font-size:17px}.search-radar__map{border-radius:22px;padding:22px 14px}.search-radar__nodes{gap:28px 16px}}
@media(prefers-reduced-motion:reduce){.search-radar__node{animation:none;transition:none}.search-radar__lines line{transition:none}}