/* /aseguradoras · Cortex Enterprise · prefijo .as- */

/* ── Hero: texto, el dolor y la consola ──────────────────────────────── */
.as-hero-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:clamp(28px,5vw,64px);align-items:end}
.as-hero-copy{min-width:0}
.as-hero .h-xl{font-size:clamp(36px,4.4vw,60px)}
.as-pain{padding:22px 22px 18px;border-radius:var(--r-lg);background:#0b1633d9;border:1px solid #ffffff2b;box-shadow:var(--sh-3);color:#dfe6fb}
.as-pain-n{display:flex;align-items:baseline;gap:4px;line-height:.9;color:#f2b84b}
.as-pain-n b{font:600 clamp(64px,6vw,84px)/.9 var(--sans);letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.as-pain-n span{font:500 30px var(--sans)}
.as-pain-t{margin-top:10px;font:500 17px/1.35 var(--sans);color:#fff}
.as-pain-t2{margin-top:8px;font-size:14px;line-height:1.45;color:#c4cde4}
.as-pain-src{margin-top:12px;font-size:10px!important;color:#97a3c4!important}

.as-con{margin:clamp(36px,5vw,56px) 0 0;border-radius:var(--r-lg);background:#0b1633;border:1px solid #ffffff2b;box-shadow:0 50px 100px -40px #000c;overflow:hidden}
.as-con-bar{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid #ffffff1a;background:#101d40}
.as-con-dots{display:flex;gap:6px}
.as-con-dots i{width:10px;height:10px;border-radius:50%;background:#ffffff26}
.as-con-title{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1;color:#fff;white-space:nowrap;overflow:hidden}
.as-con-title b{font:600 14px var(--sans)}
.as-con-title span{font-size:13px;color:#97a3c4;overflow:hidden;text-overflow:ellipsis}
.as-con-live{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:var(--pill);background:#ffffff14;color:#dfe6fb!important;font-size:10.5px!important}
.as-con-live i{width:7px;height:7px;border-radius:50%;background:#3ee08a;animation:as-live 1.8s ease-out infinite}
.as-con.is-storm .as-con-live i{background:#f2b84b;animation-name:as-live-a}
@keyframes as-live{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
@keyframes as-live-a{0%,100%{opacity:1;scale:1}50%{opacity:.45;scale:.78}}
.as-con-body{display:grid;grid-template-columns:minmax(0,1fr) 300px}
.as-con-map{position:relative;aspect-ratio:700/421;min-width:0;background:#0b1633;overflow:hidden}
.as-map-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.as-dim{fill:#0b1633;opacity:.28}
.as-swath{fill:none;stroke:url(#as-hatch);stroke-dasharray:1;stroke-dashoffset:var(--sw,1)}
.as-swath-edge{fill:none;stroke:#ffd37a;stroke-width:1.4;stroke-dasharray:6 5;opacity:0;transition:opacity .6s}
.as-con.is-after .as-swath-edge{opacity:.85}
.as-conc{opacity:0;transition:opacity .5s}
.as-con.is-before .as-conc{opacity:1}
.as-conc circle{fill:#9fb6ff;fill-opacity:.12;stroke:#fff;stroke-width:1.5;stroke-dasharray:5 5;transform-box:fill-box;transform-origin:center;animation:as-spin 18s linear infinite}
@keyframes as-spin{to{transform:rotate(1turn)}}
.as-conc text{font:700 11px var(--mono);fill:#fff;text-anchor:middle;letter-spacing:.04em;paint-order:stroke;stroke:#0b1633;stroke-width:4px;stroke-linejoin:round}
.as-pol-c{fill:#fff;stroke:#1d3c8f;stroke-width:2;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform .35s calc(var(--k) * 12ms) cubic-bezier(.22,1,.36,1),fill .35s,stroke .35s}
.as-con.is-dots .as-pol-c{transform:none}
.as-pol.is-hit .as-pol-c{fill:#f2b84b;stroke:#7a4b00;animation:as-pop .5s ease}
@keyframes as-pop{50%{transform:scale(1.9)}}
.as-pol-v{fill:none;stroke-width:2.4;opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1)}
.as-con.is-verdict .as-pol[data-v=ok] .as-pol-v{stroke:#3ee08a;opacity:1;transform:none}
.as-con.is-verdict .as-pol[data-v=mid] .as-pol-v{stroke:#f2b84b;opacity:1;transform:none;stroke-dasharray:3 3}
.as-con.is-verdict .as-pol[data-v=no] .as-pol-v{stroke:#c4cde4;opacity:1;transform:none}
.as-con.is-verdict .as-pol[data-v=""] .as-pol-c{opacity:.45}
.as-storm{opacity:0;transition:opacity .5s}
.as-con.is-storm .as-storm{opacity:1}
.as-cell-0{fill:#f2b84b;fill-opacity:.1;stroke:#f2b84b;stroke-opacity:.7;stroke-dasharray:4 4}
.as-cell-2{fill:#ff4d3d;fill-opacity:.75;transform-box:fill-box;transform-origin:center;animation:as-breathe 1.2s ease-in-out infinite}
@keyframes as-breathe{50%{transform:scale(1.2)}}
.as-con-stamp{position:absolute;left:12px;top:12px;display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:var(--pill);background:#0b1633cc;color:#dfe6fb!important;font-size:10px!important}
.as-con-stamp b{font-weight:600;color:#fff}
.as-con-ver{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:var(--pill);background:#fff;color:var(--acc)!important;font-size:10px!important;font-weight:600;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.as-con.is-versioned .as-con-ver{opacity:1;transform:none}
.as-con-side{display:flex;flex-direction:column;gap:12px;padding:14px;border-left:1px solid #ffffff1a;min-width:0}
.as-kpis{display:flex;flex-direction:column;gap:8px}
.as-kpi{padding:11px 13px;border-radius:var(--r-md);background:#ffffff0d;border:1px solid #ffffff1a;transition:border-color .3s,background .3s}
.as-con.is-storm .as-kpi{border-color:#f2b84b66;background:#f2b84b0f}
.as-kpi-k{font-size:12px;color:#97a3c4}
.as-kpi-v{margin-top:2px;font:600 24px/1.15 var(--sans);letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums}
.as-bins{display:flex;flex-direction:column;gap:7px;padding-top:10px;border-top:1px solid #ffffff1a;opacity:.35;transition:opacity .4s}
.as-con.is-verdict .as-bins{opacity:1}
.as-bins-h{font-size:9.5px!important;color:#97a3c4!important}
.as-bin{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--r-sm);background:#ffffff0a;overflow:hidden;font-size:12.5px;color:#dfe6fb}
.as-bin b{font:600 14px var(--sans);color:#fff;font-variant-numeric:tabular-nums;position:relative}
.as-bin span{position:relative}
.as-bin i{position:absolute;left:0;top:0;bottom:0;width:100%;transform:scaleX(0);transform-origin:0 50%;transition:transform .8s cubic-bezier(.2,.8,.2,1);opacity:.28}
.as-con.is-verdict .as-bin i{transform:scaleX(var(--w))}
.as-bin-ok i{background:#3ee08a}.as-bin-mid i{background:#f2b84b}.as-bin-no i{background:#c4cde4}
.as-sign{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:10px!important;color:#dfe6fb!important;opacity:0;transform:translateY(4px);transition:opacity .3s .6s,transform .4s .6s}
.as-con.is-verdict .as-sign{opacity:1;transform:none}
.as-sign-ico{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#3ee08a}
.as-sign-ico svg{width:12px;height:12px;fill:none;stroke:#05301b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.as-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;border-top:1px solid #ffffff1a}
.as-ph{position:relative;display:flex;gap:12px;align-items:flex-start;padding:13px 16px 15px;color:#97a3c4;transition:background .3s}
.as-ph+.as-ph{border-left:1px solid #ffffff1a}
.as-ph-n{font-size:10px!important;color:#97a3c4!important;padding-top:3px}
.as-ph-t b{display:block;font:600 15px/1.2 var(--sans);color:#c4cde4;transition:color .3s}
.as-ph-t small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35}
.as-ph.is-on{background:#ffffff0a}
.as-ph.is-on b{color:#fff}
.as-ph.is-on .as-ph-n{color:#f2b84b!important}
.as-ph-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#f2b84b;transform:scaleX(0);transform-origin:0 50%}
.as-ph.is-on .as-ph-bar{transform:scaleX(var(--p,0))}
.as-ph.is-done .as-ph-bar{transform:scaleX(1);opacity:.3}
.as-con figcaption{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #ffffff1a;font-size:10px;color:#97a3c4}

/* ── Los cuatro módulos ──────────────────────────────────────────────── */
.as-mods-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:start}
.as-doors{display:flex;flex-direction:column;gap:8px}
.as-door{position:relative;overflow:hidden;display:grid;grid-template-columns:34px minmax(0,1fr) 24px;gap:12px;align-items:start;padding:16px 16px 18px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);transition:border-color .3s,box-shadow .3s,transform .35s cubic-bezier(.2,.8,.2,1),background .3s}
.as-door::before{content:"";position:absolute;inset:0;background:radial-gradient(260px 120px at 0% 0%,#9fb6ff55,transparent 70%);opacity:0;transition:opacity .4s}
.as-door.is-on{border-color:var(--acc);box-shadow:var(--sh-2);transform:translateX(6px)}
.as-door.is-on::before{opacity:1}
.as-door:hover .as-door-go{transform:translateX(3px)}
.as-door-n{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--line-2);font-size:11px!important;transition:background .3s,color .3s,border-color .3s}
.as-door.is-on .as-door-n{background:var(--acc);border-color:var(--acc);color:#fff!important}
.as-door-t{position:relative;display:flex;flex-direction:column;gap:3px;min-width:0}
.as-door-t b{font:600 17px/1.2 var(--sans);letter-spacing:-.01em}
.as-door-t em{font-style:normal;font:500 14px/1.35 var(--sans);color:var(--acc)}
.as-door-t small{display:grid;grid-template-rows:0fr;font-size:13.5px;line-height:1.45;color:var(--text);opacity:0;transition:grid-template-rows .4s,opacity .4s}
.as-door.is-on .as-door-t small{grid-template-rows:1fr;opacity:1}
.as-door-t small>span{min-height:0;overflow:hidden}
.as-door-go{position:relative;align-self:center;font-size:18px;color:var(--acc);transition:transform .2s}
.as-door-bar{position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px;background:var(--acc);transform:scaleX(0);transform-origin:0 50%;opacity:0}
.as-door.is-on .as-door-bar{opacity:1}
.as-mods.is-auto .as-door.is-on .as-door-bar{animation:as-fill 5.6s linear forwards}
@keyframes as-fill{to{transform:scaleX(1)}}
section.is-off .as-door-bar{animation-play-state:paused!important}
.as-vis{margin:0;min-width:0;position:sticky;top:96px}
.as-vis-frame{position:relative;display:grid;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--soft);box-shadow:var(--sh-2)}
.as-vis-pane{grid-area:1/1;position:relative;align-self:center;opacity:0;transform:scale(1.02);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.as-vis-pane.is-on{opacity:1;transform:none}
.as-vis-pane img{width:100%;height:auto}
.as-pin{position:absolute;display:flex;align-items:center;gap:6px;margin:-13px 0 0 -13px;opacity:0;transform:translateY(6px) scale(.9);transition:opacity .3s,transform .3s}
.as-pin-l{flex-direction:row-reverse;margin:-13px -13px 0 0}
.as-vis-pane.is-on .as-pin{opacity:1;transform:none;transition:opacity .35s calc(var(--k) * .4s + .45s),transform .45s calc(var(--k) * .4s + .45s) cubic-bezier(.22,1,.36,1)}
.as-pin i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--acc);color:#fff;font:700 12px var(--mono);font-style:normal;box-shadow:0 0 0 3px #fff,0 6px 16px -6px #0b1633}
.as-pin span{max-width:220px;padding:6px 10px;border-radius:var(--r-sm);background:#fffffff2;color:var(--ink);font:500 12.5px/1.3 var(--sans);box-shadow:0 8px 20px -10px #0b1633}
.as-vis-cap{display:none;margin-top:10px;font-size:10.5px!important;color:var(--muted)!important}
.as-vis-cap.is-on{display:block}
.as-pinlist{display:none;margin:10px 0 0;padding:0;list-style:none}
@media (max-width:760px){
  .as-pinlist.is-on{display:flex;flex-direction:column;gap:6px}
  .as-pinlist li{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--ink)}
  .as-pinlist i{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--acc);color:#fff;font:700 10.5px var(--mono);font-style:normal}
  .as-sec-i{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:16px}
  .as-sec-ico{grid-row:span 2}
  .as-sec-i h3{font-size:16.5px}
}

/* ── Integración: escalera de datos y seguridad ──────────────────────── */
.as-stairs{position:relative}
.as-stairs ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;margin:0;padding:0;list-style:none}
.as-st{display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(240px + var(--i) * 44px)}
.as-st-block{position:relative;display:flex;flex-direction:column;gap:8px;height:calc(100% - (4 - var(--i)) * 0px);min-height:calc(200px + var(--i) * 44px);padding:16px;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;transform-origin:50% 100%;transform:translateY(24px);opacity:0;transition:opacity .5s calc(var(--i) * .35s + .2s),transform .7s calc(var(--i) * .35s + .2s) cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s,background .35s}
.as-int.is-in .as-st-block{transform:none;opacity:1}
.as-st.is-on .as-st-block{border-color:var(--acc);box-shadow:var(--sh-2)}
.as-st:last-child .as-st-block{background:var(--acc);border-color:var(--acc)}
.as-st:last-child .as-st-block *{color:#fff!important}
.as-st:last-child .as-st-row small{color:#c9d3ef!important}
.as-st-k{font-size:10.5px!important}
.as-st-block b{font:600 17px/1.2 var(--sans);color:var(--ink)}
.as-st-row{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.4;color:var(--text)}
.as-st-row small{font-size:9.5px!important;color:var(--muted)!important}
.as-st-get{margin-top:auto;padding-top:8px;border-top:1px dashed var(--line-2)}
.as-st-get span{color:var(--ink);font-weight:500}
.as-climber{position:absolute;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#f2b84b;box-shadow:0 0 0 4px #fff,0 6px 16px -4px #b7791f;transform:translate(var(--cx,0px),var(--cy,0px));transition:transform .55s cubic-bezier(.22,1,.36,1);opacity:0}
.as-stairs.is-run .as-climber{opacity:1}
.as-sec{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;margin-top:28px}
.as-sec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.as-sec-i{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--r-lg);background:var(--soft);border:1px solid var(--line)}
.as-sec-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--acc)}
.as-sec-ico svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.as-sec-i h3{font-weight:600;font-size:18px}
.as-sec-i p{font-size:14px;line-height:1.45}
.as-verify{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r-lg);background:var(--dark);color:#c4cde4}
.as-verify-k{color:var(--lt)!important;font-size:10px!important}
.as-doc{position:relative;display:flex;flex-direction:column;gap:7px;padding:14px;border-radius:var(--r-md);background:#fff;height:118px}
.as-doc-l{display:block;height:7px;width:70%;border-radius:4px;background:#d8dfee}
.as-doc-s{width:45%}
.as-doc-map{display:block;flex:1;width:62%;border-radius:6px;background:linear-gradient(135deg,#c9a77a 0 30%,#5b7a3a 30% 55%,#c9a77a 55% 70%,#3f5f2a 70%)}
.as-doc-qr{position:absolute;right:14px;bottom:14px;width:50px;height:50px;border-radius:4px;background:repeating-conic-gradient(#0b1633 0 25%,#fff 0 50%) 0 0/10px 10px;box-shadow:0 0 0 3px #fff,0 0 0 4px #d8dfee}
.as-doc::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#3ee08a;box-shadow:0 0 12px #3ee08a;opacity:0;transform:translateY(0)}
.as-verify.is-scan .as-doc::after{animation:as-scan 1.4s ease-in-out}
@keyframes as-scan{10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(116px)}}
.as-hash{display:flex;flex-direction:column;gap:4px;color:#dfe6fb!important;text-transform:none!important;letter-spacing:0!important}
.as-hash small{font-size:9.5px;color:#97a3c4;letter-spacing:.06em;text-transform:uppercase}
.as-hash code{font:500 12.5px/1.4 var(--mono);color:#fff;word-break:break-all;min-height:2.8em}
.as-match{display:flex;align-items:center;gap:8px;font:600 14px var(--sans);color:#fff;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.as-match.is-on{opacity:1;transform:none}
.as-match-ico{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#3ee08a}
.as-match-ico svg{width:14px;height:14px;fill:none;stroke:#05301b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.as-verify-t{font-size:13px;line-height:1.45}

/* ── Piloto a ciegas ─────────────────────────────────────────────────── */
.as-pilot-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}
.as-psteps{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;counter-reset:ps}
.as-ps{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:14px;border-radius:var(--r-md);transition:background .3s}
.as-ps.is-on{background:var(--soft)}
.as-ps-n{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;border:1px solid var(--line-2);font-size:11px!important;transition:background .3s,color .3s,border-color .3s}
.as-ps.is-on .as-ps-n{background:var(--acc);border-color:var(--acc);color:#fff!important}
.as-ps b{display:block;font:600 16px/1.25 var(--sans);color:var(--ink)}
.as-ps small{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--text)}
.as-env{position:relative;border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;box-shadow:var(--sh-2);overflow:hidden}
.as-env-head,.as-env-row{display:grid;grid-template-columns:60px minmax(0,1fr) minmax(0,.8fr) minmax(0,1.2fr);gap:10px;align-items:center;padding:12px 16px}
.as-env-head{background:var(--soft);font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.as-env-row{border-top:1px solid var(--line);font-size:14px;color:var(--ink)}
.as-env-id{font-size:12px!important;color:var(--muted)!important}
.as-vd{justify-self:start;padding:5px 10px;border-radius:var(--pill);font:600 12.5px/1.2 var(--sans);opacity:0;transform:scale(.85);transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1)}
.as-env-row.is-u .as-vd{opacity:1;transform:none}
.as-vd-ok{background:#e3f3eb;color:#0b6b4c}
.as-vd-no{background:#eef0f4;color:#4d5a78}
.as-vd-mid{background:#fdf1d6;color:#7a5a00}
.as-vd-nm{background:#fff;color:var(--muted);border:1px dashed var(--line-2)}
.as-pr{font-weight:500}
.as-mt{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .4s}
.as-mt::before{content:"";flex:none;width:8px;height:8px;border-radius:50%}
.as-mt-yes{color:#0b6b4c}.as-mt-yes::before{background:#21b46a}
.as-mt-rev{color:#7a5a00}.as-mt-rev::before{background:#f2b84b}
.as-mt-diff{color:#a33a2a}.as-mt-diff::before{background:#e5604c}
.as-env-row.is-m .as-mt{opacity:1;transform:none}
.as-seal{position:absolute;top:var(--st,43px);bottom:var(--sb,38px);left:var(--sl,55%);right:0;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#1d3c8f 0 10px,#24479e 10px 20px);transform:translateX(0);transition:transform .9s cubic-bezier(.65,0,.35,1)}
.as-pilot.is-open .as-seal{transform:translateX(102%)}
.as-seal-in{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 18px;border-radius:var(--r-md);background:#0b1633e6;color:#fff;text-align:center}
.as-seal-in svg{width:22px;height:22px;fill:none;stroke:#f2b84b;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.as-seal-in b{font:600 14px var(--sans)}
.as-seal-in small{font-size:12px;color:#c4cde4}
.as-env-foot{padding:10px 16px;border-top:1px solid var(--line);font-size:10px!important;color:var(--muted)!important;background:#fff;position:relative;z-index:1}

/* ── Banda: contrato anual y tracción ────────────────────────────────── */
.as-band-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(24px,4vw,56px);margin-top:40px;align-items:start}
.as-inc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}
.as-inc li{position:relative;padding:16px 16px 16px 46px;border-radius:var(--r-md);border:1px solid #ffffff24;font-size:15px;line-height:1.4;color:#dfe6fb;opacity:0;transform:translateY(10px);transition:opacity .45s calc(var(--i) * 90ms + .2s),transform .55s calc(var(--i) * 90ms + .2s) cubic-bezier(.2,.8,.2,1)}
.as-band.is-in .as-inc li{opacity:1;transform:none}
.as-inc li::before{content:"";position:absolute;left:16px;top:17px;width:20px;height:20px;border-radius:50%;background:#21b46a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8.5 2.6 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.as-trac{padding:24px;border-radius:var(--r-lg);background:#ffffff0d;border:1px solid #ffffff24}
.as-trac .mono{color:var(--lt)!important}
.as-trac-big{margin-top:10px;font:600 clamp(24px,2.4vw,30px)/1.15 var(--sans);letter-spacing:-.02em;color:#fff}
.as-trac-t{margin-top:12px;font-size:14.5px;line-height:1.5;color:#c4cde4}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width:1060px){
  .as-hero-top{grid-template-columns:1fr;align-items:start}
  .as-pain{max-width:440px}
  .as-con-body{grid-template-columns:1fr}
  .as-con-side{border-left:0;border-top:1px solid #ffffff1a}
  .as-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .as-mods-grid{grid-template-columns:1fr}
  .as-vis{position:relative;top:auto;order:-1}
  .as-stairs ol{grid-template-columns:1fr;gap:8px}
  .as-st{min-height:0}
  .as-st-block{min-height:0;margin-left:calc(var(--i) * 14px);transform:translateX(-14px)}
  .as-st-row{flex-direction:row;gap:8px}
  .as-st-row small{flex:none;width:70px;padding-top:2px}
  .as-st-get{margin-top:0}
  .as-climber{display:none}
  .as-sec{grid-template-columns:1fr}
  .as-pilot-grid,.as-band-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .as-con-map{aspect-ratio:4/3.3}
  .as-bins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .as-bins-h,.as-sign{grid-column:1/-1}
  .as-bin{flex-direction:column-reverse;align-items:flex-start;gap:2px;padding:8px 9px;font-size:11px;line-height:1.25}
  .as-bin b{font-size:17px}
  .as-con-title span{display:none}
  .as-kpi{padding:9px 10px}
  .as-kpi-k{font-size:11px;line-height:1.25}
  .as-kpi-v{font-size:17px}
  .as-phases{grid-template-columns:repeat(3,minmax(0,1fr))}
  .as-ph{flex-direction:column;gap:2px;padding:10px 10px 12px}
  .as-ph-t small{display:none}
  .as-ph-t b{font-size:13.5px}
  .as-con-stamp span{display:none}
  .as-door{grid-template-columns:30px minmax(0,1fr) 18px;padding:14px}
  .as-door.is-on{transform:none}
  .as-door-n{width:30px;height:30px}
  .as-pin span{display:none}
  .as-pin i{width:20px;height:20px;font-size:10.5px}
  .as-sec-grid,.as-inc{grid-template-columns:1fr}
  .as-env-head,.as-env-row{grid-template-columns:30px minmax(0,1fr) minmax(0,.8fr);padding:10px 12px;gap:8px}
  .as-env-head span:last-child{display:none}
  .as-mt{grid-column:2/-1;font-size:12.5px}
  .as-env-row .as-mt:not(:empty){margin-top:-2px}
  .as-vd{font-size:12px;padding:4px 8px}
  .as-env-row{font-size:13px}
}
@media (max-width:420px){
  .as-kpis{grid-template-columns:1fr 1fr}
  .as-kpi-usd{grid-column:1/-1}
}

section.is-off .as-conc circle,section.is-off .as-cell-2,section.is-off .as-con-live i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){
  .as-st-block,.as-inc li{opacity:1;transform:none}
}