/* Beets n Bangers engagement pages and homepage signup. */
.newsletter-zone { background: radial-gradient(ellipse at 12% 15%,rgba(0,217,255,.10),transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(255,22,159,.11),transparent 45%),#08080e; }
.newsletter-panel { position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(30px,5vw,76px); align-items:center; border:1px solid rgba(255,255,255,.14); padding:clamp(25px,4vw,58px); background:rgba(7,7,13,.65); }
.newsletter-panel::before { content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:3px; background:linear-gradient(90deg,var(--cyan),var(--pink)); }
.engagement-eyebrow { font-size:11px; font-weight:900; letter-spacing:.2em; text-transform:uppercase; color:var(--cyan); margin:0 0 17px; }
.newsletter-copy h2 { font-size:clamp(38px,4.1vw,62px); line-height:.97; letter-spacing:-.055em; text-transform:uppercase; margin:0 0 21px; text-wrap:balance; }
.newsletter-copy p:not(.engagement-eyebrow) { color:var(--muted); font-size:16px; line-height:1.8; max-width:510px; }
.newsletter-notes { display:flex; flex-wrap:wrap; gap:9px; margin-top:23px; }
.newsletter-notes span { padding:8px 11px; border:1px solid var(--line); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.bnb-form { display:grid; gap:18px; min-width:0; }
.bnb-form .field { display:grid; gap:9px; min-width:0; }
.bnb-form label,.bnb-form legend { font-size:13px; color:#edf0fc; font-weight:700; line-height:1.5; }
.bnb-form label small { color:var(--muted); font-size:12px; font-weight:400; }
.bnb-form input:not([type=checkbox]),.bnb-form select,.bnb-form textarea { width:100%; min-width:0; border:1px solid #383845; border-radius:0; background:#0b0b13; color:var(--text); font:inherit; font-size:16px; padding:14px 15px; outline-offset:3px; }
.bnb-form input:not([type=checkbox]),.bnb-form select { min-height:51px; }
.bnb-form input::placeholder,.bnb-form textarea::placeholder { color:#8b8fa5; }
.bnb-form textarea { resize:vertical; min-height:165px; line-height:1.65; }
.bnb-form select { color-scheme:dark; }
.bnb-form input:focus-visible,.bnb-form textarea:focus-visible,.bnb-form select:focus-visible,.bnb-form button:focus-visible { outline:2px solid var(--cyan); }
.bnb-form .field-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.bnb-form .consent-row { display:flex; gap:11px; align-items:flex-start; color:var(--muted); font-size:12px; font-weight:400; }
.bnb-form input[type=checkbox] { width:18px; height:18px; min-width:18px; margin:2px 0 0; accent-color:var(--cyan); cursor:pointer; }
.bnb-form .btn { cursor:pointer; width:100%; min-height:51px; color:var(--text); }
.bnb-form .btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.bnb-form .form-status { font-size:13px; color:var(--muted); line-height:1.6; margin:0; padding:12px 14px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
.bnb-form .form-status:empty { display:none; }
.bnb-form .form-status[data-state=error] { color:#ffd8e9; border-color:rgba(255,22,159,.4); }
.bnb-form .form-status[data-state=success] { color:#a9f1fa; border-color:rgba(0,217,255,.45); }
.bnb-form .form-help { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.bnb-form a,.contact-card a { text-decoration:underline; text-underline-offset:3px; }
.bnb-form a:hover,.contact-card a:hover { color:var(--cyan); }
.bnb-form .form-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip-path:inset(50%)!important; opacity:0!important; pointer-events:none!important; }
.bnb-form .network-options { padding:18px; border:1px solid var(--line); min-width:0; margin:0; display:grid; gap:12px; }
.bnb-form .network-options legend { padding:0 6px; }
.bnb-form .network-options label { display:flex; align-items:flex-start; gap:10px; font-size:13px; font-weight:500; }
.bnb-form [data-network-options] { display:grid; gap:12px; }
.bnb-form [data-network-options]:empty { display:none; }
.form-challenge { min-width:0; max-width:100%; overflow:hidden; }
.engagement-page { max-width:1320px; margin:0 auto; padding:150px 0 90px; min-height:65vh; }
.engagement-page-wrap { padding:0 clamp(18px,4vw,44px); }
.engagement-page .page-home { display:inline-block; margin:0 0 33px; color:var(--muted); font-size:13px; }
.engagement-page .page-home:hover { color:var(--cyan); }
.engagement-heading { max-width:830px; margin-bottom:44px; }
.engagement-heading h1 { font-size:clamp(46px,6.8vw,88px); line-height:.97; letter-spacing:-.06em; text-transform:uppercase; margin:0 0 22px; text-wrap:balance; }
.engagement-heading>p:last-child { max-width:690px; font-size:17px; color:var(--muted); line-height:1.8; margin:0; }
.contact-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,5vw,68px); align-items:start; }
.contact-aside { display:grid; gap:22px; }
.contact-card { border-top:1px solid var(--line); padding-top:22px; }
.contact-card:first-child { border-top:2px solid var(--cyan); }
.contact-card h2 { font-size:22px; line-height:1.2; letter-spacing:-.035em; margin:0 0 12px; text-transform:uppercase; }
.contact-card p { font-size:14px; color:var(--muted); line-height:1.8; margin:0 0 12px; overflow-wrap:anywhere; }
.contact-card .contact-email { color:var(--text); }
.contact-form-card { position:relative; border:1px solid var(--line); padding:clamp(23px,3vw,38px); background:linear-gradient(150deg,rgba(0,217,255,.045),rgba(255,22,159,.035)),#0b0b12; }
.contact-form-card::before { content:""; height:3px; position:absolute; top:-1px; left:-1px; right:-1px; background:linear-gradient(90deg,var(--cyan),var(--pink)); }
.contact-form-card h2 { font-size:28px; letter-spacing:-.04em; margin:0 0 9px; }
.contact-form-card>p { color:var(--muted); font-size:13px; line-height:1.7; margin:0 0 25px; }
.newsletter-page-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(28px,5vw,68px); }
@media (max-width:900px) { .newsletter-panel,.contact-grid,.newsletter-page-grid { grid-template-columns:1fr; } .newsletter-copy h2 { max-width:600px; } .engagement-page { padding-top:124px; } .contact-aside { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .bnb-form .field-row,.contact-aside { grid-template-columns:1fr; } .newsletter-panel { padding:25px 20px; } .newsletter-copy h2 { font-size:38px; } .engagement-heading { margin-bottom:32px; } .contact-form-card { padding:23px 19px; } .engagement-page { padding-bottom:60px; } }

/* CXM network newsletter selector: primary brand stays visible; extras stay collapsed until requested. */
.newsletter-current{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.newsletter-current>div{display:grid;gap:3px}.newsletter-current-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.newsletter-current strong{font-size:14px}.newsletter-current small{font-size:12px;color:var(--muted);font-weight:400}.newsletter-current-check{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid var(--cyan);color:#061016;background:var(--cyan);font-weight:900}
.bnb-form .newsletter-network-options{border:1px solid var(--line);background:rgba(255,255,255,.018)}
.bnb-form .newsletter-network-options summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;cursor:pointer;list-style:none}.bnb-form .newsletter-network-options summary::-webkit-details-marker{display:none}
.bnb-form .newsletter-network-options summary>span:first-child{display:grid;gap:3px}.bnb-form .newsletter-network-options summary strong{font-size:13px}.bnb-form .newsletter-network-options summary small{font-size:11px;color:var(--muted);font-weight:400}
.newsletter-network-count{white-space:nowrap;color:var(--cyan);font-size:11px;font-weight:800}.bnb-form .newsletter-network-options summary:after{content:"＋";color:var(--cyan);font-size:18px}.bnb-form .newsletter-network-options[open] summary:after{content:"−"}
.newsletter-network-panel{padding:0 17px 17px;border-top:1px solid var(--line)}.newsletter-choice-heading{padding:15px 0 12px}.newsletter-choice-heading>div{display:grid;gap:3px}.newsletter-choice-heading strong{font-size:13px}.newsletter-choice-heading span{font-size:11px;color:var(--muted)}
.bnb-form .newsletter-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bnb-form .newsletter-choice{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);background:#0b0b13;font-size:12px;font-weight:600;cursor:pointer}.bnb-form .newsletter-choice:hover{border-color:rgba(0,217,255,.35)}
@media(max-width:560px){.bnb-form .newsletter-choice-grid{grid-template-columns:1fr}.bnb-form .newsletter-network-options summary{align-items:flex-start;flex-wrap:wrap}.newsletter-network-count{margin-left:auto}}