/* Telescop Energy Choice public page v2 — decision enablement layer */

.ecv2-hero-intelligence{
  margin:1.45rem 0 1.15rem;
  padding:1.15rem;
  border:1px solid #ddd8e7;
  background:#fff;
}
.ecv2-kicker{
  margin:0 0 .35rem;
  color:#5941cc;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.09em;
}
.ecv2-hero-intelligence h2{
  max-width:820px;
  margin:.2rem 0 .9rem;
  font-size:clamp(1.2rem,2vw,1.65rem);
  line-height:1.15;
}
.ecv2-hero-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  border:1px solid #e0dbe8;
  background:#e0dbe8;
}
.ecv2-hero-compare>div{
  padding:.9rem;
  background:#fff;
}
.ecv2-hero-compare span,
.ecv2-baseline span,
.ecv2-decision-grid span,
.ecv2-access-compare article>span{
  display:block;
  color:#5941cc;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.08em;
}
.ecv2-hero-compare strong{
  display:block;
  margin:.3rem 0;
  font-size:.84rem;
}
.ecv2-hero-compare p{
  margin:0;
  color:#655f6c;
  font-size:.72rem;
  line-height:1.5;
}
.ecv2-baseline{
  margin-top:.7rem;
  padding:.75rem .85rem;
  border-left:4px solid #f0cf17;
  background:#211d2a;
  color:#fff;
}
.ecv2-baseline span{color:#f0cf17}
.ecv2-baseline p{
  margin:.3rem 0 0;
  color:#e0dbe5;
  font-size:.74rem;
  line-height:1.55;
}

.ecv2-decision-section>p:first-of-type{margin-bottom:.2rem}
.ecv2-decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:1.2rem 0 0;
  border:1px solid #ddd8e7;
  background:#ddd8e7;
}
.ecv2-decision-grid article{
  padding:1rem;
  background:#fff;
}
.ecv2-decision-grid h3{
  margin:.35rem 0 .4rem;
  font-size:1rem;
}
.ecv2-decision-grid p{
  margin:0;
  color:#625c68;
  font-size:.78rem;
  line-height:1.55;
}
.ecv2-decision-principle{
  display:flex;
  gap:.45rem 1rem;
  align-items:baseline;
  flex-wrap:wrap;
  padding:.85rem 1rem;
  background:#211d2a;
  color:#fff;
}
.ecv2-decision-principle strong{font-size:.9rem}
.ecv2-decision-principle span{
  color:#d5cfdb;
  font-size:.72rem;
}

.ecv2-bridge{
  margin:1rem 0 1.2rem;
  padding:.9rem 1rem;
  border-left:4px solid #5941cc;
  background:#f7f5fb;
}
.ecv2-bridge strong{
  display:block;
  margin-bottom:.25rem;
  font-size:.88rem;
}
.ecv2-bridge p{
  margin:0;
  color:#625c68;
  font-size:.76rem;
  line-height:1.55;
}

.ecv2-signal-table{
  margin:1.1rem 0 .75rem;
  border:1px solid #dcd7e4;
}
.ecv2-signal-row{
  display:grid;
  grid-template-columns:minmax(200px,.78fr) minmax(0,1.22fr);
  gap:1rem;
  align-items:start;
  padding:.8rem .9rem;
  border-top:1px solid #e6e2ea;
}
.ecv2-signal-row:first-child{border-top:0}
.ecv2-signal-row strong{
  font-size:.76rem;
  line-height:1.45;
}
.ecv2-signal-row>span{
  color:#5f5965;
  font-size:.75rem;
  line-height:1.5;
}
.ecv2-signal-head{
  background:#211d2a;
}
.ecv2-signal-head>span{
  color:#fff;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ecv2-signal-guardrail{
  margin:.7rem 0 0!important;
  padding:.75rem .9rem;
  background:#fbfafc;
  border-left:3px solid #f0cf17;
  font-size:.72rem!important;
  color:#655f6c;
}
.ecv2-map-lead strong{color:#211d2a}

.ecv2-audio-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:1rem 2rem;
  align-items:center;
  padding:1.2rem;
  border:1px solid #d9d4e1;
  background:#211d2a;
  box-shadow:0 18px 55px rgba(31,25,40,.05);
}
.ecv2-audio-card h2{margin:.2rem 0 .55rem}
.ecv2-audio-card p{margin:.3rem 0}
.ecv2-audio-player{
  width:100%;
  min-height:54px;
}
.ecv2-audio-disclosure{
  margin-top:.7rem!important;
  color:#766f7d;
  font-size:.65rem!important;
}

