html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size:16px;
    text-align: center;
}

body {
    margin: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering:optimizeLegibility
}

blockquote, figure, h1, h2, h3, h4, ol, p, ul {
    margin: 0;
    padding:0
}

li, main {
    display:block
}

h1, h2, h3, h4 {
    font-size:inherit
}

strong {
    font-weight:700
}

a, button {
    color: inherit;
    cursor: pointer;
    -webkit-transition: .3s;
    transition:.3s
}

a {
    text-decoration:none
}

button {
    -webkit-font-smoothing: inherit;
    background: 0 0;
    border: 0;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit;
    margin: 0;
    overflow: visible;
    padding:0
}

::-moz-focus-inner {
    border: 0;
    padding:0
}

:focus {
    outline:0
}

img {
    max-width: 100%;
    height: auto;
    border:0
}

svg {
    display: block;
    pointer-events:none
}

* {
    box-sizing:border-box
}

pre {
    margin:0
}

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    margin: 0;
    outline: 0;
    padding:0
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button, textarea::-webkit-inner-spin-button, textarea::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin:0
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ""
}

* {
    letter-spacing:-.015em
}

h1, h2, h3, h4, h5, h6 {
    font-weight:900
}

h1 {
    font-size: 12vw;
    line-height:1.2em
}

@media (min-width: 29.1875rem) {
    h1 {
        font-size:3.5rem
    }
}

h2 {
    font-size:9vw;
    padding: 15px 0;
}

@media (min-width: 29.1875rem) {
    h2 {
        font-size:2.625rem
    }
}

h3 {
    font-size:6vw;
    padding: 25px 0;
}

@media (min-width: 29.1875rem) {
    h3 {
        font-size:1.75rem
    }
}

h4 {
    font-size:5vw
}

@media (min-width: 25rem) {
    h4 {
        font-size:1.25rem
    }
}

p {
    color: #847eaa;
    line-height:1.8em
}

p.subheading {
    font-size: 5.625vw;
    margin-top:1em;
    margin-bottom: 25px;
}

@media (min-width: 26.6875rem) {
    p.subheading {
        font-size:1.5rem
    }
}

p.body-text {
    font-size:5vw
}

@media (min-width: 22.5rem) {
    p.body-text {
        font-size:1.125rem
    }
}

p.body-text.large {
    font-size:6vw
}

@media (min-width: 25rem) {
    p.body-text.large {
        font-size:1.5rem
    }
}

.section-heading {
    margin-bottom:1.5em
}

.text-shadow {
    text-shadow:.03em .03em .06em rgba(0, 0, 0, .35)
}

.text-link {
    color: #8dc63f;
    -webkit-transition: .2s ease;
    transition:.2s ease
}

.text-link:hover {
    color:#77aa32
}

body, html {
    color: #282332;
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    min-height: 100vh;
    overflow-x:hidden
}

.is-ios * {
    cursor:pointer
}

.preload * {
    -webkit-transition: none !important;
    transition:none !important
}

.display--none, .hide {
    display:none !important
}

.display--block, .show {
    display:block !important
}

.display--flex, .show-flex {
    display: -webkit-box !important;
    display:flex !important
}

.no-transition {
    -webkit-transition: none !important;
    transition:none !important
}

.no-animation {
    -webkit-animation: none !important;
    animation:none !important
}

.off-white {
    background:#f6f8fc
}

.no-scroll {
    overflow:hidden
}

.align-center {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction:column
}

.center {
    margin-left: auto;
    margin-right:auto
}

.max-width {
    max-width:80rem
}

.pb {
    padding-bottom:18.75vw
}

@media (min-width: 26.6875rem) {
    .pb {
        padding-bottom:5rem
    }
}

.pt {
    padding-top:18.75vw
}

@media (min-width: 26.6875rem) {
    .pt {
        padding-top:5rem
    }
}

svg.green circle, svg.green line, svg.green path, svg.green polygon, svg.green rect {
    stroke:#8dc63f
}

.shake {
    -webkit-animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    animation:shake .82s cubic-bezier(.36, .07, .19, .97) both
}

@-webkit-keyframes slant-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%) skewX(-40deg);
        transform:translateX(20%) skewX(-40deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: skewX(-25deg);
        transform:skewX(-25deg)
    }
}

@keyframes slant-slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20%) skewX(-40deg);
        transform:translateX(20%) skewX(-40deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: skewX(-25deg);
        transform:skewX(-25deg)
    }
}

@-webkit-keyframes h1-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(8%);
        transform:translateX(8%)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform:none
    }
}

@keyframes h1-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(8%);
        transform:translateX(8%)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform:none
    }
}

.button.green {
    color: #282332;
    box-shadow:inset 0 0 0 2px #8dc63f
}

.button.green::before {
    background:#8dc63f
}

@media not all and (hover: none) {
    .button.green:hover {
        color:#fff
    }

    .button.green:hover img, .button.green:hover svg {
        fill: #fff;
        -webkit-transform: translateX(.3125rem);
        transform:translateX(.3125rem)
    }
}

.button.gray {
    color: #282332;
    box-shadow:inset 0 0 0 2px #404040
}

.button.gray::before {
    background:#404040
}

@media not all and (hover: none) {
    .button.gray:hover {
        color:#fff
    }

    .button.gray:hover img, .button.gray:hover svg {
        fill: #fff;
        -webkit-transform: translateX(.3125rem);
        transform:translateX(.3125rem)
    }
}

.button.white {
    color: #282332;
    box-shadow:inset 0 0 0 2px #fff
}

.button.white::before {
    background:#fff
}

@media not all and (hover: none) {
    .button.white:hover {
        color:#fff
    }

    .button.white:hover img, .button.white:hover svg {
        fill: #fff;
        -webkit-transform: translateX(.3125rem);
        transform:translateX(.3125rem)
    }
}

.button.white {
    border: .5px solid rgba(50, 50, 93, .05);
    color: #fff;
    box-shadow:inset 0 0 0 2px #fff
}

.button {
    -webkit-box-align: center;
    align-items: center;
    border-radius: calc(1em / 3);
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    font-size: 5vw;
    font-weight: 600;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: .85em;
    overflow: hidden;
    padding: 1em 1.25em;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space:nowrap
}

.button::before {
    bottom: 0;
    content: "";
    height: 1500%;
    position: absolute;
    pointer-events: none;
    right: 0;
    -webkit-transform: translateX(-100%) rotate(45deg);
    transform: translateX(-100%) rotate(45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transition: .2s cubic-bezier(.7, 0, .6, 1);
    transition: .2s cubic-bezier(.7, 0, .6, 1);
    width: 150%;
    z-index:0
}

@media not all and (hover: none) {
    .button:hover::before {
        -webkit-transform: translate(-100%, 1%) rotate(90deg);
        transform: translate(-100%, 1%) rotate(90deg);
        -webkit-transition: .25s cubic-bezier(.25, 0, 0, 1);
        transition:.25s cubic-bezier(.25, 0, 0, 1)
    }
}

.button.small {
    font-size:.875rem
}

.button.medium {
    font-size:1rem
}

@media (min-width: 22.5rem) {
    .button.large {
        font-size:1.125rem
    }
}

@media (min-width: 25rem) {
    .button.x-large {
        font-size:1.25rem
    }
}

.button.below-text {
    margin:2.5em 0 0 0
}

.button.white-text {
    color:#fff
}

.button.white-text svg {
    fill:#fff
}

.button span {
    position: relative;
    z-index:1
}

.button img, .button svg {
    height: .8em;
    margin: 0 0 0 .75em;
    position: relative;
    top: .1em;
    -webkit-transition: .25s;
    transition:.25s
}

.button svg {
    fill:#282332
}

#floating-logos {
    height: 28.75rem;
    left: 0;
    margin-bottom: 5rem;
    margin-top: -3.75rem;
    position: relative;
    top: 0;
    width: 100vw;
    z-index:2
}

#floating-logos .logos-container {
    height: 100%;
    padding-bottom: 3.75rem;
    position: relative;
    width:187.5rem
}

#floating-logos .floating-logo {
    background-color: #fff;
    background-image: url(/005fe5226ce1dd237d6efdadb7c56cae1b44f167/d7785/images/logos/third-party/customer-spritesheet.png);
    background-size: 1330rem 9.5rem;
    border-radius: 50%;
    font-size: 9.5rem;
    height: 9.5rem;
    opacity: 0;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    width: 9.5rem;
    will-change:transform, opacity
}

#floating-logos .floating-logo:hover {
    -webkit-transition: .3s z-index;
    transition: .3s z-index;
    z-index:9999
}

#floating-logos .floating-logo:hover span {
    opacity: 1;
    -webkit-transform: translate(-50%);
    transform:translate(-50%)
}

#floating-logos .floating-logo:hover span::before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    -webkit-transition: .25s;
    transition:.25s
}

#floating-logos .floating-logo span {
    border-radius: 3.125rem;
    bottom: -3.125rem;
    color: #847eaa;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    left: 50%;
    opacity: 0;
    overflow: hidden;
    padding: .25em .8em .4em .8em;
    pointer-events: none;
    position: absolute;
    text-align: center;
    -webkit-transform: translate(-50%, -.9375rem);
    transform: translate(-50%, -.9375rem);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    will-change:opacity, transform
}

#floating-logos .floating-logo span::before {
    background: #282332;
    border-radius: 50%;
    content: "";
    left: 50%;
    opacity: 0;
    padding: 110% 0 0 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.1);
    transform: translate(-50%, -50%) scale(.1);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .25s;
    transition: .25s;
    width: 110%;
    z-index:-1
}

#floating-logos .logo--1sale {
    background-position:0 0
}

#floating-logos .logo--acdc {
    background-position:-152px 0
}

#floating-logos .logo--acornity {
    background-position:-304px 0
}

#floating-logos .logo--adam-mesh {
    background-position:-456px 0
}

#floating-logos .logo--adobe {
    background-position:-608px 0
}

#floating-logos .logo--alesso {
    background-position:-760px 0
}

#floating-logos .logo--ambronite {
    background-position:-912px 0
}

#floating-logos .logo--apa {
    background-position:-1064px 0
}

#floating-logos .logo--attendify {
    background-position:-1216px 0
}

#floating-logos .logo--backstreet-boys {
    background-position:-1368px 0
}

#floating-logos .logo--beamery {
    background-position:-1520px 0
}

#floating-logos .logo--bitium {
    background-position:-1672px 0
}

#floating-logos .logo--bold {
    background-position:-1824px 0
}

#floating-logos .logo--build-com {
    background-position:-1976px 0
}

#floating-logos .logo--bulletproof-coffee {
    background-position:-2128px 0
}

#floating-logos .logo--bunny-studio {
    background-position:-2280px 0
}

#floating-logos .logo--califia-farms {
    background-position:-2432px 0
}

#floating-logos .logo--carsales {
    background-position:-2584px 0
}

#floating-logos .logo--cashcall {
    background-position:-2736px 0
}

#floating-logos .logo--code-climate {
    background-position:-2888px 0
}

#floating-logos .logo--commissioncrowd {
    background-position:-3040px 0
}

#floating-logos .logo--cpa {
    background-position:-3192px 0
}

#floating-logos .logo--crowd-surf {
    background-position:-3344px 0
}

#floating-logos .logo--darling-ingredients {
    background-position:-3496px 0
}

#floating-logos .logo--disney {
    background-position:-3648px 0
}

#floating-logos .logo--dope {
    background-position:-3800px 0
}

#floating-logos .logo--dow-jones {
    background-position:-3952px 0
}

#floating-logos .logo--drumshop {
    background-position:-4104px 0
}

