.sym-bloggers-v1 {
  --blg-card:#fff;
  --blg-text:#0d161b;
  --blg-muted:#586873;
  --blg-border:rgba(13,22,27,.10);
  --blg-cyan:#22c7ff;
  --blg-blue:#4f7cff;
  --blg-violet:#8a63ff;
  --blg-pink:#ff5cb6;
  --blg-green:#00d7a0;
  --blg-shadow:0 16px 38px rgba(13,22,27,.08);
  color:var(--blg-text);
}
.sym-bloggers-v1 .sym-bloggers-section {
  max-width:1200px;
  margin:0 auto 20px;
  padding:28px;
  border:1px solid var(--blg-border);
  border-radius:24px;
  background:var(--blg-card);
  box-shadow:var(--blg-shadow);
}
.sym-bloggers-kicker {
  display:inline-block;
  margin-bottom:10px;
  color:var(--blg-cyan);
  font:800 11px/1.1 Tektur,system-ui,sans-serif;
  letter-spacing:0;
}
.sym-bloggers-section h1,
.sym-bloggers-section h2,
.sym-bloggers-section h3,
.sym-bloggers-section strong { letter-spacing:0; }
.sym-bloggers-section h1 { margin:0 0 14px; font:900 clamp(36px,5vw,58px)/.98 Tektur,system-ui,sans-serif; }
.sym-bloggers-section h2 { margin:0; font:900 clamp(27px,3vw,39px)/1.05 Tektur,system-ui,sans-serif; }
.sym-bloggers-section h3 { margin:0 0 10px; font:800 20px/1.12 Tektur,system-ui,sans-serif; }
.sym-bloggers-section p,
.sym-bloggers-section li,
.sym-bloggers-section span,
.sym-bloggers-section small { font-family:Ruda,system-ui,sans-serif; }
.sym-bloggers-section-head { margin-bottom:18px; }