.ecv2-access-compare{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:1.2rem 0;
  border:1px solid #dcd7e4;
  background:#dcd7e4;
}
.ecv2-access-compare article{
  padding:1rem;
  background:#fff;
}
.ecv2-access-compare article h3{
  margin:.35rem 0 .65rem;
  font-size:.95rem;
}
.ecv2-access-compare ul{
  margin:0;
  padding-left:1rem;
}
.ecv2-access-compare li{
  margin:.35rem 0;
  color:#625c68;
  font-size:.72rem;
  line-height:1.45;
}
.ecv2-access-featured{
  background:#211d2a!important;
  color:#fff;
}
.ecv2-access-featured>span{color:#f0cf17!important}
.ecv2-access-featured h3{color:#fff}
.ecv2-access-featured li{color:#e0dbe5}

@media(max-width:900px){
  .ecv2-hero-compare,
  .ecv2-decision-grid,
  .ecv2-access-compare,
  .ecv2-audio-card{
    grid-template-columns:1fr;
  }
}
@media(max-width:650px){
  .ecv2-signal-row{
    grid-template-columns:1fr;
    gap:.35rem;
  }
}


/* ============================================================
   v2.1 — darker premium audio + audience + use cases
   ============================================================ */

.ecv2-hero-intelligence{
  background:#fff;
  border-color:#d7d2df;
  box-shadow:none;
}

.ecv2-audio-card{
  position:relative;
  overflow:hidden;
  background:#211d2a;
  border-color:#211d2a;
  box-shadow:0 20px 48px rgba(31,25,40,.14);
  color:#fff;
}
.ecv2-audio-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:#f0cf17;
}
.ecv2-audio-card .tr-section-label{color:#b9acf7;}
.ecv2-audio-card h2{color:#fff;}
.ecv2-audio-card p{color:#d9d3df;}
.ecv2-audio-card .ecv2-audio-disclosure{color:#aaa2b1;}
.ecv2-audio-card .ecv2-audio-disclosure strong{color:#fff;}
.ecv2-audio-player{
  padding:.45rem;
  border-radius:12px;
  background:#f5f3f7;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.ecv2-audience-section>p,
.ecv2-usecases-section>p{max-width:900px;}

.ecv2-audience-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin:1.2rem 0 0;
  border:1px solid #dcd7e4;
  background:#dcd7e4;
}
.ecv2-audience-grid article{padding:1.05rem;background:#fff;}
.ecv2-audience-grid article:nth-child(1){border-top:3px solid #5941cc;}
.ecv2-audience-grid article:nth-child(2){border-top:3px solid #6f5ad8;}
.ecv2-audience-grid article:nth-child(3){border-top:3px solid #211d2a;}
.ecv2-audience-grid article:nth-child(4){border-top:3px solid #f0cf17;}
.ecv2-audience-grid span{
  display:block;color:#5941cc;font-size:.59rem;font-weight:900;letter-spacing:.08em;
}
.ecv2-audience-grid h3{margin:.4rem 0;font-size:1rem;line-height:1.25;}
.ecv2-audience-grid p{margin:0;color:#625c68;font-size:.77rem;line-height:1.55;}

.ecv2-usecases-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:1.2rem 0 0;
  border:1px solid #dcd7e4;
  background:#dcd7e4;
}
.ecv2-usecases-grid article{
  position:relative;min-height:190px;padding:1.05rem;background:#fff;
}
.ecv2-usecases-grid article>b{
  position:absolute;top:.8rem;right:.9rem;color:#ded9e6;font-size:1.75rem;font-weight:800;
}
.ecv2-usecases-grid article>span{
  display:block;max-width:76%;color:#5941cc;font-size:.58rem;font-weight:900;letter-spacing:.08em;
}
.ecv2-usecases-grid h3{max-width:90%;margin:.75rem 0 .45rem;font-size:.95rem;line-height:1.3;}
.ecv2-usecases-grid p{margin:0;color:#625c68;font-size:.74rem;line-height:1.55;}
.ecv2-usecases-callout{
  display:flex;gap:.45rem 1rem;align-items:baseline;flex-wrap:wrap;
  padding:.9rem 1rem;background:#211d2a;color:#fff;border-left:4px solid #f0cf17;
}
.ecv2-usecases-callout strong{font-size:.88rem;}
.ecv2-usecases-callout span{color:#d6d0dc;font-size:.72rem;}

@media(max-width:900px){
  .ecv2-audience-grid,.ecv2-usecases-grid{grid-template-columns:1fr;}
  .ecv2-usecases-grid article{min-height:0;}
}


/* ============================================================
   v2.1.1 — hierarchy and compaction
   ============================================================ */

/* Per chi: editorial list, intentionally different from the use-case cards */
.ecv3-audience-section{
  padding-bottom:1rem;
}
.ecv3-audience-section>p{
  max-width:900px;
}
.ecv3-audience-list{
  margin-top:1rem;
  border-top:1px solid #d9d4df;
}
.ecv3-audience-list article{
  display:grid;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);
  gap:1.25rem;
  align-items:start;
  padding:.8rem 0;
  border-bottom:1px solid #e3dfe7;
}
.ecv3-audience-list article>div{
  display:flex;
  gap:.7rem;
  align-items:baseline;
}
.ecv3-audience-list article span{
  color:#5941cc;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.08em;
}
.ecv3-audience-list article strong{
  color:#211d2a;
  font-size:.8rem;
  line-height:1.4;
}
.ecv3-audience-list article p{
  margin:0;
  color:#625c68;
  font-size:.75rem;
  line-height:1.55;
}

/* Former Decision Enablement condensed into a single bridge inside use cases */
.ecv3-usecase-intro{
  display:grid;
  grid-template-columns:minmax(140px,.32fr) minmax(0,1fr);
  gap:1rem;
  align-items:start;
  margin:1rem 0 0;
  padding:.72rem .85rem;
  border-left:3px solid #5941cc;
  background:#f7f6fa;
}
.ecv3-usecase-intro strong{
  color:#211d2a;
  font-size:.72rem;
}
.ecv3-usecase-intro span{
  color:#625c68;
  font-size:.72rem;
  line-height:1.5;
}

/* Slightly tighter use-case section */
.ecv2-usecases-grid article{
  min-height:170px;
}
.ecv2-usecases-grid h3{
  margin-top:.6rem;
}

@media(max-width:760px){
  .ecv3-audience-list article,
  .ecv3-usecase-intro{
    grid-template-columns:1fr;
    gap:.35rem;
  }
}


/* ============================================================
   v2.2 — authority / citation layer
   ============================================================ */

.ecv4-meta-note{
  color:#706979;
  font-size:.64rem;
}

.ecv4-proof-section>p{
  max-width:920px;
}
.ecv4-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:1rem 0 0;
  border:1px solid #dcd7e4;
  background:#dcd7e4;
  gap:1px;
}
.ecv4-proof-grid>div{
  padding:.95rem;
  background:#fff;
}
.ecv4-proof-grid strong{
  display:block;
  margin-bottom:.28rem;
  color:#211d2a;
  font-size:1.25rem;
  line-height:1.1;
}
.ecv4-proof-grid span{
  color:#625c68;
  font-size:.69rem;
  line-height:1.45;
}
.ecv4-proof-note{
  display:grid;
  grid-template-columns:minmax(150px,.32fr) minmax(0,1fr);
  gap:1rem;
  padding:.78rem .9rem;
  border-left:4px solid #f0cf17;
  background:#211d2a;
  color:#fff;
}
.ecv4-proof-note strong{
  font-size:.74rem;
}
.ecv4-proof-note span{
  color:#d7d1dd;
  font-size:.71rem;
  line-height:1.5;
}
.ecv4-proof-link{
  margin:.65rem 0 0!important;
  font-size:.68rem!important;
}

.ecv4-citation-layer>p{
  max-width:920px;
}
.ecv4-citation-findings{
  margin:1rem 0 0;
  border-top:1px solid #d9d4df;
}
.ecv4-citation-findings>div{
  display:grid;
  grid-template-columns:minmax(165px,.32fr) minmax(0,1fr);
  gap:1rem;
  padding:.78rem 0;
  border-bottom:1px solid #e3dfe7;
}
.ecv4-citation-findings dt{
  color:#5941cc;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ecv4-citation-findings dd{
  margin:0;
  color:#49434f;
  font-size:.76rem;
  line-height:1.55;
}
.ecv4-machine-assets{
  display:flex;
  justify-content:space-between;
  gap:1rem 2rem;
  align-items:center;
  margin-top:1rem;
  padding:.9rem 1rem;
  background:#211d2a;
  color:#fff;
  border-left:4px solid #5941cc;
}
.ecv4-machine-assets>div strong{
  display:block;
  font-size:.78rem;
}
.ecv4-machine-assets>div span{
  display:block;
  margin-top:.15rem;
  color:#bdb6c5;
  font-size:.65rem;
}
.ecv4-machine-assets nav{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.ecv4-machine-assets a{
  display:inline-block;
  padding:.42rem .58rem;
  border:1px solid #4a4352;
  background:#2b2633;
  color:#fff;
  font-size:.62rem;
  text-decoration:none;
}
.ecv4-machine-assets a:hover{
  border-color:#8f7ee7;
}

.ecv4-citation-downloads{
  margin:.9rem 0;
  padding:.8rem .9rem;
  border:1px solid #ddd8e4;
  background:#fff;
}
.ecv4-citation-downloads>strong{
  display:block;
  margin-bottom:.45rem;
  font-size:.76rem;
}
.ecv4-citation-downloads>div{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .9rem;
}
.ecv4-citation-downloads a,
.ecv4-related-research a{
  font-size:.68rem;
}
.ecv4-related-research{
  font-size:.7rem!important;
  color:#655f6c;
}

@media(max-width:850px){
  .ecv4-proof-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ecv4-machine-assets{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:620px){
  .ecv4-proof-grid{
    grid-template-columns:1fr;
  }
  .ecv4-proof-note,
  .ecv4-citation-findings>div{
    grid-template-columns:1fr;
    gap:.35rem;
  }
}