.web-showcase-page{max-width:1360px}
.showcase-masthead{margin-bottom:46px}
.web-build-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.5fr);gap:38px;align-items:center;min-height:570px}
.build-intro.showcase-intro{display:block;margin:0;padding-bottom:55px}
.build-intro h1{font-size:clamp(36px,3.65vw,51px);line-height:1.15;letter-spacing:-.06em}
.build-intro .showcase-consultation{width:max-content;margin-top:24px}
.build-intro p{font-size:15px;line-height:1.8;max-width:340px;margin:25px 0 0}
.build-capabilities{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:26px;color:#c4d0d9;font-size:12px;line-height:1.5}
.build-capabilities span{display:inline-flex;align-items:center;gap:7px}
.build-capabilities span::before{content:"";width:4px;height:4px;border-radius:50%;background:#bfdaec}
.build-capabilities span:last-child::before{background:#e4d0ac}
.build-presentation{min-width:0}
.build-stage{position:relative;isolation:isolate;container-type:inline-size;height:470px}
.build-stage:empty{display:none}
.build-toolbar{margin-top:12px}
.build-toolbar[hidden]{display:none}
.build-phases{display:flex;gap:20px;min-width:0}
.build-phases button{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 0;border:0;background:none;color:#a7b3bc;position:relative;font-size:13px;white-space:nowrap;cursor:pointer;transition:color .3s}
.build-phases button>span{font-size:10px;color:#8b9ba8;font-variant-numeric:tabular-nums}
.build-phases button::after{content:"";position:absolute;bottom:1px;left:0;right:0;height:1px;opacity:0;transform:scaleX(.5);background:var(--showcase-gradient);transition:transform .4s,opacity .4s}
.build-phases button[aria-pressed=true]{color:#f2f6f9}
.build-phases button[aria-pressed=true]::after{transform:scaleX(1);opacity:.8}
.build-phases button:hover{color:#fff}
.build-caption{color:#a7b6c1;font-size:13px;line-height:1.6;margin:17px 0 0;min-height:42px;text-wrap:pretty}
@media(min-width:1040px) and (max-width:1180px){.web-build-layout{grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr);gap:24px}.build-phases{gap:12px}.build-phases button{font-size:12px;gap:5px}}
@media(max-width:1039px){
 .showcase-masthead{margin-bottom:32px}
 .web-build-layout{grid-template-columns:1fr;gap:12px;min-height:0}
 .build-intro.showcase-intro{padding:0;display:grid;grid-template-columns:1.1fr 1fr;gap:0 28px;align-items:start}
 .build-intro .showcase-eyebrow{grid-column:1/-1}
 .build-intro h1{font-size:42px;grid-column:1}
 .build-intro p{grid-column:2;grid-row:2;font-size:14px;margin:5px 0 0;max-width:330px}
 .build-capabilities{grid-column:1;grid-row:3;margin-top:20px}
 .build-intro .showcase-consultation{grid-column:2;grid-row:3;justify-self:start;margin-top:16px}
 .build-presentation{width:100%;max-width:780px;margin:auto}
 .build-stage{height:470px}
 .build-toolbar{margin-top:0}
 .build-caption{min-height:0}
}
@media(max-width:620px){
 .showcase-masthead{margin-bottom:29px}
 .build-intro.showcase-intro{display:block}
 .build-intro .showcase-consultation{margin-top:22px}
 .build-intro h1{font-size:clamp(32px,8.7vw,48px);letter-spacing:-.055em}
 .build-intro p{margin-top:18px;font-size:14px;line-height:1.75;max-width:370px}
 .build-capabilities{font-size:11px;gap:15px;margin-top:17px}
 .web-build-layout{gap:15px}
 .build-stage{height:470px}
 .build-phases{gap:13px;justify-content:space-between}
 .build-phases button{font-size:12px;gap:6px;flex:1;justify-content:center}
 .build-caption{font-size:12px;min-height:0;margin:14px 0 0;line-height:1.6}
}
@media(max-width:550px){.build-stage{height:410px}}
@media(max-width:410px){.build-stage{height:340px}}
@media(max-width:359px){.web-showcase-page{padding-inline:16px}.build-intro h1{font-size:32px}.build-phases{gap:6px}.build-phases button{gap:5px}.build-caption{font-size:12px}}