/* Rivenditori */
.b2b-hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:28px 64px;align-items:end}
.b2b-hero .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.b2b-hero .aside{font:500 1.05rem/1.7 var(--f-body);color:var(--snow);max-width:26em;margin:0}
.b2b-hero .aside b{font-weight:600}

/* six reasons: a list that lights up bulb by bulb as you read */
.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,96px);align-items:start}
.why-head{position:sticky;top:calc(var(--hdr) + 40px)}
.why-head .pic{margin-top:36px;aspect-ratio:4/3;border-radius:4px;overflow:hidden}
.why-head .pic img{width:100%;height:100%;object-fit:cover}
.reasons{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.reasons li{display:grid;grid-template-columns:44px 1fr;gap:6px 18px;padding:28px 0;border-bottom:1px solid var(--line)}
.reasons svg{grid-row:span 2;width:34px;height:34px;color:oklch(0.55 0.03 32);transition:color .6s var(--ease-out),filter .6s var(--ease-out)}
.reasons li.on svg{color:var(--amber);filter:drop-shadow(0 4px 10px color-mix(in oklch,var(--amber) 45%,transparent))}
.reasons h3{font-size:clamp(1.35rem,2vw,1.75rem)}
.reasons p{margin:0;color:var(--on-dark-soft);max-width:36em}

/* three steps along a string of lights */
.steps-sec{background:var(--wall)}
.steps-wrap{position:relative;margin-top:clamp(48px,6vw,80px)}
.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px);list-style:none;margin:0;padding:0}
.steps-wrap .wire{position:absolute;left:0;right:0;top:0;width:100%;height:70px;pointer-events:none;overflow:visible}
.steps-wrap .wire path{fill:none;stroke:oklch(0.5 0.05 60);stroke-width:1.5;vector-effect:non-scaling-stroke}
.steps-wrap.on .bulb{background:var(--amber);color:var(--night);box-shadow:0 0 0 6px color-mix(in oklch,var(--amber) 15%,transparent),0 10px 40px color-mix(in oklch,var(--amber) 45%,transparent)}
.steps li{position:relative;padding-top:92px}
.steps .bulb{position:absolute;top:14px;left:0;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font:800 1.5rem/1 var(--f-display);color:oklch(0.62 0.03 60);background:oklch(0.26 0.03 45);box-shadow:inset 0 0 0 1.5px oklch(0.45 0.04 60);transition:background-color .7s var(--ease-out),color .7s var(--ease-out),box-shadow .7s var(--ease-out);transition-delay:calc(var(--i) * .45s)}
.steps.on .bulb{background:var(--amber);color:var(--night);box-shadow:0 0 0 6px color-mix(in oklch,var(--amber) 15%,transparent),0 10px 40px color-mix(in oklch,var(--amber) 45%,transparent)}
.steps h3{font-size:clamp(1.4rem,2vw,1.8rem)}
.steps p{margin:12px 0 0;color:var(--on-wall-soft);max-width:30em}

/* request form */
.req{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,96px);align-items:start}
.req ul{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.req ul li{display:flex;gap:12px;align-items:flex-start;color:var(--on-dark-soft)}
.req ul svg{flex:none;width:22px;height:22px;color:var(--amber);margin-top:2px}
.req-card{padding:clamp(24px,3.4vw,44px);border-radius:4px;background:var(--raised);box-shadow:inset 0 0 0 1px var(--line)}

.faq-sec .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.faq-sec .sec-intro{position:sticky;top:calc(var(--hdr) + 40px)}
.faq-sec .sec-intro p{color:var(--on-dark-soft);margin:18px 0 0}
.callus{margin:0}
.callus a{color:var(--amber);font-weight:600}

@media (max-width:900px){
  .b2b-hero .wrap,.why,.req,.faq-sec .wrap{grid-template-columns:1fr}
  .why-head,.faq-sec .sec-intro{position:static}
  .steps{grid-template-columns:1fr;gap:8px}
  .steps-wrap .wire{display:none}
  .steps li{padding:0 0 32px 84px;min-height:92px}
  .steps li::before{content:"";position:absolute;left:29px;top:74px;bottom:0;width:1.5px;background:oklch(0.5 0.05 60)}
  .steps li:last-child::before{display:none}
}