/* ============================================================
   TERAMERGE — SELLERS ("THE WILD") · page-specific visuals
   Layered on ../home.css (centered sections, icons, chips, cta).
   ============================================================ */

/* growth-region band — a focused corridor, not states or pins */
.gband{ position:relative; width:min(720px,92%); height:clamp(86px,13vh,130px); margin:clamp(1.2rem,3vh,2.2rem) auto 0; display:grid; place-items:center; }
.gband__band{ position:absolute; left:0; right:0; top:50%; height:clamp(46px,8vh,62px); transform:translateY(-50%); border-radius:60px;
  background:radial-gradient(58% 130% at 50% 50%, rgba(232,201,154,0.18), rgba(201,212,181,0.06) 58%, transparent 80%);
  border:1px solid rgba(201,212,181,0.16); }
.gband__rail{ position:absolute; left:8%; right:8%; top:50%; height:1px; transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(201,212,181,0), rgba(201,212,181,0.5) 18%, rgba(232,201,154,0.85) 50%, rgba(201,212,181,0.5) 82%, rgba(201,212,181,0)); }
.gband__dot{ position:absolute; top:50%; width:9px; height:9px; margin:-4px 0 0 -4px; border-radius:50%;
  background:rgba(232,201,154,0.95); animation:gpulse 3s ease-in-out infinite; }
.gband__label{ position:relative; z-index:1; font-size:0.62rem; letter-spacing:0.24em; text-transform:uppercase; color:var(--bone);
  background:rgba(8,11,9,0.55); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); padding:0.35rem 1rem; border-radius:20px;
  border:1px solid rgba(201,212,181,0.2); }
@keyframes gpulse{ 0%,100%{ box-shadow:0 0 9px rgba(232,201,154,0.45); opacity:0.85; } 50%{ box-shadow:0 0 18px rgba(232,201,154,0.95); opacity:1; } }
@media (prefers-reduced-motion:reduce){ .gband__dot{ animation:none; } }