#floating-logos .logo--engage-bdr {
    background-position:-4256px 0
}

#floating-logos .logo--evelo {
    background-position:-4408px 0
}

#floating-logos .logo--evolvh {
    background-position:-4560px 0
}

#floating-logos .logo--exo-protein {
    background-position:-4712px 0
}

#floating-logos .logo--exportfeed {
    background-position:-4864px 0
}

#floating-logos .logo--fabfitfun {
    background-position:-5016px 0
}

#floating-logos .logo--faith-box {
    background-position:-5168px 0
}

#floating-logos .logo--fiji-water {
    background-position:-5320px 0
}

#floating-logos .logo--first-stop-health {
    background-position:-5472px 0
}

#floating-logos .logo--flowroute {
    background-position:-5624px 0
}

#floating-logos .logo--forgiato-wheels {
    background-position:-5776px 0
}

#floating-logos .logo--four-sigmatic {
    background-position:-5928px 0
}

#floating-logos .logo--framebridge {
    background-position:-6080px 0
}

#floating-logos .logo--fredericks {
    background-position:-6232px 0
}

#floating-logos .logo--glia {
    background-position:-6384px 0
}

#floating-logos .logo--golf-channel {
    background-position:-6536px 0
}

#floating-logos .logo--grand-trunk {
    background-position:-6688px 0
}

#floating-logos .logo--guitar-tricks {
    background-position:-6840px 0
}

#floating-logos .logo--halston {
    background-position:-6992px 0
}

#floating-logos .logo--havas-digital {
    background-position:-7144px 0
}

#floating-logos .logo--help-scout {
    background-position:-7296px 0
}

#floating-logos .logo--hersheys {
    background-position:-7448px 0
}

#floating-logos .logo--hint {
    background-position:-7600px 0
}

#floating-logos .logo--homepanda {
    background-position:-7752px 0
}

#floating-logos .logo--iconic-reach {
    background-position:-7904px 0
}

#floating-logos .logo--ideascale {
    background-position:-8056px 0
}

#floating-logos .logo--identityforce {
    background-position:-8208px 0
}

#floating-logos .logo--iheartmedia {
    background-position:-8360px 0
}

#floating-logos .logo--intermix-io {
    background-position:-8512px 0
}

#floating-logos .logo--istack-holdings {
    background-position:-8664px 0
}

#floating-logos .logo--itzy-ritzy {
    background-position:-8816px 0
}

#floating-logos .logo--j-brand-jeans {
    background-position:-8968px 0
}

#floating-logos .logo--jac-vanek {
    background-position:-9120px 0
}

#floating-logos .logo--jack-links {
    background-position:-9272px 0
}

#floating-logos .logo--jetpack-workflow {
    background-position:-9424px 0
}

#floating-logos .logo--jigsaw-health {
    background-position:-9576px 0
}

#floating-logos .logo--kendall-kylie {
    background-position:-9728px 0
}

#floating-logos .logo--laseraway {
    background-position:-9880px 0
}

#floating-logos .logo--lelo {
    background-position:-10032px 0
}

#floating-logos .logo--lendi {
    background-position:-10184px 0
}

#floating-logos .logo--luxury-world-traveler {
    background-position:-10336px 0
}

#floating-logos .logo--lyft {
    background-position:-10488px 0
}

#floating-logos .logo--maids-in-black {
    background-position:-10640px 0
}

#floating-logos .logo--mastered {
    background-position:-10792px 0
}

#floating-logos .logo--mcm {
    background-position:-10944px 0
}

#floating-logos .logo--menlo-house {
    background-position:-11096px 0
}

#floating-logos .logo--metromile {
    background-position:-11248px 0
}

#floating-logos .logo--mhelpdesk {
    background-position:-11400px 0
}

#floating-logos .logo--modern-vice {
    background-position:-11552px 0
}

#floating-logos .logo--mogul {
    background-position:-11704px 0
}

#floating-logos .logo--nationwide {
    background-position:-11856px 0
}

#floating-logos .logo--natural-stacks {
    background-position:-12008px 0
}

#floating-logos .logo--nectar-sunglasses {
    background-position:-12160px 0
}

#floating-logos .logo--neff {
    background-position:-12312px 0
}

#floating-logos .logo--nice-kicks {
    background-position:-12464px 0
}

#floating-logos .logo--nicoya {
    background-position:-12616px 0
}

#floating-logos .logo--nine-west {
    background-position:-12768px 0
}

#floating-logos .logo--office-timeline {
    background-position:-12920px 0
}

#floating-logos .logo--oz-contacts {
    background-position:-13072px 0
}

#floating-logos .logo--paleo-leap {
    background-position:-13224px 0
}

#floating-logos .logo--pandadoc {
    background-position:-13376px 0
}

#floating-logos .logo--papa-roach {
    background-position:-13528px 0
}

#floating-logos .logo--peony {
    background-position:-13680px 0
}

#floating-logos .logo--pet-runway {
    background-position:-13832px 0
}

#floating-logos .logo--phonesoap {
    background-position:-13984px 0
}

#floating-logos .logo--referral-sasquatch {
    background-position:-14136px 0
}

#floating-logos .logo--represent {
    background-position:-14288px 0
}

#floating-logos .logo--richer-poorer {
    background-position:-14440px 0
}

#floating-logos .logo--rocket-internet {
    background-position:-14592px 0
}

#floating-logos .logo--scentbird {
    background-position:-14744px 0
}

#floating-logos .logo--seobility {
    background-position:-14896px 0
}

#floating-logos .logo--simon {
    background-position:-15048px 0
}

#floating-logos .logo--simply-framed {
    background-position:-15200px 0
}

#floating-logos .logo--spendhq {
    background-position:-15352px 0
}

#floating-logos .logo--spirithoods {
    background-position:-15504px 0
}

#floating-logos .logo--sprout-social {
    background-position:-15656px 0
}

#floating-logos .logo--square {
    background-position:-15808px 0
}

#floating-logos .logo--stackadapt {
    background-position:-15960px 0
}

#floating-logos .logo--steve-weatherford {
    background-position:-16112px 0
}

#floating-logos .logo--steward {
    background-position:-16264px 0
}

#floating-logos .logo--stickyalbums {
    background-position:-16416px 0
}

#floating-logos .logo--stoplight {
    background-position:-16568px 0
}

#floating-logos .logo--sylvane {
    background-position:-16720px 0
}

#floating-logos .logo--tahiti {
    background-position:-16872px 0
}

#floating-logos .logo--teachable {
    background-position:-17024px 0
}

#floating-logos .logo--team-10 {
    background-position:-17176px 0
}

#floating-logos .logo--tep-wireless {
    background-position:-17328px 0
}

#floating-logos .logo--the-art-of {
    background-position:-17480px 0
}

#floating-logos .logo--the-dirty {
    background-position:-17632px 0
}

#floating-logos .logo--the-elephant-pants {
    background-position:-17784px 0
}

#floating-logos .logo--the-home-t {
    background-position:-17936px 0
}

#floating-logos .logo--the-job-sauce {
    background-position:-18088px 0
}

#floating-logos .logo--the-next-web {
    background-position:-18544px 0
}

#floating-logos .logo--the-washington-post {
    background-position:-20064px 0
}

#floating-logos .logo--thomas-wylde {
    background-position:-18240px 0
}

#floating-logos .logo--ticket-iq {
    background-position:-18392px 0
}

#floating-logos .logo--toplad {
    background-position:-18696px 0
}

#floating-logos .logo--toyota {
    background-position:-18848px 0
}

#floating-logos .logo--transworld {
    background-position:-19000px 0
}

#floating-logos .logo--trendy-butler {
    background-position:-19152px 0
}

#floating-logos .logo--trubrain {
    background-position:-19304px 0
}

#floating-logos .logo--true-religion {
    background-position:-19456px 0
}

#floating-logos .logo--twp-wireless {
    background-position:-19608px 0
}

#floating-logos .logo--unidesk {
    background-position:-19760px 0
}

#floating-logos .logo--virgin {
    background-position:-19912px 0
}

#floating-logos .logo--wearpanda {
    background-position:-20216px 0
}

#floating-logos .logo--why-dont-we {
    background-position:-20368px 0
}

#floating-logos .logo--wiser {
    background-position:-20520px 0
}

#floating-logos .logo--wiza {
    background-position:-20672px 0
}

#floating-logos .logo--young-reckless {
    background-position:-20824px 0
}

#floating-logos .logo--zaask {
    background-position:-20976px 0
}

#floating-logos .logo--zest-tea {
    background-position:-21128px 0
}

form {
    display: grid;
    font-size: 5vw;
    grid-gap: 1.875rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    width:100%
}

@media (min-width: 22.5rem) {
    form {
        font-size:1.125rem
    }
}

@media (min-width: 50rem) {
    form {
        grid-template-columns:repeat(12, 1fr)
    }
}

form * {
    font-size:inherit
}

form .button {
    height:3.8125rem
}

.form-item {
    position:relative
}

@media (min-width: 50rem) {
    .form-item.width--50 {
        grid-column:span 6
    }
}

@media (min-width: 50rem) {
    .form-item.width--100 {
        grid-column:span 12
    }
}

