:root{--bg:#07111b;--panel:rgba(12,24,36,.92);--text:#eef2f5;--muted:#a4b0ba;--amber:#d7833d;--amberBright:#f2a65f;--border:rgba(255,255,255,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;font-weight:600}.hero{position:relative;min-height:92vh;background:linear-gradient(to bottom,rgba(4,9,15,.10),rgba(4,9,15,.82)),url("/images/silouette.png") right bottom/min(72vw,1100px) auto no-repeat,radial-gradient(circle at 76% 27%,rgba(96,118,139,.30),transparent 26%),linear-gradient(to bottom,#263542 0%,#172532 42%,#0b1620 100%);overflow:hidden}.heroOverlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(215,131,61,.08),transparent 18%),linear-gradient(to right,rgba(4,9,15,.08) 0%,rgba(4,9,15,.02) 48%,rgba(4,9,15,.08) 100%),linear-gradient(to top,#07111b 0%,transparent 32%)}.nav{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;font-size:22px;letter-spacing:1px}.navLinks{display:flex;gap:24px}.navLinks a{color:var(--muted);text-decoration:none;font-size:14px}.navLinks a:hover{color:var(--text)}.heroContent{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:120px 24px 140px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--amberBright);font-weight:600}.hero h1{max-width:850px;margin:18px 0 24px;font-size:clamp(48px,8vw,92px);line-height:1.02}.heroCopy{max-width:700px;color:var(--muted);font-size:18px}.heroActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;border:1px solid var(--border);padding:13px 20px;border-radius:6px;text-decoration:none;font:inherit;cursor:pointer}.button.primary{background:rgba(95,50,18,.85);border-color:rgba(242,166,95,.7);color:#fff5eb}.button.secondary{background:rgba(10,18,28,.75)}.section{max-width:1180px;margin:0 auto;padding:90px 24px}.sectionIntro{max-width:760px;margin-bottom:40px}.sectionIntro h2{margin:8px 0 10px;font-size:38px}.sectionIntro p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:linear-gradient(145deg,rgba(18,31,44,.96),rgba(9,18,28,.96));border:1px solid var(--border);border-radius:10px;padding:28px}.card h3{margin-top:0;font-size:22px}.card p{color:var(--muted);margin-bottom:0}.beaconBand{padding:110px 24px;text-align:center;background:linear-gradient(rgba(4,9,15,.65),rgba(4,9,15,.88)),url("/images/watchtower.webp") center 30%/cover no-repeat}.beaconBand h2{font-size:clamp(34px,6vw,58px);margin:8px 0 12px}.beaconBand p{color:var(--muted)}.contactPanel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:40px}.contactPanel h2{font-size:38px;margin:8px 0 12px}.contactPanel>p{color:var(--muted);max-width:760px}.contactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.contactGrid div{background:rgba(255,255,255,.025);padding:18px;border-radius:8px}.contactGrid span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.contactGrid a{text-decoration:none}.footer{text-align:center;color:var(--muted);padding:40px 24px 60px}.footer strong,.footer span{display:block}.assessmentBody{min-height:100vh;overflow-x:hidden}.assessmentShell{min-height:100vh;position:relative;background:radial-gradient(circle at 50% 14%,rgba(215,131,61,.08),transparent 20%),linear-gradient(to bottom,#060d15,#09131f 60%,#0b1722)}.towerScene{position:fixed;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(1,5,9,.2),rgba(1,5,9,.68)),url("/images/watchtower.webp") center center/cover no-repeat;transition:background-position .8s ease}.towerScene:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,13,21,.96),rgba(6,13,21,.2) 42%,rgba(6,13,21,.45))}.tower{position:absolute;right:13%;top:20%;width:110px;height:380px;background:linear-gradient(90deg,#111820,#252e35 50%,#0b1015);clip-path:polygon(30% 0,70% 0,83% 100%,17% 100%);opacity:.65}.beacon{position:absolute;left:50%;top:-18px;width:44px;height:44px;transform:translateX(-50%);border-radius:50%;background:rgba(181,92,28,.12);box-shadow:0 0 0 rgba(242,166,95,0);transition:all .5s ease}.flame{position:absolute;left:50%;bottom:8px;width:12px;height:22px;transform:translateX(-50%);border-radius:50% 50% 45% 45%;background:linear-gradient(#fff4d1,#f2a65f 45%,#a74615);opacity:.08;transition:opacity .5s ease,transform .5s ease}.assessmentPanel{position:relative;z-index:2;width:min(760px,calc(100% - 32px));margin:0 auto;padding:12vh 0 80px}.screen{display:none;background:rgba(7,17,27,.88);border:1px solid var(--border);border-radius:14px;padding:36px;backdrop-filter:blur(10px)}.screen.active{display:block}.screen h1,.screen h2{margin-top:8px}#questionText{font-size:clamp(28px,5vw,42px);line-height:1.2}.questionHelp,.resultSummary,.methodology p{color:var(--muted)}.answerButtons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.answerButtons button{padding:14px;color:var(--text);background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:8px;cursor:pointer}.answerButtons button:hover{border-color:rgba(242,166,95,.7)}.progressWrap{margin-bottom:26px}.progressBar{height:6px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.06)}.progressBar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#785022,#f2a65f);transition:width .4s ease}.progressText{margin-top:8px;color:var(--muted);font-size:12px}.scoreCircle{width:150px;height:150px;border-radius:50%;border:1px solid rgba(242,166,95,.45);display:grid;place-items:center;margin:24px 0;background:radial-gradient(circle,rgba(215,131,61,.14),rgba(255,255,255,.01))}.scoreCircle span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:46px}.scoreCircle small{display:block;margin-top:-26px;color:var(--muted)}.resultColumns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.resultColumns ul{padding-left:20px}.methodology{margin-top:30px;padding:22px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}.contactCta{margin-top:28px;padding-top:26px;border-top:1px solid var(--border)}@media(max-width:760px){.nav{align-items:flex-start}.navLinks{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.heroContent{padding-top:80px}.grid,.contactGrid,.resultColumns,.answerButtons{grid-template-columns:1fr}.screen{padding:26px 22px}.tower{right:6%;opacity:.45}}

/* Assessment */
.assessmentBody {
  margin: 0;
  min-height: 100vh;
  overflow: hidden;
  background: #071019;
}

.signalLayout {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(410px, .95fr);
}

.assessmentPane {
  position: relative;
  z-index: 5;
  min-height: 100vh;
  padding: 28px clamp(28px, 5vw, 74px) 44px;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(circle at 90% 50%, rgba(64, 79, 91, .12), transparent 35%),
    linear-gradient(135deg, #071019, #0b1621 75%, #0b151f);
  border-right: 1px solid rgba(255,255,255,.06);
}

.assessmentTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.assessmentBrand {
  font-family: Cinzel, Georgia, serif;
  font-size: 22px;
  color: var(--text);
  text-decoration: none;
  letter-spacing: .05em;
}

.progressMeta {
  display: flex;
  gap: 16px;
  color: var(--muted);
  font-size: 12px;
}

.progressBar {
  margin-top: 16px;
  height: 5px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.07);
}

.progressBar span {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, #6a4422, #e9a058);
  box-shadow: 0 0 16px rgba(233,160,88,.25);
  transition: width 550ms ease;
}

.assessmentContent {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 34px 0 20px;
}

.assessmentCard {
  display: none;
  width: min(100%, 760px);
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  padding-right: 10px;
}

.assessmentCard.active {
  display: block;
  animation: contentIn 300ms ease both;
}

@keyframes contentIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.assessmentCard h1 {
  max-width: 700px;
  margin: 8px 0 20px;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1.03;
}

.assessmentCard h2 {
  max-width: 700px;
  margin: 8px 0 16px;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.15;
}

.assessmentCard p {
  max-width: 680px;
  color: var(--muted);
}

.questionHelp,
.privacyNote,
.emailPrivacy {
  color: rgba(205,214,221,.7) !important;
}

.privacyNote,
.emailPrivacy {
  font-size: 13px;
}

.answerButtons {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 560px;
  margin-top: 28px;
}

.answerButtons button {
  padding: 15px 18px;
  color: var(--text);
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 8px;
  font: inherit;
  cursor: pointer;
  transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.answerButtons button:hover,
.answerButtons button:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(234,160,88,.65);
  background: rgba(123,76,34,.16);
  outline: none;
}

.resultHeader {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 24px;
  align-items: center;
}

.scoreCircle {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  border: 1px solid rgba(234,160,88,.42);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: radial-gradient(circle, rgba(215,131,61,.17), rgba(255,255,255,.01));
}

.scoreCircle span {
  font-family: Cinzel, Georgia, serif;
  font-size: 42px;
  line-height: 1;
}

.scoreCircle small {
  margin-top: 8px;
  color: var(--muted);
}

.resultColumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  margin-top: 26px;
}

