pre,.pre{overflow-x:auto;overflow-y:hidden;overflow:scroll}pre code{display:block;padding:1.5em;white-space:pre;font-size:.875rem;line-height:2}pre{background-color:#222;color:#ddd;white-space:pre;hyphens:none;position:relative}.pagination{margin:3rem 0}.pagination li{display:inline-block;margin-right:.375rem;font-size:.875rem;margin-bottom:2.5em}[dir=rtl] .pagination li{margin-left:.375rem;margin-right:0}.pagination li a{padding:.5rem .625rem;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:3px;text-decoration:none}.pagination li.disabled{display:none}.pagination li.active a:link,.pagination li.active a:active,.pagination li.active a:visited{background-color:#ddd}#TableOfContents ul li{margin-bottom:1em}.ananke-socials a{display:inline-block;vertical-align:middle;color:#bababa;fill:currentColor}.ananke-socials a .icon svg{width:32px;height:32px}.ananke-socials a:hover{color:#6b7280}.new-window{opacity:0;display:inline-block;vertical-align:top}.link-transition:hover .new-window{opacity:1}#TableOfContents ul li{margin-bottom:1em}.lh-copy blockquote{display:block;font-size:.875em;margin-left:2rem;margin-top:2rem;margin-bottom:2rem;border-left:4px solid #ccc;padding-left:1rem}.nested-links a{overflow-wrap:break-word}@font-face{font-family:generalsans-extralight;src:url(/fonts/general_sans/GeneralSans-Extralight.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Extralight.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Extralight.ttf)format('truetype');font-weight:200;font-display:swap;font-style:normal}@font-face{font-family:generalsans-extralightitalic;src:url(/fonts/general_sans/GeneralSans-ExtralightItalic.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-ExtralightItalic.woff)format('woff'),url(/fonts/general_sans/GeneralSans-ExtralightItalic.ttf)format('truetype');font-weight:200;font-display:swap;font-style:italic}@font-face{font-family:generalsans-light;src:url(/fonts/general_sans/GeneralSans-Light.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Light.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Light.ttf)format('truetype');font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:generalsans-lightitalic;src:url(/fonts/general_sans/GeneralSans-LightItalic.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-LightItalic.woff)format('woff'),url(/fonts/general_sans/GeneralSans-LightItalic.ttf)format('truetype');font-weight:300;font-display:swap;font-style:italic}@font-face{font-family:generalsans-regular;src:url(/fonts/general_sans/GeneralSans-Regular.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Regular.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Regular.ttf)format('truetype');font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:generalsans-italic;src:url(/fonts/general_sans/GeneralSans-Italic.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Italic.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Italic.ttf)format('truetype');font-weight:400;font-display:swap;font-style:italic}@font-face{font-family:generalsans-medium;src:url(/fonts/general_sans/GeneralSans-Medium.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Medium.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Medium.ttf)format('truetype');font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:generalsans-mediumitalic;src:url(/fonts/general_sans/GeneralSans-MediumItalic.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-MediumItalic.woff)format('woff'),url(/fonts/general_sans/GeneralSans-MediumItalic.ttf)format('truetype');font-weight:500;font-display:swap;font-style:italic}@font-face{font-family:generalsans-semibold;src:url(/fonts/general_sans/GeneralSans-Semibold.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Semibold.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Semibold.ttf)format('truetype');font-weight:600;font-display:swap;font-style:normal}@font-face{font-family:generalsans-semibolditalic;src:url(/fonts/general_sans/GeneralSans-SemiboldItalic.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-SemiboldItalic.woff)format('woff'),url(/fonts/general_sans/GeneralSans-SemiboldItalic.ttf)format('truetype');font-weight:600;font-display:swap;font-style:italic}@font-face{font-family:generalsans-bold;src:url(/fonts/general_sans/GeneralSans-Bold.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Bold.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Bold.ttf)format('truetype');font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:generalsans-bolditalic;src:url(/fonts/general_sans/GeneralSans-BoldItalic.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-BoldItalic.woff)format('woff'),url(/fonts/general_sans/GeneralSans-BoldItalic.ttf)format('truetype');font-weight:700;font-display:swap;font-style:italic}@font-face{font-family:generalsans-variable;src:url(/fonts/general_sans/GeneralSans-Variable.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-Variable.woff)format('woff'),url(/fonts/general_sans/GeneralSans-Variable.ttf)format('truetype');font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:generalsans-variableitalic;src:url(/fonts/general_sans/GeneralSans-VariableItalic.woff2)format('woff2'),url(/fonts/general_sans/GeneralSans-VariableItalic.woff)format('woff'),url(/fonts/general_sans/GeneralSans-VariableItalic.ttf)format('truetype');font-weight:200 700;font-display:swap}@font-face{font-family:bureauserif;src:url(/fonts/bureau_serif/STKBureauSerif-Book.woff2)format('woff2'),url(/fonts/bureau_serif/STKBureauSerif-Book.woff)format('woff'),url(/fonts/bureau_serif/STKBureauSerif-Book.ttf)format('truetype');font-weight:400;font-display:swap}@font-face{font-family:bureauserif-italic;src:url(/fonts/bureau_serif/STKBureauSerif-Italic.woff2)format('woff2'),url(/fonts/bureau_serif/STKBureauSerif-Italic.woff)format('woff'),url(/fonts/bureau_serif/STKBureauSerif-Italic.ttf)format('truetype');font-weight:400;font-display:swap}@font-face{font-family:bureauserif-medium;src:url(/fonts/bureau_serif/STKBureauSerif-Medium.woff2)format('woff2'),url(/fonts/bureau_serif/STKBureauSerif-Medium.woff)format('woff'),url(/fonts/bureau_serif/STKBureauSerif-Medium.ttf)format('truetype');font-weight:500;font-display:swap}@font-face{font-family:bureauserif-mediumitalic;src:url(/fonts/bureau_serif/STKBureauSerif-MediumItalic.woff2)format('woff2'),url(/fonts/bureau_serif/STKBureauSerif-MediumItalic.woff)format('woff'),url(/fonts/bureau_serif/STKBureauSerif-MediumItalic.ttf)format('truetype');font-weight:500;font-display:swap}.body-font{font-family:generalsans-regular,sans-serif}.title-font{font-family:bureauserif,serif}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xx-small{font-size:10px}.text-x-small{font-size:12px}.text-small{font-size:14px}.text-large{font-size:16px}.text-x-large{font-size:18px}.text-xx-large{font-size:20px}:root{--white:#fff;--black:#000;--blue-navy:#242E54;--blue-happy:#003399;--blue-baby:#99CCFF;--purple:#9966FF;--purple-contrast:#783CF0;--purple-invert:#9966FF;--grey-mid:rgba(36, 46, 84, 0.75);--grey-light:rgba(36, 46, 84, 0.55);--grey-bg-dark:#E5E7F0;--grey-bg-mid:#ECEEF4;--grey-bg-light:#F3F5F9;--link:#0042C5;--link-invert:#99CCFF;--utility-green:#00D671;--utility-green-dark:#00A356;--utility-blue:#339CFD;--utility-blue-contrast:#0150EB;--utility-blue-light:rgba(125, 190, 255, 0.17);--utility-purple:#9966FF;--utility-purple-dark:#783CF0;--utility-orange:#FFB236;--utility-orange-dark:#F6862A;--utility-red:#F1375C;--gradient-1:linear-gradient(180deg, rgba(153, 204, 255, 1) 0%, rgba(153, 102, 255, 1) 100%);--gradient-2:linear-gradient(185deg, rgba(153, 102, 255, 1) 23%, rgba(0, 62, 183, 1) 85%, rgba(0, 51, 153, 1) 100%);--gradient-3:linear-gradient(180deg, rgba(153, 204, 255, 1) 0%, rgba(153, 102, 255, 1) 48%, rgba(0, 62, 183, 1) 100%);--gradient-4:linear-gradient(180deg, rgba(153, 204, 255, 1) 0%, rgba(0, 51, 153, 1) 100%);--gradient-footer:linear-gradient(196deg, rgba(153, 102, 255, 1) 0%, rgba(0, 62, 183, 1) 50%, rgba(0, 51, 153, 1) 100%);--size-1:10px;--size-2:20px;--size-3:30px;--size-4:40px;--size-5:50px;--size-6:60px;--size-7:70px;--size-8:80px;--size-9:90px;--size-10:100px;--size-11:110px;--size-12:120px;--content-width-wide:1200px;--content-width-narrow:820px}.text-white{color:var(--white)}.text-black{color:var(--black)}.text-blue-navy{color:var(--blue-navy)}.text-blue-happy{color:var(--blue-happy)}.text-blue-baby{color:var(--blue-baby)}.text-purple{color:var(--purple)}.text-purple-contrast{color:var(--purple-contrast)}.text-purple-invert{color:var(--purple-invert)}.text-grey-mid{color:var(--grey-mid)}.text-grey-light{color:var(--grey-light)}.text-grey-bg-dark{color:var(--grey-bg-dark)}.text-grey-bg-mid{color:var(--grey-bg-mid)}.text-grey-bg-light{color:var(--grey-bg-light)}.text-link{color:var(--link)}.text-link-invert{color:var(--link-invert)}.text-utility-green{color:var(--utility-green)}.text-utility-green-dark{color:var(--utility-green-dark)}.text-utility-blue{color:var(--utility-blue)}.text-utility-blue-contrast{color:var(--utility-blue-contrast)}.text-utility-purple{color:var(--utility-purple)}.text-utility-purple-dark{color:var(--utility-purple-dark)}.text-utility-orange{color:var(--utility-orange)}.text-utility-orange-dark{color:var(--utility-orange-dark)}.text-utility-red{color:var(--utility-red)}.bg-white{background:var(--white)}.bg-black{background:var(--black)}.bg-blue-navy{background-color:var(--blue-navy)}.bg-blue-happy{background-color:var(--blue-happy)}.bg-blue-baby{background-color:var(--blue-baby)}.bg-purple{background-color:var(--purple)}.bg-purple-contrast{background-color:var(--purple-contrast)}.bg-purple-invert{background-color:var(--purple-invert)}.bg-grey-mid{background-color:var(--grey-mid)}.bg-grey-light{background-color:var(--grey-light)}.bg-grey-bg-dark{background-color:var(--grey-bg-dark)}.bg-grey-bg-mid{background-color:var(--grey-bg-mid)}.bg-grey-bg-light{background-color:var(--grey-bg-light)}.bg-link{background-color:var(--link)}.bg-link-invert{background-color:var(--link-invert)}.bg-utility-green{background-color:var(--utility-green)}.bg-utility-green-dark{background-color:var(--utility-green-dark)}.bg-utility-blue{background-color:var(--utility-blue)}.bg-utility-blue-contrast{background-color:var(--utility-blue-contrast)}.bg-utility-purple{background-color:var(--utility-purple)}.bg-utility-purple-dark{background-color:var(--utility-purple-dark)}.bg-utility-orange{background-color:var(--utility-orange)}.bg-utility-orange-dark{background-color:var(--utility-orange-dark)}.bg-utility-red{background-color:var(--utility-red)}.shadow{box-shadow:0 8px 40px -8px #00000026}.grid{display:grid;grid-template-columns:1fr}.grid-cols-2-auto{grid-template-columns:1fr;@media screen and (min-width:768px){grid-template-columns: 1fr auto;}}.grid-cols-auto-2{grid-template-columns:auto 1fr}.grid-cols-2{grid-template-columns:1fr;@media(min-width:600px){grid-template-columns: repeat(2,1fr);}}.grid-cols-3{grid-template-columns:1fr;@media screen and (min-width:768px){grid-template-columns: repeat(3,1fr);}}.grid-cols-4{grid-template-columns:1fr;@media screen and (min-width:768px){grid-template-columns: repeat(4,1fr);}}.gap,.gap-1{gap:var(--size-1)}.gap-2{gap:var(--size-2)}.gap-3{gap:var(--size-3)}.gap-4{gap:var(--size-4)}.gap-5{gap:var(--size-5)}.relative{position:relative}.fixed{position:fixed}.fixed-b{position:fixed;bottom:0}.fixed-t{position:fixed;top:0}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline{display:inline}.inline-block{display:inline-block}.sticky{position:sticky;top:20px}place-center{place-items:center}.justify-start{justify-content:start}.justify-between{justify-content:space-between}.justify-stretch{justify-content:stretch}.justify-end{justify-content:end}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}.items-baseline{align-items:baseline}.align-start{align-items:start}.align-items-last-baseline{align-items:last baseline}.align-self-stretch{align-self:stretch}.align-self-center{align-self:center}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.w-max{width:max-content}.w-full{width:100%}.h-full{height:100%}.min-vh-100{min-height:100vh}.overflow{overflow:hidden}.overflow-x{overflow-x:hidden}.overflow-y{overflow-y:hidden}.border{&-t, &-top { border-top: 1px solid var(--grey-bg-mid); } &-b, &-bottom { border-bottom: 1px solid var(--grey-bg-mid); } &-l, &-left { border-left: 1px solid var(--grey-bg-mid); } &-r, &-right { border-right: 1px solid var(--grey-bg-mid); }}.rounded{border-radius:25px}.cursor-pointer{cursor:pointer}.cover{background-size:cover;background-position:top}.p-auto{padding:auto}.p-0{padding:0}.p-1{padding:var(--size-1)}.p-2{padding:var(--size-2)}.p-3{padding:var(--size-3)}.p-4{padding:var(--size-4)}.p-5{padding:var(--size-5)}.p-6{padding:var(--size-6)}.p-7{padding:var(--size-7)}.p-8{padding:var(--size-8)}.p-9{padding:var(--size-9)}.p-10{padding:var(--size-10)}.p-11{padding:var(--size-11)}.p-12{padding:var(--size-12)}.pt-0{padding-top:0}.pt-1{padding-top:var(--size-1)}.pt-2{padding-top:var(--size-2)}.pt-3{padding-top:var(--size-3)}.pt-4{padding-top:var(--size-4)}.pt-5{padding-top:var(--size-5)}.pt-6{padding-top:var(--size-6)}.pt-7{padding-top:var(--size-7)}.pt-8{padding-top:var(--size-8)}.pt-9{padding-top:var(--size-9)}.pt-10{padding-top:var(--size-10)}.pt-11{padding-top:var(--size-11)}.pt-12{padding-top:var(--size-12)}.pt-18{padding-top:180px;@media screen and (max-width:768px){padding-top: 100px;}}.pr-0{padding-right:0}.pr-1{padding-right:var(--size-1)}.pr-2{padding-right:var(--size-2)}.pr-3{padding-right:var(--size-3)}.pr-4{padding-right:var(--size-4)}.pr-5{padding-right:var(--size-5)}.pr-6{padding-right:var(--size-6)}.pr-7{padding-right:var(--size-7)}.pr-8{padding-right:var(--size-8)}.pr-9{padding-right:var(--size-9)}.pr-10{padding-right:var(--size-10)}.pr-11{padding-right:var(--size-11)}.pr-12{padding-right:var(--size-12)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--size-1)}.pb-2{padding-bottom:var(--size-2)}.pb-3{padding-bottom:var(--size-3)}.pb-4{padding-bottom:var(--size-4)}.pb-5{padding-bottom:var(--size-5)}.pb-6{padding-bottom:var(--size-6)}.pb-7{padding-bottom:var(--size-7)}.pb-8{padding-bottom:var(--size-8)}.pb-9{padding-bottom:var(--size-9)}.pb-10{padding-bottom:var(--size-10)}.pb-11{padding-bottom:var(--size-11)}.pb-12{padding-bottom:var(--size-12)}.pl-0{padding-left:0}.pl-1{padding-left:var(--size-1)}.pl-2{padding-left:var(--size-2)}.pl-3{padding-left:var(--size-3)}.pl-4{padding-left:var(--size-4)}.pl-5{padding-left:var(--size-5)}.pl-6{padding-left:var(--size-6)}.pl-7{padding-left:var(--size-7)}.pl-8{padding-left:var(--size-8)}.pl-9{padding-left:var(--size-9)}.pl-10{padding-left:var(--size-10)}.pl-11{padding-left:var(--size-11)}.pl-12{padding-left:var(--size-12)}.px-0{padding-inline:0}.px-1{padding-inline:var(--size-1)}.px-2{padding-inline:var(--size-2)}.px-3{padding-inline:var(--size-3)}.px-4{padding-inline:var(--size-4)}.px-5{padding-inline:var(--size-5)}.px-6{padding-inline:var(--size-6)}.px-7{padding-inline:var(--size-7)}.px-8{padding-inline:var(--size-8)}.px-9{padding-inline:var(--size-9)}.px-10{padding-inline:var(--size-10)}.px-11{padding-inline:var(--size-11)}.px-12{padding-inline:var(--size-12)}.py-0{padding-block:0}.py-1{padding-block:var(--size-1)}.py-2{padding-block:var(--size-2)}.py-3{padding-block:var(--size-3)}.py-4{padding-block:var(--size-4)}.py-5{padding-block:var(--size-5)}.py-6{padding-block:var(--size-6)}.py-7{padding-block:var(--size-7)}.py-8{padding-block:var(--size-8)}.py-9{padding-block:var(--size-9)}.py-10{padding-block:var(--size-10)}.py-11{padding-block:var(--size-11)}.py-12{padding-block:var(--size-12)}.m-auto{margin:auto}.m-0{margin:0}.m-1{margin:var(--size-1)}.m-2{margin:var(--size-2)}.m-3{margin:var(--size-3)}.m-4{margin:var(--size-4)}.m-5{margin:var(--size-5)}.m-6{margin:var(--size-6)}.m-7{margin:var(--size-7)}.m-8{margin:var(--size-8)}.m-9{margin:var(--size-9)}.m-10{margin:var(--size-10)}.m-11{margin:var(--size-11)}.m-12{margin:var(--size-12)}.mt-auto{margin-top:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--size-1)}.mt-2{margin-top:var(--size-2)}.mt-3{margin-top:var(--size-3)}.mt-4{margin-top:var(--size-4)}.mt-5{margin-top:var(--size-5)}.mt-6{margin-top:var(--size-6)}.mt-7{margin-top:var(--size-7)}.mt-8{margin-top:var(--size-8)}.mt-9{margin-top:var(--size-9)}.mt-10{margin-top:var(--size-10)}.mt-11{margin-top:var(--size-11)}.mt-12{margin-top:var(--size-12)}.mr-auto{margin-right:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--size-1)}.mr-2{margin-right:var(--size-2)}.mr-3{margin-right:var(--size-3)}.mr-4{margin-right:var(--size-4)}.mr-5{margin-right:var(--size-5)}.mr-6{margin-right:var(--size-6)}.mr-7{margin-right:var(--size-7)}.mr-8{margin-right:var(--size-8)}.mr-9{margin-right:var(--size-9)}.mr-10{margin-right:var(--size-10)}.mr-11{margin-right:var(--size-11)}.mr-12{margin-right:var(--size-12)}.mb-auto{margin-bottom:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--size-1)}.mb-2{margin-bottom:var(--size-2)}.mb-3{margin-bottom:var(--size-3)}.mb-4{margin-bottom:var(--size-4)}.mb-5{margin-bottom:var(--size-5)}.mb-6{margin-bottom:var(--size-6)}.mb-7{margin-bottom:var(--size-7)}.mb-8{margin-bottom:var(--size-8)}.mb-9{margin-bottom:var(--size-9)}.mb-10{margin-bottom:var(--size-10)}.mb-11{margin-bottom:var(--size-11)}.mb-12{margin-bottom:var(--size-12)}.ml-auto{margin-left:auto}.ml-0{margin-left:0}.ml-1{margin-left:var(--size-1)}.ml-2{margin-left:var(--size-2)}.ml-3{margin-left:var(--size-3)}.ml-4{margin-left:var(--size-4)}.ml-5{margin-left:var(--size-5)}.ml-6{margin-left:var(--size-6)}.ml-7{margin-left:var(--size-7)}.ml-8{margin-left:var(--size-8)}.ml-9{margin-left:var(--size-9)}.ml-10{margin-left:var(--size-10)}.ml-11{margin-left:var(--size-11)}.ml-12{margin-left:var(--size-12)}.mx-auto{margin-inline:auto}.mx-0{margin-inline:0}.mx-1{margin-inline:var(--size-1)}.mx-2{margin-inline:var(--size-2)}.mx-3{margin-inline:var(--size-3)}.mx-4{margin-inline:var(--size-4)}.mx-5{margin-inline:var(--size-5)}.ml-6{margin-inline:var(--size-6)}.ml-7{margin-inline:var(--size-7)}.ml-8{margin-inline:var(--size-8)}.ml-9{margin-inline:var(--size-9)}.ml-10{margin-inline:var(--size-10)}.ml-11{margin-inline:var(--size-11)}.ml-12{margin-inline:var(--size-12)}.my-auto{margin-block:auto}.my-0{margin-block:0}.my-1{margin-block:var(--size-1)}.my-2{margin-block:var(--size-2)}.my-3{margin-block:var(--size-3)}.my-4{margin-block:var(--size-4)}.my-5{margin-block:var(--size-5)}.my-6{margin-block:var(--size-6)}.my-7{margin-block:var(--size-7)}.my-8{margin-block:var(--size-8)}.my-9{margin-block:var(--size-9)}.my-10{margin-block:var(--size-10)}.my-11{margin-block:var(--size-11)}.my-12{margin-block:var(--size-12)}html,body{padding:0;margin:0;font-size:16px;font-family:generalsans-regular,sans-serif;font-weight:400;color:var(--blue-navy);scroll-behavior:smooth}h1{font-size:64px;font-family:bureauserif,serif;font-weight:500;margin:0 0 15px;@media screen and (max-width:768px){font-size: 48px;}}h2{font-size:40px;font-family:bureauserif,serif;font-weight:500;margin:0 0 14px;@media screen and (max-width:768px){font-size: 28px;}}h3{font-size:32px;font-family:bureauserif,serif;font-weight:500;margin:0 0 13px;@media screen and (max-width:768px){font-size: 24px;}}h4{font-size:24px;font-family:bureauserif,serif;font-weight:500;margin:0 0 12px;@media screen and (max-width:768px){font-size: 20px;}}h5{font-size:18px;font-family:bureauserif,serif;font-weight:500;margin:0 0 12px;@media screen and (max-width:768px){font-size: 16px;}}h6{font-size:14px;font-family:bureauserif,serif;font-weight:500;margin:0 0 12px;@media screen and (max-width:768px){font-size: 16px;}}strong{font-family:generalsans-semibold,sans-serif}a,a:visited,a:active{color:var(--link);text-decoration:none;&.white { color: var(--white); }}a:hover{color:var(--link-inverse);&.white { color: var(--grey-bg-mid); }}p{margin:0 0 15px}time{color:var(--grey-mid);font-size:small}details{border-top:1px solid var(--grey-bg-dark);padding-inline:var(--size-1);cursor:pointer;list-style-type:none;outline:none;&:last-child { border-bottom:1px solid var(--grey-bg-dark); margin-bottom:var(--size-4); } summary::-webkit-details-marker { display:none; } summary { padding-block:var(--size-1); list-style-type:none; position:relative; h3 { transition:color 0.15s ease-in-out; } &:after { position:absolute; right:0; top:50%; content:' '; transform:translateY(-50%); height:32px; width:32px; background:url('/images/icons/detail_toggle_plus.svg') no-repeat center center; } &:hover:after { background:url('/images/icons/detail_toggle_plus_hover.svg') no-repeat center center; } } section { opacity:0; transition:opacity 0.25s ease-out; }}details[open]{summary { &:after { background: url('/images/icons/detail_toggle_minus.svg') no-repeat center center; } } h3 { color: var(--utility-purple); } section { opacity: 1; }}progress{background-color:var(--grey-bg-mid);border-radius:6px;height:6px;border:0}progress::-webkit-progress-bar{background-color:var(--grey-bg-mid)}progress::-webkit-progress-value{background-color:var(--blue-navy);border-radius:6px;transition:width .5s}progress::-moz-progress-bar{background-color:var(--blue-navy);border-radius:6px}form{}label{display:block}input,textarea{margin-top:var(--size-1);padding:12px 16px;display:block;margin-bottom:var(--size-1);width:100%;border:1px solid var(--grey-mid);border-radius:6px;box-sizing:border-box}select{padding:5px var(--size-1)}ul,ol{li { padding-left: 5px; }}.content{max-width:var(--content-width-wide);margin:0 auto;padding:var(--size-2);img { width: 100%; } &.narrow { max-width: var(--content-width-narrow); } &.mobile-full { max-width: 100%; padding: 0; @media screen and (min-width: 768px) { max-width: var(--content-width-wide); padding: var(--size-2); } } &.narrow-mobile-full { max-width: 100%; padding: 0; @media screen and (min-width: 768px) { max-width: var(--content-width-narrow); padding: var(--size-2); } }}btn,button,a.button{display:inline-block;color:var(--white);background-color:var(--blue-navy);padding:.7rem 1.4rem;border-radius:25px;border:0;text-decoration:none;transition:all .25s ease;cursor:pointer;font-weight:700;&:hover { color:var(--white); background-color:var(--blue-happy); } &.white { color:var(--blue-navy); background-color:var(--white); &:hover { background-color:var(--grey-bg-mid); } } &.purple { color:var(--white); background-color:var(--purple); &:hover { background-color:var(--purple-contrast); color:var(--white); } } &.outline { color:var(--blue-navy); background-color:transparent; border:1px solid var(--blue-navy); outline:0 none; &:hover { color:var(--white); background-color:var(--blue-navy); border:1px solid var(--blue-navy); } &.selected { color:var(--white); background-color:var(--blue-navy); border:1px solid var(--blue-navy)!important; } &.grey { border:1px solid var(--grey-bg-dark); &:hover { color:var(--white); background-color:var(--blue-navy); border:1px solid var(--blue-navy); } } &.arrow { padding:8px 11px 8px 9px; display:inline-flex; align-items:center; gap:var(--size-1); svg { display:block; margin:0 auto; } } } &.small { padding:5px 11px; font-size:14px; font-weight:bold; } &.mobile-center { @media screen and (max-width:768px) { display:block; width:fit-content; margin:0 auto; } }}footer{background:var(--gradient-footer);.footer { max-width: var(--content-width-wide); margin: 0 auto; padding: var(--size-4); .logo-mark { text-align: center; margin-bottom: var(--size-4); @media screen and (max-width: 600px) { text-align: left; } } ul { list-style: none; padding: 0; margin: 20px 0 0 0; li { font-size: 20px; } &.lh-menu { text-align: right; @media screen and (max-width: 600px) { text-align: left; } } } } .footer-verticle-border { @media screen and (min-width: 600px) { border-left: 1px solid rgba(36, 46, 84, 0.4); padding-left: var(--size-4); } } .footer-logos { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-1); align-items: center; >div:first-child { text-align: right; } img { max-height: 50px; } } #footer-copy { @media screen and (max-width: 600px) { display: none; } } #footer-copy-mobile { @media screen and (min-width: 600px) { display: none; } }}section.faq{position:relative;padding-top:397px;padding-bottom:var(--size-8);img { position: absolute; top: 120px; left: 50%; transform: translate(-50%, -50%); max-width: 98%; } @media screen and (max-width: 768px) { padding-top: 240px; img { top: 60px; } }}.customer-reviews{background:var(--grey-bg-mid)url(/images/bg-bettersaver-logo-mark.svg)no-repeat 50%;background-size:cover;>div { max-width: var(--content-width-wide); margin: 0 auto; position: relative; >div:first-child { padding: var(--size-2); } .carousel { .review { background: var(--white); padding: var(--size-3); border-radius: var(--size-3); } } } .mobile-google-rate { margin: 0 auto; width: 200px; }}.blog-recent{background:var(--grey-bg-light);padding:var(--size-8)0;>div { max-width: var(--content-width-wide); margin: 0 auto; >div:first-child { padding: var(--size-2); } }}.text-blob{font-size:28px;max-width:727px;padding-inline:var(--size-2);padding-top:var(--size-12);margin:0 auto;text-align:center;@media(max-width:1024px){text-align: left;}}.block-how-it-works{position:relative;display:grid;grid-template-columns:1fr 1fr auto;gap:var(--size-4);max-width:1920px;margin:0 auto;@media(max-width:1024px){grid-template-columns: 1fr auto;}@media(max-width:768px){grid-template-columns: 1fr;} #sticky-numbering { padding: var(--size-1); position: sticky; top: 0; padding-top: 36vh; padding-bottom: 30.5vh; >div { text-align: center; border: 1px solid var(--grey-mid); border-radius: 100%; padding: 1px 10px; font-size: var(--size-2); font-family: 'BureauSerif', serif; color: var(--grey-mid); margin-bottom: var(--size-1); cursor: pointer; &.active { border: 1px solid var(--purple); color: var(--purple); } } } .snaps { margin-block: var(--size-12); scrollbar-width: none; scroll-snap-type: y mandatory; &::-webkit-scrollbar { display: none; } >div { scroll-snap-align: center; &#sn-one { min-height: 62vh; display: grid; grid-template-columns: 1fr; gap: var(--size-2); align-items: center; scroll-margin-top: 15vh; @media (max-width: 1024px) { grid-template-columns: 1fr 1fr; scroll-margin-top: 10vh; align-items: start; min-height: auto; } @media (max-width: 768px) { grid-template-columns: 1fr; min-height: auto; margin-bottom: var(--size-4); } } &#sn-two { min-height: 100vh; display: grid; grid-template-columns: 1fr; gap: var(--size-2); align-items: center; @media (max-width: 1024px) { grid-template-columns: 1fr 1fr; min-height: 80vh; } @media (max-width: 768px) { grid-template-columns: 1fr; min-height: auto; margin-bottom: var(--size-4); } } &#sn-three { min-height: 41vh; display: grid; grid-template-columns: 1fr; gap: var(--size-2); scroll-margin-top: 30vh; @media (max-width: 1024px) { scroll-margin-top: 10vh; grid-template-columns: 1fr 1fr; min-height: auto; } @media (max-width: 768px) { grid-template-columns: 1fr; min-height: auto; } } } } .sticky-img-container { position: sticky; top: 0; padding-top: 15vh; padding-bottom: 80px; } .sn-one-img { background: url('/images/homepage-how-it-works-1.png') no-repeat right top; background-size: contain; min-height: 60vh; @media (min-width: 1024px) { opacity: 0; transition: opacity 0.3s ease; } &.active { opacity: 1; } @media (max-width: 768px) { min-height: 43vh; } } .sn-two-img { background: url('/images/homepage-how-it-works-2.png') no-repeat right top; background-size: contain; min-height: 60vh; @media (max-width: 768px) { min-height: 43vh; } @media (min-width: 1024px) { position: absolute; width: 100%; top: 15vh; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; &.active { opacity: 1; } } } .sn-three-img { background: url('/images/homepage-how-it-works-3.png') no-repeat right top; background-size: contain; min-height: 60vh; @media (max-width: 768px) { min-height: 43vh; } @media (min-width: 1024px) { position: absolute; width: 100%; top: 15vh; left: 0; right: 0; opacity: 0; transition: opacity 0.3s ease; &.active { opacity: 1; } } }}.faces{position:relative;background:var(--gradient-2);color:var(--white);padding-block:var(--size-11);img { position: absolute; top: -60px; left: 50%; transform: translateX(-50%); max-width: 384px; } >div { max-width: 668px; padding: var(--size-2); margin: 0 auto; }}.fund-finder{background:var(--blue-navy);padding:var(--size-2);color:#fff;padding-block:80px;transition:height .4s ease}.fund-finder__states{display:grid}.fund-finder__state{grid-row:1;grid-column:1;opacity:0;pointer-events:none;transition:opacity .4s ease}.fund-finder__state.is-active{opacity:1;pointer-events:auto}.fund-finder__state--slow{transition:opacity .8s ease}.fund-finder__state--slow.is-active{transition:opacity .8s ease}.fund-finder__search h2{color:#fff}.fund-finder__form{max-width:550px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:0 16px;box-sizing:border-box}.fund-finder__form .button{border-radius:25px;height:50px;margin:0;white-space:nowrap}.fund-finder__form .button:disabled{opacity:.5;cursor:not-allowed}.fund-finder__input-wrapper{position:relative}.fund-finder__input-wrapper input{border-radius:25px;margin:0;height:50px;padding-left:44px;padding-right:40px;width:100%;border:none;box-sizing:border-box}.fund-finder__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--grey-mid);pointer-events:none;z-index:1}.fund-finder__clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;font-size:22px;color:var(--grey-mid);cursor:pointer;padding:4px 8px;line-height:1;z-index:1}.fund-finder__clear-btn:hover{color:var(--blue-navy)}.fund-finder__dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);margin-top:4px;z-index:1001;overflow:hidden;max-height:260px;overflow-y:auto}.fund-finder__dropdown-item{display:block;width:100%;padding:12px 20px;text-align:left;background:0 0;border:none;cursor:pointer;color:var(--blue-navy);font-size:1rem;border-radius:0!important}.fund-finder__dropdown-item:hover{background:var(--purple)!important}.fund-finder__loading{display:flex;flex-direction:column;align-items:center;justify-content:center}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}.fund-finder__loading-logo{width:80px;height:auto;margin-bottom:24px;animation:pulse 1.4s ease-in-out infinite}.fund-finder__loading p{color:rgba(255,255,255,.8);font-size:1.1rem}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fund-finder__result--fade-in{animation:fadeIn .5s ease}.fund-finder__result{display:flex;justify-content:center;padding:20px;box-sizing:border-box}.fund-finder__result-card{background:#fff;border-radius:20px;padding:48px 40px;max-width:560px;width:100%;text-align:center;color:var(--blue-navy);box-sizing:border-box}.fund-finder__result-icon{width:100px;height:100px;margin-bottom:16px}.fund-finder__result-card h3{font-size:1.6rem;margin-bottom:12px;color:var(--blue-navy)}.fund-finder__result-subtitle{color:var(--grey-dark,#555);margin-bottom:8px}.fund-finder__result-card p{color:var(--grey-dark,#555);font-size:.95rem;line-height:1.5}.fund-finder__result-actions{display:flex;gap:16px;justify-content:center;margin-top:24px;flex-wrap:wrap}.fund-finder__result-actions .button{border-radius:25px;padding:12px 28px;text-decoration:none;font-weight:600;box-sizing:border-box;max-width:100%}.button.outline{background:0 0;border:2px solid var(--blue-navy);color:var(--blue-navy)}.button.outline:hover{background:var(--blue-navy);color:#fff}@media(max-width:600px){.fund-finder__form{grid-template-columns:1fr}.fund-finder__form .button{width:100%}.fund-finder__result-card{padding:32px 24px}.fund-finder__result-actions{flex-direction:column;align-items:center}.fund-finder__result-actions .button{width:100%;text-align:center}}#site-nav-bar{z-index:11;transition:all .5s ease-in-out;padding:var(--size-2);display:grid;grid-template-columns:1fr 1fr;align-items:center;box-sizing:border-box;ul { padding-left: 0; } #logo { z-index: 1001; display: inline-block; position: relative; color: var(--blue-navy); transition: color 0.25s ease-in-out; svg { transition: all 0.25s ease-in-out; .closed1 { stop-color: #9966FF; transition: stop-color 0.25s ease-in-out; } .open1 { stop-color: var(--white); transition: stop-color 0.25s ease-in-out; } .closed2 { stop-color: #99CCFF; transition: stop-color 0.25s ease-in-out; } .open2 { stop-color: var(--white); transition: stop-color 0.25s ease-in-out; } .closed3 { stop-color: #003399; transition: stop-color 0.25s ease-in-out; } .open3 { stop-color: var(--white); transition: stop-color 0.25s ease-in-out; } .closed4 { stop-color: #9966FF; transition: stop-color 0.25s ease-in-out; } .open4 { stop-color: var(--white); transition: stop-color 0.25s ease-in-out; } } } @media screen and (max-width: 768px) { padding: var(--size-2) 0 var(--size-2) var(--size-2); .open #logo { color: var(--white); } } a { color: var(--blue-navy); &:hover { color: var(--blue-happy); } } .button { background-color: var(--purple); color: var(--white); &:hover { background-color: var(--purple-contrast); color: var(--white); } } &.light { @media screen and (min-width: 812px) { a { color: var(--white); &:hover { color: var(--grey-bg-light); } } .button { background-color: var(--white); color: var(--blue-navy); &:hover { background-color: var(--grey-bg-light); color: var(--blue-navy); } } nav.phone-menu span { background-color: var(--white) !important; } } } &.scrolled { background-color: var(--white); a { color: var(--blue-navy); &:hover { color: var(--blue-happy); } } .button { background-color: var(--purple); color: var(--white); &:hover { background-color: var(--purple-contrast); color: var(--white); } } nav.phone-menu span { background-color: var(--blue-navy) !important; } } #menu-mobile { display: none; grid-template-columns: 1fr auto; align-items: center; gap: var(--size-2); } #menu-tablet { display: none; grid-template-columns: 1fr auto; align-items: center; gap: var(--size-2); } #menu-desktop { display: flex; align-items: center; ul { margin: 0; list-style: none; display: flex; align-items: center; font-size: 19px; font-weight: bold; li { padding-right: var(--size-2); &:last-child { padding-right: 0 !important; } } } } @media screen and (max-width: 1024px) { grid-template-columns: 1fr auto; #menu-mobile { display: grid; } #menu-tablet { display: grid; } #menu-desktop { display: none; } } @media screen and (max-width: 768px) { #menu-mobile { display: grid; } #menu-tablet { display: none; } #menu-desktop { display: none; } }}.title-area{position:relative;.icon { position: absolute; bottom: -20px; max-width: 200px; max-height: 260px; z-index: 10; &.help { right: 40%; max-width: 300px; @media screen and (max-width: 1024px) { max-width: 200px; left: 30% !important; } @media screen and (max-width: 768px) { display: none; } } &.financial-tips { right: 40px; } } img.feature-icon { position: absolute; max-width: 280px; z-index: 10; top: 50%; left: 45%; transform: translate(-50%, -50%); @media screen and (max-width: 1024px) { max-width: 200px; } @media screen and (max-width: 768px) { display: none; } } .copy { max-width: 70%; &.help { max-width: 30%; @media screen and (max-width: 768px) { max-width: 90%; } } } .img { min-height: 300px; position: relative; } .footer-icons { display: grid; grid-template-columns: auto 1fr; box-sizing: border-box; align-items: center; gap: var(--size-2); position: absolute; bottom: 40px; left: 40px; color: var(--blue-navy); } @media screen and (max-width: 820px) { >div { grid-template-columns: 1fr; } .feature-icon, .icon { transform: translate(0%, 0%); top: 53% !important; left: 80% !important; &.financial-tips { transform: translate(0%, 0%); top: -80px !important; left: 75% !important; } } .copy { max-width: 100%; &.financial-tips { max-width: 70%; } } .footer-icons { color: var(--white); background-color: rgba(36, 46, 84, 0.8); position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; grid-template-columns: 1fr 2fr; >div { padding: 0; &:first-child { text-align: right; } } } } @media screen and (max-width: 768px) { &.feature>div:first-child>div { padding-top: 100px; } .feature-icon, .icon { transform: translate(0%, 0%); top: 60% !important; left: 70% !important; &.financial-tips { display: none; } } .footer-icons svg { width: 100%; } }}nav.phone-menu{ul li { margin: 0; } #menuToggle { display: flex; flex-direction: column; position: relative; z-index: 1; -webkit-user-select: none; user-select: none; max-width: 20px; margin-left: auto; input { display: flex; width: 40px; height: 32px; position: absolute; cursor: pointer; opacity: 0; z-index: 2; margin: 0; } span { display: flex; width: 20px; height: 2px; margin-bottom: 4px; position: relative; background: var(--blue-navy); border-radius: 2px; z-index: 1; transform-origin: 2px 0px; transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease; &:first-child { transform-origin: 0% 0%; } &.middle { width: 16px; margin-inline: auto; } } &:nth-last-child(2) { transform-origin: 0% 100%; } input:checked~span { opacity: 1; transform: rotate(45deg) translate(0, 0); background: var(--white); } input:checked~span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); } input:checked~span:nth-last-child(2) { transform: rotate(-45deg) translate(0, 0px); } input:checked~ul { transform: none; } } #menu { position: fixed; top: 0; right: 0; width: 50vw; height: 100vh; margin: 0; display: grid; grid-template-columns: 1fr; padding-top: 100px; background: var(--gradient-2); color: var(--white); -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(400%, 0); transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0); padding-left: 20px; box-shadow: 0px 0px 64px 0px #00000080; @media screen and (max-width: 768px) { width: 100vw; transform-origin: 0% 0%; transform: translate(200%, 0); left: 0; } ul { padding: 0; list-style: none; li { padding-block: 10px; transition-delay: 2s; display: block; font-size: 20px; a { color: var(--white) !important; } } } img.icon { position: absolute; bottom: 115px; right: 40px; } }}a.need-help{bottom:40px;right:40px;background:var(--utility-blue-light);color:var(--black);padding:20px;border-radius:8px;display:flex;align-items:center;gap:10px;transition:background .3s ease;@media screen and (min-width:768px){position: absolute;}&:hover { background:var(--link-invert); } img { width:40px; height:40px; } p { margin:0; font-size:16px; }}#contact-us{scroll-margin-top:100px}.carousel{display:flex;gap:var(--size-2);overflow:hidden;scroll-snap-type:x mandatory;padding:var(--size-2);.carousel-item { display: block; scroll-snap-align: start; scroll-snap-stop: always; min-width: 225px; @media screen and (max-width: 1025px) { min-width: 30%; scroll-snap-align: center; } @media screen and (max-width: 767px) { min-width: 90%; scroll-snap-align: center; } .card { background: var(--white); min-height: 334px; transition: all 0.2s; &:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); margin-top: -8px; } } }}.why-bettersaver{max-width:var(--content-width-wide);padding-inline:var(--size-2);margin:0 auto;article { max-width: 716px; margin: 0 auto; }}.how-it-works{max-width:var(--content-width-wide);margin:0 auto;padding-inline:var(--size-2);ol { list-style: none; counter-reset: num; padding: 0; margin: 0; li { color: var(--grey-mid); position: relative; padding-left: 80px; padding-block: 33px; cursor: pointer; transition: color 0.3s ease; .progress-step { width: 100%; height: 1px; background-color: var(--grey-mid); transition: width 0.1s ease; position: absolute; top: 0; left: 0; } &.active { color: var(--blue-navy); &::before { content: counter(num) " "; font-size: 64px; color: var(--purple); } } &::before { counter-increment: num; content: counter(num) " "; font-size: 64px; position: absolute; left: 0; top: 24px; transition: color 0.3s ease; } } } .img-container { background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 25px; min-height: 668px; transition: background-image 0.2s ease-in-out; @media screen and (max-width: 768px) { display: none; } } .mobile-img-container { display: none; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 25px; min-height: 335px; @media screen and (min-width: 768px) { display: none; } } @media screen and (max-width: 768px) { .active .mobile-img-container { display: block; } }}.tags{a { margin-right: 3px; }}.card{border-radius:25px;background:var(--grey-bg-light);.white { background: var(--white); } .post-image { display: block; border-radius: 25px 25px 0 0; min-height: 200px; background-size: cover; background-position: center; }}.white-card .card{background:var(--white)}.blog{padding:var(--size-2);margin-bottom:var(--size-8);.posts { display: grid; gap: var(--size-2); grid-template-columns: 1fr; @media screen and (min-width: 768px) { grid-template-columns: 1fr 1fr; } @media screen and (min-width: 960px) { grid-template-columns: 1fr 1fr 1fr 1fr; } .feature { grid-column: 1 / -1; .feature-card { display: grid; grid-template-columns: 1fr; background: var(--grey-bg-light); border-radius: 25px; @media screen and (min-width: 960px) { grid-template-columns: 1fr 2fr; } .post-image { display: block; border-radius: 25px 25px 0 0; min-height: 400px; background-size: cover; background-position: center; @media screen and (min-width: 960px) { border-radius: 25px 0 0 25px; } } .published { @media screen and (min-width: 768px) { position: absolute; bottom: 40px; left: 40px; } } } } }}.bg-grey-fullpage-screen{background-color:var(--grey-bg-mid);position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;height:60vh;width:100%;@media screen and (max-width:600px){height: 80vh;}}.contact-us{display:grid;grid-template-columns:1fr;gap:var(--size-1);background:var(--white);img { width: 100%; max-height: 120px; } @media screen and (min-width: 768px) { grid-template-columns: 1fr 1fr; border-radius: 25px; border: 1px solid var(--grey-mid); } .left { display: grid; align-items: center; padding: var(--size-4); background: var(--grey-bg-light); text-align: center; img { margin: 0 auto; } @media screen and (min-width: 768px) { border-radius: 25px 0 0 25px; text-align: left; img { margin: 0; } } } .fields { display: grid; grid-template-columns: 1fr; gap: var(--size-1); }}#kiwiSaver_basics,#contributions,#transferring_leaving,#withdrawals,#betterSaver_funds,#my_account{scroll-margin-top:10vh}.contact-us-form{max-width:var(--content-width-narrow);margin:var(--size-4)auto;@media screen and (min-width:768px){padding-inline: 20px;}}.hidden{display:none}.mobile-hidden{@media screen and (max-width:768px){display: none !important;}}.mobile-show{@media screen and (min-width:768px){display: none !important;}}.tablet-hidden{@media screen and (max-width:1024px){display: none !important;}}.tablet-show{@media screen and (min-width:1024px){display: none !important;}}