/* ===== Lead Generation page (solutions/lead-generation/page.css). Every class carries the lgx- prefix; kit classes are bmk-, page types pt-.
   T3 detail page: breadcrumb, family strip, split hero with one contained film (the page's only loop), then the body.
   Cut and veiled 11 Nov 2026 (brief 3): proof strip, three ways in, the country test, questions, close. White or the light
   surface with hairlines; ink text and tags, one amber spark per visual. Breakpoints follow the site: 1080, 820, 560. */
.lgx-k{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}
.lgx-side-lede{max-width:30ch}

/* ---------- 1 · hero: the film frame (square 1000 x 1000; upright 900 x 1125 on phones) ---------- */
.lgx-hero .pt-hero-visual>.film{aspect-ratio:1/1}
@media (max-width:640px){.lgx-hero .pt-hero-visual>.film{aspect-ratio:900/1125}}

/* ---------- 2 · proof strip ---------- */
.lgx-proof-cell{padding-block:clamp(30px,3.6vw,48px)!important}
.lgx-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lgx-pf{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"b viz" "l l";column-gap:clamp(14px,1.8vw,28px);row-gap:12px;align-items:center;padding:4px clamp(16px,2.4vw,36px);border-left:1px solid var(--rule);min-width:0}
.lgx-pf:first-child{padding-left:0;border-left:0}
.lgx-pf>b{grid-area:b;font-family:var(--mono);font-weight:500;font-size:clamp(36px,3.8vw,54px);letter-spacing:-.05em;line-height:1;white-space:nowrap}
.lgx-pf-l{grid-area:l;font-size:15px;line-height:1.45;color:var(--fg2);max-width:32ch}
.lgx-pf-viz{grid-area:viz;justify-self:end;min-width:0}
.lgx-pf-bars{display:grid;grid-template-columns:minmax(40px,120px) auto;column-gap:10px;row-gap:7px;align-items:center;width:100%;max-width:210px}
.lgx-pf-bars i{display:block;height:8px;border-radius:4px;background:var(--sand3);width:calc(var(--w) * 100%);transform-origin:0 50%;transform:scaleX(0);transition:transform .95s var(--bmk-move)}
.lgx-pf-bars i:first-of-type{background:var(--amber)}
.lgx-pf-bars i:nth-of-type(2){transition-delay:.12s}
.lgx-pf-bars i:nth-of-type(3){transition-delay:.24s}
.lgx-pf-bars em{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--taupe);white-space:nowrap}
/* the narrowing: the spark sits on what is called first, not on the whole market */
.lgx-pf-nar{row-gap:6px}
.lgx-pf-nar i:first-of-type{background:var(--sand3)}
.lgx-pf-nar i:last-of-type{background:var(--amber)}
.lgx-pf-ppl{display:flex;gap:7px;align-items:flex-end}
.lgx-pf-ppl i{position:relative;display:block;width:20px;height:26px;opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .55s var(--bmk-enter)}
.lgx-pf-ppl i::before{content:"";position:absolute;left:5px;top:0;width:10px;height:10px;border-radius:50%;background:var(--sand3)}
.lgx-pf-ppl i::after{content:"";position:absolute;left:0;bottom:0;width:20px;height:13px;border-radius:10px 10px 3px 3px;background:var(--sand3)}
.lgx-pf-ppl i.lgx-on::before,.lgx-pf-ppl i.lgx-on::after{background:var(--ink)}
.lgx-pf-ppl i:nth-child(2){transition-delay:.07s}.lgx-pf-ppl i:nth-child(3){transition-delay:.14s}.lgx-pf-ppl i:nth-child(4){transition-delay:.21s}
.bmk-seen .lgx-pf-bars i{transform:scaleX(1)}
.bmk-seen .lgx-pf-ppl i{opacity:1;transform:none}
.lgx-proof-src{margin-top:20px;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--fg3)}
@media (max-width:1080px){
  .lgx-pf{grid-template-columns:minmax(0,1fr);grid-template-areas:"b" "viz" "l"}
  .lgx-pf-viz{justify-self:start}
}
@media (max-width:820px){
  .lgx-proof-row{grid-template-columns:minmax(0,1fr)}
  .lgx-pf{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"b viz" "l l";padding:20px 0;border-left:0;border-top:1px solid var(--rule)}
  .lgx-pf:first-child{padding-top:0;border-top:0}
  .lgx-pf-viz{justify-self:end}
}

