.product + .product { margin-top: clamp(44px, 7vw, 80px); }
.product-aside--looproom { min-height: 200px; background: radial-gradient(circle at 50% 45%, #cdfb6726, transparent 65%), var(--off-white); transition: border-color .2s, background-color .2s; }
.product-aside--looproom:hover { border-color: var(--accent); }
.product-aside--looproom:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.product-mark--looproom { width: 112px; opacity: 1; }
.hero-actions .btn-app { --app-color: #cdfb67; --app-border: #cdfb6740; flex-direction: row; align-items: center; gap: 12px; min-width: 205px; }
.btn-app img { width: 42px; height: 42px; flex: none; border: 1px solid var(--app-border); border-radius: 12px; }
.btn-app .btn-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.btn-app .btn-kicker { color: var(--app-color); }
.btn-app::after { background: var(--app-color); }
@media (max-width: 560px) { .hero-actions .btn-app { min-width: 0; gap: 10px; } .btn-app img { width: 32px; height: 32px; border-radius: 9px; } }
.hero-actions .btn-marketneon { --app-color: #48ffff; --app-border: #48ffff40; }
.product-aside--marketneon { min-height: 200px; background: radial-gradient(circle at 50% 45%, #25eaf01f, transparent 65%), var(--off-white); transition: border-color .2s; }
.product-aside--marketneon:hover { border-color: #12b5b8; }
.product-aside--marketneon:focus-visible { outline: 3px solid #12b5b8; outline-offset: 4px; }
.product-mark--marketneon { width: 112px; opacity: 1; }