.brand img.brand-mark{
background:#0c1118;
display:block;
object-fit:contain
}

dialog{
background:#111821;
border:1px solid rgba(255,255,255,.16);
border-radius:14px;
color:#f4f7fa;
max-width:min(900px,92vw);
padding:14px
}

dialog::backdrop{
background:rgba(0,0,0,.82)
}

dialog button[data-close]{
background:#26313d;
border:0;
border-radius:50%;
color:#fff;
cursor:pointer;
font-size:22px;
height:34px;
line-height:1;
position:absolute;
right:9px;
top:9px;
width:34px
}

dialog figure{
margin:0
}
dialog figure img{
display:block;
max-height:78vh;
max-width:100%;
object-fit:contain
}
dialog figcaption{
color:#aab4c0;
font-size:13px;
padding-top:10px
}

.feature-card[type=button]{
color:inherit;
font:inherit;
text-align:left;
width:100%
}

.feature-card[type=button]:focus-visible{
outline:3px solid #12b8e6;
outline-offset:3px
}

.hero-product-name{
color:#f2a93b;
font-size:15px
}

.section-eyebrow{
margin-top:26px
}

.section-heading-spaced{
margin-top:52px
}

.cta-actions{
justify-content:center
}