body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{font-family:Arial,sans-serif;margin:0;padding:0}img{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.header{background-color:#000;color:#fff;padding:48px 24px 0;text-align:center}.logo{font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:40px}.sonosLogo{filter:none;height:30px}.sonosLogo,.soundsuitLogo{vertical-align:middle;width:auto}.soundsuitLogo{height:40px}.logoSep{margin:0 8px}.sonosLogoLarge{height:48px;width:auto}.albumImage{border-radius:16px;display:block;height:auto;margin:0 auto 60px;max-width:750px;width:100%}.featureMedia{transition:box-shadow .2s ease}.featureMedia:hover{box-shadow:0 12px 28px #0000001f}@media (prefers-reduced-motion:reduce){.featureMedia{transition:none}}.revealBase{opacity:0;transform:translateY(16px) scale(.98);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.revealIn{opacity:1;transform:translateY(0) scale(1)}.overline{color:#ffffffd9;font-size:18px;margin-bottom:28px}.mainHeading{font-size:46px;font-weight:800;line-height:1.08;margin-bottom:48px}.ctaGroup{display:flex;gap:28px;justify-content:center;margin-bottom:76px}.cta{background-color:#fff;border:none;border-radius:999px;color:#000;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;padding:12px 24px;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .15s ease,box-shadow .15s ease}.cta:hover{background-color:#eaeaea;box-shadow:0 10px 24px #00000040;color:#000}.cta:focus-visible{box-shadow:0 0 0 3px #0000004d;outline:none}.ctaOutline{background:#0000;border:2px solid #fff9;border-radius:999px;color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:10px 24px;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .15s ease}.ctaOutline:hover{background-color:#ffffff0f;border-color:#fff}.ctaOutline:focus-visible{box-shadow:0 0 0 3px #ffffff59;outline:none}.speakerWrap{display:block;height:410px;margin:0 auto;max-width:1200px}.speakerImgCropped{border-radius:20px;height:100%;object-fit:cover;object-position:top center;width:100%}.infoHero{background:#fff;color:#111;padding:96px 24px 72px;text-align:center}.infoHeroInner{margin:0 auto;max-width:820px}.infoTitle{font-size:64px;font-weight:800;margin:0 0 20px}.infoText{color:#5f6368;font-size:18px;line-height:1.75;margin:0 auto}.bottom{background-color:#f5f5f5;color:#333;padding:60px 20px}.container{margin:0 auto;max-width:1200px}.featureRows{grid-gap:72px;display:grid;gap:72px;margin:0 auto;max-width:1100px;padding:72px 20px}.featureRow{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr}.featureRow--reverse{grid-auto-flow:dense}.featureRow--reverse .featureCopy{order:2}.featureRow--reverse .featureMedia{order:1}.featureTitleLg{font-size:36px}.featureTitle,.featureTitleLg{font-weight:800;margin:0 0 12px}.featureTitle{font-size:32px}.featureText{color:#444;font-size:14px;line-height:1.65;margin:0}.featureMedia{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;box-shadow:0 8px 24px #00000014;height:230px}.steps{margin-bottom:60px;margin-top:60px}.steps .ctaGroup{margin-top:24px}.steps .cta{background-color:#000;color:#fff}.steps .cta:hover{background-color:#222;color:#fff}.steps .cta:focus-visible{box-shadow:0 0 0 3px #00000059}.steps .ctaOutline{border-color:#0009;color:#000}.steps .ctaOutline:hover{background-color:#0000000a;border-color:#000}.stepsTitle{font-size:64px;font-weight:800;margin:0 0 20px;text-align:center}.stepsList{margin:0 auto;max-width:800px}.stepItem{align-items:flex-start;display:flex;font-size:16px;line-height:1.6;margin-bottom:20px}.stepIndex{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-right:15px;margin-top:2px;width:24px}.stepText{color:#444;margin:0}.siteFooter{background:#000;color:#ffffffd9;padding:32px 20px 36px}.siteFooterInner{margin:0 auto;max-width:1100px}.footerText{font-size:13px;line-height:1.6;margin:0 0 14px}.footerCopy{color:#ffffffb3;font-size:12px;margin:0}@media (max-width:768px){.header{padding:40px 16px 0}.logo{font-size:24px;margin-bottom:30px;margin-top:10px}.sonosLogo{height:24px}.soundsuitLogo{height:32px}.logoSep{margin:0 6px}.albumImage{border-radius:12px;margin:0 auto 40px;max-width:100%}.mainHeading{font-size:40px;margin-bottom:28px}.ctaGroup{align-items:center;flex-direction:column;gap:14px;margin-bottom:56px}.cta,.ctaOutline{font-size:16px;padding:10px 22px}.speakerWrap{height:280px;margin:0 16px;max-width:100%}.speakerImgCropped{border-radius:16px}.bottom{padding:40px 16px}.infoHero{padding:64px 16px 48px}.infoTitle,.stepsTitle{font-size:40px}.infoText{font-size:16px}.container{max-width:100%!important}.featureRows{gap:48px;padding:48px 16px}.featureRow{gap:20px;grid-template-columns:1fr}.featureRow .featureCopy{order:1}.featureRow .featureMedia{order:2}.featureMedia{height:180px}.featureTitleLg{font-size:26px}.featureTitle{font-size:22px}.steps{margin-bottom:40px}.stepsTitle{font-size:26px;margin-bottom:30px}.stepsList{max-width:100%}.stepItem{font-size:15px;margin-bottom:16px}.stepIndex{font-size:12px;height:20px;margin-right:12px;width:20px}.siteFooter{padding:28px 16px 32px}.footerText{font-size:12px}}@media (max-width:480px){.header{padding:30px 12px 0}.logo{font-size:20px;margin-bottom:55px;margin-top:20px}.sonosLogo{height:20px}.soundsuitLogo{height:28px}.mainHeading{font-size:28px}.overline{font-size:14px}.speakerWrap{height:220px;margin:0 8px}.bottom{padding:30px 12px}.infoHero{padding:52px 12px 36px}.infoTitle,.stepsTitle{font-size:34px}.twoCol{gap:25px}.featureRows{gap:36px;padding:40px 12px}.featureMedia{height:160px}.featureRow .featureCopy{order:1}.featureRow .featureMedia{order:2}.infoText{font-size:15px}}
/*# sourceMappingURL=main.df8c0dce.css.map*/