/* Rank Math Breadcrumb Styling */
.rank-math-breadcrumb {
  max-width: 1000px;
  margin: 0 auto;
  padding: 12px 20px;
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
}
.rank-math-breadcrumb a {
  color: #5A7090;
  text-decoration: none;
}
.rank-math-breadcrumb a:hover {
  color: #8B5CF6;
}
.rank-math-breadcrumb .separator {
  color: #374B64;
  margin: 0 8px;
}
.rank-math-breadcrumb .last {
  color: #8899AA;
}

/* === CHARACTER COUNTER TOOL — PREFIX: cc- === */

.cc-tool-container {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px;
  font-family: 'DM Sans', sans-serif;
  color: #C8D8E8;
  font-size: 15px;
  line-height: 1.7;
}

.cc-tool-container *, .cc-tool-container *::before, .cc-tool-container *::after {
  box-sizing: border-box;
}

/* Textarea */
.cc-textarea-wrap {
  position: relative;
  margin-bottom: 16px;
}

#cc-textarea {
  width: 100%;
  min-height: 180px;
  background: #111B2E;
  border: 1px solid #8B5CF6;
  border-radius: 14px;
  padding: 18px;
  padding-bottom: 36px;
  color: #FFFFFF;
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  resize: vertical;
  outline: none;
  transition: border-color 0.3s, box-shadow 0.3s;
  box-shadow: 0 0 0 3px rgba(139,92,246,0.15);
}

#cc-textarea::placeholder {
  color: #5A7090;
}

#cc-textarea:focus {
  border-color: #8B5CF6;
  box-shadow: 0 0 0 3px rgba(139,92,246,0.15);
}

#cc-char-limit {
  position: absolute;
  bottom: 12px;
  right: 16px;
  font-size: 12px;
  color: #5A7090;
  pointer-events: none;
  transition: color 0.3s;
}

#cc-char-limit.cc-warn {
  color: #F59E0B;
}

#cc-char-limit.cc-danger {
  color: #EF4444;
}

/* Buttons */
.cc-btn-row {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.cc-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: 10px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: transform 0.2s, background 0.2s, box-shadow 0.2s;
}

.cc-btn:hover {
  transform: translateY(-1px);
}

.cc-btn-primary {
  background: #8B5CF6;
  color: #FFFFFF;
}

.cc-btn-primary:hover {
  background: #7C3AED;
}

.cc-btn-ghost {
  background: transparent;
  color: #8899AA;
  border: 1px solid rgba(55,75,100,0.3);
}

.cc-btn-ghost:hover {
  background: rgba(55,75,100,0.15);
}

.cc-btn svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* Stats Grid */
.cc-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 14px;
}

.cc-extra-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}

.cc-stat-card {
  background: #111B2E;
  border: 1px solid rgba(55,75,100,0.3);
  border-radius: 14px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.cc-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(139,92,246,0.08);
}

