.product-film-section{border-top:1px solid #E4E4E7;background:#F4F4F5}.product-film{border:1px solid #D4D4D8;background:#E4E4E7}.film-player{position:relative;background:#E4E4E7}.film-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-width:100%;object-fit:contain}.film-play-button{position:absolute;left:2rem;bottom:4rem;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#18181B;color:#FAFAFA;border:1px solid #52525B;text-align:left;font-size:.875rem;min-height:64px;max-width:calc(100% - 4rem)}.play-triangle{display:grid;place-content:center;width:2rem;height:2rem;border:1px solid #71717A;font-size:.75rem;flex-shrink:0}.film-play-button small{display:block;color:#A1A1AA;font-size:.625rem;margin-top:.25rem}.film-play-button:hover{background:#3F3F46}.product-film figcaption,.product-screen figcaption,.architecture-figure figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;align-items:center;border-top:1px solid #D4D4D8;padding:.75rem 1.5rem;background:#FAFAFA;color:#52525B;font-size:.75rem;line-height:1.6}.product-film figcaption a,.product-screen figcaption a,.architecture-figure figcaption a{display:inline-flex;align-items:center;gap:1rem;min-height:44px;color:#18181B}.product-film figcaption a:hover .interaction-label,.product-screen figcaption a:hover .interaction-label,.architecture-figure figcaption a:hover .interaction-label{text-decoration:underline;text-underline-offset:4px}.film-feedback{font-size:.875rem;color:#52525B}.film-feedback:not(:empty){padding-top:1rem}.product-preview-section{background:#F4F4F5;border-block:1px solid #E4E4E7}.product-screen{border:1px solid #D4D4D8}.product-screen-mat{padding:2.5rem;background:#E4E4E7}.product-screen img{width:100%;height:auto;border:1px solid #D4D4D8;display:block}.preview-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:1rem 2rem;margin-top:1.5rem}.preview-points>span{display:flex;gap:1.25rem;align-items:center;font-size:.875rem;color:#52525B;min-height:44px}.preview-points .mono{font-size:.75rem;color:#71717A}.architecture-section{border-block:1px solid #E4E4E7;background:#FAFAFA}.architecture-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.architecture-controls button{border:1px solid #D4D4D8;padding:.75rem 1rem;min-height:44px;font-size:.875rem;background:#FAFAFA;transition:background 160ms,color 160ms}.architecture-figure{margin:0;border:1px solid #D4D4D8;background:#F4F4F5}.architecture-scroll{width:100%;overflow:auto}.architecture-scroll>svg{display:block;width:100%;min-width:720px;height:auto}.architecture-layer-marker{opacity:0;transition:opacity 160ms}.architecture-scroll [data-layer-active]>.architecture-layer-marker{opacity:1}.architecture-reading{font-size:1rem;color:#52525B;max-width:70ch;margin-top:1.5rem;min-height:3.1em}.loop-figure{border-color:#52525B;background:#18181B}.loop-figure figcaption{background:#18181B;color:#A1A1AA;border-color:#52525B}.loop-figure .architecture-scroll>svg{min-width:760px}.gateway-architecture{padding-top:4rem;padding-bottom:4rem}.gateway-architecture .architecture-scroll>svg{min-width:760px}.hero-film-link{display:inline-flex;gap:1rem;align-items:center;min-height:44px;font-size:.875rem;border-bottom:1px solid currentColor;padding-block:.5rem}.hero-film-link:hover{color:#71717A}.page-intro{max-width:1440px}
@media(max-width:900px){.product-screen-mat{padding:1.5rem}.architecture-scroll>svg{min-width:760px}.film-play-button{bottom:3.5rem;left:1.5rem;max-width:calc(100% - 3rem)}}
@media(max-width:540px){.product-screen-mat{padding:.75rem}.product-film figcaption,.product-screen figcaption,.architecture-figure figcaption{padding:.75rem 1rem;font-size:.75rem;gap:.25rem}.film-play-button{position:static;width:100%;max-width:100%;border:0;border-top:1px solid #52525B;padding:.875rem 1rem;min-height:64px}.preview-points{gap:.25rem}.architecture-controls{gap:.5rem}.architecture-controls button{flex:1 1 8rem;font-size:.75rem;padding:.625rem .75rem}.architecture-reading{font-size:.875rem}.architecture-scroll{max-height:34rem}.architecture-scroll>svg{min-width:760px}.gateway-architecture{padding-block:3rem}.product-preview-section .section-heading>p:last-child{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.architecture-layer-marker{transition:none}}
@media print{.film-play-button,.product-screen-mat{padding:1rem}.architecture-scroll{overflow:visible}.architecture-scroll>svg{min-width:0}.architecture-layer-marker{opacity:0}.product-film,.product-screen,.architecture-figure{break-inside:avoid}}

/* A short description remains available to assistive technology, outside the visible film layout. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.film-feedback:empty{display:none}