/* Final screenshot-area alignment polish: selection cards + mobile demo rhythm */
@media(min-width:981px){
  .setup-wrap{grid-template-columns:minmax(430px,.86fr) minmax(620px,1fr);gap:34px;align-items:center;padding-top:18px;padding-bottom:42px;min-height:calc(100vh - 78px)}
  .setup-copy{align-self:center;display:flex;flex-direction:column;justify-content:center;padding:22px 24px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 90px rgba(0,0,0,.22)}
  .setup-copy h1{font-family:Inter,'Noto Sans Devanagari','Noto Sans Bengali',system-ui,sans-serif!important;font-size:clamp(36px,3.55vw,52px)!important;line-height:1.11!important;font-weight:690!important;letter-spacing:-.04em!important;max-width:620px!important;text-shadow:none!important}
  .setup-copy p{font-size:16.5px;line-height:1.55;margin:18px 0 0;max-width:590px}.trust-bar{margin-top:18px!important}.language-box{margin-top:18px!important}.answer-card{margin-top:14px!important}.setup-preview{margin-top:16px!important}
  .scenario-panel{align-self:center;padding:18px 18px 20px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.055));box-shadow:0 34px 110px rgba(0,0,0,.32)}
  .panel-head{padding:8px 8px 14px}.panel-head span{font-size:18px;letter-spacing:-.025em}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.scenario-card{min-height:126px!important;padding:14px 14px 13px;border-radius:22px;gap:4px;background:rgba(255,255,255,.065)}
  .business-logo{width:38px;height:38px;border-radius:13px}.scenario-card b{font-size:15.5px;line-height:1.15;font-weight:840;letter-spacing:-.025em}.scenario-card small{font-size:11.5px;line-height:1.3}.scenario-card i{font-size:11.5px;line-height:1.35}.scenario-card em{font-size:11px;line-height:1.3}.start-demo{margin-top:14px!important;min-height:50px;border-radius:20px}
}

@media(max-width:620px){
  .os-shell{margin-top:14px}.owner-hero{padding:16px 16px 18px;border-radius:28px}.owner-hero .kicker{margin-bottom:18px}.scenario-eyebrow{margin-bottom:16px}.demo-bridge{margin-bottom:2px}.os-orb-wrap{margin-top:24px!important;padding-top:24px!important;padding-bottom:6px!important;min-height:276px!important;display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:11px 10px}.os-orb{order:1;margin:0 74px 4px!important;width:170px!important;height:170px!important;flex:0 0 170px!important}.orbit-chip{position:static!important;order:2;flex:1 1 calc(33.333% - 8px);min-width:0!important;max-width:none!important;text-align:center;padding:9px 7px;border-radius:14px;font-size:9.2px;line-height:1.18;white-space:normal;animation:none!important}.stat-grid{margin-top:18px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.stat-card{padding:14px 12px!important;border-radius:20px!important;min-height:118px;display:flex;flex-direction:column;justify-content:space-between}.stat-card strong{font-size:25px!important;margin-top:7px}.stat-card em{font-size:10.7px;line-height:1.35;margin-top:7px}.module-rail{margin-top:16px;padding:14px 0 16px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:10px;overflow:visible}.module-btn{white-space:normal;text-align:center;border-radius:16px;padding:12px 9px;min-height:46px;font-size:12.5px;line-height:1.12}.module-view{margin-top:4px;padding:18px 15px;border-radius:26px;min-height:auto}.module-title{padding-top:2px}.module-title .kicker{margin-bottom:12px}.module-title h2{font-size:clamp(27px,8vw,34px);line-height:1.05;letter-spacing:-.045em;margin-bottom:12px}.roi-panel{margin-top:16px!important;gap:12px}.roi-big,.roi-bars{padding:17px 15px;border-radius:22px}.roi-big strong{font-size:42px;margin:9px 0}.roi-big p{font-size:13px;line-height:1.48}.roi-bars{gap:13px}.roi-bars div{gap:8px}.roi-bars span,.roi-bars b{font-size:12px}
}

@media(max-width:390px){
  .os-orb{margin-left:70px!important;margin-right:70px!important}.orbit-chip{font-size:8.7px;padding:8px 5px}.module-btn{font-size:12px}.stat-card{min-height:112px;padding:13px 10px!important}
}

/* Keep desktop selection panel aligned with the left story, not floating mid-page */
@media(min-width:981px){
  .setup-wrap{align-items:start!important;padding-top:26px!important}.setup-copy,.scenario-panel{align-self:start!important}.scenario-panel{margin-top:0!important}
}

@media(min-width:981px){
  .setup-wrap{grid-template-columns:minmax(520px,.96fr) minmax(570px,1.04fr)!important;gap:28px!important}.setup-copy h1{max-width:600px!important}.scenario-panel{width:100%}
}

/* Blend active/focus states so selected pills do not cast visible blocks behind them */
.lang-btn.active,
.module-btn.active{
  background:linear-gradient(135deg,rgba(31,217,255,.94),rgba(79,125,255,.94));
  border-color:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(3,8,20,.18), 0 8px 18px rgba(31,217,255,.10)!important;
}
.module-btn:focus,
.module-btn:active,
.lang-btn:focus,
.lang-btn:active,
.ghost-mini:focus,
.ghost-mini:active,
.demo-flow-back:focus,
.demo-flow-back:active{
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(126,231,255,.16)!important;
}
.module-btn.active:focus,
.module-btn.active:active,
.lang-btn.active:focus,
.lang-btn.active:active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(3,8,20,.18), 0 0 0 1px rgba(126,231,255,.18)!important;
}
.scenario-card.selected{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 0 0 1px rgba(31,217,255,.16)!important;
}
@media(max-width:620px){
  .module-rail{background:linear-gradient(180deg,rgba(5,11,24,.94),rgba(5,11,24,.82));border-radius:18px;padding:10px!important;margin:16px -2px 12px!important;border:1px solid rgba(255,255,255,.06)}
  .module-btn.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 0 0 1px rgba(126,231,255,.14)!important}
}

