:root{--color-primary: #2584ff;--color-secondary: #00d9ff;--color-accent: #ff3400;--color-headings: #1b0760;--color-body: #918ca4;--color-body-darker: #5c5577;--color-border: #ccc;--border-radius: 30px;--shadow-dark: 0 0 20px 10px #f3f3f3;--shadow-light: 0 0 30px 20px #e6ebee}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width: 56.25em){html{font-size:50%}}@media only screen and (max-width: 37.5em){html{font-size:45%}}body{box-sizing:border-box}::-moz-selection{background-color:#55c57a;color:#fff}::selection{background-color:#55c57a;color:#fff}a,a:link:active:hover{text-decoration:none}img{width:100%}@-webkit-keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{opacity:0.8;transform:translate(2rem)}100%{opacity:1;transform:translate(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{opacity:0.8;transform:translate(2rem)}100%{opacity:1;transform:translate(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{opacity:0.8;transform:translate(-2rem)}100%{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{opacity:0.8;transform:translate(-2rem)}100%{opacity:1;transform:translate(0)}}@-webkit-keyframes moveInBottom{0%{opacity:0;transform:translateY(5rem)}100%{opacity:1;transform:translateY(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(5rem)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes card-backside-gradient-1{0%{background-position:0% 4%}50%{background-position:100% 97%}100%{background-position:0% 4%}}@keyframes card-backside-gradient-1{0%{background-position:0% 4%}50%{background-position:100% 97%}100%{background-position:0% 4%}}body{font-family:Inter, Arial, Helvetica, sans-serif;color:var(--color-body);font-size:2.4rem;line-height:1.5}h1,h2,h3{color:var(--color-headings);line-height:1.1}h1{font-size:7rem}h2{font-size:4rem}h3{font-size:3rem}.u-center-text{text-align:center}.u-margin-btm-small{margin-bottom:1.4rem}.u-margin-btm-medium{margin-bottom:4rem}.u-margin-btm-large{margin-bottom:6rem}.u-margin-top-large{margin-top:6rem}.link-arrow{color:var(--color-accent);text-transform:uppercase;font-size:2rem;font-weight:bold}.link-arrow::after{content:"-->";margin-left:5px;transition:all 0.3s ease-in-out}.link-arrow:hover::after{margin-left:10px}.badge{border-radius:20px;padding:0.5rem 2rem;font-weight:600;white-space:nowrap;color:#fff;font-size:1.5rem}.badge--small{font-size:1.2rem}.badge--primary{background-color:var(--color-primary)}.badge--secondary{background-color:var(--color-secondary)}.list{list-style:none;color:var(--color-headings)}.list--inline .list__item{display:inline;margin-right:2rem}.list--bold{font-weight:bold}.list--tick{list-style-image:url(../img/icons/tick.svg);margin-left:3rem}.list--tick .list__item{padding-left:0rem}@media only screen and (max-width: 56.25em){.list--tick .list__item{padding-left:0.5rem;margin-bottom:1rem}}.icon{width:40px;height:40px}.icon-container{width:64px;height:64px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;background-color:#f3f9fa}.icon--small{width:30px;height:30px}.icon--primary{fill:var(--color-primary)}.icon--secondary{fill:var(--color-secondary)}.icon--accent{background:var(--color-accent)}.icon--white{fill:#fff}.btn{font-size:1.5rem;font-weight:300;text-transform:uppercase;padding:2rem 3rem;border-radius:50px;border:none;outline:none;cursor:pointer;white-space:nowrap;transition:all 0.5s;background-color:#777;color:#fff;text-align:center;margin:1rem 0}@media only screen and (max-width: 37.5em){.btn{font-size:1.4rem;padding:2rem 4vw}}.btn .icon{width:2rem;height:2rem;margin-right:1rem;vertical-align:middle}.btn--block{display:block;width:100%}.btn--primary{background-color:var(--color-primary)}.btn--primary:hover{background:#538fdf}.btn--secondary{background-color:var(--color-secondary)}.btn--secondary:hover{background:#ade7f1}.btn--accent{background-color:var(--color-accent)}.btn--accent:hover{background:#fc6d4a}.btn--outline{background-color:#fff;color:var(--color-headings);border:2px solid var(--color-headings)}.btn--outline:hover{background-color:var(--color-headings);color:#fff}.input{flex:1;border:none;color:var(--color-headings);font-size:1.5rem;outline:none;padding:1rem 1.5rem}.input--group{border-radius:var(--border-radius);display:flex;overflow:hidden}.input--group .btn{margin:4px}.input--group .input{border:0;flex-grow:1;padding:1.5rem 2rem;width:0}.input::-moz-placeholder{color:#cdcbd7}.input:-ms-input-placeholder{color:#cdcbd7}.input::placeholder{color:#cdcbd7}.card{overflow:hidden;border-radius:10px;box-shadow:var(--shadow-light);transition:all 0.3s}.card:hover{transform:scale(1.05)}.card__header,.card__body{font-size:2rem;padding:2rem 3rem}@media only screen and (max-width: 37.5em){.card__header,.card__body{font-size:1.8rem;padding:1.5rem 2.5rem}}.card--secondary .card__header{background-color:var(--color-secondary);color:#fff}.card--secondary .badge--secondary{background:#02cff1}.card--primary .card__header{background-color:var(--color-primary);color:#fff}.card--primary .badge--primary{background-color:#126de4}.card--accent .card__header{background-color:var(--color-accent);color:#fff}.card--accent .badge--accent{background:#ca380b}.plan{padding:2rem}.plans{display:grid;grid-template-columns:repeat(3, 1fr);gap:5rem;padding:1rem 2rem}@media only screen and (max-width: 46.875em){.plans{grid-template-columns:minmax(15rem, 70vw);justify-content:center;gap:8rem}}.plans--popular{grid-column:2/3;transform:scale(1.1)}@media only screen and (max-width: 46.875em){.plans--popular{grid-column:1/-1}}.plans--starting{grid-column:1/2}@media only screen and (max-width: 46.875em){.plans--starting{grid-column:1/-1}}.plans--pro{grid-column:3/4}@media only screen and (max-width: 46.875em){.plans--pro{grid-column:1/-1}}.plan__name{color:#fff;font-weight:500;font-size:1.4rem}@media only screen and (max-width: 37.5em){.plan__name{font-size:2.4rem}}.plan__price{font-size:5rem}@media only screen and (max-width: 37.5em){.plan__price{font-size:6rem}}.plan__billing-cycle{font-size:1.6rem;font-weight:300;opacity:0.8;margin-right:1rem}@media only screen and (max-width: 37.5em){.plan__billing-cycle{font-size:2.4rem}}.plan__description{font-size:1.7rem;font-weight:300;letter-spacing:1px;display:block}@media only screen and (max-width: 37.5em){.plan__description{font-size:2rem}}.plan .list__item{margin-bottom:2rem}.plans--popular .card__header{position:relative}.plans--popular .card__header::before{content:url(../img/popular.svg);width:5rem;display:inline-block;position:absolute;top:-7px;right:5%}@media only screen and (max-width: 37.5em){.plans--popular .card__header::before{width:30px}}.media{display:flex;margin-top:2rem;margin-bottom:4rem}.media__image{margin-top:0rem}.media__body{margin:0 2rem}.media__title{margin-bottom:2rem;flex-basis:auto}.quote{font-size:2rem;line-height:1.3;font-style:italic;color:var(--color-body-darker);display:flex;justify-content:center;flex-direction:column}@media only screen and (max-width: 37.5em){.quote{font-size:3rem}}.quote__line{position:relative;bottom:0.5rem}.quote__text::before{content:open-quote}.quote__text::after{content:close-quote}.quote__author{font-size:2.4rem;font-style:normal;font-weight:300;color:var(--color-headings)}.quote__company{font-size:1.6rem;color:var(--color-headings);opacity:0.4;font-style:normal}@media only screen and (max-width: 37.5em){.quote__company{font-size:2rem}}.grid{display:grid}.grid--1x2{grid-template-columns:repeat(2, 1fr)}@media only screen and (max-width: 56.25em){.grid--1x2{grid-template-columns:1fr;align-items:center;text-align:center}}.grid--1x3{grid-template-columns:repeat(3, 1fr)}@media only screen and (max-width: 62.5em){.grid--1x3{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 46.875em){.grid--1x3{grid-template-columns:1fr}}.grid--1x5{grid-template-columns:repeat(5, 1fr)}.block{--padding-vertical: 8rem;padding:var(--padding-vertical) 2rem}.block__header{text-align:center;padding:4rem 0;margin-bottom:4rem}@media only screen and (max-width: 56.25em){.block__header{margin-bottom:1rem;padding:2rem 0}}.block__heading{margin-top:0}@media only screen and (max-width: 56.25em){.block__heading{margin-top:4rem}}.block--dark{background:#000;color:#7b858b}.block--dark h1,.block--dark h2,.block--dark h3{color:#fff}.block--dark p{color:#7b858b}.block--dark .block__heading{color:#fff}.block--skewed-right{padding-bottom:calc(var(--padding-vertical) + 4rem);-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%)}@media only screen and (max-width: 50em){.block--skewed-right{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 95%)}}.block--skewed-left{padding-bottom:calc(var(--padding-vertical) + 4rem);-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 90%, 0% 100%)}.container{max-width:1140px;margin:0 auto}.testimonial{padding:3rem}.testimonial-block{padding-bottom:0}.testimonial.card:hover{transform:scale(1)}.testimonial__image{position:relative;margin:0 3rem}.testimonial__image>img{width:100%}.testimonial__image>.icon-container{position:absolute;top:3rem;right:-32px}.testimonial .quote,.testimonial .quote-author{font-size:2.4rem;margin-left:6rem;margin-right:0rem}.callout{width:80vw;margin:2rem auto;padding:4rem;border-radius:20px;transform:translateY(60%);font-size:1.6rem}.callout .grid--1x2{grid-template-columns:1fr auto}@media only screen and (max-width: 46.875em){.callout .grid--1x2{grid-template-columns:1fr;row-gap:2rem}}.callout--primary{background:var(--color-primary);color:#fff}.callout__content{text-align:left;flex:1}@media only screen and (max-width: 56.25em){.callout__content{text-align:center}}.callout__heading{color:#fff;margin-top:0;font-size:3rem;margin-bottom:1rem}.callout .btn{margin-left:4rem;justify-self:start;align-self:center;padding:2rem 6rem;justify-self:flex-end}@media only screen and (max-width: 56.25em){.callout .btn{justify-self:center}}.collapsible__header{display:flex;justify-content:space-between}.collapsible__heading{font-size:2rem}.collapsible__chevron{fill:#fff;transform:rotate(-90deg);transition:all 0.3s ease-in-out}.collapsible__content{opacity:1;max-height:100vh;overflow:hidden;transition:all 0.3s ease-in-out}@media only screen and (max-width: 50em){.collapsible__content{opacity:0;max-height:0}}.collapsible--expanded .collapsible__chevron{transform:rotate(0)}.collapsible--expanded .collapsible__content{max-height:100vh;opacity:1}.nav{background:black;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 1rem}.nav__brand>img{transform:translateY(7px)}.nav__toggler{opacity:0;display:none}@media only screen and (max-width: 50em){.nav__toggler{opacity:0.5;display:inline-block}.nav__toggler:hover{opacity:1}}.nav__list{display:flex;font-size:1.6rem;width:auto;opacity:1}@media only screen and (max-width: 50em){.nav__list{width:100%;display:block}}@media only screen and (max-width: 50em){.nav.collapsible--expanded .nav__list{flex-direction:column}}.nav__item{padding:0.5rem 1.6rem}.nav__item>a{color:#d2d0db;transition:color 0.3s}.nav__item>a:hover{color:#fff}@media only screen and (max-width: 50em){.nav__item{border-bottom:1px solid #222}}.hero{padding-top:0}@media only screen and (max-width: 56.25em){.hero{-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%);clip-path:polygon(0% 0%, 100% 0%, 100% 95%, 0% 100%)}}.hero__container{padding:0 2rem}@media only screen and (max-width: 56.25em){.hero__container{grid-column:1/-1}}.hero__content{text-align:left;margin-top:10rem}@media only screen and (max-width: 56.25em){.hero__content{margin-top:3rem;align-self:center;text-align:center;grid-column:1/-1}}.hero__img{width:100%}@media only screen and (max-width: 56.25em){.hero__img-top{margin-bottom:-8rem}}@media only screen and (max-width: 37.5em){.hero__img-top{margin-bottom:-3rem}}@media only screen and (max-width: 56.25em){.hero__img{grid-column:1/-1}}.hero__tagline{font-size:2rem;padding-bottom:2rem;color:#b9c3cf;letter-spacing:1px}.block-domain{max-width:80rem}.block-domain .input--group{box-shadow:var(--shadow-light);margin:4rem auto}.block-domain__prices{display:grid;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr));justify-items:center;justify-content:center;row-gap:2rem;font-size:2rem;color:var(--color-headings);font-weight:600}.feature{gap:4rem 2rem;margin:12rem 0}.feature:nth-of-type(even) .feature__content{order:2}@media only screen and (max-width: 56.25em){.feature:nth-of-type(even) .feature__content{order:0}}.feature:first-of-type{margin-top:6rem}.feature__header{margin-bottom:3rem}.feature__heading{margin:2rem 0}.feature__image{width:100%}.block-showcase__image>img{width:100%}@media screen and (min-width: 768px){.block-showcase .grid{grid-template-columns:50% 50%}.block-showcase__image{justify-self:end}.block-showcase__image>img{width:auto;max-width:600px}}.footer{background:#232323;padding-top:20rem}.footer__sections{font-size:1.6rem}@media only screen and (max-width: 50em){.footer__sections{grid-template-columns:1fr;font-size:2.1rem}}@media only screen and (max-width: 50em){.footer__section{padding:2rem;border-bottom:1px solid #393939}.footer__section .list li{padding-bottom:0.4rem}}.footer__section .list li{padding-bottom:0.5rem;padding-left:0}.footer__section .list li:first-of-type{padding-top:1rem}.footer__heading{text-transform:uppercase;font-weight:600}.footer__brand{display:flex;justify-content:center;flex-direction:column;order:-2}@media only screen and (max-width: 50em){.footer__brand{align-items:center;margin-top:5rem;text-align:center;order:0}}.footer__brand img{width:100%;max-width:150px}.footer a{color:#777;transition:color 0.3s}.footer a:hover{color:#fff}.footer__copyright{text-align:center;font-size:1.6rem;color:#fff;opacity:0.5}.footer .collapsible__chevron{display:none}@media only screen and (max-width: 50em){.footer .collapsible__chevron{display:block}}