.lead-page {
  --lead-gold: #f1cc76;
  --lead-green: #89e2c1;
  --lead-blue: #8ebaff;
  background: #020308;
}

.lead-page .page-header { background: rgba(2,3,8,.86); }
.lead-page button { color: inherit; }

.lead-hero {
  position: relative;
  min-height: calc(100svh - 68px);
  display: grid;
  align-items: end;
  overflow: hidden;
  padding: 92px 0 32px;
  isolation: isolate;
}
.lead-hero::before { position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(2,3,8,.06),rgba(2,3,8,.38) 32%,#020308 89%); content:""; }
.lead-hero::after { position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 82% 26%,rgba(120,177,255,.15),transparent 28%),radial-gradient(circle at 20% 54%,rgba(236,191,92,.1),transparent 30%); content:""; }
.lead-hero__visual { position:absolute; z-index:-2; inset:0; overflow:hidden; }
.lead-hero__visual img { width:100%; height:100%; object-fit:cover; object-position:52% 24%; filter:saturate(.72) contrast(1.08) brightness(.72); transform:scale(1.04); }
.lead-hero__content { position:relative; z-index:1; }
.lead-hero h1 { max-width:880px; margin:0; font-size:clamp(43px,12.5vw,92px); font-weight:350; letter-spacing:-.058em; line-height:.92; text-wrap:balance; }
.lead-hero h1 em,.lead-section-head h2 em,.lead-video-copy h2 em { color:#ffe4a2; font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.lead-hero .hero-lead { max-width:610px; color:#d0d2d5; text-shadow:0 2px 18px #000; }
.lead-hero .button { border-color:rgba(255,255,255,.23); backdrop-filter:blur(14px); }
.lead-hero__proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:30px; border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.1); background:rgba(2,3,8,.38); backdrop-filter:blur(12px); }
.lead-hero__proof span { min-width:0; padding:13px 7px; color:#d7d8da; font-size:8px; line-height:1.25; text-transform:uppercase; letter-spacing:.07em; }
.lead-hero__proof span+span { border-left:1px solid rgba(255,255,255,.1); }
.lead-hero__proof b { display:block; margin-bottom:4px; color:var(--lead-gold); font-size:8px; }

.lead-search-section,.lead-video-section,.lead-method-section,.lead-projects-section,.lead-final-section { position:relative; padding:90px 0; overflow:hidden; }
.lead-search-section::before,.lead-projects-section::before { position:absolute; z-index:-1; inset:5% -65% auto; height:660px; background:radial-gradient(circle,rgba(72,112,142,.12),transparent 60%); content:""; }
.lead-section-head { max-width:820px; margin-bottom:32px; }
.lead-section-head h2,.lead-video-copy h2 { margin:0; font-size:clamp(36px,9vw,72px); font-weight:370; line-height:.96; letter-spacing:-.05em; }
.lead-section-head>p:last-child,.lead-video-copy>p { max-width:670px; margin:18px 0 0; color:#a5abb6; font-size:14px; }

.lead-console { overflow:hidden; border:1px solid rgba(241,204,118,.3); border-radius:24px; background:linear-gradient(155deg,rgba(10,14,22,.98),rgba(2,4,8,.99)); box-shadow:0 42px 120px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.04); }
.lead-console__bar { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 15px; border-bottom:1px solid rgba(255,255,255,.08); color:#dfe1e5; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.lead-console__bar span { display:flex; align-items:center; gap:8px; }
.lead-console__bar span i { width:7px; aspect-ratio:1; border-radius:50%; background:var(--lead-green); box-shadow:0 0 16px var(--lead-green); }
.lead-console__bar>b { color:#7f8794; font-size:8px; font-weight:700; }
.lead-console.is-running .lead-console__bar>b { color:var(--lead-gold); }
.lead-console.is-complete .lead-console__bar>b { color:var(--lead-green); }

.lead-lab { display:grid; gap:14px; padding:14px; }
.lead-lab__inputs { display:grid; gap:8px; }
.lead-lab__inputs label { display:grid; gap:6px; }
.lead-lab__inputs small,.lead-lab__scene-head small,.lead-results small { color:#b99043; font-size:8px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.lead-lab__inputs select { width:100%; min-height:49px; padding:0 13px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:#090d15; color:#e9e7e1; font:720 11px/1.2 "Onest",sans-serif; outline:none; }
.lead-lab__inputs select:focus { border-color:rgba(241,204,118,.48); box-shadow:0 0 0 3px rgba(241,204,118,.06); }
.lead-lab__start { position:relative; min-height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; overflow:hidden; border:1px solid rgba(255,232,168,.68); border-radius:13px; background:linear-gradient(112deg,#d49b32,#ffe7a1 42%,#c88d28 72%,#ffe9a6); background-size:240% 100%; color:#171006!important; font-size:12px; font-weight:900; cursor:pointer; animation:lead-shimmer 5s ease-in-out infinite; }
.lead-lab__start i { font-style:normal; font-size:17px; }
.lead-lab__start:disabled { cursor:wait; filter:saturate(.6); opacity:.72; }
@keyframes lead-shimmer { 0%,100%{background-position:0 50%}50%{background-position:100% 50%} }

.lead-lab__scanner { padding:11px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:19px; background:radial-gradient(circle at 50% 38%,rgba(51,95,129,.14),transparent 42%),#03060b; }
.lead-lab__scene-head { min-height:28px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 2px; }
.lead-lab__scene-head span { color:#a3a9b4; font-size:9px; }
.lead-radar { position:relative; height:430px; margin:8px 0 12px; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:radial-gradient(circle at 50% 44%,rgba(78,122,151,.12),transparent 30%),linear-gradient(165deg,#080c15,#020307 74%); isolation:isolate; }
.lead-radar::before { position:absolute; z-index:2; inset:0; background-image:radial-gradient(circle,rgba(255,255,255,.4) 0 1px,transparent 1.4px); background-size:76px 76px; opacity:.13; content:""; pointer-events:none; }
.lead-radar::after { position:absolute; z-index:2; inset:auto 0 0; height:28%; background:linear-gradient(transparent,rgba(2,3,7,.88)); content:""; pointer-events:none; }
.lead-radar__stage { position:absolute; z-index:1; inset:0; cursor:grab; touch-action:pan-y; }
.lead-radar__stage:active { cursor:grabbing; }
.lead-radar__stage canvas { display:block; width:100%!important; height:100%!important; }
.lead-radar>p { position:absolute; z-index:4; right:14px; bottom:11px; left:14px; margin:0; color:#8f97a4; font-size:9px; text-align:center; pointer-events:none; }
.lead-radar__fallback { position:absolute; z-index:5; inset:0; place-items:center; padding:28px; background:#05080d; color:#aaa696; font-size:11px; text-align:center; }
.lead-radar__fallback:not([hidden]) { display:grid; }
.lead-lab__progress { height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }
.lead-lab__progress b { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--lead-blue),var(--lead-gold),var(--lead-green)); box-shadow:0 0 20px rgba(241,204,118,.5); transition:width .36s ease; }
.lead-lab__nodes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin-top:10px; }
.lead-lab__nodes span { padding:9px 6px; border:1px solid rgba(255,255,255,.07); border-radius:9px; color:#737c89; font-size:7px; line-height:1.25; text-align:center; transition:.25s ease; }
.lead-lab__nodes b { display:block; margin-bottom:4px; color:#8d784e; font-size:7px; }
.lead-lab__nodes span.is-active { border-color:rgba(241,204,118,.35); background:rgba(241,204,118,.06); color:#e5d5af; box-shadow:0 0 28px rgba(218,170,62,.07); }

.lead-results[hidden],.lead-contact[hidden] { display:none; }
.lead-results { display:grid; gap:14px; padding:15px; border:1px solid rgba(137,226,193,.23); border-radius:18px; background:linear-gradient(145deg,rgba(12,20,25,.96),rgba(4,7,11,.98)); }
.lead-results>header { display:grid; gap:9px; }
.lead-results h3 { margin:5px 0 0; font-size:18px; line-height:1.05; }
.lead-results>header>span { width:max-content; padding:5px 7px; border:1px solid rgba(255,255,255,.1); border-radius:999px; color:#818995; font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.lead-results__cards { display:grid; gap:8px; }
.lead-result-card { width:100%; display:grid; grid-template-columns:42px minmax(0,1fr) 18px; gap:11px; align-items:center; padding:11px; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:rgba(255,255,255,.025); color:#f4f1ea; text-align:left; cursor:pointer; }
.lead-result-card>span { display:grid; width:42px; aspect-ratio:1; place-items:center; border:1px solid rgba(142,186,255,.35); border-radius:50%; background:radial-gradient(circle at 32% 28%,#6687b2,#18243b 44%,#060911 75%); color:#fff; font-size:14px; font-weight:900; box-shadow:0 0 24px rgba(90,135,194,.13); }
.lead-result-card>span img { width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.lead-result-card small,.lead-result-card strong { display:block; }
.lead-result-card small { color:#8993a1; font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.lead-result-card strong { margin-top:4px; font-size:11px; line-height:1.22; }
.lead-result-card>i { color:#ad9a6b; font-style:normal; }
.lead-result-card.is-selected { border-color:rgba(137,226,193,.45); background:linear-gradient(100deg,rgba(60,132,113,.12),rgba(255,255,255,.02)); }
.lead-contact { padding:16px; border:1px solid rgba(241,204,118,.24); border-radius:16px; background:radial-gradient(circle at 100% 0,rgba(241,204,118,.1),transparent 38%),#070a10; }
.lead-contact__person { display:flex; gap:10px; align-items:center; }
.lead-contact__person>span { display:grid; width:44px; aspect-ratio:1; place-items:center; border:1px solid rgba(241,204,118,.35); border-radius:50%; background:#15120d; color:#ffe7a7; font-weight:900; }
.lead-contact__person>span img { width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.lead-contact__person small,.lead-contact__person strong { display:block; }
.lead-contact__person strong { margin-top:2px; font-size:14px; }
.lead-contact h4 { margin:17px 0; font-size:24px; line-height:1.02; }
.lead-contact dl { display:grid; gap:8px; margin:0; }
.lead-contact dl>div { padding:12px; border-left:1px solid rgba(241,204,118,.32); background:rgba(255,255,255,.025); }
.lead-contact dt { color:#a88f56; font-size:7px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.lead-contact dd { margin:6px 0 0; color:#c2c5cb; font-size:11px; line-height:1.45; }
.lead-contact button { width:100%; min-height:46px; display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding:0 13px; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:linear-gradient(110deg,rgba(255,255,255,.03),rgba(241,204,118,.07)); color:#e7e3da; font-size:10px; font-weight:800; cursor:pointer; }
.lead-contact button i { color:var(--lead-gold); font-style:normal; }
.lead-lab__legal { margin:0; padding:12px 2px 2px; color:#727a86; font-size:9px; line-height:1.45; }

.lead-video-section { background:linear-gradient(180deg,#020308,#060a11 45%,#020308); }
.lead-video-section::before { position:absolute; z-index:0; top:22%; right:-38%; width:520px; aspect-ratio:1; border:1px solid rgba(241,204,118,.12); border-radius:50%; box-shadow:0 0 120px rgba(112,161,197,.1),inset 0 0 80px rgba(241,204,118,.05); content:""; }
.lead-video-grid { position:relative; z-index:1; display:grid; gap:42px; align-items:center; }
.lead-video-copy__route { display:flex; align-items:center; gap:9px; margin-top:28px; overflow:hidden; }
.lead-video-copy__route span { flex:0 0 auto; padding:8px 10px; border:1px solid rgba(255,255,255,.11); border-radius:999px; color:#d3d5da; font-size:8px; }
.lead-video-copy__route i { min-width:16px; flex:1; height:1px; background:linear-gradient(90deg,var(--lead-gold),var(--lead-green)); box-shadow:0 0 10px rgba(241,204,118,.5); }
.lead-video-player { width:min(100%,360px); margin:0 auto; overflow:hidden; border:1px solid rgba(241,204,118,.32); border-radius:26px; background:#05070c; box-shadow:0 45px 110px rgba(0,0,0,.55),0 0 70px rgba(99,151,181,.08); }
.lead-video-player__chrome { min-height:45px; display:flex; align-items:center; gap:8px; padding:0 13px; border-bottom:1px solid rgba(255,255,255,.08); color:#aeb4bd; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.lead-video-player__chrome i { width:7px; aspect-ratio:1; border-radius:50%; background:var(--lead-green); box-shadow:0 0 14px var(--lead-green); }
.lead-video-player video { width:100%; aspect-ratio:9/16; display:block; background:#020307; object-fit:cover; }
.lead-video-player figcaption { padding:11px 13px; color:#777f8c; font-size:8px; text-align:center; }

.lead-method-rail { display:flex; gap:10px; overflow-x:auto; margin-inline:calc((100vw - 100%)/-2); padding:0 calc((100vw - 100%)/2) 14px; scroll-snap-type:x mandatory; scrollbar-width:none; }
.lead-method-rail::-webkit-scrollbar { display:none; }
.lead-method-rail article { flex:0 0 min(82vw,320px); min-height:280px; display:flex; flex-direction:column; justify-content:flex-end; padding:21px; border:1px solid rgba(255,255,255,.1); border-radius:21px; background:radial-gradient(circle at 80% 15%,rgba(106,157,187,.15),transparent 32%),linear-gradient(150deg,#0c121c,#04060a); scroll-snap-align:center; }
.lead-method-rail b { margin-bottom:auto; color:var(--lead-gold); font-size:9px; }
.lead-method-rail span { font-size:25px; line-height:1.02; }
.lead-method-rail p { margin:12px 0 0; color:#929aa6; font-size:11px; }

.lead-projects { display:grid; gap:8px; }
.lead-projects a { min-height:74px; display:grid; grid-template-columns:48px minmax(0,1fr) 24px; gap:12px; align-items:center; padding:11px; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:linear-gradient(110deg,rgba(255,255,255,.025),rgba(241,204,118,.035)); color:#f0ede7; text-decoration:none; }
.lead-projects a>span { width:48px; aspect-ratio:1; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:50%; background:#080b11; }
.lead-projects img { width:100%; height:100%; object-fit:cover; }
.lead-projects small,.lead-projects strong { display:block; }
.lead-projects small { color:#858d99; font-size:8px; }
.lead-projects strong { margin-top:3px; font-size:14px; }
.lead-projects i { color:var(--lead-gold); font-style:normal; }

.lead-final { display:grid; gap:24px; align-items:end; padding:28px 20px; border:1px solid rgba(241,204,118,.34); border-radius:24px; background:radial-gradient(circle at 85% 20%,rgba(241,204,118,.13),transparent 35%),linear-gradient(150deg,#10131a,#05070b); }
.lead-final h2 { max-width:740px; margin:0; font-size:clamp(36px,9vw,68px); font-weight:370; line-height:.96; letter-spacing:-.05em; }
.lead-final p:last-child { max-width:600px; margin:15px 0 0; color:#9ca3ae; font-size:13px; }
.lead-final .button { width:100%; border:0; }

@media (min-width:760px) {
  .lead-hero { align-items:center; padding:110px 0 70px; }
  .lead-hero__visual { left:42%; }
  .lead-hero__visual img { object-position:center 22%; }
  .lead-hero::before { background:linear-gradient(90deg,#020308 0,rgba(2,3,8,.9) 42%,rgba(2,3,8,.18) 76%),linear-gradient(180deg,transparent,#020308 94%); }
  .lead-hero__content { display:grid; grid-template-columns:minmax(0,680px) 1fr; }
  .lead-hero__content>* { grid-column:1; }
  .lead-hero__proof { max-width:620px; }
  .lead-lab { padding:20px; }
  .lead-lab__inputs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .lead-radar { height:540px; }
  .lead-results>header { grid-template-columns:1fr auto; align-items:end; }
  .lead-results__cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .lead-result-card { grid-template-columns:42px minmax(0,1fr); }
  .lead-result-card>i { display:none; }
  .lead-video-grid { grid-template-columns:minmax(0,1fr) minmax(300px,420px); }
  .lead-video-copy { padding-left:4vw; }
  .lead-method-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; overflow:visible; }
  .lead-method-rail article { min-width:0; min-height:360px; }
  .lead-projects { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .lead-final { grid-template-columns:minmax(0,1fr) auto; padding:42px; }
  .lead-final .button { width:auto; min-width:240px; }
}

@media (max-width:430px) {
  .lead-hero { min-height:calc(100svh - 68px); padding-bottom:20px; }
  .lead-hero h1 { font-size:clamp(40px,12.2vw,54px); }
  .lead-hero .hero-lead { font-size:14px; }
  .lead-hero .hero-actions { display:grid; }
  .lead-hero .button { width:100%; }
  .lead-search-section,.lead-video-section,.lead-method-section,.lead-projects-section,.lead-final-section { padding:72px 0; }
  .lead-radar { height:410px; }
  .lead-console { margin-inline:-7px; border-radius:20px; }
  .lead-lab { padding:10px; }
}

@media (prefers-reduced-motion:reduce) {
  .lead-lab__start { animation:none; }
  .lead-lab__progress b,.lead-lab__nodes span { transition:none; }
}