/* Final active-pill cleanup: no external glow rectangles on selected navigation */
.lang-btn.active,
.module-btn.active,
.module-btn.active:hover,
.module-btn.active:focus,
.module-btn.active:active,
.lang-btn.active:hover,
.lang-btn.active:focus,
.lang-btn.active:active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(3,8,20,.18), 0 0 0 1px rgba(126,231,255,.14)!important;
}

/* CRO closer: post-demo conversion panel */
.conversion-panel{
  margin-top:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:34px;
  padding:24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);
  gap:22px;
  background:linear-gradient(135deg,rgba(31,217,255,.12),rgba(79,125,255,.07) 44%,rgba(255,79,216,.08));
  box-shadow:0 28px 90px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.conversion-copy h2{margin:0;font-size:clamp(30px,4.1vw,56px);line-height:1.02;letter-spacing:-.055em;font-weight:790;max-width:760px}.conversion-copy p{color:rgba(245,250,255,.68);line-height:1.62;max-width:720px;font-size:15.5px}.conversion-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.conversion-trust span{border:1px solid rgba(255,255,255,.12);background:rgba(5,11,24,.36);border-radius:999px;padding:9px 11px;color:rgba(245,250,255,.78);font-size:12px;font-weight:850}.conversion-card{border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:19px;background:rgba(5,11,24,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.conversion-card>b{font-size:18px;letter-spacing:-.02em}.conversion-card ol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px;counter-reset:step}.conversion-card li{position:relative;padding:13px 13px 13px 48px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.045)}.conversion-card li:before{counter-increment:step;content:counter(step);position:absolute;left:13px;top:14px;width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:white;font:900 11px/1 Inter,system-ui,sans-serif}.conversion-card strong{display:block;font-size:13.5px}.conversion-card small{display:block;margin-top:4px;color:rgba(245,250,255,.56);line-height:1.4}.conversion-cta{width:100%;margin-top:16px;border:0;border-radius:18px;padding:14px 16px;color:white;font-weight:920;cursor:pointer;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--violet));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 16px 42px rgba(31,217,255,.16)}.conversion-note{display:block;text-align:center;margin-top:10px!important;color:rgba(245,250,255,.48)!important}
@media(max-width:900px){.conversion-panel{grid-template-columns:1fr}.conversion-card{order:2}}
@media(max-width:620px){.conversion-panel{margin-top:14px;padding:17px 14px;border-radius:26px;gap:16px}.conversion-copy h2{font-size:29px;line-height:1.07;letter-spacing:-.045em}.conversion-copy p{font-size:13.5px;line-height:1.52}.conversion-trust{gap:7px;margin-top:13px}.conversion-trust span{font-size:10.8px;padding:8px 9px}.conversion-card{border-radius:22px;padding:15px}.conversion-card li{padding:12px 11px 12px 45px}.conversion-cta{min-height:50px;border-radius:16px;font-size:14px}}

/* Lighter professional trust chips in Next Step panel */
.conversion-trust span{font-weight:520!important;letter-spacing:-.005em;color:rgba(245,250,255,.74)}
