.sym-brands-v1 {
  --brand-text:#10181d;
  --brand-muted:#68757c;
  --brand-border:rgba(16,24,29,.10);
  --brand-blue:#4d76ff;
  --brand-cyan:#39d9ff;
  --brand-pink:#ff5fa8;
  --brand-purple:#9b6cff;
  --brand-gold:#ffbd5a;
  width:min(1200px,calc(100vw - 32px));
  margin:0 auto;
  display:grid;
  gap:20px;
  color:var(--brand-text);
}
.sym-brands-v1 * { box-sizing:border-box; }
.sym-brands-v1 :is(h1,h2,h3,p) { margin:0; }
.sym-brands-v1 p { color:var(--brand-muted); font-family:Ruda,Arial,sans-serif; line-height:1.56; }
.sym-brands-v1 :is(h1,h2,h3,.sym-brands-kicker,.sym-brands-section-head>span,.sym-brands-btn,.sym-brands-mixer,.sym-brands-format-card>span,.sym-brands-backlink) { letter-spacing:0!important; }
.sym-brands-section {
  padding:30px;
  border:1px solid var(--brand-border);
  border-radius:18px;
  overflow:hidden;
  background:radial-gradient(circle at 100% 0,rgba(77,118,255,.06),transparent 28%),#fff;
  box-shadow:0 12px 35px rgba(18,42,55,.05);
}
.sym-brands-section--dark { color:#fff; background:radial-gradient(circle at 90% 0,rgba(77,118,255,.18),transparent 30%),radial-gradient(circle at 0 100%,rgba(255,95,168,.10),transparent 30%),#10171c; border-color:rgba(255,255,255,.09); }
.sym-brands-kicker,.sym-brands-section-head>span,.sym-brands-final>div>span { display:block; margin-bottom:10px; color:var(--brand-blue); font-family:Ruda,Arial,sans-serif; font-size:10.5px; font-weight:800; text-transform:uppercase; }

.sym-brands-hero { min-height:510px; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); gap:32px; align-items:stretch; background:radial-gradient(circle at 0 0,rgba(77,118,255,.12),transparent 30%),radial-gradient(circle at 84% 10%,rgba(255,95,168,.10),transparent 28%),#fff; }
.sym-brands-hero-copy { display:flex; flex-direction:column; justify-content:center; }
.sym-brands-hero h1 { max-width:780px; font-size:clamp(42px,4.3vw,64px); line-height:.98; font-weight:850; }
.sym-brands-tagline { max-width:820px; margin-top:16px!important; color:var(--brand-text)!important; font-family:Tektur,system-ui,sans-serif!important; font-size:clamp(18px,1.7vw,24px)!important; line-height:1.22!important; font-weight:800; }
.sym-brands-lead { max-width:820px; margin-top:20px!important; color:var(--brand-text)!important; font-size:15px!important; }
.sym-brands-sublead { max-width:820px; margin-top:12px!important; }
.sym-brands-actions,.sym-brands-inline-links { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }
.sym-brands-btn { min-height:44px; padding:0 17px; border:1px solid transparent; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-family:Ruda,Arial,sans-serif; font-size:12px; font-weight:800; text-decoration:none!important; transition:transform .18s ease,box-shadow .18s ease; }
.sym-brands-btn:hover { transform:translateY(-2px); }
.sym-brands-btn--primary { color:#fff!important; background:linear-gradient(90deg,var(--brand-blue),var(--brand-purple),var(--brand-pink)); box-shadow:0 10px 24px rgba(77,118,255,.20); }
.sym-brands-btn--dark { color:#fff!important; background:#10171c; border-color:#10171c; }
.sym-brands-btn--mail::before { content:"✉"; font-family:Arial,sans-serif; font-size:1.1em; line-height:1; }
.sym-brands-btn--direct::before { content:"➤"; font-family:Arial,sans-serif; font-size:1.05em; transform:rotate(-18deg); }

/* unique hero: campaign mixer */
.sym-brands-mixer { position:relative; min-height:450px; padding:22px; border:1px solid rgba(255,255,255,.10); border-radius:18px; overflow:hidden; color:#fff; background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at 100% 0,rgba(255,95,168,.20),transparent 28%),radial-gradient(circle at 0 100%,rgba(57,217,255,.15),transparent 30%),#10171c; background-size:24px 24px,24px 24px,auto,auto,auto; }
.sym-brands-mixer-top { display:flex; justify-content:space-between; gap:12px; color:rgba(255,255,255,.56); font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; }
.sym-brands-mixer-top strong { color:#fff; }
.sym-brands-mixer-board { height:290px; margin-top:28px; padding:18px 12px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; border:1px solid rgba(255,255,255,.08); border-radius:15px; background:rgba(255,255,255,.025); }
.sym-brands-channel { position:relative; display:grid; grid-template-rows:auto 1fr auto; justify-items:center; gap:10px; min-width:0; }
.sym-brands-channel>span { writing-mode:vertical-rl; transform:rotate(180deg); font-family:Ruda,Arial,sans-serif; font-size:9px; font-weight:800; color:rgba(255,255,255,.62); }
.sym-brands-channel>i { position:relative; width:10px; height:100%; border-radius:999px; background:rgba(255,255,255,.07); overflow:hidden; }
.sym-brands-channel>i::after { content:""; position:absolute; left:0; right:0; bottom:0; height:var(--level); background:currentColor; border-radius:999px; box-shadow:0 0 18px currentColor; }
.sym-brands-channel>b { font-family:Ruda,Arial,sans-serif; font-size:9px; color:currentColor; }
.sym-brands-channel.is-blue { color:var(--brand-blue); }
.sym-brands-channel.is-pink { color:var(--brand-pink); }
.sym-brands-channel.is-gold { color:var(--brand-gold); }
.sym-brands-channel.is-cyan { color:var(--brand-cyan); }
.sym-brands-channel.is-purple { color:var(--brand-purple); }
.sym-brands-mixer-output { margin-top:18px; padding:14px; border:1px solid rgba(77,118,255,.22); border-radius:13px; background:rgba(77,118,255,.06); }
.sym-brands-mixer-output span { display:block; margin-bottom:5px; color:var(--brand-cyan); font-family:Ruda,Arial,sans-serif; font-size:9px; font-weight:800; }
.sym-brands-mixer-output strong { font-family:Tektur,system-ui,sans-serif; font-size:12px; line-height:1.2; }

.sym-brands-section-head { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.7fr); gap:10px 30px; align-items:start; margin-bottom:22px; }
.sym-brands-section-head>span { grid-column:1/-1; margin-bottom:-2px; }
.sym-brands-section-head h2 { font-size:clamp(30px,3vw,44px); line-height:1; font-weight:850; }
.sym-brands-section-head--wide { grid-template-columns:minmax(0,1fr) minmax(360px,.8fr); }
.sym-brands-section-head--dark :is(h2,p) { color:#fff; }
.sym-brands-section-head--dark p { color:rgba(255,255,255,.62); }

/* horizontal objective track */
.sym-brands-objective-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--brand-border); border-radius:15px; overflow:hidden; }
.sym-brands-objective-track article { min-height:180px; padding:18px; background:rgba(255,255,255,.70); border-right:1px solid var(--brand-border); }
.sym-brands-objective-track article:last-child { border-right:0; }
.sym-brands-objective-track span { display:block; margin-bottom:28px; color:var(--brand-blue); font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; }
.sym-brands-objective-track h3 { margin-bottom:8px; font-size:18px; line-height:1.08; }
.sym-brands-objective-track p { font-size:12.3px; }

/* campaign matrix */
.sym-brands-matrix-section { background:linear-gradient(135deg,#fbfcff,#fff7fb); }
.sym-brands-matrix { display:grid; gap:8px; }
.sym-brands-matrix article { min-height:76px; padding:13px 14px; border:1px solid var(--brand-border); border-radius:13px; display:grid; grid-template-columns:minmax(200px,.75fr) minmax(0,1.7fr); gap:16px; align-items:center; background:rgba(255,255,255,.76); }
.sym-brands-matrix-name span { display:block; margin-bottom:4px; color:var(--brand-purple); font-family:Ruda,Arial,sans-serif; font-size:9.5px; font-weight:800; }
.sym-brands-matrix-name strong { font-family:Tektur,system-ui,sans-serif; font-size:14px; }
.sym-brands-matrix-tags { display:flex; flex-wrap:wrap; gap:7px; }
.sym-brands-matrix-tags i { padding:7px 10px; border:1px solid rgba(77,118,255,.14); border-radius:999px; color:var(--brand-text); background:rgba(77,118,255,.035); font-family:Ruda,Arial,sans-serif; font-size:10.5px; font-style:normal; white-space:nowrap; }

/* varied masonry-like format grid */
.sym-brands-format-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-flow:dense; gap:12px; }
.sym-brands-format-card { min-height:175px; padding:18px; border:1px solid var(--brand-border); border-radius:15px; background:#fff; }
.sym-brands-format-card:nth-child(1),.sym-brands-format-card:nth-child(8) { grid-column:span 2; }
.sym-brands-format-card>span { display:block; margin-bottom:14px; font-family:Ruda,Arial,sans-serif; font-size:9.5px; font-weight:800; }
.sym-brands-format-card h3 { margin-bottom:9px; font-size:18px; }
.sym-brands-format-card p { font-size:12.3px; }
.sym-brands-format-card--1>span { color:var(--brand-blue); }
.sym-brands-format-card--2>span { color:var(--brand-pink); }
.sym-brands-format-card--3>span { color:#d68b1c; }
.sym-brands-format-card--4>span { color:var(--brand-purple); }
.sym-brands-inline-links a { padding:8px 11px; border:1px solid var(--brand-border); border-radius:999px; color:var(--brand-text); background:rgba(255,255,255,.72); font-family:Ruda,Arial,sans-serif; font-size:10.5px; font-weight:800; text-decoration:none!important; }

/* lifecycle */
.sym-brands-phase-line { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; position:relative; }
.sym-brands-phase-line::before { content:""; position:absolute; left:12%; right:12%; top:37px; height:2px; background:linear-gradient(90deg,var(--brand-blue),var(--brand-pink),var(--brand-gold)); opacity:.55; }
.sym-brands-phase-line article { position:relative; z-index:1; min-height:210px; padding:16px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(255,255,255,.035); }
.sym-brands-phase-line article>div { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:35px; }
.sym-brands-phase-line article>div span { color:rgba(255,255,255,.66); font-family:Ruda,Arial,sans-serif; font-size:9.5px; font-weight:800; }
.sym-brands-phase-line article>div b { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; border:1px solid currentColor; background:#10171c; font-family:Ruda,Arial,sans-serif; font-size:10px; color:var(--brand-cyan); }
.sym-brands-phase-line article:nth-child(2)>div b { color:var(--brand-pink); }
.sym-brands-phase-line article:nth-child(3)>div b { color:var(--brand-gold); }
.sym-brands-phase-line h3 { margin-bottom:8px; color:#fff; font-size:18px; }
.sym-brands-phase-line p { color:rgba(255,255,255,.58); font-size:12.2px; }

/* collaboration model rail */
.sym-brands-model-rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.sym-brands-model-rail article { position:relative; min-height:210px; padding:18px; border:1px solid var(--brand-border); border-radius:15px; background:#fff; overflow:hidden; }
.sym-brands-model-rail em { position:absolute; right:12px; top:7px; color:rgba(77,118,255,.08); font-family:Tektur,system-ui,sans-serif; font-size:58px; font-style:normal; font-weight:900; line-height:1; }
.sym-brands-model-rail span { position:relative; display:block; margin-bottom:34px; color:var(--brand-purple); font-family:Ruda,Arial,sans-serif; font-size:9.5px; font-weight:800; }
.sym-brands-model-rail h3 { position:relative; margin-bottom:9px; font-size:18px; }
.sym-brands-model-rail p { position:relative; font-size:12.2px; }

/* Agency Desk: different internal split */
.sym-brands-agency { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:24px; align-items:start; background:radial-gradient(circle at 0 0,rgba(155,108,255,.11),transparent 30%),#fff; }
.sym-brands-agency-title>span { display:block; margin-bottom:10px; color:var(--brand-purple); font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; }
.sym-brands-agency-title h2 { font-size:clamp(28px,2.7vw,40px); line-height:1.03; }
.sym-brands-agency-title p { margin-top:14px; }
.sym-brands-agency-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.sym-brands-agency-list>div { min-height:98px; padding:13px; border:1px solid var(--brand-border); border-radius:12px; background:rgba(255,255,255,.72); display:flex; gap:10px; align-items:flex-start; }
.sym-brands-agency-list i { color:var(--brand-pink); font-family:Ruda,Arial,sans-serif; font-size:14px; font-style:normal; }
.sym-brands-agency-list span { color:var(--brand-text); font-family:Ruda,Arial,sans-serif; font-size:11.5px; line-height:1.45; }

.sym-brands-workflow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.sym-brands-workflow article { min-height:160px; padding:16px; border:1px solid rgba(255,255,255,.09); border-radius:13px; background:rgba(255,255,255,.035); }
.sym-brands-workflow span { display:block; margin-bottom:12px; color:var(--brand-cyan); font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; }
.sym-brands-workflow h3 { margin-bottom:7px; color:#fff; font-size:16px; }
.sym-brands-workflow p { color:rgba(255,255,255,.58); font-size:12px; }

.sym-brands-faq-list { display:grid; gap:7px; }
.sym-brands-faq-list details { border:1px solid var(--brand-border); border-radius:11px; background:rgba(255,255,255,.62); }
.sym-brands-faq-list summary { position:relative; min-height:54px; padding:16px 46px 16px 16px; cursor:pointer; list-style:none; color:var(--brand-text); font-family:Ruda,Arial,sans-serif; font-size:13px; font-weight:700; }
.sym-brands-faq-list summary::-webkit-details-marker { display:none; }
.sym-brands-faq-list summary::after { content:"+"; position:absolute; right:16px; top:50%; transform:translateY(-50%); color:var(--brand-blue); font-size:20px; }
.sym-brands-faq-list details[open] summary::after { content:"–"; }
.sym-brands-faq-list details p { padding:0 16px 16px; font-size:12.5px; }

.sym-brands-final { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:30px; align-items:center; background:radial-gradient(circle at 0 100%,rgba(57,217,255,.13),transparent 34%),radial-gradient(circle at 90% 0,rgba(255,95,168,.11),transparent 30%),#fff; }
.sym-brands-final h2 { font-size:clamp(30px,3vw,44px); line-height:1; }
.sym-brands-final p { max-width:780px; margin-top:12px; }
.sym-brands-final-actions { display:grid; gap:8px; }
.sym-brands-final-actions .sym-brands-btn { width:100%; }
.sym-brands-backlink { display:block; margin-top:4px; color:var(--brand-muted); font-family:Ruda,Arial,sans-serif; font-size:10.5px; font-weight:800; text-align:center; text-decoration:none!important; }

html[data-theme="dark"] .sym-brands-v1 { --brand-text:#f5f7f7; --brand-muted:rgba(255,255,255,.62); --brand-border:rgba(255,255,255,.10); }
html[data-theme="dark"] .sym-brands-section:not(.sym-brands-section--dark) { background:radial-gradient(circle at 100% 0,rgba(77,118,255,.08),transparent 28%),#151c20; }
html[data-theme="dark"] :is(.sym-brands-objective-track article,.sym-brands-matrix article,.sym-brands-format-card,.sym-brands-model-rail article,.sym-brands-agency-list>div,.sym-brands-faq-list details) { background:rgba(255,255,255,.035); }
html[data-theme="dark"] .sym-brands-matrix-section,html[data-theme="dark"] .sym-brands-agency { background:#151c20; }
html[data-theme="dark"] .sym-brands-inline-links a { color:#fff; background:rgba(255,255,255,.04); }
html[data-theme="dark"] .sym-brands-final { background:radial-gradient(circle at 0 100%,rgba(57,217,255,.10),transparent 34%),radial-gradient(circle at 90% 0,rgba(255,95,168,.10),transparent 30%),#151c20; }

@media (max-width:1180px) {
  .sym-brands-v1 { width:min(92vw,960px); }
  .sym-brands-hero { grid-template-columns:1fr; }
  .sym-brands-mixer { min-height:420px; }
  .sym-brands-objective-track,.sym-brands-model-rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sym-brands-format-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sym-brands-format-card:nth-child(1),.sym-brands-format-card:nth-child(8) { grid-column:span 1; }
}
@media (max-width:820px) {
  .sym-brands-section-head,.sym-brands-section-head--wide,.sym-brands-final,.sym-brands-agency { grid-template-columns:1fr; }
  .sym-brands-phase-line,.sym-brands-workflow { grid-template-columns:1fr; }
  .sym-brands-phase-line::before { display:none; }
  .sym-brands-agency-list { grid-template-columns:1fr; }
  .sym-brands-matrix article { grid-template-columns:1fr; }
}
@media (max-width:640px) {
  .sym-brands-v1 { width:calc(100vw - 24px); gap:10px; }
  .sym-brands-section { padding:18px; border-radius:14px; }
  .sym-brands-hero h1 { font-size:38px; }
  .sym-brands-tagline { font-size:18px!important; }
  .sym-brands-actions { display:grid; grid-template-columns:1fr; }
  .sym-brands-actions .sym-brands-btn { width:100%; }
  .sym-brands-objective-track,.sym-brands-model-rail,.sym-brands-format-grid { grid-template-columns:1fr; }
  .sym-brands-objective-track article { border-right:0; border-bottom:1px solid var(--brand-border); }
  .sym-brands-objective-track article:last-child { border-bottom:0; }
  .sym-brands-section-head { gap:10px; }
  .sym-brands-section-head h2 { font-size:28px; }
  .sym-brands-mixer { min-height:auto; padding:18px 14px; }
  .sym-brands-mixer-board { height:250px; gap:7px; padding:14px 8px; }
}