/* =========================================================
   TISIAS V210 - iCAN 2026 SHOW REPORT
   New page only: /ican2026-showreport
   ========================================================= */

html.tisias-v210-report-loading #wsite-content {
  visibility: hidden !important;
}

#ican2026showreport-v210,
#ican2026showreport-v210 * {
  box-sizing: border-box;
}

#ican2026showreport-v210 {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: #04110d;
  color: #fff !important;
  font-family: inherit;
}

#ican2026showreport-v210 h1,
#ican2026showreport-v210 h2,
#ican2026showreport-v210 h3,
#ican2026showreport-v210 h4,
#ican2026showreport-v210 p,
#ican2026showreport-v210 strong,
#ican2026showreport-v210 span {
  color: inherit;
}

/* HERO */
.v210-hero {
  position: relative;
  overflow: hidden;
  min-height: 760px;
  display: flex;
  align-items: center;
  padding: 74px max(24px, calc((100vw - 1260px)/2));
  border-bottom: 1px solid rgba(222,190,94,.22);
  background:
    radial-gradient(circle at 84% 26%, rgba(234,183,64,.19), transparent 24%),
    radial-gradient(circle at 12% 76%, rgba(50,141,98,.16), transparent 30%),
    linear-gradient(135deg,#020b13 0%,#081723 44%,#0a2219 100%);
}

.v210-hero::before {
  content: "";
  position: absolute;
  right: -170px;
  top: -140px;
  width: 720px;
  height: 720px;
  border: 1px solid rgba(227,191,81,.14);
  border-radius: 50%;
  box-shadow:
    0 0 0 90px rgba(227,191,81,.025),
    0 0 0 180px rgba(227,191,81,.015);
}

.v210-hero-inner {
  position: relative;
  z-index: 2;
  width: min(100%,1260px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(310px,430px);
  gap: 64px;
  align-items: center;
}

.v210-hero-kicker {
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(235,202,96,.45);
  border-radius: 999px;
  background: rgba(0,0,0,.23);
  color: #f1cc67 !important;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.v210-hero h1 {
  margin: 23px 0 16px;
  color: #fff !important;
  font-size: clamp(56px,7vw,102px);
  font-weight: 950;
  line-height: .91;
  letter-spacing: -.055em;
}

.v210-hero h1 span {
  display: block;
  color: #f0c75c !important;
}

.v210-hero-lead {
  max-width: 760px;
  margin: 0;
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(18px,1.55vw,23px);
  line-height: 1.55;
}

.v210-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-top: 28px;
}

.v210-button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  padding: 0 19px;
  border: 1px solid rgba(233,201,102,.50);
  border-radius: 13px;
  background: rgba(255,255,255,.04);
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.v210-button-primary {
  border-color: #f0c85d;
  background: linear-gradient(135deg,#f4d479,#c79832);
  color: #08130d !important;
}

.v210-cover-shell {
  position: relative;
  padding: 13px;
  border: 1px solid rgba(237,202,96,.28);
  border-radius: 24px;
  background: linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  box-shadow: 0 30px 70px rgba(0,0,0,.36);
}

.v210-cover-shell::before {
  content: "OFFICIAL REPORT · 15 PAGES";
  position: absolute;
  top: -16px;
  right: 18px;
  z-index: 2;
  padding: 8px 11px;
  border: 1px solid rgba(241,207,104,.38);
  border-radius: 999px;
  background: #0a1713;
  color: #f0cd67;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .10em;
}

.v210-cover-shell img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
  background: #fff;
}

/* STATS */
.v210-stat-band {
  border-bottom: 1px solid rgba(255,255,255,.06);
  background: #061812;
}

.v210-stat-grid {
  width: min(100%,1260px);
  margin: 0 auto;
  padding: 22px 24px;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 10px;
}

.v210-stat {
  min-width: 0;
  padding: 15px 13px;
  border: 1px solid rgba(232,201,103,.16);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}

.v210-stat strong {
  display: block;
  color: #fff !important;
  font-size: 22px;
  line-height: 1;
}

.v210-stat span {
  display: block;
  margin-top: 6px;
  color: #d9bf72 !important;
  font-size: 9px;
  font-weight: 950;
  line-height: 1.3;
  letter-spacing: .085em;
  text-transform: uppercase;
}

/* MAIN */
.v210-main {
  width: min(100%,1260px);
  margin: 0 auto;
  padding: 82px 24px 94px;
}

.v210-kicker {
  margin: 0 0 8px;
  color: #e9c761 !important;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.v210-title {
  margin: 0;
  color: #fff !important;
  font-size: clamp(38px,4vw,62px);
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.04em;
}

.v210-desc {
  max-width: 830px;
  margin: 17px 0 0;
  color: rgba(255,255,255,.72) !important;
  font-size: 16px;
  line-height: 1.65;
}

.v210-overview-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 15px;
  margin-top: 31px;
}

