.elementor-2114 .elementor-element.elementor-element-199e87eb{--display:flex;--min-height:55vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--margin-top:-79px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2114 .elementor-element.elementor-element-199e87eb:not(.elementor-motion-effects-element-type-background), .elementor-2114 .elementor-element.elementor-element-199e87eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.chandlercomerford.com/wp-content/uploads/2025/10/keynote-speaker-chandler-comerford.webp");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-2114 .elementor-element.elementor-element-199e87eb::before, .elementor-2114 .elementor-element.elementor-element-199e87eb > .elementor-background-video-container::before, .elementor-2114 .elementor-element.elementor-element-199e87eb > .e-con-inner > .elementor-background-video-container::before, .elementor-2114 .elementor-element.elementor-element-199e87eb > .elementor-background-slideshow::before, .elementor-2114 .elementor-element.elementor-element-199e87eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-2114 .elementor-element.elementor-element-199e87eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-2114 .elementor-element.elementor-element-199e87eb.e-con{--align-self:center;}.elementor-2114 .elementor-element.elementor-element-4d675bb{--display:flex;--min-height:134px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2114 .elementor-element.elementor-element-762ee302{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -47px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2114 .elementor-element.elementor-element-762ee302 .elementor-heading-title{font-size:19px;text-transform:none;letter-spacing:0.3px;color:var( --e-global-color-9947692 );}.elementor-2114 .elementor-element.elementor-element-28f94c1f{width:var( --container-widget-width, 92% );max-width:92%;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:92%;--container-widget-flex-grow:0;text-align:center;}.elementor-2114 .elementor-element.elementor-element-28f94c1f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2114 .elementor-element.elementor-element-28f94c1f .elementor-heading-title{font-size:55px;color:var( --e-global-color-e777cd9 );}.elementor-2114 .elementor-element.elementor-element-5b86922d{width:var( --container-widget-width, 85% );max-width:85%;margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-secondary );}.elementor-2114 .elementor-element.elementor-element-5b86922d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2114 .elementor-element.elementor-element-5b86922d a{color:var( --e-global-color-e777cd9 );}.elementor-2114 .elementor-element.elementor-element-0c1d8d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2114 .elementor-element.elementor-element-5e8a77e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2114 .elementor-element.elementor-element-6b29ba2{width:100%;max-width:100%;}.elementor-2114 .elementor-element.elementor-element-44e4f92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2114 .elementor-element.elementor-element-1c348b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2114 .elementor-element.elementor-element-4d41d9a{text-align:center;}.elementor-2114 .elementor-element.elementor-element-4d41d9a .elementor-heading-title{font-size:13px;text-transform:uppercase;color:var( --e-global-color-d59e8a8 );}.elementor-2114 .elementor-element.elementor-element-afbe963{margin:1px 0px calc(var(--kit-widget-spacing, 0px) + -39px) 0px;text-align:center;}.elementor-2114 .elementor-element.elementor-element-bdb949b{width:var( --container-widget-width, 100% );max-width:100%;margin:72px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2114 .elementor-element.elementor-element-bdb949b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2114 .elementor-element.elementor-element-bdb949b .elementor-swiper-button{font-size:20px;}.elementor-2114 .elementor-element.elementor-element-bdb949b .elementor-testimonial__text{font-size:16px;font-style:normal;}.elementor-2114 .elementor-element.elementor-element-bdb949b .elementor-testimonial__name{color:var( --e-global-color-740114e );}.elementor-2114 .elementor-element.elementor-element-bdb949b .elementor-testimonial__image img{border-radius:50%;}.elementor-2114 .elementor-element.elementor-element-1971dee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2114 .elementor-element.elementor-element-1bf37b8{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2114 .elementor-element.elementor-element-1bf37b8:not(.elementor-motion-effects-element-type-background), .elementor-2114 .elementor-element.elementor-element-1bf37b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-2114 .elementor-element.elementor-element-1bf37b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2114 .elementor-element.elementor-element-1382f62{text-align:center;}.elementor-2114 .elementor-element.elementor-element-1382f62 .elementor-heading-title{font-size:13px;text-transform:uppercase;color:var( --e-global-color-d59e8a8 );}.elementor-2114 .elementor-element.elementor-element-5b5ef4a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-2114 .elementor-element.elementor-element-5b5ef4a .elementor-heading-title{color:var( --e-global-color-e777cd9 );}.elementor-2114 .elementor-element.elementor-element-76cce87{width:var( --container-widget-width, 92% );max-width:92%;--container-widget-width:92%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-e777cd9 );}.elementor-2114 .elementor-element.elementor-element-76cce87.elementor-element{--align-self:center;}.elementor-2114 .elementor-element.elementor-element-a968270{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-2114 .elementor-element.elementor-element-91e6249 .elementor-button{background-color:var( --e-global-color-740114e );font-weight:700;fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );border-radius:20px 20px 20px 20px;}.elementor-2114 .elementor-element.elementor-element-c1920ff .elementor-button{background-color:var( --e-global-color-e777cd9 );font-weight:700;fill:var( --e-global-color-740114e );color:var( --e-global-color-740114e );border-radius:20px 20px 20px 20px;}.elementor-2114 .elementor-element.elementor-element-0546dde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-38px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2114 .elementor-element.elementor-element-8ba3a54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2114 .elementor-element.elementor-element-8ba3a54:not(.elementor-motion-effects-element-type-background), .elementor-2114 .elementor-element.elementor-element-8ba3a54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-2114 .elementor-element.elementor-element-1f28594{text-align:center;}.elementor-2114 .elementor-element.elementor-element-1f28594 .elementor-heading-title{font-size:13px;text-transform:uppercase;color:var( --e-global-color-d59e8a8 );}.elementor-2114 .elementor-element.elementor-element-7cb25a8{text-align:center;}.elementor-2114 .elementor-element.elementor-element-00d3d4c{text-align:center;}.elementor-2114 .elementor-element.elementor-element-1d3caf3{width:var( --container-widget-width, 57% );max-width:57%;background-color:var( --e-global-color-e777cd9 );margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 50px 50px 50px;--container-widget-width:57%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E5E7EB;border-radius:18px 18px 18px 18px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2114 .elementor-element.elementor-element-1d3caf3.elementor-element{--align-self:center;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:10px;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-10px;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-field-type-html{padding-bottom:0px;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#D1D5DB;border-width:1px 1px 1px 1px;border-radius:18px 18px 18px 18px;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#D1D5DB;border-width:1px 1px 1px 1px;border-radius:18px 18px 18px 18px;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-field-group .elementor-select-wrapper::before{color:#D1D5DB;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-740114e );color:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-button[type="submit"]{background-color:var( --e-global-color-740114e );color:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2114 .elementor-element.elementor-element-1d3caf3 .elementor-button{border-radius:18px 18px 18px 18px;}@media(min-width:768px){.elementor-2114 .elementor-element.elementor-element-4d675bb{--content-width:1600px;}.elementor-2114 .elementor-element.elementor-element-1bf37b8{--width:100%;}.elementor-2114 .elementor-element.elementor-element-0546dde{--content-width:1600px;}}@media(max-width:1024px){.elementor-2114 .elementor-element.elementor-element-199e87eb{--min-height:45vh;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2114 .elementor-element.elementor-element-4d675bb{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:80px;}}@media(max-width:767px){.elementor-2114 .elementor-element.elementor-element-199e87eb{--margin-top:-49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2114 .elementor-element.elementor-element-4d675bb{--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2114 .elementor-element.elementor-element-28f94c1f .elementor-heading-title{font-size:50px;line-height:1.1em;}.elementor-2114 .elementor-element.elementor-element-1c348b0{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2114 .elementor-element.elementor-element-1971dee{--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-2114 .elementor-element.elementor-element-1bf37b8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2114 .elementor-element.elementor-element-76cce87{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2114 .elementor-element.elementor-element-8ba3a54{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-5b86922d *//* Force white text just for elementor-element-5b86922d */
.elementor-element-5b86922d,
.elementor-element-5b86922d .elementor-widget-container,
.elementor-element-5b86922d .elementor-text-editor,
.elementor-element-5b86922d p,
.elementor-element-5b86922d a {
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b29ba2 *//* Blue accent bar (rule) – center + force width */
#keynote-problem-solution .rule{
  width: 480px !important;      /* increase width */
  max-width: 100%;               /* keeps it responsive */
  margin: 0 auto 16px !important; /* center it */
}

/* Center the checkmark list in the full-width (bottom) card */
#keynote-problem-solution .kps-bottom .good-list{
  justify-items: center;
  text-align: center;          /* center the text too */
}
#keynote-problem-solution .kps-bottom .good-list li{
  justify-content: center;     /* center icon + text as a unit */
}
#keynote-problem-solution .kps-bottom .good-list li svg{
  margin-top: 0;               /* aligns icon vertically with centered text */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72f1154 *//* ===== CHANDLER COMERFORD: GLOBAL STYLES (cc-* Design System) ===== */

