/* Support page rebuilt comprehensive styles */
body[data-page='support'] { --accent:#db2777; --accent-hover:#be1865; }

body[data-page='support'] { display:flex; flex-direction:column; min-height:100vh; }
body[data-page='support'] #main { flex:1 0 auto; }
body[data-page='support'] .site-footer.tight { margin-top:auto; padding:var(--space-12) 0 var(--space-8); }

.support-hero { padding:var(--space-20) 0 var(--space-12); position:relative; background:linear-gradient(130deg, rgba(219 39 119 / .18), rgba(219 39 119 / 0)); overflow:hidden; }
[data-theme='dark'] .support-hero { background:linear-gradient(130deg, rgba(219 39 119 / .30), rgba(219 39 119 / .05)); }
.support-hero h1 { margin:0 0 var(--space-6); font-size:clamp(2.3rem,5.4vw,3.2rem); letter-spacing:-2px; }
.hero-min { min-height:auto; }

.plan-scroll { display:grid; gap:var(--space-8); grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:var(--space-10); }
.plan-card h3 { margin:0 0 8px; font-size:1.05rem; letter-spacing:-.5px; }
.plan-card ul { list-style:none; padding:0; margin:0; display:grid; gap:6px; font-size:.8rem; }
.plan-card.featured { border:2px solid var(--accent); }

.pillar-list { list-style:none; margin:var(--space-12) 0 0; padding:0; gap:var(--space-8); }
.pillar-list .card p { font-size:.8rem; }

.spectrum-grid .card h3 { font-size:1rem; margin:0 0 6px; letter-spacing:-.5px; }
.spectrum-grid .card ul { list-style:none; margin:0; padding:0; display:grid; gap:4px; font-size:.7rem; }

details { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:14px 18px; box-shadow:var(--shadow); margin:0 0 var(--space-4); }
details:last-of-type { margin-bottom:0; }
details summary { cursor:pointer; font-weight:600; letter-spacing:.5px; }
details[open] { border-color:var(--accent); }

.cta { background:linear-gradient(150deg, rgba(219 39 119 / .12), rgba(219 39 119 / 0)); text-align:center; }
.cta .button { margin-top:var(--space-6); }
.micro-note { font-size:.7rem; color:var(--text-light); margin-top:var(--space-6); }
.faq details { font-size:.85rem; }
.final-cta { padding-top:var(--space-16); }

/* Consistent vertical rhythm adjustments */
.section.slim { padding:var(--space-12) 0; }
.section.case-studies, .section.security, .section.models, .section.integrations, .section.resources, .section.testimonials { padding-top:var(--space-20); padding-bottom:var(--space-20); }
.case-studies .section-title, .security .section-title, .models .section-title, .integrations .section-title, .resources .section-title, .testimonials .section-title { margin-bottom:var(--space-8); }

/* Why Choose Us */
.why-grid { display:grid; gap:var(--space-8); grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:var(--space-10); }
.why-grid .card h3 { margin:0 0 6px; font-size:1rem; }
.why-grid .card p { font-size:.8rem; }

/* Process Timeline */
.timeline { list-style:none; margin:var(--space-10) 0 0; padding:0; position:relative; display:grid; gap:var(--space-6); }
.timeline-item { padding:var(--space-6) var(--space-6) var(--space-6) calc(var(--space-8) + 8px); border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); box-shadow:var(--shadow-sm); position:relative; }
.timeline-item:before { content:""; position:absolute; left:18px; top:0; bottom:0; width:2px; background:linear-gradient(var(--accent),transparent); }
.timeline-item:after { content:""; position:absolute; left:11px; top:18px; width:14px; height:14px; background:var(--accent); border-radius:50%; box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent); }
.timeline-item h3 { margin:0 0 4px; font-size:.95rem; }
.timeline-item p { margin:0; font-size:.75rem; line-height:1.4; }

