/* Product-page layout uses the same visual system as the extension hub. */
.header [aria-current="page"]{color:var(--lyric);text-decoration:underline;text-underline-offset:6px}
.twitch-page .header [aria-current="page"]{color:var(--twitch)}
.product-page{--accent:var(--lyric)}.twitch-page{--accent:var(--twitch)}
.landing-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:66px;padding:66px 0 64px}
.landing-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.landing-brand img{border-radius:12px;flex-shrink:0}.landing-name{font-size:20px;font-weight:620;letter-spacing:-.025em;display:flex;align-items:center;gap:15px}.landing-name .free{margin:0}
.landing-copy h1{font-size:clamp(43px,4.8vw,64px);letter-spacing:-.05em;line-height:1.07;margin-bottom:23px}.landing-copy h1 span{color:var(--accent)}
.landing-intro{font-size:18px;color:#59625e;line-height:1.7;max-width:470px;margin-bottom:24px}.landing-copy .availability-note{font-size:14px;max-width:450px}.landing-copy .install-row{max-width:410px}.landing-foot{font-size:14px;color:var(--muted);line-height:1.65;margin-top:14px;max-width:435px}.watch-link{font-size:14px;font-weight:600;margin-top:20px;display:inline-flex;align-items:center;gap:12px}.watch-link:hover{color:var(--accent)}
.landing-visual{display:block;overflow:hidden;border-radius:18px;background:#17161d;box-shadow:0 20px 60px #17222315}.landing-visual img{width:100%;height:auto}.visual-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;padding:15px 18px;font-size:14px;color:var(--muted);border:1px solid #e1e2dc;border-top:0;border-radius:0 0 18px 18px}
.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:36px 0 55px;border-top:1px solid var(--line)}.feature-number{font-size:14px;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;display:block;margin-bottom:16px}.landing-features h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-bottom:12px}.landing-features p{font-size:16px;color:var(--muted);line-height:1.7}
.landing-demo{padding-top:36px}.landing-demo h2{margin-top:16px}.landing-demo figure{margin:30px auto 0;max-width:940px}.landing-demo .demo-media{border-radius:18px}.landing-demo figcaption{font-size:16px;line-height:1.65;color:var(--muted);margin-top:15px}
.landing-start{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:80px}.landing-start h2{margin-top:17px}.landing-start ol{list-style:none;counter-reset:start;display:grid;gap:16px;margin:0;padding:0}.landing-start li{counter-increment:start;position:relative;padding:14px 0 14px 50px;font-size:16px;border-bottom:1px solid var(--line);color:#555e56;line-height:1.65}.landing-start li::before{content:counter(start);position:absolute;left:0;top:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e9ece4;color:var(--ink);font-size:14px;font-weight:600}
.policy-link{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:20px;font-size:14px}.policy-link a{text-decoration:underline;text-underline-offset:4px;color:#596759}
.landing-install{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:76px;padding:36px;background:#e9ede5;border-radius:18px;align-items:center}.landing-install h2{font-size:32px;margin-top:12px}.landing-install .install-row{max-width:440px;margin-left:auto}.landing-install .availability-note{margin:14px 0 0 auto;max-width:440px}.product-page .support{margin-top:75px;padding:55px 0}.other-product{padding:35px 0 10px}.other-product>p{font-size:14px;color:var(--muted);margin-bottom:10px}.other-product a{display:flex;align-items:center;gap:20px;font-size:16px}.other-product strong{font-weight:600;letter-spacing:-.02em}.other-product span{color:var(--muted)}.other-product span:last-child{margin-left:auto}.other-product a:hover strong{color:var(--accent)}
.product-page-link{font-size:15px;font-weight:580;display:inline-flex;gap:10px;color:var(--lyric);margin-top:3px}.twitch .product-page-link{color:var(--twitch)}.product-page-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.landing-hero{gap:32px}.landing-copy h1{font-size:46px}.landing-intro{font-size:16px}.landing-features{gap:24px}.landing-start{gap:45px}.landing-install{gap:30px;padding:26px}}
@media(max-width:780px){.landing-hero{grid-template-columns:1fr;gap:32px;padding:40px 0 45px}.landing-copy{max-width:600px}.landing-copy h1{font-size:clamp(42px,7.5vw,58px)}.landing-intro{font-size:17px}.landing-visual{max-width:650px;width:100%}.landing-features{grid-template-columns:1fr;gap:26px;padding:30px 0 35px}.landing-features article{display:grid;grid-template-columns:30px 1fr;gap:0 14px}.feature-number{grid-row:1/3;margin-top:5px}.landing-features h2{font-size:23px}.landing-features p{grid-column:2}.landing-demo{padding-top:25px}.landing-demo figure{margin-top:25px}.landing-start{grid-template-columns:1fr;gap:25px;padding-top:55px}.landing-install{grid-template-columns:1fr;gap:24px;padding:24px;margin-top:50px}.landing-install .install-row{max-width:none;margin:0}.landing-install h2{font-size:30px}.landing-install .availability-note{margin-left:0}.product-page .support{margin-top:50px;padding:42px 0}.other-product a{display:grid;grid-template-columns:1fr auto;gap:3px 14px}.other-product a>span:not(:last-child){grid-row:2;grid-column:1}.other-product span:last-child{grid-column:2;grid-row:1/3}.landing-start h2,.details-section h2{font-size:34px}}
.landing-hero{grid-template-columns:.95fr 1.25fr;gap:56px;padding:48px 0 48px;align-items:center}.landing-brand{margin-bottom:24px;gap:10px}.landing-brand img{width:40px;height:40px;border-radius:8px}.landing-name{font-size:18px;font-weight:600;gap:10px}.landing-brand .eyebrow{font-size:13px;margin-bottom:3px}.landing-copy h1{font-size:44px;letter-spacing:-.035em;line-height:1.14;margin-bottom:18px}.landing-copy h1 span{color:var(--ink)}.landing-intro{font-size:17px;color:#555e68;line-height:1.65;margin-bottom:22px}.landing-copy .availability-note{font-size:13px}.landing-foot{font-size:13px;color:var(--muted);line-height:1.6}.watch-link{margin-top:16px;text-decoration:underline;text-underline-offset:4px;font-weight:500}.landing-visual{border:1px solid #dce0e4;border-radius:7px;box-shadow:none;background:#fff}.visual-caption{padding:11px 13px;border:0;border-radius:0;font-size:13px;background:#fff;color:var(--muted);line-height:1.4}.capture{position:relative;overflow:hidden;background:#111}.capture img{position:absolute;max-width:none;height:auto;left:0;display:block}.lyric-player{aspect-ratio:1148/900}.lyric-player img{width:139.3728%;top:-11.1111%}
.landing-features{gap:30px;padding:28px 0 34px}.landing-features h2{font-size:20px;margin-bottom:10px}.feature-number{display:none}.landing-features p{font-size:15px;line-height:1.65}.landing-demo{padding-top:25px}.landing-demo h2{font-size:29px;margin-top:0}.landing-demo .eyebrow{margin-bottom:10px}.landing-demo figure{max-width:none;margin-top:24px}.landing-demo .demo-media{border-radius:7px}.landing-demo figcaption{font-size:14px}.landing-start{padding-top:52px;gap:60px}.landing-start h2{font-size:27px;margin-top:0}.landing-start .eyebrow{margin-bottom:10px}.landing-start li{font-size:15px}.landing-start li::before{border-radius:4px;background:#f1f3f5}.landing-install{background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:25px 0;margin-top:45px}.landing-install h2{font-size:27px;margin-top:0}.landing-install .eyebrow{margin-bottom:10px}.product-page .support{padding:34px 0;margin-top:45px}.policy-link a{color:var(--muted)}.other-product{padding-top:22px;padding-bottom:8px}.other-product>p{font-size:13px}.other-product a{font-size:15px}.header [aria-current="page"]{color:var(--ink)}
@media(max-width:1000px){.landing-hero{gap:30px}.landing-copy h1{font-size:37px}.landing-intro{font-size:16px}}
@media(max-width:780px){.landing-hero{grid-template-columns:1fr;gap:28px;padding:34px 0}.landing-copy{max-width:600px}.landing-copy h1{font-size:35px}.landing-intro{font-size:16px}.landing-visual{max-width:none}.landing-features article{display:block}.landing-features{gap:22px}.landing-features p{font-size:16px}.landing-start{gap:22px;padding-top:40px}.landing-start h2,.details-section h2{font-size:26px}.landing-install{padding:22px 0}.product-page .support{margin-top:35px}.visual-caption{flex-wrap:wrap;gap:4px 10px}}
.twitch-inline{aspect-ratio:720/640}.twitch-inline img{width:194.4444%;top:-38.125%}.twitch-content{aspect-ratio:1400/749}.twitch-content img{width:100%;top:-25.9012%}.real-example{overflow:hidden;border:1px solid var(--line);border-radius:7px}.real-example figcaption{padding:12px 14px;background:#f8f9fa;margin-top:0;font-size:14px}.walkthrough{margin-top:24px;border-top:1px solid var(--line)}.walkthrough+.walkthrough{margin-top:0;border-top:0}.walkthrough summary{padding-right:26px}.walkthrough-note{font-size:13px;font-weight:400;color:var(--muted);margin-left:12px}.walkthrough>div{padding-bottom:20px}.walkthrough figure{margin-top:12px}.sample-note{font-size:14px;margin-bottom:15px;color:var(--muted)}.landing-start ol{counter-reset:none;list-style:decimal;padding-left:22px;gap:0}.landing-start li{counter-increment:none;padding:13px 0 13px 10px}.landing-start li::before{display:none}.landing-start li::marker{color:var(--muted);font-weight:500}.other-product span:last-child:empty{display:none}
.products{display:grid;grid-template-columns:1fr;gap:0}.product{display:grid;grid-template-columns:.9fr 1.1fr;gap:0 48px;padding:30px 0 35px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.product-head,.product-copy,.product .availability-note,.product .install-row,.product .feature-list,.product-page-link,.product-foot{grid-column:1}.product-head{align-self:start}.product-head img{width:40px;height:40px;border-radius:8px}.product-head h2{font-size:21px}.product-copy{padding:20px 0 18px}.product-copy h3{font-size:29px;line-height:1.2}.product-copy p{font-size:16px;min-height:0;margin-top:12px}.product-image{grid-column:2;grid-row:1/9;margin:0;align-self:center;border:1px solid #dce0e4;border-radius:7px;background:#fff}.product-image img{transition:none}.product-image:hover img{transform:none}.product .install-row{max-width:390px}.feature-list{padding:16px 0 10px;font-size:13px;gap:7px 14px;color:var(--muted)}.product-page-link{font-size:14px;font-weight:550;text-decoration:underline;text-underline-offset:4px;color:var(--ink);margin-top:4px}.product-foot{font-size:13px;min-height:0;padding-top:12px}.demo-section{padding-top:48px}.demo-section h2{font-size:28px}.section-heading{gap:35px}.demo-section .demo-media{border-radius:7px}.demo-section figure{max-width:850px;margin-inline:auto}.demo-section figcaption{padding-top:12px;font-size:14px}.demo-section figcaption strong,.demo-section figcaption span{display:block}.demo-section figcaption span{color:var(--muted)}
@media(max-width:780px){.product{grid-template-columns:1fr;gap:0;padding:28px 0}.product-image{grid-column:1;grid-row:auto;margin-top:20px}.product .feature-list{padding-top:18px}.product-head h2{font-size:22px}.product-copy h3{font-size:27px}.product-copy p{font-size:16px}.product .install-row{max-width:none}.section-heading{grid-template-columns:1fr;gap:16px}.walkthrough-note{display:block;margin:3px 0 0}.twitch-content{aspect-ratio:820/749}.twitch-content img{width:170.7317%}}
@media(max-width:360px){.header nav{gap:10px}.header nav a{font-size:14px}.header nav a:last-child{display:none}.landing-copy h1{font-size:32px}.brand{font-size:18px}}
.landing-features p{font-size:16px}.real-example figcaption{display:flex;gap:10px 20px;justify-content:space-between;flex-wrap:wrap}.real-example figcaption a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap;color:var(--ink)}
@media(max-width:780px){.twitch-inline{aspect-ratio:240/450}.twitch-inline img{width:583.3333%;top:-75.5556%}}

/* Shared guide links and the current product in guide navigation. */
.guide-link{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;font-size:15px;line-height:1.5;color:var(--accent);margin-top:16px;text-decoration:underline;text-underline-offset:4px}
.header [aria-current="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
.install-help{font-size:14px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:440px}.install-help a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.mobile-install{font-size:14px;line-height:1.6}.mobile-install [role="status"]{display:block;max-width:440px;color:var(--muted);margin-top:6px}.copy-page{background:transparent;border:1px solid var(--line);border-radius:7px;font:inherit;color:var(--ink);padding:10px 14px;margin-top:10px;cursor:pointer}.copy-page[hidden]{display:none}.copy-page:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* First-use paths keep store installation, proof and next steps together. */
.visual-caption a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.first-use .eyebrow{margin:0 0 12px}
.first-use-intro{font-size:16px;line-height:1.7;color:var(--muted);max-width:340px}
.first-use .first-use-result{font-size:15px;line-height:1.7;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.first-use a{color:var(--accent)}
.first-use li strong{font-weight:650}