.network-preview{padding:70px 20px 55px;background:radial-gradient(ellipse at top right,rgba(0,190,235,.10),transparent 65%)}
.network-preview__inner{max-width:1180px;margin:0 auto}
.network-preview__logo{display:block;width:min(100%,600px);height:auto;margin:20px 0 28px}
.network-preview h1{max-width:850px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15;margin:0 0 24px}
.network-preview p{max-width:820px;line-height:1.8;color:var(--text-muted)}
.network-preview__intro{font-size:1.2rem}
.network-preview__notice{max-width:820px;padding:20px;margin:26px 0;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;line-height:1.8;background:rgba(0,190,235,.04)}
.network-preview__notice strong{color:var(--accent)}
.network-development-logo{display:block;width:min(100%,560px);height:auto}
@media(max-width:600px){.network-preview{padding-top:40px}.network-preview__notice{padding:16px}}

.network-preview__screen{margin:40px 0 0}
.network-preview__screen img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:12px}
.network-preview__screen figcaption{color:var(--text-muted);font-size:.9rem;margin-top:12px}
.network-gallery{padding:35px 20px 70px}
.network-gallery>div>p{color:var(--text-muted);line-height:1.8}
.network-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}
.network-gallery figure{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}
.network-gallery img{display:block;width:100%;height:auto}
.network-gallery figcaption{padding:20px}
.network-gallery h3{margin:0 0 8px}
.network-gallery figcaption p{margin:0;color:var(--text-muted);line-height:1.7}
.network-gallery a:focus-visible,.network-preview__screen a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;display:block}
@media(max-width:700px){.network-gallery__grid{grid-template-columns:1fr}}