/* ---------- 3 · three ways in ---------- */
.lgx-ways{border:1px solid var(--edge);border-radius:24px;background:var(--raised);overflow:hidden;box-shadow:0 1px 0 rgba(92,83,69,.04),0 40px 80px -56px rgba(92,83,69,.5)}
.lgx-ways-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--rule)}
.lgx-ways-tabs [role="tab"]{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"g k" "g t";column-gap:16px;row-gap:4px;align-items:center;padding:22px clamp(18px,2.2vw,30px) 24px;border-right:1px solid var(--rule);background:var(--subtle);transition:background-color .3s ease;min-width:0}
.lgx-ways-tabs [role="tab"]:last-child{border-right:0}
.lgx-ways-tabs [role="tab"]:hover{background:var(--raised)}
.lgx-ways-tabs [role="tab"][aria-selected="true"]{background:var(--raised)}
.lgx-ways-tabs [role="tab"]:focus-visible{outline:2px solid var(--sapphire);outline-offset:-3px}
.lgx-ways-tabs .lgx-k{grid-area:k}
.lgx-ways-tabs b{grid-area:t;font-size:clamp(17px,1.55vw,21px);line-height:1.2;letter-spacing:-.02em;font-weight:600;color:var(--fg3);transition:color .3s ease}
.lgx-ways-tabs [aria-selected="true"] b{color:var(--fg)}
.lgx-ways-tabs .bmk-fill{left:0;right:0;bottom:-1px;height:3px;border-radius:0}
.lgx-gauge{grid-area:g;display:flex;align-items:flex-end;gap:3px;height:26px}
.lgx-gauge i{display:block;width:6px;border-radius:2px;background:var(--sand3)}
.lgx-gauge i:nth-child(1){height:42%}.lgx-gauge i:nth-child(2){height:71%}.lgx-gauge i:nth-child(3){height:100%}
.lgx-gauge[data-n="3"] i,.lgx-gauge[data-n="2"] i:nth-child(-n+2),.lgx-gauge[data-n="1"] i:first-child{background:var(--taupe)}
[aria-selected="true"] .lgx-gauge[data-n="3"] i,[aria-selected="true"] .lgx-gauge[data-n="2"] i:nth-child(-n+2),[aria-selected="true"] .lgx-gauge[data-n="1"] i:first-child{background:var(--ink)}
.lgx-ways-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.lgx-work{padding:clamp(20px,2.8vw,40px);background:var(--sand0);border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:16px;min-width:0}
.lgx-work-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.lgx-work-n{font-size:14px;color:var(--taupe)}
.lgx-work-n b{display:none;font-family:var(--mono);font-size:22px;font-weight:500;color:var(--ink);margin-right:4px;letter-spacing:-.03em}
.lgx-ways[data-kit-i="0"] .lgx-work-n b[data-for="0"],.lgx-ways[data-kit-i="1"] .lgx-work-n b[data-for="1"],.lgx-ways[data-kit-i="2"] .lgx-work-n b[data-for="2"]{display:inline}
.lgx-zone{display:flex;flex-direction:column;gap:8px}
.lgx-zone-calls{padding-top:14px;border-top:1px dashed var(--hair2)}
.lgx-zone-k{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--taupe);padding:0 2px 2px}
.lgx-zone-k em{font-style:normal;color:var(--ink)}
.lgx-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:14px;align-items:center;padding:13px 16px;border-radius:14px;background:rgba(255,253,250,0);box-shadow:inset 0 0 0 1.5px rgba(92,83,69,.2);transition:background-color .55s var(--bmk-enter),box-shadow .55s var(--bmk-enter),transform .55s var(--bmk-enter);transition-delay:calc(var(--d) * 70ms)}
.lgx-step::after{content:"";position:absolute;inset:0;border-radius:14px;border:1.5px dashed rgba(92,83,69,.3);transition:opacity .4s ease;transition-delay:calc(var(--d) * 70ms);pointer-events:none}
.lgx-step-i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-family:var(--mono);font-size:12px;color:#A3988A;box-shadow:inset 0 0 0 1px rgba(92,83,69,.2);transition:background-color .45s ease,color .45s ease;transition-delay:calc(var(--d) * 70ms)}
.lgx-step-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.lgx-step-t b{font-size:16.5px;font-weight:600;letter-spacing:-.015em;color:#A3988A;transition:color .45s ease;transition-delay:calc(var(--d) * 70ms)}
.lgx-step-t span{font-size:13.5px;color:#B2A898;transition:color .45s ease;transition-delay:calc(var(--d) * 70ms)}
.lgx-step-x{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#A3988A;transition:opacity .3s ease}
/* lit: the step is part of this way in */
.lgx-ways[data-kit-i="0"] .lgx-step[data-on~="0"],.lgx-ways[data-kit-i="1"] .lgx-step[data-on~="1"],.lgx-ways[data-kit-i="2"] .lgx-step[data-on~="2"]{background:var(--object);box-shadow:0 0 0 1px rgba(92,83,69,.06),0 1px 2px rgba(92,83,69,.06),0 14px 30px -18px rgba(92,83,69,.4)}
.lgx-ways[data-kit-i="0"] .lgx-step[data-on~="0"]::after,.lgx-ways[data-kit-i="1"] .lgx-step[data-on~="1"]::after,.lgx-ways[data-kit-i="2"] .lgx-step[data-on~="2"]::after{opacity:0}
.lgx-ways[data-kit-i="0"] .lgx-step[data-on~="0"] .lgx-step-i,.lgx-ways[data-kit-i="1"] .lgx-step[data-on~="1"] .lgx-step-i,.lgx-ways[data-kit-i="2"] .lgx-step[data-on~="2"] .lgx-step-i{background:var(--ink);color:#FFFFFF;box-shadow:none}
.lgx-ways[data-kit-i="0"] .lgx-step[data-on~="0"] b,.lgx-ways[data-kit-i="1"] .lgx-step[data-on~="1"] b,.lgx-ways[data-kit-i="2"] .lgx-step[data-on~="2"] b{color:var(--ink)}
.lgx-ways[data-kit-i="0"] .lgx-step[data-on~="0"] .lgx-step-t span,.lgx-ways[data-kit-i="1"] .lgx-step[data-on~="1"] .lgx-step-t span,.lgx-ways[data-kit-i="2"] .lgx-step[data-on~="2"] .lgx-step-t span{color:var(--fg3)}
.lgx-ways[data-kit-i="0"] .lgx-step[data-on~="0"] .lgx-step-x,.lgx-ways[data-kit-i="1"] .lgx-step[data-on~="1"] .lgx-step-x,.lgx-ways[data-kit-i="2"] .lgx-step[data-on~="2"] .lgx-step-x{opacity:0}
.lgx-step::after{opacity:1}
.lgx-ways-panels{display:grid;padding:clamp(22px,3.2vw,48px);min-width:0}
/* the big line and what you get, centred as one block beside the work stack */
.lgx-way{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,2.6vw,36px);min-width:0}
.lgx-say{font-size:clamp(28px,3.2vw,46px);line-height:1.08;letter-spacing:-.038em;font-weight:700;color:var(--fg)}
.lgx-say span{color:var(--fg3)}
.lgx-spec{display:grid;margin:0;border-top:1px solid var(--rule)}
.lgx-spec>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:15px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.lgx-spec dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg3)}
.lgx-spec dd{margin:0;font-size:16px;line-height:1.5;color:var(--fg)}
@media (max-width:820px){
  .lgx-ways-body{grid-template-columns:minmax(0,1fr)}
  .lgx-work{border-right:0;border-bottom:1px solid var(--rule)}
}
@media (max-width:640px){
  .lgx-ways-tabs{grid-template-columns:minmax(0,1fr)}
  .lgx-ways-tabs [role="tab"]{border-right:0;border-bottom:1px solid var(--rule);padding:16px 18px 18px}
  .lgx-ways-tabs [role="tab"]:last-child{border-bottom:0}
  .lgx-spec>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .lgx-step{padding:12px 13px;column-gap:12px}
  .lgx-step-x{display:none}
}

/* ---------- 4 · the country test ---------- */
.lgx-lab-lede{max-width:30ch}
.lgx-lab-stage{border:1px solid var(--edge);border-radius:24px;background:var(--subtle);padding:clamp(16px,3vw,44px)}
.lgx-lab-ch{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,26px)}
.lgx-lab-top{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap}
.lgx-lab-q{font-size:clamp(19px,1.8vw,24px);font-weight:600;letter-spacing:-.02em}
.lgx-badge{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;white-space:nowrap}
.lgx-badge.lgx-badge-real{background:var(--ink);color:#FFFFFF}
.lgx-obj{background:var(--object);border-radius:18px;box-shadow:var(--bmk-lift);min-width:0}
.lgx-ab{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(12px,2vw,26px);align-items:center}
.lgx-seg{position:relative;overflow:hidden;padding:clamp(18px,2.4vw,32px);display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"h h" "w r";gap:20px clamp(18px,2.4vw,32px);align-items:end}
.lgx-seg-h{grid-area:h;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.lgx-seg-h b{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.035em;font-weight:700}
.lgx-waf{grid-area:w;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;width:clamp(118px,13vw,184px)}
.lgx-waf i{display:block;aspect-ratio:1;border-radius:2.5px;background:var(--sand2)}
.lgx-seg-r{grid-area:r;display:flex;flex-direction:column;gap:10px;min-width:0}
.lgx-seg-r b{font-family:var(--mono);font-size:clamp(44px,5vw,78px);font-weight:500;letter-spacing:-.055em;line-height:1}
.lgx-seg-r span{font-size:14px;line-height:1.35;color:var(--fg3)}
.lgx-spark{position:absolute;left:0;top:0;right:0;height:5px;background:var(--amber);transform-origin:0 50%}
.lgx-vs{font-family:var(--mono);font-size:13px;color:var(--taupe);text-align:center}
.lgx-lab-foot{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}
.lgx-verdict{display:inline-flex;align-items:center;gap:12px;font-size:clamp(17px,1.6vw,21px);font-weight:600;letter-spacing:-.015em}
.lgx-verdict i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#FFFFFF}
.lgx-src{font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--taupe)}
/* the page's one open question, with the mid-page button */
.lgx-ask{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:clamp(20px,2.4vw,32px);padding:clamp(18px,2.2vw,28px) clamp(20px,2.6vw,36px);border-radius:20px;background:var(--sand0)}
.lgx-ask p{flex:1 1 300px;font-size:clamp(18px,1.6vw,21px);line-height:1.4;letter-spacing:-.015em;color:var(--fg2)}
.lgx-ask p b{color:var(--fg);font-weight:600}
.lgx-ask .btn{flex:none}
@media (max-width:820px){.lgx-ab{grid-template-columns:minmax(0,1fr)}}

/* ---------- 5 · questions ---------- */
.lgx-faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,5vw,88px);align-items:start}
.lgx-faq-head{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
@media (max-width:820px){.lgx-faq-grid{grid-template-columns:minmax(0,1fr)}.lgx-faq-head{position:static}}

/* ---------- 6 · close: the reason to book, two doors ---------- */
.lgx-end-cell{padding-block:clamp(84px,10vw,150px)!important}
.lgx-end-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:end}
.lgx-end-t{display:flex;flex-direction:column;gap:22px}
.lgx-end-h{font-size:clamp(42px,6.2vw,96px);max-width:12ch}
.lgx-end-s{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--fg2);max-width:36ch;padding-bottom:10px}
.lgx-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(36px,4.4vw,64px)}
.lgx-door{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:300px;padding:clamp(24px,3vw,44px);border-radius:22px;border:1px solid var(--field);background:var(--paper);color:inherit;transition:transform .2s ease,border-color .2s ease}
.lgx-door:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--fg3)}
.lgx-door>b{font-size:clamp(28px,2.8vw,40px);line-height:1.05;letter-spacing:-.04em;font-weight:700;max-width:16ch}
.lgx-door-s{font-size:16px;line-height:1.5;color:var(--fg2);max-width:36ch}
.lgx-door .btn{margin-top:auto}
.lgx-door-list{background:var(--sand0);border-color:transparent}
.lgx-door-list:hover{border-color:var(--sand3)}
.lgx-next{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:8px 18px;margin-top:28px;padding:22px 4px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);color:inherit}
.lgx-next:hover{text-decoration:none;background:var(--subtle)}
.lgx-next b{font-size:clamp(20px,1.9vw,26px);letter-spacing:-.025em}
.lgx-next span:not(.lgx-k){font-size:15px;color:var(--fg3)}
.lgx-next i{font-style:normal;font-size:22px;transition:transform .2s ease}
.lgx-next:hover i{transform:translateX(4px)}
@media (max-width:820px){.lgx-end-head{grid-template-columns:minmax(0,1fr);align-items:start}.lgx-end-s{padding-bottom:0}.lgx-doors{grid-template-columns:minmax(0,1fr)}.lgx-door{min-height:0}}
@media (max-width:560px){.lgx-next{grid-template-columns:auto minmax(0,1fr) auto}.lgx-next span:not(.lgx-k){grid-column:1/-1;grid-row:2}}