/* ============================================================
   BEEZNESS HUNTERS — Theme v2.1
   Warmer + more approachable for contractors. Loaded after styles.css.
   ============================================================ */

/* soften the ambient so it reads less "tech dashboard" */
.bg-ambient{background:
  radial-gradient(820px 460px at 84% -10%,rgba(244,207,20,.08),transparent 60%),
  radial-gradient(640px 560px at -8% 14%,rgba(244,207,20,.035),transparent 55%),
  linear-gradient(180deg,var(--bg),var(--bg-2))!important}
.bg-hive{opacity:.4!important}

/* ---------- Top stack: announce + header ---------- */
.topstack{position:fixed;top:0;left:0;right:0;z-index:100}
.site-header{position:relative;top:auto;left:auto;right:auto}
.announce{max-height:64px;overflow:hidden;background:linear-gradient(90deg,#15130b,#1d1908 55%,#15130b);
  border-bottom:1px solid rgba(244,207,20,.18);transition:max-height .35s var(--ease),opacity .25s var(--ease)}
.announce .a-inner{max-width:var(--maxw);margin:0 auto;padding:9px clamp(16px,5vw,40px);
  display:flex;align-items:center;justify-content:center;gap:11px;font-size:13.5px;color:#e7e3d2}
.announce .pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(244,207,20,.6);animation:pulse 2.4s infinite;flex:0 0 auto}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(244,207,20,.5)}70%{box-shadow:0 0 0 7px rgba(244,207,20,0)}100%{box-shadow:0 0 0 0 rgba(244,207,20,0)}}
.announce b{color:var(--gold);font-weight:700}
.announce .a-cta{display:inline-flex;align-items:center;gap:5px;color:#fff;font-weight:700;white-space:nowrap;border-bottom:1px solid rgba(244,207,20,.45);padding-bottom:1px}
.announce .a-cta:hover{color:var(--gold)}
.announce .a-cta svg{width:13px;height:13px;transition:transform .2s var(--ease)}
.announce .a-cta:hover svg{transform:translateX(3px)}
.topstack.scrolled .announce{max-height:0;opacity:0;border-color:transparent}

.site-header .bar{padding:13px 0}
.topstack.scrolled .site-header{background:rgba(10,10,11,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.topstack.scrolled .site-header .bar{padding:9px 0}
.logo-link{display:flex;align-items:center}
.logo-link img{height:52px;width:auto;transition:height .3s var(--ease);display:block}
.topstack.scrolled .logo-link img{height:44px}

/* ---------- Nav + dropdowns (clean, not "appy") ---------- */
.nav{gap:2px}
.nav > a,.nav .dd-toggle{padding:10px 15px;border-radius:9px;font-size:14.5px;font-weight:500;color:var(--muted);
  transition:.18s;display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:none;border:0;font-family:var(--font)}
.nav > a:hover,.nav .dd-toggle:hover,.has-dd:hover .dd-toggle{color:#fff}
.nav > a.active,.nav .dd-toggle.active{color:#fff}
.caret{width:12px;height:12px;opacity:.6;transition:transform .25s var(--ease)}
.has-dd{position:relative}
.has-dd::after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:18px}
.has-dd:hover .caret,.has-dd.open .caret{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);
  background:#141415;border:1px solid var(--border);border-radius:14px;padding:10px;
  box-shadow:0 24px 60px -28px rgba(0,0,0,.85);opacity:0;visibility:hidden;transition:.2s var(--ease);z-index:30}
.has-dd:hover .dd-panel,.has-dd.open .dd-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:520px}
.dd-item{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:10px;transition:background .15s}
.dd-item:hover{background:var(--surface-2)}
.dd-item .di{width:30px;height:30px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:var(--gold)}
.dd-item .di svg{width:20px;height:20px}
.dd-item .dt b{display:block;font-family:var(--font);font-size:14px;font-weight:600;color:#fff}
.dd-item .dt em{font-style:normal;font-size:12px;color:var(--muted)}
.dd-foot{margin-top:6px;padding:10px 12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--muted-2)}
.dd-foot a{color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:6px}
.dd-foot a svg{width:13px;height:13px}
/* locations dropdown */
.dd-panel.locations{min-width:600px}
.loc-head{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:700;padding:8px 12px 4px}
.loc-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 14px;padding:4px 8px 2px}
.loc-col h6{font-family:var(--font);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:8px 4px 4px;font-weight:700}
.loc-col a{display:block;padding:5px 6px;border-radius:7px;font-size:12.5px;color:var(--muted);transition:.14s}
.loc-col a:hover{color:#fff;background:var(--surface-2)}

/* ---------- Buttons (toned down: confident, not toy) ---------- */
.btn{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:13px;border-radius:8px;padding:14px 24px}
.btn svg{transition:transform .2s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn-lg{padding:16px 28px;font-size:14px}
.btn-primary{background:var(--gold);color:#1a1500;border:0;box-shadow:0 8px 22px -12px rgba(244,207,20,.7)}
.btn-primary:hover{transform:translateY(-2px);background:var(--gold-soft);box-shadow:0 14px 28px -14px rgba(244,207,20,.8)}
.btn-primary::after{display:none}
.btn-ghost{background:transparent;border:1.5px solid var(--border-2);color:#fff;box-shadow:none}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);background:rgba(244,207,20,.05);transform:translateY(-2px)}
.header-cta .btn-primary{padding:11px 20px}

/* ---------- Mobile nav ---------- */
.mobile-nav{padding-top:84px;overflow-y:auto}
.mnav-group{border-bottom:1px solid var(--border)}
.mnav-group > .mg-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;color:#fff;font-family:var(--display);font-weight:800;font-size:16px;padding:14px 12px;text-transform:uppercase;letter-spacing:.02em}
.mnav-group.open > .mg-head .caret{transform:rotate(180deg)}
.mnav-sub{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
.mnav-sub a{display:block;padding:11px 12px 11px 22px;color:var(--muted);font-size:15px;border:0}
.mnav-sub a:hover{color:var(--gold)}
.mobile-nav > a{padding:14px 12px;font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:16px;letter-spacing:.02em;border-bottom:1px solid var(--border)}
.mobile-nav .btn{margin-top:20px}

/* ---------- Cards as links ---------- */
.card.link{display:flex;flex-direction:column;text-decoration:none}
.card.link:hover{transform:translateY(-5px);border-color:var(--border-2);background:var(--surface-2)}
.card.link .more{margin-top:14px;color:var(--gold);font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}
.card.link .more svg{width:14px;height:14px;transition:transform .2s var(--ease)}
.card.link:hover .more svg{transform:translateX(4px)}
.card .icon svg{width:24px;height:24px}

/* ---------- CTA isotype watermark ---------- */
.cta-band{position:relative;overflow:hidden}
.cta-mark{position:absolute;right:-18px;bottom:-22px;width:170px;opacity:.06;pointer-events:none;filter:none}

/* ---------- Team photos ---------- */
.member{text-align:left}
.member .photo{width:100%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;margin-bottom:18px;position:relative;background:linear-gradient(160deg,#262214,#131210);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
.member .photo img{width:100%;height:100%;object-fit:cover}
.member .photo .ph-fb{font-family:var(--display);font-weight:900;font-size:46px;color:rgba(244,207,20,.4)}
.member .photo .ph-note{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);background:rgba(10,10,11,.7);padding:4px 10px;border-radius:20px;border:1px solid var(--border)}

/* ---------- Locations ---------- */
.loc-search{position:relative;max-width:460px}
.loc-search .ls-ic{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted-2)}
.loc-search .ls-ic svg{width:18px;height:18px}
.loc-search input{width:100%;background:var(--surface);border:1px solid var(--border-2);border-radius:12px;color:#fff;font:inherit;font-size:15px;padding:14px 16px 14px 46px}
.loc-search input:focus{outline:none;border-color:var(--gold)}
.state-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.state-card{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:14px 16px;transition:.18s var(--ease)}
.state-card:hover{border-color:var(--gold);background:var(--surface-2);transform:translateY(-2px)}
.state-card h3{font-size:15.5px}
.state-card .ar{color:var(--gold)}.state-card .ar svg{width:16px;height:16px}
.state-card:hover .ar svg{transform:translateX(3px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{border:1px solid var(--border);background:var(--surface);border-radius:30px;padding:7px 13px;font-size:13px;color:var(--muted)}
.chips span b{color:#fff;font-weight:600}

/* ---------- warmth helpers ---------- */
.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.badge-row .b{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:9px 14px;font-size:13.5px;color:var(--text);font-weight:500}
.badge-row .b svg{width:16px;height:16px;stroke:var(--gold)}
.list-check{list-style:none;display:grid;gap:11px;margin-top:18px}
.list-check li{display:flex;gap:11px;align-items:flex-start;color:var(--muted);font-size:15.5px;line-height:1.5}
.list-check li svg{width:19px;height:19px;flex:0 0 auto;margin-top:2px}
.list-check li b{color:#fff}
.footer-brand img{height:54px}
:target{scroll-margin-top:120px}
section[id]{scroll-margin-top:108px}

/* ---------- LIGHT SECTION (bold black + vivid gold on bone) ---------- */
.section-light{background:#F4F1E8;color:#2a2722;position:relative;overflow:hidden;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.section-light::before{content:"";position:absolute;right:-46px;bottom:-56px;width:320px;height:320px;
  background:url("/assets/isotipo-black.png") no-repeat center/contain;opacity:.06;pointer-events:none}
.section-light .container{position:relative;z-index:1}
.section-light h1,.section-light h2,.section-light h3,.section-light h4{color:#0b0b0b}
.section-light p,.section-light .lead{color:#34302a}
.section-light .eyebrow{color:#0b0b0b;font-weight:800}
.section-light .eyebrow::before{background:var(--gold-deep)}
/* vivid yellow highlighter behind key words */
.section-light h1 .gold,.section-light h2 .gold{color:#0b0b0b;background:linear-gradient(transparent 56%,rgba(244,207,20,.75) 56%);padding:0 .05em;border-radius:2px}
.section-light .card{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 16px 36px -26px rgba(0,0,0,.5)}
.section-light .card h3{color:#0b0b0b}.section-light .card p{color:#46423a}
.section-light .card.link:hover{background:#fff;border-color:rgba(0,0,0,.22);transform:translateY(-5px)}
.section-light .more{color:#0b0b0b;font-weight:700}
.section-light .step{background:#fff;border-color:rgba(0,0,0,.1)}
.section-light .step h3{color:#0b0b0b}.section-light .step p{color:#46423a}
.section-light .step .sn{background:var(--gold);color:#1a1500}
.section-light .flow .f{background:#fff;border-color:rgba(0,0,0,.1)}
.section-light .flow .f h4{color:#0b0b0b}.section-light .flow .f p{color:#46423a}
.section-light .flow .f .fi{color:#0b0b0b;font-weight:800}
.section-light .icon{background:rgba(244,207,20,.22);border-color:rgba(244,207,20,.55)}
.section-light .icon svg{stroke:#0b0b0b}
.section-light .list-check li{color:#34302a}
.section-light .list-check li b{color:#0b0b0b}
.section-light .list-check li svg{stroke:#0b0b0b}
.section-light .chips span{background:#fff;border-color:rgba(0,0,0,.12);color:#46423a}
.section-light .chips span b{color:#0b0b0b}
.section-light .num-tag{color:rgba(0,0,0,.4)}
.section-light .btn-ghost{border-color:rgba(0,0,0,.28);color:#0b0b0b}
.section-light .btn-ghost:hover{border-color:#0b0b0b;background:rgba(0,0,0,.05);color:#0b0b0b}
.section-light .case.light{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:clamp(28px,4vw,52px)}
.section-light .case .quote{color:#0b0b0b}
.section-light .case .eyebrow{color:#0b0b0b}

/* ---------- Contact ---------- */
.form-card{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--radius-lg);padding:clamp(24px,3vw,34px)}
.form-card h3{font-size:clamp(20px,2.4vw,26px)}
.fc-sub{color:var(--muted);margin:6px 0 20px;font-size:14.5px}
.reach{margin-top:26px;display:grid;gap:13px;border-top:1px solid var(--border);padding-top:22px}
.reach a,.reach span{display:flex;align-items:flex-start;gap:11px;color:var(--muted);font-size:14.5px;line-height:1.5}
.reach a{color:#fff;font-weight:600}
.reach a:hover{color:var(--gold)}
.reach svg{width:18px;height:18px;stroke:var(--gold);flex:0 0 auto;margin-top:1px}

/* ---------- responsive ---------- */
@media(max-width:1040px){.loc-cols{grid-template-columns:repeat(3,1fr)}.dd-panel.locations{min-width:480px}}
@media(max-width:760px){
  .state-grid{grid-template-columns:repeat(2,1fr)}
  .dd-panel{display:none!important}
  .announce .a-text{display:none}
  .announce .a-inner{justify-content:center;font-size:13px}
}
@media(max-width:480px){
  .state-grid{grid-template-columns:1fr}
  .logo-link img{height:42px}
  .footer-brand img{height:46px}
}