/* class / criteria chip row */
.chiprow{ display:flex; flex-wrap:wrap; justify-content:center; gap:0.5rem 0.6rem; margin-top:clamp(1rem,2.4vh,1.6rem); }
.chip{ font-size:clamp(0.78rem,1.1vw,0.95rem); font-weight:400; color:var(--bone); padding:0.35rem 0.9rem; border-radius:24px;
  border:1px solid rgba(201,212,181,0.32); background:rgba(8,11,9,0.3); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.chip--accent{ border-color:rgba(232,201,154,0.5); color:rgba(232,201,154,0.98); }
.chiprow__sub{ width:100%; text-align:center; font-size:0.7rem; letter-spacing:0.22em; text-transform:uppercase; color:rgba(232,201,154,0.9); margin-bottom:0.35rem; text-shadow:0 1px 10px rgba(0,0,0,0.7); }

/* ---- national market network — implies coast-to-coast reach, indirectly
   (no state names, no borders: an ambiguous live network across the country) ---- */
.natmap{ position:relative; width:min(840px,96%); margin:clamp(1rem,2.6vh,1.9rem) auto 0; }
.natmap__svg{ display:block; width:100%; height:auto; overflow:visible; }
.natmap__links path{ fill:none; stroke:rgba(232,201,154,0.22); stroke-width:1; }
.natmap__nodes circle{ fill:rgba(232,201,154,0.95); transform-box:fill-box; transform-origin:center;
  animation:nmPulse 3.2s ease-in-out infinite; }
.natmap__nodes circle:nth-child(2n){ animation-delay:.5s; }
.natmap__nodes circle:nth-child(3n){ animation-delay:1.1s; }
.natmap__nodes circle:nth-child(5n){ animation-delay:1.7s; }
@keyframes nmPulse{ 0%,100%{ opacity:.5; filter:drop-shadow(0 0 2px rgba(232,201,154,.5)); }
  50%{ opacity:1; filter:drop-shadow(0 0 8px rgba(232,201,154,.95)); } }
.natmap__scan{ fill:rgba(201,212,181,0.55); animation:nmScan 6.5s cubic-bezier(.5,0,.5,1) infinite; opacity:0; }
@keyframes nmScan{ 0%{ transform:translateX(0); opacity:0; } 8%{ opacity:.9; } 92%{ opacity:.9; } 100%{ transform:translateX(840px); opacity:0; } }
.natmap__cap{ display:inline-flex; align-items:center; gap:0.55rem; margin-top:clamp(0.6rem,1.6vh,1.1rem);
  font-size:0.62rem; letter-spacing:0.24em; text-transform:uppercase; color:var(--bone);
  background:rgba(8,11,9,0.5); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  padding:0.4rem 1rem; border-radius:22px; border:1px solid rgba(232,201,154,0.28); }
.natmap__ping{ width:7px; height:7px; border-radius:50%; background:rgba(232,201,154,0.98);
  box-shadow:0 0 10px rgba(232,201,154,0.9); animation:nmPing 2.4s ease-in-out infinite; }
@keyframes nmPing{ 0%,100%{ opacity:.6; } 50%{ opacity:1; } }
@media (prefers-reduced-motion:reduce){ .natmap__nodes circle,.natmap__scan,.natmap__ping{ animation:none; } .natmap__scan{ opacity:0; } }

/* ---- GROWTH-REGION BAND (per brief): a soft glowing band across the Sun Belt /
   high-growth Southern corridor — a REGION, not individual states or pins.
   Diffuse warm glow over a faint map graticule; no fixed market list. ---- */
.gregion{ width:min(760px,96%); margin:clamp(1.1rem,2.8vh,1.9rem) auto 0; }
.gregion__field{ position:relative; height:clamp(148px,21vh,200px); border-radius:16px; overflow:hidden;
  border:1px solid rgba(232,201,154,0.16); background:rgba(8,11,9,0.32);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
/* faint map graticule for geographic feel */
.gregion__grid{ position:absolute; inset:0; opacity:0.5;
  background-image:
    repeating-linear-gradient(90deg, rgba(232,201,154,0.07) 0 1px, transparent 1px 48px),
    repeating-linear-gradient(0deg, rgba(232,201,154,0.05) 0 1px, transparent 1px 40px);
  -webkit-mask-image:radial-gradient(130% 110% at 50% 50%, #000 42%, transparent 86%);
  mask-image:radial-gradient(130% 110% at 50% 50%, #000 42%, transparent 86%); }
/* the glowing corridor — wide, soft, gently arced (Sun Belt sweep), heavily feathered */
.gregion__band{ position:absolute; left:-8%; right:-8%; top:52%; height:64%; transform:translateY(-50%) rotate(-4deg);
  border-radius:120px; filter:blur(26px);
  background:radial-gradient(58% 130% at 50% 50%, rgba(232,201,154,0.55), rgba(232,201,154,0.2) 46%, rgba(232,201,154,0) 74%);
  animation:gregionBreathe 6.5s ease-in-out infinite; }
@keyframes gregionBreathe{ 0%,100%{ opacity:0.72; } 50%{ opacity:1; } }
/* slow warm sheen drifting along the corridor */
.gregion__sheen{ position:absolute; left:0; right:0; top:52%; height:40%; transform:translateY(-50%) rotate(-4deg); pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(255,244,222,0.28), transparent); filter:blur(20px);
  width:40%; animation:gregionSheen 9s cubic-bezier(.5,0,.5,1) infinite; }
@keyframes gregionSheen{ 0%{ left:-40%; } 100%{ left:100%; } }
.gregion__label{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); white-space:nowrap;
  font-size:clamp(0.6rem,0.9vw,0.7rem); letter-spacing:0.26em; text-transform:uppercase; color:var(--bone);
  background:rgba(8,11,9,0.5); border:1px solid rgba(232,201,154,0.32); border-radius:24px; padding:0.42rem 1.15rem;
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); }
.gregion__criteria{ display:flex; flex-wrap:wrap; justify-content:center; gap:0.4rem 0.5rem; margin-top:clamp(0.7rem,1.8vh,1.2rem); }
.gregion__criteria span{ font-size:clamp(0.64rem,0.9vw,0.74rem); letter-spacing:0.05em; color:var(--bone-soft);
  border:1px solid rgba(232,201,154,0.24); border-radius:20px; padding:0.3rem 0.72rem; }
@media (prefers-reduced-motion:reduce){ .gregion__band,.gregion__sheen{ animation:none; } }

/* ============================================================
   WHERE WE BUY — text + glowing US market map (ref-matched).
   Implies a widening national footprint; copy stays indirect.
   ============================================================ */
.wildsplit{ display:grid; grid-template-columns:minmax(0,0.82fr) minmax(0,1.18fr);
  gap:clamp(1.4rem,3.5vw,3.2rem); align-items:center; width:100%; }
.wildsplit__text{ text-align:left; }
.wildsplit__text .lead{ max-width:34ch; margin-top:clamp(0.8rem,2vh,1.3rem); }
@media (max-width:900px){ .wildsplit{ grid-template-columns:1fr; } .wildsplit__map{ order:-1; } }

/* ---- §6 broker/owner split: copy on the left, submission form on the right ---- */
.brokersplit{ display:grid; grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);
  gap:clamp(1.4rem,3.5vw,3.4rem); align-items:center; width:100%; }
.brokersplit__text{ text-align:left; }
.brokersplit__text .lead{ max-width:34ch; margin-top:clamp(0.8rem,2vh,1.3rem); }
.poutcomes--left{ justify-content:flex-start; }
.brokerform{ text-align:left; border-radius:16px; padding:clamp(1.1rem,2.2vw,1.7rem);
  background:linear-gradient(155deg, rgba(238,241,233,0.09), rgba(238,241,233,0.02) 62%), rgba(8,11,9,0.42);
  -webkit-backdrop-filter:blur(13px) saturate(1.1); backdrop-filter:blur(13px) saturate(1.1);
  border:1px solid rgba(201,212,181,0.2);
  box-shadow:0 28px 64px -30px rgba(0,0,0,0.82), inset 0 1px 0 rgba(255,255,255,0.07); }
.bf__h{ font-size:0.62rem; letter-spacing:0.24em; text-transform:uppercase; color:rgba(232,201,154,0.95);
  margin-bottom:0.9rem; font-weight:600; }
.bf__row{ display:grid; grid-template-columns:1fr 1fr; gap:0.7rem; }
.bf__field{ display:flex; flex-direction:column; gap:0.28rem; margin-bottom:0.7rem; }
.bf__field > span{ font-size:0.62rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--bone-soft,rgba(238,241,233,0.8)); }
.bf__field > span em{ font-style:normal; color:rgba(238,241,233,0.42); letter-spacing:0.06em; }
.bf__field input, .bf__field textarea{ width:100%; font:inherit; font-size:0.9rem; color:var(--bone,#eef1e9);
  background:rgba(6,9,7,0.5); border:1px solid rgba(201,212,181,0.22); border-radius:9px; padding:0.55rem 0.7rem;
  transition:border-color .3s ease, background .3s ease; }
.bf__field textarea{ resize:vertical; min-height:2.4rem; }
.bf__field input::placeholder, .bf__field textarea::placeholder{ color:rgba(238,241,233,0.35); }
.bf__field input:focus, .bf__field textarea:focus{ outline:none; border-color:rgba(232,201,154,0.6); background:rgba(6,9,7,0.7); }
.bf__file{ display:flex; flex-direction:column; gap:0.34rem; margin:0.2rem 0 0.9rem; }
.bf__file > span{ font-size:0.62rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--bone-soft,rgba(238,241,233,0.8)); }
.bf__file > span em{ font-style:normal; color:rgba(238,241,233,0.42); letter-spacing:0.06em; }
.bf__file input[type=file]{ font:inherit; font-size:0.78rem; color:rgba(238,241,233,0.7); }
.bf__file input[type=file]::file-selector-button{ font:inherit; font-size:0.68rem; letter-spacing:0.1em; text-transform:uppercase;
  color:rgba(232,201,154,0.95); background:rgba(232,201,154,0.08); border:1px solid rgba(232,201,154,0.4);
  border-radius:20px; padding:0.4rem 0.8rem; margin-right:0.7rem; cursor:pointer; transition:background .3s ease; }