.resultColumns ul {
  padding-left: 20px;
}

.methodology {
  margin-top: 26px;
  padding: 20px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
}

.contactCta {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Tower panel */
.towerPane {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: #09131e;
}

.towerSky {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 68% 14%, rgba(138,157,174,.18), transparent 18%),
    linear-gradient(to bottom, #091521 0%, #0b1722 48%, #0f1820 100%);
}

.moonGlow {
  position: absolute;
  top: 7%;
  right: 11%;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226,232,236,.15), rgba(226,232,236,.04) 35%, transparent 70%);
}

.mountains {
  position: absolute;
  left: -10%;
  width: 120%;
}

.mountainsBack {
  bottom: 11%;
  height: 43%;
  opacity: .55;
  background: #111d28;
  clip-path: polygon(0 78%, 12% 50%, 20% 63%, 32% 35%, 44% 70%, 55% 47%, 66% 66%, 78% 29%, 90% 57%, 100% 42%, 100% 100%, 0 100%);
}

.mountainsFront {
  bottom: 0;
  height: 34%;
  background: #070d13;
  clip-path: polygon(0 76%, 14% 55%, 27% 67%, 40% 43%, 54% 70%, 68% 51%, 82% 68%, 94% 48%, 100% 57%, 100% 100%, 0 100%);
}