.form-item[data-focused=true] label {
    color: #8dc63f !important;
    font-size: .8em;
    left: 1.5em;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.form-item[data-focused=true] [type=color], .form-item[data-focused=true] [type=date], .form-item[data-focused=true] [type=datetime-local], .form-item[data-focused=true] [type=datetime], .form-item[data-focused=true] [type=email], .form-item[data-focused=true] [type=month], .form-item[data-focused=true] [type=number], .form-item[data-focused=true] [type=password], .form-item[data-focused=true] [type=search], .form-item[data-focused=true] [type=tel], .form-item[data-focused=true] [type=text], .form-item[data-focused=true] [type=time], .form-item[data-focused=true] [type=url], .form-item[data-focused=true] [type=week], .form-item[data-focused=true] input:not([type]), .form-item[data-focused=true] select, .form-item[data-focused=true] textarea {
    box-shadow:inset 0 0 0 2px #8dc63f
}

.form-item[data-focused=true] [type=color]::-webkit-input-placeholder, .form-item[data-focused=true] [type=date]::-webkit-input-placeholder, .form-item[data-focused=true] [type=datetime-local]::-webkit-input-placeholder, .form-item[data-focused=true] [type=datetime]::-webkit-input-placeholder, .form-item[data-focused=true] [type=email]::-webkit-input-placeholder, .form-item[data-focused=true] [type=month]::-webkit-input-placeholder, .form-item[data-focused=true] [type=number]::-webkit-input-placeholder, .form-item[data-focused=true] [type=password]::-webkit-input-placeholder, .form-item[data-focused=true] [type=search]::-webkit-input-placeholder, .form-item[data-focused=true] [type=tel]::-webkit-input-placeholder, .form-item[data-focused=true] [type=text]::-webkit-input-placeholder, .form-item[data-focused=true] [type=time]::-webkit-input-placeholder, .form-item[data-focused=true] [type=url]::-webkit-input-placeholder, .form-item[data-focused=true] [type=week]::-webkit-input-placeholder, .form-item[data-focused=true] input:not([type])::-webkit-input-placeholder, .form-item[data-focused=true] select::-webkit-input-placeholder, .form-item[data-focused=true] textarea::-webkit-input-placeholder {
    color: rgba(132, 126, 170, .35);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity:1
}

.form-item[data-focused=true] [type=color]::-moz-placeholder, .form-item[data-focused=true] [type=date]::-moz-placeholder, .form-item[data-focused=true] [type=datetime-local]::-moz-placeholder, .form-item[data-focused=true] [type=datetime]::-moz-placeholder, .form-item[data-focused=true] [type=email]::-moz-placeholder, .form-item[data-focused=true] [type=month]::-moz-placeholder, .form-item[data-focused=true] [type=number]::-moz-placeholder, .form-item[data-focused=true] [type=password]::-moz-placeholder, .form-item[data-focused=true] [type=search]::-moz-placeholder, .form-item[data-focused=true] [type=tel]::-moz-placeholder, .form-item[data-focused=true] [type=text]::-moz-placeholder, .form-item[data-focused=true] [type=time]::-moz-placeholder, .form-item[data-focused=true] [type=url]::-moz-placeholder, .form-item[data-focused=true] [type=week]::-moz-placeholder, .form-item[data-focused=true] input:not([type])::-moz-placeholder, .form-item[data-focused=true] select::-moz-placeholder, .form-item[data-focused=true] textarea::-moz-placeholder {
    color: rgba(132, 126, 170, .35);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity:1
}

.form-item[data-focused=true] [type=color]:-ms-input-placeholder, .form-item[data-focused=true] [type=date]:-ms-input-placeholder, .form-item[data-focused=true] [type=datetime-local]:-ms-input-placeholder, .form-item[data-focused=true] [type=datetime]:-ms-input-placeholder, .form-item[data-focused=true] [type=email]:-ms-input-placeholder, .form-item[data-focused=true] [type=month]:-ms-input-placeholder, .form-item[data-focused=true] [type=number]:-ms-input-placeholder, .form-item[data-focused=true] [type=password]:-ms-input-placeholder, .form-item[data-focused=true] [type=search]:-ms-input-placeholder, .form-item[data-focused=true] [type=tel]:-ms-input-placeholder, .form-item[data-focused=true] [type=text]:-ms-input-placeholder, .form-item[data-focused=true] [type=time]:-ms-input-placeholder, .form-item[data-focused=true] [type=url]:-ms-input-placeholder, .form-item[data-focused=true] [type=week]:-ms-input-placeholder, .form-item[data-focused=true] input:not([type]):-ms-input-placeholder, .form-item[data-focused=true] select:-ms-input-placeholder, .form-item[data-focused=true] textarea:-ms-input-placeholder {
    color: rgba(132, 126, 170, .35);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity:1
}

.form-item[data-focused=true] [type=color]::-ms-input-placeholder, .form-item[data-focused=true] [type=date]::-ms-input-placeholder, .form-item[data-focused=true] [type=datetime-local]::-ms-input-placeholder, .form-item[data-focused=true] [type=datetime]::-ms-input-placeholder, .form-item[data-focused=true] [type=email]::-ms-input-placeholder, .form-item[data-focused=true] [type=month]::-ms-input-placeholder, .form-item[data-focused=true] [type=number]::-ms-input-placeholder, .form-item[data-focused=true] [type=password]::-ms-input-placeholder, .form-item[data-focused=true] [type=search]::-ms-input-placeholder, .form-item[data-focused=true] [type=tel]::-ms-input-placeholder, .form-item[data-focused=true] [type=text]::-ms-input-placeholder, .form-item[data-focused=true] [type=time]::-ms-input-placeholder, .form-item[data-focused=true] [type=url]::-ms-input-placeholder, .form-item[data-focused=true] [type=week]::-ms-input-placeholder, .form-item[data-focused=true] input:not([type])::-ms-input-placeholder, .form-item[data-focused=true] select::-ms-input-placeholder, .form-item[data-focused=true] textarea::-ms-input-placeholder {
    color: rgba(132, 126, 170, .35);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity:1
}

.form-item[data-focused=true] [type=color]::placeholder, .form-item[data-focused=true] [type=date]::placeholder, .form-item[data-focused=true] [type=datetime-local]::placeholder, .form-item[data-focused=true] [type=datetime]::placeholder, .form-item[data-focused=true] [type=email]::placeholder, .form-item[data-focused=true] [type=month]::placeholder, .form-item[data-focused=true] [type=number]::placeholder, .form-item[data-focused=true] [type=password]::placeholder, .form-item[data-focused=true] [type=search]::placeholder, .form-item[data-focused=true] [type=tel]::placeholder, .form-item[data-focused=true] [type=text]::placeholder, .form-item[data-focused=true] [type=time]::placeholder, .form-item[data-focused=true] [type=url]::placeholder, .form-item[data-focused=true] [type=week]::placeholder, .form-item[data-focused=true] input:not([type])::placeholder, .form-item[data-focused=true] select::placeholder, .form-item[data-focused=true] textarea::placeholder {
    color: rgba(132, 126, 170, .35);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity:1
}

.form-item[data-focused=true] circle, .form-item[data-focused=true] line, .form-item[data-focused=true] path, .form-item[data-focused=true] polygon, .form-item[data-focused=true] rect {
    stroke:#8dc63f !important
}

.form-item[data-filled=true] label {
    color: #847eaa;
    font-size: .8em;
    left: 1.5em;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.form-item[data-filled=true] select {
    color:#282332
}

label {
    background: #fff;
    color: rgba(132, 126, 170, .5);
    display: inline-block;
    left: 1em;
    pointer-events: none;
    position: absolute;
    top: .95em;
    -webkit-transition: .2s;
    transition: .2s;
    z-index:3
}

label::before {
    background: #fff;
    content: "";
    font-size: inherit;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% + 1em);
    z-index:-1
}

.input-container {
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    z-index:2
}

.input-container.select-container svg {
    font-size: 1em;
    height: calc(8em / 9);
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    right: 1em;
    z-index:3
}

.input-container.select-container path {
    stroke: #847eaa;
    stroke-width:10px
}

.input-container [type=color], .input-container [type=date], .input-container [type=datetime-local], .input-container [type=datetime], .input-container [type=email], .input-container [type=month], .input-container [type=number], .input-container [type=password], .input-container [type=search], .input-container [type=tel], .input-container [type=text], .input-container [type=time], .input-container [type=url], .input-container [type=week], .input-container input:not([type]), .input-container select, .input-container textarea {
    background: #fff;
    border-radius: .375rem;
    box-shadow: inset 0 0 0 2px #847eaa;
    color: #282332;
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    height: 100%;
    line-height: .85em;
    padding: 1em;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    z-index:1
}

.input-container [type=color]::-webkit-input-placeholder, .input-container [type=date]::-webkit-input-placeholder, .input-container [type=datetime-local]::-webkit-input-placeholder, .input-container [type=datetime]::-webkit-input-placeholder, .input-container [type=email]::-webkit-input-placeholder, .input-container [type=month]::-webkit-input-placeholder, .input-container [type=number]::-webkit-input-placeholder, .input-container [type=password]::-webkit-input-placeholder, .input-container [type=search]::-webkit-input-placeholder, .input-container [type=tel]::-webkit-input-placeholder, .input-container [type=text]::-webkit-input-placeholder, .input-container [type=time]::-webkit-input-placeholder, .input-container [type=url]::-webkit-input-placeholder, .input-container [type=week]::-webkit-input-placeholder, .input-container input:not([type])::-webkit-input-placeholder, .input-container select::-webkit-input-placeholder, .input-container textarea::-webkit-input-placeholder {
    color: rgba(132, 126, 170, .5);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity: 0;
    -webkit-transition: .2s;
    transition:.2s
}

.input-container [type=color]::-moz-placeholder, .input-container [type=date]::-moz-placeholder, .input-container [type=datetime-local]::-moz-placeholder, .input-container [type=datetime]::-moz-placeholder, .input-container [type=email]::-moz-placeholder, .input-container [type=month]::-moz-placeholder, .input-container [type=number]::-moz-placeholder, .input-container [type=password]::-moz-placeholder, .input-container [type=search]::-moz-placeholder, .input-container [type=tel]::-moz-placeholder, .input-container [type=text]::-moz-placeholder, .input-container [type=time]::-moz-placeholder, .input-container [type=url]::-moz-placeholder, .input-container [type=week]::-moz-placeholder, .input-container input:not([type])::-moz-placeholder, .input-container select::-moz-placeholder, .input-container textarea::-moz-placeholder {
    color: rgba(132, 126, 170, .5);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity: 0;
    -moz-transition: .2s;
    transition:.2s
}

.input-container [type=color]:-ms-input-placeholder, .input-container [type=date]:-ms-input-placeholder, .input-container [type=datetime-local]:-ms-input-placeholder, .input-container [type=datetime]:-ms-input-placeholder, .input-container [type=email]:-ms-input-placeholder, .input-container [type=month]:-ms-input-placeholder, .input-container [type=number]:-ms-input-placeholder, .input-container [type=password]:-ms-input-placeholder, .input-container [type=search]:-ms-input-placeholder, .input-container [type=tel]:-ms-input-placeholder, .input-container [type=text]:-ms-input-placeholder, .input-container [type=time]:-ms-input-placeholder, .input-container [type=url]:-ms-input-placeholder, .input-container [type=week]:-ms-input-placeholder, .input-container input:not([type]):-ms-input-placeholder, .input-container select:-ms-input-placeholder, .input-container textarea:-ms-input-placeholder {
    color: rgba(132, 126, 170, .5);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity: 0;
    -ms-transition: .2s;
    transition:.2s
}

.input-container [type=color]::-ms-input-placeholder, .input-container [type=date]::-ms-input-placeholder, .input-container [type=datetime-local]::-ms-input-placeholder, .input-container [type=datetime]::-ms-input-placeholder, .input-container [type=email]::-ms-input-placeholder, .input-container [type=month]::-ms-input-placeholder, .input-container [type=number]::-ms-input-placeholder, .input-container [type=password]::-ms-input-placeholder, .input-container [type=search]::-ms-input-placeholder, .input-container [type=tel]::-ms-input-placeholder, .input-container [type=text]::-ms-input-placeholder, .input-container [type=time]::-ms-input-placeholder, .input-container [type=url]::-ms-input-placeholder, .input-container [type=week]::-ms-input-placeholder, .input-container input:not([type])::-ms-input-placeholder, .input-container select::-ms-input-placeholder, .input-container textarea::-ms-input-placeholder {
    color: rgba(132, 126, 170, .5);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity: 0;
    -ms-transition: .2s;
    transition:.2s
}

.input-container [type=color]::placeholder, .input-container [type=date]::placeholder, .input-container [type=datetime-local]::placeholder, .input-container [type=datetime]::placeholder, .input-container [type=email]::placeholder, .input-container [type=month]::placeholder, .input-container [type=number]::placeholder, .input-container [type=password]::placeholder, .input-container [type=search]::placeholder, .input-container [type=tel]::placeholder, .input-container [type=text]::placeholder, .input-container [type=time]::placeholder, .input-container [type=url]::placeholder, .input-container [type=week]::placeholder, .input-container input:not([type])::placeholder, .input-container select::placeholder, .input-container textarea::placeholder {
    color: rgba(132, 126, 170, .5);
    font-family: sofia-pro, Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    opacity: 0;
    -webkit-transition: .2s;
    transition:.2s
}

.input-container select {
    border: none;
    color: #fff;
    height: 17.1875vw;
    line-height: 1.8em;
    padding:0 1em
}

@media (min-width: 22.1875rem) {
    .input-container select {
        height:3.8125rem
    }
}

.input-container textarea {
    line-height: 1.6em;
    min-height: 7.5rem;
    resize:vertical
}

.arrow-link {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    color: #8dc63f;
    font-size: 5vw;
    font-weight: 600;
    -webkit-transition: .3s;
    transition:.3s
}

@media (min-width: 22.5rem) {
    .arrow-link {
        font-size:1.125rem
    }
}

.arrow-link:hover svg {
    -webkit-transform: translateX(.25em);
    transform:translateX(.25em)
}

.arrow-link.white {
    color:#fff
}

.arrow-link.white svg {
    fill:#fff
}

.arrow-link.white svg:hover {
    fill:#fff
}

.arrow-link.green {
    color:#8dc63f
}

.arrow-link.green svg {
    fill:#8dc63f
}

.arrow-link.green svg:hover {
    fill:#77aa32
}

.arrow-link.below-text {
    margin-top:2em
}

.arrow-link svg {
    font-size: inherit;
    height: .8em;
    position: relative;
    top: .15em;
    -webkit-transition: .2s;
    transition:.2s
}

.arrow-link span {
    margin:0 .6em 0 0
}

.bullet-list {
    color: #847eaa;
    font-size: 5vw;
    padding-left:2em
}

@media (min-width: 22.5rem) {
    .bullet-list {
        font-size:1.125rem
    }
}

.bullet-list li {
    display: list-item;
    line-height: 1.4em;
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom:1em
}

.bullet-list li:last-of-type {
    margin-bottom:0
}

.bullet-list li.no-dot {
    display: block;
    list-style-type:none
}

.bullet-list.sublist {
    padding-left:1.25em
}

.card-group {
    display: grid;
    grid-gap: 1.875rem;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    width:100%
}

.card {
    background: #282332;
    border-radius: .375rem;
    color: #fff;
    overflow: hidden;
    padding: 2.5rem 6.25vw;
    position:relative
}

@media (min-width: 40rem) {
    .card {
        padding:2.5rem
    }
}

.cluster {
    -webkit-box-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align:left
}

.cluster .button, .cluster .cluster-link {
    margin-top:2em
}

.cluster > img, .cluster > svg {
    height: 15vw;
    margin-bottom:5vw
}

@media (min-width: 25rem) {
    .cluster > img, .cluster > svg {
        height: 3.75rem;
        margin-bottom:1.25rem
    }
}

.cluster-grid {
    display: grid;
    grid-gap: 12.5vw 2.5rem;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    width:100%
}

@media (min-width: 30rem) {
    .cluster-grid {
        grid-gap:3.75rem 2.5rem
    }
}

.cluster-grid.four-columns {
    grid-template-columns:repeat(auto-fit, minmax(15.625rem, 1fr))
}

.cluster-heading {
    margin-bottom:.5em
}

.content {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    position: relative;
    width: 100%;
    z-index:1
}

@media (min-width: 40rem) {
    .content {
        padding-left: 2.5rem;
        padding-right:2.5rem
    }
}

.flex-container {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width:100%
}

.section-cluster h1, .section-cluster h2, .section-cluster h3, .section-cluster h4, .section-cluster h5, .section-cluster h6 {
    margin-bottom:.75em
}

.scrolling-underline {
    position:relative
}

.scrolling-underline::after {
    bottom: 0;
    content: "";
    font-size: inherit;
    height: calc(1em / 9);
    position: absolute;
    right: 0;
    -webkit-transition: .25s;
    transition: .25s;
    width:0
}

@media not all and (hover: none) {
    .scrolling-underline:hover::after {
        left: 0;
        width:100%
    }
}

.scrolling-underline.white::after {
    background:#fff
}

.scrolling-underline.green::after {
    background:#8dc63f
}

.scrolling-underline.purple::after {
    background:#282332
}

.text-link {
    color:#8dc63f
}

.text-link:hover {
    color: #80b636;
    text-decoration:underline
}

.icon {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content:center
}

.icon > img, .icon > svg {
    height:50%
}

#header-nav {
    font-size: 3vh;
    height: 5rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:10
}