:root {
  /* Colors */
  --cc-bg: #ffffff;
  --cc-text: #0f1215;
  --cc-text-muted: #6b7280;
  --cc-muted: #6b7280;
  --cc-accent: #111827;
  --cc-brand: #0a68ff;
  --cc-border: #e5e7eb;
  --cc-card: #f8fafc;
  --cc-success: #10b981;
  --cc-warning: #f59e0b;
  --cc-error: #ef4444;
  
  /* Layout */
  --cc-max: 1120px;
  --cc-radius: 18px;
  --cc-radius-sm: 8px;
  
  /* Spacing */
  --space-1: 8px; --space-2: 12px; --space-3: 16px; --space-4: 20px;
  --space-5: 24px; --space-6: 28px; --space-7: 32px; --space-8: 40px;
  --space-9: 48px; --space-10: 64px;
  
  /* Typography */
  --font-base: system-ui, -apple-system, 'Segoe UI', Inter, Roboto, Helvetica, Arial, sans-serif;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  
  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-base: 0.22s ease;
  --transition-slow: 0.3s ease;
}

/* ===== BASE STYLES ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background: var(--cc-bg);
  color: var(--cc-text);
  font: var(--font-weight-normal) 16px/1.55 var(--font-base);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== LAYOUT SYSTEM ===== */
