:root {
  --flowColor:  #FFC36D;
  --altFlow:  #0e3a4d;
  --mainHeadingColor:	#FFC36D;
  --navBgColor: transparent;
  --heroTextShadow:
    0 0 2rem #000,
    0.25rem 0.25rem 1rem #000;

  --heroColor: #FFF;
  --heroActionColor: black;
  --heroActionBg: #FFC36D;
  --heroActionHoverColor: #FFC36D;
  --heroActionHoverBg: #012;
  --heroTextShadow: 0 0 2rem #000, 0.25rem 0.25rem 1rem #000;

  --chromeColor: #000;
  --chromeAnchorHover: #FFC36D;

  --modalOuterBg: #012;
  --modalOuterShadow: inset 0 0 16em #121D27;
  --modalBg: radial-gradient(circle,#0b4c65 0%, #01354A 100%);
  --modalInputBg: #ddd9d3;
  --modalInputBorder: 0.125rem solid #121D27;
  --modalButtonColor: #FFC36D;
  --modalButtonBg: #080d55;
  --modalShadow: 0.5rem 0.5rem 2rem #0247;
  --modalHeading: black;

  --actionColor:  #FFC36D; 
  --actionBg: #0C2238;
  --actionBorder: 0.125rem solid var(--actionColor);
  --actionHoverColor: #FFC36D; 
  --actionHoverBg: rgb(14, 58, 77);

  --flyoutColor: #FFC36D;
  --flyoutBgColor: #012;

  --borderColor: #001f1e;
  --standardBorder: 0.125rem solid var(--borderColor);
  --flowAltBorder: 0.0625rem solid #001f1e;

  --horzPad: clamp(0.5rem, 4vw, 2rem);
  --vertPad: clamp(1rem, min(8vw, 10vh), 4rem);
  --standardPad: var(--vertPad) var(--horzPad);
  --aboutPad: clamp(.5rem, min(6vw, 8vh), 2rem) var(--horzPad);
  --chromePad: 1rem clamp(0.5rem, 4vw, 4rem);
  --heroPad: clamp(6rem, 3vh, 6rem) var(--horzPad);

  --maxWidth: 72rem;
  --gap-size: 1.25rem;
  --headerTop: .5rem;

  --aboutHeading: #cd0404;
  --aboutTextColor: #2f0e29; 
  --aboutBg: linear-gradient(
    175deg,
    #edf2f7 1%, 
    hsl(205deg 38% 82%) 49%,  
    oklab(80.84599999999999% -0.02177 -0.02998) 99%  
  );

  --testiText: #0E3A4D;   
  --testiQuote: #12384A;   
  --testiMeta: #ffffff;  
  --testiCardBg: #ffffff;
  --testiBorder: rgba(14,58,77,.12);
  --starColor: #FFC36D; 
  --testiShadow: 0 .625rem 1.5rem rgba(0,0,0,.08);

  --resultHead: #6F00FF;

  --testiBg: linear-gradient(
    180deg,
    rgb(35, 60, 77) 0%,
    hsl(204deg 36% 24%) 21%,
    hsl(204deg 32% 25%) 41%,
    hsl(204deg 30% 27%) 61%,
    hsl(205deg 28% 29%) 81%,
    #3b5363 100%
  );
  --faqBg: linear-gradient(
    0deg,
    hsl(213deg 25% 65%) 0%,
    hsl(215deg 25% 71%) 20%,
    hsl(215deg 23% 78%) 41%,
    hsl(217deg 22% 84%) 61%,
    hsl(216deg 21% 91%) 81%,
    hsl(220deg 20% 97%) 100%
  );

  --card-pad: clamp(1rem, 2.5vw, 1.25rem);
  --card-radius: 1rem;
  --card-gap: clamp(1rem, 3vw, 2rem);
  --grid-gap: clamp(.75rem, 2vw, 1rem);
  --avatar: clamp(3rem, 6vw, 4.5rem);
  --star-size: clamp(.9rem, 1.5vw, 1rem);
  --quote-size: clamp(1rem, 1.6vw, 1.05rem);
  --meta-size: clamp(.9rem, 1.4vw, .95rem);

  --cta-bg-top: hsl(205 40% 12%);
  --cta-bg-bot: hsl(205 38% 22%);
}

html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
caption,
legend,
table,
tr,
td,
th,
address,
blockquote,
img {
  margin: 0;
  padding: 0;
}

h2,
h3,
#logo {
  text-wrap: balance;
}

h1 {
  text-transform: uppercase;
}

img,
fieldset {
  border: none;
}

blockquote,
q {
  quotes: none;
}

body *,
*:after,
*:before {
  box-sizing: border-box;
}

legend {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
}

button,
label,
summary {
  cursor: pointer;
}

html,
body {
  height: 100%;
}

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body,
button,
table,
select {
  font-size: 1.1rem;
  line-height: 1.75;
  font-family: flowtext, sans-serif;
  color: var(--flowColor);
  background: #0e3a4d;
}

a {
  color: var(--flowColor);
  transition: color 0.3s, background 0.3s, scale 0.3s;
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  color: var(--flowColor);
}

input,
select,
textarea {
  padding: 0.25rem 0.5rem;
}

#fauxBody,
.modal,
.modal>.modalClose {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
}

.modal,
#top,
.cards,
.hasPlate,
.exposition,
#fauxBody>footer {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.modalClose span,
.mainMenuOpen span,
#fauxBody>footer h2.optional {
  position: fixed;
  right: 999em;
  top: 0;
  opacity: 0;
}

.modal {
  left: -200vw;
  background: var(--modalOuterBg);
  box-shadow: var(--modalOuterShadow);
  opacity: 0;
  transition: left 0s 0.5s, opacity 0.5s;
  font-size: 1.1rem;
}

.modal:target {
  left: 0;
  opacity: 1;
  transition: opacity 0.5s;
}

.modal>div {
  /*
		depth sort over outer .modalClose
	*/
  position: relative;
  /*
		if you don't auto margin, scrolling at small screen heights is messed.
	*/
  margin: auto 1rem;
  overflow: hidden;
  color: var(--modalInputBg);
  box-shadow: var(--modalShadow);
  border: var(--standardBorder);
  border-radius: 1rem;
  scale: 0;
  transition: scale 0.5s;
}

.modal:target>div {
  scale: 1;
}

.modal .modalClose,
#mainMenu .modalClose {
  position: absolute;
  text-decoration: none;
}

.modal:target .modalClose {
  display: block;
}

.modal>*>.modalClose,
#mainMenu>*>.modalClose {
  top: 0.5rem;
  right: 1rem;
  font-size: 2rem;
  line-height: 1;
  color: var(--modalHeading);
}

.modal>*>.modalClose:focus,
.modal>*>.modalClose:hover {
  scale: 1.2;
}