@media (min-width: 62.5rem) {
    #header-nav {
        height: 7.5rem;
        font-size:1.125rem
    }
}

#header-nav > .content {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    z-index:2
}

#header-nav::before {
    background: #8dc63f;
    content: "";
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: .6s cubic-bezier(.4, 0, 0, 1);
    transition: .6s cubic-bezier(.4, 0, 0, 1);
    width: 100vw;
    z-index:0
}

@media (min-width: 62.5rem) {
    #header-nav::before {
        display:none
    }
}

#header-nav::after {
    background: #282332;
    content: "";
    height: 84vmax;
    left: 50%;
    pointer-events: none;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) skewY(-30deg) scaleY(0);
    transform: translate(-50%, -50%) skewY(-30deg) scaleY(0);
    -webkit-transition: .6s cubic-bezier(.4, 0, 0, 1);
    transition: .6s cubic-bezier(.4, 0, 0, 1);
    width: 100vw;
    z-index:1
}

@media (min-width: 62.5rem) {
    #header-nav::after {
        display:none
    }
}

#header-nav[data-active=true] .cv-logo-text path {
    fill:#fff
}

#header-nav[data-active=true]::after, #header-nav[data-active=true]::before {
    pointer-events:all
}

#header-nav[data-active=true]::before {
    opacity:1
}

#header-nav[data-active=true]::after {
    -webkit-transform: translate(-50%, -50%) skewY(-30deg) scaleY(1);
    transform:translate(-50%, -50%) skewY(-30deg) scaleY(1)
}

#header-nav[data-active=true] .mobile-links {
    pointer-events:all
}

#header-nav[data-active=true] .mobile-links .button {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .4s .4s;
    transition:.4s .4s
}

#header-nav[data-active=true] .nav-links li {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-duration: .4s;
    transition-duration:.4s
}

#header-nav[data-active=true] .nav-links li:nth-child(1) {
    -webkit-transition-delay: 150ms;
    transition-delay:150ms
}

#header-nav[data-active=true] .nav-links li:nth-child(2) {
    -webkit-transition-delay: 210ms;
    transition-delay:210ms
}

#header-nav[data-active=true] .nav-links li:nth-child(3) {
    -webkit-transition-delay: 255ms;
    transition-delay:255ms
}

#header-nav[data-active=true] .nav-links li:nth-child(4) {
    -webkit-transition-delay: .288s;
    transition-delay:.288s
}

#header-nav[data-active=true] .nav-links li:nth-child(5) {
    -webkit-transition-delay: .314s;
    transition-delay:.314s
}

#header-nav[data-active=true] .nav-links li:nth-child(6) {
    -webkit-transition-delay: .333s;
    transition-delay:.333s
}

#header-nav[data-active=true] .nav-links li:nth-child(7) {
    -webkit-transition-delay: .347s;
    transition-delay:.347s
}

#header-nav[data-active=true] #mobile-nav-btn span:first-of-type {
    -webkit-transform: scaleX(1) rotate(-45deg);
    transform:scaleX(1) rotate(-45deg)
}

#header-nav[data-active=true] #mobile-nav-btn span:nth-of-type(2) {
    -webkit-transform: scaleX(0);
    transform:scaleX(0)
}

#header-nav[data-active=true] #mobile-nav-btn span:last-of-type {
    -webkit-transform: scaleX(1) rotate(45deg);
    transform:scaleX(1) rotate(45deg)
}

#header-nav[data-theme=light] .cv-logo-text path {
    fill:#fff
}

#header-nav[data-theme=light] a {
    color:#fff
}

@media (min-width: 62.5rem) {
    #header-nav[data-theme=light] a::after {
        background:#fff !important
    }
}

#header-nav[data-theme=dark] #mobile-nav-btn span {
    background:#282332
}

@media (min-width: 62.5rem) {
    #header-nav[data-theme=dark] a {
        color:#282332
    }
}

@media not all and (hover: none) {
    #header-nav[data-theme=dark] .button:hover {
        color:#fff
    }
}

#header-nav[data-theme=dark][data-active=true] #mobile-nav-btn span {
    background:#fff
}

#nav-logo-link {
    margin-right:1.25rem
}

#cv-logo {
    max-width: 15.625rem;
    width:100%
}

.cv-logo-text path {
    -webkit-transition: .6s cubic-bezier(.4, 0, 0, 1);
    transition:.6s cubic-bezier(.4, 0, 0, 1)
}

.mobile-links {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: calc(100vh - 5rem);
    -webkit-box-pack: center;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 5rem;
    width:100%
}

@media (min-width: 62.5rem) {
    .mobile-links {
        display: block;
        height: auto;
        pointer-events: all;
        position: static;
        width:auto
    }
}

.mobile-links .content {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    top:-12vh
}

@media (min-width: 62.5rem) {
    .mobile-links .content {
        padding: 0;
        position:static
    }
}

.mobile-links .button {
    font-size: .75em;
    margin-top: 2em;
    opacity: 0;
    -webkit-transform: translateX(2em);
    transform: translateX(2em);
    -webkit-transition: .2s ease-out;
    transition:.2s ease-out
}

@media (min-width: 62.5rem) {
    .mobile-links .button {
        display: none;
        font-size:1em
    }
}

.nav-links {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align:center
}

@media (min-width: 62.5rem) {
    .nav-links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction:row
    }
}

.nav-links li {
    opacity: 0;
    -webkit-transform: translateX(2em);
    transform: translateX(2em);
    -webkit-transition: .2s ease-out;
    transition:.2s ease-out
}

@media (min-width: 62.5rem) {
    .nav-links li {
        margin-right: 1.5em;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: 0;
        transition:0
    }

    .nav-links li:last-of-type {
        margin-right:0
    }
}

.nav-links a {
    color: #fff;
    display: block;
    font-size: 1em;
    font-weight: 700;
    line-height: .85em;
    padding: .5em 0;
    z-index:1
}

@media (min-width: 62.5rem) {
    .nav-links a {
        font-size: 1em;
        font-weight: 500;
        padding:.7em 0
    }
}

@media (min-width: 62.5rem) {
    .partner-link--mobile {
        display:none
    }
}

.partner-link--desktop {
    display: none;
    font-size:1em
}

@media (min-width: 62.5rem) {
    .partner-link--desktop {
        display: -webkit-inline-box;
        display:inline-flex
    }
}

#mobile-nav-btn {
    -webkit-box-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 2.5rem;
    -webkit-box-pack: center;
    justify-content: center;
    padding: .375rem;
    position: relative;
    width:2.5rem
}

@media (min-width: 62.5rem) {
    #mobile-nav-btn {
        display:none
    }
}

#mobile-nav-btn span {
    background: #fff;
    border-radius: 1px;
    height: 2px;
    -webkit-transition: .3s cubic-bezier(.05, .65, .2, 1);
    transition: .3s cubic-bezier(.05, .65, .2, 1);
    -webkit-transform-origin: right;
    transform-origin: right;
    width:1.75rem
}

#mobile-nav-btn span:first-of-type {
    -webkit-transform: scaleX(.7);
    transform:scaleX(.7)
}

#mobile-nav-btn span:nth-of-type(2) {
    margin:.5rem 0
}

#mobile-nav-btn span:last-of-type {
    -webkit-transform: scaleX(.4);
    transform:scaleX(.4)
}

.shadow.shadow--small.shadow--light {
    box-shadow:0 5px 10px -2px rgba(50, 50, 93, .15), 0 3px 6px -3px rgba(0, 0, 0, .2)
}

.shadow.shadow--small.shadow--light.shadow--hover:hover {
    box-shadow:0 15px 26px -10px rgba(50, 50, 93, .15), 0 8px 16px -8px rgba(0, 0, 0, .2)
}

.shadow.shadow--small.shadow--light.shadow--over-light {
    box-shadow:0 5px 10px -2px rgba(50, 50, 93, .15), 0 3px 6px -3px rgba(0, 0, 0, .2), 0 0 10px rgba(50, 50, 93, .06)
}

