/* Topa v5: a single branded search area; approved result cards stay quiet. */
:root {
  --stage-outset:24px;
  --stage-start: #0B5E68;
  --stage-end: #073F47;
  --stage-ring: rgba(111,230,223,.11);
  --stage-line: #0B5E68;
}
:root[data-theme=dark] {
  --stage-start: #0B5E68;
  --stage-end: #062E35;
  --stage-ring: rgba(111,230,223,.10);
  --stage-line: #3B6167;
}
.search-stage {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin:24px calc(-1 * var(--stage-outset)) 0;
  padding:0 24px 24px;
  border:1px solid var(--stage-line);
  border-radius:28px;
  background:linear-gradient(112deg,var(--stage-start),var(--stage-end));
}
/* A cropped, concentric target connects the surface to Topa's “o”. */
.search-stage::before {
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  width:320px;
  height:320px;
  right:-110px;
  top:-245px;
  border:1px solid var(--stage-ring);
  border-radius:50%;
  box-shadow:0 0 0 52px var(--stage-ring),0 0 0 104px rgba(111,230,223,.035),0 0 0 156px rgba(111,230,223,.02);
}
.search-stage .intro {padding:32px 0 30px;gap:60px}
.search-stage .intro h1 {color:#F2FBFA}
.search-stage .title-stop {color:inherit}
.search-stage .intro>p {color:#D9F7F4}
.search-stage .intro strong {color:#F2FBFA}
.search-stage .search-form {
  color:var(--ink);
  background:var(--surface);
  border-color:var(--field-line);
  border-radius:18px;
  box-shadow:0 10px 24px rgba(3,35,40,.12);
}
.search-stage .search-form:has(input:focus-visible),
.search-stage .search-form:has(select:focus-visible) {outline:2px solid #FFC928;outline-offset:4px;border-color:transparent}
.search-stage .search-button {
  background:#1ECBC4;
  color:#073F47;
  border-radius:999px;
  padding-inline:25px 16px;
  gap:18px;
}
.search-stage .search-button .target-mark {width:34px;height:34px;flex-basis:34px;border-width:1.5px}
.search-stage .search-button .target-ring {inset:6px}
.search-stage .search-button .target-dot {width:6px;height:6px;margin:-3px 0 0 -3px;box-shadow:0 0 0 1px #073F47}
.search-stage .search-notes {color:#D9F7F4;font-size:12px;margin-top:18px}
.search-stage .search-notes strong {color:#F2FBFA}
.search-stage .meeting-dot {border-color:#6FE6DF}
@media(hover:hover) and (pointer:fine) {
  .search-stage .search-button:hover {background:#6FE6DF}
}
@media(max-width:1050px) {
  :root {--stage-outset:16px}
  .search-stage {margin-inline:calc(-1 * var(--stage-outset));padding-inline:16px}
  .search-stage .intro {gap:36px}
  .search-stage .search-button {padding-inline:20px 13px;gap:12px}
}
@media(max-width:760px) {
  :root {--stage-outset:10px}
  .search-stage {margin:16px calc(-1 * var(--stage-outset)) 0;padding:0 24px 26px;border-radius:22px}
  .search-stage::before {right:-230px;top:-240px;opacity:.7}
  .search-stage .intro {padding:30px 0 27px}
  .search-stage .intro h1 {font-size:clamp(36px,12vw,53px)}
  .search-stage .intro>p {margin-top:19px}
  .search-stage .search-form {border-radius:16px}
  .search-stage .search-button {padding-inline:16px 12px;gap:11px}
  .search-stage .search-button .target-mark {width:26px;height:26px;flex-basis:26px}
  .search-stage .search-button .target-ring {inset:4px}
  .search-stage .search-notes {font-size:11px;margin-top:17px}
}
@media(max-width:370px) {
  :root {--stage-outset:7px}
  .search-stage {margin-inline:calc(-1 * var(--stage-outset));padding-inline:20px}
  .search-stage .search-form {grid-template-columns:minmax(0,1fr)}
  .search-stage .search-button {padding-inline:12px 10px;gap:7px}
  .search-stage .search-button .target-mark {width:23px;height:23px;flex-basis:23px}
}