.modal h2 {
  font-size: 1.5rem;
  padding: 0.5rem 4rem 0.5rem 1rem;
  margin-bottom: 1rem;
  background: var(--mainHeadingColor);
  border-bottom: var(--standardBorder);
  color: var(--modalHeading);
  text-align: center;
}

.modal h2~* {
  margin: 1rem;
}

form.modal>div {
  width: 100%;
  max-width: 32rem;
  background: var(--modalBg);
}


form.modal>div>footer {
  text-align: center;
  padding-top: 1rem;
}

form.modal input,
form.modal select,
form.modal textarea {
  display: block;
  width: 100%;
  margin: 0.25rem 0 -1rem;
  background: var(--modalInputBg);
  border: var(--modalInputBorder);
  border-radius: 0.5rem;
}

form.modal button {
  padding: 0.25rem 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  border: var(--modalInputBorder);
  border-radius: 0.5rem;
  background: var(--modalButtonColor);
  color: var(--heroActionColor);
  transition: scale 0.3s;
}

form.modal button:focus,
form.modal button:hover {
  scale: 1.2;
}

#top,
#fauxBody>footer {
  /* max-width: var(--maxWidth); */
  margin: 0 auto;
  color: var(--chromeColor);
  padding: 1rem 4.5rem;
  z-index: 800;
}

#fauxBody>footer p span {
  display: inline-block;
}

#top {
  justify-content: space-between;
  gap: 2rem;
  top: var(--headerTop);
  position: sticky;
  background-color: var(--navBgColor);
  transition: background-color .5s ease;
}

#top:focus,
#top:hover {
  transition: opacity 0.4s;
}

.sticking {
  color: var(--flyoutColor);
  --navBgColor: #012;
  --headerTop: 0;
}

.sticking:focus,
.sticking:hover {
  opacity: 1;
}

#top a {
  color: var(--flowColor);
  text-decoration: none;
}

#fauxBody>footer a {
  color: var(--flowColor);
}

#top>a:first-child {
  display: block;
  flex-grow: 0;
  font-size: .89rem;
  line-height: 1.1;
}

#logo {
  font-size: 2em;
  text-transform: uppercase;
  transform-origin: center left;
  scale: 1.15 1;
  color: var( --mainHeadingColor);
  display: block;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  unicode-bidi: isolate;
}

#mainMenu {
  flex-grow: 1;
  text-align: right;
}

#mainMenu li {
  list-style: none;
  display: inline;
  margin-right: 2.5rem;
}

#mainMenu li a {
  display: inline-block;
  font-size: 1.2rem;
}

#mainMenu li a:focus,
#mainMenu li a:hover,
.socialMenu a:focus,
.socialMenu a:hover,
.mainMenuOpen:focus,
.mainMenuOpen:hover {
  color: var(--chromeAnchorHover);
  scale: 1.1;
}

#fauxBody>footer>section:first-child {
  width: 1%;
  flex-grow: 1;
}

.socialMenu {
  list-style: none;
  display: flex;
  gap: 1.5rem;
}

.socialMenu a {
  position: relative;
  display: block;
}

.socialMenu a:before {
  font-size: 2.5rem;
  transition: color 0.3s, scale 0.3s;
}

.socialMenu a:focus:before,
.socialMenu a:hover:before {
  scale: 1.375;
}

.socialMenu a span {
  position: absolute;
  font-size: 0.875rem;
  color: var(--flyoutColor);
  background: var(--flyoutBgColor);
  border: 0.125rem solid var(--flyoutColor);
}

.socialMenu a span {
  bottom: 3.5rem;
  right: 999em;
  padding: 0.25rem 0.75rem;
  white-space: nowrap;
  border-radius: 1rem;
  transition: right 0s 0.3s, opacity 0.3s;
  opacity: 0;
}

.socialMenu a span:after {
  content: "";
  position: absolute;
  bottom: -0.5625rem;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  background: var(--flyoutBgColor);
  border: solid var(--flyoutColor);
  border-width: 0 0.125rem 0.125rem 0;
  rotate: 45deg;
}

.socialMenu a:focus span,
.socialMenu a:hover span {
  right: -0.5rem;
  opacity: 1;
  transition: opacity 0.3s;
}

main>section:not(.hero),
.hero>div,
.hasCards>header,
.hasPlate {
  max-width: 56rem;
  margin: 0 auto;
}
.exposition {
  max-width: 65rem;
  margin: 0 auto;
}

main>section:not(.hero),
.hero>div,
.hasPlate {
  padding: var(--standardPad);
}

.hasPlate {
  padding-top: 1.5rem;
}

main>section>header:not(.hasPlate) {
  text-align: center;
}

main>section:not(.hero):nth-child(odd) {
  background: var(--flowColor);
}

main h2,
h1 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: bold;
}

main #landing {
  font-size: clamp(1.75rem, 5vw, 3.3rem);
}

main h2 span,
h1 span {
  display: inline-block;
  text-transform: none;
  font-size: clamp(1.2rem, 2vw, 2rem);
  /* soft keep-together */
}

main h3 {
  font-size: clamp(1.2rem, 2vw, 1.4rem);
  font-weight: bold;
}

main p {
  max-width: 35em;
  margin: 1em 0;
  z-index: 1;
  position: relative;
}

.result-card p {
  margin: 0;
}

main section>header p {
  font-size: 1.125rem;
}

main>section>header:not(.hasPlate) p {
  margin: 1em auto;
}

main>section.hasCards {
  max-width: 100%;
}

.cards,
.hasPlate {
  gap: 2rem;
}

.cards {
  margin: 2rem auto 0;
  align-items: stretch;
  gap: 2rem 5rem;
}

#about .cards,
#practice .cards {
  max-width: 68em;
}

.cards>* {
  flex-grow: 1;
  width: 1%;
  min-width: min(20rem, 100%);
  max-width: 24rem;
}

#about .cards>*,
#practice .cards>* {
  min-width: min(24rem, 100%);
  max-width: 28rem;
}

#practice .cards {
  gap: 3rem 7rem;
  padding: 0 2rem;
}

#practice h2 {
  color: var(--altFlow);
}

#practice a {
  color: var(--altFlow);
}

.cards h3[class*="icon_"]:before {
  font-size: 3rem;
  margin-right: .9rem;
}

.cards h3[class*="icon2_"]:before {
  font-size: 3rem;
  margin-right: .9rem;
}
.cards li {
  list-style: none;
  position: Relative;
  margin-bottom: 0.5rem;
  padding-left: 2rem;
}

.cards figure {
  position: relative;
  flex-grow: 0;
  width: 30%;
  height: auto;
  max-width: 16rem;
  text-align: center;
}

.hasPlate>div {
  flex-grow: 1;
  width: 1%;
  min-width: min(20rem, 100%);
}

.hasPlate.trailing>figure,
.hasPlate.trailing>picture {
  position: relative;
  flex-grow: 0;
  width: 30%;
  max-width: 16rem;
  text-align: center;
}