.shadow.shadow--small.shadow--light.shadow--over-light.shadow--hover:hover {
    box-shadow:0 13px 26px -5px rgba(50, 50, 93, .15), 0 8px 16px -8px rgba(0, 0, 0, .2), 0 0 10px rgba(50, 50, 93, .06)
}

.shadow.shadow--small.shadow--neutral {
    box-shadow:0 5px 10px -2px rgba(50, 50, 93, .22), 0 3px 6px -3px rgba(0, 0, 0, .26)
}

.shadow.shadow--small.shadow--neutral.shadow--hover:hover {
    box-shadow:0 13px 26px -5px rgba(50, 50, 93, .22), 0 8px 16px -8px rgba(0, 0, 0, .26)
}

.shadow.shadow--small.shadow--neutral.shadow--over-light {
    box-shadow:0 5px 10px -2px rgba(50, 50, 93, .22), 0 3px 6px -3px rgba(0, 0, 0, .26), 0 0 10px rgba(50, 50, 93, .06)
}

.shadow.shadow--small.shadow--neutral.shadow--over-light.shadow--hover:hover {
    box-shadow:0 13px 26px -5px rgba(50, 50, 93, .22), 0 8px 16px -8px rgba(0, 0, 0, .26), 0 0 10px rgba(50, 50, 93, .06)
}

.shadow.shadow--small.shadow--dark {
    box-shadow:0 5px 10px -2px rgba(50, 50, 93, .36), 0 3px 6px -3px rgba(0, 0, 0, .45)
}

.shadow.shadow--small.shadow--dark.shadow--hover:hover {
    box-shadow:0 13px 26px -5px rgba(50, 50, 93, .36), 0 8px 16px -8px rgba(0, 0, 0, .45)
}

.shadow.shadow--small.shadow--dark.shadow--over-light {
    box-shadow:0 5px 10px -2px rgba(50, 50, 93, .36), 0 3px 6px -3px rgba(0, 0, 0, .45), 0 0 10px rgba(50, 50, 93, .06)
}

.shadow.shadow--small.shadow--dark.shadow--over-light.shadow--hover:hover {
    box-shadow:0 13px 26px -5px rgba(50, 50, 93, .36), 0 8px 16px -8px rgba(0, 0, 0, .45), 0 0 10px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--light {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .15), 0 8px 16px -8px rgba(0, 0, 0, .2)
}

.shadow.shadow--medium.shadow--light.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .15), 0 18px 36px -18px rgba(0, 0, 0, .2)
}

.shadow.shadow--medium.shadow--light.shadow--over-light {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .15), 0 8px 16px -8px rgba(0, 0, 0, .2), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--light.shadow--over-light.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .15), 0 18px 36px -18px rgba(0, 0, 0, .2), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--neutral {
    box-shadow:0 24px 40px -12px rgba(50, 50, 93, .22), 0 12px 18px -8px rgba(0, 0, 0, .26)
}

.shadow.shadow--medium.shadow--neutral.shadow--hover:hover {
    box-shadow:0 48px 60px -32px rgba(50, 50, 93, .22), 0 22px 44px -22px rgba(0, 0, 0, .26)
}

.shadow.shadow--medium.shadow--neutral.shadow--over-light {
    box-shadow:0 24px 40px -12px rgba(50, 50, 93, .22), 0 12px 18px -8px rgba(0, 0, 0, .26), 0 0 40px rgba(50, 50, 93, .05)
}

.shadow.shadow--medium.shadow--neutral.shadow--over-light.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .22), 0 18px 36px -18px rgba(0, 0, 0, .26), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--dark {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .36), 0 8px 16px -8px rgba(0, 0, 0, .45)
}

.shadow.shadow--medium.shadow--dark.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .36), 0 18px 36px -18px rgba(0, 0, 0, .45)
}

.shadow.shadow--medium.shadow--dark.shadow--over-light {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .36), 0 8px 16px -8px rgba(0, 0, 0, .45), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--dark.shadow--over-light.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .36), 0 18px 36px -18px rgba(0, 0, 0, .45), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--extra-dark {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .5), 0 8px 16px -8px rgba(0, 0, 0, .625)
}

.shadow.shadow--medium.shadow--extra-dark.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .36), 0 18px 36px -18px rgba(0, 0, 0, .45)
}

.shadow.shadow--medium.shadow--extra-dark.shadow--over-light {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .36), 0 8px 16px -8px rgba(0, 0, 0, .45), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--extra-dark.shadow--over-light.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .36), 0 18px 36px -18px rgba(0, 0, 0, .45), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--black {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .8), 0 8px 16px -8px rgba(0, 0, 0, .7)
}

.shadow.shadow--medium.shadow--black.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .36), 0 18px 36px -18px rgba(0, 0, 0, .45)
}

.shadow.shadow--medium.shadow--black.shadow--over-light {
    box-shadow:0 15px 27px -8px rgba(50, 50, 93, .36), 0 8px 16px -8px rgba(0, 0, 0, .45), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--medium.shadow--black.shadow--over-light.shadow--hover:hover {
    box-shadow:0 30px 60px -15px rgba(50, 50, 93, .36), 0 18px 36px -18px rgba(0, 0, 0, .45), 0 0 28px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--light {
    box-shadow:0 36px 72px -20px rgba(50, 50, 93, .15), 0 22px 44px -22px rgba(0, 0, 0, .2)
}

.shadow.shadow--large.shadow--light.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .15), 0 59px 119px -59px rgba(0, 0, 0, .2)
}

.shadow.shadow--large.shadow--light.shadow--over-light {
    box-shadow:0 42px 72px -28px rgba(50, 50, 93, .15), 0 28px 44px -28px rgba(0, 0, 0, .2), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--light.shadow--over-light.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .15), 0 59px 119px -59px rgba(0, 0, 0, .2), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--neutral {
    box-shadow:0 36px 72px -20px rgba(50, 50, 93, .22), 0 22px 44px -22px rgba(0, 0, 0, .26)
}

.shadow.shadow--large.shadow--neutral.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .22), 0 59px 119px -59px rgba(0, 0, 0, .26)
}

.shadow.shadow--large.shadow--neutral.shadow--over-light {
    box-shadow:0 42px 72px -28px rgba(50, 50, 93, .22), 0 28px 44px -28px rgba(0, 0, 0, .26), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--neutral.shadow--over-light.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .22), 0 59px 119px -59px rgba(0, 0, 0, .26), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--dark {
    box-shadow:0 36px 72px -20px rgba(50, 50, 93, .36), 0 22px 44px -22px rgba(0, 0, 0, .45)
}

.shadow.shadow--large.shadow--dark.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .36), 0 59px 119px -59px rgba(0, 0, 0, .45)
}

.shadow.shadow--large.shadow--dark.shadow--over-light {
    box-shadow:0 42px 72px -28px rgba(50, 50, 93, .36), 0 28px 44px -28px rgba(0, 0, 0, .45), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--dark.shadow--over-light.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .36), 0 59px 119px -59px rgba(0, 0, 0, .45), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--extra-dark {
    box-shadow:0 36px 72px -20px rgba(50, 50, 93, .5), 0 22px 44px -22px rgba(0, 0, 0, .625)
}

.shadow.shadow--large.shadow--extra-dark.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .5), 0 59px 119px -59px rgba(0, 0, 0, .625)
}

.shadow.shadow--large.shadow--extra-dark.shadow--over-light {
    box-shadow:0 42px 72px -28px rgba(50, 50, 93, .5), 0 28px 44px -28px rgba(0, 0, 0, .625), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--extra-dark.shadow--over-light.shadow--hover {
    box-shadow:0 97px 194px -38px rgba(50, 50, 93, .5), 0 59px 119px -59px rgba(0, 0, 0, .625), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--black {
    box-shadow:0 36px 72px -20px rgba(30, 30, 70, .8), 0 22px 44px -22px rgba(0, 0, 0, .7)
}

.shadow.shadow--large.shadow--black.shadow--hover:hover {
    box-shadow:0 97px 194px -38px rgba(30, 30, 70, .8), 0 59px 119px -59px rgba(0, 0, 0, .7)
}

.shadow.shadow--large.shadow--black.shadow--over-light {
    box-shadow:0 42px 72px -28px rgba(30, 30, 70, .8), 0 28px 44px -28px rgba(0, 0, 0, .7), 0 0 80px rgba(50, 50, 93, .06)
}

.shadow.shadow--large.shadow--black.shadow--over-light.shadow--hover {
    box-shadow:0 97px 194px -38px rgba(30, 30, 70, .8), 0 59px 119px -59px rgba(0, 0, 0, .7), 0 0 80px rgba(50, 50, 93, .06)
}

footer {
    background: #282332;
    color: #fff;
    font-size:1.25rem
}

footer .content {
    padding-bottom: 18.75vw;
    padding-top:18.75vw
}

@media (min-width: 26.6875rem) {
    footer .content {
        padding-bottom: 5rem;
        padding-top:5rem
    }
}

footer .footer-home-link img {
    width:5rem
}

footer nav ul {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin:2.5rem 0
}

@media (min-width: 48rem) {
    footer nav ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction:row
    }
}

@media (min-width: 48rem) {
    footer nav ul li {
        margin-right:1.5em
    }
}

footer nav ul a {
    display: block;
    line-height: .85em;
    padding:.7em 0
}

footer .social-links {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top:3.75rem
}

footer .social-links li {
    margin-right:1.5625rem
}

footer .social-links li:last-of-type {
    margin-right:0
}

footer .social-links a {
    display: block;
    height: 1.5rem;
    position: relative;
    width:1.5rem
}

footer .social-links a::before {
    border-radius: 50%;
    box-shadow: 0 0 0 1px #8dc63f;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: .2s cubic-bezier(.25, 0, 0, 1);
    transition: .2s cubic-bezier(.25, 0, 0, 1);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    width: 100%;
    z-index:0
}

@media not all and (hover: none) {
    footer .social-links a:hover::before {
        opacity: 1;
        -webkit-transform: scale(1.75);
        transform:scale(1.75)
    }

    footer .social-links a:hover svg {
        fill:#fff
    }
}

footer .social-links a svg {
    -webkit-transition: .2s cubic-bezier(.25, 0, 0, 1);
    transition:.2s cubic-bezier(.25, 0, 0, 1)
}

footer .social-links svg {
    fill: #5d5768;
    height: 100%;
    position: relative;
    width: 100%;
    z-index:1
}

footer .button {
    font-size:1em
}

footer .copyright {
    color: #514a60;
    font-size: .875rem;
    line-height: .85em;
    margin-top: 3.75rem;
    text-align:center
}

header {
    padding-top:calc(5rem - .75rem)
}

@media (min-width: 62.5rem) {
    header {
        padding-top:calc(7.5rem - 2rem)
    }
}

header .content {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 12.5rem;
    padding-bottom: 18.75vw;
    padding-top: 18.75vw;
    text-align:center
}

@media (min-width: 38.75rem) {
    header .content {
        padding-bottom: 7.5rem;
        padding-top:7.5rem
    }
}

@media (min-width: 80rem) {
    header .content {
        min-height:25rem
    }
}

section.section--dark .button span, section.section--dark h1, section.section--dark h2, section.section--dark h3, section.section--dark h4, section.section--dark h5, section.section--dark h6, section.section--dark p, section.section--green .button span, section.section--green h1, section.section--green h2, section.section--green h3, section.section--green h4, section.section--green h5, section.section--green h6, section.section--green p {
    color:#fff
}

section.section--dark .button svg, section.section--green .button svg {
    fill:#fff
}

section.section--dark svg:not(.green) circle, section.section--dark svg:not(.green) line, section.section--dark svg:not(.green) path, section.section--dark svg:not(.green) polygon, section.section--dark svg:not(.green) rect, section.section--green svg:not(.green) circle, section.section--green svg:not(.green) line, section.section--green svg:not(.green) path, section.section--green svg:not(.green) polygon, section.section--green svg:not(.green) rect {
    stroke:#fff
}

section.section--dark {
    background:#282332
}

section.section--green {
    background:#8dc63f
}

section.section--off-white {
    background:#f6f8fc
}

body[data-page=about] h1 {
    max-width:56.25rem
}

body[data-page=about] #our-team ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin: -1.875rem;
    max-width: 58.125rem;
    width:calc(100% + 3.75rem)
}

