body[data-ui-skin="public-site"] .demoHeroD{
  max-width:1240px;
  margin:0 auto;
  padding:76px 24px 46px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);
  gap:40px;
  align-items:end;
}

body[data-ui-skin="public-site"] .demoHeroD h1{
  max-width:900px;
  margin:0;
  font-size:clamp(48px,6vw,78px);
  line-height:.95;
  letter-spacing:-.07em;
}

body[data-ui-skin="public-site"] .demoHeroD>div>p{
  max-width:760px;
  margin:22px 0 0;
  color:var(--public-muted);
  font-size:19px;
  line-height:1.55;
}

body[data-ui-skin="public-site"] .demoHeroStatementD{
  padding:26px;
  border:1px solid var(--public-line);
  border-radius:24px;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(107,85,219,.16),
      transparent 42%
    ),
    #fff;
  box-shadow:0 20px 48px rgba(39,29,57,.09);
}

body[data-ui-skin="public-site"] .demoHeroStatementD small{
  display:block;
  margin-bottom:10px;
  color:var(--public-violet);
  font-size:9px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoHeroStatementD strong{
  font-size:21px;
  line-height:1.4;
  letter-spacing:-.025em;
}

body[data-ui-skin="public-site"] .demoJourneyD{
  max-width:1240px;
  margin:0 auto;
  padding:24px 24px 74px;
}

body[data-ui-skin="public-site"] .demoStepNavigationD{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-bottom:14px;
}

body[data-ui-skin="public-site"] .demoStepButtonD{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  padding:12px 10px;
  border:1px solid var(--public-line);
  border-radius:12px;
  background:#fff;
  color:var(--public-muted);
  cursor:pointer;
  font:inherit;
  box-shadow:none;
}

body[data-ui-skin="public-site"] .demoStepButtonD:hover{
  border-color:#b7abd9;
  background:#faf8ff;
}

body[data-ui-skin="public-site"] .demoStepButtonD.selected{
  border-color:var(--public-violet);
  background:var(--public-violet-soft);
  color:var(--public-violet-dark);
}

body[data-ui-skin="public-site"] .demoStepButtonD span{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:#f0edf5;
  font-size:9px;
  font-weight:900;
}

body[data-ui-skin="public-site"] .demoStepButtonD.selected span{
  background:var(--public-violet);
  color:#fff;
}

body[data-ui-skin="public-site"] .demoStepButtonD b{
  overflow:hidden;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body[data-ui-skin="public-site"] .demoStageD{
  overflow:hidden;
  border:1px solid var(--public-line);
  border-radius:28px;
  background:
    radial-gradient(
      circle at 95% 0,
      rgba(104,85,216,.10),
      transparent 36%
    ),
    linear-gradient(145deg,#fff,#faf8fc);
  box-shadow:0 26px 62px rgba(36,27,53,.11);
}

body[data-ui-skin="public-site"] .demoStagePanelD{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  gap:42px;
  align-items:center;
  min-height:570px;
  padding:clamp(28px,4vw,56px);
}

body[data-ui-skin="public-site"] .demoStageCopyD h2{
  margin:0;
  font-size:clamp(34px,4vw,53px);
  line-height:1;
  letter-spacing:-.055em;
}

body[data-ui-skin="public-site"] .demoStageCopyD>p{
  margin:18px 0 0;
  color:var(--public-muted);
  font-size:16px;
  line-height:1.58;
}

body[data-ui-skin="public-site"] .demoStageCopyD ul{
  display:grid;
  gap:9px;
  margin:25px 0 0;
  padding:0;
  list-style:none;
}

body[data-ui-skin="public-site"] .demoStageCopyD li{
  position:relative;
  padding-left:22px;
  font-size:13px;
  font-weight:800;
}

body[data-ui-skin="public-site"] .demoStageCopyD li:before{
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--public-violet);
  box-shadow:0 0 0 5px rgba(103,84,217,.10);
}

body[data-ui-skin="public-site"] .demoStageVisualD{
  min-width:0;
}

body[data-ui-skin="public-site"] .demoConceptD{
  position:relative;
  overflow:hidden;
  min-height:430px;
  padding:24px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:25px;
  background:
    radial-gradient(
      circle at 90% 4%,
      rgba(120,101,244,.26),
      transparent 36%
    ),
    linear-gradient(145deg,#181521,#2c2742);
  color:#fff;
  box-shadow:0 28px 62px rgba(27,21,42,.22);
}

body[data-ui-skin="public-site"] .demoConceptBarD{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:rgba(255,255,255,.07);
}

body[data-ui-skin="public-site"] .demoConceptBarD span,
body[data-ui-skin="public-site"] .demoConceptBarD em{
  color:#bdb7cb;
  font-size:9px;
  font-style:normal;
  font-weight:850;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoConceptBarD b{
  font-size:13px;
}

body[data-ui-skin="public-site"] .demoResumeLeadD{
  padding:28px 4px 22px;
}

body[data-ui-skin="public-site"] .demoResumeLeadD small,
body[data-ui-skin="public-site"] .demoResumeGridD small{
  display:block;
  color:#a9a2b8;
  font-size:9px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoResumeLeadD strong{
  display:block;
  max-width:520px;
  margin-top:8px;
  font-size:24px;
  line-height:1.3;
}

body[data-ui-skin="public-site"] .demoResumeGridD{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body[data-ui-skin="public-site"] .demoResumeGridD article{
  display:grid;
  gap:7px;
  padding:15px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:rgba(10,8,17,.27);
}

body[data-ui-skin="public-site"] .demoResumeGridD span{
  color:#e5e0ec;
  font-size:11px;
}

body[data-ui-skin="public-site"] .demoConceptActionD{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  margin-top:10px;
  padding:14px;
  border-radius:15px;
  background:linear-gradient(
    135deg,
    rgba(210,119,62,.22),
    rgba(105,84,218,.27)
  );
}

body[data-ui-skin="public-site"] .demoConceptActionD span{
  color:#bdb6c9;
  font-size:9px;
  font-weight:850;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoConceptActionD b{
  font-size:12px;
}

body[data-ui-skin="public-site"] .demoConceptActionD em{
  font-size:20px;
  font-style:normal;
}

body[data-ui-skin="public-site"] .demoConceptContinuityD{
  display:grid;
  align-content:center;
  gap:28px;
}

body[data-ui-skin="public-site"] .demoOrbitD{
  position:relative;
  width:min(100%,390px);
  aspect-ratio:1;
  margin:auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
}

body[data-ui-skin="public-site"] .demoOrbitD:before,
body[data-ui-skin="public-site"] .demoOrbitD:after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
}

body[data-ui-skin="public-site"] .demoOrbitD:before{
  inset:15%;
}

body[data-ui-skin="public-site"] .demoOrbitD:after{
  inset:31%;
}

body[data-ui-skin="public-site"] .demoOrbitCenterD{
  position:absolute;
  inset:37%;
  z-index:3;
  display:grid;
  place-items:center;
  align-content:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:linear-gradient(145deg,#6a58df,#413574);
  box-shadow:0 0 45px rgba(105,86,225,.38);
}

body[data-ui-skin="public-site"] .demoOrbitCenterD small{
  color:#d6d0f2;
  font-size:8px;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoOrbitCenterD b{
  margin-top:3px;
  font-size:17px;
}

body[data-ui-skin="public-site"] .demoOrbitNodeD{
  position:absolute;
  z-index:4;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:#262137;
  font-size:10px;
  font-weight:850;
  box-shadow:0 9px 22px rgba(0,0,0,.18);
}

body[data-ui-skin="public-site"] .demoOrbitNodeD.node-a{
  top:7%;
  left:36%;
}

body[data-ui-skin="public-site"] .demoOrbitNodeD.node-b{
  top:43%;
  right:-2%;
}

body[data-ui-skin="public-site"] .demoOrbitNodeD.node-c{
  bottom:7%;
  left:35%;
}

body[data-ui-skin="public-site"] .demoOrbitNodeD.node-d{
  top:43%;
  left:-3%;
}

body[data-ui-skin="public-site"] .demoGuardResultsD{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

body[data-ui-skin="public-site"] .demoGuardResultsD article{
  padding:12px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:rgba(255,255,255,.06);
  text-align:center;
}

body[data-ui-skin="public-site"] .demoGuardResultsD strong{
  display:block;
  font-size:23px;
}

body[data-ui-skin="public-site"] .demoGuardResultsD span{
  display:block;
  color:#aaa4b8;
  font-size:9px;
}

body[data-ui-skin="public-site"] .demoConceptDecisionD{
  display:grid;
  align-content:center;
}

body[data-ui-skin="public-site"] .demoDecisionSourceD{
  width:max-content;
  max-width:100%;
  margin:0 auto 26px;
  padding:14px 18px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:15px;
  background:rgba(255,255,255,.07);
  text-align:center;
}

body[data-ui-skin="public-site"] .demoDecisionSourceD small{
  display:block;
  color:#aaa4b7;
  font-size:8px;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoDecisionSourceD b{
  display:block;
  margin-top:5px;
  font-size:17px;
}

body[data-ui-skin="public-site"] .demoDecisionPathsD{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

body[data-ui-skin="public-site"] .demoDecisionPathsD article{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-height:140px;
  padding:14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  background:rgba(8,7,14,.24);
}

body[data-ui-skin="public-site"] .demoDecisionPathsD article.selected{
  border-color:#998bff;
  background:rgba(112,91,226,.20);
}

body[data-ui-skin="public-site"] .demoDecisionPathsD article>span{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:rgba(255,255,255,.09);
  font-size:10px;
  font-weight:900;
}

body[data-ui-skin="public-site"] .demoDecisionPathsD b,
body[data-ui-skin="public-site"] .demoDecisionPathsD small{
  display:block;
}

body[data-ui-skin="public-site"] .demoDecisionPathsD b{
  font-size:12px;
}

body[data-ui-skin="public-site"] .demoDecisionPathsD small{
  margin-top:5px;
  color:#aaa4b7;
  font-size:9px;
}

body[data-ui-skin="public-site"] .demoDecisionPathsD em{
  position:absolute;
  right:10px;
  bottom:10px;
  color:#cfc8ff;
  font-size:8px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoDecisionFootD{
  margin-top:20px;
  color:#aaa4b7;
  font-size:10px;
  text-align:center;
}

body[data-ui-skin="public-site"] .demoConceptPromptD{
  display:grid;
  align-content:center;
}

body[data-ui-skin="public-site"] .demoPipelineD{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)
    auto minmax(0,1fr);
  gap:10px;
  align-items:center;
}

body[data-ui-skin="public-site"] .demoPipelineD>strong{
  color:#9d94b3;
  font-size:20px;
}

body[data-ui-skin="public-site"] .demoPipelineD article{
  display:grid;
  gap:7px;
  min-height:230px;
  padding:15px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(9,7,15,.26);
}

body[data-ui-skin="public-site"] .demoPipelineD article.result{
  border-color:#6fc2cf;
  background:rgba(38,116,130,.22);
}

body[data-ui-skin="public-site"] .demoPipelineD article>span{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:rgba(255,255,255,.09);
  font-size:9px;
  font-weight:900;
}

body[data-ui-skin="public-site"] .demoPipelineD small{
  color:#aaa4b7;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoPipelineD b{
  margin-bottom:5px;
  font-size:14px;
}

body[data-ui-skin="public-site"] .demoPipelineD i{
  padding:6px 8px;
  border-radius:8px;
  background:rgba(255,255,255,.07);
  color:#ddd8e5;
  font-size:9px;
  font-style:normal;
}

body[data-ui-skin="public-site"] .demoPipelineGuardD{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:16px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:rgba(255,255,255,.05);
}

body[data-ui-skin="public-site"] .demoPipelineGuardD span{
  padding:5px 7px;
  border-radius:999px;
  background:#4d3242;
  color:#f2c9d2;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoPipelineGuardD b{
  font-size:10px;
}

body[data-ui-skin="public-site"] .demoConceptHistoryD{
  display:grid;
  align-content:center;
}

body[data-ui-skin="public-site"] .demoHistoryStackD{
  position:relative;
  min-height:290px;
}

body[data-ui-skin="public-site"] .demoHistoryStackD article{
  position:absolute;
  left:8%;
  right:8%;
  display:grid;
  gap:5px;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  box-shadow:0 18px 38px rgba(0,0,0,.20);
}

body[data-ui-skin="public-site"] .demoHistoryStackD article.older{
  top:0;
  transform:scale(.88);
  background:#242031;
  opacity:.58;
}

body[data-ui-skin="public-site"] .demoHistoryStackD article.middle{
  top:72px;
  transform:scale(.94);
  background:#302941;
  opacity:.82;
}

body[data-ui-skin="public-site"] .demoHistoryStackD article.current{
  top:152px;
  background:linear-gradient(145deg,#4d3d8b,#2c2850);
}

body[data-ui-skin="public-site"] .demoHistoryStackD small{
  color:#aaa4b7;
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .demoHistoryStackD b{
  font-size:16px;
}

body[data-ui-skin="public-site"] .demoHistoryStackD span{
  color:#d4cedd;
  font-size:10px;
}

body[data-ui-skin="public-site"] .demoHistoryActionsD{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

body[data-ui-skin="public-site"] .demoHistoryActionsD span{
  padding:9px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  font-size:9px;
  font-weight:850;
  text-align:center;
}

body[data-ui-skin="public-site"] .demoTourSummaryD{
  max-width:1192px;
  margin:0 auto 24px;
  padding:40px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
  gap:30px;
  align-items:center;
  border:1px solid var(--public-line);
  border-radius:25px;
  background:#fff;
}

body[data-ui-skin="public-site"] .demoTourSummaryD h2{
  margin:0;
  font-size:clamp(30px,3.5vw,46px);
  line-height:1.04;
  letter-spacing:-.05em;
}

body[data-ui-skin="public-site"] .demoTourSummaryGridD{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

body[data-ui-skin="public-site"] .demoTourSummaryGridD article{
  padding:13px;
  border:1px solid var(--public-line);
  border-radius:13px;
  background:#faf9fd;
}

body[data-ui-skin="public-site"] .demoTourSummaryGridD strong,
body[data-ui-skin="public-site"] .demoTourSummaryGridD span{
  display:block;
}

body[data-ui-skin="public-site"] .demoTourSummaryGridD strong{
  color:var(--public-violet-dark);
  font-size:13px;
}

body[data-ui-skin="public-site"] .demoTourSummaryGridD span{
  margin-top:5px;
  color:var(--public-muted);
  font-size:9px;
  line-height:1.4;
}

body[data-ui-skin="public-site"] .demoFinalCtaD{
  margin-bottom:70px;
}

@media(max-width:980px){
  body[data-ui-skin="public-site"] .demoHeroD,
  body[data-ui-skin="public-site"] .demoStagePanelD,
  body[data-ui-skin="public-site"] .demoTourSummaryD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .demoStepNavigationD{
    grid-template-columns:repeat(5,minmax(100px,1fr));
    overflow:auto;
    padding-bottom:5px;
  }

  body[data-ui-skin="public-site"] .demoStagePanelD{
    min-height:0;
  }
}

@media(max-width:680px){
  body[data-ui-skin="public-site"] .demoHeroD{
    padding:48px 16px 30px;
  }

  body[data-ui-skin="public-site"] .demoHeroD h1{
    font-size:45px;
  }

  body[data-ui-skin="public-site"] .demoJourneyD{
    padding:16px 12px 48px;
  }

  body[data-ui-skin="public-site"] .demoStagePanelD{
    gap:28px;
    padding:24px 18px;
  }

  body[data-ui-skin="public-site"] .demoStageCopyD h2{
    font-size:36px;
  }

  body[data-ui-skin="public-site"] .demoConceptD{
    min-height:390px;
    padding:16px;
  }

  body[data-ui-skin="public-site"] .demoResumeGridD,
  body[data-ui-skin="public-site"] .demoDecisionPathsD,
  body[data-ui-skin="public-site"] .demoGuardResultsD,
  body[data-ui-skin="public-site"] .demoHistoryActionsD,
  body[data-ui-skin="public-site"] .demoTourSummaryGridD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .demoPipelineD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .demoPipelineD>strong{
    transform:rotate(90deg);
    text-align:center;
  }

  body[data-ui-skin="public-site"] .demoOrbitD{
    width:300px;
    max-width:100%;
  }

  body[data-ui-skin="public-site"] .demoTourSummaryD{
    margin-inline:12px;
    padding:26px 18px;
  }
}

body[data-ui-skin="public-site"] .accessGateConceptFrameD figcaption{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:12px 5px 1px;
}

body[data-ui-skin="public-site"] .accessGateConceptFrameD figcaption b{
  color:#302847;
}

body[data-ui-skin="public-site"] .accessGateConceptFrameD figcaption span{
  color:#746d7e;
  font-size:11px;
}

body[data-ui-skin="public-site"] .accessConceptD{
  min-height:430px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:20px;
  background:
    radial-gradient(
      circle at 92% 4%,
      rgba(119,98,242,.27),
      transparent 37%
    ),
    linear-gradient(145deg,#17141f,#2c2741);
  color:#fff;
  box-shadow:0 22px 48px rgba(25,19,39,.24);
}

body[data-ui-skin="public-site"] .accessGateHeroD.director .accessConceptD{
  background:
    radial-gradient(
      circle at 92% 4%,
      rgba(219,126,79,.26),
      transparent 38%
    ),
    linear-gradient(145deg,#25151d,#632b45);
}

body[data-ui-skin="public-site"] .accessGateHeroD.prompt .accessConceptD{
  background:
    radial-gradient(
      circle at 92% 4%,
      rgba(66,166,181,.27),
      transparent 38%
    ),
    linear-gradient(145deg,#102630,#235663);
}

body[data-ui-skin="public-site"] .accessConceptTopD{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  background:rgba(255,255,255,.07);
}

body[data-ui-skin="public-site"] .accessConceptTopD span,
body[data-ui-skin="public-site"] .accessConceptTopD em{
  color:rgba(255,255,255,.62);
  font-size:8px;
  font-style:normal;
  font-weight:850;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .accessConceptTopD b{
  font-size:12px;
}

body[data-ui-skin="public-site"] .accessDirectorMapD{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:22px;
}

body[data-ui-skin="public-site"] .accessDirectorMapD article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  min-height:98px;
  padding:13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(10,7,13,.20);
}

body[data-ui-skin="public-site"] .accessDirectorMapD article.complete{
  border-color:rgba(118,205,146,.35);
}

body[data-ui-skin="public-site"] .accessDirectorMapD article.active{
  border-color:rgba(244,167,115,.55);
  background:rgba(222,117,68,.16);
}

body[data-ui-skin="public-site"] .accessDirectorMapD article>span{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:rgba(255,255,255,.09);
  font-size:9px;
  font-weight:900;
}

body[data-ui-skin="public-site"] .accessDirectorMapD b,
body[data-ui-skin="public-site"] .accessDirectorMapD small{
  display:block;
}

body[data-ui-skin="public-site"] .accessDirectorMapD b{
  font-size:13px;
}

body[data-ui-skin="public-site"] .accessDirectorMapD small{
  margin-top:5px;
  color:rgba(255,255,255,.58);
  font-size:9px;
}

body[data-ui-skin="public-site"] .accessImpactD{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:10px;
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
}

body[data-ui-skin="public-site"] .accessImpactD small,
body[data-ui-skin="public-site"] .accessImpactD b{
  display:block;
}

body[data-ui-skin="public-site"] .accessImpactD small{
  color:rgba(255,255,255,.57);
  font-size:8px;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .accessImpactD b{
  margin-top:4px;
  font-size:12px;
}

body[data-ui-skin="public-site"] .accessImpactD>span{
  align-self:center;
  color:#f1c4a8;
  font-size:9px;
  font-weight:900;
}

body[data-ui-skin="public-site"] .accessPromptPipelineD{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)
    auto minmax(0,1fr);
  gap:8px;
  align-items:center;
  margin-top:30px;
}

body[data-ui-skin="public-site"] .accessPromptPipelineD>strong{
  color:rgba(255,255,255,.48);
}

body[data-ui-skin="public-site"] .accessPromptPipelineD article{
  display:grid;
  gap:7px;
  min-height:230px;
  padding:13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(6,14,18,.24);
}

body[data-ui-skin="public-site"] .accessPromptPipelineD article.guard{
  border-color:rgba(104,191,204,.38);
}

body[data-ui-skin="public-site"] .accessPromptPipelineD article.result{
  border-color:rgba(127,210,174,.42);
  background:rgba(47,132,103,.17);
}

body[data-ui-skin="public-site"] .accessPromptPipelineD small{
  color:rgba(255,255,255,.54);
  font-size:8px;
  font-weight:850;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .accessPromptPipelineD b{
  margin-bottom:4px;
  font-size:13px;
}

body[data-ui-skin="public-site"] .accessPromptPipelineD span{
  padding:6px 7px;
  border-radius:8px;
  background:rgba(255,255,255,.07);
  font-size:8px;
}

body[data-ui-skin="public-site"] .accessExcludedD{
  display:flex;
  gap:9px;
  margin-top:13px;
  padding:11px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
}

body[data-ui-skin="public-site"] .accessExcludedD span{
  color:#91d5df;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .accessExcludedD b{
  font-size:9px;
}

body[data-ui-skin="public-site"] .accessAccountProjectD{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:23px;
  padding:17px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:rgba(255,255,255,.07);
}

body[data-ui-skin="public-site"] .accessAccountProjectD small,
body[data-ui-skin="public-site"] .accessAccountProjectD b,
body[data-ui-skin="public-site"] .accessAccountProjectD span{
  display:block;
}

body[data-ui-skin="public-site"] .accessAccountProjectD small{
  color:rgba(255,255,255,.57);
  font-size:8px;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .accessAccountProjectD b{
  margin-top:5px;
  font-size:17px;
}

body[data-ui-skin="public-site"] .accessAccountProjectD span{
  margin-top:4px;
  color:rgba(255,255,255,.63);
  font-size:9px;
}

body[data-ui-skin="public-site"] .accessAccountProjectD em{
  align-self:center;
  color:#cfc6ff;
  font-size:10px;
  font-style:normal;
  font-weight:900;
}

body[data-ui-skin="public-site"] .accessAccountModulesD{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:10px;
}

body[data-ui-skin="public-site"] .accessAccountModulesD article{
  min-height:135px;
  padding:15px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
}

body[data-ui-skin="public-site"] .accessAccountModulesD article.director{
  background:rgba(126,47,80,.26);
}

body[data-ui-skin="public-site"] .accessAccountModulesD article.prompt{
  background:rgba(35,105,119,.26);
}

body[data-ui-skin="public-site"] .accessAccountModulesD small,
body[data-ui-skin="public-site"] .accessAccountModulesD b,
body[data-ui-skin="public-site"] .accessAccountModulesD span{
  display:block;
}

body[data-ui-skin="public-site"] .accessAccountModulesD small{
  color:rgba(255,255,255,.55);
  font-size:8px;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .accessAccountModulesD b{
  margin-top:9px;
  font-size:14px;
}

body[data-ui-skin="public-site"] .accessAccountModulesD span{
  margin-top:7px;
  color:rgba(255,255,255,.63);
  font-size:9px;
}

body[data-ui-skin="public-site"] .accessAccountStatusD{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:11px;
}

body[data-ui-skin="public-site"] .accessAccountStatusD span{
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.68);
  font-size:8px;
  font-weight:800;
}

body[data-ui-skin="public-site"] .publicEvidenceSectionD{
  max-width:1240px;
  margin:0 auto;
  padding:70px 24px;
}

body[data-ui-skin="public-site"] .publicEvidenceGridD{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

body[data-ui-skin="public-site"] .publicEvidenceCardD{
  overflow:hidden;
  min-height:420px;
  padding:28px;
  border:1px solid var(--public-line);
  border-radius:25px;
  background:#fff;
  box-shadow:0 18px 44px rgba(37,28,54,.08);
}

body[data-ui-skin="public-site"] .publicEvidenceCardD.context{
  background:
    radial-gradient(
      circle at 90% 8%,
      rgba(112,88,220,.13),
      transparent 38%
    ),
    #fff;
}

body[data-ui-skin="public-site"] .publicEvidenceCardD.safety{
  background:
    radial-gradient(
      circle at 90% 8%,
      rgba(42,127,141,.12),
      transparent 38%
    ),
    #fff;
}

body[data-ui-skin="public-site"] .publicEvidenceCopyD small{
  color:var(--public-violet);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .publicEvidenceCopyD h3{
  max-width:480px;
  margin:8px 0 0;
  font-size:29px;
  line-height:1.05;
  letter-spacing:-.045em;
}

body[data-ui-skin="public-site"] .publicEvidenceCopyD p{
  max-width:520px;
  margin:11px 0 0;
  color:var(--public-muted);
  font-size:13px;
  line-height:1.55;
}

body[data-ui-skin="public-site"] .evidenceContextMapD{
  position:relative;
  width:min(100%,340px);
  aspect-ratio:1;
  margin:22px auto 0;
  border:1px solid #e3ddeb;
  border-radius:50%;
}

body[data-ui-skin="public-site"] .evidenceContextMapD:before,
body[data-ui-skin="public-site"] .evidenceContextMapD:after{
  content:"";
  position:absolute;
  border:1px solid #e8e3ee;
  border-radius:50%;
}

body[data-ui-skin="public-site"] .evidenceContextMapD:before{
  inset:17%;
}

body[data-ui-skin="public-site"] .evidenceContextMapD:after{
  inset:32%;
}

body[data-ui-skin="public-site"] .evidenceCoreD{
  position:absolute;
  inset:36%;
  z-index:2;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#6a57dc,#493b83);
  color:#fff;
  font-size:10px;
  font-weight:900;
  text-align:center;
  box-shadow:0 15px 35px rgba(93,72,190,.28);
}

body[data-ui-skin="public-site"] .evidenceContextMapD .node{
  position:absolute;
  z-index:3;
  padding:8px 10px;
  border:1px solid #dcd4e7;
  border-radius:999px;
  background:#fff;
  color:#4d4269;
  font-size:9px;
  font-weight:850;
  box-shadow:0 8px 20px rgba(41,31,58,.08);
}

body[data-ui-skin="public-site"] .evidenceContextMapD .world{
  top:6%;
  left:39%;
}

body[data-ui-skin="public-site"] .evidenceContextMapD .cast{
  top:45%;
  right:-2%;
}

body[data-ui-skin="public-site"] .evidenceContextMapD .time{
  bottom:6%;
  left:37%;
}

body[data-ui-skin="public-site"] .evidenceContextMapD .tone{
  top:45%;
  left:-1%;
}

body[data-ui-skin="public-site"] .evidenceSafetyFlowD{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)
    auto minmax(0,1fr);
  gap:9px;
  align-items:center;
  margin-top:54px;
}

body[data-ui-skin="public-site"] .evidenceSafetyFlowD>strong{
  color:#91899a;
}

body[data-ui-skin="public-site"] .evidenceSafetyFlowD article{
  min-height:145px;
  padding:14px;
  border:1px solid #ddd7e5;
  border-radius:14px;
  background:#fff;
}

body[data-ui-skin="public-site"] .evidenceSafetyFlowD article>span{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:#edf6f6;
  color:#287482;
  font-size:9px;
  font-weight:900;
}

body[data-ui-skin="public-site"] .evidenceSafetyFlowD b,
body[data-ui-skin="public-site"] .evidenceSafetyFlowD small{
  display:block;
}

body[data-ui-skin="public-site"] .evidenceSafetyFlowD b{
  margin-top:18px;
  font-size:13px;
}

body[data-ui-skin="public-site"] .evidenceSafetyFlowD small{
  margin-top:6px;
  color:#777080;
  font-size:9px;
  line-height:1.4;
}

body[data-ui-skin="public-site"] .publicInfrastructureD{
  max-width:1240px;
  margin:0 auto 28px;
  padding:20px 24px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:24px;
  align-items:center;
  border-top:1px solid var(--public-line);
  border-bottom:1px solid var(--public-line);
}

body[data-ui-skin="public-site"] .publicInfrastructureIntroD small,
body[data-ui-skin="public-site"] .publicInfrastructureIntroD b{
  display:block;
}

body[data-ui-skin="public-site"] .publicInfrastructureIntroD small{
  color:var(--public-muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .publicInfrastructureIntroD b{
  margin-top:4px;
  font-size:12px;
}

body[data-ui-skin="public-site"] .publicInfrastructureGridD{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}

body[data-ui-skin="public-site"] .publicInfrastructureGridD>span{
  min-width:0;
  padding:10px;
  border:1px solid var(--public-line);
  border-radius:11px;
  background:#fff;
}

body[data-ui-skin="public-site"] .publicInfrastructureGridD b,
body[data-ui-skin="public-site"] .publicInfrastructureGridD small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body[data-ui-skin="public-site"] .publicInfrastructureGridD b{
  color:#41384f;
  font-size:10px;
}

body[data-ui-skin="public-site"] .publicInfrastructureGridD small{
  margin-top:3px;
  color:#6a626f;
  font-size:8px;
}

@media(max-width:980px){
  body[data-ui-skin="public-site"] .accessPromptPipelineD,
  body[data-ui-skin="public-site"] .evidenceSafetyFlowD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .accessPromptPipelineD>strong,
  body[data-ui-skin="public-site"] .evidenceSafetyFlowD>strong{
    transform:rotate(90deg);
    text-align:center;
  }

  body[data-ui-skin="public-site"] .publicEvidenceGridD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .publicInfrastructureD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .publicInfrastructureGridD{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:680px){
  body[data-ui-skin="public-site"] .accessDirectorMapD,
  body[data-ui-skin="public-site"] .accessAccountModulesD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .accessConceptD{
    min-height:0;
  }

  body[data-ui-skin="public-site"] .publicEvidenceSectionD{
    padding:48px 16px;
  }

  body[data-ui-skin="public-site"] .publicInfrastructureGridD{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Batch E — bounded access gates and premium audience */

body[data-ui-skin="public-site"] .accessGatePageD,
body[data-ui-skin="public-site"] .audienceD,
body[data-ui-skin="public-site"] .publicInfrastructureD{
  --public-ink:#17141f;
  --public-muted:#6f6879;
  --public-line:#dfd9e7;
  --public-violet:#6754d9;
  --public-violet-dark:#3d326f;
  --public-violet-soft:#f1edff;
  --public-copper:#d47b3f;
  --public-teal:#287482;
}

body[data-ui-skin="public-site"] .accessGatePageD{
  width:100%;
  max-width:100%;
  overflow:hidden;
  padding:34px 24px 72px;
}

body[data-ui-skin="public-site"] .accessGateHeroD{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:34px;
  align-items:center;
  width:min(100%,1240px);
  max-width:1240px;
  min-width:0;
  min-height:610px;
  margin:0 auto;
  padding:clamp(30px,4.6vw,58px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:32px;
  background:
    radial-gradient(
      circle at 94% 8%,
      rgba(120,105,255,.30),
      transparent 35%
    ),
    radial-gradient(
      circle at 4% 94%,
      rgba(238,139,65,.20),
      transparent 35%
    ),
    linear-gradient(135deg,#171521,#282440 58%,#181620);
  color:#fff;
  box-shadow:0 30px 76px rgba(28,23,45,.24);
}

body[data-ui-skin="public-site"] .accessGateHeroD:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );
  background-size:32px 32px;
  mask-image:linear-gradient(90deg,#000,transparent 76%);
  pointer-events:none;
}

body[data-ui-skin="public-site"] .accessGateHeroD>*,
body[data-ui-skin="public-site"] .accessGateHeroD .accessGateCopy,
body[data-ui-skin="public-site"] .accessGateHeroD .accessGateVisual,
body[data-ui-skin="public-site"] .accessGateHeroD .accessGateConceptFrameD,
body[data-ui-skin="public-site"] .accessGateHeroD .accessConceptD{
  min-width:0;
  max-width:100%;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateCopy{
  width:100%;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateCopy .eyebrow{
  max-width:100%;
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  color:#f4f1ff;
  white-space:normal;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateCopy h1{
  max-width:100%;
  margin:17px 0;
  overflow-wrap:anywhere;
  font-size:clamp(40px,5vw,68px);
  line-height:.97;
  letter-spacing:-.065em;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateCopy .lead{
  max-width:720px;
  margin:0;
  overflow-wrap:anywhere;
  color:#e8e4f2;
  font-size:18px;
  line-height:1.5;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits{
  display:grid;
  gap:0;
  width:100%;
  margin:22px 0;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:0;
  padding:11px 0;
  border-top:1px solid rgba(255,255,255,.11);
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits article:first-child{
  border-top:0;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits article>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:rgba(255,255,255,.10);
  font-size:10px;
  font-weight:950;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits article div{
  min-width:0;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits b,
body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits small{
  display:block;
  overflow-wrap:anywhere;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits b{
  font-size:14px;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateBenefits small{
  margin-top:3px;
  color:#c9c4d7;
  line-height:1.45;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateActions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  max-width:100%;
  margin-top:22px;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateActions .btn{
  max-width:100%;
  white-space:normal;
  text-align:center;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateActions .btn.primary{
  border-color:#fff;
  background:#fff;
  color:#171521;
  -webkit-text-fill-color:#171521;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateActions .btn.ghost{
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.07);
  color:#fff;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateHint{
  max-width:100%;
  overflow-wrap:anywhere;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateVisual{
  display:block;
  width:100%;
  margin:0;
  overflow:hidden;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateConceptFrameD{
  width:100%;
  overflow:hidden;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessConceptD,
body[data-ui-skin="public-site"] .accessGateHeroD .accessConceptD *{
  box-sizing:border-box;
  overflow-wrap:anywhere;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessConceptTopD>*{
  min-width:0;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessConceptTopD b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessAccountProjectD>div,
body[data-ui-skin="public-site"] .accessGateHeroD .accessAccountModulesD article,
body[data-ui-skin="public-site"] .accessGateHeroD .accessPromptPipelineD article,
body[data-ui-skin="public-site"] .accessGateHeroD .accessDirectorMapD article{
  min-width:0;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateConceptFrameD figcaption{
  flex-wrap:wrap;
}

body[data-ui-skin="public-site"] .accessGateHeroD .accessGateConceptFrameD figcaption span{
  overflow-wrap:anywhere;
  text-align:right;
}


/* Audience */

body[data-ui-skin="public-site"] .audienceD{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

body[data-ui-skin="public-site"] .audienceHeroD{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:42px;
  align-items:center;
  width:min(calc(100% - 48px),1240px);
  min-width:0;
  margin:34px auto 22px;
  padding:clamp(36px,5vw,70px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:34px;
  background:
    radial-gradient(
      circle at 88% 5%,
      rgba(121,101,255,.34),
      transparent 36%
    ),
    radial-gradient(
      circle at 4% 94%,
      rgba(218,119,58,.22),
      transparent 34%
    ),
    linear-gradient(135deg,#15131e,#292442 58%,#191620);
  color:#fff;
  box-shadow:0 30px 74px rgba(32,25,50,.24);
}

body[data-ui-skin="public-site"] .audienceHeroD:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background-image:
    linear-gradient(
      rgba(255,255,255,.035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.035) 1px,
      transparent 1px
    );
  background-size:36px 36px;
  mask-image:linear-gradient(90deg,#000,transparent 78%);
  pointer-events:none;
}

body[data-ui-skin="public-site"] .audienceHeroD>*{
  min-width:0;
}

body[data-ui-skin="public-site"] .audienceHeroCopyD .publicEyebrowD{
  color:#d9d2ff;
}

body[data-ui-skin="public-site"] .audienceHeroCopyD h1{
  max-width:780px;
  margin:0;
  overflow-wrap:anywhere;
  font-size:clamp(47px,6vw,78px);
  line-height:.95;
  letter-spacing:-.068em;
}

body[data-ui-skin="public-site"] .audienceHeroCopyD>p{
  max-width:720px;
  margin:22px 0 0;
  color:#e7e3f1;
  font-size:19px;
  line-height:1.55;
}

body[data-ui-skin="public-site"] .audiencePrincipleD{
  min-width:0;
  padding:22px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:24px;
  background:rgba(255,255,255,.09);
  box-shadow:
    inset 0 1px rgba(255,255,255,.12),
    0 22px 48px rgba(8,6,15,.18);
  backdrop-filter:blur(14px);
}

body[data-ui-skin="public-site"] .audiencePrincipleHeadD small{
  display:block;
  color:#b9b3c8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .audiencePrincipleHeadD strong{
  display:block;
  max-width:470px;
  margin-top:8px;
  overflow-wrap:anywhere;
  font-size:27px;
  line-height:1.18;
  letter-spacing:-.04em;
}

body[data-ui-skin="public-site"] .audiencePrincipleFlowD{
  display:grid;
  gap:9px;
  margin-top:24px;
}

body[data-ui-skin="public-site"] .audiencePrincipleFlowD article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:11px;
  align-items:center;
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(11,9,19,.25);
}

body[data-ui-skin="public-site"] .audiencePrincipleFlowD article>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:rgba(255,255,255,.09);
  font-size:9px;
  font-weight:950;
}

body[data-ui-skin="public-site"] .audiencePrincipleFlowD b,
body[data-ui-skin="public-site"] .audiencePrincipleFlowD small{
  display:block;
  overflow-wrap:anywhere;
}

body[data-ui-skin="public-site"] .audiencePrincipleFlowD b{
  font-size:13px;
}

body[data-ui-skin="public-site"] .audiencePrincipleFlowD small{
  margin-top:3px;
  color:#bcb6c8;
  font-size:9px;
}

body[data-ui-skin="public-site"] .audiencePrincipleFootD{
  margin-top:14px;
  color:#bcb6c8;
  font-size:9px;
  font-weight:800;
  line-height:1.5;
}

body[data-ui-skin="public-site"] .audienceSectionD{
  width:min(100%,1240px);
  margin:0 auto;
  padding:70px 24px;
}

body[data-ui-skin="public-site"] .audienceGridD{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
}

body[data-ui-skin="public-site"] .audienceCardD{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:350px;
  overflow:hidden;
  padding:21px;
  border:1px solid var(--public-line);
  border-radius:20px;
  background:
    radial-gradient(
      circle at 100% 0,
      rgba(103,84,217,.08),
      transparent 34%
    ),
    #fff;
  box-shadow:0 12px 32px rgba(35,27,51,.06);
}

body[data-ui-skin="public-site"] .audienceCardIconD{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  margin-bottom:20px;
  border-radius:14px;
  background:var(--public-violet-soft);
  color:var(--public-violet);
}

body[data-ui-skin="public-site"] .audienceCardD>small{
  color:var(--public-muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .audienceCardD h3{
  min-height:52px;
  margin:6px 0 16px;
  overflow-wrap:anywhere;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.035em;
}

body[data-ui-skin="public-site"] .audienceNeedD,
body[data-ui-skin="public-site"] .audienceOutcomeD{
  min-width:0;
  padding:12px;
  border-radius:13px;
}

body[data-ui-skin="public-site"] .audienceNeedD{
  border:1px solid #ebe6ef;
  background:#faf9fc;
}

body[data-ui-skin="public-site"] .audienceOutcomeD{
  margin-top:9px;
  border:1px solid #dcd4fb;
  background:#f3f0ff;
}

body[data-ui-skin="public-site"] .audienceNeedD span,
body[data-ui-skin="public-site"] .audienceOutcomeD span{
  display:block;
  color:var(--public-muted);
  font-size:8px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .audienceNeedD p,
body[data-ui-skin="public-site"] .audienceOutcomeD strong{
  display:block;
  margin:6px 0 0;
  overflow-wrap:anywhere;
  font-size:11px;
  line-height:1.48;
}

body[data-ui-skin="public-site"] .audienceOutcomeD strong{
  color:var(--public-violet-dark);
}

body[data-ui-skin="public-site"] .audienceMethodD{
  width:min(calc(100% - 48px),1192px);
  margin:0 auto 24px;
  padding:40px;
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);
  gap:30px;
  align-items:center;
  border:1px solid var(--public-line);
  border-radius:25px;
  background:#fff;
  box-shadow:0 18px 44px rgba(37,28,54,.07);
}

body[data-ui-skin="public-site"] .audienceMethodD h2{
  margin:0;
  overflow-wrap:anywhere;
  font-size:clamp(30px,3.7vw,47px);
  line-height:1.03;
  letter-spacing:-.052em;
}

body[data-ui-skin="public-site"] .audienceMethodGridD{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

body[data-ui-skin="public-site"] .audienceMethodGridD article{
  min-width:0;
  padding:17px;
  border:1px solid var(--public-line);
  border-radius:16px;
  background:#faf9fd;
}

body[data-ui-skin="public-site"] .audienceMethodGridD small,
body[data-ui-skin="public-site"] .audienceMethodGridD b,
body[data-ui-skin="public-site"] .audienceMethodGridD span{
  display:block;
  overflow-wrap:anywhere;
}

body[data-ui-skin="public-site"] .audienceMethodGridD small{
  color:var(--public-violet);
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .audienceMethodGridD b{
  margin-top:8px;
  font-size:14px;
}

body[data-ui-skin="public-site"] .audienceMethodGridD span{
  margin-top:7px;
  color:var(--public-muted);
  font-size:10px;
  line-height:1.45;
}

body[data-ui-skin="public-site"] .audienceFinalCtaD{
  width:min(calc(100% - 48px),1192px);
}

body[data-ui-skin="public-site"] .audienceD .publicInfrastructureD{
  width:min(100%,1240px);
}


/* Responsive */

@media(max-width:1080px){
  body[data-ui-skin="public-site"] .accessGateHeroD,
  body[data-ui-skin="public-site"] .audienceHeroD,
  body[data-ui-skin="public-site"] .audienceMethodD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD{
    min-height:0;
  }

  body[data-ui-skin="public-site"] .audienceGridD{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  body[data-ui-skin="public-site"] .accessGatePageD{
    padding:16px 12px 48px;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD{
    gap:28px;
    padding:25px 18px;
    border-radius:24px;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessGateCopy h1{
    font-size:40px;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessGateActions{
    display:grid;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessGateActions .btn{
    width:100%;
    justify-content:center;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessConceptTopD{
    grid-template-columns:1fr;
    align-items:start;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessConceptTopD b{
    white-space:normal;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessGateConceptFrameD figcaption{
    display:grid;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessGateConceptFrameD figcaption span{
    text-align:left;
  }

  body[data-ui-skin="public-site"] .accessGateHeroD .accessImpactD,
  body[data-ui-skin="public-site"] .accessGateHeroD .accessAccountProjectD,
  body[data-ui-skin="public-site"] .accessGateHeroD .accessExcludedD{
    display:grid;
  }

  body[data-ui-skin="public-site"] .audienceHeroD{
    width:calc(100% - 24px);
    gap:30px;
    margin-top:16px;
    padding:28px 20px;
    border-radius:24px;
  }

  body[data-ui-skin="public-site"] .audienceHeroCopyD h1{
    font-size:43px;
  }

  body[data-ui-skin="public-site"] .audienceHeroCopyD>p{
    font-size:17px;
  }

  body[data-ui-skin="public-site"] .audienceSectionD{
    padding:48px 16px;
  }

  body[data-ui-skin="public-site"] .audienceGridD,
  body[data-ui-skin="public-site"] .audienceMethodGridD{
    grid-template-columns:1fr;
  }

  body[data-ui-skin="public-site"] .audienceCardD{
    min-height:0;
  }

  body[data-ui-skin="public-site"] .audienceCardD h3{
    min-height:0;
  }

  body[data-ui-skin="public-site"] .audienceMethodD{
    width:calc(100% - 24px);
    padding:26px 18px;
  }

  body[data-ui-skin="public-site"] .audienceFinalCtaD{
    width:calc(100% - 24px);
  }
}


/* Public billing cycle selector — V953. */

body[data-ui-skin="public-site"] .pricingCycleBarD{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
  padding:15px 17px;
  border:1px solid var(--public-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 30px rgba(38,29,58,.055);
}

body[data-ui-skin="public-site"] .pricingCycleBarD>div:first-child{
  display:grid;
  gap:3px;
}

body[data-ui-skin="public-site"] .pricingCycleBarD strong{
  font-size:14px;
}

body[data-ui-skin="public-site"] .pricingCycleBarD>div:first-child span{
  color:var(--public-muted);
  font-size:11px;
}

body[data-ui-skin="public-site"] .pricingCycleSwitchD{
  display:inline-flex;
  gap:4px;
  padding:4px;
  border:1px solid var(--public-line);
  border-radius:999px;
  background:#f3f0f8;
}

body[data-ui-skin="public-site"] .pricingCycleSwitchD button{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:8px 14px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--public-muted);
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}

body[data-ui-skin="public-site"] .pricingCycleSwitchD button.active{
  background:#fff;
  color:var(--public-violet-dark);
  box-shadow:0 5px 16px rgba(50,39,90,.12);
}

body[data-ui-skin="public-site"] .pricingCycleSwitchD button span{
  padding:3px 6px;
  border-radius:999px;
  background:#e8fff2;
  color:#187347;
  font-size:8px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body[data-ui-skin="public-site"] .planCardD.current{
  border:2px solid var(--public-teal);
  box-shadow:0 20px 46px rgba(28,139,93,.14);
}

body[data-ui-skin="public-site"] .planRecommendedD.current{
  background:var(--public-teal);
}

body[data-ui-skin="public-site"] .planPricePanelD strong{
  min-height:27px;
}

body[data-ui-skin="public-site"] .planActionsD{
  display:grid;
  margin-top:15px;
}

body[data-ui-skin="public-site"] .planActionCycleD{
  display:grid;
}

body[data-ui-skin="public-site"] .planActionCycleD .publicButtonD{
  width:100%;
  justify-content:center;
  text-align:center;
}

body[data-ui-skin="public-site"] .planActionCycleD button.publicButtonD{
  appearance:none;
  font:inherit;
  cursor:pointer;
}

body[data-ui-skin="public-site"] .planActionCycleD button.publicButtonD:disabled{
  cursor:wait;
  opacity:.68;
}

body[data-ui-skin="public-site"] .publicPlanUnavailableD{
  display:grid;
  place-items:center;
  min-height:42px;
  padding:9px 12px;
  border:1px dashed var(--public-line);
  border-radius:12px;
  color:var(--public-muted);
  font-size:11px;
  font-weight:800;
  text-align:center;
}

body[data-ui-skin="public-site"] .publicBillingNoticeD{
  margin:0 0 16px;
  padding:13px 15px;
  border:1px solid #e5b46d;
  border-radius:14px;
  background:#fff7e8;
  color:#7e4d0c;
  font-size:12px;
  font-weight:750;
  line-height:1.5;
}

@media(max-width:720px){
  body[data-ui-skin="public-site"] .pricingCycleBarD{
    align-items:stretch;
    flex-direction:column;
  }

  body[data-ui-skin="public-site"] .pricingCycleSwitchD{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  body[data-ui-skin="public-site"] .pricingCycleSwitchD button{
    justify-content:center;
  }
}


/* Standalone public pricing page — V953. */

body[data-ui-skin="public-site"] .publicPricingHeroD{
  padding:54px 24px 26px;
  background:
    radial-gradient(
      circle at 88% 8%,
      rgba(111,88,218,.20),
      transparent 34%
    ),
    radial-gradient(
      circle at 5% 100%,
      rgba(212,123,63,.14),
      transparent 32%
    ),
    linear-gradient(180deg,#f7f4ff 0,#fbfaf8 100%);
}

body[data-ui-skin="public-site"] .publicPricingHeroInnerD{
  max-width:1240px;
  margin:0 auto;
  padding:clamp(28px,5vw,56px);
  border:1px solid rgba(71,55,144,.15);
  border-radius:30px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(248,245,255,.96)
    );
  box-shadow:0 24px 64px rgba(45,34,86,.10);
}

body[data-ui-skin="public-site"] .publicPricingHeroInnerD h1{
  max-width:900px;
  margin:15px 0 0;
  color:var(--public-ink);
  font-size:clamp(38px,5vw,64px);
  line-height:1;
  letter-spacing:-.06em;
}

body[data-ui-skin="public-site"] .publicPricingHeroInnerD>p{
  max-width:760px;
  margin:18px 0 0;
  color:var(--public-muted);
  font-size:17px;
  line-height:1.55;
}

body[data-ui-skin="public-site"] .publicPricingHeroInnerD .publicActionsD{
  margin-top:24px;
}

body[data-ui-skin="public-site"] .publicPricingPlansD{
  padding-top:46px;
}

/*
 * Protezione esplicita: il badge deve restare leggibile anche
 * se la pagina viene incorporata in altri contenitori pubblici.
 */
body[data-ui-skin="public-site"] .pricingD .planRecommendedD{
  background:var(--public-violet);
  color:#fff;
  -webkit-text-fill-color:#fff;
}

body[data-ui-skin="public-site"] .pricingD .planRecommendedD.current{
  background:var(--public-teal);
  color:#fff;
  -webkit-text-fill-color:#fff;
}

@media(max-width:720px){
  body[data-ui-skin="public-site"] .publicPricingHeroD{
    padding:20px 14px 10px;
  }

  body[data-ui-skin="public-site"] .publicPricingHeroInnerD{
    padding:26px 19px;
    border-radius:23px;
  }

  body[data-ui-skin="public-site"] .publicPricingHeroInnerD h1{
    font-size:40px;
  }

  body[data-ui-skin="public-site"] .publicPricingPlansD{
    padding-top:38px;
  }
}
/* Final public interaction states, owned here instead of a compatibility layer. */
body[data-ui-skin="public-site"] .demoTourD [hidden],
body[data-ui-skin="public-site"] .planPricePanelD[hidden],
body[data-ui-skin="public-site"] .planActionCycleD[hidden],
body[data-ui-skin="public-site"] .publicBillingNoticeD[hidden]{
  display:none;
}

body[data-ui-skin="public-site"] .accessGateConceptFrameD{
  padding:14px;
  border:1px solid rgba(88,68,138,.18);
  border-radius:25px;
  background:linear-gradient(145deg,#f3f0f8,#ebe7ef);
  box-shadow:0 28px 68px rgba(35,27,52,.16);
}

body[data-ui-skin="public-site"] .planAnnualSavingD{
  color:#187347;
  font-weight:800;
}