#about figure img,
#about figure picture {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}


.action {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  margin-right: 1.5rem;
  z-index: 1;
  text-decoration: none;
  padding: 0.75rem 1.5rem;
  color: var(--actionColor);
  background: var(--actionBg);
  border: var(--actionBorder);
  border-radius: 0.5em;
  transition: color 0.2s;
}

.action:focus,
.action:hover {
  color: var(--actionHoverColor);
}

.action:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  translate: -50% -50%;
  scale: 0;
  opacity: 0;
  background: var(--actionHoverBg);
  transition: scale 0.3s, opacity 0.3s;
}

.action:focus:after,
.action:hover:after {
  scale: 1.1;
  opacity: 1;
}

.hero {
  position: relative;
  padding: clamp(6rem, 3vh, 6rem) var(--horzPad) 0;
  color: var(--heroColor);
  margin-top: -5.6rem;
  min-height: 75vh;
  transition: 0.2s;
}

.hero p {
  font-size: 1.3rem;
}

#home {
  background-image: var(--pageBg);
  background-size: var(--homeBgSize);
  background-position: center;
  background-repeat: var(--homeRep);
  background-blend-mode: hard-light;
  overflow: hidden;
}

#home,
.landing {
    text-shadow: var(--heroTextShadow);
}

.bottom-margin {
  margin-bottom: 3rem;
}



/* #home {
  background-image: radial-gradient(black 1px, #0e3a4d 1px);
  background-size: 20px 20px;
  background-position: center;
} */

/* @media (width <= 600px) {
  #home {
    background-image: var(--pageBgMobile), var(--pageBgColor);
  }
} */

#home p span {
  font-weight: bold;
  color: var(--aboutHeading);
}

#heroImg {
  display: block;
  width: 100%;
  height: auto;

}

.hero .action {
  color: var(--heroActionColor);
  background: var(--heroActionBg);
  border-color: var(--heroActionColor);
  text-shadow: none;
  font-size: 1.2rem;
  font-weight: 1000;
    transition: 
    background-color 0.1s ease;
}

.hero .action:focus,
.hero .action:hover {
  color: var(--heroActionHoverColor);
}

.hero .action:after {
  background: var(--heroActionHoverBg);
}

.hero header {
  margin-top: .5rem;
  margin-bottom: 1.5rem;
  line-height: 1.2;
  z-index: 2;
}

.hero header p {
  margin: 0.25rem 0 1.5rem;
  font-size: 1.5rem;
  text-wrap: balance;
}



@media (max-width:56rem) {

  #mainMenu,
  #mainMenu>.modalClose {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    scroll-behavior: smooth;
  }

  #mainMenu {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    left: -200vw;
    background: var(--modalOuterBg);
    box-shadow: var(--modalOuterShadow);
    opacity: 0;
    transition: left 0s 0.5s, opacity 0.5s;
  }

  #mainMenu:target {
    left: 0;
    opacity: 1;
    transition: opacity 0.5s;
  }

  #mainMenu>div {
    position: relative;
    margin: auto 1rem;
    overflow: hidden;
    background: var(--altFlow);
    box-shadow: var(--modalShadow);
    border: var(--standardBorder);
    border-radius: 1rem;
    scale: 0;
    transition: scale 0.5s;
  }

  #mainMenu:target>div {
    scale: 1.5;
  }

  #mainMenu:target .modalClose {
    display: block;
  }

  #mainMenu>*>.modalClose:focus,
  #mainMenu>*>.modalClose:hover {
    scale: 1.2;
  }

  #mainMenu>div:before {
    content: attr(data-modalTitle);
    display: block;
    font-size: 1.25rem;
    padding: 0.5rem 4rem 0.5rem 1rem;
    margin-bottom: 1rem;
    background: var(--flowColor);
    border-bottom: var(--standardBorder);
    color: var(--modalHeading);
  }

  #mainMenu ul {
    margin: 1rem;
  }

  #mainMenu li {
    display: block;
    text-align: center;
    margin: 0.5rem 0;
  }

  .mainMenuOpen {
    display: block;
    width: 2.5rem;
    height: 2rem;
    background: linear-gradient(#FFC36D 20%,
        transparent 20% 40%,
        #FFC36D 40% 60%,
        transparent 60% 80%,
        #FFC36D 80%);
  }
}

.practice {
  text-align: center;
  color: var(--altFlow);
}

#practice {
  background: #edf2f7; 
  color: var(--altFlow);
  position: relative;
  overflow: hidden;
}


#about {
  background-image: var(--aboutBg);
  --mainHeadingColor: var(--aboutHeading);
  padding: var(--aboutPad);
}

#about,
#about p {
    color: var(--aboutTextColor);
}

.result-card {
  flex: 0 0 16rem;
  text-align: center;
  scroll-snap-align: start;
  color: #FFF; 
  position: relative;
}

.result-card:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  width: 0.15rem;
  height: 60%;
  background-color: var(--gold);
  opacity: 0.6;
}

.highlighted {
  background-color: var(--altFlow);
}


.result-card p {
  font-size: 1.1rem;
    font-weight: 500;
      color: var(--winsLabelColor);
}



.hero div {
  margin-top: 1rem;
  z-index: 1;
  position: relative;
}

@media (min-width: 1024px) {
  .hero .action {
    font-size: 1.25rem;
  }
}

@media (max-width: 1199px) {

  #logo span {
    display: block;
    font-size: 1.6rem;
  }
  #phone {
  margin-right: .5rem !important;
}
}

#fauxBody > footer {
  background: #fff;
  color: #0E3A4D;              
  border-top: var(--flowAltBorder);
}
#fauxBody > footer a {
  color: #0E3A4D;
}
#fauxBody > footer a:hover {
  color: var(--chromeAnchorHover);
}


#final-cta {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: clamp(2rem, 6vw, 4rem) var(--horzPad);
  color: #fff;
  background: var(--altFlow);
  text-align: center;
}
#final-cta .final-cta__inner {
  max-width: 56rem;
  margin-inline: auto;
}
#final-cta h2,
#final-cta h2 span {
  font-size: clamp(1.9rem, 4.8vw, 3rem);
  line-height: 1.15;
  margin: 0;
  color: #FFC36D; 
}
#final-cta h2 span {
  text-decoration: underline;
  text-underline-offset: .22em;
}
#final-cta .availability {
  margin-top: .6rem;
  font-size: clamp(1rem, 2.1vw, 1.2rem);
  opacity: .92;
  margin: .6rem auto 0;   
  max-width: 42rem;    
  text-align: center; 
}
.final-cta__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(.75rem, 2.6vw, 1rem);
  margin-top: clamp(1rem, 3vw, 1.6rem);
  flex-wrap: wrap;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .9rem 1.2rem;
  border-radius: .6rem;
  font-weight: 650;
  text-decoration: none;
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .15s ease, border-color .25s ease;
}
.cta-btn svg {
  flex: 0 0 auto;
}
.cta-btn.primary {
  background-color: #0E3A4D;
  color: #FFC36D;
  border: .125rem solid #FFC36D;
}
.cta-btn.primary:hover {
  background-color: #14385A;
  box-shadow: 0 0 .9rem rgba(255,195,109,.5);
  transform: translateY(-.05rem);
}
.cta-btn.ghost {
  background-color: transparent;
  color: #FFC36D;
  border: .125rem solid rgba(255,195,109,.65);
}
.cta-btn.ghost:hover {
  background-color: rgba(255,195,109,.08);
  box-shadow: 0 0 .6rem rgba(255,195,109,.4);
  transform: translateY(-.05rem);
}