body[data-page=about] #our-team li {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin:1.875rem
}

@media not all and (hover: none) {
    body[data-page=about] #our-team li:hover .team-member-photo {
        -webkit-filter: none;
        filter:none
    }
}

@media (min-width: 59.375rem) {
    body[data-page=about] #our-team li:nth-child(1) {
        margin-left:2.5rem
    }
}

@media (min-width: 59.375rem) {
    body[data-page=about] #our-team li:nth-child(2) {
        margin-right:2.5rem
    }
}

body[data-page=about] #our-team .team-member-photo {
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 15.625rem;
    margin-bottom: 1.25rem;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    -webkit-transition: .15s;
    transition: .15s;
    width:15.625rem
}

body[data-page=about] #our-team .team-member-info {
    text-align:center
}

body[data-page=about] #our-team .team-member-name {
    color: #282332;
    font-size: 1.5rem;
    font-weight:600
}

body[data-page=about] #our-team .team-member-title {
    color: #847eaa;
    font-size: 1rem;
    margin-top:-.5em
}

body[data-page=advise] header .subheading {
    max-width:52.5rem
}

body[data-page=advise] #how-we-help ul {
    margin-top:18.75vw
}

@media (min-width: 33.3125rem) {
    body[data-page=advise] #how-we-help ul {
        margin-top:6.25rem
    }
}

body[data-page=build] header .subheading {
    max-width:52.5rem
}

body[data-page=build] #process h2 {
    margin-bottom:2em
}

body[data-page=build] .timeline {
    font-size: 5vw;
    width:100%
}

@media (min-width: 25rem) {
    body[data-page=build] .timeline {
        font-size:1.25rem
    }
}

body[data-page=build] .timeline-steps {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: inherit;
    padding-bottom: 3em;
    position: relative;
    width:100%
}

body[data-page=build] .timeline-steps::before {
    background: #8dc63f;
    content: "";
    font-size: inherit;
    height: calc(100% - 1.5em);
    left: 1.5em;
    pointer-events: none;
    position: absolute;
    top: 1.5em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(3em / 8);
    z-index:0
}

@media (min-width: 48rem) {
    body[data-page=build] .timeline-steps::before {
        height: calc(100% - 2.25rem);
        left: 50%;
        top:2.25rem
    }
}

body[data-page=build] .timeline-steps li {
    display: -webkit-box;
    display: flex;
    font-size: inherit;
    margin-bottom: 2em;
    position: relative;
    z-index:1
}

@media (min-width: 48rem) {
    body[data-page=build] .timeline-steps li {
        width:50%
    }
}

body[data-page=build] .timeline-steps li:first-child svg {
    height:50%
}

body[data-page=build] .timeline-steps li:first-child svg circle, body[data-page=build] .timeline-steps li:first-child svg line, body[data-page=build] .timeline-steps li:first-child svg path, body[data-page=build] .timeline-steps li:first-child svg polygon, body[data-page=build] .timeline-steps li:first-child svg rect {
    stroke-width:5.5px
}

@media (min-width: 80rem) {
    body[data-page=build] .timeline-steps li:first-child .cluster-text {
        width:105%
    }
}

@media (min-width: 48rem) {
    body[data-page=build] .timeline-steps li:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        margin-left:1.5em
    }

    body[data-page=build] .timeline-steps li:nth-child(odd) .cluster {
        -webkit-box-align: end;
        align-items: flex-end;
        padding: .3em 1em 0 0;
        text-align:right
    }
}

@media (min-width: 48rem) {
    body[data-page=build] .timeline-steps li:nth-child(even) {
        align-self: flex-end;
        margin-right:1.5em
    }
}

body[data-page=build] .timeline-steps li p {
    line-height:1.6em
}

body[data-page=build] .timeline-steps .icon {
    background: #282332;
    border-radius: 50%;
    font-size: inherit;
    height: 3em;
    min-width: 3em;
    width:3em
}

body[data-page=build] .timeline-steps .icon svg {
    height:45%
}

body[data-page=build] .timeline-steps .icon circle, body[data-page=build] .timeline-steps .icon line, body[data-page=build] .timeline-steps .icon path, body[data-page=build] .timeline-steps .icon polygon, body[data-page=build] .timeline-steps .icon rect {
    stroke: #fff;
    stroke-width:calc(3em / 8)
}

body[data-page=build] .timeline-steps .cluster {
    font-size: inherit;
    padding:.3em 0 0 1em
}

body[data-page=build] .timeline-steps .cluster p {
    font-size:1em
}

body[data-page=build] .timeline-steps .cluster-heading {
    font-size:1.5em
}

body[data-page=careers] header h1 {
    max-width:50rem
}

body[data-page=careers] #benefits ul {
    margin-top:18.75vw
}

@media (min-width: 33.3125rem) {
    body[data-page=careers] #benefits ul {
        margin-top:6.25rem
    }
}

body[data-page=careers] #openings #openings-locations {
    display: grid;
    grid-gap: 5rem;
    grid-template-columns: 1fr;
    grid-template-rows:auto
}

@media (min-width: 62.5rem) {
    body[data-page=careers] #openings #openings-locations {
        grid-template-columns:1fr 1fr
    }
}

body[data-page=careers] #openings h2 {
    margin-bottom:1em
}

body[data-page=careers] #openings li {
    border-bottom:1px solid #e8ebf9
}

body[data-page=careers] #openings li:first-of-type {
    border-top:1px solid #e8ebf9
}

body[data-page=careers] #openings a {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    padding:1.25rem .625rem
}

@media not all and (hover: none) {
    body[data-page=careers] #openings a:hover .job-title {
        color:#8dc63f
    }

    body[data-page=careers] #openings a:hover .arrow {
        fill: #8dc63f;
        -webkit-transform: translateX(.625rem);
        transform:translateX(.625rem)
    }
}

body[data-page=careers] #openings .job-icon {
    height: 1.625rem;
    margin-right:1.25rem
}

body[data-page=careers] #openings .job-icon * {
    stroke-width:6px !important
}

body[data-page=careers] #openings .job-title {
    font-size: 1.25rem;
    -webkit-transition: .2s;
    transition:.2s
}

body[data-page=careers] #openings .arrow {
    fill: #847eaa;
    height: 1rem;
    margin-left: auto;
    margin-right: .625rem;
    -webkit-transition: .2s;
    transition:.2s
}

body[data-page=companies] .subheading {
    max-width:43.75rem
}

body[data-page=companies] main h2 {
    margin-bottom:1em
}

body[data-page=companies] #advise ul, body[data-page=companies] #build ul, body[data-page=companies] #invest ul {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin: -.625rem;
    width:100%
}

body[data-page=companies] #advise li, body[data-page=companies] #build li, body[data-page=companies] #invest li {
    margin: .625rem;
    min-width: 13.75rem;
    -webkit-box-pack: center;
    justify-content: center;
    text-align:center
}

body[data-page=companies] #advise li a, body[data-page=companies] #build li a, body[data-page=companies] #invest li a {
    -webkit-transition: .2s;
    transition:.2s
}

@media not all and (hover: none) {
    body[data-page=companies] #advise li a:hover::after, body[data-page=companies] #build li a:hover::after, body[data-page=companies] #invest li a:hover::after {
        -webkit-transform: none;
        transform:none
    }
}

body[data-page=companies] #advise li a.exit::before, body[data-page=companies] #build li a.exit::before, body[data-page=companies] #invest li a.exit::before {
    background: #8dc63f;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 5px 10px rgba(0, 0, 0, .18);
    color: #fff;
    content: "EXIT";
    font-weight: 600;
    letter-spacing: .1em;
    padding: .25em 3em;
    pointer-events: none;
    position: absolute;
    top: .625rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -2.75rem;
    z-index:1
}

body[data-page=companies] #advise li a::after, body[data-page=companies] #build li a::after, body[data-page=companies] #invest li a::after {
    background: #8dc63f;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .3s cubic-bezier(.25, 0, 0, 1);
    transition: .3s cubic-bezier(.25, 0, 0, 1);
    width: 100%;
    z-index:0
}

body[data-page=companies] #advise li img, body[data-page=companies] #build li img, body[data-page=companies] #invest li img {
    height: 5rem;
    max-width: 8.75rem;
    position: relative;
    z-index:1
}

body[data-page=companies] #advise li span, body[data-page=companies] #build li span, body[data-page=companies] #invest li span {
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: .75em;
    position: relative;
    z-index:1
}

body[data-page=contact] form {
    max-width:56.25rem
}

body[data-page=contact] #office-locations ul {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction:column
}

@media (min-width: 37.5rem) {
    body[data-page=contact] #office-locations ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction:row
    }
}

body[data-page=contact] #office-locations .cluster {
    -webkit-box-align: center;
    align-items: center;
    text-align:center
}

body[data-page=contact] #office-locations .cluster:first-of-type {
    margin:0 0 3.75rem 0
}

@media (min-width: 37.5rem) {
    body[data-page=contact] #office-locations .cluster:first-of-type {
        margin:0 7.5rem 0 0
    }
}

body[data-page=index] header {
    background: #8dc63f;
    position:relative
}

body[data-page=index] header .content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    height: 50vh;
    max-height: 31.25rem;
    min-height: 18.75rem;
    padding-bottom: 12.5vw;
    padding-top: 12.5vw;
    position:relative
}

@media (min-width: 40rem) {
    body[data-page=index] header .content {
        padding-bottom: 5rem;
        padding-top:5rem
    }
}

@media (min-width: 48rem) {
    body[data-page=index] header .content {
        min-height:31.25rem
    }
}

body[data-page=index] header .content::before {
    background: #282332;
    bottom: 0;
    content: "";
    display: none;
    height: calc(100% + 7.5rem);
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    width:150%
}

@media (min-width: 62.5rem) {
    body[data-page=index] header .content::before {
        -webkit-animation: slant-slide-in 1.2s .2s both;
        animation: slant-slide-in 1.2s .2s both;
        -webkit-animation-timing-function: cubic-bezier(.4, 0, 0, 1);
        animation-timing-function: cubic-bezier(.4, 0, 0, 1);
        display:block
    }
}

@media (min-width: 80rem) {
    body[data-page=index] header .content::before {
        left:55%
    }
}

body[data-page=index] header h1 {
    color: #282332;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    font-size: 10vw;
    max-width: 34.375rem;
    text-align: left;
    width:100%
}

@media (min-width: 35rem) {
    body[data-page=index] header h1 {
        font-size:3.5rem
    }
}

@media (min-width: 62.5rem) {
    body[data-page=index] header h1 {
        -webkit-animation: h1-slide-left 1s .4s both;
        animation: h1-slide-left 1s .4s both;
        width:60%
    }
}

body[data-page=index] header h1 a {
    color: #fff;
    position: relative;
    -webkit-transition: .25s;
    transition:.25s
}

