:root{--fui-page-width:1280px;--fui-page-gutter:clamp(20px,4vw,64px)}
[hidden]{display:none!important}.video-frame{position:relative;overflow:hidden;border-radius:12px}.featured-screen .video-frame{border-radius:0}.video-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:var(--fui-surface-subtle);color:var(--fui-on-accent)}.video-play img{display:block;width:100%;height:100%;object-fit:contain}.play-icon{position:absolute;inset:0;margin:auto;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--fui-accent);box-shadow:0 4px 16px #21252926}.play-icon svg{width:22px;height:22px;fill:currentColor}.video-play:hover .play-icon{background:var(--fui-accent-hover)}.video-play:focus-visible{outline-offset:-5px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--fui-surface);color:var(--fui-text);font-family:var(--font-sans);line-height:1.6}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--fui-accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;text-wrap:balance}h1,h2{letter-spacing:-.04em}h2{font-size:clamp(30px,3.5vw,48px);font-weight:650}h3{font-size:22px;font-weight:650}p{max-width:65ch}.wrap{width:min(var(--fui-page-width),calc(100% - var(--fui-page-gutter)*2));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:var(--fui-surface);z-index:10}.skip-link:focus{top:12px}.announcement{padding:9px 20px;background:var(--fui-accent-soft);text-align:center;font-size:13px;color:var(--fui-accent-hover)}.announcement a{margin-left:14px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px}.brand{display:inline-flex;align-items:center;width:216px;flex-shrink:0;text-decoration:none}.brand picture{display:block;width:100%}.brand img{display:block;width:100%;height:auto}.site-header nav{display:flex;gap:30px;font-size:14px;font-weight:550}.site-header nav a{text-decoration:none}.site-header nav a:hover,.text-link:hover{color:var(--fui-accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:50px;padding:12px 22px;border-radius:5px;background:var(--fui-accent);color:var(--fui-on-accent);font-size:14px;font-weight:650;text-decoration:none;transition:background .16s}.button:hover{background:var(--fui-accent-hover)}.button-small{min-height:42px;padding:9px 17px}.hero{padding-top:54px}.hero-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;margin-bottom:48px}h1{font-size:clamp(44px,5.1vw,72px);font-weight:650;line-height:1.06}h1 span{color:var(--fui-accent)}.hero-copy>p:first-child{font-size:18px;line-height:1.65;max-width:46ch;color:var(--fui-text-muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:25px}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:14px;font-weight:650;text-decoration:none}.fine{font-size:12px;color:var(--fui-text-muted);margin-top:16px}.screening-room{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);background:var(--fui-surface-subtle);border-radius:16px;overflow:hidden}.featured-screen{min-width:0;background:var(--gray-2)}.screen-bar{display:flex;justify-content:space-between;padding:12px 20px;font-size:11px;color:var(--fui-text-muted);background:var(--gray-2)}.screen-label{font-weight:650;color:var(--fui-text)}video{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--gray-2)}.screening-list{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:30px}.screening-list h2{font-size:26px;letter-spacing:-.03em;line-height:1.2}.screening-list p{font-size:13px;line-height:1.7;color:var(--fui-text-muted);margin-top:15px}.featured-options{display:grid;gap:6px}.featured-options button{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;border-radius:5px;padding:14px 12px;background:transparent;color:var(--fui-text);font-size:12px;font-weight:600}.featured-options button>span:last-child{display:flex;gap:12px;align-items:center;white-space:nowrap;font-weight:400}.featured-options svg{width:14px;height:14px;fill:currentColor}.featured-options button[aria-pressed=true]{background:var(--fui-accent);color:var(--fui-on-accent)}.featured-options button:hover:not([aria-pressed=true]){background:var(--fui-surface-hover)}.compatibility{display:flex;justify-content:space-between;gap:20px;padding-block:25px 32px;font-size:12px;color:var(--fui-text-muted)}.compatibility p{font-weight:550}.compatibility p span{margin-inline:14px;color:var(--fui-border-strong)}.free-section{background:var(--fui-surface-subtle);padding-block:88px;margin-top:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-heading>p{font-size:15px;color:var(--fui-text-muted);line-height:1.75}.free-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.free-example{min-width:0}.example-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px}.free-tag{font-size:11px;font-weight:650;background:var(--fui-accent-soft);color:var(--fui-accent-hover);padding:4px 9px;border-radius:20px;white-space:nowrap}.example-preview{display:block;overflow:hidden;border-radius:12px;background:var(--gray-2)}.example-preview img{width:100%;height:auto;display:block;transition:filter .18s}.example-preview:hover img{filter:brightness(.96)}.example-details{display:flex;flex-direction:column;gap:17px;padding:22px 0 0}.example-details p{font-size:14px;color:var(--fui-text-muted);max-width:54ch}.download-line{display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;margin-top:38px;padding-top:24px;border-top:1px solid var(--fui-border);font-size:13px}.download-line a{color:var(--fui-accent);font-weight:650}.download-line>span{margin-left:auto;font-size:11px;color:var(--fui-text-muted)}.catalog{padding-block:95px 45px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--fui-border);padding-bottom:20px;margin-bottom:32px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:0;background:transparent;color:var(--fui-text-muted);padding:10px 15px;border-radius:5px;font-size:12px;font-weight:600;min-height:42px}.filters button[aria-pressed=true]{background:var(--fui-accent-soft);color:var(--fui-accent-hover)}.filters button:hover{background:var(--fui-surface-subtle)}.filters button span{margin-left:8px}.catalog-toolbar>span{font-size:12px;white-space:nowrap;color:var(--fui-text-muted)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.video-card{min-width:0}.video-card[hidden]{display:none}.video-card video{border-radius:12px}.video-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:17px}.video-heading h3{font-size:17px;letter-spacing:-.02em}.video-heading>span{font-size:11px;color:var(--fui-text-muted);white-space:nowrap}.video-card p{font-size:12px;color:var(--fui-text-muted);margin-top:10px;line-height:1.7}.integration{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:90px}.integration>div>p{margin-top:25px;font-size:16px;color:var(--fui-text-muted);max-width:40ch}.integration ol{list-style:none;counter-reset:steps;padding:0;margin:0}.integration li{position:relative;counter-increment:steps;padding:0 0 26px 46px}.integration li::before{content:counter(steps);position:absolute;left:0;top:0;width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--fui-border);border-radius:50%;font-size:12px;color:var(--fui-accent)}.integration li h3{font-size:18px}.integration li p{font-size:14px;color:var(--fui-text-muted);margin-top:10px}.offer{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;padding:60px;background:var(--fui-accent);color:var(--fui-on-accent);border-radius:16px}.offer h2{font-size:clamp(32px,3.5vw,48px)}.offer-copy>p{margin-top:22px;font-size:16px}.offer ul{padding-left:20px;margin:24px 0 0;font-size:13px;line-height:2}.offer-action{align-self:center;border-left:1px solid color-mix(in srgb,var(--fui-on-accent) 30%,transparent);padding-left:60px}.price{display:flex;align-items:center;gap:22px}.price>span:first-child{font-size:80px;letter-spacing:-.04em;line-height:1.1;font-weight:600}.price>span:last-child{font-size:13px}.offer-action>p:nth-child(2){font-size:14px;margin:20px 0 26px;max-width:28ch}.button-inverse{background:var(--fui-on-accent);color:var(--fui-accent-hover);width:100%}.button-inverse:hover{background:var(--indigo-1)}.offer-note{font-size:12px;margin-top:17px;line-height:1.7}.offer :focus-visible{outline-color:var(--fui-on-accent)}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-block:100px}.faq h2{font-size:36px}.faq details{border-bottom:1px solid var(--fui-border);padding-block:18px}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:15px;font-weight:600;min-height:28px}.faq details p{font-size:14px;color:var(--fui-text-muted);padding-top:15px;padding-bottom:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--fui-border);padding-block:28px 40px}.site-footer p,.site-footer>a:last-child{font-size:12px;color:var(--fui-text-muted)}
@media(min-width:1600px){.hero{padding-top:70px}}
@media(max-width:1050px){.hero-intro{gap:30px;grid-template-columns:1fr 1fr}.hero-copy>p:first-child{font-size:16px}.screening-room{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.screening-list{padding:22px;gap:18px}.screening-list h2{font-size:23px}.screening-list p{font-size:12px}.featured-options button{padding:10px 8px}.actions{gap:16px}.offer{padding:40px;gap:35px}.offer-action{padding-left:35px}.integration{gap:50px}.compatibility p span{margin-inline:6px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.announcement{font-size:11px;padding:9px 16px}.announcement a{margin-left:7px}.site-header{padding-block:20px;gap:14px}.site-header nav{display:none}.brand{width:180px}.button-small{font-size:12px;padding:8px 12px;gap:10px}.hero{padding-top:32px}.hero-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}h1{font-size:clamp(44px,9vw,64px)}.hero-copy>p:first-child{font-size:16px}.actions{gap:20px}.button{padding-inline:16px}.screening-room{grid-template-columns:1fr}.screening-list{padding:22px}.screening-list h2 br{display:none}.screening-list>div:first-child p{font-size:13px;margin-top:10px}.featured-options{grid-template-columns:1fr}.featured-options button{font-size:13px;padding:13px}.screen-bar{font-size:10px;padding:10px 12px}.compatibility{flex-direction:column;gap:5px;font-size:11px;padding-bottom:0}.compatibility p{line-height:1.8}.free-section{margin-top:35px;padding-block:55px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px;font-size:14px}.free-grid{grid-template-columns:1fr;gap:38px}.example-top h3{font-size:21px}.example-details{gap:12px;padding-top:17px}.download-line{display:block;margin-top:30px}.download-line>a{display:inline-block;margin-block:8px}.download-line>span{display:block}.catalog{padding-block:58px 20px}.catalog-toolbar{align-items:start}.filters{gap:4px}.filters button{padding:9px 10px;font-size:11px}.catalog-toolbar>span{display:none}.video-grid{grid-template-columns:1fr;gap:32px}.video-heading h3{font-size:19px}.video-card p{font-size:13px}.integration{grid-template-columns:1fr;gap:35px;padding-block:60px}.integration>div>p{font-size:15px;margin-top:18px}.integration li:last-child{padding-bottom:0}.offer{grid-template-columns:1fr;padding:30px 24px;gap:30px}.offer-action{padding:28px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--fui-on-accent) 30%,transparent)}.price>span:first-child{font-size:64px}.offer-action>p:nth-child(2){max-width:34ch}.faq{grid-template-columns:1fr;gap:30px;padding-block:60px}.faq h2{font-size:32px}.faq h2 br{display:none}.site-footer{align-items:start;flex-direction:column;gap:13px;padding-block:25px}.site-footer p{font-size:13px}}
@media(max-width:480px){.site-header .brand{width:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}