/* Escalade: home narrative, channels dashboard and footer. Original motion layers stay mounted. */
html { scroll-behavior: smooth; }
#home-ai, #code-intro { position: relative; }
#home-ai .escalade-mark { position:absolute; width:clamp(105px,14vw,220px); right:4%; top:11%; opacity:.72; pointer-events:none; transform:rotate(-13deg); filter:drop-shadow(0 0 24px rgba(255,70,116,.1)); }
#home-ai .style_visual__NtLBF, #code-intro .code_introVisual__RJupe { isolation:isolate; }
#home-ai .style_title__j_hV1 { max-width:12ch; }
#home-ai .style_lead__RT4RC, #home-ai .style_body__rlIdr { max-width:58ch; }
.style_section__ElJMM .style_wordFallback__Fk4te { font-size:clamp(4.3rem,14vw,17rem); letter-spacing:-.085em; }
.style_section__ElJMM .style_subtitle__2BFuI { max-width:42ch; }
.escalade-transition { position:fixed; z-index:99999; inset:0; background:#141414; opacity:0; pointer-events:none; transition:opacity .48s cubic-bezier(.22,1,.36,1); }
.escalade-transition.is-active { opacity:1; pointer-events:auto; }
#code-capabilities,#code-featured,#code-systems,#code-clients { display:none!important; }
#code-hero .style_wordFallback__LzfZr { font-size:clamp(4rem,15vw,18rem); letter-spacing:-.075em; }
#code-intro .escalade-intro-mark { display:block; width:clamp(100px,12vw,170px); height:auto; margin:0 auto 10px; opacity:.76; }
#conectados-dashboard { --cd-bg:#171717; --cd-card:#202020; --cd-border:#383838; --cd-soft:#a7a7a7; --cd-pink:#ff4b76; color:#f6f5f2; background:var(--cd-bg); padding:clamp(48px,6vw,100px) clamp(22px,4vw,70px) clamp(68px,7vw,118px); font-family:inherit; }
#conectados-dashboard * { box-sizing:border-box; }
.cd-shell { max-width:1540px; margin:auto; }
.cd-eyebrow,.cd-meta,.cd-label,.cd-table th { font:500 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.09em; text-transform:uppercase; }
.cd-topline { display:flex; justify-content:space-between; gap:16px; color:var(--cd-soft); border-bottom:1px solid var(--cd-border); padding-bottom:22px; }
.cd-heading { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr); gap:28px; align-items:end; margin:clamp(42px,5vw,76px) 0 44px; }
.cd-heading h2 { font-size:clamp(3.5rem,9vw,9.5rem); letter-spacing:-.085em; line-height:.88; font-weight:500; margin:0; }
.cd-heading p { margin:0; color:#bbb; max-width:37ch; font-size:clamp(1rem,1.5vw,1.3rem); line-height:1.4; }
.cd-layout { display:grid; grid-template-columns:205px minmax(0,1fr); gap:22px; }
.cd-sidebar,.cd-main { min-width:0; }
.cd-sidebar { border:1px solid var(--cd-border); border-radius:16px; padding:20px 13px; height:max-content; position:sticky; top:90px; }
.cd-brand { display:flex; align-items:center; gap:11px; padding:5px 9px 23px; border-bottom:1px solid var(--cd-border); margin-bottom:19px; font-size:13px; font-weight:650; }
.cd-brand img { width:29px; height:29px; object-fit:contain; border-radius:7px; }
.cd-nav a { display:flex; gap:10px; align-items:center; padding:11px 10px; margin:4px 0; color:#bbb; border-radius:9px; font-size:13px; text-decoration:none; transition:background .2s,color .2s; }
.cd-nav a:hover,.cd-nav a.active { color:white; background:#303030; }
.cd-nav a.active:before { content:''; width:5px; height:5px; border-radius:50%; background:var(--cd-pink); }
.cd-sidebar-foot { border-top:1px solid var(--cd-border); margin-top:20px; padding:19px 9px 4px; color:var(--cd-soft); font-size:11px; line-height:1.5; }
.cd-panel { border:1px solid var(--cd-border); border-radius:16px; background:var(--cd-card); }
.cd-welcome { min-height:155px; padding:25px 30px; display:flex; justify-content:space-between; align-items:center; gap:20px; overflow:hidden; position:relative; }
.cd-welcome h3 { font-size:clamp(1.6rem,2.7vw,2.6rem); font-weight:500; letter-spacing:-.055em; margin:8px 0; }
.cd-welcome p { color:#bbb; margin:0; max-width:52ch; line-height:1.5; }
.cd-welcome img { position:absolute; width:200px; right:20px; top:-30px; opacity:.8; pointer-events:none; }
.cd-welcome-copy { position:relative; z-index:1; max-width:80%; }
.cd-workflow { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px; margin:13px 0; border:1px solid var(--cd-border); border-radius:12px; color:#d8d8d8; overflow-x:auto; white-space:nowrap; }
.cd-workflow span { font:500 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.07em; text-transform:uppercase; }
.cd-workflow b { color:var(--cd-pink); font-size:16px; font-weight:400; }
.cd-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:13px 0; }
.cd-kpi { padding:19px 20px; min-height:122px; }
.cd-kpi .cd-label { color:#aaa; }
.cd-kpi strong { display:block; font-size:clamp(1.7rem,2.6vw,2.6rem); font-weight:550; letter-spacing:-.055em; margin-top:18px; font-variant-numeric:tabular-nums; }
.cd-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:13px; }
.cd-panel-head { display:flex; justify-content:space-between; align-items:start; gap:12px; padding:22px 23px 16px; }
.cd-panel-head h3 { font-size:20px; letter-spacing:-.04em; margin:0; font-weight:550; }
.cd-panel-head p { color:#999; margin:5px 0 0; font-size:12px; }
.cd-bars { padding:4px 23px 23px; }
.cd-bar-row { display:grid; grid-template-columns:105px minmax(0,1fr) 85px; gap:12px; align-items:center; margin:17px 0; font-size:12px; }
.cd-bar-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cd-bar-track { height:8px; background:#353535; border-radius:20px; overflow:hidden; }
.cd-bar-fill { display:block; height:100%; background:linear-gradient(90deg,#ff4b76,#ffa0ba); border-radius:20px; transform-origin:left; animation:cd-grow .9s both; }
.cd-bar-value { text-align:right; color:#ccc; font-variant-numeric:tabular-nums; }
@keyframes cd-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.cd-spotlight { padding:4px 22px 22px; display:flex; flex-direction:column; justify-content:space-between; gap:16px; }
.cd-spotlight img { width:118px; height:118px; object-fit:contain; align-self:flex-end; margin-top:-14px; }
.cd-spotlight strong { display:block; font-size:clamp(1.4rem,2vw,2.2rem); font-weight:500; line-height:1.08; letter-spacing:-.05em; }
.cd-spotlight p { color:#aaa; font-size:13px; line-height:1.5; margin:8px 0 0; }
.cd-spotlight a { color:#fff; text-decoration:none; border-bottom:1px solid #aaa; width:max-content; font-size:13px; padding-bottom:5px; }
.cd-channel-section { margin-top:13px; }
.cd-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:0 23px 19px; }
.cd-search,.cd-sort { background:#191919; border:1px solid #444; color:white; border-radius:8px; padding:10px 12px; font:inherit; font-size:12px; }
.cd-search { width:min(100%,280px); }
.cd-table-wrap { overflow:auto; }
.cd-table { width:100%; min-width:650px; border-collapse:collapse; text-align:left; }
.cd-table th { color:#999; font-weight:500; padding:13px 22px; border-top:1px solid var(--cd-border); border-bottom:1px solid var(--cd-border); }
.cd-table td { padding:15px 22px; border-bottom:1px solid #343434; font-size:13px; font-variant-numeric:tabular-nums; }
.cd-table tbody tr { cursor:pointer; transition:background .2s; }
.cd-table tbody tr:hover,.cd-table tbody tr.selected { background:#292929; }
.cd-channel { display:flex; align-items:center; gap:11px; min-width:165px; }
.cd-avatar { width:38px; height:38px; border-radius:50%; object-fit:cover; background:#333; }
.cd-channel strong,.cd-channel small { display:block; }
.cd-channel strong { font-weight:550; }
.cd-channel small { color:#999; margin-top:2px; }
.cd-detail { margin-top:13px; padding:22px 23px; display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; }
.cd-detail h3 { font-size:25px; font-weight:500; margin:3px 0; letter-spacing:-.04em; }
.cd-detail p { color:#aaa; font-size:12px; margin:0; }
.cd-detail a,.cd-action { display:inline-flex; align-items:center; justify-content:center; border:1px solid #727272; padding:10px 15px; border-radius:7px; color:white; text-decoration:none; font-size:12px; transition:background .2s,border-color .2s; }
.cd-detail a:hover,.cd-action:hover { background:#343434; border-color:white; }
.cd-bottom-note { color:#999; font-size:11px; line-height:1.5; margin:18px 0 0; }
.cd-empty { text-align:center; color:#aaa; padding:35px 20px!important; }
.style_footer__Ozqwl,.escalade-original-footer { display:none!important; }
.style_cookieBannerContainer__B53Lc { display:none!important; }
.style_menuFooter__0Hh1M { display:none!important; }
.style_langList__5fNug { display:none!important; }
.escalade-guide,.escalade-faq { background:#fcfcfa; color:#151515; padding:clamp(65px,8vw,130px) clamp(22px,4vw,70px); scroll-margin-top:90px; }
.escalade-guide { border-top:1px solid #deded8; }
.escalade-faq { border-top:1px solid #deded8; }
.eg-shell { max-width:1540px; margin:auto; }
.eg-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(180px,.6fr); gap:25px; align-items:end; }
.eg-heading>span { grid-column:1/-1; font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; }
.eg-heading h2 { font-size:clamp(3rem,7vw,7rem); line-height:.95; letter-spacing:-.065em; font-weight:500; margin:20px 0 0; }
.eg-heading p { color:#6b6b67; margin:0 0 7px; max-width:35ch; line-height:1.5; }
.eg-steps { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #dcdcd7; margin:65px 0 30px; }
.eg-steps article { padding:22px 25px 20px 0; border-right:1px solid #dcdcd7; }
.eg-steps article+article { padding-left:25px; }
.eg-steps article:last-child { border-right:0; }
.eg-steps article span { font:500 11px ui-monospace,SFMono-Regular,Consolas,monospace; color:#777; }
.eg-steps article h3 { font-size:clamp(1.4rem,2vw,2rem); letter-spacing:-.04em; font-weight:500; margin:35px 0 10px; }
.eg-steps article p { margin:0; color:#666; line-height:1.5; max-width:27ch; font-size:14px; }
.escalade-guide a { display:inline-block; color:#111; text-decoration:none; border-bottom:1px solid #111; padding:5px 0; }
.eg-questions { max-width:950px; margin:55px 0 0 auto; border-top:1px solid #dcdcd7; }
.eg-questions details { border-bottom:1px solid #dcdcd7; padding:21px 0; }
.eg-questions summary { cursor:pointer; font-size:clamp(1.1rem,2vw,1.5rem); list-style:none; display:flex; justify-content:space-between; gap:20px; }
.eg-questions summary::-webkit-details-marker { display:none; }
.eg-questions summary:after { content:'+'; font-weight:300; }
.eg-questions details[open] summary:after { content:'−'; }
.eg-questions p { color:#666; line-height:1.5; max-width:65ch; margin:14px 0 3px; }
.escalade-footer { background:#f8f8f6; color:#151515; padding:65px clamp(22px,4vw,70px) 20px; font-family:inherit; }
.escalade-footer-top { display:flex; justify-content:space-between; gap:30px; padding-bottom:60px; }
.escalade-footer-top h2 { font-size:clamp(2.4rem,6vw,6.5rem); line-height:.93; letter-spacing:-.065em; margin:0; font-weight:500; }
.escalade-footer-top a { color:#151515; text-decoration:none; border-bottom:1px solid #151515; align-self:end; padding-bottom:6px; }
.escalade-footer-links { display:flex; justify-content:space-between; gap:30px; border-top:1px solid #ddd; padding-top:25px; font-size:12px; }
.escalade-footer-links nav { display:flex; flex-wrap:wrap; gap:16px; }
.escalade-footer-links a { color:#151515; text-decoration:none; }
.escalade-footer-word { font-size:clamp(3.1rem,13.7vw,19rem); line-height:1; letter-spacing:-.09em; font-weight:750; text-align:center; white-space:nowrap; overflow:hidden; margin:50px -1vw 10px; }
.escalade-footer-word span { color:var(--cd-pink,#ff4b76); }
.escalade-footer-bottom { display:flex; justify-content:space-between; gap:15px; border-top:1px solid #ddd; padding-top:15px; font-size:11px; color:#6d6d6d; }
@media(max-width:850px) { .cd-layout{grid-template-columns:1fr}.cd-sidebar{position:static;display:flex;align-items:center;gap:20px;overflow:auto}.cd-brand{padding:5px;margin:0;border:0;white-space:nowrap}.cd-nav{display:flex;gap:4px}.cd-nav a{white-space:nowrap}.cd-sidebar-foot{display:none}.cd-kpis{grid-template-columns:repeat(2,1fr)}.cd-grid{grid-template-columns:1fr}.cd-heading{grid-template-columns:1fr}.cd-welcome img{width:160px;right:-20px;top:0} }
@media(max-width:560px) { #conectados-dashboard{padding-inline:16px}.cd-topline{display:block}.cd-heading{margin:40px 0 26px}.cd-heading h2{font-size:clamp(3.2rem,15vw,5rem)}.cd-sidebar{padding:8px}.cd-brand span{display:none}.cd-welcome{min-height:175px;padding:21px}.cd-welcome-copy{max-width:90%}.cd-welcome img{opacity:.25}.cd-kpi{padding:16px;min-height:100px}.cd-grid{gap:12px}.cd-toolbar{flex-direction:column;align-items:stretch}.cd-search{width:100%}.cd-detail{grid-template-columns:1fr}.escalade-footer-top{display:block}.escalade-footer-top a{display:inline-block;margin-top:25px}.escalade-footer-links{display:block}.escalade-footer-links nav{margin-bottom:16px}.escalade-footer-word{font-size:13vw}.escalade-footer-bottom{display:block}.eg-heading{grid-template-columns:1fr}.eg-steps{grid-template-columns:1fr}.eg-steps article,.eg-steps article+article{padding:22px 0;border-right:0;border-bottom:1px solid #dcdcd7}.eg-steps article h3{margin-top:15px} }
@media(prefers-reduced-motion:reduce){.escalade-transition,.cd-bar-fill{animation:none!important;transition:none!important}}