body[data-page=index] header h1 a::after {
    background: #282332;
    bottom: -.1em;
    content: "";
    height: .1em;
    position: absolute;
    right: 0;
    -webkit-transition: .25s;
    transition: .25s;
    width:0
}

@media not all and (hover: none) {
    body[data-page=index] header h1 a:hover {
        color:#282332
    }

    body[data-page=index] header h1 a:hover::after {
        left: 0;
        width:100%
    }
}

body[data-page=index] #our-mission .text-columns {
    display: grid;
    font-size: 5vw;
    grid-gap: 1em 3em;
    grid-template-columns:repeat(auto-fit, minmax(17.5rem, 1fr))
}

@media (min-width: 22.5rem) {
    body[data-page=index] #our-mission .text-columns {
        font-size:1.125rem
    }
}

body[data-page=index] #build-advise-invest ul {
    display: grid;
    grid-gap: 1.875rem;
    grid-template-columns:repeat(auto-fit, minmax(17.5rem, 1fr))
}

body[data-page=index] #build-advise-invest li * {
    position:relative
}

body[data-page=index] #build-advise-invest li .bar {
    background: #8dc63f;
    height: .1875rem;
    margin-bottom: 2.5rem;
    width:1.875rem
}

body[data-page=index] #build-advise-invest li p {
    color: #a5a0cd;
    color:#fff
}

body[data-page=index] #build-advise-invest li .button {
    color:#fff
}

body[data-page=index] #build-advise-invest li svg {
    fill:#fff
}

body[data-page=index] #customers .content {
    padding-left: 0;
    padding-right:0
}

body[data-page=index] #customers .content h2 {
    padding-left: 6.25vw;
    padding-right: 6.25vw;
    text-align:center
}

@media (min-width: 40rem) {
    body[data-page=index] #customers .content h2 {
        padding-left: 2.5rem;
        padding-right:2.5rem
    }
}

body[data-page=invest] header .subheading {
    max-width:52.5rem
}

body[data-page=invest] #how-it-works .content > ul {
    display: grid;
    grid-gap: 1.875rem;
    grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
    margin-top:18.75vw
}

@media (min-width: 33.3125rem) {
    body[data-page=invest] #how-it-works .content > ul {
        margin-top:6.25rem
    }
}

body[data-page=invest] #how-it-works .content > ul > li * {
    position:relative
}

body[data-page=invest] #how-it-works .cluster-heading + .bar {
    background: #8dc63f;
    height: .1875rem;
    margin-bottom: 2.5rem;
    width:1.875rem
}

body[data-page=invest] #how-it-works .bullet-list {
    padding-left:1.25em
}

body[data-page=invest] #how-it-works .bullet-list li {
    color:#fff
}

body[data-page=job-opening] header .content {
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-height: 0;
    padding-bottom: 12.5vw;
    padding-top:18.75vw
}

@media (min-width: 30rem) {
    body[data-page=job-opening] header .content {
        padding-bottom:3.75rem
    }
}

@media (min-width: 40rem) {
    body[data-page=job-opening] header .content {
        padding-top:7.5rem
    }
}

body[data-page=job-opening] .job-location {
    color: #8dc63f;
    font-size: 1.375rem;
    font-weight:600
}

body[data-page=job-opening] main section {
    font-size: 5vw;
    margin-bottom:2.5em
}

@media (min-width: 22.5rem) {
    body[data-page=job-opening] main section {
        font-size:1.125rem
    }
}

body[data-page=job-opening] main section:last-of-type {
    border-top: 1px solid #e8ebf9;
    margin-bottom: 0;
    padding-top:2.5em
}

body[data-page=job-opening] main h2 {
    font-size: 7vw;
    margin-bottom:.5em
}

@media (min-width: 28.5625rem) {
    body[data-page=job-opening] main h2 {
        font-size:2rem
    }
}

body[data-page=job-opening] main h3 {
    margin-bottom:.75em
}

@media (min-width: 25rem) {
    body[data-page=job-opening] main h3 {
        font-size:1.5rem
    }
}

body[data-page=job-opening] .job-requirement-category:not(:only-of-type) {
    font-size: 5vw;
    margin-bottom: 1.5em;
    padding-left:1em
}

@media (min-width: 22.5rem) {
    body[data-page=job-opening] .job-requirement-category:not(:only-of-type) {
        font-size:1.125rem
    }
}

body[data-page=job-opening] .job-requirement-category:not(:only-of-type):last-of-type {
    margin-bottom:0
}

body.blog-post .progress-bar, body.press-article .progress-bar {
    height: .25rem;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: .6s cubic-bezier(.7, 0, 0, 1);
    transition: .6s cubic-bezier(.7, 0, 0, 1);
    width: 100vw;
    z-index:11
}

body.blog-post .progress-bar.collapse, body.press-article .progress-bar.collapse {
    -webkit-transform: scale(0);
    transform:scale(0)
}

body.blog-post .progress-bar .progress, body.press-article .progress-bar .progress {
    background: #8dc63f;
    height: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    width:100%
}

body.blog-post header .content, body.press-article header .content {
    min-height: 0;
    padding-bottom: 9.375vw;
    padding-top:9.375vw
}

@media (min-width: 40rem) {
    body.blog-post header .content, body.press-article header .content {
        padding-bottom: 3.75rem;
        padding-top:3.75rem
    }
}

body.blog-post .share-buttons, body.press-article .share-buttons {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display:flex
}

body.blog-post .share-buttons span, body.press-article .share-buttons span {
    color: #847eaa;
    font-size: .9375rem;
    font-weight: 600;
    margin-right: .75rem;
    letter-spacing: .15em;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select:none
}

body.blog-post .share-buttons ul, body.press-article .share-buttons ul {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display:flex
}

body.blog-post .share-buttons li:not(:last-child), body.press-article .share-buttons li:not(:last-child) {
    margin-right:.5rem
}

body.blog-post .share-buttons a, body.press-article .share-buttons a {
    border-radius: 50%;
    cursor: pointer;
    height: 1.875rem;
    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
    overflow: hidden;
    position: relative;
    width:1.875rem
}

body.blog-post .share-buttons a::after, body.press-article .share-buttons a::after {
    background: #8dc63f;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: .2s;
    transition: .2s;
    width: 100%;
    z-index:0
}

body.blog-post .share-buttons a:hover::after, body.press-article .share-buttons a:hover::after {
    -webkit-transform: none;
    transform:none
}

body.blog-post .share-buttons a.facebook, body.press-article .share-buttons a.facebook {
    background:#3c5b9b
}

body.blog-post .share-buttons a.facebook svg, body.press-article .share-buttons a.facebook svg {
    height:60%
}

body.blog-post .share-buttons a.twitter, body.press-article .share-buttons a.twitter {
    background:#2daae1
}

body.blog-post .share-buttons a.twitter svg, body.press-article .share-buttons a.twitter svg {
    height:55%
}

body.blog-post .share-buttons a.linkedin, body.press-article .share-buttons a.linkedin {
    background:#0073b2
}

body.blog-post .share-buttons a.linkedin svg, body.press-article .share-buttons a.linkedin svg {
    height:55%
}

body.blog-post .share-buttons svg, body.press-article .share-buttons svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    fill: #fff;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index:1
}

body.blog-post #article-section .content, body.press-article #article-section .content {
    max-width:57.5rem
}

body.blog-post article, body.press-article article {
    position:relative
}

body.blog-post .article-date, body.blog-post .article-title, body.press-article .article-date, body.press-article .article-title {
    text-align:center
}

body.blog-post .article-title, body.press-article .article-title {
    font-size: 10vw;
    line-height:1.2em
}

@media (min-width: 35rem) {
    body.blog-post .article-title, body.press-article .article-title {
        font-size:3.5rem
    }
}

body.blog-post .article-date, body.press-article .article-date {
    margin-bottom: 3em;
    margin-top:1em
}

body.blog-post .article-content > ol, body.blog-post .article-content > ul, body.press-article .article-content > ol, body.press-article .article-content > ul {
    margin-top:1em
}

body.blog-post .article-content > p + p, body.press-article .article-content > p + p {
    margin-top:1em
}

body.blog-post .article-content > h2, body.press-article .article-content > h2 {
    margin-bottom: .5em;
    margin-top:1.25em
}

body.blog-post .article-content > h3, body.press-article .article-content > h3 {
    margin-top:1.5em
}

body.blog-post .article-content > :first-child, body.press-article .article-content > :first-child {
    margin:0 !important
}

body.blog-post .article-content .blog-image-container, body.press-article .article-content .blog-image-container {
    max-width:25rem
}

body.blog-post .article-content > img, body.blog-post .article-content > svg, body.press-article .article-content > img, body.press-article .article-content > svg {
    border-radius: .5rem;
    margin: 0 auto;
    width:100%
}

body.blog-post .article-content > img.small, body.blog-post .article-content > svg.small, body.press-article .article-content > img.small, body.press-article .article-content > svg.small {
    max-width:18.75rem
}

body.blog-post .article-content > img.medium, body.blog-post .article-content > svg.medium, body.press-article .article-content > img.medium, body.press-article .article-content > svg.medium {
    max-width:28.125rem
}

body.blog-post .article-content > img.large, body.blog-post .article-content > svg.large, body.press-article .article-content > img.large, body.press-article .article-content > svg.large {
    max-height: none;
    max-width:none
}

body.blog-post .article-content p > img, body.press-article .article-content p > img {
    margin:3.75rem 0
}

body.blog-post .article-content h2, body.press-article .article-content h2 {
    font-size: 6.5vw;
    line-height:1.4em
}

@media (min-width: 28.875rem) {
    body.blog-post .article-content h2, body.press-article .article-content h2 {
        font-size:1.875rem
    }
}

body.blog-post .article-content h3, body.press-article .article-content h3 {
    line-height:1.6em
}

@media (min-width: 22.9375rem) {
    body.blog-post .article-content h3, body.press-article .article-content h3 {
        font-size:1.375rem
    }
}

@media (min-width: 25rem) {
    body.blog-post .article-content h3, body.press-article .article-content h3 {
        font-size:1.375rem
    }
}

body.blog-post .article-content .button, body.press-article .article-content .button {
    display: -webkit-inline-box;
    display: inline-flex;
    margin-top:1.25em
}

body.blog-post .article-content a.scrolling-underline, body.press-article .article-content a.scrolling-underline {
    color: #8dc63f;
    font-weight:600
}

body.blog-post .article-content a.scrolling-underline::after, body.press-article .article-content a.scrolling-underline::after {
    background:#8dc63f
}

body.blog-post .article-content div.small, body.blog-post .article-content p.small, body.blog-post .article-content span.small, body.press-article .article-content div.small, body.press-article .article-content p.small, body.press-article .article-content span.small {
    font-size:.9em
}

body.blog-post .article-content .footnote, body.press-article .article-content .footnote {
    font-size: .9em;
    margin-top: 6em;
    position:relative
}

body.blog-post .article-content .footnote::before, body.press-article .article-content .footnote::before {
    background: #8dc63f;
    content: "";
    height: .125rem;
    left: 0;
    position: absolute;
    top: -1.5em;
    width:1.875rem
}

body.blog-post .article-content .ratio-container, body.press-article .article-content .ratio-container {
    border-radius: .5rem;
    overflow:hidden
}

body.blog-post .article-content blockquote, body.press-article .article-content blockquote {
    border-left: .25em solid #8dc63f;
    color: #282332;
    font-size: 5vw;
    font-style: italic;
    font-weight: 600;
    margin: 3em 0 0 0;
    padding:.5em 0 .5em 1.5em
}

