.f-hero{padding:72px 32px 104px}.f-in{max-width:1200px;margin:0 auto}.f-hero-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 48px;margin-top:18px;display:flex}.f-hero-row .k-lede{max-width:640px;margin:0}.f-hero-row .k-arrow{font-size:17px}.f-sect{padding:0 32px 120px}.band+.f-sect{padding-top:120px}.f-sect .band-head{padding-top:0}.f-hero+.f-sect>.f-in{border-top:1px solid var(--ani-rule);padding-top:56px}.f-fig{margin:56px 0 0}.f-hero .f-fig{margin-top:56px}.f-fig figcaption,.f-compare figcaption{color:var(--ani-dim);margin-top:14px;font-size:14px;line-height:1.5}.f-fig figcaption a,.f-compare figcaption a{color:var(--ani-dim)}.f-pair{aspect-ratio:1200/700;position:relative}.f-win{border:1px solid var(--ani-bezel-edge);border-radius:14px;width:84%;position:absolute;top:0;left:0}.f-phone{border-radius:36px;width:22%;padding:7px;top:14%;right:0}.f-phone img{border-radius:30px}.f-compare{max-width:1080px;margin:48px auto 0}.f-remote{align-items:flex-end;gap:40px;display:flex}.f-remote .bezel{position:static}.f-remote-phone{border-radius:34px;flex:0 0 min(24%,280px);padding:6px}.f-remote-phone img{border-radius:28px}.f-remote-tv{border-radius:8px;flex:1;padding:10px}.f-remote-tv img{aspect-ratio:1920/1080;border-radius:4px}.small-grid{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:48px 40px;margin-top:48px;display:grid}.small-grid>div{border-top:1px solid var(--ani-rule);padding-top:24px}.small-grid dl{flex-direction:column;gap:14px;margin:16px 0 0;display:flex}.small-grid dt{font-size:16px;font-weight:600}.small-grid dd{color:var(--ani-dim);margin:2px 0 0;font-size:15px;line-height:1.5}.small-grid dd code{font-size:14px}.f-matrix{padding-bottom:136px}.matrix-lede{max-width:820px;color:var(--ani-dim);margin:20px 0 0;font-size:19px;line-height:1.55}.matrix-key{color:var(--ani-dim);flex-wrap:wrap;gap:12px 28px;margin:28px 0 0;padding:0;font-size:15px;list-style:none;display:flex}.matrix-key li{align-items:center;gap:10px;display:flex}.mark{flex:none;display:inline-block}.mark-available{background:var(--ani-text);width:10px;height:10px}.mark-development{border:2px solid var(--ani-dim);width:10px;height:10px}.mark-none{background:var(--ani-rule);vertical-align:middle;width:10px;height:2px}.matrix-scroll{margin-top:32px;overflow-x:auto}.matrix{border-collapse:collapse;width:100%;min-width:760px}.matrix th,.matrix td{text-align:center;border-bottom:1px solid var(--ani-rule-faint)}.matrix thead th{border-bottom-color:var(--ani-rule);width:9%;padding:0 8px 12px;font-size:14px;font-weight:600}.matrix thead th:first-child,.matrix tbody th[scope=row]{text-align:left;width:auto}.matrix tbody th[scope=row]{padding:12px 16px 12px 0;font-size:15px;font-weight:500}.matrix td{padding:12px 8px}.matrix .matrix-group th{text-align:left;color:var(--ani-dim);border-bottom-color:var(--ani-rule);padding:28px 0 10px;font-size:13px;font-weight:600}.cell-text{color:var(--ani-dim);font-size:13px}.matrix-note{color:var(--ani-dim);margin:20px 0 0;font-size:15px}.matrix-cta{flex-wrap:wrap;align-items:center;gap:20px 28px;margin:40px 0 0;display:flex}@media (width<=700px){.band+.f-sect{padding-top:72px}.f-hero{padding:28px 16px 56px}.f-sect{padding:0 16px 72px}.f-hero-row .k-arrow{font-size:16px}.f-fig{margin-top:32px}.f-pair{aspect-ratio:auto;flex-direction:column;gap:16px;display:flex}.f-win{width:100%;position:static}.f-phone{width:190px;margin-inline:auto;position:static}.f-remote{flex-direction:column;align-items:center;gap:24px}.f-remote-phone{flex:none;width:190px}.f-remote-tv{flex:none;width:100%}.matrix-scroll{margin-inline:-16px;padding-inline:16px}}.compare{margin-inline:auto}.compare-frame{aspect-ratio:720/480;border:1px solid var(--ani-bezel-edge);background:var(--ani-crop-a);touch-action:pan-y;cursor:ew-resize;--pos:50%;-webkit-user-select:none;user-select:none;border-radius:12px;position:relative;overflow:hidden}.compare-frame img{pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.compare-off{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-tag{color:#e4e0d6;background:#10131f;border-radius:6px;padding:4px 10px;font-size:13px;position:absolute;top:14px}.compare-tag-off{left:16px}.compare-tag-look{right:16px}.compare-handle{top:0;bottom:0;left:var(--pos);color:#10131f;justify-content:center;align-items:center;width:44px;margin-left:-22px;display:flex;position:absolute}.compare-line{background:#e4e0d6;width:2px;position:absolute;top:0;bottom:0}.compare-knob{background:#e4e0d6;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.compare-looks{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.compare-looks button{border:1px solid var(--ani-dim);height:40px;color:var(--ani-text);font:inherit;cursor:pointer;transition:color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);background:0 0;border-radius:20px;padding:0 16px;font-size:15px;font-weight:600}.compare-looks button span{color:var(--ani-dim);font-weight:400}.compare-looks button:hover{border-color:var(--ani-link-hover)}.compare-looks button[aria-pressed=true]{border-color:var(--ani-text);background:var(--ani-text);color:var(--ani-ground)}.compare-looks button[aria-pressed=true] span{color:inherit}@media (width<=700px){.compare-tag{font-size:12px;top:8px}.compare-tag-off{left:8px}.compare-tag-look{right:8px}}.flow{align-items:center;gap:12px;display:flex}.flow-box{border:1px solid var(--ani-rule);background:var(--ani-raised);border-radius:10px;flex:1;min-width:0;padding:20px 22px}.flow-title{font-size:17px;font-weight:600}.flow-text{color:var(--ani-dim);margin-top:2px;font-size:14px}.flow-link{color:var(--ani-dim);flex-direction:column;flex:none;align-items:center;gap:6px;font-size:13px;display:flex}.flow-stack{flex-direction:column;flex:1;gap:10px;display:flex}@media (width<=700px){.flow{flex-direction:column;align-items:stretch}.flow-link{flex-direction:row;justify-content:center}.flow-link svg{transform:rotate(90deg)}}