/* Stack */
.stack-grid { display:grid; gap:var(--space-4); grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); margin-top:var(--space-8); }
.stack-grid .badge { background:var(--surface); border:1px solid var(--border); font-size:.65rem; padding:10px 8px; text-align:center; border-radius:var(--radius-sm); box-shadow:var(--shadow-sm); font-weight:600; letter-spacing:.5px; }
.stack-grid .badge:hover { border-color:var(--accent); color:var(--accent); }

/* Metrics */
.metrics-cards { display:grid; gap:var(--space-8); grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); margin-top:var(--space-10); }
.metric .metric-value { font-size:1.9rem; font-weight:700; letter-spacing:-1px; margin:0 0 6px; background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 55%,var(--text))); -webkit-background-clip:text; background-clip:text; color:transparent; }
.metric p { font-size:.7rem; margin:0; }

/* Expanded footer */
.site-footer.expanded { background:linear-gradient(140deg,rgba(219 39 119 / .07),rgba(219 39 119 / 0)); padding:var(--space-16) 0; margin-top:var(--space-20); }
.footer-grid { display:grid; gap:var(--space-12); grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); align-items:start; }
.footer-block h3 { font-size:.75rem; letter-spacing:.5px; text-transform:uppercase; margin:0 0 var(--space-4); color:var(--text-light); }
.footer-block ul { list-style:none; margin:0; padding:0; display:grid; gap:6px; font-size:.7rem; }
.footer-block a { color:inherit; }
.footer-block a:hover { color:var(--accent); }
.footer-block .tagline { font-size:.65rem; margin:var(--space-4) 0 0; opacity:.8; }
.footer-bottom { display:flex; justify-content:space-between; gap:var(--space-6); font-size:.65rem; padding-top:var(--space-8); margin-top:var(--space-12); border-top:1px solid var(--border); }
.footer-bottom .legal a { color:inherit; }
.footer-bottom .legal a:hover { color:var(--accent); }

/* Small icon variant for inline headings */
.icon.sm { width:28px; height:28px; margin:0 8px 0 0; background:rgba(219 39 119 / .12); border-radius:8px; display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; }
[data-theme='dark'] .icon.sm { background:rgba(219 39 119 / .22); }
.icon.sm svg { width:16px; height:16px; }
.plan-card h3, .spectrum-section h3 { display:flex; align-items:center; gap:6px; }

