/* Product-led homepage: install links, actual interface and practical features. */
.product-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:72px;align-items:start;padding-block:45px 49px}
.product-label{display:block;font-size:9px;letter-spacing:1px;font-weight:700;color:var(--muted)}
.product-intro{padding-block:25px}.product-intro h1{font-size:60px;line-height:1.1;letter-spacing:-3px;margin-top:22px;font-weight:600}.product-intro h1 span{color:var(--hero-tone)}
.product-intro>p{font-size:13px;line-height:1.9;max-width:485px;margin-top:23px}
.product-install{margin-top:29px;max-width:520px}.product-install h2{font-size:12px;letter-spacing:0;font-weight:650;margin-bottom:12px}
.product-install .browser-quick-links{margin:0;gap:8px}.product-install .browser-quick-link{padding:11px 12px;gap:9px;border-radius:5px}.product-install .browser-quick-link strong{font-size:11px}.product-install .browser-quick-link small{font-size:8px}.product-install .browser-symbol{width:25px;height:25px;font-size:11px}
.product-install .browser-quick-link:not(:last-child){background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)}.product-install .browser-quick-link:not(:last-child) .browser-symbol{background:transparent;color:var(--button-text);border:1px solid currentColor}.product-install .browser-quick-link:not(:last-child) small{color:inherit;opacity:.8}.product-install .browser-quick-link:not(:last-child):hover{background:var(--button-hover);border-color:var(--button-hover)}
.product-install .browser-quick-link:last-child{background:transparent}.product-install .browser-quick-link:last-child strong{color:var(--muted)}
.product-install-note{font-size:9px;line-height:1.9;margin-top:13px}
.product-source{display:inline-flex;align-items:center;gap:9px;font-size:10px;text-underline-offset:3px;color:var(--muted);margin-top:20px}.product-source svg{width:13px;height:13px}
.product-app{width:100%;max-width:365px;justify-self:end;min-width:0}.product-view-tabs{display:flex;border:1px solid var(--line);border-bottom:0;border-radius:5px 5px 0 0;padding:3px;background:var(--panel)}.product-view-tabs button{display:flex;align-items:center;justify-content:center;flex:1;min-height:32px;background:transparent;border:0;border-radius:3px;color:var(--muted);font-size:10px;font-weight:600;cursor:pointer}.product-view-tabs button[aria-pressed=true]{background:var(--selected);color:var(--selected-text)}
.product-shot{display:block;aspect-ratio:470/760;width:100%;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:0 0 5px 5px;overflow:hidden;line-height:0}.product-shot img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}.product-shot img[data-product-shot=queue]{object-fit:contain;background:var(--bg)}
.product-shot-caption{display:flex;justify-content:space-between;gap:10px;margin-top:9px;align-items:center;font-size:8px;color:var(--muted)}.product-enlarge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;border:0;background:none;padding:0;font-size:8px;color:var(--muted);cursor:pointer}.product-enlarge svg{width:11px;height:11px}.product-version{font-size:8px;margin-top:7px;color:var(--muted)}
.product-features{border-top:1px solid var(--line);padding-block:36px 38px}.product-section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.product-section-heading h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin-top:12px}.product-section-heading>a{display:inline-flex;align-items:center;gap:8px;font-size:10px;text-decoration:none;font-weight:600}.product-section-heading>a svg{width:14px;height:14px}
.product-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 38px}.product-feature-grid article{padding-top:17px;border-top:1px solid var(--line)}.product-feature-grid article>svg{color:var(--mint);width:22px;height:22px;margin-bottom:12px}.product-feature-grid h3{font-size:16px;font-weight:650;letter-spacing:-.3px;line-height:1.4}.product-feature-grid p{font-size:11px;line-height:1.9;max-width:340px;margin-top:9px}
.product-coverage{font-size:10px;line-height:1.9;color:var(--muted);margin-top:25px}
.product-how{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid var(--line);padding-block:35px 43px;scroll-margin-top:125px}.product-how h2{font-size:29px;letter-spacing:-1px;margin-top:12px;line-height:1.3}.product-how a{display:inline-flex;align-items:center;gap:8px;font-size:10px;text-decoration:none;font-weight:600;margin-top:19px}.product-how a svg{width:14px;height:14px}.product-how ol{list-style:none;padding:0;margin:0;display:grid;gap:19px}.product-how li{display:flex;gap:16px;align-items:flex-start}.product-how li>span{font-size:10px;line-height:1.6;color:var(--hero-tone);margin-top:2px}.product-how h3{font-size:13px;letter-spacing:-.2px;font-weight:650;line-height:1.5}.product-how li p{font-size:10px;line-height:1.9;margin-top:5px}
.product-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-block:23px 27px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.product-footer nav{display:flex;flex-wrap:wrap;gap:9px 17px}.product-footer a{color:var(--muted);text-decoration:none}.product-footer a:hover{color:var(--text)}.product-footer>p{display:flex;justify-content:space-between;gap:20px;flex-basis:100%;font-size:8px;color:var(--muted);line-height:1.8}
#product-zoom{max-width:calc(100vw - 45px);max-height:calc(100vh - 45px);padding:18px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);overflow:auto}#product-zoom::backdrop{background:#161b20b3}#product-zoom>button{display:block;margin:0 0 13px auto;padding:7px 11px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--text);font-size:11px;cursor:pointer}#product-zoom>img{display:block;max-width:min(950px,calc(100vw - 100px));max-height:calc(100vh - 145px);width:auto;height:auto;object-fit:contain}#product-zoom p{font-size:10px;margin-top:12px}
@media(max-width:1100px){.product-hero{gap:60px}.product-intro h1{font-size:54px;letter-spacing:-2.5px}.product-app{max-width:340px}.product-install .browser-quick-links{gap:7px}.product-install .browser-quick-link{padding:10px 11px}.product-feature-grid{gap:25px 30px}}
@media(max-width:900px){.product-hero{gap:38px;padding-block:38px 42px;grid-template-columns:1.1fr .85fr}.product-intro h1{font-size:44px;letter-spacing:-2px}.product-intro>p{font-size:12px}.product-install .browser-quick-link{padding:9px;gap:7px}.product-install .browser-quick-link strong{font-size:10px}.product-install .browser-quick-link small{font-size:7px}.product-install .browser-symbol{width:21px;height:21px;font-size:9px}.product-app{max-width:315px}.product-shot-caption{font-size:7px}.product-enlarge{font-size:7px}.product-version{font-size:7px}.product-section-heading h2{font-size:28px}.product-feature-grid{gap:23px 25px}.product-feature-grid h3{font-size:15px}.product-feature-grid p{font-size:10px}.product-how{gap:50px}}
@media(max-width:700px){.product-intro{padding-block:0}.product-hero{grid-template-columns:1fr;gap:29px;padding-block:32px 35px}.product-intro h1{font-size:48px;letter-spacing:-2.4px;margin-top:19px}.product-intro>p{font-size:12px;max-width:440px;margin-top:19px}.product-label{font-size:8px}.product-install{margin-top:24px}.product-install h2{font-size:12px}.product-install .browser-quick-links{gap:7px}.product-install .browser-quick-link{padding:10px 11px;min-width:0;flex:1}.product-install .browser-quick-link strong{font-size:10px}.product-install .browser-quick-link small{font-size:8px}.product-install .browser-quick-link:last-child{flex:0 1 auto}.product-install-note{font-size:9px}.product-source{font-size:10px;margin-top:17px}.product-app{justify-self:center;max-width:345px}.product-shot-caption{font-size:8px}.product-enlarge{font-size:8px}.product-version{font-size:8px}.product-features{padding-block:29px 32px}.product-section-heading{display:block;margin-bottom:24px}.product-section-heading h2{font-size:28px;margin-top:10px}.product-section-heading>a{font-size:10px;margin-top:16px}.product-feature-grid{grid-template-columns:1fr 1fr;gap:22px 22px}.product-feature-grid article{padding-top:15px}.product-feature-grid article>svg{width:21px;height:21px;margin-bottom:10px}.product-feature-grid h3{font-size:14px;line-height:1.5;letter-spacing:-.2px}.product-feature-grid p{font-size:10px;line-height:1.85;margin-top:8px}.product-coverage{font-size:9px;line-height:1.9;margin-top:23px}.product-how{grid-template-columns:1fr;gap:25px;padding-block:29px 34px}.product-how h2{font-size:28px;margin-top:10px}.product-how a{font-size:10px;margin-top:15px}.product-how ol{gap:18px}.product-how h3{font-size:13px}.product-how li p{font-size:10px}.product-footer{padding-block:21px 24px;gap:17px;font-size:9px}.product-footer nav{gap:12px 16px;font-size:9px}.product-footer>p{display:block;font-size:8px;line-height:1.9}.product-footer>p span{display:block;margin-top:6px}}
@media(max-width:360px){.product-intro h1{font-size:43px;letter-spacing:-2px}.product-install .browser-quick-link{padding:9px;gap:6px}.product-install .browser-symbol{width:19px;height:19px;font-size:8px}.product-install .browser-quick-link strong{font-size:9px}.product-install .browser-quick-link small{font-size:7px}.product-feature-grid{grid-template-columns:1fr}.product-feature-grid p{max-width:310px;font-size:11px}.product-feature-grid h3{font-size:15px}.product-footer nav{gap:10px 13px;font-size:8px}}

.product-how{display:block}.product-how ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px}.product-how li{display:block;position:relative;padding:24px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.product-how li:first-child{background:var(--selected)}.product-how li:last-child{background:var(--soft)}.product-how li>span{display:block;font-size:26px;line-height:1;margin:0 0 20px;color:var(--mint);opacity:.7}.product-how h3{font-size:15px}.product-how li p{margin-top:10px;font-size:11px;line-height:1.9}@media(max-width:700px){.product-how ol{grid-template-columns:1fr;gap:12px}.product-how li{padding:21px;display:grid;grid-template-columns:35px 1fr;gap:14px}.product-how li>span{margin-top:3px;font-size:23px}.product-how h3{font-size:14px}.product-how li p{font-size:11px}}

.product-intro>p.product-compatibility{margin-top:14px;font-size:11px;line-height:1.8}.product-compatibility strong{color:var(--text);font-weight:650}.product-compatibility a{color:var(--mint);font-weight:650;text-underline-offset:3px}.product-compatibility a:hover{text-decoration-thickness:2px}