.footer-cta__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(.75rem, 2.6vw, 1rem);
  flex-wrap: wrap;
}

.footer-cta-button {
  background-color: white;
}


#top a.brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--flowColor);                 
  text-decoration: none;
}

#top .brand-text { display: flex; flex-direction: column; line-height: 1.1; }
#top .brand-text #logo { margin: 0; color: var(--flowColor); }
#top .brand-text p  {
  margin: 0;
  color: var(--flowColor);
  position: static;                    
  background: transparent;              
  top: auto;
  opacity: .95;
}

#top .brand-mark {
  height: 3em;
  width: auto;
  flex-shrink: 0;
  fill: currentColor;
  color: var(--flowColor);
}


.hero figure {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 35%;
  max-width: 772px;
  height: auto;
  z-index: 0;
  margin: 0;
  line-height: 0;  
}

@media (max-width: 690px) {
  .hasPlate.trailing>figure {
    width: 100%;
  }
} 

@media (width <= 600px) and (height <= 644px) {
  .hero {
    min-height: 142vh;
  }
}

@media (width <= 360px) and (height >= 645px) {
  .hero {
    min-height: 129vh;
  }
}

@media (width >= 360px) and (640px <= height <= 666px) {
  .hero {
    min-height: 127vh;
  }
}

@media (width >= 360px) and (667px <= height <= 679px) {
  .hero {
    min-height: 124vh;
  }
}

@media (width >= 360px) and (680px <= height <= 719px) {
  .hero {
    min-height: 121vh;
  }
}

@media (width >= 360px) and (720px <= height <= 749px) {
  .hero {
    min-height: 115vh;
  }
}

@media (width >= 360px) and (750px <= height <= 779px) {
  .hero {
    min-height: 111vh;
  }
}

@media (360px <= width <= 389px) and (780px <= height <= 840px) {
  .hero {
    min-height: 102vh;
  }
}

@media (width >= 390px) and (780px <= height <= 840px) {
  .hero {
    min-height: 107vh;
  }
}

@media (width >= 410px) and (770px <= height <= 820px) {
  .hero {
    min-height: 102vh;
  }
}

@media (360px <= width <= 389px) and (841px <= height <= 880px) {
  .hero {
    min-height: 96vh;
  }
}

@media (width >= 390px) and (841px <= height <= 880px) {
  .hero {
    min-height: 100vh;
  }
}

@media (width >= 410px) and (821px <= height <= 880px) {
  .hero {
    min-height: 95vh;
  }
}

@media (360px <= width <= 389px) and (881px <= height <= 950px) {
  .hero {
    min-height: 90vh;
  }
}

@media (width >= 390px) and (881px <= height <= 950px) {
  .hero {
    min-height: 97vh;
  }
}

@media (width >= 410px) and (881px <= height <= 950px) {
  .hero {
    min-height: 90vh;
  }
}
@media (width >= 410px) and (951px <= height <= 990px) {
  .hero {
    min-height: 87vh;
  }
}
@media (width >= 450px) and (841px <= height <= 929px) {
  .hero {
    min-height: 98vh;
  }
}

@media (width >= 450px) and (951px <= height <= 1085px) {
  .hero {
    min-height: 88vh;
  }
}
@media (width >= 1580px){
  .hero #heroImg {
    width: 95%;
  }
}

@media (width > 600px) {
  .hero {
    min-height: 75vh;
  }
}

@media (width > 600px) and (height < 800px) {
  .hero figure {
    width: 35%;
  }
}

@media (808px <= width <= 910px) {
  .hero figure {
    display: none;
  }
}

@media (min-width: 700px) and (min-height: 810px) {
  .hero figure {
    width: 50%;
  }
}

@media (551px <= width <= 600px) {
  .hero figure { width: 60%; right: 50%; transform: translateX(50%); }
}

@media (min-width: 796px) and (max-width: 910px) and (min-height: 810px) {
  .hero figure { width: 50%; right: 50%; transform: translateX(50%); }
  .hero {
    min-height: 100vh;
  }
}

@media (min-width: 911px) and (max-width: 1189px) and (max-height: 1023px) {
  .hero figure {
    width: 26%;
  }
}

@media (min-width: 912px) and (min-height: 1024px) {
  .hero figure {
    width: 34%;
  }
}

@media (min-width: 1190px) and (min-height: 741px) and (max-height: 1023px) {
  .hero figure {
    width: 28%;
  }
}

@media (min-width: 1110px) and (max-height: 740px) {
  .hero figure {
    width: 24%;
  }
}

@media (min-width: 980px) and (min-height: 676) {
  .hero figure {
    width: 29%;
  }
}

@media (max-width: 417px) {
  .hero {
    padding: 5.25rem var(--horzPad) 0; 
  }

  #top>a:first-child {
    font-size: .75rem;
  }

  #logo span {
    font-size: 1.35rem;
  }

  #heroImg {
    display: block;
    width: 100%;
    height: auto;
    border-radius: .5rem .5rem 0 0;
  }
  main #landing {
    font-size: 2rem;
  }
}

@media (max-width:1550px) {
  #top {
    padding: var(--chromePad);
  }
}

@media (min-height:940px) {
  .hero div {
    margin-top: 2rem;
  }
}

@media (min-height:1020px) {
  .hero div {
    margin-top: 3rem;
  }
}

@media (min-height:1110px) {
  .hero div {
    margin-top: 6rem;
  }
}


@media (min-height: 1280px) {
  .hero div {
    margin-top: 10rem;
}
}

@media (min-height: 1580px) {
  .hero div {
    margin-top: 15rem;
}
}
 

@media (max-width: 705px) {
    .result-card {
    flex: 0 0 16rem;
    }
}

@media (min-width: 1028px) { 
  .result-card {
    flex: 0 0 18rem;
  }
}

@media (min-width: 1158px) { 
  .result-card {
    flex: 0 0 20rem;
  }
}