.cc-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.cc-icon-purple { background: rgba(139,92,246,0.12); color: #8B5CF6; }
.cc-icon-blue   { background: rgba(59,130,246,0.12);  color: #3B82F6; }
.cc-icon-green  { background: rgba(16,185,129,0.12);  color: #10B981; }
.cc-icon-orange { background: rgba(245,158,11,0.12);  color: #F59E0B; }
.cc-icon-pink   { background: rgba(236,72,153,0.12);  color: #EC4899; }
.cc-icon-cyan   { background: rgba(6,182,212,0.12);   color: #06B6D4; }

.cc-stat-info {
  display: flex;
  flex-direction: column;
}

.cc-stat-value {
  font-size: 28px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
}

.cc-stat-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #5A7090;
  margin-top: 2px;
}

/* Frequency Analysis */
.cc-section {
  background: #111B2E;
  border: 1px solid rgba(55,75,100,0.3);
  border-radius: 14px;
  padding: 20px;
  margin-bottom: 20px;
}

.cc-section-hidden {
  display: none;
}

.cc-section-title {
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0 0 16px 0;
}

#cc-freq-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.cc-freq-item {
  background: rgba(55,75,100,0.15);
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}

.cc-freq-char {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  margin-bottom: 4px;
}

.cc-freq-count {
  font-size: 12px;
  color: #8B5CF6;
  font-weight: 600;
  margin-bottom: 6px;
}

.cc-freq-bar-bg {
  width: 100%;
  height: 4px;
  background: rgba(55,75,100,0.3);
  border-radius: 2px;
  overflow: hidden;
}

.cc-freq-bar-fill {
  height: 100%;
  background: #8B5CF6;
  border-radius: 2px;
  transition: width 0.3s;
}

/* Density */
.cc-density-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.cc-density-row:last-child {
  margin-bottom: 0;
}

.cc-density-label {
  width: 90px;
  font-size: 13px;
  color: #8899AA;
  flex-shrink: 0;
}

.cc-density-bar-bg {
  flex: 1;
  height: 8px;
  background: rgba(55,75,100,0.3);
  border-radius: 4px;
  overflow: hidden;
}

.cc-density-bar-fill {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s;
}

.cc-density-bar-fill.cc-bar-letters    { background: #8B5CF6; }
.cc-density-bar-fill.cc-bar-digits     { background: #3B82F6; }
.cc-density-bar-fill.cc-bar-punctuation { background: #F59E0B; }
.cc-density-bar-fill.cc-bar-spaces     { background: #10B981; }

.cc-density-pct {
  width: 50px;
  text-align: right;
  font-size: 13px;
  font-weight: 600;
  color: #C8D8E8;
  flex-shrink: 0;
}

/* Summary */
.cc-summary-bar {
  background: #111B2E;
  border: 1px solid rgba(55,75,100,0.3);
  border-radius: 14px;
  padding: 16px 20px;
  font-size: 15px;
  color: #C8D8E8;
  text-align: center;
}

.cc-summary-bar strong {
  color: #FFFFFF;
  font-weight: 700;
}

/* Toast */
#cc-toast {
  position: fixed;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  background: #10B981;
  color: #FFFFFF;
  padding: 12px 28px;
  border-radius: 10px;
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  z-index: 99999;
  transition: bottom 0.4s cubic-bezier(0.4,0,0.2,1);
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(16,185,129,0.25);
}

#cc-toast.cc-toast-show {
  bottom: 32px;
}

.cc-processing {
  display: none;
  text-align: center;
  padding: 8px;
  color: #F59E0B;
  font-size: 13px;
  font-family: 'DM Sans', sans-serif;
}

/* Responsive — Tablet */
@media (max-width: 768px) {
  .cc-stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .cc-extra-row {
    grid-template-columns: 1fr;
  }
  #cc-freq-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Responsive — Mobile */
@media (max-width: 480px) {
  .cc-stats-grid {
    grid-template-columns: 1fr;
  }
  .cc-btn-row {
    flex-direction: column;
  }
  .cc-btn {
    width: 100%;
    justify-content: center;
  }
  #cc-freq-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* === REMAINING WIDGETS CSS === */

.cc-hero-section{text-align:center;padding:48px 20px 32px;max-width:800px;margin:0 auto}
.cc-hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(139,92,246,0.1);border:1px solid rgba(139,92,246,0.3);border-radius:20px;padding:6px 16px;font-size:13px;color:#8B5CF6;font-family:'DM Sans',sans-serif;margin-bottom:20px}
.cc-hero-badge svg{width:14px;height:14px;fill:#8B5CF6}
.cc-hero-title{font-family:'Laila',serif;font-size:clamp(28px,4vw,42px);font-weight:700;color:#FFFFFF;margin:0 0 12px;line-height:1.2}
.cc-hero-title span{color:#8B5CF6}
.cc-hero-sub{font-family:'DM Sans',sans-serif;font-size:15px;color:#8899AA;max-width:560px;margin:0 auto;line-height:1.6}


.cc-trust-section{padding:40px 20px;max-width:900px;margin:0 auto}
.cc-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.cc-trust-value{font-family:'DM Sans',sans-serif;font-size:clamp(28px,3.5vw,38px);font-weight:700;color:#FFFFFF;line-height:1}
.cc-trust-value span{color:#8B5CF6}
.cc-trust-label{font-size:13px;color:#5A7090;margin-top:6px;font-family:'DM Sans',sans-serif}
@media(max-width:600px){.cc-trust-grid{grid-template-columns:repeat(2,1fr);gap:20px}}


.cc-hiw-section{padding:60px 20px;max-width:900px;margin:0 auto}
.cc-hiw-header{text-align:center;margin-bottom:48px}
.cc-hiw-label{font-size:13px;color:#8B5CF6;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:8px;font-family:'DM Sans',sans-serif}
.cc-hiw-title{font-family:'DM Sans',sans-serif;font-size:clamp(24px,3.5vw,34px);font-weight:700;color:#FFFFFF;margin:0 0 10px}
.cc-hiw-sub{font-size:15px;color:#8899AA;max-width:560px;margin:0 auto;line-height:1.6;font-family:'DM Sans',sans-serif}
.cc-hiw-card{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:16px;padding:48px 32px;position:relative;overflow:hidden}
.cc-hiw-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8B5CF6,#8B5CF6,#EC4899,#F59E0B)}
.cc-hiw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
.cc-hiw-num{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;margin-bottom:16px;font-family:'DM Sans',sans-serif}
.cc-hiw-num.s1{background:rgba(139,92,246,0.15);color:#8B5CF6}
.cc-hiw-num.s2{background:rgba(139,92,246,0.15);color:#8B5CF6}
.cc-hiw-num.s3{background:rgba(236,72,153,0.15);color:#EC4899}
.cc-hiw-num.s4{background:rgba(16,185,129,0.15);color:#10B981}
.cc-hiw-stepname{font-size:15px;font-weight:700;color:#FFFFFF;margin-bottom:8px;font-family:'DM Sans',sans-serif}
.cc-hiw-stepdesc{font-size:13px;color:#8899AA;line-height:1.5;font-family:'DM Sans',sans-serif}
.cc-hiw-cta{text-align:center;margin-top:36px}
.cc-hiw-cta a{display:inline-flex;align-items:center;gap:8px;background:#8B5CF6;color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;font-family:'DM Sans',sans-serif;transition:all 0.25s}
.cc-hiw-cta a:hover{background:#7C3AED;transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,0.25);color:#fff}
@media(max-width:700px){.cc-hiw-steps{grid-template-columns:repeat(2,1fr);gap:24px}.cc-hiw-card{padding:32px 20px}}
@media(max-width:440px){.cc-hiw-steps{grid-template-columns:1fr;gap:20px}}


.cc-engage-section{max-width:1100px;margin:0 auto;padding:60px 20px}
.cc-engage-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.cc-engage-h2{font-family:'DM Sans',sans-serif;font-size:clamp(22px,3vw,28px);font-weight:700;color:#FFFFFF;margin:0 0 16px;line-height:1.3}
.cc-engage-h3{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;margin:32px 0 14px;display:flex;align-items:center;gap:10px}
.cc-engage-h3 .emoji{font-size:22px}
.cc-engage-p{font-family:'DM Sans',sans-serif;font-size:15px;color:#8899AA;line-height:1.7;margin:0 0 16px}
.cc-engage-p strong{color:#C8D8E8}
.cc-engage-divider{height:1px;background:rgba(55,75,100,0.3);margin:40px 0}
.cc-engage-table-wrap{overflow-x:auto;margin:20px 0 32px;border-radius:14px;border:1px solid rgba(55,75,100,0.3);background:#111B2E}
.cc-engage-table{width:100%;border-collapse:collapse;font-family:'DM Sans',sans-serif;font-size:14px;table-layout:fixed}
.cc-engage-table thead{background:linear-gradient(135deg,rgba(139,92,246,0.15),rgba(139,92,246,0.1))}
.cc-engage-table th{padding:16px 20px;text-align:left;color:#8B5CF6;font-weight:700;border-bottom:2px solid rgba(139,92,246,0.2);font-size:13px;text-transform:uppercase;letter-spacing:0.5px}
.cc-engage-table th:first-child{color:#8899AA}
.cc-engage-table td{padding:14px 20px;color:#C8D8E8;border-bottom:1px solid rgba(55,75,100,0.15)}
.cc-engage-table tr:last-child td{border-bottom:none}
.cc-engage-table tbody tr:nth-child(even){background:rgba(139,92,246,0.03)}
.cc-engage-table tbody tr:nth-child(odd){background:rgba(139,92,246,0.02)}
.cc-engage-table tbody tr{transition:all 0.25s}
.cc-engage-table tbody tr:hover{background:rgba(139,92,246,0.08)}
.cc-engage-table .label-cell{color:#8899AA;font-weight:600;white-space:nowrap}
.cc-engage-table td:nth-child(2),.cc-engage-table td:nth-child(3){color:#8B5CF6;font-weight:500}
.cc-engage-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0 32px}
.cc-engage-benefit{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:22px 20px;transition:transform 0.25s,border-color 0.25s}
.cc-engage-benefit:hover{transform:translateY(-2px);border-color:rgba(139,92,246,0.3)}
.cc-engage-benefit-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:20px}
.cc-engage-benefit-icon.blue-bg{background:rgba(59,130,246,0.12)}
.cc-engage-benefit-icon.green-bg{background:rgba(16,185,129,0.12)}
.cc-engage-benefit-icon.purple-bg{background:rgba(139,92,246,0.12)}
.cc-engage-benefit-icon.orange-bg{background:rgba(245,158,11,0.12)}
.cc-engage-benefit h4{font-size:15px;font-weight:700;color:#FFFFFF;margin:0 0 6px;font-family:'DM Sans',sans-serif}
.cc-engage-benefit p{font-size:13px;color:#8899AA;line-height:1.5;margin:0;font-family:'DM Sans',sans-serif}
.cc-engage-checklist{list-style:none;padding:0;margin:16px 0 32px}
.cc-engage-checklist li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(55,75,100,0.15);font-family:'DM Sans',sans-serif;font-size:14px;color:#C8D8E8;line-height:1.5}
.cc-engage-checklist li:last-child{border-bottom:none}
.cc-engage-check{width:22px;height:22px;border-radius:6px;background:rgba(16,185,129,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.cc-engage-check svg{width:13px;height:13px;stroke:#10B981;fill:none;stroke-width:2.5}
.cc-engage-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0 32px}
.cc-engage-step-item{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:24px 20px;display:flex;gap:16px;align-items:flex-start;transition:transform 0.25s,border-color 0.25s,box-shadow 0.25s}
.cc-engage-step-item:hover{transform:translateY(-2px);border-color:rgba(139,92,246,0.4);box-shadow:0 8px 24px rgba(139,92,246,0.08)}
.cc-engage-step-num{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;font-family:'DM Sans',sans-serif;flex-shrink:0}
.cc-engage-step-num.sn-blue{background:rgba(59,130,246,0.15);color:#3B82F6}
.cc-engage-step-num.sn-purple{background:rgba(139,92,246,0.15);color:#8B5CF6}
.cc-engage-step-num.sn-pink{background:rgba(236,72,153,0.15);color:#EC4899}
.cc-engage-step-num.sn-green{background:rgba(16,185,129,0.15);color:#10B981}
.cc-engage-step-title{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;margin-bottom:4px}
.cc-engage-step-desc{font-family:'DM Sans',sans-serif;font-size:13px;color:#8899AA;line-height:1.5}
.cc-engage-acc-item{border:1px solid rgba(55,75,100,0.3);border-radius:10px;margin-bottom:10px;overflow:hidden}
.cc-engage-acc-btn{width:100%;background:#111B2E;border:none;padding:14px 18px;color:#FFFFFF;font-size:14px;font-weight:600;font-family:'DM Sans',sans-serif;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}
.cc-engage-acc-btn::after{content:'\25B8';color:#8B5CF6;transition:transform 0.3s;font-size:16px}
.cc-engage-acc-item.active .cc-engage-acc-btn::after{transform:rotate(90deg)}
.cc-engage-acc-body{max-height:0;overflow:hidden;transition:max-height 0.35s ease;background:#111B2E;padding:0 18px;color:#8899AA;font-size:14px;line-height:1.7;font-family:'DM Sans',sans-serif}
.cc-engage-acc-item.active .cc-engage-acc-body{max-height:200px;padding:0 18px 16px}
.cc-engage-usecases{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0 0}
.cc-engage-usecase{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:12px;padding:20px 18px;transition:transform 0.25s,border-color 0.25s}
.cc-engage-usecase:hover{transform:translateY(-2px);border-color:rgba(139,92,246,0.3)}
.cc-engage-usecase-emoji{font-size:28px;margin-bottom:10px}
.cc-engage-usecase h4{font-size:14px;font-weight:700;color:#FFFFFF;margin:0 0 6px;font-family:'DM Sans',sans-serif}
.cc-engage-usecase p{font-size:13px;color:#8899AA;line-height:1.5;margin:0;font-family:'DM Sans',sans-serif}
.cc-engage-sidebar{position:sticky;top:100px}
.cc-engage-sidebar-card{background:#111B2E;border:1px solid rgba(55,75,100,0.3);border-radius:14px;padding:24px 20px;margin-bottom:20px}
.cc-engage-sidebar-card h4{font-family:'DM Sans',sans-serif;font-size:15px;font-weight:700;color:#FFFFFF;margin:0 0 14px}
.cc-engage-cta-card{background:linear-gradient(135deg,rgba(139,92,246,0.12),rgba(139,92,246,0.08));border-color:rgba(139,92,246,0.3)}
.cc-engage-cta-card .cc-engage-sidebar-btn{display:block;text-align:center;background:#8B5CF6;color:#fff;padding:12px 20px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;font-family:'DM Sans',sans-serif;transition:all 0.25s;margin-top:12px}
.cc-engage-cta-card .cc-engage-sidebar-btn:hover{background:#7C3AED;transform:translateY(-1px);color:#fff}
.cc-engage-cta-card p{font-size:13px;color:#8899AA;line-height:1.5;margin:0;font-family:'DM Sans',sans-serif}
.cc-engage-info-list{list-style:none;padding:0;margin:0}
.cc-engage-info-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(55,75,100,0.15);font-family:'DM Sans',sans-serif;font-size:13px}
.cc-engage-info-list li:last-child{border-bottom:none}
.cc-engage-info-label{color:#5A7090}
.cc-engage-info-value{color:#C8D8E8;font-weight:600}
.cc-engage-nav{list-style:none;padding:0;margin:0}
.cc-engage-nav a{display:block;padding:8px 12px;color:#8899AA;text-decoration:none;font-family:'DM Sans',sans-serif;font-size:13px;border-left:2px solid transparent;transition:all 0.2s}
.cc-engage-nav a:hover{color:#8B5CF6;border-left-color:#8B5CF6;background:rgba(139,92,246,0.04)}
.cc-engage-related a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(55,75,100,0.15);text-decoration:none;transition:all 0.2s}
.cc-engage-related a:last-child{border-bottom:none}
.cc-engage-related a:hover{padding-left:4px}
.cc-engage-related-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.cc-engage-related-icon.ri-blue{background:rgba(59,130,246,0.12)}
.cc-engage-related-icon.ri-green{background:rgba(16,185,129,0.12)}
.cc-engage-related-icon.ri-purple{background:rgba(139,92,246,0.12)}
.cc-engage-related-icon.ri-orange{background:rgba(245,158,11,0.12)}
.cc-engage-related-name{font-size:13px;color:#C8D8E8;font-family:'DM Sans',sans-serif;font-weight:500}
.cc-engage-related-cat{font-size:11px;color:#5A7090;font-family:'DM Sans',sans-serif}
@media(max-width:860px){.cc-engage-layout{grid-template-columns:1fr;gap:32px}.cc-engage-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cc-engage-sidebar-card{margin-bottom:0}.cc-engage-benefits{grid-template-columns:1fr}.cc-engage-usecases{grid-template-columns:1fr}}
@media(max-width:600px){.cc-engage-steps{grid-template-columns:1fr}}
@media(max-width:500px){.cc-engage-sidebar{grid-template-columns:1fr}}


.cc-faq-section{max-width:800px;margin:0 auto;padding:60px 20px}
.cc-faq-header{text-align:center;margin-bottom:40px}
.cc-faq-label{font-size:13px;color:#8B5CF6;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:8px;font-family:'DM Sans',sans-serif}
.cc-faq-title{font-family:'DM Sans',sans-serif;font-size:clamp(24px,3vw,32px);font-weight:700;color:#FFFFFF;margin:0}
.cc-faq-item{border:1px solid rgba(55,75,100,0.3);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:border-color 0.3s}
.cc-faq-item:hover{border-color:rgba(139,92,246,0.3)}
.cc-faq-q{width:100%;background:#111B2E;border:none;padding:18px 20px;color:#FFFFFF;font-size:15px;font-weight:600;font-family:'DM Sans',sans-serif;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.4;-webkit-user-select:none;user-select:none}
.cc-faq-q::after{content:'+';font-size:22px;color:#8B5CF6;transition:transform 0.3s;flex-shrink:0;font-weight:400}
.cc-faq-item.active .cc-faq-q::after{transform:rotate(45deg)}
.cc-faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s;background:#111B2E;padding:0 20px;color:#8899AA;font-size:14px;line-height:1.7;font-family:'DM Sans',sans-serif}
.cc-faq-item.active .cc-faq-a{max-height:300px;padding:0 20px 20px}


.cc-cta-section{text-align:center;padding:60px 20px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,0.03) 100%)}
.cc-cta-title{font-family:'DM Sans',sans-serif;font-size:clamp(24px,3.5vw,34px);font-weight:700;color:#FFFFFF;margin:0 0 12px}
.cc-cta-sub{font-size:15px;color:#8899AA;max-width:480px;margin:0 auto 28px;line-height:1.6;font-family:'DM Sans',sans-serif}
.cc-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#8B5CF6;color:#fff !important;padding:14px 32px;border-radius:12px;text-decoration:none !important;font-weight:600;font-size:15px;font-family:'DM Sans',sans-serif;transition:all 0.25s;border:none;cursor:pointer}
.cc-cta-btn:hover{background:#7C3AED;transform:translateY(-2px);box-shadow:0 8px 24px rgba(139,92,246,0.25)}