.cc-container {
  max-width: var(--cc-max);
  margin: 0 auto;
  padding: 0 var(--space-3);
}

.cc-section {
  padding: var(--space-9) 0;
}

.cc-hero {
  padding: var(--space-10) 0 var(--space-9);
}

/* ===== TYPOGRAPHY ===== */
h1, h2, h3, h4, h5, h6 {
  color: var(--cc-accent);
  font-weight: var(--font-weight-extrabold);
  line-height: 1.15;
  margin: 0;
}

.cc-h1 {
  font-size: clamp(2.25rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-extrabold);
  line-height: 1.05;
}

.cc-h2 {
  font-size: clamp(1.875rem, 4vw, 2.75rem);
  font-weight: var(--font-weight-extrabold);
  line-height: 1.1;
}

.cc-h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

h3.area-title {
  font-size: 1.1rem !important;
}

.cc-lead {
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  color: var(--cc-text-muted);
  line-height: 1.6;
  margin: var(--space-4) 0 0;
}

.cc-eyebrow {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--cc-brand);
  margin-bottom: var(--space-2);
}

p {
  color: var(--cc-text-muted);
  line-height: 1.6;
  margin: 0 0 var(--space-4);
}

/* ===== SPACING UTILITIES ===== */
.stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.stack-sm {
  gap: var(--space-3);
}

.stack-lg {
  gap: var(--space-6);
}

/* ===== GRID SYSTEM ===== */
.cc-grid {
  display: grid;
  gap: var(--space-5);
}

.cc-grid-2 {
  grid-template-columns: 1fr;
}

.cc-grid-3 {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .cc-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .cc-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ===== CARD COMPONENT ===== */
.cc-card {
  background: var(--cc-card);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius);
  padding: var(--space-6);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.cc-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

/* ===== BUTTON SYSTEM ===== */
.cc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  text-decoration: none;
  border: 2px solid transparent;
  border-radius: 16px;
  cursor: pointer;
  transition: all var(--transition-fast);
  white-space: nowrap;
  min-height: 48px;
}

