/* Claimzy Accident Scenarios */
@font-face{
  font-family:"Discovery";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("../fonts/Discovery-Regular.woff2") format("woff2");
}
@font-face{
  font-family:"Discovery";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("../fonts/Discovery-Bold.woff2") format("woff2");
}
@font-face{
  font-family:"Discovery";
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url("../fonts/Discovery-Black.woff2") format("woff2");
}

.czy-accident-scenarios{
  --navy:#072E55;
  --navy-mid:#24446C;
  --mint:#27FEC8;
  --mint-bright:#94FEE9;
  --mint-pale:#DFFFF7;
  --danger:#E2433F;
  --danger-soft:#FFF1EF;
  --danger-ink:#C9322F;
  --ink:#072E55;
  --ink-soft:#475c79;
  --ink-muted:#8092a8;
  --bg:#FFFFFF;
  --bg-soft:#FAFBFF;
  --border:#E8ECF3;
  --surface:#EEF1F6;
  --font:"Discovery","Heebo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --grid-max:1440px;
  --section-pad-x:clamp(24px,5vw,72px);
  --radius-card:24px;
  --shadow-soft:0 4px 16px -8px rgba(7,46,85,.18);
  --shadow-hover:0 8px 24px -10px rgba(7,46,85,.26);
  --ease:cubic-bezier(.16,1,.3,1);

  box-sizing:border-box;
  font-family:var(--font);
  font-size:18px;
  color:var(--ink);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

.czy-accident-scenarios *,
.czy-accident-scenarios *::before,
.czy-accident-scenarios *::after{box-sizing:border-box}
.czy-accident-scenarios ::selection{background:var(--mint);color:var(--navy)}

.czy-accident-scenarios .acc-scenarios{
  position:relative;
  max-width:1280px;
  margin:0 auto;
  padding:clamp(58px,7vw,96px) var(--section-pad-x);
  text-align:center;
  background:transparent;
  overflow:visible;
}

.czy-accident-scenarios .acc-scenarios::before{
  content:none;
}

.czy-accident-scenarios .acc-scenarios__header{
  position:relative;
  max-width:760px;
  margin:0 auto clamp(34px,4.5vw,56px);
}

.czy-accident-scenarios .acc-scenarios__header::before{
  content:none;
}

.czy-accident-scenarios .acc-scenarios__title{
  margin:0;
  font-size:clamp(64px,8vw,116px);
  font-weight:400;
  line-height:.98;
  letter-spacing:0;
  color:var(--navy);
  text-wrap:pretty;
}

.czy-accident-scenarios .acc-scenarios__title-lead{
  display:block;
  margin-bottom:.1em;
  font:inherit;
  color:inherit;
}

.czy-accident-scenarios .acc-scenarios__title-main{
  display:block;
  margin-top:.02em;
  font-size:clamp(70px,8.8vw,124px);
  font-weight:900;
  line-height:.9;
  position:relative;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

.czy-accident-scenarios .acc-scenarios__title-main::after{
  content:none;
}

.czy-accident-scenarios .acc-scenarios__sub{
  margin:22px 0 0;
  max-width:620px;
  margin-inline:auto;
  font-size:clamp(18px,1.28vw,20px);
  font-weight:400;
  line-height:1.65;
  color:var(--ink-soft);
  text-wrap:pretty;
}

.czy-accident-scenarios .acc-scenarios__grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.2vw,26px);
  list-style:none;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}

.czy-accident-scenarios .acc-scenarios__card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:center;
  margin:0;
  padding:clamp(14px,1.7vw,18px);
  background:#fff;
  border:1px solid var(--border);
  border-radius:28px;
  box-shadow:0 16px 38px -26px rgba(7,46,85,.28);
  transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease);
}

.czy-accident-scenarios .acc-scenarios__card + .acc-scenarios__card{
  border-top:1px solid var(--border);
}

.czy-accident-scenarios .acc-scenarios__card:hover{
  transform:translateY(-3px);
  border-color:rgba(39,254,200,.55);
  box-shadow:0 22px 48px -28px rgba(7,46,85,.34);
}

.czy-accident-scenarios .acc-scenarios__icon{
  display:block;
  width:96px;
  height:auto;
  margin:0 auto clamp(18px,2vw,24px);
  border-radius:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:hidden;
  font-size:34px;
  line-height:1;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  transition:transform .32s var(--ease);
}

.czy-accident-scenarios .acc-scenarios__icon img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:contain;
}

.czy-accident-scenarios .acc-scenarios__card:hover .acc-scenarios__icon{
  transform:translateY(-2px);
}

.czy-accident-scenarios .acc-scenarios__card-title{
  margin:0 0 9px;
  font-size:clamp(20px,1.75vw,26px);
  font-weight:900;
  line-height:1.25;
  color:var(--navy);
  text-wrap:pretty;
}

.czy-accident-scenarios .acc-scenarios__card-text{
  margin:0;
  max-width:34ch;
  margin-inline:auto;
  font-size:clamp(16px,1.05vw,18px);
  font-weight:400;
  line-height:1.62;
  color:var(--ink-soft);
  text-wrap:pretty;
}

@media (max-width:920px){
  .czy-accident-scenarios .acc-scenarios{padding-block:clamp(56px,8vw,78px)}
  .czy-accident-scenarios .acc-scenarios__header{
    max-width:720px;
    margin:0 auto clamp(34px,5vw,48px);
    text-align:center;
  }
  .czy-accident-scenarios .acc-scenarios__grid{
    grid-template-columns:1fr;
    max-width:520px;
    margin-inline:auto;
    gap:18px;
  }
  .czy-accident-scenarios .acc-scenarios__card{
    padding:14px;
  }
  .czy-accident-scenarios .acc-scenarios__card-text{max-width:none}
}

@media (prefers-reduced-motion:reduce){
  .czy-accident-scenarios .acc-scenarios__card,
  .czy-accident-scenarios .acc-scenarios__icon{transition:none}
  .czy-accident-scenarios .acc-scenarios__card:hover{transform:none}
  .czy-accident-scenarios .acc-scenarios__card:hover .acc-scenarios__icon{transform:none}
}