:root{--ink:#070706;--coal:#0c0b0a;--bone:#eee8db;--paper:#d6ccba;--muted:#958d7f;--turq:#47c5b8;--rust:#a94e35;--line:rgba(238,232,219,.15)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--bone);font-family:"Barlow Condensed",sans-serif;letter-spacing:.045em}
.grain{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.masthead{position:fixed;z-index:40;top:0;width:100%;height:70px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,7,6,.74);backdrop-filter:blur(18px)}
.wordmark{display:flex;align-items:center;gap:.15rem;color:var(--bone);font-size:1.35rem;font-weight:600;letter-spacing:.14em;text-decoration:none}
.wordmark>span:not(.mark){color:var(--turq);font-weight:300}
.mark{width:30px;height:30px;margin-right:.6rem;display:grid;place-items:center;border:1px solid var(--rust);font:500 .8rem "IBM Plex Mono";transform:rotate(45deg);color:var(--bone)}
.mark::first-letter{transform:rotate(-45deg)}
nav{display:flex;gap:2.2rem}
nav a,.live{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);text-decoration:none}
nav a:hover{color:var(--turq)}
.live{color:#716b61}
.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--turq);box-shadow:0 0 12px rgba(71,197,184,.6);margin-right:.5rem}
.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:center;padding:110px 8vw 80px;background:radial-gradient(circle at 74% 30%,rgba(71,197,184,.09),transparent 25%),radial-gradient(circle at 65% 65%,rgba(169,78,53,.07),transparent 24%),linear-gradient(145deg,#050505,#0c0b09 66%,#070706)}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.7fr);gap:7vw;align-items:end}
.eyebrow,.section-no{margin:0 0 1.4rem;text-transform:uppercase;color:var(--turq);font-size:.68rem;letter-spacing:.23em}
h1,h2,h3,blockquote{font-family:"Cormorant Garamond",serif;font-weight:400}
h1{max-width:1000px;margin:.16em 0 .32em;font-size:clamp(5.5rem,10.5vw,10rem);line-height:.72;letter-spacing:-.055em}
h1 em,h2 em{color:var(--paper);font-weight:400}
.dek{max-width:680px;color:#aaa194;font:400 clamp(1.2rem,2vw,1.6rem)/1.45 "Cormorant Garamond"}
.actions{display:flex;gap:1.3rem;margin-top:2.5rem}
.actions a{padding:.9rem 0;border-bottom:1px solid var(--turq);color:var(--bone);text-decoration:none;text-transform:uppercase;font-size:.68rem;letter-spacing:.17em}
.actions a span{margin-left:1.5rem;color:var(--turq)}
.actions .ghost{border-color:var(--line);color:var(--muted)}
.telemetry{border:1px solid var(--line);padding:1.4rem;background:rgba(5,5,5,.5);font:400 .65rem "IBM Plex Mono";letter-spacing:.08em}
.telemetry>p{color:var(--turq);margin:0 0 1.6rem}
.telemetry dl{margin:0}
.telemetry dl>div{display:flex;justify-content:space-between;padding:.7rem 0;border-top:1px solid rgba(238,232,219,.08)}
.telemetry dt{color:#777065}
.telemetry dd{margin:0;color:var(--paper)}
.telemetry small{display:block;margin-top:1.4rem;color:#58534c;line-height:1.6}
.orbit{position:absolute;z-index:1;width:min(62vw,760px);aspect-ratio:1;right:-5vw;top:5vh;border:1px solid rgba(71,197,184,.14);border-radius:50%;animation:spin 70s linear infinite}
.orbit:before,.orbit:after{content:"";position:absolute;inset:16%;border:1px solid rgba(238,232,219,.08);border-radius:50%}
.orbit:after{inset:37%;border-color:rgba(169,78,53,.23)}
.orbit span{position:absolute;width:7px;height:7px;background:var(--rust);border-radius:50%}
.orbit span:nth-child(1){top:10%;left:29%}
.orbit span:nth-child(2){right:-3px;top:50%;background:var(--turq)}
.orbit span:nth-child(3){bottom:8%;left:25%;background:var(--paper)}
@keyframes spin{to{transform:rotate(360deg)}
}
.mountain{position:absolute;z-index:2;inset:auto 0 0;height:17vh;background:#040404;clip-path:polygon(0 73%,9% 64%,18% 69%,30% 36%,39% 63%,50% 47%,62% 69%,73% 41%,83% 63%,93% 51%,100% 61%,100% 100%,0 100%)}
.manifesto{padding:10vw 8vw;display:grid;grid-template-columns:.7fr 2fr 1fr;gap:5vw;border-bottom:1px solid var(--line)}
blockquote{margin:0;color:var(--paper);font-size:clamp(2.8rem,5vw,5rem);line-height:.94}
.manifesto-copy{color:#aaa194;font:400 1.15rem/1.52 "Cormorant Garamond"}
.projects,.factory{padding:9vw 5vw;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:.7fr 2fr 1fr;gap:4vw;align-items:end;padding:0 3vw 3rem}
.section-head h2{margin:0;font-size:clamp(3.6rem,7vw,7rem);line-height:.82}
.section-head>p:last-child{color:#756e64;font:1rem/1.4 "Cormorant Garamond"}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.project{position:relative;min-height:410px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(238,232,219,.025),transparent);overflow:hidden;transition:background .3s,transform .3s}
.project:after{content:attr(data-code);position:absolute;right:-2rem;top:7rem;transform:rotate(90deg);font:.53rem "IBM Plex Mono";letter-spacing:.2em;color:#413d37}
.project:hover{background:linear-gradient(145deg,rgba(71,197,184,.06),rgba(169,78,53,.025));transform:translateY(-3px)}
.project.feature{grid-column:span 2;background:radial-gradient(circle at 80% 20%,rgba(71,197,184,.09),transparent 25%)}
.project.shadow{background:radial-gradient(circle at 70% 20%,rgba(169,78,53,.11),transparent 26%),#090807}
.project-top{display:flex;justify-content:space-between;align-items:center;font-size:.67rem;letter-spacing:.17em}
.project-top span{color:var(--turq)}
.project-top i{font-style:normal;color:#615b52;font:.58rem "IBM Plex Mono"}
.project h3{margin:2.5rem 0 1.2rem;font-size:clamp(2.2rem,3.8vw,4rem);line-height:.9}
.project p{max-width:490px;color:#928a7e;font:1.05rem/1.45 "Cormorant Garamond"}
.project a{margin-top:auto;color:var(--paper);text-decoration:none;text-transform:uppercase;font-size:.65rem;letter-spacing:.17em}
.project a:hover{color:var(--turq)}
.aizia{position:relative;overflow:hidden;min-height:80vh;padding:10vw 8vw;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 17% 50%,rgba(71,197,184,.1),transparent 27%),linear-gradient(110deg,#050505,#0c0a09)}
.aizia-symbol{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(71,197,184,.25);border-radius:50%;box-shadow:0 0 0 5vw rgba(71,197,184,.02),0 0 0 10vw rgba(169,78,53,.015);font-family:"IBM Plex Mono"}
.aizia-symbol:before,.aizia-symbol:after{content:"";position:absolute;width:72%;height:1px;background:rgba(238,232,219,.14)}
.aizia-symbol:after{transform:rotate(90deg)}
.aizia-symbol span:first-child{position:absolute;left:16%;font-size:clamp(4rem,10vw,9rem);color:var(--paper)}
.aizia-symbol b{font-size:clamp(6rem,15vw,14rem);font-weight:400;color:var(--turq);text-shadow:0 0 55px rgba(71,197,184,.16)}
.aizia-symbol span:last-child{position:absolute;right:10%;bottom:22%;font-size:1rem;letter-spacing:.25em;color:var(--rust)}
.aizia-copy h2{margin:.1em 0 .25em;font-size:clamp(4rem,8vw,8rem);line-height:.82}
.aizia-copy .lead{color:var(--paper);font:clamp(1.5rem,2.4vw,2.2rem)/1.25 "Cormorant Garamond"}
.aizia-copy>p:not(.section-no):not(.lead){max-width:630px;color:#91897d;font:1.1rem/1.5 "Cormorant Garamond"}
.principles{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.principles span{border:1px solid var(--line);padding:.6rem .8rem;color:#8d8579;font:.58rem "IBM Plex Mono";letter-spacing:.11em}
.agent-board{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.agent{min-height:160px;padding:1.2rem;border:0;background:#080807;color:var(--bone);text-align:left;cursor:pointer;transition:background .2s}
.agent:hover,.agent.active{background:#11110e}
.agent.active{box-shadow:inset 0 2px var(--turq)}
.agent b{display:block;color:var(--turq);font:.58rem "IBM Plex Mono";letter-spacing:.12em}
.agent strong{display:block;margin-top:1.2rem;font:400 1.55rem/1 "Cormorant Garamond"}
.agent small{display:block;margin-top:.8rem;color:#5f5951;font:.57rem "IBM Plex Mono"}
.terminal{margin-top:1px;border:1px solid var(--line);background:#040504;font:400 .7rem/1.8 "IBM Plex Mono";color:#817b6f}
.terminal-bar{display:flex;justify-content:space-between;padding:.7rem 1rem;border-bottom:1px solid var(--line);color:#5f5a51}
.terminal-status{color:var(--turq)}
#terminalOutput{min-height:140px;padding:1.2rem;color:#9d978b}
.nightshade{padding:10vw 8vw;text-align:center;background:var(--paper);color:var(--ink)}
.nightshade>p,.nightshade>span{font-size:.63rem;letter-spacing:.2em}
.nightshade blockquote{max-width:1000px;margin:.4em auto;color:var(--ink);font-size:clamp(3.4rem,7vw,7rem);line-height:.84}
footer{padding:5rem 8vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;color:#6e685f;font-size:.67rem;line-height:1.6;text-transform:uppercase}
.signoff{text-align:right;color:var(--paper);font:1rem "Cormorant Garamond";text-transform:none}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}
.agent-board{grid-template-columns:repeat(3,1fr)}
.aizia{grid-template-columns:1fr}
.aizia-symbol{width:min(80vw,520px);margin:auto}
}
@media(max-width:760px){.masthead nav,.live{display:none}
.hero{padding-left:6vw;padding-right:6vw}
.hero-grid,.manifesto,.section-head{grid-template-columns:1fr}
.telemetry{display:none}
.manifesto{gap:2rem}
.project-grid{grid-template-columns:1fr}
.project.feature{grid-column:auto}
.projects,.factory{padding-inline:4vw}
.section-head{padding-inline:2vw}
.agent-board{grid-template-columns:repeat(2,1fr)}
footer{grid-template-columns:1fr;gap:2rem}
.signoff{text-align:left}
}
@media(max-width:500px){h1{font-size:clamp(4.4rem,20vw,6rem)}
.actions{flex-direction:column;align-items:flex-start}
.agent-board{grid-template-columns:1fr}
.aizia{padding:20vw 7vw}
}
.factory-pipeline{background:radial-gradient(circle at 80% 25%,rgba(169,78,53,.08),transparent 30%),#080807}
.pipeline{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);background:var(--line);gap:1px}
.stage{min-height:150px;padding:1.2rem .9rem;display:flex;flex-direction:column;align-items:flex-start;border:0;background:#080807;color:var(--paper);cursor:pointer;text-align:left}
.stage b{color:#555047;font:500 .55rem "IBM Plex Mono"}
.stage span{margin:auto 0;font:500 .72rem "IBM Plex Mono";letter-spacing:.12em}
.stage i{align-self:flex-end;color:#4c4841;font-style:normal}
.stage:hover,.stage.active{background:#10110e;box-shadow:inset 0 2px var(--turq)}
.stage.active span{color:var(--turq)}
.pipeline-detail{display:grid;grid-template-columns:.65fr 1.15fr 1.4fr .8fr;gap:2rem;align-items:center;min-height:160px;padding:2rem;border:1px solid var(--line);border-top:0;background:#050504}
.pipeline-detail span,.pipeline-detail small{color:var(--turq);font:500 .58rem "IBM Plex Mono";letter-spacing:.12em}
.pipeline-detail strong{font:400 1.9rem/1.05 "Cormorant Garamond"}
.pipeline-detail p{color:#8e877b;font:1rem/1.45 "Cormorant Garamond"}
.pipeline-detail small{color:#6f695f}
.challenge{padding:10vw 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;border-bottom:1px solid var(--line);background:radial-gradient(circle at 16% 45%,rgba(71,197,184,.09),transparent 28%),#070706}
.challenge h2{margin:.1em 0 .25em;font:400 clamp(4rem,7vw,7rem)/.82 "Cormorant Garamond"}
.challenge>div>p:last-child{max-width:560px;color:#91897d;font:1.2rem/1.5 "Cormorant Garamond"}
.challenge form{padding:2rem;border:1px solid var(--line);background:rgba(5,5,5,.55)}
.challenge label{display:block;margin-bottom:1.2rem;color:#898276;font:500 .58rem "IBM Plex Mono";letter-spacing:.12em;text-transform:uppercase}
.challenge input,.challenge textarea,.challenge select{width:100%;margin-top:.55rem;padding:.9rem;border:1px solid var(--line);border-radius:0;background:#090908;color:var(--paper);font:1rem "Cormorant Garamond"}
.challenge textarea{resize:vertical}
.challenge input:focus,.challenge textarea:focus,.challenge select:focus{outline:1px solid var(--turq);border-color:var(--turq)}
.challenge button{width:100%;padding:1rem;display:flex;justify-content:space-between;border:1px solid var(--turq);background:transparent;color:var(--paper);font:500 .62rem "IBM Plex Mono";letter-spacing:.15em;text-transform:uppercase;cursor:pointer}
.challenge button:hover{background:rgba(71,197,184,.08)}
.form-note{color:#69635a;font:.58rem/1.5 "IBM Plex Mono"}
.trust-symbol b{font-size:clamp(5rem,13vw,12rem)}
.field-manual{padding:9vw 5vw;border-bottom:1px solid var(--line);background:radial-gradient(circle at 86% 18%,rgba(71,197,184,.07),transparent 27%),linear-gradient(155deg,#070706,#0a0908 68%,#060706)}
.manual-console{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);background:#050504;min-height:620px}
.manual-controls{padding:1.5rem;border-right:1px solid var(--line);font-family:"IBM Plex Mono"}
.manual-controls>label{display:block;margin-bottom:.7rem;color:#676158;font-size:.54rem;letter-spacing:.14em;text-transform:uppercase}
.manual-search{display:flex;align-items:center;border:1px solid var(--line);background:#090908}
.manual-search span{padding-left:.8rem;color:var(--turq);font-size:1.2rem}
.manual-search input{width:100%;padding:.8rem;border:0;outline:0;background:transparent;color:var(--paper);font:.65rem "IBM Plex Mono"}
.manual-search:focus-within{border-color:var(--turq)}
.manual-filters{display:grid;gap:1px;margin-top:1.5rem;background:var(--line);border:1px solid var(--line)}
.manual-filters button{padding:.8rem;border:0;background:#080807;color:#746e65;text-align:left;font:500 .56rem "IBM Plex Mono";letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.manual-filters button:hover,.manual-filters button.active{background:#10110e;color:var(--turq);box-shadow:inset 2px 0 var(--turq)}
.manual-controls>p{margin-top:1.5rem;color:#565149;font-size:.5rem;letter-spacing:.11em}.manual-controls>p span{color:var(--turq)}
.tips-grid{padding:1px;display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:1px;background:var(--line);max-height:760px;overflow:auto;scrollbar-color:var(--turq) #080807}
.tip-card{min-height:210px;padding:1.5rem;background:#080807;transition:background .2s,transform .2s}
.tip-card:hover{position:relative;background:linear-gradient(145deg,rgba(71,197,184,.07),#090908);box-shadow:inset 0 2px var(--turq)}
.tip-card>span{color:var(--turq);font:500 .52rem "IBM Plex Mono";letter-spacing:.13em}
.tip-card h3{margin:2rem 0 .7rem;font-size:1.8rem;line-height:1}.tip-card p{margin:0;color:#8f887d;font:1rem/1.45 "Cormorant Garamond"}
.tips-empty{grid-column:2;padding:4rem;color:#777168;text-align:center;font:500 .62rem "IBM Plex Mono";letter-spacing:.1em}
.manual-checklists{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}
.manual-checklists article{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(238,232,219,.018)}
.manual-checklists article>span{color:var(--rust);font:500 .52rem "IBM Plex Mono";letter-spacing:.13em}.manual-checklists h3{margin:1.3rem 0;font-size:2rem}
.manual-checklists ul{margin:0;padding:0;list-style:none}.manual-checklists li{padding:.55rem 0;border-top:1px solid rgba(238,232,219,.07);color:#888176;font:1rem "Cormorant Garamond"}.manual-checklists li:before{content:"◇";margin-right:.65rem;color:var(--turq)}
@media(max-width:1100px){.pipeline{grid-template-columns:repeat(4,1fr)}.pipeline-detail{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.manual-console{grid-template-columns:1fr}.manual-controls{border-right:0;border-bottom:1px solid var(--line)}.manual-filters{grid-template-columns:repeat(3,1fr)}.manual-checklists{grid-template-columns:1fr}}
@media(max-width:760px){.challenge{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}.pipeline-detail{grid-template-columns:1fr}.field-manual{padding-inline:4vw}.tips-grid{grid-template-columns:1fr}.manual-filters{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.orbit,.pulse-dot{animation:none}}