@media (min-width: 1280px) {
  .result-card {
    flex: 0 0 22rem;
  }
}
@media (max-width: 640px) {
  .result-card:not(:last-child)::after {
    width: 0.1rem;    
    height: 40%;        
    top: 30%;           
    right: -0.875rem; 
  }
}
@media (max-width: 550px) {
  .result-card {
    flex: 0;
  }

  .hero div {
    margin-top: 0;
  }

  .hero figure { width: 70%; right: 50%; transform: translateX(50%); }

}



#about .results-header {
  max-width: var(--maxWidth);
  padding: 1.5rem var(--horzPad);
  text-align: center;
}

#about .results-header h2 {
  color: var(--resultHead); 
  line-height: 1.1;
  margin: 0;
  letter-spacing: 0.01em;
}

#about .results-header h2::after { content: none; } /* no underline */

#about .results-header p {
  margin: 0.9rem auto 0;
  max-width: 48rem;
  color: var(--aboutTextColor);
  font-size: clamp(1.15rem, 0.9rem + 1.2vw, 1.4rem);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: 0.005em;
  text-wrap: balance;
}

#about .results-header p strong {
  color: #6F00FF;
  font-weight: 900;
}

#about .results-cards {
  --results-accent: #6F00FF;
  max-width: min(var(--maxWidth), 1240px);           
  margin: 1rem auto;
  margin-bottom: 2rem;  
  padding: 0 var(--horzPad);
}

#about .results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));   
  gap: clamp(18px, 3vw, 32px);                       
  justify-items: center;   
  align-items: stretch;
}

#about .result-card {
  color: var(--aboutTextColor);
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  padding: clamp(14px, 2.2vw, 18px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  width: 100%;
  max-width: clamp(300px, 31vw, 380px);
  height: 100%;
}

#about .result-card::before,
#about .result-card::after { content: none !important; }

#about .result-blurb {
  margin: 0 0 4px 0;
  color: var(--aboutTextColor);
  font-size: clamp(1rem, 0.8rem + 0.6vw, 1.1rem);
  line-height: 1.55;
  font-weight: 400;
}

#about .result-row {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.25rem;
  justify-items: start;
  text-align: left;
}

#about .result-label {
  display: block;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.01em;
}

#about .result-amount {
  display: block;
  margin-top: 0.25rem;
  white-space: nowrap;      
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
  font-weight: 700;
  font-size: clamp(1.2rem, 0.9rem + 1vw, 1.4rem);
}

#about .result-amount.offer {        /* insurance offer amount */
  color: var(--aboutTextColor);
  opacity: 0.85;
  font-size: 1.2rem;
}

#about .result-amount.got {          /* what we got */
  color: var(--results-accent);
  font-weight: 800;
  font-size: 2rem;
}

#about .result-divider {
  height: 2px;
  background: var(--results-accent);
  border-radius: 999px;
  margin: 0.6rem 0.625rem 0.7rem;    /* small side inset */
  width: calc(100% - 1.25rem);
}

@media (max-width: 1100px) {
  #about .results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));  /* 2 × 3 tablet */
    gap: clamp(16px, 2.5vw, 28px);
  }
}

@media (max-width: 640px) {
  #about .results-grid {
    grid-template-columns: 1fr;                         /* 1 × 6 mobile */
    gap: 16px;
    justify-items: stretch;                             /* full width on phones */
  }
  #about .result-card { max-width: none; }
}


#see-win {
  color: var(--finalCtaText, #fff);
  background-image: linear-gradient(180deg, var(--cta-bg-top), var(--cta-bg-bot));
  max-width: 100%;
  position: relative;
  border-bottom: none;
}

#see-win h2 {
  color: var(--mainHeadingColor);
}

#see-win .cta-inline__inner {
  max-width: min(var(--maxWidth), 1200px);
  margin: 0 auto;
  padding: 0 var(--horzPad);
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, 1fr);
  gap: clamp(18px, 3vw, 40px);
  align-items: start;
}

#see-win .cta-inline__copy h2 {
  margin: 0 0 .5rem;
  font-size: clamp(2rem, 1.2rem + 2.5vw, 3rem);
  line-height: 1.05;
}
#see-win .cta-inline__copy h2 span { color: var(--cta-accent); }

#see-win .cta-inline__copy p {
  max-width: 40ch;
  font-size: clamp(1rem, .9rem + .45vw, 1.15rem);
  opacity: .96;
}

#see-win .cta-form {
  background: rgba(7, 18, 28, .52);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  padding: clamp(16px, 2.5vw, 22px);
}

#see-win .cta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 12px;
}
#see-win .cta-grid .span-2 { grid-column: 1 / -1; }

#see-win .cta-form label { font-weight: 600; font-size: .95rem; }
#see-win .cta-form input,
#see-win .cta-form select,
#see-win .cta-form textarea {
  width: 100%;
  margin-top: .25rem;
  background: #fff;
  color: #0f1a22;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 10px;
  padding: .65rem .8rem;
}
#see-win .cta-form textarea { min-height: 9rem; }

#see-win .cta-submit {
  width: 100%;
  padding: .95rem 1rem;
  border: none;
  border-radius: .65rem;
  background: var(--modalButtonBg);
  color: var(--modalButtonColor);
  font-weight: 800;
  letter-spacing: .02em;
  transition: transform .2s ease, filter .2s ease;
}
#see-win .cta-submit:hover,
#see-win .cta-submit:focus { transform: translateY(-1px); filter: brightness(1.08); }
@media (max-width: 900px) {
  #see-win .cta-inline__inner { grid-template-columns: 1fr; }
  #see-win .cta-inline__copy p { max-width: 55ch; }
}
@media (max-width: 540px) {
  #see-win .cta-grid { grid-template-columns: 1fr; }
}

#faqs {
  background: #edf2f7;
  color: var(--altFlow);
  max-width: 100%;
  margin-bottom: 3rem;
}

#faqs .faqs__inner {
  max-width: var(--maxWidth);
  margin: 0 auto;
  padding: 0 var(--horzPad);
}

#faqs h2 {
  text-align: center;
  margin: 0 0 clamp(1.2rem, 3vw, 2rem);
  font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
  line-height: 1.1;
}

#faqs .faq_head h2{
  color: var(--altFlow);
}

#faqs .faq-list {
  background: transparent;
}

#faqs .faq {
  border-bottom: 2px solid rgba(15, 26, 34, 0.18);
  padding-block: clamp(1rem, 2.2vw, 1.6rem);
}

#faqs .faq summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  outline: none;
}
#faqs .faq summary::-webkit-details-marker { display: none; }

#faqs .faq-q {
  font-size: clamp(1.25rem, 1rem + 1.2vw, 2rem);
  line-height: 1.25;
  font-weight: 800;
  color: var(--altFlow);
}

