.application-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:32px 0 14px}
.application-tabs button{font:inherit;font-size:13px;font-weight:700;min-height:58px;padding:12px 10px;border:1px solid var(--line,#dce1e8);border-radius:6px;background:#fff;color:#536477;text-align:left;cursor:pointer}
.application-tabs button span{display:block;font:11px monospace;color:#8594a6;margin-bottom:5px}
.application-tabs button[aria-selected=true]{background:#102945;color:#fff;border-color:#102945}.application-tabs button[aria-selected=true] span{color:#c7f477}
.application-tabs button:focus-visible,.application-panel:focus-visible{outline:3px solid #84b8ec;outline-offset:3px}
.application-showcase{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;background:#102945;margin-bottom:30px;color:#fff}
.application-showcase figure{margin:0;position:relative;min-width:0;min-height:420px;overflow:hidden}.application-showcase img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:43% center}
.application-showcase figcaption{position:absolute;bottom:0;left:0;right:0;padding:34px 24px 20px;background:linear-gradient(transparent,rgba(3,15,29,.9));font-size:12px;color:#f1f5f9;line-height:1.7}
.application-panel{min-width:0;padding:30px 32px 32px}.application-panel .eyebrow{color:#c7f477;margin:0 0 14px;font-size:11px}.application-panel h3{font-size:25px;line-height:1.5;margin:0 0 14px}.application-panel>p:not(.eyebrow){color:#c4d3e4;font-size:14px;line-height:1.9;margin:0 0 16px}
.application-panel .application-value{border-top:1px solid #34506b;padding-top:16px}.application-panel .button{margin-top:2px}
.application-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px!important}.application-review-card{display:flex;flex-direction:column;padding:24px!important;min-width:0;border-radius:8px}.application-review-card h3{font-size:21px;line-height:1.5;margin:16px 0 12px}.application-review-card>p{font-size:14px;line-height:1.9}.application-review-card .application-examples{border-left:2px solid #becbd9;padding-left:12px;color:#5c6d80;min-height:65px}.application-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.application-icon{width:36px;height:36px;fill:none;stroke:#244e77;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.application-index{font:10px monospace;letter-spacing:.08em;color:#8493a6}.application-review-card .status{align-self:flex-start}.application-review-card .tags{gap:5px}.application-review-card .tags span{font-size:11px;padding:5px 7px}.application-review-card .detail-link{margin-top:auto;padding-top:15px}.application-review-card .case-source{font-size:11px;line-height:1.6;margin-top:12px}
.workflow{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 28px}.workflow li{min-width:0;border-top:2px solid #b2c4d8;padding-top:12px}.workflow span{font:12px monospace;color:#4e789f}.workflow p{font-size:14px!important;line-height:1.7!important;margin:8px 0 0!important}.application-panel .workflow{gap:12px;margin:22px 0}.application-panel .workflow li{border-color:#416180}.application-panel .workflow span{color:#c7f477}.application-panel .workflow p{color:#f1f5fa;font-size:12px!important}
.technical-scope{padding:0;list-style:none;display:grid;gap:10px}.technical-scope li{padding:15px 18px!important;background:#f0f4f8;border-left:3px solid #3e6b96;font-size:15px;line-height:1.8}.case-card .case-industry{color:#4e789f;font-size:11px;letter-spacing:.05em;margin-top:18px}.case-card .case-excerpt{font-size:13px;line-height:1.85;color:#64778b}.case-card .case-route{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:20px 0}.case-route li{font-size:10px;color:#4a6581;background:#eef3f8;border-radius:3px;padding:5px 7px}.case-more{margin-top:auto}.case-card{display:flex;flex-direction:column}.case-top{gap:10px;flex-wrap:wrap}.case-card h3{line-height:1.55}
.application-detail .detail-links{margin-top:20px}
.case-card.design .case-excerpt{color:#dae3ff}.case-card.design .case-industry{color:#d2f389}
@media(min-width:1000px){.application-review-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1000px){.application-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.application-showcase{grid-template-columns:1fr}.application-showcase figure{min-height:0;aspect-ratio:2.1}.application-panel{padding:28px}.application-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.application-tabs{gap:6px;margin-top:24px}.application-tabs button{font-size:12px;min-height:58px;padding:10px 8px}.application-showcase figure{aspect-ratio:1.55}.application-showcase figcaption{font-size:11px;padding:24px 16px 14px}.application-panel{padding:24px 20px}.application-panel h3{font-size:23px}.application-panel>p:not(.eyebrow),.application-review-card>p,.technical-scope li{font-size:16px}.workflow,.application-panel .workflow{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.application-panel .workflow p{font-size:14px!important}.application-review-grid{grid-template-columns:1fr!important}.application-review-card{padding:22px!important}.application-review-card .application-examples{min-height:0}.case-card .case-route{margin:14px 0}.application-index{font-size:11px}.case-card .case-excerpt{font-size:16px}.case-route li{font-size:12px}}
