:root{--ink:#0F1217;--muted:#625C55;--blue:#38363B;--blue-dark:#0F1217;--cream:#F7F0E0;--paper:#FFFCF5;--gold:#E3D9C2;--line:#D7CDBB;--soft-blue:#EDE5D6;--scarlet:#E90802}
body{background:linear-gradient(180deg,#FFFCF5,#F7F0E0)}
.card{background:#F4EFE4;border-color:var(--line)}.status-banner{background:#F7F0E0;border-color:var(--line);border-left-color:#E90802}
.hero::after{display:none;content:none}.hero{background:var(--paper)}
.longview-swoosh{display:block;width:min(240px,80%);height:24px;margin:12px 0 20px;overflow:visible}
.product-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:32px}
.four-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:20px;background:#0F1217;border-radius:22px;transform:rotate(-3deg)}
.four-board span > svg{display:block;width:100%;height:100%}
.four-board span{min-width:0;aspect-ratio:1;border-radius:50%;background:#38363B}
.four-board .gold{background:#F7F0E0;border:1px solid #E3D9C2}.four-board .red{background:#0F1217;border:1px solid #E3D9C2}
.product-hero h1{font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.03}.fine{font-size:.92rem;color:var(--muted)}
@media(max-width:650px){.product-hero{grid-template-columns:1fr}.four-board{max-width:350px;margin:12px auto;width:100%}}