.sym-clubs-v1 {
  --club-text:#10181d;
  --club-muted:#738087;
  --club-border:rgba(16,24,29,.10);
  --club-card:rgba(255,255,255,.72);
  --club-orange:#ff9e45;
  --club-red:#ff5f70;
  --club-cyan:#39d9ff;
  --club-purple:#9b6cff;
  --club-green:#00dca6;
  width:min(1200px,calc(100vw - 32px));
  margin:0 auto;
  display:grid;
  gap:20px;
  color:var(--club-text);
}
.sym-clubs-v1 * { box-sizing:border-box; }
.sym-clubs-v1 :is(h1,h2,h3,p,ul) { margin:0; }
.sym-clubs-v1 :is(h1,h2,h3,.sym-clubs-kicker,.sym-clubs-section-head>span,.sym-clubs-card>span,.sym-clubs-btn,.sym-clubs-nightboard-top,.sym-clubs-nightboard-steps strong,.sym-clubs-two-cols>article>span,.sym-clubs-workflow span,.sym-clubs-final>div>span) { letter-spacing:0!important; }
.sym-clubs-v1 h1,.sym-clubs-v1 h2,.sym-clubs-v1 h3 { font-family:Tektur,system-ui,sans-serif; font-weight:800; color:var(--club-text); }
.sym-clubs-v1 p,.sym-clubs-v1 li,.sym-clubs-v1 small { font-family:Ruda,Arial,sans-serif; }
.sym-clubs-v1 p { color:var(--club-muted); line-height:1.52; }