@media (min-width: 25rem) {
    body.blog-post .article-content blockquote, body.press-article .article-content blockquote {
        font-size:1.25rem
    }
}

body.blog-post .article-content blockquote p, body.press-article .article-content blockquote p {
    color: #282332;
    font-size: 1em;
    margin-bottom:1em
}

body.blog-post .article-content blockquote p:only-child, body.press-article .article-content blockquote p:only-child {
    font-size: 1em;
    margin-bottom:0
}

body.blog-post .article-content blockquote p:last-child:not(:only-child), body.press-article .article-content blockquote p:last-child:not(:only-child) {
    font-size: .75em;
    font-style: normal;
    margin:0
}

body.blog-post .article-content blockquote + h2, body.blog-post .article-content blockquote + h3, body.press-article .article-content blockquote + h2, body.press-article .article-content blockquote + h3 {
    margin:2em 0 0 0
}

body.blog-post .article-content blockquote + ol, body.blog-post .article-content blockquote + p, body.blog-post .article-content blockquote + ul, body.press-article .article-content blockquote + ol, body.press-article .article-content blockquote + p, body.press-article .article-content blockquote + ul {
    margin:3em 0 0 0
}

body.blog-post .article-content li, body.blog-post .article-content p, body.blog-post .article-content strong, body.press-article .article-content li, body.press-article .article-content p, body.press-article .article-content strong {
    color: #847eaa;
    font-size: 1rem;
    line-height:1.8em
}

@media (min-width: 25.875rem) {
    body.blog-post .article-content li, body.blog-post .article-content p, body.blog-post .article-content strong, body.press-article .article-content li, body.press-article .article-content p, body.press-article .article-content strong {
        font-size:1.125rem
    }
}

body.blog-post .article-content ol, body.blog-post .article-content ul, body.press-article .article-content ol, body.press-article .article-content ul {
    padding:0 0 0 2.5rem
}

body.blog-post .article-content ol li, body.press-article .article-content ol li {
    padding:0 0 0 .5em
}

body.blog-post .article-content li, body.press-article .article-content li {
    display: list-item;
    margin:0 0 .75em 0
}

body.blog-post .article-content li:last-of-type, body.press-article .article-content li:last-of-type {
    margin:0
}

body.blog-post .article-content li p, body.press-article .article-content li p {
    margin:0
}

body.blog-post .article-content .blog-caption, body.press-article .article-content .blog-caption {
    color: #847eaa;
    font-size: .875rem;
    position: relative;
    text-align: center;
    top:-2.5rem
}

body.blog-post .article-content iframe, body.press-article .article-content iframe {
    width:100%
}

body.blog_index header .content, body.blog_page header .content, body.press_index header .content, body.press_page header .content {
    min-height:18.75rem
}

body.blog_index .article-feed .content, body.blog_page .article-feed .content, body.press_index .article-feed .content, body.press_page .article-feed .content {
    max-width:92.5rem
}

body.blog_index .article-feed li > a, body.blog_page .article-feed li > a, body.press_index .article-feed li > a, body.press_page .article-feed li > a {
    display:block
}

body.blog_index .article-feed .card, body.blog_page .article-feed .card, body.press_index .article-feed .card, body.press_page .article-feed .card {
    padding:8%
}

body.blog_index .article-feed .article-image, body.blog_page .article-feed .article-image, body.press_index .article-feed .article-image, body.press_page .article-feed .article-image {
    border-radius: .1875rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 8px 14px -4px rgba(0, 0, 0, .4), 0 16px 24px -8px rgba(0, 0, 0, .5);
    margin-bottom: 8%;
    padding-top: 56.25%;
    position: relative;
    width: 100%;
    z-index:1
}

body.blog_index .article-feed .article-info, body.blog_page .article-feed .article-info, body.press_index .article-feed .article-info, body.press_page .article-feed .article-info {
    position: relative;
    z-index:1
}

body.blog_index .article-feed .article-date, body.blog_page .article-feed .article-date, body.press_index .article-feed .article-date, body.press_page .article-feed .article-date {
    color:#8dc63f
}

body.blog_index .article-feed .article-title, body.blog_page .article-feed .article-title, body.press_index .article-feed .article-title, body.press_page .article-feed .article-title {
    font-size: 8vw;
    line-height:1.4em
}

@media (min-width: 25rem) {
    body.blog_index .article-feed .article-title, body.blog_page .article-feed .article-title, body.press_index .article-feed .article-title, body.press_page .article-feed .article-title {
        font-size:2rem
    }
}

body.blog_index .article-feed .article-excerpt, body.blog_page .article-feed .article-excerpt, body.press_index .article-feed .article-excerpt, body.press_page .article-feed .article-excerpt {
    color: #fff;
    margin: 1em 0 2em 0;
    -webkit-transition: .25s;
    transition:.25s
}

body.blog_index #blog-feed ul, body.blog_page #blog-feed ul, body.press_index #blog-feed ul, body.press_page #blog-feed ul {
    display: grid;
    grid-gap: 1.25rem 0;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: auto;
    width:100%
}

@media (min-width: 52.5rem) {
    body.blog_index #blog-feed ul, body.blog_page #blog-feed ul, body.press_index #blog-feed ul, body.press_page #blog-feed ul {
        grid-gap:1.25rem
    }
}

body.blog_index #blog-feed li, body.blog_page #blog-feed li, body.press_index #blog-feed li, body.press_page #blog-feed li {
    grid-column-start: 1;
    grid-column-end:25
}

@media (min-width: 52.5rem) and(max-width: 79.9375rem) {
    body.blog_index #blog-feed li:nth-child(2n + 1), body.blog_page #blog-feed li:nth-child(2n + 1), body.press_index #blog-feed li:nth-child(2n + 1), body.press_page #blog-feed li:nth-child(2n + 1) {
        grid-column-end:13
    }

    body.blog_index #blog-feed li:nth-child(2n + 2), body.blog_page #blog-feed li:nth-child(2n + 2), body.press_index #blog-feed li:nth-child(2n + 2), body.press_page #blog-feed li:nth-child(2n + 2) {
        grid-column-start: 13;
        grid-column-end:25
    }
}

@media (min-width: 80rem) {
    body.blog_index #blog-feed li:nth-child(9n + 1), body.blog_page #blog-feed li:nth-child(9n + 1), body.press_index #blog-feed li:nth-child(9n + 1), body.press_page #blog-feed li:nth-child(9n + 1) {
        grid-column-end:15
    }

    body.blog_index #blog-feed li:nth-child(9n + 2), body.blog_page #blog-feed li:nth-child(9n + 2), body.press_index #blog-feed li:nth-child(9n + 2), body.press_page #blog-feed li:nth-child(9n + 2) {
        grid-column-start:15
    }

    body.blog_index #blog-feed li:nth-child(9n + 3), body.blog_page #blog-feed li:nth-child(9n + 3), body.press_index #blog-feed li:nth-child(9n + 3), body.press_page #blog-feed li:nth-child(9n + 3) {
        grid-column-end:9
    }

    body.blog_index #blog-feed li:nth-child(9n + 4), body.blog_page #blog-feed li:nth-child(9n + 4), body.press_index #blog-feed li:nth-child(9n + 4), body.press_page #blog-feed li:nth-child(9n + 4) {
        grid-column-end: 17;
        grid-column-start:9
    }

    body.blog_index #blog-feed li:nth-child(9n + 5), body.blog_page #blog-feed li:nth-child(9n + 5), body.press_index #blog-feed li:nth-child(9n + 5), body.press_page #blog-feed li:nth-child(9n + 5) {
        grid-column-end: 25;
        grid-column-start:17
    }

    body.blog_index #blog-feed li:nth-child(9n + 6), body.blog_page #blog-feed li:nth-child(9n + 6), body.press_index #blog-feed li:nth-child(9n + 6), body.press_page #blog-feed li:nth-child(9n + 6) {
        grid-column-end:11
    }

    body.blog_index #blog-feed li:nth-child(9n + 7), body.blog_page #blog-feed li:nth-child(9n + 7), body.press_index #blog-feed li:nth-child(9n + 7), body.press_page #blog-feed li:nth-child(9n + 7) {
        grid-column-start:11
    }

    body.blog_index #blog-feed li:nth-child(9n + 8), body.blog_page #blog-feed li:nth-child(9n + 8), body.press_index #blog-feed li:nth-child(9n + 8), body.press_page #blog-feed li:nth-child(9n + 8) {
        grid-column-end:13
    }

    body.blog_index #blog-feed li:nth-child(9n + 9), body.blog_page #blog-feed li:nth-child(9n + 9), body.press_index #blog-feed li:nth-child(9n + 9), body.press_page #blog-feed li:nth-child(9n + 9) {
        grid-column-start:13
    }
}

body.blog_index #blog-feed .card, body.blog_page #blog-feed .card, body.press_index #blog-feed .card, body.press_page #blog-feed .card {
    height: 100%;
    overflow: hidden;
    position:relative
}

body.blog_index #blog-feed .card::before, body.blog_page #blog-feed .card::before, body.press_index #blog-feed .card::before, body.press_page #blog-feed .card::before {
    background: #8dc63f;
    content: "";
    font-size: inherit;
    height: 87.5%;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) skewY(-30deg) scaleY(0);
    transform: translate(-50%, -50%) skewY(-30deg) scaleY(0);
    -webkit-transition: .4s cubic-bezier(.4, 0, 0, 1);
    transition: .4s cubic-bezier(.4, 0, 0, 1);
    width: 125%;
    z-index:0
}

@media not all and (hover: none) {
    body.blog_index #blog-feed .card:hover::before, body.blog_page #blog-feed .card:hover::before, body.press_index #blog-feed .card:hover::before, body.press_page #blog-feed .card:hover::before {
        -webkit-transform: translate(-50%, -50%) skewY(-30deg) scaleY(1);
        transform:translate(-50%, -50%) skewY(-30deg) scaleY(1)
    }
}

body.blog_index #press-feed .content, body.blog_page #press-feed .content, body.press_index #press-feed .content, body.press_page #press-feed .content {
    max-width:62.5rem
}

body.blog_index #press-feed li, body.blog_page #press-feed li, body.press_index #press-feed li, body.press_page #press-feed li {
    margin-bottom:6.25vw
}

@media (min-width: 30rem) {
    body.blog_index #press-feed li, body.blog_page #press-feed li, body.press_index #press-feed li, body.press_page #press-feed li {
        margin-bottom:1.875rem
    }
}

body.blog_index #press-feed li:last-child, body.blog_page #press-feed li:last-child, body.press_index #press-feed li:last-child, body.press_page #press-feed li:last-child {
    margin-bottom:0
}

body.blog_index #press-feed .article-title, body.blog_page #press-feed .article-title, body.press_index #press-feed .article-title, body.press_page #press-feed .article-title {
    -webkit-transition: .1s;
    transition:.1s
}

@media not all and (hover: none) {
    body.blog_index #press-feed .article-title:hover, body.blog_page #press-feed .article-title:hover, body.press_index #press-feed .article-title:hover, body.press_page #press-feed .article-title:hover {
        color: #8dc63f
    }
}

.content {
  margin: 50px 0;
}

.content img {
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  height: 15.625rem;
  margin-bottom: 1.25rem;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
  -webkit-transition: .15s;
  transition: .15s;
  width: 15.625rem;
}

ul {
  margin-bottom: 25px;
}

li {
  margin: 10px;
}

li a {
  line-height: 25px;
  padding-bottom: 2px;
  border-bottom: 2px solid #8dc63f;
}

li a span {
  text-decoration: line-through;
  color: red;
}