.cc-btn.primary {
  background: var(--cc-brand);
  color: white;
  border-color: var(--cc-brand);
}

.cc-btn.primary:hover {
  background: white;
  color: var(--cc-text);
  border-color: var(--cc-border);
  transform: translateY(-1px);
}

.cc-btn.ghost {
  background: transparent;
  color: var(--cc-accent);
  border-color: var(--cc-border);
}

.cc-btn.ghost:hover {
  background: var(--cc-brand);
  color: white;
  border-color: var(--cc-brand);
  transform: translateY(-1px);
}

.cc-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  align-items: center;
  margin-top: var(--space-5);
}

/* ===== CTA COMPONENT ===== */
.cc-cta {
  text-align: center;
  background: var(--cc-card);
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius);
  padding: var(--space-8) var(--space-6);
  max-width: 1200px;
  margin: 0 auto;
}

/* ===== FORM SYSTEM ===== */
.cc-form {
  max-width: 100%;
}

.field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.label {
  font-size: 0.9rem;
  font-weight: var(--font-weight-medium);
  color: var(--cc-accent);
}

input, textarea, select {
  padding: 16px;
  border: 1px solid var(--cc-border);
  border-radius: 16px;
  background: white;
  font-family: var(--font-base);
  font-size: 1rem;
  transition: all var(--transition-fast);
}

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
}

textarea {
  resize: vertical;
  min-height: 120px;
}

.form-grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr 1fr;
  }
  
  .full-width {
    grid-column: 1 / -1;
  }
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  justify-content: space-between;
  align-items: center;
  margin-top: var(--space-6);
}

.consent {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  font-size: 0.9rem;
  color: var(--cc-text-muted);
  flex: 1;
}

.consent input[type="checkbox"] {
  margin: 0;
  padding: 0;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Honeypot */
.hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ===== ACCORDION COMPONENT ===== */
.acc {
  border: 1px solid var(--cc-border);
  border-radius: var(--cc-radius);
  overflow: hidden;
}

.acc-item {
  border-bottom: 1px solid var(--cc-border);
}

.acc-item:last-child {
  border-bottom: none;
}

.acc-title {
  padding: var(--space-5) var(--space-6);
  background: var(--cc-card);
  border: none;
  width: 100%;
  text-align: left;
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  color: var(--cc-accent);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background var(--transition-fast);
}

.acc-title:hover {
  background: #f1f5f9;
}

.acc-title span {
  font-size: 1.25rem;
  transition: transform var(--transition-fast);
}

.acc-item.active .acc-title span {
  transform: rotate(45deg);
}

.acc-content {
  padding: 0 var(--space-6);
  max-height: 0;
  overflow: hidden;
  transition: all var(--transition-base);
  color: var(--cc-text-muted);
  line-height: 1.6;
}

.acc-item.active .acc-content {
  padding: var(--space-4) var(--space-6) var(--space-5);
  max-height: 500px;
}

/* ===== LISTS ===== */
.icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.icon-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  color: var(--cc-text-muted);
  line-height: 1.5;
}

.icon-list svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--cc-success);
}

/* ===== PILLS ===== */
.pill {
  display: inline-block;
  padding: 6px 12px;
  background: var(--cc-brand);
  color: white;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 0.025em;
}

/* ===== UTILITIES ===== */
.muted {
  color: var(--cc-text-muted);
  font-size: 0.9rem;
}

