/* Created: 10:31 11-Aug-2026 */
/* BT1 sections A — header, fullscreen menu, hamburger, hero, trust/stats */

/* ---------- 1 · Header ---------- */
.site-header { position:fixed; top:0; left:0; right:0; z-index:2; padding:20px 20px 14px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  transition:background .6s var(--bt-ease),box-shadow .6s var(--bt-ease); }
.site-header.scrolled { background:rgba(255,255,255,.7); backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px); box-shadow:0 1px 0 var(--bt-border-soft); }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand img { width:180px; height:auto; }
.brand .dot { width:10px; height:10px; }
.site-nav { display:none; }
.header-cta { display:none; align-items:center; gap:14px; }
.phone-chip { display:inline-flex; align-items:center; gap:10px; border:1px solid #000;
  border-radius:40px; padding:12px 22px; font-weight:500; font-size:15px; letter-spacing:.04em;
  text-transform:uppercase; text-decoration:none; color:#000;
  transition:background 1s var(--bt-ease),color 1s var(--bt-ease); }
.phone-chip:hover { background:#000; color:#fff; }
@media (min-width:1024px) {
  .site-header { padding:20px 5% 14px; }
  .site-nav { display:flex; gap:34px; }
  .site-nav a { font-size:16px; font-weight:400; }
  .header-cta { display:inline-flex; }
}
@media (min-width:550px) and (max-width:1023px) { .header-cta { display:inline-flex; } .header-cta .btn { display:none; } }

/* ---------- Hamburger (fixed bottom-right, opens fullscreen menu) ---------- */
.burger { position:fixed; right:20px; bottom:20px; z-index:4; width:64px; height:64px;
  background:#000; border-radius:10px; display:flex; align-items:center; justify-content:center;
  transition:border-radius .8s var(--bt-ease-circ),transform .8s var(--bt-ease-circ),background .6s var(--bt-ease); }
@media (min-width:1024px) { .burger { width:80px; height:80px; right:25px; bottom:25px; } }
.burger .lines { display:flex; flex-direction:column; gap:7px;
  transition:transform .8s var(--bt-ease-circ); }
.burger .lines span { display:block; width:28px; height:2px; background:#fff;
  transition:transform .6s var(--bt-ease),opacity .3s ease; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .burger:hover { border-radius:50%; transform:rotate(45deg); }
  .burger:hover .lines { transform:rotate(-45deg); }
}
.burger[aria-expanded="true"] { border-radius:50%; }
.burger[aria-expanded="true"] .lines span:nth-child(1) { transform:translateY(9px) rotate(45deg); }
.burger[aria-expanded="true"] .lines span:nth-child(2) { opacity:0; }
.burger[aria-expanded="true"] .lines span:nth-child(3) { transform:translateY(-9px) rotate(-45deg); }

/* ---------- Fullscreen menu ---------- */
.menu { position:fixed; inset:0; z-index:3; background:#000; color:#fff;
  display:flex; flex-direction:column; justify-content:center; padding:80px 8%;
  clip-path:circle(0% at calc(100% - 52px) calc(100% - 52px)); visibility:hidden;
  transition:clip-path .8s var(--bt-ease-circ),visibility 0s linear .8s; }
.menu.open { clip-path:circle(141.8% at calc(100% - 52px) calc(100% - 52px));
  visibility:visible; transition:clip-path .8s var(--bt-ease-circ); }
.menu ul li { overflow:hidden; }
.menu ul a { display:inline-block; font-weight:500; color:#fff; text-decoration:none;
  font-size:clamp(30px,8vw,65px); line-height:1.35; transform:translateY(110%);
  transition:transform .4s var(--bt-ease),color .6s var(--bt-ease); }
.menu.open ul a { transform:none; }
.menu.open ul li:nth-child(1) a { transition-delay:.6s,0s; }
.menu.open ul li:nth-child(2) a { transition-delay:.65s,0s; }
.menu.open ul li:nth-child(3) a { transition-delay:.7s,0s; }
.menu.open ul li:nth-child(4) a { transition-delay:.75s,0s; }
.menu.open ul li:nth-child(5) a { transition-delay:.8s,0s; }
.menu.open ul li:nth-child(6) a { transition-delay:.85s,0s; }
.menu ul a:hover { color:var(--bt-accent-2); }
.menu-meta { margin-top:40px; display:flex; flex-wrap:wrap; gap:14px; }
@media (prefers-reduced-motion:reduce) {
  .menu { transition:none; clip-path:none; display:none; }
  .menu.open { display:flex; clip-path:none; }
  .menu ul a { transform:none; transition:color .3s ease; }
}

/* ---------- 2 · Hero ---------- */
.hero { padding-top:120px; }
@media (min-width:1024px) { .hero { padding-top:140px; } }
.hero-grid { display:grid; grid-template-columns:1fr; gap:15px; }
@media (min-width:550px) { .hero-grid { grid-template-columns:1fr 1fr; } }
.hero-main { grid-column:1/-1; display:grid; grid-template-columns:1fr; gap:25px; align-items:center; }
@media (min-width:1024px) { .hero-main { grid-template-columns:1fr .9fr; min-height:480px; } }
.hero-main .eyebrow { display:block; margin-bottom:22px; }
.hero-main h1 { margin-bottom:22px; max-width:14ch; }
.hero-sub { max-width:52ch; margin-bottom:32px; }
.hero-ctas { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.hero-img { min-height:260px; }
.hero-img img { position:absolute; inset:0; }
@media (min-width:1024px) { .hero-img { min-height:420px; height:100%; } }
.hero-mini { display:flex; flex-direction:column; gap:20px; min-height:220px; }
.hero-mini .img-hover { flex:1; min-height:120px; }
.hero-mini-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.hero-mini h2 { font-size:clamp(26px,2.6vw,38px); font-weight:600; line-height:1.1; }
.hero-mini .eyebrow { display:block; margin-top:6px; }
.scroll-cue { display:flex; align-items:center; gap:12px; margin-top:40px;
  font-size:13px; letter-spacing:.1em; text-transform:uppercase; font-weight:500;
  color:var(--bt-accent-2-deep); }
.scroll-cue .cue-dot { width:8px; height:8px; border-radius:50%; background:var(--bt-accent-2); }
@media (prefers-reduced-motion:no-preference) {
  .scroll-cue .cue-track { width:2px; height:50px; background:var(--bt-border-soft);
    position:relative; overflow:hidden; }
  .scroll-cue .cue-track .cue-dot { position:absolute; left:-3px; top:0;
    animation:cue-fall 2s var(--bt-ease) infinite; }
  @keyframes cue-fall { 0%{transform:translateY(0)} 55%{transform:translateY(42px)} 100%{transform:translateY(0)} }
}

/* ---------- 3 · Trust bar / stats ---------- */
.stats-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
@media (min-width:1279px) { .stats-grid { grid-template-columns:repeat(4,1fr); } }
.stat { padding:25px; border-top:1px solid var(--bt-rule); }
.stat .num { display:block; font-weight:600; letter-spacing:-.01em; line-height:1.08;
  font-size:clamp(32px,4.2vw,64px); }
.stat .lbl { display:block; margin-top:14px; }
.stats-chip-row { margin-top:30px; display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.stats-chip-row .chip { cursor:default; }