/* One visual system for the portfolio, product stories, and interactive tools. */
:root{color-scheme:dark;--night:#07111d;--night2:#142237;--white:#091321;--ink:#f4f6fc;--muted:#bbc9d8;--violet:#ac9de7;--mint:#77ddd0;--gold:#e0bd83;--pink:#c68faf;--line:#2b3d50;--ai-panel:#101e2e;--ai-panel-alt:#142536}
body{background:radial-gradient(ellipse at 0 15%,#17334966,transparent 48%),radial-gradient(ellipse at 100% 50%,#38214066,transparent 45%),#091321;color:var(--ink)}
main{background-image:linear-gradient(#77ddd005 1px,transparent 1px),linear-gradient(90deg,#77ddd005 1px,transparent 1px);background-size:64px 64px}
.top{background:#07111def;border-bottom:1px solid #77ddd02e}
.brand-mark{background:linear-gradient(135deg,#e0bd83,#77ddd0);color:#07111d;box-shadow:0 0 22px #77ddd018}
.nav .last{background:#172737;border-color:#77ddd04d}
.nav a:hover,.footer a:hover{color:var(--mint)}
.pagehero{position:relative;isolation:isolate;background:linear-gradient(100deg,#07111df5 0%,#07111de6 55%,#07111d8c),url('/hero-ai-background.webp') center 42%/cover;border-bottom:1px solid #77ddd066}
.pagehero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 10%,#77ddd020,transparent 60%)}
.pagehero .back,.pagehero .number{color:var(--mint)}
.pagehero p,.hero-home .intro{color:#d3dee8}
.pagehero h1{color:#f4f6fc}
.entry,.pagebody{background:transparent}
.section{border-color:var(--line)}
.story{background:linear-gradient(130deg,#102132cc,#24182ccc)}
.footer{background:linear-gradient(120deg,#07121e,#211728);border-top:1px solid #77ddd055}
.footer h2{color:#f4f6fc}.footer p,.footer .fine{color:var(--muted)}
.entry h2,.heading h2,.pagebody h2,.pagebody h3,.case-section h2,.case-section h3,.work-case h3,.career-role h3,.education-note h2,.storytitle{color:#f4f6fc}
.entry .path-label,.heading .number,.feature .meta,.pagebody .feature .meta,.journey .eyebrow,.case-section .eyebrow,.case-index,.career-date,.phase,.agent-purpose,.agent-body h4,.agent-human b,.case-detail b{color:var(--mint)}
.heading p,.feature p,.pagebody p,.article ul,.storytext p,.case-section p,.comparison ul,.outcome-list,.decision dd,.case-section .agent-card-heading p,.case-section .agent-body p,.case-section .visual-agent p{color:var(--muted)}
.story .quote{color:#dac5ee}.story .number{color:var(--gold)}
.career-role h3 span{color:var(--muted)}
.entry .path.built,.entry .path.company{background:linear-gradient(140deg,#162c40,#251b30);color:var(--ink);border:1px solid #5a657880;box-shadow:0 14px 40px #02081230}
.entry .path.company{border-color:#77ddd055}
.entry .path .num,.entry .path.company .num{color:var(--mint)}
.entry .path .enter,.entry .path.company .enter{color:var(--gold)}
.entry .path:hover{box-shadow:0 16px 45px #02081260,0 0 22px #77ddd010}
.feature,.pagebody .feature,.work-case,.agent-card,.impact-grid article,.deep-card,.award-note{background:linear-gradient(145deg,#142435,#101b29);border-color:var(--line);box-shadow:0 14px 36px #02081225}
.work-case{border-top-color:var(--gold)}.work-case:nth-child(even){border-top-color:var(--mint)}
.feature .visual,.pagebody .feature .visual{background:radial-gradient(ellipse at 75% 20%,#60437766,transparent 60%),linear-gradient(140deg,#192d43,#20172b)}
.feature .visual.alt,.pagebody .feature .visual.alt{background:radial-gradient(ellipse at 75% 20%,#3faca640,transparent 60%),linear-gradient(140deg,#163842,#101a28)}
.feature .visual:before{border-color:#77ddd055;box-shadow:0 0 0 55px #77ddd008,0 0 0 110px #77ddd005}
.feature .action,.pagebody .feature .action,.pagebody .inline-link,.closing .inline-link,.career-role a,.independent-note a{color:var(--mint)}
.feature .muted-action,.planned,.measurement-note,.case-status{color:var(--muted)}
.case-detail,.case-status,.agent-measures,.agent-human,.journey-intro,.career-role,.education-note,.team-note,.case-nav,.case-section{border-color:var(--line)}
.education-note,.independent-note,.notice,.pagebody .notice,.tagrow span,.pagebody .tagrow span{background:#142334;color:var(--muted);border-color:#77ddd055}
.education-note{padding:30px;border-radius:16px;border:1px solid var(--line)}
.independent-note{background:linear-gradient(130deg,#14333d,#2b1d36)}
.independent-note h2,.notice strong{color:var(--ink)}
.independent-note p{color:var(--muted)}
.impact-grid strong{color:var(--gold)}
.comparison article,.ownership-grid article,.autonomy-grid article,.architecture-grid article,.metric-tree article,.comparison article:nth-child(2),.architecture-grid article:nth-child(2),.agent-card-heading,.agent-card:nth-child(even) .agent-card-heading{background:#132638;border:1px solid var(--line)}
.comparison article:nth-child(2),.architecture-grid article:nth-child(2),.agent-card:nth-child(even) .agent-card-heading{background:#122d34}
.agent-card-heading{border-width:0 0 1px}
.agent-count,.decision-number,.decision dt{color:var(--gold)}
.agent-decision,.intake-decision-result,.walkthrough-insight{background:#133039;color:var(--muted);border-left-color:var(--mint)}
.agent-result,.north-star{background:linear-gradient(130deg,#162f3b,#2c2034);border-color:#e0bd8370}
.agent-result span,.north-star .phase{color:var(--gold)}
.agent-result strong{color:#f4e2bc}
.system-strip,.eval-details,.nda-example{background:#132438;border-color:var(--line);color:var(--muted)}
.eval-details summary,.nda-example summary,.agent-measures summary{color:var(--gold)}
.pullquote{background:linear-gradient(110deg,#122e36,#251d32);border-color:var(--mint);color:#e6edf6}
.pullquote b{color:var(--gold)}
.case-nav{color:var(--mint)}.case-nav a:hover{color:var(--gold)}
.case-section .source-note,.case-section .small-note,.image-hint{color:#a7b8cc}
.workflow-explorer,.console-illustration,.walkthrough,.policy-explorer{background:#0d1b2a;border-color:#3c546c;box-shadow:0 20px 45px #02081238}
.explorer-heading,.console-top,.walkthrough-picker{background:linear-gradient(120deg,#162c40,#241d30);border-color:var(--line)}
.stage-picture{background:#0b1927;border-color:var(--line)}
.evidence-tile,.visual-agent,.console-layout aside,.capability,.canvas-node,.policy-result,.rule-checks div{background:#172f40;border-color:#3a586b;color:var(--ink)}
.visual-agent{background:linear-gradient(145deg,#193344,#2b2135);border-color:#d4b78088}
.evidence-tile{box-shadow:0 5px 18px #030b1428}
.stage-button,.walkthrough-step{background:#183042;color:#dceaf3;border-color:#4c657b}
.stage-button:hover,.walkthrough-step:hover{background:#244354;border-color:var(--mint)}
.stage-button[aria-pressed=true],.walkthrough-step[aria-pressed=true],.condition-node{background:#7bd7c9;color:#09202b;border-color:#7bd7c9}
.stage-button[aria-pressed=true] span,.walkthrough-step[aria-pressed=true] span{color:#09202b}
.stage-button span,.walkthrough-step span,.control-label,.console-top span:last-child{color:var(--gold)}
.control-band,.policy-controls{background:#122536}
.policy-controls label{color:var(--mint)}
.policy-controls select{color:var(--ink);background:#0a1a29;border-color:#4c657b}
.policy-result{background:linear-gradient(140deg,#15323a,#201b2e)}
.rule-checks .unmet{background:#3b2d35;border-left-color:var(--gold)}
.case-section .rule-principle{border-color:var(--line)}
.walkthrough-display figcaption{background:#101f30;border-color:var(--line)}
.walkthrough-display .phase{color:var(--gold)}
.walkthrough-display img{background:#101b2a}
.diagram-label{border-color:#e0bd8366;color:var(--gold)}
.mini-flow li,.agent-flow li,.agent-flow li:last-child{background:#152b3b;border-color:var(--line);color:var(--ink)}
.mini-flow li:before,.flow-tag{color:var(--mint)}
.magic-glow{background:radial-gradient(320px circle at var(--magic-x) var(--magic-y),#77ddd01f,#ac9de712 35%,transparent 70%);box-shadow:inset 0 0 0 1px #77ddd04d}
::selection{background:#77ddd04d;color:#fff}
@media(max-width:600px){main{background-size:44px 44px}.pagehero{background-position:35% center}}

.footer .links{align-content:flex-end;align-items:center;gap:16px 20px}
.footer .links a{overflow-wrap:anywhere}
.footer .links .resume-download{background:#17313b;color:#dbeee9;padding:12px 18px;border:1px solid #77ddd066;border-radius:10px;font-weight:800}
@media(max-width:600px){.footer .links{justify-content:flex-start}.footer .links a{font-size:13px}}

/* Portrait composition: retain the face above mobile copy. */
@media(max-width:900px){.hero-home .hero-photo{object-position:30% center}}
@media(max-width:600px){.hero-home .hero-photo{object-position:30% top}.hero-home:after{background:linear-gradient(180deg,#07111d00 0%,#07111d30 32%,#07111def 69%,#07111d 100%)}}

/* Neon agent hero: preserve the central illustration and a readable copy area. */
.hero-home .hero-photo{object-position:center center}
@media(min-width:901px){.hero-home:after{background:linear-gradient(90deg,#070d2400 20%,#07111d80 48%,#07111df2 100%)}}
@media(max-width:900px){.hero-home .hero-photo{object-position:50% center}.hero-home:after{background:linear-gradient(180deg,#07111d0d 0%,#07111d88 40%,#07111df2 85%)}}
@media(max-width:600px){.hero-home .hero-photo{object-position:50% top}.hero-home:after{background:linear-gradient(180deg,#07111d0d 0%,#07111d55 28%,#07111df2 66%,#07111d 100%)}}
/* Product ideas share the landing page palette and navigation. */
.entry .paths{grid-template-columns:repeat(3,minmax(0,1fr))}.entry .path.innov{background:linear-gradient(140deg,#3b354c,#1b2434);color:var(--ink);border:1px solid #ac9de777}.entry .path.innov .num,.entry .path.innov .enter{color:var(--gold)}
@media(max-width:900px){.top .shell{flex-wrap:wrap;padding:18px 0}.nav{flex-wrap:wrap;gap:12px 18px;font-size:14px}.nav a:nth-child(n){display:inline-flex}.entry .paths{grid-template-columns:1fr}}

/* Keep detailed circuitry beside the introduction and dim the text area. */
.hero-home .hero-photo{object-position:38% center}
.hero-home:after{background:linear-gradient(90deg,#07111d12 0%,#07111d30 32%,#07111dcc 52%,#07111df2 78%,#07111df5 100%)}
.hero-home .hero-copy{padding:24px;border-radius:18px;background:linear-gradient(110deg,#07111d20,#07111d60);text-shadow:0 2px 12px #0009}
.hero-home .light-rays{opacity:.45}
@media(max-width:900px){.hero-home .hero-photo{object-position:35% top}.hero-home .hero-copy{width:100%;max-width:680px;margin-left:0;padding:24px;background:#07111db8}.hero-home .shell{padding-top:300px}.hero-home:after{background:linear-gradient(180deg,#07111d10 0%,#07111d44 30%,#07111de8 62%,#07111df5 100%)}}
@media(max-width:600px){.hero-home .hero-copy{padding:20px;background:#07111dc9}.hero-home .shell{padding-top:300px;padding-bottom:38px}.hero-home .hero-photo{object-position:33% top}.hero-home:after{background:linear-gradient(180deg,#07111d10 0%,#07111d44 24%,#07111de8 55%,#07111df5 100%)}}

/* Explicit text colors keep all homepage cards readable on dark panels. */
.entry .path,.entry .path h3{color:#f4f6fc}
.entry .path p{color:#d3deeb}
.entry .path .glyph{color:#f4f6fc;opacity:.08}