.text-center {
  text-align: center;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (min-width: 768px) {
  .cc-container {
    padding: 0 var(--space-6);
  }
  
  .cc-section {
    padding: var(--space-10) 0;
  }
  
  .cc-hero {
    padding: calc(var(--space-10) + var(--space-4)) 0 var(--space-10);
  }
}

@media (min-width: 900px) {
  .cc-buttons {
    justify-content: flex-start;
  }
  
  .form-actions {
    justify-content: space-between;
  }
}

/* ===== ACCESSIBILITY ===== */
.cc-btn:focus,
input:focus,
textarea:focus,
select:focus,
.acc-title:focus {
  outline: 2px solid var(--cc-brand);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
/* Form fields */
.cc-form .field input,
.cc-form .field select,
.cc-form .field textarea {
  background:#ffffff;          /* pure white */
  color:#111827;               /* dark readable text */
  border:1px solid var(--cc-border);
  border-radius:16px;          /* rounded corners */
  padding:12px 16px;
  font:inherit;
  line-height:1.45;
  transition:border-color .18s ease, box-shadow .18s ease;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}

/* Placeholder */
.cc-form .field input::placeholder,
.cc-form .field textarea::placeholder {
  color:#9ca3af;
}

/* Focus */
.cc-form .field input:focus,
.cc-form .field select:focus,
.cc-form .field textarea:focus {
  outline:none;
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.25);
  background:#ffffff;          /* stays white */
}

/* Remove red invalid focus */
.cc-form .field input:invalid:focus,
.cc-form .field textarea:invalid:focus {
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.25);
  background:#ffffff;
}

/* Submit button also rounded */
.cc-form .submit-btn {
  border-radius:16px !important;
}
/* Force rounded, white fields everywhere */
.cc-form input,
.cc-form select,
.cc-form textarea,
.cc-form .field input,
.cc-form .field select,
.cc-form .field textarea {
  background: #ffffff !important;    /* white background */
  color: #111827 !important;         /* dark text */
  border: 1px solid #d1d5db !important;  /* light neutral grey */
  border-radius: 16px !important;    /* fully rounded */
  padding: 12px 16px !important;
  box-shadow: none !important;       /* remove Elementor grey inset */
}

/* Placeholder text */
.cc-form input::placeholder,
.cc-form textarea::placeholder {
  color: #9ca3af !important;
}

/* Focus state = blue glow */
.cc-form input:focus,
.cc-form select:focus,
.cc-form textarea:focus {
  outline: none !important;
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.25) !important;
  background: #ffffff !important;
}

/* Submit button rounded */
.cc-form .submit-btn {
  border-radius: 16px !important;
}
.cc-card {
  max-width: 100% !important;
  width: 100% !important;
}

/* Send Enquiry button default */
.cc-form .submit-btn {
  border-radius: 16px !important;
  background: #2563eb !important;  /* your blue */
  color: #ffffff !important;
  border: 1px solid #2563eb !important;
  transition: all .22s ease-in-out;
  margin-top: 22px
}

/* Hover state */
.cc-form .submit-btn:hover {
  background: #ffffff !important;   /* white background */
  color: #000000 !important;        /* black text */
  border: 1px solid #000000 !important;  /* black outline */
  transform: translateY(-1px);
}
/* ========= Chandler About Page – Global Styles ========= */
:root{
  --cc-bg:#ffffff;
  --cc-text:#0f1215;
  --cc-muted:#6b7280;
  --cc-accent:#111827;        /* heading colour */
  --cc-brand:#0a68ff;         /* button + highlights */
  --cc-border:#e5e7eb;
  --cc-card:#f8fafc;
  --cc-max:1100px;
  --cc-radius:18px;
  --cc-gap:28px;
}

