/* Approved About/case-study design, extended for a capability directory. */
.capability-hero{position:relative;isolation:isolate;overflow:hidden;padding:95px 0 45px}.capability-hero .wrap{position:relative;z-index:1}.capability-hero h1{font-size:clamp(42px,6vw,80px)}.capability-hero .lede{max-width:750px;margin-bottom:32px}.area-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:62px}.area-links a{display:block;border:1px solid var(--line);border-radius:40px;padding:10px 20px;background:#16181699;color:var(--text);font-size:14px}.area-links a:hover{border-color:var(--yellow);color:var(--yellow)}.capability{scroll-margin-top:22px}.capability:nth-of-type(odd){background:linear-gradient(145deg,#22291f,#171b16)}.capability .intro{max-width:820px}.capability-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:stretch}.scope-panel,.platform-panel{border:1px solid var(--line);border-radius:18px;padding:36px;background:linear-gradient(145deg,#242b21,#1a1f18)}.scope-list{list-style:none;padding:0;margin:0}.scope-list li+li{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.scope-list h3{font-size:23px;margin:0 0 12px}.scope-list p{font-size:16px;margin:0}.platform-panel{display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#cba75f0c,transparent 70%),#181d17}.platform-list{list-style:none;margin:5px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:10px}.platform-list li{border:1px solid #b6bfac40;border-radius:7px;padding:8px 12px;color:#e1e5d9;font-size:14px;background:#ffffff03}.platform-note{font-size:14px}.proof-link{border-top:1px solid var(--line);padding-top:25px;margin-top:auto}.proof-link .eyebrow{margin-bottom:12px}.proof-link h3{font-size:23px;margin:0 0 15px}.proof-link h3 a{text-decoration:none}.proof-link h3 a:hover{text-decoration:underline;text-decoration-color:var(--yellow)}.proof-link h3 span{color:var(--yellow)}.proof-link p:last-child{font-size:14px;margin:0}.engagement-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:45px}.engagement-path article{border-top:2px solid #cba75f88;padding-top:16px}.engagement-path h3{font-size:23px}.engagement-path p{font-size:16px}.engagement-link{text-align:center;margin:28px 0 0}.closing .founder-link{margin:25px auto 0;font-size:14px}summary:focus-visible{outline:3px solid var(--yellow)}
@media(max-width:900px){header nav{gap:16px;font-size:13px}.capability-grid{grid-template-columns:1fr 1fr}.scope-panel,.platform-panel{padding:26px}}
@media(max-width:700px){.capability-hero{padding:55px 0 30px}.capability-grid,.engagement-path{grid-template-columns:1fr}.area-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:38px}.area-links>a:not(.button){display:block;padding:10px 8px;font-size:13px}.capability .intro p{font-size:17px}.proof-link{margin-top:10px}.engagement-path{gap:20px}.scope-panel,.platform-panel{padding:25px}footer nav{flex-wrap:wrap}}

.build-system{background:radial-gradient(ellipse at 50% 0,#cba75f12,transparent 65%),#1a1f18;scroll-margin-top:24px}.build-system .intro{max-width:820px}.build-cycle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#161b15}.build-cycle article{padding:30px}.build-cycle article+article{border-left:1px solid var(--line)}.build-cycle h3{font-size:25px;margin:16px 0}.build-cycle p:last-child{font-size:16px;margin:0}.system-handoff{text-align:center;max-width:780px;margin:30px auto 0}.system-handoff p{margin-bottom:24px}.system-handoff strong{font-weight:500;color:var(--text)}@media(max-width:900px){.build-cycle article{padding:24px}.build-cycle h3{font-size:23px}}@media(max-width:700px){.build-cycle{grid-template-columns:1fr}.build-cycle article+article{border-left:0;border-top:1px solid var(--line)}.area-links a:last-child{grid-column:1/-1}}
@media(min-width:701px){.build-cycle{grid-template-rows:auto auto auto;row-gap:0}.build-cycle article{display:grid;grid-template-rows:subgrid;grid-row:span 3}.build-cycle article>*{align-self:start}}

@media(max-width:700px){.area-links a:last-child{grid-column:auto}}