/* Homepage section headers: two columns across the full container width (2026-10-09) */
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 64px;align-items:end}
.section-head .section-heading{margin-bottom:0}
.section-head .section-desc{max-width:none;margin:0;padding-bottom:2px}
@media (max-width:768px){.section-head{grid-template-columns:1fr;gap:12px}.section-head .section-desc{padding-bottom:0}}

/* Dark brand sections, matching the hero band (2026-10-09) */
.section-dark{--sd-text:#f1f5f9;--sd-text-2:#cbd5e1;--sd-text-3:#94a3b8;--sd-accent:#22d3ee;--sd-border:rgba(148,163,184,.2);
  --success:#34d399;--danger:#f87171;--warning:#fbbf24;
  position:relative;isolation:isolate;overflow:hidden;color:var(--sd-text);
  background:linear-gradient(180deg,#0f172a 0%,#0b1220 100%)!important;
  border-top:1px solid rgba(34,211,238,.14)!important;border-bottom:1px solid rgba(34,211,238,.14)!important}
.section-dark::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(148,163,184,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.07) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse 75% 65% at 25% 30%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 75% 65% at 25% 30%,#000 25%,transparent 100%)}
.section-dark::after{content:'';position:absolute;z-index:0;pointer-events:none;top:-15%;right:-10%;width:50%;height:70%;background:radial-gradient(closest-side,rgba(6,182,212,.12),transparent)}
.section-dark .container{position:relative;z-index:1}
.section-dark .section-label{color:var(--sd-accent)}
.section-dark .section-heading{color:var(--sd-text)}
.section-dark .section-desc{color:var(--sd-text-2)}
.section-dark .section-divider{background:var(--sd-accent);opacity:.8}
/* Engagement cards */
.section-dark .service-card,.section-dark .service-card-featured{background:rgba(255,255,255,.035);border-color:rgba(34,211,238,.35);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.section-dark .service-card-featured:hover{box-shadow:0 12px 40px rgba(6,182,212,.15)}
.section-dark .service-card h3{color:var(--sd-text)}
.section-dark .service-card p,.section-dark .flagship-desc{color:var(--sd-text-2)}
.section-dark .flagship-badge{background:#06b6d4;color:#0b1220}
.section-dark .flagship-stat{color:var(--sd-accent)}
.section-dark .flagship-grid{color:var(--sd-text-3)}
.section-dark .flagship-grid strong{color:var(--sd-text)}
.section-dark .service-cta{color:var(--sd-accent)}
.section-dark .btn-ghost{color:var(--sd-text);border-color:rgba(148,163,184,.35)}
.section-dark .btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(34,211,238,.45);color:var(--sd-text)}
/* Contact */
.section-dark .contact-info h3{color:var(--sd-text)}
.section-dark .contact-info>p{color:var(--sd-text-2)}
.section-dark .contact-detail-icon{background:rgba(6,182,212,.1);border-color:rgba(34,211,238,.3);color:var(--sd-accent)}
.section-dark .contact-detail-label{color:var(--sd-text-3)}
.section-dark .contact-detail-value,.section-dark .contact-detail-value a{color:var(--sd-text)}
.section-dark .contact-detail-value a:hover{color:var(--sd-accent)}
.section-dark .contact-form-wrap{background:rgba(255,255,255,.04);border-color:var(--sd-border)}
.section-dark .contact-form-wrap h3{color:var(--sd-text)}
.section-dark .form-group label{color:var(--sd-text-2)}
.section-dark .form-group input,.section-dark .form-group select,.section-dark .form-group textarea{background:rgba(2,6,23,.55);border-color:rgba(148,163,184,.28);color:var(--sd-text)}
.section-dark .form-group input::placeholder,.section-dark .form-group textarea::placeholder{color:#64748b}
.section-dark .form-group input:focus,.section-dark .form-group select:focus,.section-dark .form-group textarea:focus{border-color:var(--sd-accent);box-shadow:0 0 0 2px rgba(34,211,238,.15)}
.section-dark .form-group select option{background:#0f172a;color:var(--sd-text)}
.section-dark .form-submit{background:#06b6d4;color:#0b1220}
.section-dark .form-submit:hover{background:#22d3ee}
/* Separate the two adjacent light sections */
#about{background:var(--bg-card);border-top:1px solid var(--border)}

/* Whole homepage on the dark brand background (2026-10-09).
   Dark sections redefine the shared color tokens so every card, tag and inline style
   below them switches to light-on-dark automatically. */
.section-dark{
  --accent:#22d3ee;--accent-bright:#67e8f9;--accent-hover:#67e8f9;--accent-dim:rgba(34,211,238,.1);--accent-glow:rgba(34,211,238,.15);
  --border-accent:rgba(34,211,238,.3);--border:rgba(148,163,184,.16);--border-light:rgba(148,163,184,.3);
  --text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;
  --bg-card:rgba(30,41,59,.62);--bg-card-hover:rgba(30,41,59,.8);--bg-secondary:rgba(15,23,42,.7);--bg-primary:#0b1220;
  --sd-panel:rgba(30,41,59,.62);--sd-panel-border:rgba(148,163,184,.18)}
/* Consecutive dark sections: a hairline instead of a heavy cyan rule */
.section-dark+.section-dark{border-top-color:rgba(148,163,184,.1)!important}
/* Raised panels */
.section-dark .service-card,.section-dark .service-card-featured,.section-dark .compare-card,.section-dark .founder-card,
.section-dark .insight-card,.section-dark .step-card,.section-dark .contact-form-wrap,.hero-dark .hero-strip-card{
  background:var(--sd-panel,rgba(30,41,59,.62));border-color:var(--sd-panel-border,rgba(148,163,184,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.section-dark .service-card-featured{border-color:rgba(34,211,238,.4)}
.section-dark .compare-card.them{border-color:rgba(248,113,113,.28)}
.section-dark .compare-card.us{border-color:rgba(34,211,238,.32)}
.section-dark .insight-card:hover,.section-dark .service-card-featured:hover{border-color:rgba(34,211,238,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 40px rgba(6,182,212,.14)}
/* Comparison icons are inline SVG strokes; lift them for dark */
.section-dark .compare-card.them .compare-icon{stroke:#f87171}
.section-dark .compare-card.us .compare-icon{stroke:#34d399}
.section-dark .compare-card h3{border-bottom-color:rgba(148,163,184,.18)}
/* Founder */
.section-dark .founder-avatar{color:var(--accent);background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.35)}
.section-dark .founder-linkedin{color:var(--text-secondary)}
.section-dark .founder-linkedin:hover{color:var(--accent)}
.section-dark .founder-card::before{background:radial-gradient(circle,rgba(34,211,238,.1) 0,transparent 70%)}
/* Process */
.section-dark .step-num{background:rgba(34,211,238,.1);color:var(--accent)}
/* Footer on the homepage */
footer{background:#0b1220;border-top:1px solid rgba(148,163,184,.12);--text-tertiary:#94a3b8;--text-secondary:#cbd5e1}
footer .footer-links a:hover{color:#22d3ee}
#about{border-top:none}
/* Light/dark rhythm (2026-10-09): hero D, engagements L, comparison D, founder L, blog D, process L, contact L */
#process{background:var(--bg-card);border-top:1px solid var(--border)}
#contact{background:var(--bg-secondary);border-top:1px solid var(--border)}
/* Contrast fixes for light sections */
.flagship-badge{background:#06b6d4;color:#0b1220}
.form-submit{background:#06b6d4;color:#0b1220}
.form-submit:hover{background:#22d3ee;color:#0b1220}
.contact-detail-label{color:var(--text-secondary)}