.cc-section{padding:72px 20px;border-top:1px solid var(--cc-border);background:var(--cc-bg);color:var(--cc-text);}
.cc-section:first-of-type{border-top:0}
.cc-container{max-width:var(--cc-max);margin:0 auto}
.cc-eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-muted);margin-bottom:10px}
.cc-h1,.cc-h2{line-height:1.15;color:var(--cc-accent)}
.cc-h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin:0 0 14px}
.cc-h2{font-size:clamp(1.5rem,3vw,2.8rem);font-weight:800;margin:0 0 12px}
.cc-lead{font-size:1.1rem;color:#1f2937;max-width:900px}
.cc-grid{display:grid;gap:var(--cc-gap)}
.cc-grid-3{grid-template-columns:1fr;}
@media(min-width:900px){
  .cc-grid-3{grid-template-columns:repeat(3,1fr)}
}
.cc-card{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:28px;padding:28px}
.cc-card h3{margin:0 0 10px;font-size:1.15rem}
.cc-card p{margin:0 0 12px;color:#374151;font-size:1.05rem}
.cc-kicker{font-size:.95rem;color:var(--cc-muted)}

/* Buttons */
.cc-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-weight:600;border:1px solid var(--cc-brand);text-decoration:none}
.cc-btn.primary{background:var(--cc-brand);color:#fff}
.cc-btn.ghost{background:#fff;color:var(--cc-brand)}
.cc-btn:hover{filter:brightness(.96)}

/* Timeline */
.cc-timeline{position:relative;margin-top:24px;text-align:center}
.cc-timeline:before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:0;width:2px;background:var(--cc-border)}
.cc-tl-item{position:relative;display:grid;grid-template-columns:1fr;justify-items:center;gap:12px;padding:18px 0}
.cc-tl-item > div{max-width:700px}
.cc-dot{width:12px;height:12px;border-radius:999px;background:var(--cc-brand);margin-top:6px}
.cc-tl-title{font-weight:700;margin-bottom:6px}
.cc-tl-meta{font-size:.9rem;color:var(--cc-muted);margin-bottom:6px}
.cc-tl-text{color:#374151}

/* Quote */
.cc-quote{background:#0b1220;color:#e5edff;border-radius:16px;padding:32px;border:1px solid #0f1a33}
.cc-quote blockquote{margin:0;font-size:1.15rem;line-height:1.6}
.cc-quote footer{margin-top:10px;color:#b7c3ff;font-size:.95rem}

/* CTA */
.cc-cta{background:linear-gradient(180deg, #0b1220, #0f172a);color:#fff;text-align:center;border-radius:28px;padding:42px;border:1px solid #111827}
.cc-cta .cc-h2{color:#fff;margin-bottom:6px}
.cc-cta p{color:#cbd5e1}
.cc-cta .cc-buttons{justify-content:center;margin-top:16px}

/* ---------- Section-specific centring ---------- */
/* Journey section (timeline heading + eyebrow centred) */
.cc-section-journey .cc-eyebrow,
.cc-section-journey .cc-h2{ text-align:center; margin-left:auto; margin-right:auto; }

/* Purpose section (eyebrow, heading, lead centred) */
.cc-section-purpose .cc-eyebrow,
.cc-section-purpose .cc-h2,
.cc-section-purpose .cc-lead{ text-align:center; margin-left:auto; margin-right:auto; }

/* Experience section (title + cards centred) */
.cc-section-experience .cc-eyebrow,
.cc-section-experience .cc-h2{ text-align:center; margin-left:auto; margin-right:auto; }
.cc-section-experience .cc-grid{ justify-content:center; }
.cc-section-experience .cc-card{ text-align:center; }
.cc-section-experience .cc-card h3,
.cc-section-experience .cc-card p,
.cc-section-experience .cc-card .cc-kicker{
  margin-left:auto; margin-right:auto; max-width:36ch;
}
/* Center the Summary / Elevator Pitch section only */
.cc-section-summary .cc-h2,
.cc-section-summary .cc-lead {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.cc-section-summary .cc-h2 { max-width: 1200px; }   /* big headline but readable */
.cc-section-summary .cc-lead { max-width: 900px; }   /* comfy line length */

.cc-section-summary .cc-buttons {
  justify-content: center;   /* center the button row */
}

.cc-section-summary .cc-btn {
  margin-left: auto;
  margin-right: auto;
}
/* Buttons */
.cc-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.cc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border-radius: 16px; /* updated radius */
  font-weight: 600;
  border: 1px solid var(--cc-brand);
  text-decoration: none;
  transition: transform 0.25s ease; /* smooth scale */
}

.cc-btn.primary {
  background: var(--cc-brand);
  color: #fff;
}

.cc-btn.ghost {
  background: #fff;
  color: var(--cc-brand);
}

.cc-btn:hover {
  transform: scale(1.05); /* grow slightly */
}
.cc-btn:hover {
  transform: scale(1.05);
  background-color: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
}
.cc-btn.primary {
  background-color: var(--cc-brand);
  color: #fff;
  border-color: var(--cc-brand);
}

.cc-btn.ghost {
  background-color: #fff;
  color: var(--cc-brand);
  border-color: var(--cc-brand);
}
/* Center the quote/philosophy block */
.cc-quote {
  max-width: 8200px; /* keeps it from stretching too wide */
  margin: 0 auto;   /* centers the container horizontally */
  text-align: center; /* centers the text inside */
}

.cc-quote blockquote {
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.6;
}

.cc-quote footer {
  margin-top: 10px;
  font-size: 1rem;
  color: #b7c3ff;
}
/* Center Outcomes + Overview lists like intro hero */
#overview .cc-check,
#outcomes .cc-check {
  max-width: 720px !important;
  margin: 24px auto !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: center !important;   /* center block text */
  display: grid !important;
  gap: 14px !important;
  justify-content: center !important;
}

/* Fix list items */
#overview .cc-check li,
/* Center the Outcomes checklist under the H2 */
#outcomes .cc-container,
.cc-section:has(.cc-check) .cc-container {
  text-align: center !important; /* parent centers inline-block UL */
}

/* Outcomes checklist centering */
#outcomes .cc-check {
  max-width: 720px;        /* control line length */
  margin: 24px auto 0;     /* center UL itself */
  padding: 0;
  list-style: none;
  text-align: center;      /* center multi-line text */
}

/* Each list item centered */
#outcomes .cc-check li {
  display: inline-flex;    /* shrink to content */
  align-items: center;
  justify-content: center; /* center ✓ + text together */
  gap: 10px;
  margin: 8px 0;
  text-align: center;      /* ensure wrapped text stays centered */
  white-space: normal;     /* allow wrapping */
  width: auto;             /* no forced full-width */
}

/* Outcomes: use SVG ticks only (no pseudo :before) */
#outcomes .cc-check {
  list-style: none;           /* no native bullets */
  padding: 0;
  margin: 24px auto 0;
  max-width: 720px;
  text-align: center;
}

#outcomes .cc-check li::before {
  content: none !important;   /* remove the default ✓ from .cc-check */
}

#outcomes .cc-check li {
  display: flex;
  align-items: center;
  justify-content: center;    /* center SVG + text */
  gap: 8px;
  margin: 8px 0;
    margin: 4px 0;                 /* less vertical gap */
  line-height: 0px;             /* tighter line spacing */

}
/* Turn off default ✓ for all cc-check lists */
.cc-check li::before {
  content: none !important;
}
/* Primary CTA (blue background, white text) */
.cc-btn.primary {
  background: var(--cc-brand) !important;
  color: #fff !important;
  border-color: var(--cc-brand) !important;
}

/* Secondary CTA (ghost = white border + white text, no background) */
.cc-btn.ghost {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Hover (both invert to white bg + blue text) */
.cc-btn.primary:hover,
.cc-btn.ghost:hover {
  background: #fff !important;
  color: var(--cc-brand) !important;
  border-color: var(--cc-brand) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(10, 104, 255, 0.18) !important;
}

.cc-btn:active {
  transform: translateY(0) !important;
}

.cc-btn:focus {
  outline: 2px solid var(--cc-brand) !important;
  outline-offset: 2px !important;
}


/* ===== Mobile Optimizations (keep desktop unchanged) ===== */
@media (max-width: 768px){

  /* Layout & spacing */
  .cc-container{ padding: 0 var(--space-3) !important; }
  .cc-section{ padding: var(--space-8) 0 !important; }
  .cc-hero{ padding: var(--space-8) 0 !important; }
  .cc-lead{ font-size: 1rem !important; }

  /* Grid: stack to 1-col cleanly */
  .cc-grid.cc-grid-2,
  .cc-grid.cc-grid-3{ grid-template-columns: 1fr !important; gap: var(--space-4) !important; }

  /* Service cards: comfy, no hover jump, equalized look */
  .service-card{
    min-height: auto !important;
    padding: var(--space-4) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
  }
  .service-card:hover{
    transform: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.08) !important;
    min-height: auto !important;
    padding-bottom: var(--space-4) !important;
  }
  .service-icon{ width:56px !important; height:56px !important; }

  /* Bullets & pills */
  .icon-list{ gap: 10px !important; }
  .icon-list li{ align-items: flex-start !important; }
  .pill{ font-size: .75rem !important; white-space: nowrap; }

  /* Buttons */
  .cc-buttons{ justify-content: center !important; }
  .cc-btn{ width: 100% !important; }

  /* Cards & forms */
  .cc-card{ padding: var(--space-4) !important; border-radius: 16px !important; }
  .cc-form .submit-btn{ width: 100% !important; }

  /* FAQ: bigger tap targets */
  .acc{ border-radius: 16px !important; }
  .acc-title{ padding: 16px 18px !important; font-size: 1rem !important; }
  .acc-content{ padding: 0 18px 16px 18px !important; }

  /* Video: responsive */
  iframe{ width:100% !important; height:auto !important; aspect-ratio:16/9; border:0; }
  img, video{ max-width:100% !important; height:auto !important; }

  /* — Navy SEAL section collage — 
     (the grid in this section uses inline style "grid-template-columns: 1fr 1fr".
     On mobile we stack to one column and un-absolute the collage so images flow vertically.)
  */
  .cc-section .cc-grid[style*="grid-template-columns: 1fr 1fr"]{
    grid-template-columns: 1fr !important;
    gap: var(--space-5) !important;
  }
  .cc-section .cc-grid[style*="grid-template-columns: 1fr 1fr"] > div:nth-child(2){
    min-height: auto !important;
  }
  .cc-section .cc-grid[style*="grid-template-columns: 1fr 1fr"] > div:nth-child(2) img{
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 0 var(--space-3) 0 !important;
  }

  /* Problem/Solution two-col section */
  .cc-grid[style*="align-items: stretch"]{ gap: var(--space-5) !important; }

  /* Headings tidy on small screens */
  .cc-h1{ font-size: clamp(1.8rem, 6vw, 2.4rem) !important; }
  .cc-h2{ font-size: clamp(1.4rem, 5.2vw, 2rem) !important; }
  .cc-h3{ font-size: clamp(1.1rem, 4.6vw, 1.4rem) !important; }

  /* Prevent any horizontal scroll */
  body{ overflow-x: hidden !important; }
}
#signature-topics .topic-footer {
  margin-top: auto;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center; /* ✅ centre pills horizontally */
}
/* ==== Chandler FAQ – normalize to brand (no yellow) ==== */
.acc,
.acc-item,
.acc-title,
.acc-content {
  background: #fff !important;
  color: var(--cc-accent) !important;
  border: none;
}

.acc {
  border: 1px solid var(--cc-border) !important;
  border-radius: var(--cc-radius) !important;
  overflow: hidden;
}

.acc-item { border-bottom: 1px solid var(--cc-border) !important; }
.acc-item:last-child { border-bottom: none !important; }

.acc-title {
  padding: var(--space-5) var(--space-6) !important;
  background: var(--cc-card) !important;       /* light grey header */
  font-weight: var(--font-weight-medium) !important;
  display: flex; justify-content: space-between; align-items: center;
  transition: background var(--transition-fast), color var(--transition-fast);
}

.acc-title:hover,
.acc-item.active .acc-title {
  background: #f1f5f9 !important;              /* same hover/active as other page */
}

/* Make the “+” look neutral and not inherit yellow */
.acc-title span,
.acc-title svg {
  color: var(--cc-muted) !important;
  fill: currentColor !important;
  transition: transform var(--transition-fast), color var(--transition-fast);
}

.acc-item.active .acc-title span,
.acc-item.active .acc-title svg {
  color: var(--cc-brand) !important;
  transform: rotate(45deg);                     /* plus → cross */
}

/* Content panel */
.acc-content {
  max-height: 0; overflow: hidden;
  padding: 0 var(--space-6) !important;
  color: var(--cc-text-muted) !important;
  transition: max-height var(--transition-base), padding var(--transition-base);
}
.acc-item.active .acc-content {
  max-height: 500px;
  padding: var(--space-4) var(--space-6) var(--space-5) !important;
}/* End custom CSS */