.build-page{background:var(--paper)}
.build-back{color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}
.build-back:hover{text-decoration:underline;text-underline-offset:4px}
.build-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;padding:90px 0 100px}
.build-hero h1{font-size:clamp(60px,8.5vw,112px);line-height:.84;letter-spacing:-.065em;margin:25px 0 32px}
.build-hero h1 span{color:transparent;-webkit-text-stroke:2px var(--ink)}
.build-hero>div>p{max-width:690px;color:#43586c;font-size:20px;line-height:1.65}
.build-spec{background:var(--navy);box-shadow:11px 11px 0 var(--cyan);color:#fff;padding:12px 30px}
.build-spec div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #29445d;padding:20px 0}
.build-spec div:last-child{border:0}
.build-spec small{color:var(--cyan);font-weight:900;letter-spacing:.13em}
.build-spec strong{text-align:right}
.prototype-wrap{background:var(--navy);color:#fff;padding:100px 0 110px}
.prototype-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}
.prototype-heading h2{font-size:clamp(38px,4.5vw,58px);letter-spacing:-.045em;line-height:1;margin:13px 0 0}
.prototype-heading p{color:#aabccc;line-height:1.65;margin:0}
.build-demo{color:var(--ink);box-shadow:10px 10px 0 var(--orange)}
.flow-marker{display:grid;justify-items:center;gap:8px;color:var(--cyan);font-family:monospace;font-size:13px;font-weight:900}
.flow-marker span{border:1px solid var(--cyan);padding:5px}
.flow-marker b{font-size:25px}
.task-icon{display:grid;place-items:center;width:24px;height:24px;border:2px solid currentColor;border-radius:50%;font-weight:900;flex:none}
.build-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:100px 0}
.build-explainer article{border-top:3px solid var(--ink);padding:28px 45px 20px 0}
.build-explainer article+article{padding-left:30px}
.build-explainer article>span{color:#008eaa;font-family:monospace;font-weight:900}
.build-explainer h3{font-size:25px;margin:28px 0 12px}
.build-explainer p{color:var(--muted);line-height:1.65;margin:0}
.build-redline{background:#e9e2d6;padding:95px 0}
.redline-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.redline-grid h2,.build-cta h2{font-size:clamp(38px,4.5vw,59px);line-height:1.02;letter-spacing:-.04em;margin:13px 0}
.redline-grid ul{list-style:none;background:#fff;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--orange);margin:0;padding:25px 30px}
.redline-grid li{border-bottom:1px solid #d5d5d5;padding:16px 0;line-height:1.45}
.redline-grid li:last-child{border:0}
.redline-grid li:before{content:"×";color:var(--orange);font-size:21px;font-weight:900;margin-right:12px}
.build-cta{padding:110px 0;max-width:900px;text-align:center}
.build-cta p{color:var(--muted);font-size:18px;line-height:1.7;margin:20px auto 34px;max-width:760px}
@media(max-width:900px){.build-hero,.prototype-heading,.redline-grid{grid-template-columns:1fr;gap:40px}.build-hero{padding:70px 0}.build-explainer{grid-template-columns:1fr}.build-explainer article,.build-explainer article+article{padding:25px 0}.flow-marker{margin:8px}.flow-marker b{transform:rotate(90deg)}}
@media(max-width:600px){.build-hero h1{font-size:55px}.build-hero h1 span{-webkit-text-stroke:1.4px var(--ink)}.build-hero>div>p{font-size:17px}.prototype-wrap{padding:75px 0 85px}.build-spec{padding:8px 20px}.build-spec div{padding:16px 0}.build-explainer{padding:75px 0}.build-redline{padding:75px 0}.build-cta{text-align:left;padding:75px 14px}}