.sc-build{--sc-orange:var(--trojan-orange,#f58327);--sc-cyan:var(--trojan-blue,#3ecdf3);--sc-panel:var(--panel,#11161a);--sc-card:var(--card,#161616);--sc-line:var(--line,#30363b);--sc-border:var(--border,#2a2a2a);--sc-ink:#f5f4f0;--sc-muted:#bdc3c7;--sc-top:130px;color:var(--sc-ink);padding-block:clamp(48px,7vw,88px);overflow-x:clip}.sc-build-inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.sc-build .eyebrow{max-width:none;color:var(--sc-orange);margin:0 0 14px;font-size:.875rem;line-height:1.4}.sc-build .sc-build-title{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;color:var(--sc-ink);margin:0 0 16px;font-size:clamp(1.7rem,3.2vw,2.8rem);line-height:1.12}.sc-build .sc-build-intro{max-width:46ch;color:var(--sc-muted);margin:0 0 24px;font-size:1rem;line-height:1.6}.sc-build-steps{position:relative}.sc-build-rail{background:var(--sc-line);border-radius:2px;width:2px;position:absolute;top:12px;bottom:14px;left:7px}.sc-build-rail>i{border-radius:inherit;background:var(--sc-orange);transform-origin:top;position:absolute;inset:0}.sc-build .sc-build-beats{gap:14px;margin:0;padding:0;list-style:none;display:grid}.sc-build .sc-build-beats li{color:var(--sc-muted);margin:0;padding:0 0 0 32px;font-size:1rem;line-height:1.6;position:relative}.sc-build-dot{z-index:1;background:var(--sc-panel);width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--sc-line);border-radius:50%;position:absolute;top:4px;left:0}.sc-build-dot>i{border-radius:inherit;background:var(--sc-orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--sc-orange) 20%,transparent);position:absolute;inset:0}.sc-build .sc-build-beat-title{color:var(--sc-ink);margin:0;font-size:1rem;font-weight:600;line-height:1.5;display:block}.sc-build .sc-build-beat-text{color:var(--sc-muted);margin:0;font-size:1rem;line-height:1.6;display:block}.sc-build-after{margin-top:28px}.sc-build-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sc-build-actions .topic-icon{flex:none}.sc-build-mock{justify-self:end;width:min(640px,100%);position:relative;container:sc-build/inline-size}.sc-build .sc-build-tag{z-index:4;border:1px solid var(--sc-border);background:var(--sc-card);color:var(--sc-muted);letter-spacing:.12em;text-transform:uppercase;border-radius:100px;padding:2px 10px;font-size:12px;line-height:1.5;position:absolute;top:6px;right:10px}.sc-build-frame{border:1px solid var(--sc-line);background:var(--sc-panel);border-radius:16px;position:relative;overflow:clip;box-shadow:0 24px 60px #0006}.sc-build-chrome{border-bottom:1px solid var(--sc-line);align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.sc-build-chrome>i{background:#30363b;border-radius:50%;flex:none;width:8px;height:8px}.sc-build .sc-build-url{min-width:0;color:var(--sc-muted);white-space:nowrap;background:#0f1418;border-radius:100px;margin-left:8px;padding:2px 14px;font-size:12px;line-height:1.5}.sc-build-view{background:#0d1216;grid-template-rows:40px minmax(132px,auto) minmax(96px,auto) minmax(64px,auto) 50px;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px 12px 14px;display:grid;position:relative;overflow:clip}.sc-build-view>*{grid-column:1;min-width:0}.sc-build-view b,.sc-build-view em{font-style:normal}.sc-build-slot{z-index:0;border:1.5px dashed color-mix(in srgb,var(--sc-cyan) 55%,transparent);opacity:0;border-radius:10px}.sc-build-slot:first-child{--sc-from:20%;--sc-to:30%;grid-row:1}.sc-build-slot:nth-child(2){--sc-from:26%;--sc-to:40%;grid-row:2}.sc-build-slot:nth-child(3){--sc-from:46%;--sc-to:66%;grid-row:3}.sc-build-slot:nth-child(4){--sc-from:60%;--sc-to:70%;grid-row:4}.sc-build-slot:nth-child(5){--sc-from:74%;--sc-to:82%;grid-row:5}.sc-build-head{z-index:1;--sc-from:20%;--sc-to:30%;background:#141a1f;border-radius:10px;grid-row:1;align-items:center;gap:10px;padding:0 32px 0 10px;display:flex}.sc-build-brand{background:var(--sc-orange);border-radius:5px;flex:none;width:18px;height:18px}.sc-build-head>b{color:var(--sc-ink);white-space:nowrap;font-size:13px;font-weight:700;line-height:1.3}.sc-build-nav{color:var(--sc-muted);white-space:nowrap;gap:12px;margin-left:auto;font-size:12px;line-height:1.3;display:flex}.sc-build-menu{background:var(--sc-muted);width:14px;height:2px;box-shadow:0 -5px 0 var(--sc-muted),0 5px 0 var(--sc-muted);border-radius:2px;flex:none;margin:0 2px;display:none}.sc-build-pill{border:1px solid var(--sc-orange);background:var(--sc-orange);color:#17110c;white-space:nowrap;border-radius:100px;flex:none;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.4}.sc-build-ghost{border-color:color-mix(in srgb,var(--sc-muted) 45%,transparent);color:var(--sc-ink);background:0 0}.sc-build-hero{z-index:1;background:color-mix(in srgb,var(--sc-orange) 8%,#141a1f);--sc-from:26%;--sc-to:40%;border-radius:12px;flex-direction:column;grid-row:2;justify-content:center;align-items:flex-start;gap:6px;padding:16px 14px 14px;display:flex}.sc-build-h{max-width:60%;color:var(--sc-ink);font-size:17px;font-weight:700;line-height:1.2}.sc-build-sub{max-width:82%;color:var(--sc-muted);font-size:12.5px;line-height:1.4}.sc-build-ctas{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.sc-build-cards{z-index:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid;overflow:clip}.sc-build-card{border:1px solid var(--sc-border);--sc-from:calc(46% + var(--i) * 4%);--sc-to:calc(58% + var(--i) * 4%);background:#141a1f;border-radius:10px;flex-direction:column;gap:7px;padding:16px 10px 10px;display:flex}.sc-build-card>b{color:var(--sc-ink);white-space:nowrap;font-size:13px;font-weight:600;line-height:1.3}.sc-build-card>i,.sc-build-bars>i{background:color-mix(in srgb,var(--sc-muted) 22%,transparent);border-radius:4px;height:7px;display:block}.sc-build-card>i{width:76%}.sc-build-card>i+i,.sc-build-bars>i+i{width:48%}.sc-build-reviews{z-index:1;--sc-from:60%;--sc-to:70%;background:#141a1f;border-radius:10px;flex-wrap:wrap;grid-row:4;align-items:center;gap:6px 12px;padding:12px 36px 12px 14px;display:flex}.sc-build-stars{letter-spacing:2px;color:var(--sc-orange);font-size:13px;line-height:1.2}.sc-build-rtext{color:var(--sc-ink);font-size:12.5px;line-height:1.4}.sc-build-bars{flex:110px;gap:6px;min-width:90px;display:grid}.sc-build-call{z-index:1;background:var(--sc-orange);color:#17110c;white-space:nowrap;--sc-from:74%;--sc-to:82%;border-radius:100px;grid-row:5;justify-content:center;place-self:end center;align-items:center;gap:8px;width:60%;height:44px;font-size:14px;font-weight:700;line-height:1;display:flex;position:relative}.sc-build-call svg{flex:none;width:16px;height:16px}.sc-build-glow{box-shadow:0 0 0 6px color-mix(in srgb,var(--sc-orange) 30%,transparent);--sc-from:80%;--sc-to:88%;border-radius:100px;position:absolute;inset:-6px}.sc-build .sc-build-job{z-index:3;border:1px solid color-mix(in srgb,var(--sc-cyan) 45%,transparent);background:color-mix(in srgb,var(--sc-cyan) 12%,#0a0a0a);max-width:60%;color:var(--sc-cyan);white-space:nowrap;border-radius:100px;place-self:start end;margin-right:10px;padding:3px 10px;font-size:12px;line-height:1.4;transform:translateY(-50%)}.sc-build-okay{z-index:3;background:var(--sc-cyan);color:#0a0a0a;--sc-from:calc(84% + var(--i) * 2%);--sc-to:calc(88% + var(--i) * 2%);border-radius:50%;place-self:start end;place-items:center;width:18px;height:18px;margin:8px 8px 0 0;display:grid}.sc-build-low{align-self:end;margin:0 8px 8px 0}.sc-build-okay svg{width:14px;height:14px}.sc-build-frame{--sc-from:2%;--sc-to:12%}.sc-build-rail>i{--sc-from:0%;--sc-to:100%}.sc-build-dot>i{--sc-from:0%;--sc-to:2%}.sc-build-beats li:nth-child(2) .sc-build-dot>i{--sc-from:20%;--sc-to:22%}.sc-build-beats li:nth-child(3) .sc-build-dot>i{--sc-from:46%;--sc-to:48%}.sc-build-beats li:nth-child(4) .sc-build-dot>i{--sc-from:74%;--sc-to:76%}@container sc-build (width<540px){.sc-build-view{grid-template-rows:40px auto auto auto 50px;padding:10px 10px 14px}.sc-build-h{max-width:64%;font-size:16px}.sc-build-sub{max-width:100%}.sc-build-nav{display:none}.sc-build-head{padding-right:36px}.sc-build-head .sc-build-pill{margin-left:auto}.sc-build-menu{display:block}.sc-build .sc-build-job{max-width:calc(100% - 20px)}}@container sc-build (width<326px){.sc-build-cards{grid-template-columns:minmax(0,1fr);gap:6px}.sc-build-card{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:5px 12px;padding:10px;display:grid}.sc-build-card>b{grid-row:span 2}.sc-build .sc-build-url{margin-left:4px;padding-inline:10px}.sc-build .sc-build-menu{display:none}}@media (width<=1000px){.sc-build-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}@media (width<=760px){.sc-build-inner{grid-template-columns:minmax(0,1fr)}.sc-build-mock{justify-self:stretch;width:100%}}@media screen and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@media (width>=1280px) and (height>=640px),(width>=761px) and (height>=700px){.sc-build-track{height:calc(100svh - var(--sc-top) + 170vh);view-timeline-name:--sc-build;view-timeline-axis:block;view-timeline-inset:var(--sc-top) 0px}.sc-build-stage{top:var(--sc-top);height:calc(100svh - var(--sc-top));align-content:center;display:grid;position:sticky}.sc-build [data-sc]{animation-timeline:--sc-build;animation-range:contain var(--sc-from) contain var(--sc-to);animation-fill-mode:both}.sc-build-rail>i{animation-name:sc-build-fill;animation-timing-function:linear}.sc-build-dot>i{animation-name:sc-build-lit;animation-timing-function:linear}}@media (width<=760px),(height<=639px),(width<=1279px) and (height<=699px){.sc-build-mock{view-timeline-name:--sc-build;view-timeline-axis:block}.sc-build-mock [data-sc]{animation-timeline:--sc-build;animation-range:cover calc(5% + var(--sc-from) * .45) cover calc(5% + var(--sc-to) * .45);animation-fill-mode:both}}.sc-build-frame{animation-name:sc-build-frame;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-build-slot{animation-name:sc-build-slot;animation-timing-function:linear}.sc-build-head{animation-name:sc-build-drop;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-build-hero{animation-name:sc-build-left;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-build-card{animation-name:sc-build-up;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-build-reviews{animation-name:sc-build-right;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-build-call{animation-name:sc-build-up2;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-build-glow{animation-name:sc-build-glow;animation-timing-function:cubic-bezier(.22,.61,.36,1)}.sc-build-okay{animation-name:sc-build-okay;animation-timing-function:cubic-bezier(.22,.61,.36,1)}@container sc-build (width<326px){.sc-build-card{animation-name:sc-build-left}}@keyframes sc-build-frame{0%{transform:scale(.96)}}@keyframes sc-build-slot{0%{opacity:1}}@keyframes sc-build-drop{0%{transform:translateY(-130%)}}@keyframes sc-build-left{0%{transform:translate(-106%)}}@keyframes sc-build-up{0%{transform:translateY(150%)}}@keyframes sc-build-right{0%{transform:translate(106%)}}@keyframes sc-build-up2{0%{transform:translateY(170%)}}@keyframes sc-build-glow{0%{opacity:0;transform:scale(.85)}}@keyframes sc-build-okay{0%{opacity:0;transform:scale(.4)}}@keyframes sc-build-fill{0%{transform:scaleY(0)}}@keyframes sc-build-lit{0%{opacity:0}}}}