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}.font-light{color:var(--grey-mid,rgba(36,46,84,.75))}.text-left{text-align:left}.text-center{text-align:center;@media screen and (max-width:768px){text-align: left;}}.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-very-light:rgba(36, 46, 84, 0.4);--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:769px){grid-template-columns: 1fr auto;}}.grid-cols-auto-2{grid-template-columns:auto 1fr}.grid-cols-2{grid-template-columns:1fr;@media(min-width:769px){grid-template-columns: repeat(2,1fr);}}.grid-cols-3{grid-template-columns:1fr;@media screen and (min-width:769px){grid-template-columns: repeat(3,1fr);}}.grid-cols-4{grid-template-columns:1fr;@media screen and (min-width:769px){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)}.gap-6{gap:var(--size-6)}.gap-7{gap:var(--size-7)}.gap-8{gap:var(--size-8)}.gap-9{gap:var(--size-9)}.gap-10{gap:var(--size-10)}.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}.divider{border:0;border-top:1px solid var(--grey-bg-mid)}.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;line-height:110%;margin:0 0 15px;letter-spacing:-3%;vertical-align:bottom;@media screen and (max-width:768px){font-size: 48px;}}h2{font-size:48px;font-family:bureauserif,serif;font-weight:500;margin:0 0 14px;line-height:125%;letter-spacing:-3%;@media screen and (max-width:768px){font-size: 28px; letter-spacing: -2%;}}h3{font-size:32px;font-family:bureauserif,serif;font-weight:500;margin:0 0 13px;line-height:125%;letter-spacing:-2%;@media screen and (max-width:768px){font-size: 24px;}}h4{font-size:24px;font-family:bureauserif,serif;font-weight:500;margin:0 0 12px;line-height:125%;letter-spacing:-1%;@media screen and (max-width:768px){font-size: 20px; letter-spacing: 0;}}h5{font-size:18px;font-family:bureauserif,serif;font-weight:500;margin:0 0 12px;font-style:Medium;line-height:125%;letter-spacing:-1%;@media screen and (max-width:768px){font-size: 16px; letter-spacing: 0;}}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}.bold{font-weight:700}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-2); 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:600;font-size:16px;&: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-2); margin-top: 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; &.contact-us-li-offset { margin-bottom: 12px; } div.contact-us-link { display: grid; grid-template-columns: auto 24px 1fr; align-items: center; align-content: center; gap: var(--size-1); :first-child { margin-right: 4px; } } h4 { margin: 0; &.contact-us-title { margin-bottom: 8px; } } } &.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; gap: var(--size-1); align-items: center; 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:var(--size-12)auto 0;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 h2{font-size:32px;margin-bottom:0}.fund-finder__search>p{margin-bottom:32px}.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:518px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;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); svg { height: 24px; width: 156px; } .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); ul li { padding-left: 0; } } #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: 16px; font-weight: 600; 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;.description { font-size: 20px; font-family: 'GeneralSans-Regular', sans-serif; color: var(--blue-navy); } .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; &.boat { display: block; position: absolute; top: 50% !important; } } &.boat { animation: boatSlideIn 0.8s ease-in-out both; } } .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-logos { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--size-2); align-items: center; text-align: center; svg, img { max-width: 200px; width: 100%; max-height: 24px; } } } @media screen and (max-width: 840px) { &.feature .img { background-position: center !important; } >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-logos { width: auto; margin: 0 auto 0 0; } } } @media screen and (max-width: 620px) { &.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 { display: grid; grid-template-columns: auto 1fr; .media-logos { grid-template-columns: 1fr 3fr 1fr !important; svg { max-height: 34px; } } } }}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: 23px; 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: 23px; height: 2px; margin-bottom: 5px; 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}@keyframes boatSlideIn{from{opacity:0;transform:translate(-80%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}.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; } } }}.block-about a{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); }}.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 0 40px 0; li { color: var(--grey-mid); position: relative; padding-left: 80px; padding-block: 33px; cursor: pointer; transition: color 0.3s ease; p { margin: 0; color: var(--grey-very-light); } &:last-child { border-bottom: 1px solid var(--grey-bg-dark); } .progress-step { width: 100%; height: 1px; background-color: var(--grey-bg-dark); transition: width 0.1s ease; position: absolute; top: 0; left: 0; } &.active { color: var(--blue-navy); .progress-step { background-color: var(--grey-mid); } p { color: var(--grey-mid); } &::before { content: counter(num) " "; font-size: 64px; color: var(--purple); } } &::before { counter-increment: num; content: counter(num) " "; font-size: 64px; font-family: 'BureauSerif', serif; 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; margin-top: 20px; @media screen and (min-width: 768px) { display: none; } } @media screen and (max-width: 768px) { .active .mobile-img-container { display: block; } }}@media screen and (max-width:768px){.why-boxes{display:grid;grid-template-columns:auto 1fr;gap:16px;img { max-width: 120px; }}}.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; } } } } }}.author-byline{display:inline-flex;align-items:center;gap:.75rem;color:inherit;vertical-align:middle}.author-byline__text{display:inline-flex;flex-direction:column;justify-content:center;line-height:1.25;min-width:0}.author-byline__name,.author-byline__name-link{font-weight:600;color:inherit;text-decoration:none}.author-byline__name-link:hover{text-decoration:underline}.author-byline__meta{font-size:.875rem;color:var(--grey-text,#6c6c7a);margin-top:2px}.author-byline__avatar-link{display:inline-flex;line-height:0}.author-avatar{width:40px;height:40px;border-radius:100%;object-fit:cover;background:var(--grey-bg-light);display:block}.author-byline--compact .author-avatar{width:28px;height:28px}.author-byline--full .author-avatar{width:40px;height:40px}.author-byline--card{gap:.875rem;align-items:center}.author-byline--card .author-avatar{width:56px;height:56px}.author-byline--card .author-byline__name,.author-byline--card .author-byline__name-link{font-size:1.125rem;font-weight:600}.author-byline--card .author-byline__meta{font-size:.9375rem}.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;}}.how-we-analyse-page{color:var(--blue-navy);font-family:generalsans-regular,sans-serif;line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased;background:#fff}.how-we-analyse-page *{box-sizing:border-box}.how-we-analyse-page a{color:var(--link);text-decoration:none}.how-we-analyse-page .hwa-page{max-width:1080px;margin:0 auto;padding:0 32px}.how-we-analyse-page section{padding:72px 0}.how-we-analyse-page h2{font-family:bureauserif,serif;font-size:48px;font-weight:500;letter-spacing:-.025em;line-height:1.05;color:var(--blue-navy);max-width:780px;text-wrap:pretty;margin:0 0 14px}.how-we-analyse-page h2 em{font-style:italic}.how-we-analyse-page h3{font-family:bureauserif,serif;font-size:26px;font-weight:500;letter-spacing:-.015em;line-height:1.15;color:var(--blue-navy);margin:0}.how-we-analyse-page h3 em{font-style:italic}.how-we-analyse-page p{margin:0}.how-we-analyse-page strong{font-family:generalsans-semibold,sans-serif}.how-we-analyse-page .section-tag{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--grey-light);margin-bottom:16px;display:inline-flex;align-items:center;gap:10px}.how-we-analyse-page .section-tag::before{content:'';width:20px;height:1px;background:var(--grey-light)}.how-we-analyse-page .band-blue{background:var(--grey-bg-light);padding:96px 0;margin:0;position:relative}.how-we-analyse-page .band-cream{background:var(--grey-bg-light);padding:96px 0}.how-we-analyse-page .trust{padding:0 0 40px}.how-we-analyse-page .trust-inner{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:32px 0;border-top:1px solid var(--grey-bg-mid);border-bottom:1px solid var(--grey-bg-mid);flex-wrap:wrap}.how-we-analyse-page .trust-lab{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--grey-light);flex-shrink:0}.how-we-analyse-page .trust-logos{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:center;gap:14px;flex-wrap:wrap}.how-we-analyse-page .t-logo img{max-height:40px;display:block;margin-left:auto}.how-we-analyse-page .t-logo{display:flex;align-items:center;gap:10px;color:var(--blue-navy)}.how-we-analyse-page .t-logo .mk-m{width:30px;height:30px;border-radius:6px;background:#e31c24;color:#fff;display:flex;align-items:center;justify-content:center;font-family:bureauserif,serif;font-weight:600;font-size:17px}.how-we-analyse-page .t-logo .mk-fma{width:30px;height:30px;border-radius:50%;background:var(--blue-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:bureauserif,serif;font-weight:500;font-size:11px}.how-we-analyse-page .t-logo .mk-d{width:30px;height:30px;border-radius:6px;background:var(--grey-bg-light);color:var(--blue-navy);display:flex;align-items:center;justify-content:center;font-family:bureauserif,serif;font-weight:500;font-size:13px;border:1px solid var(--grey-bg-dark)}.how-we-analyse-page .t-logo .tx{font-family:bureauserif,serif;font-size:16px;font-weight:500;letter-spacing:-.005em}.how-we-analyse-page .framing{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}.how-we-analyse-page .framing-body{font-family:bureauserif,serif;font-size:28px;font-weight:400;line-height:1.3;color:var(--blue-navy);letter-spacing:-.015em;text-wrap:pretty;margin-bottom:24px}.how-we-analyse-page .framing-body em{font-style:italic}.how-we-analyse-page .framing-body strong{font-weight:400;color:var(--purple-contrast)}.how-we-analyse-page .principles-head{margin-bottom:48px}.how-we-analyse-page .principles-head h2{margin-bottom:16px}.how-we-analyse-page .principles-head p{font-size:17px;color:var(--grey-mid);line-height:1.55;max-width:680px}.how-we-analyse-page .principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.how-we-analyse-page .principle{background:#fff;border-radius:20px;padding:36px 30px 32px;display:flex;flex-direction:column;gap:16px;min-height:340px;border:1px solid var(--grey-bg-mid);position:relative;overflow:hidden}.how-we-analyse-page .principle .p-num{font-family:bureauserif,serif;font-size:56px;font-weight:400;line-height:.85;letter-spacing:-.03em;color:var(--blue-navy)}.how-we-analyse-page .principle .p-num em{font-style:italic;color:var(--purple-contrast)}.how-we-analyse-page .principle h3{font-size:22px;line-height:1.2}.how-we-analyse-page .principle p{font-size:14.5px;line-height:1.6;color:var(--grey-mid);text-wrap:pretty}.how-we-analyse-page .principle p strong{color:var(--blue-navy);font-weight:600}.how-we-analyse-page .principle .p-viz{margin-top:auto;padding-top:18px;border-top:1px solid var(--grey-bg-mid)}.how-we-analyse-page .risk-chips{display:flex;flex-wrap:wrap;gap:5px}.how-we-analyse-page .risk-chip{font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;padding:5px 8px;border-radius:999px;background:var(--grey-bg-light);border:1px solid var(--grey-bg-mid);color:var(--grey-mid);display:flex;align-items:center;gap:5px}.how-we-analyse-page .risk-chip .d{width:6px;height:6px;border-radius:50%}.how-we-analyse-page .risk-chip.defensive .d{background:#8abbd9}.how-we-analyse-page .risk-chip.conservative .d{background:#5e9ed0}.how-we-analyse-page .risk-chip.balanced .d{background:#7a6bc9}.how-we-analyse-page .risk-chip.growth .d{background:#96f}.how-we-analyse-page .risk-chip.aggressive .d{background:#d55a5a}.how-we-analyse-page .risk-chip.sel{background:var(--blue-navy);color:#fff;border-color:var(--blue-navy)}.how-we-analyse-page .tl-viz{display:flex;flex-direction:column;gap:8px}.how-we-analyse-page .tl-bar{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-light)}.how-we-analyse-page .tl-bar .bar{height:6px;background:var(--grey-bg-dark);border-radius:999px;overflow:hidden;position:relative}.how-we-analyse-page .tl-bar .bar span{display:block;height:100%;background:var(--grey-bg-dark);border-radius:999px}.how-we-analyse-page .tl-bar.ok .bar span{background:var(--utility-green-dark);width:100%}.how-we-analyse-page .tl-bar.cautious .bar span{background:var(--utility-orange-dark);width:60%}.how-we-analyse-page .tl-bar.excluded .bar span{background:var(--utility-red);width:25%}.how-we-analyse-page .crit-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.how-we-analyse-page .crit-dot{display:flex;flex-direction:column;align-items:center;gap:6px}.how-we-analyse-page .crit-dot .c{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:bureauserif,serif;font-weight:500;font-size:14px;border-radius:50%;color:var(--purple-contrast);border:1px solid var(--purple-contrast)}.how-we-analyse-page .crit-dot .l{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-light);text-align:center;line-height:1.2}.how-we-analyse-page .checks-head{max-width:780px;margin-bottom:12px}.how-we-analyse-page .checks-head h2{margin-bottom:16px}.how-we-analyse-page .checks-head p{font-size:17px;color:var(--grey-mid);line-height:1.6;max-width:640px}.how-we-analyse-page .deep{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:56px 0}.how-we-analyse-page .deep.flip .deep-copy{order:2}.how-we-analyse-page .deep.flip .deep-visual{order:1}.how-we-analyse-page .deep+.deep{border-top:1px solid var(--grey-bg-mid)}.how-we-analyse-page .deep-copy .tagrow{display:flex;align-items:center;gap:14px;margin-bottom:14px}.how-we-analyse-page .deep-copy .big-num{font-family:bureauserif,serif;font-size:72px;line-height:.85;letter-spacing:-.04em;font-weight:400;color:var(--blue-navy)}.how-we-analyse-page .deep-copy .big-num em{font-style:italic;color:var(--purple-contrast)}.how-we-analyse-page .deep-copy h2{font-size:36px;margin-bottom:18px}.how-we-analyse-page .deep-copy>p.intro{font-size:16.5px;color:var(--grey-mid);line-height:1.6;margin-bottom:22px;max-width:480px}.how-we-analyse-page .deep-copy>p.intro strong{color:var(--blue-navy);font-weight:500}.how-we-analyse-page .deep-copy .kicker{font-family:bureauserif,serif;font-style:italic;font-size:17px;color:var(--grey-mid);line-height:1.4;margin-top:18px;padding-left:14px;border-left:2px solid var(--blue-baby)}.how-we-analyse-page .micro-list{list-style:none;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--grey-bg-mid);padding:18px 0 0;margin:0}.how-we-analyse-page .micro-list li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding-left:0}.how-we-analyse-page .micro-list .bullet{width:22px;height:22px;border-radius:50%;background:var(--purple);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;margin-top:1px}.how-we-analyse-page .micro-list li p{font-size:14.5px;color:var(--grey-mid);line-height:1.55}.how-we-analyse-page .micro-list li p strong{color:var(--blue-navy);font-weight:600}.how-we-analyse-page .vframe{background:#fff;border:1px solid var(--grey-bg-dark);border-radius:24px;padding:28px;box-shadow:0 20px 40px -20px rgba(36,46,84,.2),0 4px 12px -6px rgba(36,46,84,.1);position:relative;z-index:1}.how-we-analyse-page .band-blue .vframe{box-shadow:0 20px 40px -20px rgba(36,46,84,.25),0 4px 12px -6px rgba(36,46,84,.15)}.how-we-analyse-page .vframe .v-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.how-we-analyse-page .vframe .v-title{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-light)}.how-we-analyse-page .vframe .v-sub{font-family:bureauserif,serif;font-size:22px;letter-spacing:-.01em;color:var(--blue-navy)}.how-we-analyse-page .vframe .v-meta{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-light)}.how-we-analyse-page .deep-visual{position:relative}.how-we-analyse-page .deep-visual::before{content:'';position:absolute;inset:12px;border-radius:32px;background:var(--grey-bg-light);z-index:0}.how-we-analyse-page .band-blue .deep-visual::before{background:#fff;opacity:.6}.how-we-analyse-page .band-cream .deep-visual::before{background:#fff}.how-we-analyse-page .perf-chart{position:relative;margin-bottom:14px}.how-we-analyse-page .perf-chart svg{width:100%;height:160px;display:block}.how-we-analyse-page .perf-grid{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-light);display:flex;justify-content:space-between;margin-top:6px}.how-we-analyse-page .perf-legend{display:flex;gap:14px;margin-top:12px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-mid)}.how-we-analyse-page .perf-legend .sw{display:inline-block;width:16px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}.how-we-analyse-page .perf-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--grey-bg-mid)}.how-we-analyse-page .perf-stats .s{display:flex;flex-direction:column;gap:2px}.how-we-analyse-page .perf-stats .s .l{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-light)}.how-we-analyse-page .perf-stats .s .v{font-family:bureauserif,serif;font-size:18px;letter-spacing:-.01em;color:var(--blue-navy)}.how-we-analyse-page .perf-stats .s .v em{font-style:italic;color:var(--purple-contrast)}.how-we-analyse-page .fee-lad{display:flex;flex-direction:column;gap:10px}.how-we-analyse-page .fee-row{display:grid;grid-template-columns:100px 1fr 60px;gap:12px;align-items:center}.how-we-analyse-page .fee-row .lab{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-mid)}.how-we-analyse-page .fee-row .track{height:14px;background:var(--grey-bg-light);border-radius:999px;position:relative;overflow:hidden;border:1px solid var(--grey-bg-mid)}.how-we-analyse-page .fee-row .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue-baby) 0%,var(--purple) 100%)}.how-we-analyse-page .fee-row .val{font-family:bureauserif,serif;font-size:15px;color:var(--blue-navy);text-align:right;letter-spacing:-.005em}.how-we-analyse-page .fee-row.hi .fill{background:linear-gradient(90deg,var(--utility-orange-dark) 0%,var(--utility-red) 100%)}.how-we-analyse-page .fee-row.peer .fill{background:var(--grey-bg-dark)}.how-we-analyse-page .fee-caption{margin-top:14px;padding-top:14px;border-top:1px solid var(--grey-bg-mid);font-size:13px;color:var(--grey-mid);font-family:bureauserif,serif;font-style:italic;line-height:1.4}.how-we-analyse-page .dd-rows{display:flex;flex-direction:column;gap:10px}.how-we-analyse-page .dd-row{display:grid;grid-template-columns:86px 1fr 62px;gap:12px;align-items:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-mid)}.how-we-analyse-page .dd-row .trough{height:22px;background:var(--grey-bg-light);border-radius:6px;position:relative;overflow:hidden;border:1px solid var(--grey-bg-mid)}.how-we-analyse-page .dd-row .trough .dip{position:absolute;right:0;top:0;bottom:0;background:#fadfdf;border-left:2px solid var(--utility-red)}.how-we-analyse-page .dd-row.peer .trough .dip{background:var(--grey-bg-mid);border-left:2px solid var(--grey-bg-dark)}.how-we-analyse-page .dd-row .val{font-family:bureauserif,serif;font-size:15px;color:var(--blue-navy);text-align:right;letter-spacing:-.005em}.how-we-analyse-page .dd-row.good .val{color:var(--utility-green-dark)}.how-we-analyse-page .ql-list{display:flex;flex-direction:column;gap:12px}.how-we-analyse-page .ql-item{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:10px 12px;background:var(--grey-bg-light);border-radius:10px;border:1px solid var(--grey-bg-mid)}.how-we-analyse-page .ql-item .check{width:22px;height:22px;border-radius:50%;background:var(--utility-green-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.how-we-analyse-page .ql-item .label{font-size:13px;color:var(--blue-navy);line-height:1.35}.how-we-analyse-page .ql-item .status{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-light)}.how-we-analyse-page .quote-anchor{max-width:860px;margin:0 auto;text-align:center;padding:40px 0 24px}.how-we-analyse-page .quote-anchor .mark{font-family:bureauserif,serif;font-style:italic;font-size:88px;line-height:.4;color:var(--blue-baby);height:40px;display:block}.how-we-analyse-page .quote-anchor .body{font-family:bureauserif,serif;font-size:34px;font-weight:400;letter-spacing:-.02em;line-height:1.2;color:var(--blue-navy);text-wrap:pretty}.how-we-analyse-page .quote-anchor .body em{font-style:italic}.how-we-analyse-page .quote-anchor .body strong{background:linear-gradient(transparent 62%,rgba(125,190,255,.5) 62%);font-weight:400}.how-we-analyse-page .weighting-table-wrap{max-width:760px;margin:0 auto;border:1px solid var(--grey-bg-mid);border-radius:16px;overflow:hidden}.how-we-analyse-page .weighting-table{width:100%;border-collapse:collapse;font-size:14.5px}.how-we-analyse-page .weighting-table thead tr{background:var(--grey-bg-light);border-bottom:1px solid var(--grey-bg-mid)}.how-we-analyse-page .weighting-table th{text-align:right;padding:14px 12px;font-weight:600;color:var(--blue-navy)}.how-we-analyse-page .weighting-table th:first-child{text-align:left;padding-left:18px}.how-we-analyse-page .weighting-table th:last-child{padding-right:18px}.how-we-analyse-page .weighting-table tbody tr{border-bottom:1px solid var(--grey-bg-mid)}.how-we-analyse-page .weighting-table tbody tr:last-child{border-bottom:none}.how-we-analyse-page .weighting-table td{text-align:right;padding:12px;color:var(--blue-navy)}.how-we-analyse-page .weighting-table td:first-child{text-align:left;padding-left:18px}.how-we-analyse-page .weighting-table td:last-child{padding-right:18px}.how-we-analyse-page .grades-head{max-width:780px;margin-bottom:48px}.how-we-analyse-page .grades-head h2{margin-bottom:16px}.how-we-analyse-page .grades-head p{font-size:17px;color:var(--grey-mid);line-height:1.6;max-width:640px}.how-we-analyse-page .grades-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}.how-we-analyse-page .gcard{background:#fff;border:1px solid var(--grey-bg-mid);border-radius:20px;padding:28px 26px 26px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.how-we-analyse-page .gcard .gbadge{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:bureauserif,serif;font-size:28px;font-weight:400;letter-spacing:-.02em;color:#fff}.how-we-analyse-page .gcard.aplus .gbadge{background:var(--blue-navy)}.how-we-analyse-page .gcard.a .gbadge{background:#3e4e8a}.how-we-analyse-page .gcard.b .gbadge{background:#6a7ab7}.how-we-analyse-page .gcard .gbadge em{font-style:italic}.how-we-analyse-page .gcard .gstatus{display:inline-flex;align-items:center;gap:6px;background:#e3f6ed;color:#007a3a;font-size:10px;padding:4px 9px;border-radius:999px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;align-self:flex-start}.how-we-analyse-page .gcard .gstatus .d{width:5px;height:5px;border-radius:50%;background:var(--utility-green-dark)}.how-we-analyse-page .gcard .glabel{font-family:bureauserif,serif;font-size:22px;letter-spacing:-.015em;color:var(--blue-navy);font-weight:400;line-height:1.15}.how-we-analyse-page .gcard .gdesc{font-size:14px;color:var(--grey-mid);line-height:1.5;margin-top:auto}.how-we-analyse-page .grades-low{background:#fff;border:1px solid var(--grey-bg-mid);border-radius:20px;padding:28px 30px;display:flex;flex-direction:column;gap:20px}.how-we-analyse-page .grades-low .title{font-family:bureauserif,serif;font-size:22px;letter-spacing:-.015em;color:var(--blue-navy);line-height:1.25;font-weight:400}.how-we-analyse-page .grades-low .title em{font-style:italic;color:var(--grey-mid)}.how-we-analyse-page .nr-band{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;padding:22px 24px;background:var(--grey-bg-light);border-radius:16px;border:1px solid var(--grey-bg-mid)}.how-we-analyse-page .nr-band-left{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.how-we-analyse-page .nr-pill{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--blue-navy);border-radius:999px;padding:6px 14px 6px 6px}.how-we-analyse-page .nr-pill-tag{background:var(--blue-navy);color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;padding:4px 9px;border-radius:999px}.how-we-analyse-page .nr-pill-lab{font-size:13px;color:var(--blue-navy);font-weight:500;letter-spacing:-.005em}.how-we-analyse-page .nr-letters{display:flex;gap:6px}.how-we-analyse-page .nr-letters span{width:26px;height:26px;border-radius:8px;background:#fff;border:1px solid var(--grey-bg-mid);font-family:bureauserif,serif;font-size:13px;color:var(--grey-light);display:flex;align-items:center;justify-content:center;font-style:italic}.how-we-analyse-page .nr-band-right p{font-size:15px;line-height:1.55;color:var(--grey-mid)}.how-we-analyse-page .nr-band-right p strong{color:var(--blue-navy);font-weight:500}.how-we-analyse-page .nr-band-right .nr-note{margin-top:10px;padding-top:12px;border-top:1px dashed var(--grey-bg-dark);font-size:13.5px;color:var(--grey-mid);display:flex;gap:10px;align-items:flex-start}.how-we-analyse-page .nr-note-tag{flex-shrink:0;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-navy);background:#fff;border:1px solid var(--grey-bg-dark);padding:3px 8px;border-radius:6px;font-weight:500;margin-top:1px}.how-we-analyse-page .grades-callout{margin-top:40px;background:#fff;border:1px solid var(--grey-bg-mid);border-radius:20px;padding:36px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}.how-we-analyse-page .grades-callout .h{font-family:bureauserif,serif;font-size:28px;letter-spacing:-.02em;color:var(--blue-navy);line-height:1.2;font-weight:400}.how-we-analyse-page .grades-callout .h em{font-style:italic}.how-we-analyse-page .grades-callout ul{list-style:none;display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--grey-bg-mid);padding:0 0 0 28px;margin:0}.how-we-analyse-page .grades-callout ul li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding-left:0}.how-we-analyse-page .grades-callout ul li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--grey-bg-dark);margin-top:9px}.how-we-analyse-page .grades-callout ul li p{font-size:14.5px;color:var(--grey-mid);line-height:1.55}.how-we-analyse-page .grades-callout ul li p strong{color:var(--blue-navy);font-weight:600}.how-we-analyse-page .twocol{display:grid;grid-template-columns:1fr 1fr;gap:32px}.how-we-analyse-page .tcard{background:#fff;border:1px solid var(--grey-bg-mid);border-radius:20px;padding:36px 34px;display:flex;flex-direction:column;gap:14px}.how-we-analyse-page .tcard .tlab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-light);display:inline-flex;align-items:center;gap:8px}.how-we-analyse-page .tcard .tlab::before{content:'';width:16px;height:1px;background:var(--grey-light)}.how-we-analyse-page .tcard h3{font-size:24px}.how-we-analyse-page .tcard p{font-size:15px;color:var(--grey-mid);line-height:1.6}.how-we-analyse-page .tcard p strong{color:var(--blue-navy);font-weight:600}.how-we-analyse-page .tcard .ranked{display:flex;flex-direction:column;gap:8px;margin-top:6px}.how-we-analyse-page .tcard .ranked .r{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:10px 14px;background:var(--grey-bg-light);border-radius:10px;font-size:13.5px;color:var(--blue-navy);border:1px solid var(--grey-bg-mid)}.how-we-analyse-page .tcard .ranked .r .n{font-size:10px;letter-spacing:.12em;color:var(--grey-light);font-weight:600}.how-we-analyse-page .tcard .notice{font-family:bureauserif,serif;font-style:italic;font-size:15.5px;color:var(--grey-mid);line-height:1.45;padding-top:12px;border-top:1px solid var(--grey-bg-mid)}.how-we-analyse-page .cadence{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:32px 36px;background:var(--blue-navy);color:#fff;border-radius:20px;margin-top:32px}.how-we-analyse-page .cadence .badge-c{font-family:bureauserif,serif;font-size:56px;line-height:.85;letter-spacing:-.03em;color:#fff;font-weight:400}.how-we-analyse-page .cadence .badge-c em{font-style:italic;color:var(--blue-baby)}.how-we-analyse-page .cadence .title{font-family:bureauserif,serif;font-size:26px;letter-spacing:-.015em;line-height:1.2;font-weight:400;margin-bottom:6px;color:#fff}.how-we-analyse-page .cadence .sub{font-size:14.5px;color:rgba(255,255,255,.7);line-height:1.55;max-width:540px}.how-we-analyse-page .cadence .lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);display:flex;flex-direction:column;gap:4px;text-align:right}.how-we-analyse-page .cadence .lab .big{font-family:bureauserif,serif;font-size:18px;color:#fff;text-transform:none;letter-spacing:-.01em}.how-we-analyse-page .faq-head{max-width:720px;margin-bottom:32px}.how-we-analyse-page .faq-head h2{margin-bottom:12px}.how-we-analyse-page .faq-head p{font-size:17px;color:var(--grey-mid);line-height:1.55;max-width:520px}.how-we-analyse-page .faq-head a{color:var(--link)}.how-we-analyse-page .btn-primary{background:var(--blue-navy);color:#fff;padding:14px 26px;border-radius:999px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:background .15s,transform .1s;text-decoration:none}.how-we-analyse-page .btn-primary:hover{background:var(--purple);transform:translateY(-1px);color:#fff}.how-we-analyse-page .btn-ghost{background:0 0;color:var(--blue-navy);padding:14px 26px;border-radius:999px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--blue-navy);transition:background .15s;text-decoration:none}.how-we-analyse-page .btn-ghost:hover{background:var(--blue-navy);color:#fff}.how-we-analyse-page .final-cta{text-align:center;padding:112px 0}.how-we-analyse-page .final-cta .section-tag{margin-bottom:22px}.how-we-analyse-page .final-cta .section-tag::before{display:none}.how-we-analyse-page .final-cta h2{font-size:68px;margin:0 auto 36px;letter-spacing:-.03em;line-height:1;text-align:center;max-width:none}.how-we-analyse-page .final-cta h2 em{font-style:italic}.how-we-analyse-page .final-cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.how-we-analyse-page .final-cta .btn-primary{font-size:15px;padding:16px 32px}.how-we-analyse-page .final-cta .subnote{font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--grey-light);margin-top:22px}@media(max-width:960px){.how-we-analyse-page .final-cta h2{font-size:40px}.how-we-analyse-page h2{font-size:32px}.how-we-analyse-page .deep-copy h2{font-size:28px}.how-we-analyse-page .trust-inner{gap:24px;flex-direction:column;align-items:flex-start}.how-we-analyse-page .trust-logos{gap:24px}.how-we-analyse-page .principles{grid-template-columns:1fr}.how-we-analyse-page .deep,.how-we-analyse-page .deep.flip{grid-template-columns:1fr;gap:40px}.how-we-analyse-page .deep.flip .deep-copy{order:1}.how-we-analyse-page .deep.flip .deep-visual{order:2}.how-we-analyse-page .framing{grid-template-columns:1fr;gap:24px}.how-we-analyse-page .framing-body{font-size:22px}.how-we-analyse-page .grades-hero{grid-template-columns:1fr}.how-we-analyse-page .grades-low{padding:22px}.how-we-analyse-page .nr-band{grid-template-columns:1fr;gap:18px;padding:20px}.how-we-analyse-page .grades-callout{grid-template-columns:1fr;gap:24px;padding:28px}.how-we-analyse-page .grades-callout ul{border-left:none;border-top:1px solid var(--grey-bg-mid);padding-left:0;padding-top:18px}.how-we-analyse-page .twocol{grid-template-columns:1fr}.how-we-analyse-page .cadence{grid-template-columns:1fr;gap:16px;padding:26px}.how-we-analyse-page .cadence .lab{text-align:left}.how-we-analyse-page .band-blue,.how-we-analyse-page .band-cream{padding:64px 0}.how-we-analyse-page .quote-anchor .body{font-size:24px}}.page-404{min-height:calc(100vh - 80px);padding:var(--size-10)var(--size-2)var(--size-12);display:flex;align-items:center;justify-content:center;@media screen and (max-width:768px){padding: var(--size-6) var(--size-2) var(--size-8); min-height: 70vh;}.eyebrow { font-family: 'BureauSerif', serif; font-size: 88px; font-weight: 500; line-height: 1; letter-spacing: -3%; margin-bottom: var(--size-2); @media screen and (max-width: 768px) { font-size: 64px; } } h1 { font-size: 48px; margin-bottom: var(--size-2); max-width: 560px; margin-left: auto; margin-right: auto; @media screen and (max-width: 768px) { font-size: 32px; } } .lede { font-size: 18px; line-height: 1.55; max-width: 480px; margin: 0 auto var(--size-4); @media screen and (max-width: 768px) { font-size: 16px; } } .cta-row { display: flex; gap: var(--size-1); justify-content: center; flex-wrap: wrap; margin-bottom: var(--size-6); } .quick-links { margin-top: var(--size-4); padding-top: var(--size-4); border-top: 1px solid var(--grey-bg-dark); max-width: 520px; margin-left: auto; margin-right: auto; } .quick-links-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; color: var(--grey-light); margin-bottom: var(--size-2); } .quick-links ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--size-1) var(--size-3); justify-content: center; } .quick-links li { padding: 0; } .quick-links a { color: var(--blue-navy); font-size: 16px; border-bottom: 1px solid transparent; transition: border-color 0.15s ease; &:hover { border-bottom-color: var(--blue-navy); } }}.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;}}