/* Square plus/minus toggle (like the reference screenshot) */
#faqs .faq-toggle {
  width: 28px;
  height: 28px;
  border: 2px solid #0b2130;
  border-radius: 4px;
  position: relative;
  flex: 0 0 28px;
}
#faqs .faq-toggle::before,
#faqs .faq-toggle::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 16px;
  height: 2px;
  background: #0b2130;      /* horizontal bar */
  transition: opacity .2s ease, transform .2s ease;
}
#faqs .faq-toggle::after {
  transform: rotate(90deg);  /* vertical bar (to make +) */
}

/* When open: show minus (hide vertical bar) */
#faqs .faq[open] .faq-toggle::after { opacity: 0; transform: rotate(90deg) scaleX(0); }

/* Answer content (animated reveal) */
#faqs .faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .25s ease;
}
#faqs .faq[open] .faq-content { grid-template-rows: 1fr; }

#faqs .faq-content > * {
  overflow: hidden; 
}

#faqs .faq-content p {
  margin: 1.7rem 0 0;
  font-size: clamp(1rem, .95rem + .3vw, 1.125rem);
  line-height: 1.6;
  color: #243744;
}

/* Focus states for accessibility */
#faqs .faq summary:focus-visible .faq-q,
#faqs .faq summary:hover .faq-q {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

#testimonial-spotlight {
  background: #edf2f7; 
  max-width: 100%;
  border-bottom: none;
}

#testimonial-spotlight .ts__inner {
  max-width: var(--maxWidth);
  margin: 0 auto;
  padding: 0 var(--horzPad);
  margin-top: 3rem;
}

#testimonial-spotlight .ts-card {
  background: rgb(14, 58, 77);
  color: #fff;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
  padding: clamp(1.5rem, 5vw, 3rem);
}

#testimonial-spotlight .ts-quote p {
  margin: 0 0 clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(1.6rem, 1rem + 3.2vw, 3rem);
  line-height: 1.15;
  letter-spacing: .005em;
}

#testimonial-spotlight .ts-quote .muted { opacity: .45; }
#testimonial-spotlight .ts-quote .em { color: #fff; font-weight: 800; }

#testimonial-spotlight .ts-meta {
  display: flex;
  align-items: center;
  gap: .65rem;
  color: #ffffffcc;
  font-size: clamp(1rem, .9rem + .2vw, 1.125rem);
}

#testimonial-spotlight .ts-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 48px;
  box-shadow: 0 4px 10px rgba(0,0,0,.35);
}

#testimonial-spotlight .ts-name { font-weight: 700; }
#testimonial-spotlight .ts-title { opacity: .85; }

@media (min-width: 1100px) {
  #testimonial-spotlight .ts-card { border-radius: 26px; }
}

#why-us {
  background: #edf2f7;
  padding: var(--aboutPad);
}

