/* StarPet identity incident case study */
.starpet-identity-page {
  background:
    radial-gradient(circle at 14% 5%, rgba(102,227,255,.12), transparent 25rem),
    radial-gradient(circle at 86% 9%, rgba(255,69,92,.10), transparent 23rem),
    linear-gradient(180deg,#050b13 0%,#07111f 58%,#040913 100%);
}
.identity-hero { padding-top: clamp(88px,8vw,122px) !important; padding-bottom: clamp(52px,6vw,78px) !important; }
.identity-hero-grid {
  display:grid; grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
  gap:clamp(30px,5vw,72px); align-items:center;
}
.identity-hero h1 {
  max-width:12ch; font-size:clamp(3.35rem,7.8vw,7.15rem); line-height:.89;
  letter-spacing:-.07em; margin-bottom:24px;
  color:#e8f1ff;
  text-shadow:0 1px 0 rgba(255,255,255,.24),0 4px 0 rgba(11,52,67,.48),0 14px 28px rgba(0,0,0,.42),0 0 24px rgba(102,227,255,.14);
}
.identity-impact-row { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }
.identity-impact-row span {
  border:1px solid rgba(102,227,255,.22); background:rgba(102,227,255,.045);
  color:#bcd1e8; border-radius:999px; padding:.42rem .7rem; font-size:.86rem;
}
.identity-console {
  border:1px solid rgba(102,227,255,.22); border-radius:26px; overflow:hidden;
  background:linear-gradient(180deg,rgba(12,28,48,.92),rgba(3,8,15,.95));
  box-shadow:0 30px 100px rgba(0,0,0,.38),0 0 52px rgba(102,227,255,.05);
}
.identity-console-top { display:flex; gap:8px; padding:15px 17px; border-bottom:1px solid rgba(102,227,255,.14); }
.identity-console-top span { width:10px;height:10px;border-radius:50%; background:#66e3ff; }
.identity-console-top span:nth-child(2){background:#ffd166}.identity-console-top span:nth-child(3){background:#9bffcb}
.identity-console-top b { margin-left:auto; color:#7893aa; font:600 .72rem/1.2 "SFMono-Regular",Consolas,monospace; }
.identity-console-body { padding:24px; font-family:"SFMono-Regular",Consolas,monospace; }
.identity-console-body p { color:#7893aa; margin:0 0 4px; font-size:.84rem; }
.identity-console-body strong { display:block; margin:0 0 18px; font-size:1rem; letter-spacing:.04em; }
.prompt{color:#9bffcb}.error-text{color:#ff6c7f}.ok-text{color:#9bffcb}.warn-text{color:#ffd166}

.identity-summary-strip { padding-top:0 !important; }
.identity-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.identity-summary-grid article,.evidence-card,.identity-service-grid article {
  border:1px solid rgba(141,191,255,.16); border-radius:20px;
  background:linear-gradient(180deg,rgba(16,31,55,.67),rgba(8,17,31,.74));
  padding:18px;
}
.identity-summary-grid span,.evidence-label {
  color:#9bffcb; letter-spacing:.13em; text-transform:uppercase; font-size:.7rem; font-weight:900;
}
.identity-summary-grid h3 { margin:18px 0 8px; }
.identity-summary-grid p,.evidence-card p { color:#9fb1c9; margin-bottom:0; }

.identity-section-grid { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:26px 48px; align-items:center; }
.identity-copy h2,.identity-heading-row h2,.identity-split h2,.identity-timeline-zone h2,.identity-validation-zone h2,.identity-outcome h2 {
  max-width:20ch; font-size:clamp(2rem,3.4vw,3.35rem); line-height:1; letter-spacing:-.045em; margin-bottom:16px;
}
.identity-copy p,.identity-heading-row > p,.identity-split > div > p,.identity-validation-grid > div > p,.identity-outcome > .container > p { color:#c7d5e8; }

.identity-path {
  display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; gap:9px; align-items:center;
  grid-column:2; grid-row:1 / span 2;
}
.identity-node {
  appearance:none; border:1px solid rgba(102,227,255,.18); border-radius:18px; padding:14px 11px;
  min-height:132px; color:#e8f1ff; background:rgba(6,17,30,.78); cursor:pointer; text-align:left;
  transition:160ms ease;
}
.identity-node:hover,.identity-node.is-active {
  transform:translateY(-2px); border-color:rgba(102,227,255,.68);
  background:linear-gradient(180deg,rgba(21,55,77,.78),rgba(7,22,37,.9));
  box-shadow:0 0 0 3px rgba(102,227,255,.06),0 16px 48px rgba(0,0,0,.24);
}
.identity-node span { display:block; color:#66e3ff; font-size:.7rem; font-weight:900; letter-spacing:.12em; }
.identity-node strong,.identity-node small { display:block; }
.identity-node strong { margin-top:24px; font-size:.95rem; }
.identity-node small { color:#8da3b9; margin-top:4px; line-height:1.35; }
.identity-arrow { color:#58758e; font-weight:900; }
.identity-step-detail {
  grid-column:1; border-left:3px solid #66e3ff; padding:12px 0 12px 18px; align-self:start;
}
.identity-step-detail h3 { font-size:1.55rem; }
.identity-step-detail p:last-child { color:#9fb1c9; margin-bottom:0; }

.identity-evidence-zone { background:linear-gradient(180deg,rgba(102,227,255,.025),rgba(255,255,255,0),rgba(255,69,92,.02)); }
.identity-heading-row { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:34px; align-items:end; margin-bottom:24px; }
.identity-heading-row > p { margin-bottom:2px; }
.identity-evidence-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.evidence-card strong,.evidence-card code { display:block; }
.evidence-card strong { margin:18px 0 8px; font-size:1.08rem; }
.evidence-card code { color:#d6eefb; padding:10px 11px; background:#030912; border-radius:12px; overflow-wrap:anywhere; }
.evidence-card-alert { border-color:rgba(255,108,127,.27); box-shadow:inset 0 0 0 1px rgba(255,108,127,.035); }
.evidence-card-alert .evidence-label { color:#ff8796; }

.identity-split { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,68px); align-items:center; }
.identity-proof-list { display:grid; gap:9px; margin-top:20px; }
.identity-proof-list span {
  border:1px solid rgba(155,255,203,.15); border-radius:14px; padding:11px 13px; color:#d7e7f7;
  background:rgba(155,255,203,.025);
}
.identity-command-board {
  border:1px solid rgba(102,227,255,.20); border-radius:24px; padding:20px; background:#040a12;
  box-shadow:0 20px 70px rgba(0,0,0,.26);
}
.identity-command-board pre { padding:0; white-space:pre-wrap; }
.identity-command-board code { font-size:.88rem; color:#bfeaff; line-height:1.75; }

.identity-blast-zone { background:radial-gradient(circle at 50% 0%,rgba(255,108,127,.06),transparent 38rem); }
.identity-service-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.identity-service-grid strong,.identity-service-grid small { display:block; }
.identity-service-grid small { color:#9fb1c9; margin-top:8px; line-height:1.4; }
.identity-parallel-card {
  border:1px solid rgba(102,227,255,.18); border-radius:24px; padding:20px; background:rgba(6,18,31,.77);
}
.identity-parallel-card > div {
  display:grid; grid-template-columns:92px 1fr; gap:6px 16px; padding:15px 0; border-bottom:1px solid rgba(141,191,255,.12);
}
.identity-parallel-card > div span { grid-row:1/span 2; color:#66e3ff; font-size:.72rem; text-transform:uppercase; letter-spacing:.12em; font-weight:900; }
.identity-parallel-card small { color:#9fb1c9; }
.identity-parallel-card > p { color:#9fb1c9; margin:15px 0 0; }

.identity-timeline { display:grid; gap:10px; margin-top:24px; }
.identity-timeline article {
  display:grid; grid-template-columns:52px 1fr; gap:16px; align-items:start;
  border:1px solid rgba(141,191,255,.14); border-radius:18px; padding:16px 18px; background:rgba(255,255,255,.022);
}
.identity-timeline article > span {
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center; background:rgba(102,227,255,.07);
  border:1px solid rgba(102,227,255,.23);color:#66e3ff;font-size:.72rem;font-weight:900;
}
.identity-timeline p { color:#9fb1c9; margin:5px 0 0; }

.identity-validation-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:42px; align-items:center; }
.identity-checklist { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.identity-checklist span {
  position:relative; padding:13px 14px 13px 42px; border:1px solid rgba(155,255,203,.16);
  border-radius:14px; color:#dceafb; background:rgba(155,255,203,.025);
}
.identity-checklist span::before {
  content:"✓"; position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#9bffcb; font-weight:900;
}
.identity-outcome { background:linear-gradient(180deg,rgba(102,227,255,.02),rgba(155,255,203,.025)); }
.identity-outcome .container { max-width:980px; }
.identity-lesson {
  display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:start; margin:24px 0;
  border-left:3px solid #9bffcb; padding:18px 20px; background:rgba(155,255,203,.035); border-radius:0 18px 18px 0;
}
.identity-lesson strong { color:#9bffcb; }
.evidence-policy {
  margin-top:26px; padding:16px 18px; border:1px solid rgba(141,191,255,.14); border-radius:18px;
  color:#8fa6bc !important; background:rgba(255,255,255,.02);
}

@media(max-width:1120px){
  .identity-hero-grid,.identity-section-grid,.identity-heading-row,.identity-split,.identity-validation-grid { grid-template-columns:1fr; }
  .identity-path { grid-column:1; grid-row:auto; }
  .identity-step-detail { grid-column:1; }
  .identity-evidence-grid { grid-template-columns:1fr 1fr; }
  .identity-service-grid { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:760px){
  .identity-summary-grid,.identity-evidence-grid,.identity-service-grid,.identity-checklist { grid-template-columns:1fr; }
  .identity-path { grid-template-columns:1fr; }
  .identity-arrow { transform:rotate(90deg); justify-self:center; }
  .identity-hero h1 { font-size:clamp(3rem,15vw,5rem); }
}