.v210-overview-card {
  min-height: 220px;
  padding: 23px;
  border: 1px solid rgba(236,204,105,.16);
  border-radius: 18px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
}

.v210-overview-card em {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 11px;
  border: 1px solid rgba(236,204,105,.27);
  border-radius: 999px;
  color: #edcb68;
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .10em;
}

.v210-overview-card h3 {
  margin: 16px 0 10px;
  color: #fff !important;
  font-size: 21px;
  line-height: 1.16;
}

.v210-overview-card p {
  margin: 0;
  color: rgba(255,255,255,.67) !important;
  font-size: 14px;
  line-height: 1.55;
}

.v210-reach {
  position: relative;
  overflow: hidden;
  margin-top: 26px;
  padding: 32px 34px;
  border: 1px solid rgba(76,181,129,.24);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 30%,rgba(69,172,118,.14),transparent 28%),
    linear-gradient(135deg,#0a2119,#071711);
}

.v210-reach strong {
  display: block;
  color: #aef05e !important;
  font-size: clamp(40px,5vw,68px);
  line-height: .95;
  letter-spacing: -.035em;
}

.v210-reach h3 {
  margin: 8px 0 8px;
  color: #fff !important;
  font-size: 25px;
}

.v210-reach p {
  max-width: 770px;
  margin: 0;
  color: rgba(255,255,255,.70) !important;
  font-size: 15px;
  line-height: 1.6;
}

/* REPORT CONTENTS */
.v210-contents {
  margin-top: 72px;
}

.v210-contents-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 22px;
  margin-top: 25px;
}

.v210-content-item {
  display: grid;
  grid-template-columns: 42px minmax(0,1fr) 32px;
  gap: 12px;
  align-items: center;
  min-height: 63px;
  padding: 10px 13px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}

.v210-content-num {
  color: #e8c35d !important;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .09em;
}

.v210-content-item b {
  color: #fff !important;
  font-size: 14px;
}

.v210-content-page {
  color: rgba(255,255,255,.42) !important;
  font-size: 11px;
  font-weight: 900;
  text-align: right;
}

/* VIEWER */
.v210-viewer-section {
  margin-top: 78px;
}

#v210-report-viewer {
  overflow: hidden;
  margin-top: 28px;
  border: 1px solid rgba(235,201,99,.22);
  border-radius: 22px;
  background: #020a08;
  box-shadow: 0 25px 70px rgba(0,0,0,.27);
}

.v210-viewer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 68px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: #07150f;
}

.v210-viewer-title b {
  display: block;
  color: #fff !important;
  font-size: 15px;
}

.v210-viewer-title span {
  display: block;
  margin-top: 3px;
  color: #dfc36c !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
}

.v210-viewer-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  justify-content: flex-end;
}

.v210-tool,
.v210-page-input {
  min-height: 38px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  color: #fff !important;
  font-size: 11px;
  font-weight: 900;
}

button.v210-tool {
  min-width: 38px;
  padding: 0 10px;
  cursor: pointer;
}

a.v210-tool {
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  text-decoration: none !important;
}

.v210-page-input {
  width: 45px;
  padding: 0 4px;
  text-align: center;
  outline: none;
}

.v210-viewer-body {
  display: grid;
  grid-template-columns: 160px minmax(0,1fr);
  min-height: 720px;
}