:is(#about, #why-us),
:is(#about, #why-us) p { color: var(--aboutTextColor); }
:is(#about, #why-us) h2 { color: var(--aboutHeading); }
:is(#about, #why-us) h3 { color: #FFC36D; }
:is(#about, #why-us) .cards { max-width: 67em; }

@media (width <=1256px) {
  :is(#about, #why-us) .cards { max-width: 56em; }
}

:is(#about, #why-us) .cards h3 { color: var(--aboutH3Color); }
:is(#about, #why-us) figure img,
:is(#about, #why-us) figure picture { width: 100%; height: auto; border-radius: 1rem; }

.nav-mark {
  vertical-align:-0.125em; /* nudge down to align with text */
  margin-right:.4ch;       /* optional spacing before the number */
}

#top .nav-mark {
  height: 1.2rem;
  text-align: center;
  width: auto;
  flex-shrink: 0;
  fill: currentColor;
  color: var(--flowBg);
}

.videoEmbed {
	position:relative;
	overflow:hidden;
  aspect-ratio:var(--aspect-ratio);
	max-height:60vh;
  margin: 4rem auto;
	background-color:#000;
  background-image:var(--video-poster);
  background-size:contain;
  border-radius: .5rem;
}

.videoEmbed > * {
	box-sizing:border-box;
	position:absolute;
  left:0;
	top:0;
	width:100%;
	height:100%;
	border:0;
}

.videoEmbed a span {
  position:absolute;
  left:0;
  bottom:1rem;
	z-index:99;
  padding:1rem;
  line-height:1.5rem;
  text-decoration:none;
  background:#222;
  color:#EEE;
	transition:background 0.3s;
}

.videoEmbed a:focus span,
.videoEmbed a:hover span {
	background:#444;
}

.videoEmbed a b,
.videoEmbed button {
	background-color:transparent;
	color:transparent;
	cursor:pointer;
}

.videoEmbed button {
	background:center no-repeat;
	transition:scale 0.3s;
}

.videoEmbed button:focus,
.videoEmbed button:hover {
	scale:1.1;
}

.videoEmbed header {
	padding:1rem;
  font-size: 1rem;
	color:#FFF;
}

.videoEmbed a b {
	display:inline-block;
	font-size:1.25em;
  vertical-align:top;
	background:center no-repeat;
  background-size:contain;
}

.videoEmbed.vimeo span {
	background:#025;
}

.videoEmbed.vimeo a:focus span,
.videoEmbed.vimeo a:hover span {
	background:#008;
}

.videoEmbed.vimeo button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%230BF' %3E%3Cpath d='M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zM188.3 147.1c-7.6 4.2-12.3 12.3-12.3 20.9V344c0 8.7 4.7 16.7 12.3 20.9s16.8 4.1 24.3-.5l144-88c7.1-4.4 11.5-12.1 11.5-20.5s-4.4-16.1-11.5-20.5l-144-88c-7.4-4.5-16.7-4.7-24.3-.5z'/%3E%3C/svg%3E");
	background-size:5rem;
}

.videoEmbed.vimeo a b {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 24' fill='%230BF' %3E%3Cpath d='m 15.72,9.431 c -0.069,1.514 -1.127,3.588 -3.172,6.22 -2.114,2.749 -3.903,4.124 -5.367,4.124 -0.906,0 -1.673,-0.837 -2.3,-2.512 C 4.463,15.728 4.044,14.194 3.626,12.659 3.161,10.985 2.662,10.147 2.128,10.147 c -0.116,0 -0.524,0.245 -1.221,0.733 L 0.176,9.937 C 0.943,9.263 1.7,8.588 2.445,7.912 3.469,7.028 4.237,6.562 4.75,6.515 5.96,6.399 6.705,7.227 6.985,8.998 c 0.302,1.912 0.511,3.101 0.628,3.566 0.349,1.586 0.733,2.378 1.152,2.378 0.326,0 0.815,-0.515 1.467,-1.543 0.651,-1.029 1,-1.812 1.047,-2.349 0.093,-0.888 -0.256,-1.333 -1.047,-1.333 -0.373,0 -0.757,0.085 -1.151,0.255 0.764,-2.504 2.224,-3.721 4.38,-3.652 1.598,0.047 2.351,1.084 2.259,3.111' id='path4' /%3E%3Cpath d='m 22.281,1.918 c -0.023,0.58 -0.314,1.136 -0.874,1.669 -0.628,0.602 -1.373,0.903 -2.234,0.903 -1.327,0 -1.968,-0.579 -1.921,-1.737 0.022,-0.602 0.378,-1.182 1.064,-1.738 0.687,-0.555 1.449,-0.834 2.288,-0.834 0.489,0 0.896,0.192 1.223,0.574 0.325,0.382 0.477,0.77 0.454,1.163 z m 3.038,12.419 c -0.652,1.232 -1.548,2.349 -2.689,3.349 -1.56,1.349 -3.119,2.024 -4.679,2.024 -0.723,0 -1.275,-0.233 -1.659,-0.699 -0.384,-0.465 -0.565,-1.069 -0.541,-1.814 0.022,-0.767 0.261,-1.954 0.715,-3.56 0.454,-1.605 0.682,-2.466 0.682,-2.582 0,-0.605 -0.21,-0.908 -0.629,-0.908 -0.139,0 -0.536,0.245 -1.188,0.733 L 14.528,9.937 c 0.745,-0.674 1.49,-1.349 2.235,-2.025 1.001,-0.884 1.746,-1.35 2.236,-1.397 0.768,-0.069 1.332,0.157 1.693,0.679 0.36,0.523 0.494,1.2 0.402,2.035 -0.303,1.415 -0.629,3.212 -0.978,5.392 -0.024,0.998 0.337,1.496 1.082,1.496 0.326,0 0.908,-0.344 1.746,-1.033 0.699,-0.574 1.269,-1.114 1.712,-1.62 l 0.663,0.873' id='path6' /%3E%3Cpath d='m 47.127,14.336 c -0.652,1.233 -1.548,2.349 -2.689,3.349 -1.56,1.349 -3.12,2.024 -4.679,2.024 -1.514,0 -2.247,-0.837 -2.2,-2.513 0.022,-0.745 0.168,-1.639 0.436,-2.686 0.267,-1.048 0.413,-1.862 0.436,-2.444 0.024,-0.883 -0.245,-1.326 -0.806,-1.326 -0.607,0 -1.331,0.722 -2.172,2.165 -0.887,1.514 -1.367,2.98 -1.436,4.4 -0.05,1.002 0.05,1.77 0.293,2.305 -1.624,0.047 -2.762,-0.221 -3.411,-0.803 -0.582,-0.512 -0.848,-1.361 -0.801,-2.549 0.02,-0.745 0.136,-1.49 0.343,-2.235 0.205,-0.745 0.319,-1.408 0.342,-1.991 0.05,-0.861 -0.268,-1.292 -0.944,-1.292 -0.583,0 -1.213,0.664 -1.888,1.991 -0.676,1.326 -1.049,2.712 -1.119,4.155 -0.05,1.305 0.04,2.212 0.25,2.724 -1.598,0.047 -2.733,-0.29 -3.404,-1.01 -0.558,-0.603 -0.812,-1.52 -0.765,-2.751 0.02,-0.603 0.129,-1.445 0.321,-2.524 0.192,-1.08 0.299,-1.921 0.321,-2.525 0.05,-0.417 -0.06,-0.627 -0.314,-0.627 -0.14,0 -0.536,0.236 -1.188,0.707 L 21.215,9.937 c 0.117,-0.092 0.849,-0.768 2.2,-2.025 0.978,-0.907 1.641,-1.373 1.99,-1.396 0.606,-0.047 1.094,0.203 1.467,0.75 0.372,0.547 0.559,1.182 0.559,1.903 0,0.233 -0.02,0.454 -0.07,0.664 0.349,-0.535 0.756,-1.002 1.222,-1.398 1.071,-0.93 2.27,-1.455 3.597,-1.571 1.141,-0.093 1.955,0.174 2.445,0.803 0.395,0.512 0.581,1.246 0.558,2.2 0.163,-0.139 0.338,-0.291 0.525,-0.454 0.534,-0.628 1.058,-1.128 1.57,-1.501 0.861,-0.629 1.759,-0.978 2.689,-1.048 1.118,-0.093 1.921,0.173 2.41,0.8 0.418,0.51 0.605,1.241 0.559,2.191 -0.024,0.65 -0.181,1.595 -0.472,2.836 -0.292,1.241 -0.436,1.953 -0.436,2.139 -0.024,0.488 0.023,0.824 0.139,1.009 0.117,0.186 0.395,0.278 0.838,0.278 0.326,0 0.907,-0.344 1.746,-1.034 0.698,-0.573 1.269,-1.113 1.712,-1.619 l 0.664,0.872' id='path8' /%3E%3Cpath d='m 52.295,10.654 c 0.022,-0.625 -0.233,-0.938 -0.767,-0.938 -0.698,0 -1.407,0.481 -2.127,1.442 -0.721,0.961 -1.093,1.882 -1.116,2.762 -0.013,0 -0.013,0.151 0,0.452 1.139,-0.417 2.127,-1.053 2.964,-1.911 0.674,-0.741 1.022,-1.344 1.046,-1.807 z m 7.927,3.646 c -0.675,1.117 -2.002,2.232 -3.981,3.348 -2.467,1.418 -4.971,2.126 -7.508,2.126 -1.885,0 -3.237,-0.628 -4.051,-1.885 -0.582,-0.861 -0.861,-1.885 -0.838,-3.072 0.023,-1.885 0.862,-3.677 2.515,-5.377 1.815,-1.862 3.957,-2.794 6.425,-2.794 2.282,0 3.492,0.93 3.632,2.787 0.093,1.184 -0.559,2.404 -1.956,3.658 -1.49,1.371 -3.365,2.241 -5.622,2.612 0.418,0.581 1.046,0.871 1.885,0.871 1.676,0 3.504,-0.426 5.483,-1.279 1.42,-0.599 2.538,-1.221 3.353,-1.866 l 0.663,0.871' id='path10' /%3E%3Cpath d='m 65.755,11.828 c 0.023,-0.63 -0.064,-1.207 -0.262,-1.732 -0.198,-0.524 -0.484,-0.788 -0.855,-0.788 -1.188,0 -2.166,0.642 -2.933,1.925 -0.653,1.05 -1.003,2.17 -1.048,3.358 -0.024,0.584 0.081,1.098 0.314,1.54 0.255,0.514 0.616,0.77 1.083,0.77 1.047,0 1.944,-0.617 2.689,-1.854 0.628,-1.027 0.965,-2.1 1.012,-3.219 z m 3.946,0.132 c -0.093,2.139 -0.884,3.987 -2.374,5.544 -1.49,1.557 -3.342,2.336 -5.553,2.336 -1.839,0 -3.236,-0.593 -4.19,-1.779 -0.698,-0.883 -1.083,-1.987 -1.152,-3.311 -0.118,-2 0.604,-3.836 2.165,-5.51 1.676,-1.859 3.782,-2.789 6.32,-2.789 1.629,0 2.863,0.547 3.702,1.639 0.792,1 1.152,2.29 1.082,3.87' id='path12' /%3E%3C/svg%3E%0A");
}

.videoEmbed.youtube button {
  background-image:url("data:image/svg+xml,%3Csvg width='159' height='110' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m154 17.5c-1.82-6.73-7.07-12-13.8-13.8-9.04-3.49-96.6-5.2-122 0.1-6.73 1.82-12 7.07-13.8 13.8-4.08 17.9-4.39 56.6 0.1 74.9 1.82 6.73 7.07 12 13.8 13.8 17.9 4.12 103 4.7 122 0 6.73-1.82 12-7.07 13.8-13.8 4.35-19.5 4.66-55.8-0.1-75z' fill='%23f00'/%3E%3Cpath d='m105 55-40.8-23.4v46.8z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-size:5.81rem 4rem;
}

.videoEmbed.youtube a b {
  margin-left:0.25rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 507.9 113.39'%3E%3Cg fill='%23fff'%3E%3Cpath d='M64.792 80.99V32.396l42.082 24.297zm93.803-63.285a20.285 20.285 0 00-14.32-14.32C131.642 0 80.99 0 80.99 0S30.337 0 17.705 3.385a20.286 20.286 0 00-14.32 14.32C0 30.338 0 56.693 0 56.693S0 83.049 3.385 95.68A20.285 20.285 0 0017.705 110c12.632 3.386 63.285 3.386 63.285 3.386s50.652 0 63.285-3.386a20.284 20.284 0 0014.32-14.32c3.385-12.632 3.385-38.988 3.385-38.988s0-26.355-3.385-38.988m94.473 74.326c.887-2.314 1.332-6.098 1.332-11.35V58.556c0-5.097-.445-8.822-1.332-11.178-.888-2.355-2.452-3.533-4.69-3.533-2.163 0-3.69 1.178-4.577 3.533-.888 2.356-1.332 6.081-1.332 11.178V80.68c0 5.25.424 9.035 1.275 11.35.848 2.318 2.392 3.475 4.633 3.475 2.239 0 3.803-1.157 4.691-3.475zm-17.953 11.122c-3.207-2.16-5.486-5.52-6.835-10.079-1.352-4.554-2.027-10.617-2.027-18.185v-10.31c0-7.644.771-13.784 2.316-18.417 1.544-4.633 3.956-8.011 7.24-10.135 3.282-2.123 7.587-3.186 12.916-3.186 5.251 0 9.459 1.082 12.626 3.243 3.165 2.162 5.482 5.542 6.95 10.136 1.466 4.595 2.2 10.715 2.2 18.36v10.31c0 7.567-.714 13.65-2.142 18.243-1.43 4.595-3.747 7.955-6.951 10.077-3.205 2.124-7.548 3.186-13.03 3.186-5.64 0-10.06-1.082-13.263-3.243m248.053-57.981c-.81 1.005-1.352 2.646-1.621 4.923-.272 2.278-.404 5.734-.404 10.367v5.097h11.697V60.46c0-4.555-.155-8.011-.463-10.367-.309-2.355-.868-4.014-1.678-4.98-.812-.966-2.067-1.449-3.766-1.449-1.7 0-2.954.503-3.765 1.506zm-2.025 29.886v3.591c0 4.557.132 7.974.404 10.251.269 2.279.828 3.94 1.68 4.982.849 1.041 2.16 1.564 3.938 1.564 2.392 0 4.035-.927 4.923-2.781.887-1.853 1.37-4.942 1.447-9.268l13.785.812c.077.62.116 1.469.116 2.548 0 6.565-1.795 11.47-5.387 14.712-3.589 3.242-8.669 4.865-15.232 4.865-7.876 0-13.398-2.47-16.564-7.414-3.168-4.94-4.75-12.586-4.75-22.935V63.589c0-10.657 1.641-18.436 4.924-23.342 3.281-4.903 8.9-7.355 16.854-7.355 5.482 0 9.691 1.004 12.626 3.012 2.933 2.01 5 5.137 6.197 9.383 1.197 4.247 1.796 10.117 1.796 17.607v12.163h-26.757m-284.953-1.33l-18.187-65.68h15.869l6.37 29.77c1.623 7.339 2.82 13.594 3.591 18.766h.464c.54-3.706 1.738-9.922 3.591-18.65l6.603-29.886h15.869l-18.417 65.68v31.51h-15.754v-31.51M322.115 34.23v71.007h-12.511l-1.39-8.688h-.347c-3.399 6.564-8.496 9.845-15.291 9.845-4.71 0-8.185-1.543-10.425-4.633-2.24-3.087-3.359-7.915-3.359-14.48V34.23h15.985v52.126c0 3.168.348 5.426 1.043 6.776.695 1.353 1.853 2.027 3.475 2.027 1.39 0 2.722-.423 3.996-1.275 1.274-.849 2.22-1.928 2.838-3.241V34.229h15.986m81.995.001v71.007h-12.511l-1.391-8.688h-.345c-3.402 6.564-8.498 9.845-15.292 9.845-4.711 0-8.186-1.543-10.426-4.633-2.24-3.087-3.358-7.915-3.358-14.48V34.23h15.985v52.126c0 3.168.347 5.426 1.041 6.776.696 1.353 1.855 2.027 3.476 2.027 1.391 0 2.723-.423 3.996-1.275 1.275-.849 2.22-1.928 2.839-3.241V34.229h15.985'%3E%3C/path%3E%3Cpath d='M365.552 20.908h-15.87v84.329h-15.637v-84.33h-15.869V8.05h47.376v12.858m76.811 53.636c0 5.174-.215 9.229-.639 12.162-.424 2.937-1.139 5.021-2.143 6.255-1.004 1.236-2.357 1.854-4.053 1.854a7.404 7.404 0 01-3.65-.927c-1.12-.618-2.026-1.544-2.722-2.78V50.796c.54-1.93 1.467-3.513 2.78-4.749 1.313-1.234 2.74-1.853 4.285-1.853 1.623 0 2.876.637 3.766 1.91.886 1.275 1.505 3.418 1.853 6.43.348 3.011.523 7.297.523 12.857zm14.652-28.964c-.967-4.478-2.531-7.721-4.692-9.73-2.163-2.007-5.136-3.011-8.919-3.011-2.935 0-5.676.83-8.224 2.49a16.926 16.926 0 00-5.908 6.545h-.117l.001-37.416h-15.405v100.777h13.204l1.622-6.717h.347c1.235 2.393 3.088 4.285 5.56 5.675 2.47 1.39 5.213 2.085 8.225 2.085 5.404 0 9.382-2.491 11.931-7.471 2.548-4.982 3.823-12.76 3.823-23.341V64.23c0-7.953-.484-14.17-1.448-18.65'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}