.sym-clubs-section {
  padding:30px;
  border:1px solid var(--club-border);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 0,rgba(255,158,69,.08),transparent 27%),
    radial-gradient(circle at 100% 0,rgba(57,217,255,.06),transparent 26%),
    #fff;
}
.sym-clubs-section--soft { background:linear-gradient(135deg,#fff9f5,#f7fbff); }
.sym-clubs-section--dark { background:linear-gradient(135deg,#11191d,#151d23); border-color:rgba(255,255,255,.08); }
.sym-clubs-highlight { background:linear-gradient(135deg,#fff7ef,#fff,#f5fbff); }
.sym-clubs-media { background:linear-gradient(135deg,#fff,#fff5f8 55%,#f4fbff); }
.sym-clubs-important { background:linear-gradient(135deg,#fff,#fff9f4); }

.sym-clubs-kicker,.sym-clubs-section-head>span,.sym-clubs-final>div>span {
  display:block;
  margin-bottom:10px;
  color:var(--club-orange);
  font-family:Tektur,system-ui,sans-serif;
  font-size:11px;
  font-weight:800;
}

.sym-clubs-hero { display:grid; grid-template-columns:minmax(0,1fr) 410px; gap:34px; align-items:center; }
.sym-clubs-hero h1 { font-size:clamp(44px,5vw,70px); line-height:.98; }
.sym-clubs-tagline { max-width:800px; margin-top:16px!important; color:var(--club-text)!important; font-family:Tektur,system-ui,sans-serif!important; font-size:clamp(18px,1.7vw,24px)!important; font-weight:800; line-height:1.22!important; }
.sym-clubs-lead { max-width:820px; margin-top:20px!important; color:var(--club-text)!important; font-size:15px!important; }
.sym-clubs-sublead { max-width:820px; margin-top:12px!important; }
.sym-clubs-actions,.sym-clubs-inline-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:22px; }

.sym-clubs-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,background .18s ease;
}
.sym-clubs-btn:hover { transform:translateY(-2px); }
.sym-clubs-btn--primary { color:#15100a!important; background:linear-gradient(90deg,var(--club-orange),#ffc167); border-color:rgba(255,158,69,.38); box-shadow:0 10px 24px rgba(255,158,69,.18); }
.sym-clubs-btn--dark { color:#fff!important; background:#11191d; border-color:#11191d; }
.sym-clubs-btn--ghost { color:var(--club-text)!important; background:rgba(255,255,255,.72); border-color:var(--club-border); }
.sym-clubs-btn--mail::before { content:"✉"; font-family:Arial,sans-serif; font-size:1.1em; line-height:1; }
.sym-clubs-btn--direct::before { content:"➤"; font-family:Arial,sans-serif; font-size:1.05em; transform:rotate(-18deg); }

/* Unique hero visual: club night routing board */
.sym-clubs-nightboard {
  position:relative;
  min-height:440px;
  padding:22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(rgba(57,217,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,217,255,.035) 1px,transparent 1px),
    radial-gradient(circle at 100% 0,rgba(255,95,112,.18),transparent 28%),
    radial-gradient(circle at 0 100%,rgba(155,108,255,.14),transparent 32%),
    #10181d;
  background-size:24px 24px,24px 24px,auto,auto,auto;
}
.sym-clubs-nightboard-top { position:relative; z-index:2; display:flex; justify-content:space-between; gap:12px; color:rgba(255,255,255,.62); font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; }
.sym-clubs-nightboard-top b { color:#fff; font-weight:800; }
.sym-clubs-nightboard-line { position:absolute; z-index:1; left:50%; top:82px; bottom:125px; width:2px; transform:translateX(-50%); background:linear-gradient(var(--club-orange),var(--club-red),var(--club-cyan),var(--club-purple)); opacity:.65; }
.sym-clubs-nightboard-steps { position:relative; z-index:2; display:grid; gap:12px; margin-top:28px; }
.sym-clubs-nightboard-steps article { position:relative; width:86%; min-height:62px; padding:11px 14px 11px 52px; border:1px solid rgba(255,255,255,.10); border-radius:13px; background:rgba(255,255,255,.04); }
.sym-clubs-nightboard-steps article:nth-child(even) { margin-left:auto; }
.sym-clubs-nightboard-steps article>span { position:absolute; left:13px; top:14px; width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; border:1px solid currentColor; }
.sym-clubs-nightboard-steps strong { display:block; font-family:Tektur,system-ui,sans-serif; font-size:13px; }
.sym-clubs-nightboard-steps small { display:block; margin-top:3px; color:rgba(255,255,255,.56); font-size:10.5px; }
.sym-clubs-nightboard-steps .is-orange { color:var(--club-orange); }
.sym-clubs-nightboard-steps .is-pink { color:var(--club-red); }
.sym-clubs-nightboard-steps .is-cyan { color:var(--club-cyan); }
.sym-clubs-nightboard-steps .is-purple { color:var(--club-purple); }
.sym-clubs-nightboard-result { position:relative; z-index:2; margin-top:22px; padding:14px 15px; border:1px solid rgba(255,158,69,.20); border-radius:13px; background:rgba(255,158,69,.055); }
.sym-clubs-nightboard-result strong { display:block; margin-bottom:6px; color:#fff; font-family:Tektur,system-ui,sans-serif; font-size:13px; }
.sym-clubs-nightboard-result p { color:rgba(255,255,255,.58); font-size:11.5px; }

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

.sym-clubs-grid { display:grid; gap:12px; }
.sym-clubs-grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sym-clubs-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.sym-clubs-card { min-height:170px; padding:17px; border:1px solid var(--club-border); border-radius:14px; background:rgba(255,255,255,.72); }
.sym-clubs-card>span { display:block; margin-bottom:12px; color:var(--club-orange); font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; }
.sym-clubs-card h3 { margin-bottom:8px; font-size:18px; line-height:1.08; }
.sym-clubs-card p { font-size:12.4px; }
.sym-clubs-card--service:nth-child(2n)>span { color:var(--club-red); }
.sym-clubs-card--service:nth-child(3n)>span { color:#2caed2; }
.sym-clubs-card--model { min-height:195px; }

.sym-clubs-two-cols { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.sym-clubs-two-cols>article { padding:18px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(255,255,255,.035); }
.sym-clubs-two-cols>article>span { display:block; margin-bottom:12px; color:var(--club-orange); font-family:Ruda,Arial,sans-serif; font-size:10px; font-weight:800; }
.sym-clubs-two-cols ul { padding-left:18px; }
.sym-clubs-two-cols li { margin:8px 0; color:rgba(255,255,255,.68); font-size:12.2px; line-height:1.45; }
.sym-clubs-two-cols li::marker { color:var(--club-orange); }

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

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

.sym-clubs-final { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:30px; align-items:center; background:radial-gradient(circle at 0 100%,rgba(255,158,69,.14),transparent 34%),radial-gradient(circle at 90% 0,rgba(57,217,255,.10),transparent 30%),#fff; }
.sym-clubs-final h2 { font-size:clamp(30px,3vw,44px); line-height:1; }
.sym-clubs-final p { max-width:780px; margin-top:12px; }
.sym-clubs-final-actions { display:grid; gap:8px; }
.sym-clubs-final-actions .sym-clubs-btn { width:100%; }

html[data-theme="dark"] .sym-clubs-v1 { --club-text:#f5f7f7; --club-muted:rgba(255,255,255,.62); --club-border:rgba(255,255,255,.10); }
html[data-theme="dark"] .sym-clubs-section:not(.sym-clubs-section--dark) { background:radial-gradient(circle at 0 0,rgba(255,158,69,.07),transparent 25%),#151c20; }
html[data-theme="dark"] :is(.sym-clubs-card,.sym-clubs-faq-list details) { background:rgba(255,255,255,.035); }
html[data-theme="dark"] .sym-clubs-btn--ghost { color:#fff!important; background:rgba(255,255,255,.04); }
html[data-theme="dark"] .sym-clubs-highlight,html[data-theme="dark"] .sym-clubs-media,html[data-theme="dark"] .sym-clubs-important { background:#151c20; }

@media (max-width:1180px) {
  .sym-clubs-v1 { width:min(92vw,960px); }
  .sym-clubs-hero { grid-template-columns:1fr; }
  .sym-clubs-nightboard { min-height:420px; }
  .sym-clubs-grid--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .sym-clubs-section-head,.sym-clubs-section-head--wide,.sym-clubs-final { grid-template-columns:1fr; }
  .sym-clubs-grid--3,.sym-clubs-two-cols,.sym-clubs-workflow { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
  .sym-clubs-v1 { width:calc(100vw - 24px); gap:10px; }
  .sym-clubs-section { padding:18px; border-radius:14px; }
  .sym-clubs-hero h1 { font-size:38px; }
  .sym-clubs-tagline { font-size:18px!important; }
  .sym-clubs-actions,.sym-clubs-inline-actions { display:grid; grid-template-columns:1fr; }
  .sym-clubs-actions .sym-clubs-btn,.sym-clubs-inline-actions .sym-clubs-btn { width:100%; }
  .sym-clubs-grid--3,.sym-clubs-grid--4,.sym-clubs-two-cols,.sym-clubs-workflow { grid-template-columns:1fr; }
  .sym-clubs-section-head { gap:10px; }
  .sym-clubs-section-head h2 { font-size:28px; }
  .sym-clubs-nightboard { min-height:auto; padding:18px 14px; }
  .sym-clubs-nightboard-line { display:none; }
  .sym-clubs-nightboard-steps article { width:100%; margin-left:0!important; }
}