.v210-thumbs {
  overflow-y: auto;
  max-height: 790px;
  padding: 10px;
  border-right: 1px solid rgba(255,255,255,.07);
  background: #06110d;
}

.v210-thumb {
  width: 100%;
  margin: 0 0 9px;
  padding: 6px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: rgba(255,255,255,.02);
  cursor: pointer;
}

.v210-thumb.v210-active {
  border-color: #e9c55f;
  background: rgba(233,197,95,.08);
}

.v210-thumb img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  background: #fff;
}

.v210-thumb span {
  display: block;
  margin-top: 5px;
  color: rgba(255,255,255,.58) !important;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
}

.v210-stage {
  position: relative;
  overflow: auto;
  min-width: 0;
  min-height: 720px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 24px 60px;
  background:
    radial-gradient(circle at 50% 20%,rgba(62,125,91,.18),transparent 38%),
    #020a08;
  cursor: grab;
  touch-action: pan-x pan-y pinch-zoom;
}

.v210-stage.v210-dragging {
  cursor: grabbing;
}

.v210-page-image {
  display: block;
  width: min(100%,820px);
  height: auto;
  background: #fff;
  box-shadow: 0 14px 48px rgba(0,0,0,.52);
  transform-origin: top center;
  user-select: none;
  -webkit-user-drag: none;
  will-change: transform;
}

.v210-viewer-bottom {
  display: flex;
  justify-content: center;
  gap: 9px;
  padding: 12px;
  border-top: 1px solid rgba(255,255,255,.07);
  background: #06120e;
}

/* FOLLOW UP */
.v210-followup {
  position: relative;
  overflow: hidden;
  margin-top: 78px;
  padding: 38px 40px;
  border: 1px solid rgba(238,200,94,.22);
  border-radius: 23px;
  background:
    radial-gradient(circle at 90% 20%,rgba(232,45,54,.12),transparent 31%),
    linear-gradient(135deg,#0b2419,#081710);
}

.v210-followup-badge {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(238,200,94,.34);
  border-radius: 999px;
  color: #ebc85f !important;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.v210-followup h2 {
  max-width: 760px;
  margin: 16px 0 10px;
  color: #fff !important;
  font-size: clamp(30px,4vw,48px);
  line-height: 1.05;
  letter-spacing: -.035em;
}

.v210-followup p {
  max-width: 800px;
  margin: 0;
  color: rgba(255,255,255,.73) !important;
  font-size: 16px;
  line-height: 1.62;
}

.v210-footnote {
  margin-top: 34px;
  color: rgba(255,255,255,.45) !important;
  font-size: 11px;
  text-align: center;
}

@media (max-width: 1040px) {
  .v210-hero-inner {
    grid-template-columns: minmax(0,1fr) 320px;
    gap: 38px;
  }

  .v210-stat-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  .v210-overview-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 760px) {
  .v210-hero {
    min-height: 0;
    padding: 58px 20px 54px;
  }

  .v210-hero-inner {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .v210-cover-shell {
    width: min(88vw,390px);
    margin: 0 auto;
  }

  .v210-hero h1 {
    font-size: clamp(48px,15vw,72px);
  }

  .v210-stat-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    padding: 15px 13px;
  }

  .v210-main {
    padding: 58px 14px 72px;
  }

  .v210-overview-grid,
  .v210-contents-list {
    grid-template-columns: 1fr;
  }

  .v210-overview-card {
    min-height: 0;
  }

  .v210-reach,
  .v210-followup {
    padding: 27px 22px;
  }

  .v210-viewer-top {
    align-items: flex-start;
    flex-direction: column;
  }

  .v210-viewer-tools {
    width: 100%;
    justify-content: flex-start;
  }

  .v210-viewer-body {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }

  .v210-thumbs {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    max-height: none;
    padding: 9px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
  }

  .v210-thumb {
    flex: 0 0 76px;
    margin: 0 7px 0 0;
  }

  .v210-stage {
    min-height: 0;
    padding: 13px 8px 30px;
  }

  .v210-page-image {
    width: 100%;
  }

  .v210-viewer-bottom {
    position: sticky;
    bottom: 0;
    z-index: 3;
  }
}