/* Penton Systems | Founder: Scott Penton | Orlando, Florida. Designed and engineered under the direction of Scott Penton. Copyright (c) 2026 Scott Penton / Penton Systems. */
/* Experience 06: The Intelligence Engine */

.xp-intelligence [hidden]{display:none!important}

/* hero */
.ie-hero .ie-hero-bg{-webkit-mask:linear-gradient(90deg,transparent 18%,#000 52%);mask:linear-gradient(90deg,transparent 18%,#000 52%)}
.ie-hero .ie-hero-bg canvas{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:760px){.ie-hero .ie-hero-bg{opacity:.4;-webkit-mask:linear-gradient(180deg,#000 20%,transparent 45%);mask:linear-gradient(180deg,#000 20%,transparent 45%)}}
/* long single words in the mega title must fit narrow screens */
@media (max-width:640px){.xp-intelligence .ie-hero h1.mega{font-size:7.4vw}.svc-ai .ai-hero h1.mega{font-size:9vw}}

/* honest chapter */
.ie-claim{color:var(--fg);font-weight:500;border-left:2px solid var(--teal);padding-left:18px}
.ie-provdefs{margin-top:28px}
.ie-provdefs dt{display:flex;align-items:center}
.ie-provdefs dd{color:var(--fg-2);font-size:.95rem}

/* ledgers inside split columns: two columns, text under title */
.xp-intelligence .split .ledger>li{grid-template-columns:56px minmax(0,1fr);row-gap:8px}
.xp-intelligence .split .ledger>li p{grid-column:2}

/* console */
.ie-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:end;margin-bottom:40px}
.ie-head .lede{margin:0}
@media (max-width:960px){.ie-head{grid-template-columns:minmax(0,1fr)}}
.ie-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line-2);margin-bottom:28px}
.ie-missions button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline;text-align:left;padding:18px 20px;background:transparent;border:0;border-right:1px solid var(--line);color:var(--fg-2);cursor:pointer;transition:background .3s,color .3s}
.ie-missions button:last-child{border-right:0}
.ie-missions button .n{grid-row:1/3;color:var(--blue-hi);font-size:.74rem;letter-spacing:.1em}
.ie-missions button .t{font-weight:700;font-stretch:112%;color:var(--fg);font-size:1.02rem}
.ie-missions button .d{font-size:.84rem;color:var(--fg-3)}
.ie-missions button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.ie-missions button:hover{background:rgba(47,128,255,.07)}
.ie-missions button[aria-checked=true]{background:linear-gradient(180deg,rgba(47,128,255,.16),rgba(47,128,255,.04))}
.ie-missions button[aria-checked=true]:after{transform:scaleX(1)}
.ie-missions button[disabled]{cursor:not-allowed;opacity:.55}
.ie-missions button[aria-checked=true][disabled]{opacity:1}
@media (max-width:860px){.ie-missions{grid-template-columns:minmax(0,1fr)}.ie-missions button{border-right:0;border-bottom:1px solid var(--line)}.ie-missions button:last-child{border-bottom:0}}

.ie-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:28px;align-items:start}
@media (max-width:1100px){.ie-grid{grid-template-columns:minmax(0,1fr)}}
.ie-runstate{color:var(--fg-2)}
.ie-graph{position:relative;height:clamp(420px,46vw,560px)}
.ie-graph canvas{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:640px){.ie-graph{height:620px}}
.ie-legend{font:500 .68rem/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.ie-legend span{display:inline-flex;align-items:center;gap:7px}
.ie-legend .lg{display:inline-block;width:10px;height:10px;border-radius:50%;border:1.5px solid}
.lg-pending{border-color:rgba(170,200,245,.45)}.lg-running{border-color:var(--blue-hi);box-shadow:0 0 8px rgba(47,128,255,.8)}.lg-done{border-color:var(--teal)}.lg-waiting{border-color:var(--amber);box-shadow:0 0 8px rgba(255,181,71,.7)}.lg-failed{border-color:var(--red)}.lg-skipped{border-color:var(--fg-3);border-style:dashed}
.ie-legend .ie-pace{flex-basis:100%;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:.8rem;color:var(--fg-3)}
.ie-readouts{margin-top:20px;grid-template-columns:repeat(6,minmax(0,1fr))}
.ie-readouts .readout{padding:18px 16px 16px}
@media (max-width:1360px){.ie-readouts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.ie-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ie-readouts .v.ie-small{font-size:clamp(1.1rem,1.7vw,1.5rem)}

.ie-side{display:grid;gap:20px}
.ie-brief h3{margin:4px 0 10px;font-stretch:112%}
.ie-goal{font-size:.95rem}
.ie-inputs{margin-top:18px}
.ie-inputs .field{margin-bottom:14px}
.ie-inputs select,.ie-inputs input[type=text]{min-height:42px;padding:8px 12px}
.ie-go{margin-top:12px}

.ie-approval{order:-1;border:1px solid var(--amber);background:linear-gradient(180deg,rgba(255,181,71,.12),rgba(255,181,71,.03));padding:22px;position:relative}
.ie-approval:before{content:"";position:absolute;left:-1px;top:-1px;right:-1px;height:3px;background:var(--amber)}
html[data-motion=on] .ie-approval.open{animation:ie-ap .7s var(--ease)}
@keyframes ie-ap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ie-approval .kicker{color:var(--amber)}
.ie-approval h3{margin:6px 0 10px;font-stretch:112%;outline:none}
.ie-ap-prop{color:var(--fg);font-weight:500}
.ie-ap-ev{margin:0 0 12px;padding-left:1.1em;color:var(--fg-2);font-size:.88rem}
.ie-ap-out{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 14px;font-size:.88rem}
.ie-ap-out dt{font:500 .68rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.ie-ap-out dd{margin:0;color:var(--fg-2)}
.ie-approval .actions{margin-top:6px}
.ie-approval .note{margin:12px 0 0}

.ie-planbox{border-top:1px solid var(--line-2);padding-top:16px}
.ie-plan{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}
.ie-plan li{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.ie-plan .dot{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(170,200,245,.45)}
.ie-plan .pl b{display:block;font-weight:600;color:var(--fg)}
.ie-plan .pl small{display:block;color:var(--fg-3);font-size:.72rem;overflow-wrap:anywhere}
.ie-plan .ps{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}
.ie-plan .pr{font-size:.66rem;color:var(--blue-hi);min-width:2.4em;text-align:right}
.ie-plan li.st-running .dot{border-color:var(--blue-hi);background:var(--blue)}
.ie-plan li.st-running .ps{color:var(--blue-hi)}
.ie-plan li.st-done .dot{border-color:var(--teal);background:var(--teal)}
.ie-plan li.st-done .ps{color:var(--teal)}
.ie-plan li.st-waiting .dot{border-color:var(--amber);background:var(--amber)}
.ie-plan li.st-waiting .ps{color:var(--amber)}
.ie-plan li.st-failed .dot{border-color:var(--red)}
.ie-plan li.st-failed .ps{color:var(--red)}
.ie-plan li.st-skipped,.ie-plan li.st-stopped{opacity:.5}
.ie-plan li.st-skipped .dot,.ie-plan li.st-stopped .dot{border-style:dashed}
.ie-rulebox{margin-top:14px}
.ie-rulebox summary{cursor:pointer;font:500 .72rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);padding:8px 0}
.ie-rulebox summary:hover{color:#fff}
.ie-rules{list-style:none;margin:0;padding:0}
.ie-rules li{padding:9px 0;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--fg-2)}
.ie-rules li .mono:first-child{color:var(--blue-hi);margin-right:6px}
.ie-rules li small{display:block;color:var(--fg-3);margin-top:3px}
.ie-rules li.unfired{opacity:.55}

/* lower: log + results */
.ie-lower{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;margin-top:28px;align-items:start}
@media (max-width:1100px){.ie-lower{grid-template-columns:minmax(0,1fr)}}
.ie-log-wrap{max-height:620px;overflow:auto}
.ie-log{width:100%;border-collapse:collapse;font-size:.82rem}
.ie-log th{position:sticky;top:0;background:#0a1324;text-align:left;font:500 .64rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);padding:10px 12px;border-bottom:1px solid var(--line-2);z-index:1}
.ie-log td{padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--fg-2)}
.ie-log td.t{color:var(--fg-3);white-space:nowrap}
.ie-log td.s{color:var(--blue-hi);white-space:nowrap}
.ie-log td.e{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;white-space:nowrap}
.ie-log td.p{white-space:nowrap}
.ie-log .prov{font-size:.58rem;padding:3px 6px}
.ie-log tr.ev-done td.e{color:var(--teal)}
.ie-log tr.ev-failed td.e,.ie-log tr.ev-error td.e{color:var(--red)}
.ie-log tr.ev-alert td{background:rgba(255,94,98,.07)}.ie-log tr.ev-alert td.e{color:var(--red)}
.ie-log tr.ev-waiting td{background:rgba(255,181,71,.07)}.ie-log tr.ev-waiting td.e{color:var(--amber)}
.ie-log tr.ev-skipped td{opacity:.55}
.ie-log tr.ev-start td,.ie-log tr.ev-complete td{color:var(--fg)}
@media (max-width:640px){
 .ie-log thead{display:none}
 .ie-log tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:3px 10px;padding:10px 14px;border-bottom:1px solid var(--line)}
 .ie-log td{padding:0;border:0}
 .ie-log td.s{overflow:hidden;text-overflow:ellipsis}
 .ie-log td.e{text-align:right}
 .ie-log td.d{grid-column:1/-1}
 .ie-log td.p{display:none}
}

.ie-results .kicker{margin:0 0 10px}
.ie-findings{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.ie-findings li{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}
.ie-findings li.empty{display:block;color:var(--fg-3);font-size:.92rem}
.ie-findings .sv{font-size:.64rem;letter-spacing:.12em;padding-top:4px;color:var(--fg-3)}
.ie-findings b{display:block;font-weight:600;color:var(--fg);line-height:1.35}
.ie-findings p{margin:4px 0 0;font-size:.86rem;color:var(--fg-2);line-height:1.5}
.ie-findings li.sev-ok .sv{color:var(--teal)}
.ie-findings li.sev-watch .sv{color:var(--amber)}
.ie-findings li.sev-bad .sv{color:var(--red)}
.ie-findings li.rec{grid-template-columns:62px minmax(0,1fr);background:linear-gradient(90deg,rgba(47,128,255,.12),transparent);padding-left:10px;margin-left:-10px}
.ie-findings li.rec .sv{color:var(--blue-hi)}
.ie-findings .prov{font-size:.58rem;padding:3px 6px}
.ie-alerts{list-style:none;margin:16px 0 0;padding:0}
.ie-alerts li{padding:10px 12px;margin-bottom:6px;border-left:2px solid var(--red);background:rgba(255,94,98,.07);font-size:.86rem;color:var(--fg)}
.ie-alerts li .mono{color:var(--fg-3);margin-right:8px;font-size:.78rem}
.ie-chartinst{margin-top:20px}
.ie-chart-box{position:relative;height:230px}
.ie-chart-box canvas{position:absolute;inset:0;width:100%;height:100%}
.ie-key{display:inline-flex;align-items:center;gap:6px;font:500 .62rem/1 var(--mono);letter-spacing:.1em}
.ie-key:before{content:"";width:9px;height:9px;border-radius:50%}
.ie-key-a:before{background:var(--teal)}.ie-key-b:before{border-radius:0;height:6px;background:rgba(138,114,255,.6)}

.ie-reportinst{margin-top:28px}
.ie-report{margin:0;padding:20px;max-height:460px;overflow:auto;font:400 .8rem/1.6 var(--mono);color:var(--fg-2);white-space:pre-wrap;word-break:break-word;background:rgba(2,4,9,.55)}
.ie-report:focus-visible{outline-offset:-2px}

/* registry */
.ie-registry th[scope=row]{width:15%;white-space:nowrap}
.ie-registry td:last-child{width:28%;color:var(--fg-2);font-size:.86rem}
.ie-registry td:nth-child(3){width:1%;white-space:nowrap}
@media (max-width:760px){.ie-registry th[scope=row]{white-space:normal}.ie-registry td:last-child{width:auto}}
.ie-registry th[scope=row] .mono{color:var(--blue-hi);font-size:.8rem;letter-spacing:.02em;text-transform:none}
.ie-registry td b{font-weight:600}
.ie-registry .kind{display:inline-block;padding:4px 8px;border:1px solid var(--line-2);font:600 .62rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2)}
.ie-registry .kind-ingest{color:var(--teal);border-color:rgba(34,216,200,.4)}
.ie-registry .kind-distribute{color:var(--violet);border-color:rgba(138,114,255,.45)}
.ie-registry .kind-approve{color:var(--amber);border-color:rgba(255,181,71,.45)}
.ie-registry .kind-monitor{color:#ff9a9a;border-color:rgba(255,94,98,.4)}
.ie-registry .kind-act{color:var(--blue-hi);border-color:rgba(122,184,255,.45)}

/* AI services page */
.ai-hero .ai-lattice{position:absolute;right:-6%;top:12%;width:min(56vw,760px);height:auto;z-index:-1;opacity:.8}
.ai-hero .ai-lattice .ln{stroke:rgba(122,184,255,.22);stroke-width:1;fill:none}
.ai-hero .ai-lattice .nd{fill:#08101d;stroke:rgba(122,184,255,.6);stroke-width:1.2}
.ai-hero .ai-lattice .nd.hum{stroke:rgba(255,181,71,.8)}
.ai-hero .ai-lattice .nd.pln{stroke:var(--blue-hi);stroke-width:1.6}
.ai-hero .ai-lattice .pk{fill:var(--teal);opacity:0}
html[data-motion=on] .ai-hero .ai-lattice .pk{animation:ai-pk 5.5s linear infinite}
@keyframes ai-pk{0%{opacity:0}8%{opacity:1}60%{opacity:1}70%{opacity:0}100%{opacity:0}}
@media (max-width:860px){.ai-hero .ai-lattice{opacity:.35;width:110vw;right:-30%;top:4%}}
.ai-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-2)}
.ai-principles>div{padding:34px 28px 30px 0;border-right:1px solid var(--line)}
.ai-principles>div+div{padding-left:28px}
.ai-principles>div:last-child{border-right:0}
.ai-principles .big{font-size:clamp(2.6rem,4.6vw,4.4rem);font-weight:800;font-stretch:125%;line-height:.9;letter-spacing:-.04em}
.ai-principles h3{margin:18px 0 10px}
.ai-principles p{color:var(--fg-2);margin:0}
@media (max-width:860px){.ai-principles{grid-template-columns:minmax(0,1fr)}.ai-principles>div{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.ai-principles>div+div{padding-left:0}}
.ai-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:f;border-top:1px solid var(--line-2)}
.ai-flow li{position:relative;padding:28px 22px 26px 0}
.ai-flow li:before{counter-increment:f;content:"0" counter(f);display:block;font:500 .74rem/1 var(--mono);color:var(--blue-hi);letter-spacing:.1em;margin-bottom:16px}
.ai-flow li:after{content:"";position:absolute;top:-1px;left:0;width:40%;height:2px;background:linear-gradient(90deg,var(--blue-hi),transparent)}
.ai-flow h3{margin:0 0 8px}
.ai-flow p{color:var(--fg-2);font-size:.95rem;margin:0}
@media (max-width:960px){.ai-flow{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ai-flow{grid-template-columns:minmax(0,1fr)}}
.ie-readouts .v{font-size:clamp(1.5rem,2.2vw,2.2rem);white-space:nowrap}.ie-readouts .v.ie-small{white-space:normal;line-height:1.15}