.sym-bloggers-v1 .sym-bloggers-hero {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:22px;
  background:
    radial-gradient(circle at 0 0, rgba(34,199,255,.13), transparent 32%),
    radial-gradient(circle at 100% 0, rgba(255,92,182,.10), transparent 28%),
    linear-gradient(135deg,#fff 0%,#f9fcff 55%,#fbf8ff 100%);
}
.sym-bloggers-hero-tagline { margin:0 0 12px; max-width:760px; font-size:20px; line-height:1.42; font-weight:700; }
.sym-bloggers-lead,.sym-bloggers-sublead { margin:0 0 12px; max-width:760px; color:var(--blg-muted); font-size:16px; line-height:1.6; }
.sym-bloggers-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.sym-bloggers-btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:48px; padding:12px 18px; border-radius:999px; border:1px solid transparent;
  text-decoration:none !important; font:700 14px/1.1 Ruda,system-ui,sans-serif; transition:.18s ease;
}
.sym-bloggers-btn:hover { transform:translateY(-2px); }
.sym-bloggers-btn--primary { color:#fff !important; background:linear-gradient(90deg,var(--blg-cyan),var(--blg-violet) 58%,var(--blg-pink)); box-shadow:0 12px 28px rgba(79,124,255,.22); }
.sym-bloggers-btn--dark { color:#fff !important; background:#11181d; }
.sym-bloggers-btn--mail::before,
.sym-bloggers-btn--direct::before {
  content:""; width:1.1em; height:1.1em; flex:0 0 1.1em; background:currentColor;
  -webkit-mask-size:contain; mask-size:contain; -webkit-mask-position:center; mask-position:center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
.sym-bloggers-btn--mail::before {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 6.75A2.75 2.75 0 0 1 5.75 4h12.5A2.75 2.75 0 0 1 21 6.75v10.5A2.75 2.75 0 0 1 18.25 20H5.75A2.75 2.75 0 0 1 3 17.25V6.75Zm2.2-.55 6.35 5.22a.75.75 0 0 0 .9 0L18.8 6.2a1.25 1.25 0 0 0-.55-.12H5.75c-.2 0-.38.04-.55.12Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3 6.75A2.75 2.75 0 0 1 5.75 4h12.5A2.75 2.75 0 0 1 21 6.75v10.5A2.75 2.75 0 0 1 18.25 20H5.75A2.75 2.75 0 0 1 3 17.25V6.75Zm2.2-.55 6.35 5.22a.75.75 0 0 0 .9 0L18.8 6.2a1.25 1.25 0 0 0-.55-.12H5.75c-.2 0-.38.04-.55.12Z'/%3E%3C/svg%3E");
}
.sym-bloggers-btn--direct::before {
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20.67 3.33a1 1 0 0 0-1.02-.24L4.59 8.11a1 1 0 0 0 .05 1.91l6.13 1.95 1.95 6.13a1 1 0 0 0 1.91.05l5.02-15.06a1 1 0 0 0-.24-1.02ZM11.8 11.49l-4.38-1.4 8.62-2.88-4.24 4.28Zm1.71 5.1-1.4-4.38 4.28-4.24-2.88 8.62Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M20.67 3.33a1 1 0 0 0-1.02-.24L4.59 8.11a1 1 0 0 0 .05 1.91l6.13 1.95 1.95 6.13a1 1 0 0 0 1.91.05l5.02-15.06a1 1 0 0 0-.24-1.02ZM11.8 11.49l-4.38-1.4 8.62-2.88-4.24 4.28Zm1.71 5.1-1.4-4.38 4.28-4.24-2.88 8.62Z'/%3E%3C/svg%3E");
}

.sym-bloggers-hero-loop {
  padding:20px; border-radius:22px; color:#fff; overflow:hidden; position:relative;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(rgba(34,199,255,.06) 1px, transparent 1px),
    linear-gradient(90deg,rgba(34,199,255,.06) 1px, transparent 1px),
    radial-gradient(circle at 50% 42%,rgba(138,99,255,.22),transparent 25%),
    linear-gradient(145deg,#0d151a 0%,#111f2a 100%);
  background-size:32px 32px,32px 32px,auto,auto;
}
.sym-bloggers-loop-label { font:800 11px/1 Tektur,system-ui,sans-serif; color:#8fdefe; }
.sym-bloggers-loop-canvas { position:relative; min-height:360px; margin-top:12px; }
.sym-bloggers-loop-core,
.sym-bloggers-loop-node { position:absolute; z-index:2; border:1px solid rgba(255,255,255,.13); backdrop-filter:blur(5px); }
.sym-bloggers-loop-core {
  left:50%; top:50%; transform:translate(-50%,-50%); width:160px; height:160px; border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
  background:radial-gradient(circle at 35% 28%,rgba(34,199,255,.30),rgba(138,99,255,.20) 50%,rgba(255,92,182,.14));
  box-shadow:0 0 0 18px rgba(79,124,255,.04),0 0 48px rgba(79,124,255,.18);
}
.sym-bloggers-loop-core strong { font:900 23px/1 Tektur,system-ui,sans-serif; }
.sym-bloggers-loop-core span { width:118px; margin-top:8px; color:rgba(255,255,255,.78); font-size:11px; line-height:1.35; }
.sym-bloggers-loop-node { width:130px; padding:13px; border-radius:16px; background:rgba(255,255,255,.045); }
.sym-bloggers-loop-node strong { display:block; font:800 13px/1 Tektur,system-ui,sans-serif; }
.sym-bloggers-loop-node span { display:block; margin-top:6px; color:rgba(255,255,255,.72); font-size:11px; line-height:1.3; }
.node-artist { left:2%; top:8%; border-color:rgba(34,199,255,.34); }
.node-release { right:2%; top:8%; border-color:rgba(138,99,255,.34); }
.node-blogger { left:2%; bottom:8%; border-color:rgba(255,92,182,.34); }
.node-brand { right:2%; bottom:8%; border-color:rgba(0,215,160,.34); }
.sym-bloggers-loop-line { position:absolute; z-index:1; display:block; height:2px; width:30%; background:linear-gradient(90deg,rgba(34,199,255,.45),rgba(138,99,255,.45)); transform-origin:left center; }
.line-a { left:25%; top:29%; transform:rotate(27deg); }
.line-b { left:57%; top:30%; transform:rotate(-27deg); }
.line-c { left:25%; top:69%; transform:rotate(-27deg); }
.line-d { left:57%; top:69%; transform:rotate(27deg); }
.sym-bloggers-loop-note { margin-top:4px; color:rgba(255,255,255,.72); font-size:12px; line-height:1.45; }

.sym-bloggers-v1 .sym-bloggers-needs { background:linear-gradient(135deg,#f7fcff 0%,#fff 52%,#fff8fc 100%); }
.sym-bloggers-needs-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sym-bloggers-need { padding:22px; border-radius:20px; border:1px solid var(--blg-border); background:#fff; position:relative; overflow:hidden; }
.sym-bloggers-need::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; }
.sym-bloggers-need > span { display:inline-block; margin-bottom:10px; font:800 10px/1 Tektur,system-ui,sans-serif; }
.sym-bloggers-need p { margin:0; color:var(--blg-muted); font-size:15px; line-height:1.55; }
.sym-bloggers-need--artist::before{background:var(--blg-cyan)} .sym-bloggers-need--artist>span{color:var(--blg-cyan)}
.sym-bloggers-need--release::before{background:var(--blg-violet)} .sym-bloggers-need--release>span{color:var(--blg-violet)}
.sym-bloggers-need--creator::before{background:var(--blg-pink)} .sym-bloggers-need--creator>span{color:var(--blg-pink)}
.sym-bloggers-need--sound::before{background:var(--blg-green)} .sym-bloggers-need--sound>span{color:var(--blg-green)}

.sym-bloggers-collab-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; grid-auto-flow:dense; }
.sym-bloggers-collab { padding:18px; border-radius:18px; border:1px solid var(--blg-border); background:#fff; }
.sym-bloggers-collab--wide { grid-column:span 2; background:linear-gradient(135deg,#f4fbff,#fff); }
.sym-bloggers-index { display:inline-flex; align-items:center; justify-content:center; min-width:40px; padding:7px 10px; margin-bottom:12px; border-radius:999px; background:rgba(79,124,255,.09); color:var(--blg-blue); font:800 12px/1 Tektur,system-ui,sans-serif; }
.sym-bloggers-collab p { margin:0; color:var(--blg-muted); font-size:14px; line-height:1.55; }

.sym-bloggers-v1 .sym-bloggers-creators { display:grid; grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:22px; align-items:center; background:linear-gradient(135deg,#121920,#182432); color:#fff; }
.sym-bloggers-creators .sym-bloggers-kicker { color:#83dbff; }
.sym-bloggers-creators h2 { color:#fff; }
.sym-bloggers-creators-copy p { color:rgba(255,255,255,.78); font-size:16px; line-height:1.6; }
.sym-bloggers-creator-radar { position:relative; min-height:420px; border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at 50% 50%,rgba(79,124,255,.16),transparent 35%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:auto,32px 32px,32px 32px; }
.sym-bloggers-radar-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:110px; height:110px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; background:linear-gradient(135deg,var(--blg-cyan),var(--blg-violet)); color:#fff; font:900 17px/1.12 Tektur,system-ui,sans-serif; box-shadow:0 0 0 18px rgba(79,124,255,.05),0 0 40px rgba(79,124,255,.24); }
.sym-bloggers-radar-item { position:absolute; width:165px; padding:12px 14px; border-radius:16px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.055); }
.sym-bloggers-radar-item strong { display:block; font:800 14px/1.1 Tektur,system-ui,sans-serif; }
.sym-bloggers-radar-item span { display:block; margin-top:6px; color:rgba(255,255,255,.70); font-size:11px; line-height:1.35; }
.radar-1{left:5%;top:8%}.radar-2{right:5%;top:8%}.radar-3{left:2%;top:43%}.radar-4{right:2%;top:43%}.radar-5{left:9%;bottom:7%}.radar-6{right:9%;bottom:7%}

.sym-bloggers-exchange-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.sym-bloggers-exchange-column { padding:22px; border-radius:20px; border:1px solid var(--blg-border); }
.sym-bloggers-exchange-column:first-child { background:linear-gradient(135deg,rgba(34,199,255,.08),rgba(138,99,255,.05)); }
.sym-bloggers-exchange-column:last-child { background:linear-gradient(135deg,rgba(0,215,160,.07),rgba(255,255,255,1)); }
.sym-bloggers-exchange-column ul { list-style:none; margin:14px 0 0; padding:0; display:grid; gap:10px; }
.sym-bloggers-exchange-column li { position:relative; padding-left:20px; color:var(--blg-muted); font-size:14px; line-height:1.5; }
.sym-bloggers-exchange-column li::before { content:"+"; position:absolute; left:0; top:0; color:var(--blg-blue); font-weight:900; }

.sym-bloggers-v1 .sym-bloggers-original-sound { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:22px; align-items:center; background:linear-gradient(135deg,#f8f7ff,#fff 55%,#f6fcff); }
.sym-bloggers-sound-copy p { color:var(--blg-muted); font-size:16px; line-height:1.6; }
.sym-bloggers-text-link { color:var(--blg-blue) !important; text-decoration:none !important; font:700 14px/1.2 Ruda,system-ui,sans-serif; }
.sym-bloggers-waveform { min-height:260px; padding:24px; border-radius:22px; background:#111920; display:flex; align-items:center; justify-content:center; gap:8px; position:relative; overflow:hidden; }
.sym-bloggers-waveform span { width:13px; height:var(--h); min-height:30px; border-radius:999px; background:linear-gradient(180deg,var(--blg-cyan),var(--blg-violet),var(--blg-pink)); opacity:.9; }
.sym-bloggers-waveform strong { position:absolute; left:24px; bottom:18px; color:#fff; font:800 12px/1 Tektur,system-ui,sans-serif; }

.sym-bloggers-model-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.sym-bloggers-model { padding:20px; border:1px solid var(--blg-border); border-radius:20px; background:#fff; }
.sym-bloggers-model>span { display:inline-block; margin-bottom:10px; color:var(--blg-violet); font:800 10px/1 Tektur,system-ui,sans-serif; }
.sym-bloggers-model p { margin:0; color:var(--blg-muted); font-size:14px; line-height:1.55; }

.sym-bloggers-v1 .sym-bloggers-live { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:18px; align-items:center; background:linear-gradient(135deg,#12191f,#142530); color:#fff; }
.sym-bloggers-live .sym-bloggers-kicker { color:#7fe0ff; }
.sym-bloggers-live h2 { color:#fff; }
.sym-bloggers-live p { color:rgba(255,255,255,.78); font-size:16px; line-height:1.6; }
.sym-bloggers-live-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sym-bloggers-mini-card { display:flex; min-height:150px; flex-direction:column; justify-content:flex-end; padding:18px; border-radius:18px; border:1px solid rgba(255,255,255,.12); text-decoration:none !important; color:#fff !important; background:linear-gradient(145deg,rgba(34,199,255,.10),rgba(138,99,255,.08)); transition:.18s ease; }
.sym-bloggers-mini-card:hover { transform:translateY(-3px); border-color:rgba(34,199,255,.34); }
.sym-bloggers-mini-card strong { font:900 18px/1 Tektur,system-ui,sans-serif; }
.sym-bloggers-mini-card span { margin-top:7px; color:rgba(255,255,255,.72); font-size:12px; }

.sym-bloggers-process-track { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.sym-bloggers-step { padding:18px; border:1px solid var(--blg-border); border-radius:18px; background:#fff; }
.sym-bloggers-step p { margin:0; color:var(--blg-muted); font-size:14px; line-height:1.55; }

.sym-bloggers-v1 .sym-bloggers-open { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); gap:18px; align-items:center; background:linear-gradient(135deg,#f6fcff,#fbf8ff); }
.sym-bloggers-open-copy p { color:var(--blg-muted); font-size:16px; line-height:1.6; }
.sym-bloggers-open-tags { display:flex; flex-wrap:wrap; gap:10px; }
.sym-bloggers-open-tags span { padding:10px 14px; border-radius:999px; border:1px solid rgba(79,124,255,.15); background:#fff; white-space:nowrap; font-size:13px; font-weight:700; }

.sym-bloggers-faq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.sym-bloggers-faq-item { padding:18px; border:1px solid var(--blg-border); border-radius:18px; background:#fff; }
.sym-bloggers-faq-item h3 { font-family:Ruda,system-ui,sans-serif; font-size:19px; line-height:1.35; font-weight:800; }
.sym-bloggers-faq-item p { margin:0; color:var(--blg-muted); font-size:14px; line-height:1.55; }

.sym-bloggers-v1 .sym-bloggers-final { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); gap:18px; align-items:center; background:linear-gradient(100deg,rgba(34,199,255,.10),rgba(138,99,255,.08),rgba(255,92,182,.07)); }
.sym-bloggers-final-copy p { color:var(--blg-muted); font-size:16px; line-height:1.6; }
.sym-bloggers-actions--final { margin-top:0; justify-content:flex-start; align-content:center; }

html[data-theme="dark"] .sym-bloggers-v1 { --blg-card:#12191f; --blg-text:#f6f8f9; --blg-muted:#b7c4cc; --blg-border:rgba(255,255,255,.08); --blg-shadow:none; }
html[data-theme="dark"] .sym-bloggers-v1 .sym-bloggers-section { background:var(--blg-card); }
html[data-theme="dark"] .sym-bloggers-v1 .sym-bloggers-hero { background:radial-gradient(circle at 0 0,rgba(34,199,255,.12),transparent 32%),radial-gradient(circle at 100% 0,rgba(255,92,182,.08),transparent 28%),linear-gradient(135deg,#12191f,#111920 58%,#171621); }
html[data-theme="dark"] .sym-bloggers-v1 .sym-bloggers-needs,
html[data-theme="dark"] .sym-bloggers-v1 .sym-bloggers-original-sound,
html[data-theme="dark"] .sym-bloggers-v1 .sym-bloggers-open,
html[data-theme="dark"] .sym-bloggers-v1 .sym-bloggers-final { background:#131b21; }
html[data-theme="dark"] .sym-bloggers-need,
html[data-theme="dark"] .sym-bloggers-collab,
html[data-theme="dark"] .sym-bloggers-model,
html[data-theme="dark"] .sym-bloggers-step,
html[data-theme="dark"] .sym-bloggers-faq-item,
html[data-theme="dark"] .sym-bloggers-open-tags span { background:rgba(255,255,255,.025); }
html[data-theme="dark"] .sym-bloggers-collab--wide { background:linear-gradient(135deg,rgba(34,199,255,.06),rgba(255,255,255,.02)); }
html[data-theme="dark"] .sym-bloggers-exchange-column:first-child { background:linear-gradient(135deg,rgba(34,199,255,.08),rgba(138,99,255,.04)); }
html[data-theme="dark"] .sym-bloggers-exchange-column:last-child { background:linear-gradient(135deg,rgba(0,215,160,.06),rgba(255,255,255,.02)); }

@media (max-width:1100px) {
  .sym-bloggers-collab-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sym-bloggers-model-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:920px) {
  .sym-bloggers-v1 .sym-bloggers-hero,
  .sym-bloggers-v1 .sym-bloggers-creators,
  .sym-bloggers-v1 .sym-bloggers-original-sound,
  .sym-bloggers-v1 .sym-bloggers-live,
  .sym-bloggers-v1 .sym-bloggers-open,
  .sym-bloggers-v1 .sym-bloggers-final { grid-template-columns:1fr; }
  .sym-bloggers-process-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .sym-bloggers-v1 .sym-bloggers-section { padding:22px 16px; border-radius:20px; }
  .sym-bloggers-needs-grid,
  .sym-bloggers-collab-grid,
  .sym-bloggers-exchange-grid,
  .sym-bloggers-model-grid,
  .sym-bloggers-process-track,
  .sym-bloggers-faq-list,
  .sym-bloggers-live-actions { grid-template-columns:1fr; }
  .sym-bloggers-collab--wide { grid-column:auto; }
  .sym-bloggers-loop-canvas { min-height:410px; }
  .sym-bloggers-loop-node { width:118px; padding:11px; }
  .sym-bloggers-loop-core { width:132px; height:132px; }
  .sym-bloggers-creator-radar { min-height:500px; }
  .sym-bloggers-radar-item { width:140px; }
  .radar-1{left:3%;top:5%}.radar-2{right:3%;top:5%}.radar-3{left:2%;top:35%}.radar-4{right:2%;top:35%}.radar-5{left:5%;bottom:6%}.radar-6{right:5%;bottom:6%}
  .sym-bloggers-waveform { min-height:220px; gap:5px; }
  .sym-bloggers-waveform span { width:10px; }
}