@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');
:root{--paper:#090b0c;--ink:#f0ece3;--muted:#a5a6a2;--line:#ffffff20;--lime:#f36b3f;--orange:#f36b3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'Inter',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f36b3f;outline-offset:4px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;letter-spacing:.03em;font:800 21px 'Syne',sans-serif}.brand>span{font-weight:400;font-size:14px;margin-left:6px}.brand small{font:10px 'Inter';letter-spacing:.14em;border-left:1px solid #ffffff30;margin-left:20px;padding-left:20px}.concept,.quiet-link{font-size:10px;letter-spacing:.12em}.quiet-link{text-decoration:none}.intro{max-width:1440px;margin:auto;padding:70px 5% 55px;display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;margin:0 0 22px}.eyebrow>i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f36b3f;margin-right:8px}h1{font:500 clamp(48px,5.2vw,78px)/1.06 'Syne',sans-serif;letter-spacing:-.065em;margin:0 0 26px}em{font-style:normal;color:#f36b3f}.lede{max-width:440px;font-size:16px;line-height:1.8;color:var(--muted)}.project-card{padding:28px 32px;border:1px solid #ffffff20;border-radius:16px;position:relative;background:linear-gradient(125deg,#151818,#0d1111);box-shadow:0 15px 45px #f0ece306}.project-card h2{font:500 28px/1.25 'Syne';letter-spacing:-.045em;margin:15px 0}.project-card p{font-size:13px;color:var(--muted);max-width:280px}.project-icon{position:absolute;right:28px;top:60px;width:56px;height:56px;border-radius:50%;border:1px solid #f36b3f66;display:grid;place-items:center;color:#f36b3f;background:#f36b3f12}.draft{display:block;margin-top:26px;font-size:8px;letter-spacing:.11em;color:#a5a6a2}.explorer{max-width:1320px;margin:0 auto;border:1px solid #ffffff20;border-radius:18px;background:#0d1111;box-shadow:0 30px 70px #253c2810;overflow:hidden;scroll-margin-top:20px}.explorer-toolbar{padding:20px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.segmented{display:flex;border:1px solid var(--line);border-radius:9px;padding:4px;gap:3px;background:#090b0c}.segmented button,.depth button{border:0;background:transparent;padding:10px 14px;border-radius:6px;font-size:12px;min-height:42px;transition:background .2s,color .2s}.segmented button[aria-pressed=true]{background:#f36b3f;color:#090b0c;box-shadow:0 3px 7px #18311d19}.depth{display:flex;align-items:center;gap:4px}.depth>span{font-size:9px;letter-spacing:.12em;margin-right:12px;color:var(--muted)}.depth button[aria-pressed=true]{background:#f36b3f22}.stage-path{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);background:#0d1111}.stage-path button{display:flex;gap:10px;align-items:center;justify-content:center;position:relative;border:0;border-right:1px solid var(--line);background:transparent;padding:18px 12px;font-size:12px;min-height:55px}.stage-path button:last-child{border-right:0}.stage-path button[aria-pressed=true]{background:#f36b3f18;color:#f0ece3}.stage-path button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:2px;background:#f36b3f}.stage-path small{font-size:9px;color:#a5a6a2}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr)}.canvas{padding:30px 30px 22px;background-image:radial-gradient(#ffffff14 .7px,transparent .7px);background-size:14px 14px}.canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.canvas-heading .eyebrow{font-size:8px;margin-bottom:8px;color:var(--muted)}.canvas-heading h2{font:500 22px 'Syne';letter-spacing:-.045em;margin:0}.live-dot{font-size:8px;letter-spacing:.1em;color:#a5a6a2}.live-dot:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#f36b3f;margin-right:6px}.layer{display:grid;grid-template-columns:35px 1fr 20px;gap:12px;align-items:center;width:100%;text-align:left;padding:18px 22px;margin:10px 0;background:#111515;border:1px solid #ffffff20;border-radius:11px;box-shadow:0 4px 10px #36512305;position:relative;transition:transform .25s,background .25s,border-color .25s}.layer:hover{transform:translateX(4px);border-color:#f36b3f88}.layer[aria-pressed=true]{background:#f36b3f18;color:#f0ece3;border-color:#f36b3f18;box-shadow:0 8px 22px #24382b1b}.layer-num{font:11px 'Syne';opacity:.65}.layer strong{font:500 15px 'Syne';display:block;letter-spacing:-.015em}.layer small{display:block;font-size:11px;margin-top:5px;color:#a5a6a2}.layer[aria-pressed=true] small{color:#e8b199}.layer-arrow{color:#f36b3f}.map-footnote{font-size:10px;color:#a5a6a2;text-align:center;margin-top:23px}.inspector{background:#111515;border-left:1px solid var(--line);padding:33px 30px}.inspector .eyebrow{font-size:9px;margin-bottom:16px;color:#f36b3f}.inspector h2{font:500 29px/1.2 'Syne';letter-spacing:-.05em;margin:0 0 18px}.inspector .description{font-size:13px;line-height:1.8;color:#a5a6a2}.detail-row{margin-top:22px;padding-top:17px;border-top:1px solid #ffffff20}.detail-row>span{display:block;font-size:8px;letter-spacing:.14em;color:#a5a6a2;margin-bottom:8px}.detail-row p{font-size:12px;line-height:1.8;margin:0}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{font-size:10px;padding:5px 9px;border:1px solid #ffffff25;background:#090b0c;border-radius:5px}.technical{background:#090b0c;color:#f0ece3;border-radius:10px;padding:17px;margin-top:20px;font:11px/1.9 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.check{padding:16px;background:#f36b3f12;border:1px solid #f36b3f40;border-radius:8px;margin-top:22px;font-size:11px;line-height:1.8}.check strong{display:block;margin-bottom:4px;color:#f36b3f}.inspector .step-next{border:1px solid #f36b3f50;background:transparent;border-radius:7px;width:100%;padding:12px 15px;text-align:left;font-size:11px;margin-top:20px;min-height:44px}.flow-card{padding:19px 23px;background:#111515;border:1px solid #ffffff20;border-radius:11px;width:100%;text-align:left;margin:10px 0;display:flex;gap:20px;align-items:center;transition:background .2s,transform .2s}.flow-card:hover{transform:translateX(4px)}.flow-card[aria-pressed=true]{background:#f36b3f18;color:#f0ece3}.flow-card small{font-size:8px;letter-spacing:.08em;display:block;opacity:.65}.flow-card strong{font:500 15px 'Syne';display:block;margin:5px 0}.flow-card p{margin:0;font-size:11px;opacity:.7}.flow-card>span{font-size:20px;color:#f36b3f}.takeaway{max-width:700px;margin:70px auto;text-align:center;padding:0 24px}.takeaway h2{font:500 40px/1.15 'Syne';letter-spacing:-.05em}.takeaway>p{max-width:530px;margin:20px auto;font-size:14px;color:var(--muted);line-height:1.9}.legend{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:28px;font-size:10px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.people{background:#f36b3f}.agents{background:#f36b3f}.evidence{background:#b4b6af}footer{padding:25px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.1em;color:var(--muted)}#detail{animation:arrive .3s ease}#map{animation:arrive .3s ease}@keyframes arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1380px){.explorer{margin-inline:4%}}@media(max-width:1000px){.workspace{grid-template-columns:1.25fr 1fr}.explorer-toolbar{flex-wrap:wrap}.intro{gap:5%}.concept{display:none}.canvas{padding:25px 20px}.inspector{padding:28px 22px}.live-dot{display:none}}@media(max-width:700px){.masthead{padding:20px 6%}.brand{font-size:18px}.brand small{font-size:8px;margin-left:10px;padding-left:10px}.quiet-link{display:none}.intro{grid-template-columns:1fr;padding:42px 6% 30px;gap:25px}h1{font-size:53px}.lede{font-size:15px}.project-card{padding:24px}.project-card h2{font-size:26px}.project-icon{top:55px;right:24px}.explorer{margin-inline:5%;border-radius:12px}.explorer-toolbar{padding:16px;gap:12px}.segmented{width:100%}.segmented button{flex:1;font-size:11px;padding-inline:8px}.depth{width:100%;justify-content:space-between}.depth>span{margin-right:0;font-size:8px}.depth button{font-size:11px;padding-inline:10px}.stage-path button{padding:12px 3px;gap:0;font-size:10px;flex-direction:column}.stage-path small{font-size:8px;margin-bottom:3px}.workspace{grid-template-columns:1fr}.canvas{padding:24px 16px 16px}.canvas-heading h2{font-size:21px}.layer{padding:16px 14px;gap:7px;grid-template-columns:26px 1fr 12px}.layer strong{font-size:14px}.layer small{font-size:10px}.inspector{border-left:0;border-top:1px solid var(--line);padding:28px 24px}.inspector h2{font-size:28px}.description,.detail-row p{font-size:14px!important}.takeaway{margin:45px auto}.takeaway h2{font-size:33px}.legend{gap:12px}footer{flex-direction:column;gap:8px}.flow-card{padding:16px}.draft{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Puro AI Labs: reuse the published identity. */
.brand{display:flex;align-items:center;gap:22px}.brand img{width:205px;height:auto;display:block}.brand small{margin:0}.masthead{background:#090b0c}.eyebrow,.concept,.draft,.live-dot,.depth>span,footer{font-family:"JetBrains Mono",monospace}.layer[aria-pressed=true]{border-color:#f36b3f80}.project-card,.explorer{box-shadow:none}.segmented button[aria-pressed=true]{color:#090b0c}.intro{position:relative}.intro:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 45%,#f36b3f09,transparent 65%)}.project-card{border-radius:6px}.explorer,.layer,.flow-card,.check,.technical{border-radius:6px}.inspector h2{font-weight:500}.brand small{color:#a5a6a2}.layer-arrow{font-size:20px}.ac-back{display:inline-block;padding:8px 0;text-decoration:none;font-size:12px;color:#f36b3f}@media(max-width:700px){.brand img{width:160px}.brand{gap:12px}.brand small{font-size:8px;padding-left:12px}}