/* Support Sub Navigation */
.support-subnav { position:sticky; top:72px; z-index:40; background:linear-gradient(90deg,rgba(255 255 255 / .85),rgba(255 255 255 / .78)); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); box-shadow:0 2px 4px -2px rgba(0 0 0 / .08); }
[data-theme='dark'] .support-subnav { background:linear-gradient(90deg,rgba(15 13 23 / .88),rgba(15 13 23 / .82)); border-bottom:1px solid rgba(219 39 119 / .25); }
.support-subnav .container { padding-top:0; padding-bottom:0; }
.support-subnav ul { list-style:none; margin:0; padding:0; display:flex; gap:var(--space-4); overflow:auto; scrollbar-width:none; -ms-overflow-style:none; }
.support-subnav ul::-webkit-scrollbar { display:none; }
.support-subnav a { display:inline-block; padding:10px 14px; font-size:.7rem; font-weight:600; letter-spacing:.5px; text-decoration:none; color:var(--text-light); border-radius:30px; line-height:1; white-space:nowrap; }
.support-subnav a:hover { background:var(--accent-soft); color:var(--accent); }
.support-subnav a:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.support-subnav a[aria-current='true'], .support-subnav a.is-active { background:var(--accent); color:#fff; box-shadow:0 2px 6px -2px rgba(0 0 0 / .25); }
@media (max-width:900px){
  .support-subnav { top:66px; }
  .support-subnav a { padding:8px 12px; }
}
@media (max-width:600px){
  .support-subnav { top:60px; }
  .support-subnav a { font-size:.62rem; }
}

/* Navigation tweaks for added items */
.primary-nav ul { flex-wrap:wrap; }

@media (max-width:800px){
  .timeline-item { padding-left:var(--space-6); }
  .timeline-item:before { left:10px; }
  .timeline-item:after { left:3px; }
  .footer-grid { gap:var(--space-8); }
  .metrics-cards { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
}

@media (max-width:700px){
  .support-hero { padding:var(--space-16) 0 var(--space-12); }
  .plan-scroll { grid-template-columns:1fr 1fr; }
  .pillar-list { gap:var(--space-6); }
  .spectrum-grid { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
}
/* Eliminate any extra margin/padding pushing footer upward */

/* Case Studies */
.case-studies .cs-grid { margin-top:var(--space-10); }
.case-studies .cs { position:relative; }
.case-studies .cs-metric { font-size:.75rem; margin:.25rem 0 .75rem; font-weight:600; letter-spacing:.5px; color:var(--accent); }

/* Security */
.security-layout { align-items:start; }
.security .checklist { list-style:none; margin:var(--space-6) 0 0; padding:0; display:grid; gap:6px; font-size:.75rem; }
.security .checklist li { padding-left:18px; position:relative; }
.security .checklist li:before { content:""; position:absolute; left:0; top:.45em; width:10px; height:10px; border-radius:3px; background:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%, transparent); }
.security-panels { display:grid; gap:var(--space-6); grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); }
.security-panels .panel { background:var(--surface); border:1px solid var(--border); padding:14px 16px; border-radius:var(--radius-sm); box-shadow:var(--shadow-sm); }
.security-panels .panel h3 { margin:0 0 8px; font-size:.8rem; letter-spacing:.5px; text-transform:uppercase; color:var(--text-light); }
.security-panels .panel ul { list-style:none; padding:0; margin:0; display:grid; gap:4px; font-size:.65rem; }

/* Engagement Models */
.models-grid { display:grid; gap:var(--space-8); grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:var(--space-10); }
.models-grid .model h3 { margin:0 0 6px; font-size:1rem; }
.models-grid .model ul { list-style:none; margin:0; padding:0; display:grid; gap:5px; font-size:.7rem; }

/* Integrations */
.integrations-grid { display:grid; gap:var(--space-4); grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); margin-top:var(--space-10); }
.integrations-grid .int { background:var(--surface); border:1px solid var(--border); padding:10px 8px; text-align:center; font-size:.65rem; font-weight:600; letter-spacing:.5px; border-radius:var(--radius-sm); box-shadow:var(--shadow-sm); }
.integrations-grid .int:hover { border-color:var(--accent); color:var(--accent); }

/* Resources */
.resource-list { list-style:none; margin:var(--space-8) 0 0; padding:0; display:grid; gap:10px; }
.resource-list li { background:var(--surface); border:1px solid var(--border); padding:14px 16px; border-radius:var(--radius-sm); box-shadow:var(--shadow-sm); font-size:.7rem; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.resource-list strong { font-size:.8rem; }
.resource-list .tag { background:var(--accent); color:#fff; font-size:.55rem; padding:4px 8px; border-radius:20px; letter-spacing:.5px; }

/* Testimonials */
.testimonials-grid { display:grid; gap:var(--space-8); grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); margin-top:var(--space-10); }
.testimonial blockquote { margin:0 0 .75rem; font-size:.75rem; line-height:1.5; font-style:italic; position:relative; }
.testimonial blockquote:before { content:"“"; position:absolute; left:-10px; top:-8px; font-size:2.5rem; color:var(--accent-soft); line-height:1; }
.testimonial figcaption { font-size:.6rem; text-transform:uppercase; letter-spacing:.5px; color:var(--text-light); }

@media (max-width:800px){
  .security-panels { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); }
  .integrations-grid { grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); }
}

@media (max-width:600px){
  .models-grid { grid-template-columns:1fr; }
  .testimonials-grid { grid-template-columns:1fr; }
}