.towerStage {
  position: absolute;
  left: 50%;
  bottom: 5vh;
  width: min(72%, 500px);
  height: 90vh;
  transform: translateX(-50%);
}

.towerBodyVisual {
  position: absolute;
  left: 50%;
  bottom: 7%;
  width: 44%;
  height: 73%;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg, rgba(0,0,0,.35), transparent 18%, transparent 80%, rgba(0,0,0,.42)),
    linear-gradient(to bottom, #2d3439, #20272c 52%, #171d22);
  border-left: 1px solid rgba(255,255,255,.05);
  border-right: 1px solid rgba(255,255,255,.04);
  clip-path: polygon(21% 0, 79% 0, 98% 100%, 2% 100%);
  filter: drop-shadow(0 20px 30px rgba(0,0,0,.45));
}

.stoneTexture {
  position: absolute;
  inset: 0;
  opacity: .45;
  background:
    repeating-linear-gradient(to bottom, transparent 0 40px, rgba(255,255,255,.055) 41px, rgba(0,0,0,.3) 42px, transparent 44px),
    repeating-linear-gradient(90deg, transparent 0 62px, rgba(255,255,255,.025) 64px, transparent 66px 126px);
}

.towerTop {
  position: absolute;
  left: 50%;
  bottom: 79%;
  width: 51%;
  height: 70px;
  transform: translateX(-50%);
  background: #232a30;
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

.towerTop span {
  position: absolute;
  top: -30px;
  width: 13%;
  height: 36px;
  background: #232a30;
}

.towerTop span:nth-child(1) { left: 0; }
.towerTop span:nth-child(2) { left: 21.5%; }
.towerTop span:nth-child(3) { left: 43.5%; }
.towerTop span:nth-child(4) { left: 65.5%; }
.towerTop span:nth-child(5) { right: 0; }

.towerBeacon {
  position: absolute;
  left: 50%;
  bottom: 87%;
  width: 42%;
  height: 90px;
  transform: translateX(-50%);
}

.beaconBowl {
  position: absolute;
  left: 50%;
  bottom: 4px;
  width: 68%;
  height: 30px;
  transform: translateX(-50%);
  border-radius: 0 0 50% 50%;
  background: #101419;
  border: 2px solid rgba(255,255,255,.06);
}

.beaconGlow {
  position: absolute;
  left: 50%;
  bottom: 10px;
  width: 150px;
  height: 150px;
  transform: translate(-50%, -50%) scale(.5);
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(circle, rgba(255,185,97,.7), rgba(237,114,35,.18) 40%, transparent 72%);
  filter: blur(6px);
  transition: opacity 800ms ease, transform 900ms ease;
}

.beaconFire {
  position: absolute;
  left: 50%;
  bottom: 28px;
  width: 100px;
  height: 100px;
  transform: translateX(-50%) scale(.65);
  transform-origin: 50% 100%;
  opacity: 0;
  transition: opacity 800ms ease, transform 900ms ease, filter 900ms ease;
}

.flame {
  position: absolute;
  bottom: 0;
  border-radius: 55% 45% 46% 54%;
  transform-origin: bottom;
  animation: flameDance 1s ease-in-out infinite alternate;
}

.flame1 {
  left: 27px;
  width: 44px;
  height: 92px;
  background: linear-gradient(to top, #8a2a12, #dc6928 42%, #f6a044 67%, #ffe0a4 88%);
}

.flame2 {
  left: 4px;
  width: 42px;
  height: 61px;
  background: linear-gradient(to top, #7b260f, #d65f21, #ffbc68);
  animation-delay: .2s;
}

.flame3 {
  right: 4px;
  width: 40px;
  height: 69px;
  background: linear-gradient(to top, #7c250f, #d96825, #ffd082);
  animation-delay: .38s;
}

@keyframes flameDance {
  from { transform: skewX(-6deg) scaleY(.93); }
  to { transform: skewX(7deg) scaleY(1.08); }
}

.towerWindow {
  position: absolute;
  left: 50%;
  width: 11%;
  height: 8%;
  transform: translateX(-50%);
  background: #05080b;
  border-radius: 50% 50% 7px 7px;
  box-shadow: inset 0 0 12px rgba(0,0,0,.9);
}

.windowA { bottom: 25%; }
.windowB { bottom: 50%; }
.windowC { bottom: 74%; }

.stairLine {
  position: absolute;
  left: 50%;
  height: 3px;
  background: rgba(119,128,134,.48);
  box-shadow: 0 1px 2px rgba(0,0,0,.4);
}

.s1 { bottom: 10%; width: 30%; transform: translateX(-54%) rotate(-6deg); }
.s2 { bottom: 17%; width: 28%; transform: translateX(-43%) rotate(6deg); }
.s3 { bottom: 24%; width: 33%; transform: translateX(-57%) rotate(-5deg); }
.s4 { bottom: 31%; width: 27%; transform: translateX(-45%) rotate(6deg); }
.s5 { bottom: 38%; width: 32%; transform: translateX(-56%) rotate(-5deg); }
.s6 { bottom: 45%; width: 28%; transform: translateX(-44%) rotate(7deg); }
.s7 { bottom: 52%; width: 31%; transform: translateX(-55%) rotate(-5deg); }
.s8 { bottom: 59%; width: 28%; transform: translateX(-44%) rotate(6deg); }
.s9 { bottom: 66%; width: 31%; transform: translateX(-56%) rotate(-5deg); }
.s10 { bottom: 73%; width: 27%; transform: translateX(-44%) rotate(6deg); }
.s11 { bottom: 80%; width: 30%; transform: translateX(-55%) rotate(-5deg); }
.s12 { bottom: 87%; width: 28%; transform: translateX(-44%) rotate(6deg); }

.climber {
  position: absolute;
  left: 43%;
  bottom: 4%;
  width: 28px;
  height: 50px;
  z-index: 10;
  transition: bottom 700ms cubic-bezier(.2,.8,.2,1);
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.75));
}

.climber .head {
  position: absolute;
  top: 0;
  left: 9px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #050607;
}

.climber .body {
  position: absolute;
  top: 9px;
  left: 7px;
  width: 14px;
  height: 22px;
  border-radius: 7px 7px 4px 4px;
  background: #050607;
}

.climber .arm,
.climber .leg {
  position: absolute;
  width: 4px;
  border-radius: 4px;
  background: #050607;
  transform-origin: top;
}

.climber .arm { top: 15px; height: 17px; }
.climber .leg { top: 29px; height: 19px; }

.leftArm { left: 6px; transform: rotate(25deg); }
.rightArm { left: 18px; transform: rotate(-30deg); }
.leftLeg { left: 9px; transform: rotate(16deg); }
.rightLeg { left: 15px; transform: rotate(-16deg); }

.towerFoot {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 58%;
  height: 12%;
  transform: translateX(-50%);
  background: #11171c;
  clip-path: polygon(7% 0, 93% 0, 100% 100%, 0 100%);
}

.towerDoor {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 24%;
  height: 72%;
  transform: translateX(-50%);
  border-radius: 50% 50% 0 0;
  background: #04070a;
}

.groundPath {
  position: absolute;
  left: 50%;
  bottom: -8%;
  width: 55%;
  height: 15%;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, #15191d, transparent);
  clip-path: polygon(41% 0, 59% 0, 88% 100%, 12% 100%);
}

.mist {
  position: absolute;
  left: -10%;
  width: 120%;
  height: 120px;
  border-radius: 50%;
  filter: blur(28px);
  background: rgba(166,176,183,.055);
}

.mistOne {
  bottom: 17%;
  animation: mistMove 14s ease-in-out infinite alternate;
}

.mistTwo {
  bottom: 41%;
  animation: mistMove 18s ease-in-out infinite alternate-reverse;
}

@keyframes mistMove {
  from { transform: translateX(-3%); }
  to { transform: translateX(7%); }
}

.towerCaption {
  position: absolute;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px;
  color: rgba(235,239,242,.72);
  background: rgba(5,10,15,.55);
  backdrop-filter: blur(8px);
  font-size: 12px;
  white-space: nowrap;
}

@media (max-width: 980px) {
  .assessmentBody { overflow: auto; }

  .signalLayout {
    min-height: 100vh;
    grid-template-columns: 1fr;
  }

  .assessmentPane {
    min-height: auto;
    padding-bottom: 30px;
  }

  .towerPane {
    min-height: 680px;
    order: -1;
  }

  .assessmentContent {
    min-height: 560px;
  }

  .assessmentCard {
    max-height: none;
  }
}

@media (max-width: 650px) {
  .assessmentPane {
    padding: 20px;
  }

  .assessmentTopbar {
    align-items: flex-start;
  }

  .progressMeta {
    flex-direction: column;
    gap: 2px;
    text-align: right;
  }

  .answerButtons,
  .resultColumns,
  .resultHeader {
    grid-template-columns: 1fr;
  }

  .towerPane {
    min-height: 560px;
  }

  .towerStage {
    width: 86%;
    height: 76vh;
  }

  .assessmentCard h1 {
    font-size: 42px;
  }
}
@media(max-width:760px){.hero{background:linear-gradient(to bottom,rgba(4,9,15,.16),rgba(4,9,15,.86)),url("/images/silouette.png") 72% bottom/auto 72% no-repeat,radial-gradient(circle at 70% 22%,rgba(96,118,139,.26),transparent 28%),linear-gradient(to bottom,#263542 0%,#172532 42%,#0b1620 100%)}}

/* Signal Score audience choices */
.scoreChoices{align-items:stretch}
.scoreChoice{min-width:280px;display:flex;flex-direction:column;gap:3px}
.scoreChoice strong{font-family:Inter,Arial,sans-serif;font-size:15px}
.scoreChoice span{font-size:12px;color:rgba(238,242,245,.72)}
@media(max-width:680px){
  .scoreChoices{flex-direction:column;align-items:stretch}
  .scoreChoice{min-width:0;width:100%}
}


/* Business Signal Score v9 */
.businessModelIntro{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0;
}
.businessModelIntro>div{
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:14px;
  background:rgba(255,255,255,.025);
}
.businessModelIntro strong{
  display:block;
  color:#f2f4f5;
  margin-bottom:5px;
  font-size:14px;
}
.businessModelIntro span{
  display:block;
  color:rgba(238,242,245,.65);
  font-size:12px;
  line-height:1.45;
}
.componentScores{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:24px 0 30px;
}
.componentScore{
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:14px;
  background:rgba(255,255,255,.025);
}
.componentScore>span{
  display:block;
  color:rgba(238,242,245,.65);
  font-size:12px;
  margin-bottom:5px;
}
.componentScore>strong{
  display:block;
  color:#f2f4f5;
  font-size:22px;
  margin-bottom:10px;
}
.componentBar{
  height:5px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}
.componentBar i{
  display:block;
  width:0;
  height:100%;
  border-radius:999px;
  background:#e79a46;
  transition:width .6s ease;
}
.formulaLine{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
  color:#f2f4f5;
  padding:12px 0;
}
@media(max-width:760px){
  .businessModelIntro,.componentScores{grid-template-columns:1fr}
}


/* Assessment confidence */
.confidencePanel{margin:0 0 28px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(255,255,255,.025)}
.confidencePanel>div:first-child{display:flex;justify-content:space-between;gap:20px;align-items:baseline}
.confidenceLabel{color:rgba(238,242,245,.68);font-size:13px}
.confidencePanel strong{color:#f2f4f5;font-size:20px}
.confidenceBar{height:6px;margin:10px 0 9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.confidenceBar i{display:block;width:0;height:100%;border-radius:999px;background:#e79a46;transition:width .6s ease}
.confidencePanel p{margin:0;color:rgba(238,242,245,.68);font-size:12px;line-height:1.55}