/* v0.36 — clearer figures and a richer ETHICA palette */
.lifecycle-hero{background:radial-gradient(circle at 86% 16%,rgba(231,182,87,.18),transparent 25%),radial-gradient(circle at 72% 86%,rgba(16,122,120,.12),transparent 30%),linear-gradient(145deg,#f8f4ec 0%,#eef3f1 58%,#f5eadb 100%)}
.lifecycle-summary .card{border-top:4px solid #107a78;background:#fffdf8}.lifecycle-summary .card:nth-child(2){border-top-color:#e7b657}.lifecycle-summary .card:nth-child(3){border-top-color:#e06c59}.lifecycle-summary .card:nth-child(4){border-top-color:#263b63}.lifecycle-summary .card strong{font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.2}
.demo-command{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 0,rgba(16,122,120,.38),transparent 31%),linear-gradient(135deg,#101a32 0%,#1d3153 62%,#164f58 100%);border-color:rgba(231,182,87,.5);border-radius:22px}.demo-command:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 62%,rgba(255,255,255,.035) 62% 63%,transparent 63%);pointer-events:none}.command-head{position:relative}.command-head h3{font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.15;max-width:640px}.command-head p{font-size:.94rem;line-height:1.55}.command-status strong{font-size:.94rem;color:#fff}.command-controls .btn{font-size:.78rem;letter-spacing:.01em}
.command-timeline{position:relative;border-color:rgba(255,255,255,.25);border-radius:13px;overflow:hidden;background:rgba(5,15,31,.2)}.command-timeline button{min-height:68px;font-size:.58rem;line-height:1.25;letter-spacing:.015em;color:#bfccd3;transition:background .18s,color .18s}.command-timeline button:hover{background:rgba(255,255,255,.09);color:#fff}.command-timeline span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:900;color:#e7b657;margin-bottom:5px}.command-timeline button.done{background:rgba(16,122,120,.28);color:#eefaf8}.command-timeline button.done span{color:#78d4c7}.command-timeline button.active{background:#f6e6bd;color:#17233e;box-shadow:inset 0 -4px 0 #e7b657}.command-timeline button.active span{color:#a44e3f}.evidence-pulse span{font-size:.59rem;letter-spacing:.07em}.evidence-pulse strong{font-size:clamp(1.2rem,2vw,1.55rem);color:#fffdf8}
.trust-chain{gap:7px;padding:10px 4px 14px;scrollbar-color:#107a78 #e7e0d5}.trust-chain>div{position:relative;min-width:128px;max-width:148px;min-height:112px;border-radius:13px;padding:13px 12px 12px;border-top:4px solid #107a78;background:linear-gradient(180deg,#fffefa,#f5faf8);box-shadow:0 8px 24px rgba(23,38,64,.055)}.trust-chain>div:nth-of-type(2),.trust-chain>div:nth-of-type(5){border-top-color:#263b63;background:linear-gradient(180deg,#fffefa,#f1f4f8)}.trust-chain>div:nth-of-type(4),.trust-chain>div:nth-of-type(7){border-top-color:#e7b657;background:linear-gradient(180deg,#fffefa,#fbf5e8)}.trust-chain>div:nth-of-type(6){border-top-color:#e06c59;background:linear-gradient(180deg,#fffefa,#fbf0ed)}.trust-chain>div strong{font-size:.82rem;line-height:1.18}.trust-chain>div small{font-size:.67rem;line-height:1.3}.trust-chain>div span{font-size:.57rem;letter-spacing:.06em}.trust-chain>i{font-size:.82rem;color:#107a78}.trust-chain>div:hover,.trust-chain>div.selected{border-color:#107a78;box-shadow:0 10px 26px rgba(16,122,120,.16),0 0 0 2px rgba(16,122,120,.12)}
.trust-inspector{border-radius:16px;border-color:#d5cabb;background:linear-gradient(135deg,#fffdf8,#f4f8f6)}.trust-inspector h3{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.25}.trust-inspector [data-trust-detail]>div{border-radius:0 0 9px 9px;background:rgba(255,255,255,.55);padding:12px}.trust-inspector strong{font-size:.82rem;line-height:1.4}.trust-inspector span{font-size:.58rem;letter-spacing:.07em}
.life-progress{gap:8px}.progress-node{min-height:76px;border-radius:11px;padding:9px 5px;background:#f2eee7}.progress-node span{width:25px;height:25px;font-size:.72rem}.progress-node small{font-size:.59rem;line-height:1.2}.progress-node.active{background:#e1f0ec;border-color:#8cc6bb}.progress-node.active span{background:#107a78}.progress-node.done span{background:#263b63}.life-stage{border-radius:18px;border-color:#d7cec0;box-shadow:0 9px 30px rgba(23,38,64,.045)}.stage-number{background:linear-gradient(145deg,#107a78,#16535c);font-size:.95rem}.stage-head h3{font-size:clamp(1.02rem,1.8vw,1.25rem);line-height:1.25}.stage-head .pill,.stage-status{font-size:.61rem;letter-spacing:.05em}.lifecycle-metrics .result-metric>strong{font-size:clamp(1.25rem,2vw,1.55rem)}
.incident-lab{border-radius:20px;background:radial-gradient(circle at 95% 0,rgba(224,108,89,.13),transparent 30%),linear-gradient(135deg,#f7ead8 0%,#e5f1ed 100%);border-color:#d3c4af}.incident-head h3{font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.18}.incident-head p{font-size:.92rem}.incident-pool strong{font-size:clamp(1.7rem,3vw,2.15rem)}.incident-options{gap:10px}.incident-options button{min-height:56px;border-radius:10px;font-size:.75rem;line-height:1.25;border-top:4px solid #107a78;background:#fffdf8}.incident-options button:nth-child(2){border-top-color:#e7b657}.incident-options button:nth-child(3),.incident-options button:nth-child(4){border-top-color:#e06c59}.incident-options button:hover,.incident-options button.active{background:#1c2e50;border-color:#1c2e50;box-shadow:0 8px 22px rgba(28,46,80,.18)}.incident-result{border-radius:0 14px 14px 0;background:#fffdf8}.incident-case>p{font-size:.9rem}.due-flow{gap:5px}.due-flow div{min-width:118px;border-radius:9px;padding:11px;background:#f8faf9;border-color:#d4ded9}.due-flow span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.65rem;font-weight:900}.due-flow strong{font-size:.68rem;line-height:1.3}.due-flow i{font-size:.72rem}.reserve-result{border-radius:11px;background:linear-gradient(135deg,#e4f2ee,#f7f2df)}
@media(max-width:1000px){.command-timeline button{font-size:.62rem}.trust-chain>div{min-width:122px}}@media(max-width:650px){.command-head h3,.incident-head h3{font-size:1.3rem}.command-timeline button{min-height:56px;font-size:.6rem}.evidence-pulse>div{padding:12px 8px}.trust-chain>div{min-width:116px;min-height:104px}.life-stage{padding:17px}.progress-node{min-height:66px}.stage-number{width:36px;height:36px}.incident-options button{min-height:50px}}@media(prefers-reduced-motion:reduce){.command-timeline button{transition:none}}
