.elementor-7475 .elementor-element.elementor-element-1965903{--display:flex;}/* Start custom CSS for html, class: .elementor-element-d077863 */html { -webkit-font-smoothing:antialiased; scroll-behavior:smooth; }
body {
  margin:0; background:#fff; color:var(--c-text); font-size:15px; line-height:1.5;
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
}
img { max-width:100%; display:block; }
a { color:var(--c-accent); text-decoration:none; }
a:hover { text-decoration:underline; }

.container { width:100%; max-width:var(--container); margin:0 auto; padding:0 20px; }
.section { padding:70px 0; }
.section--tight { padding:45px 0; }
.section--pink { background:var(--c-pink); }
.section--blue { background:var(--c-blue); }
.narrow { max-width:930px; }

h1,h2,h3,h4 { margin:0; color:var(--c-primary); font-weight:500; }
h2 { font-family:var(--f-head); font-size:33px; line-height:1.2; }
h3 { font-family:var(--f-head); font-size:26px; line-height:1.25; }
h4 { font-family:var(--f-body); font-size:15px; font-weight:700; color:#000; }
p  { margin:0 0 18px; }
p:last-child { margin-bottom:0; }

/* eyebrow: Roboto 500 / 18px / 18px / #1FC5D1 - matches the live hero */
.eyebrow {
  font-family:var(--f-body); font-size:18px; font-weight:500;
  line-height:18px; color:var(--c-accent); margin:0 0 16px;
}
.section-head { text-align:center; margin-bottom:34px; }
.section-head h2 { margin-bottom:14px; }
.section-head p { max-width:840px; margin:0 auto 14px; }

/* ---------------------------------------------------------------- button */
body .btn {
    display: inline-block;
    background: #1fc5d1;
    border: 1px solid #1fc5d1;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 13px 26px;
    border-radius: 30px;
    text-align: center;
    transition: background .2s ease, color .2s ease;
}
.btn:hover { background:#fff; color:#1fc5d1; text-decoration:none; }
.btn--ghost { background:#fff; color:#1fc5d1; }
.btn--ghost:hover { background:var(--c-accent); color:#fff; }
.btn-row { text-align:center; margin-top:34px; }

/* ------------------------------------------------------------------ hero */
.hero { padding:56px 0 64px; }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
/* hero headline: Optima 500 / 43px - matches the live hero */
.hero h2 {
  font-size:43px; line-height:1.2; color:var(--c-heading-dark); margin-bottom:22px;
}
.hero p { margin-bottom:20px; }
.hero .btn { margin-top:8px; }
.hero-media img {
  width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:20px;
}

/* ------------------------------------------------- image + content split */
.split { display:grid; grid-template-columns:0.85fr 1fr; gap:56px; align-items:center; }
.split--rev { grid-template-columns:1fr 0.85fr; }
.split--rev .split-media { order:2; }
.split-media img {
  width:100%; height:auto; aspect-ratio:1/1; object-fit:cover;
  border-radius:20px; background:var(--c-pink);
}
.split-body { min-width:0; }
.split-body h2, .split-body h3 { margin-bottom:20px; }
/* tall image column, used where the copy runs long (accordion block) */
.split--stretch { align-items:stretch; }
.split--stretch .split-media { display:flex; }
.split--stretch .split-media img { aspect-ratio:auto; height:100%; min-height:560px; }

/* ------------------------------------------------------------ tick lists */
.tick-list { list-style:none; margin:0 0 18px; padding:0; }
.tick-list li { display:flex; gap:11px; align-items:flex-start; margin-bottom:11px; }
.tick-list li:last-child { margin-bottom:0; }
.tick { width:17px; height:17px; flex:0 0 17px; margin-top:2px; color:var(--c-accent); }

/* --------------------------------------------------------------- content */
.copy p, .copy li { font-size:15px; line-height:1.6; }
.lead-in { margin-bottom:14px; }
.subhead { font-family:var(--f-body); font-size:15px; font-weight:700; color:#000; margin:26px 0 12px; }

.card { background:#fff; border-radius:20px; padding:38px 40px; }
.section--pink .card { background:#fff; }

/* ------------------------------------------- panel accordion (ref layout) */
.panel-acc { margin:0; }
.panel-acc details { margin-bottom:2px; border-radius:12px; transition:background .2s ease; }
.panel-acc details[open] { background:var(--c-pink); }
.panel-acc summary {
  list-style:none; cursor:pointer; display:flex; align-items:flex-start; gap:20px;
  padding:16px 22px; font-family: "Optima", Sans-serif; font-size:22px; line-height:1.3;
  color:var(--c-primary); font-weight:500;
}
.panel-acc summary::-webkit-details-marker { display:none; }
.panel-acc summary::after {
  content:"+"; margin-left:auto; font-family: "Optima", Sans-serif;; font-size:24px;
  font-weight:300; line-height:1; color:var(--c-primary);
}
.panel-acc details[open] summary::after { content:"\2013"; }
.panel-acc .panel-body { padding:0 22px 20px; }
.panel-acc .panel-body p, .panel-acc .panel-body li { font-size:15px; line-height:1.6; }

/* -------------------------------------------------------------- accordion */
.accordion { max-width:1230px; margin:0 auto; }
.acc-item { border-bottom:1px solid #E4E1E2; }
.acc-item summary {
  list-style:none; cursor:pointer; display:flex; align-items:center;
  gap:20px; padding:24px 8px; font-family: "Optima", Sans-serif;
  font-size:19px; line-height:1.35; color:#212124;
}
.acc-item summary::-webkit-details-marker { display:none; }
.acc-item summary::after {
  content:""; margin-left:auto; flex:0 0 12px; width:12px; height:12px;
  border-right:1.6px solid #212124; border-bottom:1.6px solid #212124;
  transform:rotate(45deg) translateY(-3px); transition:transform .25s ease;
}
.acc-item[open] summary::after { transform:rotate(-135deg) translateY(-3px); }
.acc-body { padding:0 8px 28px; max-width:1050px; }
.acc-body p, .acc-body li { font-size:15px; line-height:1.6; }

/* ------------------------------------------------------------ responsive */
@media (max-width:1024px) {
  .hero-grid, .split { grid-template-columns:1fr; gap:34px; }
  .split--rev .split-media { order:0; }
  .split-media img { aspect-ratio:16/10; }
  .split--stretch .split-media img { aspect-ratio:16/10; height:auto; min-height:0; }
}
@media (max-width:767px) {
  .section { padding:48px 0; }
  .hero h2 { font-size:32px; }
  h2 { font-size:27px; }
  h3 { font-size:22px; }
  .card { padding:26px 22px; }
  .panel-acc summary { font-size:19px; padding:14px 16px; }
  .panel-acc .panel-body { padding:0 16px 18px; }
  .acc-item summary { font-size:17px; }
}/* End custom CSS */