/* X-COMMERCE-102. Design only. No customer CSS or media loaded into agreement / Stripe iframe. */
:root[data-cx-brand]{color-scheme:light}
:root[data-cx-brand] body{background:var(--cx-brand-background);color:var(--cx-brand-text);font-family:var(--cx-brand-font-body)}
:root[data-cx-brand] header,:root[data-cx-brand] footer{border-color:color-mix(in srgb,var(--cx-brand-text) 23%,transparent)}
:root[data-cx-brand] .cx-logo,:root[data-cx-brand] .cx-hero h1,:root[data-cx-brand] .cx-heading h2,
:root[data-cx-brand] .cx-panel h3{font-family:var(--cx-brand-font-heading)}
:root[data-cx-brand] .cx-hero h1 em,:root[data-cx-brand] .cx-eyebrow{color:var(--cx-brand-accent)}
:root[data-cx-brand] .cx-hero>div>p:not(.cx-muted),:root[data-cx-brand] .cx-heading p,
:root[data-cx-brand] .cx-panel p,:root[data-cx-brand] .cx-muted{color:var(--cx-brand-text);opacity:.78}
:root[data-cx-brand] .cx-primary{background:var(--cx-brand-accent);color:var(--cx-brand-accent-text);border-radius:var(--cx-brand-radius)}
:root[data-cx-brand] .cx-primary:hover:not(:disabled){filter:brightness(1.08)}
:root[data-cx-brand] .cx-secondary{color:var(--cx-brand-text);border-color:color-mix(in srgb,var(--cx-brand-text) 35%,transparent);border-radius:var(--cx-brand-radius)}
:root[data-cx-brand] .cx-panel,:root[data-cx-brand] .cx-card,
:root[data-cx-brand] .cx-price,:root[data-cx-brand] .cx-notice{
 background:color-mix(in srgb,var(--cx-brand-text) 4%,var(--cx-brand-background));
 color:var(--cx-brand-text);border-color:color-mix(in srgb,var(--cx-brand-text) 22%,transparent);
 border-radius:var(--cx-brand-radius)}
:root[data-cx-brand] .cx-progress button{color:var(--cx-brand-text);border-color:color-mix(in srgb,var(--cx-brand-text) 25%,transparent)}
:root[data-cx-brand] .cx-progress button[aria-current="step"]{border-color:var(--cx-brand-accent);font-weight:800}
:root[data-cx-brand] .cx-art{background:var(--cx-brand-background);border-color:color-mix(in srgb,var(--cx-brand-text) 48%,transparent);border-radius:var(--cx-brand-radius)}
:root[data-cx-brand] .cx-artbody{background:linear-gradient(115deg,var(--cx-brand-background),color-mix(in srgb,var(--cx-brand-accent) 14%,var(--cx-brand-background)));color:var(--cx-brand-text)}
:root[data-cx-brand] .cx-artbody strong{font-family:var(--cx-brand-font-heading)}
:root[data-cx-brand] .cx-artcards i{background:color-mix(in srgb,var(--cx-brand-accent) 25%,var(--cx-brand-background))}
:root[data-cx-brand] .cx-artcards i:nth-child(2){background:color-mix(in srgb,var(--cx-brand-accent) 37%,var(--cx-brand-background))}
:root[data-cx-brand] .cx-artcards i:nth-child(3){background:color-mix(in srgb,var(--cx-brand-accent) 53%,var(--cx-brand-background))}
:root[data-cx-brand] .cx-pill{background:var(--cx-brand-accent);color:var(--cx-brand-accent-text)}
:root[data-cx-brand] .cx-artbar{background:color-mix(in srgb,var(--cx-brand-text) 9%,var(--cx-brand-background))}
:root[data-cx-brand] .cx-artbar small,:root[data-cx-brand] .cx-art>p{color:var(--cx-brand-text)}
:root[data-cx-brand] .cx-device .cx-frame{border-color:var(--cx-brand-accent)}
:root[data-cx-brand] .cx-link{color:var(--cx-brand-accent)}
:root[data-cx-brand] .cx-card p,:root[data-cx-brand] .cx-price small{color:var(--cx-brand-text);opacity:.78}
:root[data-cx-composition="editorial"] .cx-hero{grid-template-columns:1.05fr .8fr;gap:8vw}
:root[data-cx-composition="editorial"] .cx-hero h1{font-weight:400;font-size:clamp(49px,7vw,108px)}
:root[data-cx-composition="editorial"] .cx-art{transform:none;border-width:2px;box-shadow:0 22px 65px #0002}
:root[data-cx-composition="product"] .cx-hero{grid-template-columns:.9fr 1.12fr}
:root[data-cx-composition="product"] .cx-art{transform:none;border-radius:6px}
.cx-brand-attestation{display:inline-block;margin-left:14px;font-size:10px;color:inherit;opacity:.73;letter-spacing:.02em}
@media(max-width:800px){:root[data-cx-composition="editorial"] .cx-hero,:root[data-cx-composition="product"] .cx-hero{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){:root[data-cx-brand] *, :root[data-cx-brand] *::before,:root[data-cx-brand] *::after{transition:none!important}}
:root[data-cx-brand="review-preview"] .cx-brand-attestation{background:#4c2a0e;color:#fff5de;border-radius:6px;padding:7px 9px;opacity:1;font-weight:700}
:root[data-cx-brand] .co-main h1,:root[data-cx-brand] .co-main h2{font-family:var(--cx-brand-font-heading)}
:root[data-cx-brand] .co-main .co-subtitle,:root[data-cx-brand] .co-main .co-note{color:var(--cx-brand-text);opacity:.75}
:root[data-cx-brand] .co-panel,:root[data-cx-brand] .co-card{color:var(--cx-brand-text);background:color-mix(in srgb,var(--cx-brand-text) 4%,var(--cx-brand-background));border-color:color-mix(in srgb,var(--cx-brand-text) 25%,transparent);border-radius:var(--cx-brand-radius)}
:root[data-cx-brand] .co-card p,:root[data-cx-brand] .co-fields label{color:var(--cx-brand-text)}
:root[data-cx-brand] .co-fields input,:root[data-cx-brand] .co-fields textarea,:root[data-cx-brand] .co-select{background:var(--cx-brand-background);color:var(--cx-brand-text);border-color:color-mix(in srgb,var(--cx-brand-text) 30%,transparent);border-radius:var(--cx-brand-radius)}