/* Shared with the native app: use its exact shipped icon, without redrawing it. */
:root{--bg:#0e1a13;--panel:#18291c;--lime:#c9f226;--muted:#a1b0b5}
.brand .brand-ball{border-radius:24%;object-fit:contain}
.logo .logo-ball{display:block!important;width:36px;height:36px;flex:0 0 36px;border:0!important;border-radius:24%!important;background:#16261c url('/sideout-app-icon-20261017.png') center/contain no-repeat!important;box-shadow:none!important}
.logo .logo-ball:before,.logo .logo-ball:after,.logo .logo-ball i{display:none!important}
.shell>aside{background:#0e1a13}.shell .team{background:#18291c}.shell nav button.active,.shell nav button:hover,.primary{background:#c9f226;color:#152016}
.hero-product{width:100%;max-width:680px;padding:0 18px 95px 0}.hero-product .tablet{width:100%;max-height:none;transform:rotate(-2deg)}.hero-product .phone{width:25%;left:auto;right:-5px;bottom:15px;transform:rotate(5deg)}.hero-product figcaption{margin:24px 20% 0 0}
.native-review-preview{margin-top:42px}.native-review-preview img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
@media(max-width:700px){.hero-product{max-width:560px;padding-bottom:65px}.hero-product .phone{right:0;bottom:0}.hero-product figcaption{font-size:10px}.native-review-preview{margin-top:24px}}