.architecture-section{background:#eef2f4;border-top:1px solid #d7e1e5;scroll-margin-top:100px}
.architecture-section .section-head{max-width:820px}
.architecture-section .section-head>p{color:#667a85}
.architecture-figure{margin:0;background:#07131c;border:1px solid #244757;box-shadow:0 26px 75px rgba(7,25,36,.18)}
.architecture-image-link{display:block;padding:16px;background:linear-gradient(135deg,#061018,#0b1f2a)}
.architecture-image-link picture{display:block}
.architecture-image-link img{display:block;width:100%;height:auto;border:1px solid #1f4353;transition:opacity .2s,transform .2s}
.architecture-image-link:hover img{opacity:.96;transform:scale(1.002)}
.architecture-image-link:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.architecture-figure figcaption{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;color:#a2b6c0;font-size:11px}
.architecture-figure figcaption>span:first-child{color:var(--cyan);font:700 8px Consolas,"SFMono-Regular",monospace;letter-spacing:.14em}
.architecture-figure figcaption a{margin-left:auto;color:#ecf5f7;font-weight:750}
.architecture-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.architecture-notes article{display:flex;gap:14px;padding:20px;background:white;border:1px solid #d3dfe4}
.architecture-notes article>span{color:var(--orange);font:700 11px Consolas,"SFMono-Regular",monospace}
.architecture-notes b{font-size:13px}
.architecture-notes p{margin:4px 0 0;color:#6e818c;font-size:11px;line-height:1.55}
@media(max-width:1020px){.architecture-notes{grid-template-columns:1fr 1fr}.architecture-notes article:last-child{grid-column:1/3}}
@media(max-width:720px){.architecture-image-link{padding:8px}.architecture-figure figcaption{padding:14px}.architecture-figure figcaption a{width:100%;margin-left:0}.architecture-notes{grid-template-columns:1fr}.architecture-notes article:last-child{grid-column:auto}}
.visual-proof{background:#f4f6f7;border-top:1px solid #d7e1e5;scroll-margin-top:100px}
.visual-proof .section-head{margin-bottom:42px}
.visual-proof .section-head>p{color:#667a85}
.screen-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.screen-card{grid-column:span 6;margin:0;background:white;border:1px solid #d3dfe4;box-shadow:0 16px 45px rgba(10,29,39,.07);overflow:hidden;transition:opacity .6s ease,transform .6s ease,box-shadow .2s}
.screen-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(10,29,39,.11)}
.screen-card-feature{grid-column:1/-1}
.screen-card-image-link{display:block;padding:12px;background:linear-gradient(135deg,#07131c,#102735);border-bottom:1px solid #d3dfe4}
.screen-card-image-link picture{display:block;overflow:hidden;background:#f7f9fa}
.screen-card-image-link img{display:block;width:100%;height:auto;transition:opacity .2s,transform .2s}
.screen-card-image-link:hover img{opacity:.96;transform:scale(1.002)}
.screen-card-image-link:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.screen-card:not(.screen-card-feature) .screen-card-image-link{aspect-ratio:2.7/1;overflow:hidden}
.screen-card:not(.screen-card-feature) .screen-card-image-link picture,.screen-card:not(.screen-card-feature) .screen-card-image-link img{height:100%}
.screen-card:not(.screen-card-feature) .screen-card-image-link img{object-fit:cover;object-position:top}
.screen-card figcaption{padding:22px 24px 24px}
.screen-label{display:block;color:#1684b9;font:700 9px Consolas,"SFMono-Regular",monospace;letter-spacing:.1em}
.screen-card h3{font-size:23px;line-height:1.15;margin:11px 0 9px}
.screen-card p{margin:0;color:#6b7d88;font-size:12px;line-height:1.55}
.screen-note{margin:18px 0 0;color:#7b8d97;font-size:10px;text-align:center}
@media(max-width:720px){.visual-proof .section-head{margin-bottom:34px}.screen-grid{grid-template-columns:1fr;gap:13px}.screen-card,.screen-card-feature{grid-column:auto}.screen-card-image-link{padding:8px}.screen-card:not(.screen-card-feature) .screen-card-image-link{aspect-ratio:auto}.screen-card:not(.screen-card-feature) .screen-card-image-link picture,.screen-card:not(.screen-card-feature) .screen-card-image-link img{height:auto}.screen-card figcaption{padding:18px 19px 20px}.screen-card h3{font-size:21px}}