.design-switcher{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px 5.5%;border-bottom:1px solid var(--line);background:#0d151a;position:relative;z-index:2;font-size:12px}.design-switcher-label{color:var(--muted);margin-right:12px;font-size:11px}.design-switcher>a{padding:6px 12px;border:1px solid transparent;border-radius:4px;color:var(--muted)}.design-switcher>a:hover{color:var(--text);background:#a7cad10a}.design-switcher>a[aria-current=true]{border-color:#a7cad166;color:#d8edf0;background:#a7cad10e}.design-switcher .compare-link{margin-left:15px;font-size:11px}.designs-page{max-width:1240px;margin:auto;padding:55px 5.5% 20px}.designs-heading{text-align:center;margin-bottom:40px}.designs-heading .eyebrow{margin-bottom:20px}.designs-heading h1{font-size:48px;line-height:1.15;margin-bottom:20px}.designs-heading .lead{font-size:16px}.design-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.design-option{border:1px solid #a7cad12e;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.design-card-image{height:240px;background:linear-gradient(#01111b44,#07111d99),url('/static/brand/bella-smoke.jpg') center/cover;display:flex;align-items:center;justify-content:center}.design-card-image img{width:235px;height:auto;max-width:80%}.design-option-copy{padding:27px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:1}.design-option-copy .eyebrow{font-size:9px;letter-spacing:.13em;margin:0}.design-option-copy h2{font-size:30px;margin:0}.design-option-copy p:not(.eyebrow){font-size:15px;color:var(--muted);margin:0 0 10px;line-height:1.65;flex:1}.design-option-copy .button{width:100%;font-size:14px;justify-content:space-between}.design-option-copy .text-link{font-size:12px;padding-bottom:4px;gap:10px}.atmosphere-option{background:#101d30}.atmosphere-option .design-card-image{background-position:center 35%;height:260px;clip-path:polygon(0 0,100% 0,100% 93%,50% 100%,0 93%)}.atmosphere-option .design-option-copy .primary{background:linear-gradient(130deg,#d2e3eb,#8cb4c3);border-color:#bbd8e2}.minimal-option{background:#0a0e11}.minimal-option .design-card-image{margin:16px 16px 0;border:1px solid #a7cad128;border-radius:5px;height:244px}.design-comparison-note{color:var(--muted);font-size:12px;max-width:650px;text-align:center;margin:30px auto 0}
@media(max-width:720px){.design-switcher{padding:9px 16px;gap:5px;font-size:11px}.design-switcher-label{display:none}.design-switcher>a{padding:5px 8px}.design-switcher .compare-link{width:100%;text-align:center;margin:0;padding:3px}.designs-page{padding-top:35px}.designs-heading h1{font-size:35px}.designs-heading .eyebrow{font-size:9px}.designs-heading .lead{font-size:14px}.design-cards{grid-template-columns:1fr;gap:23px}.design-option-copy{padding:23px}.design-option-copy h2{font-size:28px}.design-option-copy p:not(.eyebrow){font-size:14px}.design-card-image,.atmosphere-option .design-card-image{height:220px}.minimal-option .design-card-image{height:205px}}

.minimal-option .design-card-image{position:relative}.minimal-option .design-card-image>img{position:absolute;left:15px;top:8px;width:70px}.design-preview-player{position:absolute;left:13%;top:31%;width:74%;height:55%;display:grid;place-items:center;background:#030405;border:1px solid #a7cad13d;border-radius:4px;box-shadow:0 6px 20px #0007}.design-preview-player span{color:#b6cdd2;font-size:18px}
