:root {
  --ink: #0a0b0d;
  --paper: #f1f1ec;
  --muted: #a8aaa4;
  --line: rgba(255,255,255,.14);
  --green: #7dff34;
  --pink: #ef4f9a;
  --mono: "DM Mono", ui-monospace, monospace;
  --sans: Inter, Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--sans); font-size: 16px; line-height: 1.5; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.grain { position: fixed; inset: 0; opacity: .045; pointer-events: none; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.site-header { height: 92px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid var(--line); position: relative; z-index: 10; }
.brand { display: flex; align-items: center; width: max-content; font-family: var(--mono); font-size: 1.45rem; font-weight: 500; letter-spacing: -.06em; }
.brand-mark { width: 30px; height: 30px; margin-right: 10px; }
.brand-mark path:first-child { fill: var(--green); }.brand-mark path:last-child { fill: var(--pink); }
.brand-dot { color: var(--green); }
nav { display: flex; gap: 38px; font: .75rem var(--mono); letter-spacing: .04em; text-transform: uppercase; }
nav a, footer a { transition: color .2s ease; } nav a:hover, footer a:hover { color: var(--green); }
.header-cta { justify-self: end; font: 500 .8rem var(--mono); padding: 12px 16px; border: 1px solid rgba(125,255,52,.6); border-radius: 2px; transition: all .2s ease; }
.header-cta:hover { background: var(--green); color: var(--ink); }
.hero { min-height: calc(100vh - 92px); display: grid; grid-template-columns: 55% 45%; align-items: center; padding: 7vw 4vw 8vw; position: relative; }
.hero:before { content:""; position:absolute; width: 52vw; height: 52vw; left:-28vw; top:-18vw; border: 1px solid rgba(239,79,154,.2); border-radius:50%; box-shadow: 0 0 160px rgba(239,79,154,.08); }
.hero-copy { position: relative; z-index: 1; max-width: 780px; }
.eyebrow, .section-number { font: 500 .72rem var(--mono); letter-spacing: .09em; text-transform: uppercase; color: var(--muted); }
.eyebrow { display: flex; align-items: center; gap: 10px; color: var(--green); margin: 0 0 26px; }
.pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(125,255,52,.1); }
h1 { font-size: clamp(4.4rem, 8.3vw, 9.2rem); line-height: .82; letter-spacing: -.085em; margin: 0; font-weight: 700; }
h1 span { color: transparent; -webkit-text-stroke: 1.5px rgba(241,241,236,.8); }
.hero-lede { font-size: clamp(1.05rem, 1.35vw, 1.3rem); max-width: 630px; color: #c0c1bc; margin: 42px 0 34px; }
.hero-actions { display:flex; align-items:center; gap:30px; }
.button { display:inline-flex; gap:18px; align-items:center; padding:16px 21px; font:600 .83rem var(--mono); text-transform:uppercase; }
.button-primary { background: var(--green); color: var(--ink); box-shadow: 5px 5px 0 var(--pink); transition: transform .2s ease, box-shadow .2s ease; }
.button-primary:hover { transform: translate(3px,3px); box-shadow: 2px 2px 0 var(--pink); }
.text-link { font: .78rem var(--mono); text-transform:uppercase; border-bottom:1px solid #777; padding: 8px 0; }
.factory-panel { width: 100%; max-width: 570px; justify-self: end; border: 1px solid #383a3d; background: #0d0f11; box-shadow: 25px 35px 90px rgba(0,0,0,.45); transform: rotate(1deg); }
.panel-topbar, .run-meta, .panel-footer { font: .64rem var(--mono); letter-spacing:.05em; }
.panel-topbar { height: 47px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; border-bottom:1px solid #303236; color:#90928d; }
.live { color:var(--green); }.live i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--green); margin-right:6px; }
.panel-body { padding: 18px; }
.run-meta { display:grid; grid-template-columns:1fr 1fr auto; color:#6f716d; padding-bottom:18px; }
.pipeline { position:relative; display:grid; gap:8px; }.pipeline-line { position:absolute; left:27px; top:35px; bottom:35px; width:1px; background:#37393c; }
.stage { position:relative; display:grid; grid-template-columns:52px 1fr auto; align-items:center; min-height:72px; padding:10px 14px 10px 0; border:1px solid #282a2d; background:#121416; }
.stage-icon { width:30px; height:30px; margin-left:12px; display:grid; place-items:center; border:1px solid #484a4d; border-radius:50%; background:#121416; font: .65rem var(--mono); z-index:1; }
.stage small { display:block; color:#70726e; font: .6rem var(--mono); margin-bottom:4px; }.stage strong { font-size:.85rem; font-weight:500; }.stage > span { font: .58rem var(--mono); color:#6f716d; }
.stage.complete .stage-icon { border-color:var(--green); color:var(--green); }.stage.complete > span { color:var(--green); }
.stage.active { border-color: rgba(239,79,154,.75); background:linear-gradient(90deg,rgba(239,79,154,.08),transparent); }.stage.active .stage-icon { color:var(--pink); border-color:var(--pink); box-shadow:0 0 15px rgba(239,79,154,.24); }.stage.active > span { color:var(--pink); }
.panel-footer { margin-top:17px; padding-top:16px; border-top:1px solid #27292b; display:flex; justify-content:space-between; color:#6f716d; }
.panel-footer span:last-child { color:var(--paper); }
section:not(.hero) { padding: 9vw 4vw; }
.manifesto { background: var(--paper); color: var(--ink); }
.manifesto .section-number, .builds .section-number { color:#696a67; }
.manifesto-grid { display:grid; grid-template-columns: 1.25fr .75fr; gap:10vw; align-items:start; margin-top:55px; }
h2 { font-size:clamp(2.7rem,5vw,6.2rem); line-height:.96; letter-spacing:-.065em; margin:0; font-weight:650; }
.manifesto h2 span { color:#aaa9a1; }
.manifesto-copy { font-size:1.08rem; max-width:550px; }.manifesto-copy p { margin:0 0 25px; }
.process { border-top:1px solid var(--line); }
.section-heading { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:70px; }
.section-heading h2 { max-width:790px; font-size:clamp(2.8rem,5.2vw,5.8rem); }
.process-grid { border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(4,1fr); }
.process-grid article { padding:30px 28px 12px 0; min-height:340px; display:flex; flex-direction:column; border-right:1px solid var(--line); margin-right:26px; }
.process-grid article:last-child { border:0;margin:0; }
.step { font: .75rem var(--mono); color:var(--green); }
.process h3 { font-size:1.45rem; line-height:1.15; margin:75px 0 18px; letter-spacing:-.03em; }.process article p { color:#aaa; font-size:.92rem; margin:0; }.process article small { margin-top:auto; color:#686b67; font:.62rem var(--mono); }
.builds { background:var(--green); color:var(--ink); display:grid; grid-template-columns:.78fr 1.22fr; gap:10vw; }
.builds-intro h2 { font-size:clamp(3rem,5vw,5.5rem); margin:40px 0 30px; }.builds-intro > p:last-child { max-width:440px; font-size:1.1rem; }
.build-list { border-top:1px solid rgba(10,11,13,.4); }
.build-list article { display:grid; grid-template-columns:55px 1fr 1fr 30px; align-items:center; gap:20px; min-height:125px; border-bottom:1px solid rgba(10,11,13,.4); }
.build-list span { font:.7rem var(--mono); }.build-list h3 { margin:0; font-size:1.25rem; line-height:1.15; }.build-list p { color:rgba(10,11,13,.7); font-size:.88rem; }.build-list i { font-style:normal; font-size:1.3rem; transition:transform .2s ease; }.build-list article:hover i { transform:translate(4px,-4px); }
.principles { background:#111316; border-top:1px solid var(--line); }
.principles-grid { display:grid; grid-template-columns:1fr 1fr; gap:11vw; margin-top:52px; }.principles h2 { font-size:clamp(3rem,5.5vw,6rem); }
.principle-list { border-top:1px solid var(--line); }.principle-list div { display:grid; grid-template-columns:160px 1fr; gap:30px; padding:27px 0; border-bottom:1px solid var(--line); }.principle-list span { color:var(--pink); font:.7rem var(--mono); }.principle-list p { margin:0; color:#b5b6b1; font-size:.94rem; }
.contact { background:var(--pink); color:var(--ink); }
.contact .section-number { color:rgba(10,11,13,.6); }.contact-main { display:flex; justify-content:space-between; align-items:end; margin:55px 0 65px; }.contact h2 { font-size:clamp(4.2rem,8vw,9rem); }.contact-link { font:500 1.1rem var(--mono); border-bottom:2px solid var(--ink); padding:12px 0; white-space:nowrap; }.contact-note { max-width:480px; margin:0 0 0 auto; }
footer { min-height:135px; padding:0 4vw; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; color:#858782; border-top:1px solid var(--line); font:.67rem var(--mono); text-transform:uppercase; letter-spacing:.04em; }
footer p { text-align:center; } footer div { display:flex; justify-content:flex-end; gap:28px; }.footer-brand { color:var(--paper); font-size:1.15rem; text-transform:none; }
@media (max-width: 980px) {
  .hero { grid-template-columns:1fr; gap:70px; padding-top:100px; }.factory-panel { justify-self:start; max-width:650px; }.manifesto-grid,.builds,.principles-grid { grid-template-columns:1fr; gap:55px; }.process-grid { grid-template-columns:1fr 1fr; }.process-grid article:nth-child(2){border-right:0}.builds { gap:80px; }.contact-main { align-items:start; flex-direction:column; gap:50px; }.section-heading { flex-direction:column; gap:40px; }
}
@media (max-width: 650px) {
  .site-header { height:74px; grid-template-columns:1fr auto; padding:0 20px; }.site-header nav { display:none; }.header-cta { font-size:.67rem; padding:9px 10px; }.brand { font-size:1.2rem; }.brand-mark{width:25px;height:25px}.hero { min-height:auto; padding:90px 20px 85px; }.hero h1 { font-size:clamp(3.7rem,18vw,5.5rem); }.hero-lede { margin-top:32px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; }.factory-panel { transform:none; }.run-meta span:nth-child(2){display:none}.run-meta{grid-template-columns:1fr auto}.stage{grid-template-columns:48px 1fr}.stage>span{display:none}section:not(.hero){padding:85px 20px}.manifesto-grid{margin-top:38px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article:nth-child(2){border-right:0;border-bottom:1px solid var(--line);margin:0;min-height:280px}.process h3{margin-top:48px}.build-list article{grid-template-columns:35px 1fr 22px; padding:22px 0}.build-list p{grid-column:2/3;margin:0}.build-list i{grid-column:3;grid-row:1/3}.principle-list div{grid-template-columns:1fr;gap:12px}.contact h2{font-size:clamp(3.5rem,18vw,6rem)}.contact-main{margin-bottom:45px}.contact-note{margin:0}footer{padding:36px 20px;grid-template-columns:1fr;gap:22px}footer p{text-align:left;margin:0}footer div{justify-content:flex-start}
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation:none!important; transition:none!important; } }