.bf__file input[type=file]::file-selector-button:hover{ background:rgba(232,201,154,0.16); }
.bf__submit{ width:100%; justify-content:center; margin-top:0.2rem; }
.bf__note{ margin:0.7rem 0 0; font-size:0.8rem; min-height:1rem; color:var(--bone-soft,rgba(238,241,233,0.8)); }
.bf__note.is-ok{ color:rgba(201,212,181,0.98); }
.bf__note.is-err{ color:#e8a08c; }
@media (max-width:900px){ .brokersplit{ grid-template-columns:1fr; } }
/* mobile: the message and the form read as two separate screens */
@media (max-width:560px){
  .brokersplit{ gap:clamp(2.6rem,10vh,4.8rem); }
  .brokersplit__text{ min-height:66vh; display:flex; flex-direction:column; justify-content:center; }
}
@media (max-width:520px){ .bf__row{ grid-template-columns:1fr; } }

.usmap__host{ position:relative; width:100%; }
.usmap__host::before{ content:""; position:absolute; inset:4% 3%; pointer-events:none;
  background:radial-gradient(58% 60% at 50% 46%, rgba(232,201,154,0.16), rgba(232,201,154,0.04) 55%, transparent 74%);
  filter:blur(34px); }
.usmap__svg{ position:relative; width:100%; height:auto; display:block; overflow:visible; }
.usmap__states path{ fill:rgba(232,201,154,0.05); stroke:rgba(232,201,154,0.24); stroke-width:0.7;
  vector-effect:non-scaling-stroke; transition:fill .4s ease; }
.usmap__arcs .arc{ fill:none; stroke:rgba(232,201,154,0.3); stroke-width:0.9; vector-effect:non-scaling-stroke;
  stroke-dasharray:3 5; animation:arcFlow 5s linear infinite; }
@keyframes arcFlow{ to{ stroke-dashoffset:-80; } }
.usmap__dots .dot{ transform-box:fill-box; transform-origin:center; }
/* three clearly-distinct colours so the market tiers read at a glance */
.dot--active{ fill:#FFC24D; filter:drop-shadow(0 0 6px rgba(255,194,77,1)); animation:dotPulse 3s ease-in-out infinite; }
.dot--expand{ fill:#5FB7F2; filter:drop-shadow(0 0 6px rgba(95,183,242,0.95)); animation:dotPulse 3.6s ease-in-out infinite; }
.dot--future{ fill:#78E0A6; filter:drop-shadow(0 0 5px rgba(120,224,166,0.85)); opacity:0.85; }
@keyframes dotPulse{ 0%,100%{ opacity:0.55; } 50%{ opacity:1; } }

.usmap__legend{ display:flex; flex-wrap:wrap; gap:0.6rem 1.3rem; margin-top:clamp(1rem,2.6vh,1.7rem); }
.lg{ display:inline-flex; align-items:center; gap:0.5rem; font-size:0.66rem; letter-spacing:0.14em;
  text-transform:uppercase; color:var(--bone-soft); }
.lg i{ width:10px; height:10px; border-radius:50%; flex:0 0 auto; }
.lg--active i{ background:#FFC24D; box-shadow:0 0 10px rgba(255,194,77,0.95); }
.lg--expand i{ background:#5FB7F2; box-shadow:0 0 10px rgba(95,183,242,0.9); }
.lg--future i{ background:#78E0A6; box-shadow:0 0 10px rgba(120,224,166,0.85); }
@media (prefers-reduced-motion:reduce){ .dot--active,.dot--expand,.usmap__arcs .arc{ animation:none; } }

/* --- luminosity boost: make the map pop against the forest (ref look) --- */
.wildsplit__map{ position:relative; }
.wildsplit__map::before{ content:""; position:absolute; inset:-10% -8%; z-index:0; pointer-events:none;
  background:radial-gradient(58% 58% at 50% 50%, rgba(6,9,8,0.72), rgba(6,9,8,0.28) 54%, transparent 76%); filter:blur(22px); }
.usmap__host{ position:relative; z-index:1; }
.usmap__host::before{ background:radial-gradient(56% 58% at 50% 46%, rgba(232,201,154,0.24), rgba(232,201,154,0.06) 55%, transparent 74%); }
.usmap__states path{ fill:rgba(232,201,154,0.085); stroke:rgba(232,201,154,0.34); }
.dot--active{ filter:drop-shadow(0 0 6px rgba(255,194,77,1)); }
.dot--expand{ filter:drop-shadow(0 0 6px rgba(95,183,242,0.95)); }
.dot--future{ filter:drop-shadow(0 0 6px rgba(120,224,166,0.9)); }