.hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:8rem 2rem;h1{font-size:3.5rem;line-height:1;margin-bottom:2rem;margin-top:0}.subtitle{font-size:1.125rem;line-height:1.625;color:var(--text-color-secondary)}.cta{margin-top:3rem}img{width:100%}@media (max-width: 1024px){grid-template-columns:1fr;h1{text-align:center;font-size:3rem;line-height:3.25rem}.subtitle,.cta{text-align:center}img{max-width:620px;justify-self:center}}.badges{display:flex;align-items:center;justify-content:flex-start;margin-top:1rem;a{display:inline-block;&:first-child{position:relative;top:2px;margin-right:8px}img{width:auto}}@media (max-width: 1024px){flex-direction:column;align-items:center;a{margin-right:0!important}}}}.arguments-section{margin:2rem;border-radius:24px;box-shadow:0 0 8px var(--gray-300);background-color:var(--gray-200);padding:4rem 2rem;h2{text-align:center;font-size:3rem;@media (max-width: 1024px){font-size:2rem}margin:0;margin-bottom:2rem}.subtitle{margin:auto;text-align:center;max-width:840px;font-size:1.125rem;line-height:1.625}.arguments-list{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;@media (max-width: 1024px){grid-template-columns:1fr}.argument{text-align:center;background-color:var(--primary-100);border-radius:16px;padding:2rem 1rem;h3{font-size:1.5rem;margin:0;margin-bottom:1rem;color:var(--primary-500)}p{line-height:1.625;margin:0}}}}.benefit-section:nth-of-type(2n){grid-template-columns:2fr 1fr;>:first-child{grid-area:right}>:last-child{grid-area:left}@media (max-width: 840px){grid-template-columns:1fr;grid-template-areas:none;>:first-child{grid-area:auto}>:last-child{grid-area:auto}}}.benefit-section{padding:4rem 2rem;display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:2rem;grid-template-areas:"left right";>:first-child{grid-area:left}>:last-child{grid-area:right}@media (max-width: 840px){grid-template-columns:1fr;grid-template-areas:none;>:first-child{grid-area:auto}>:last-child{grid-area:auto}}.benefit-illustration{aspect-ratio:1;max-width:389px;align-self:center;img{width:100%;border-radius:24px;box-shadow:0 0 8px var(--gray-300);transition:transform .1s linear;transform:rotate(0) scale(1);&:hover{transform:rotate(-2deg) scale(1.1)}}@media (max-width: 840px){width:100%;max-width:100%;display:flex;justify-content:center;align-items:center}}.tag{display:inline-block;font-weight:700;margin-bottom:.75rem;padding:4px 16px;text-transform:uppercase;color:var(--primary-600);background-color:var(--primary-100)}h3{font-size:2.25rem;line-height:2.5rem;margin:0;margin-bottom:1rem}.benefit-content{p{color:var(--gray-600);line-height:1.8rem;font-size:18px}}ul{list-style:none;padding:0;li:not(:last-child){margin-bottom:.5rem}svg{position:relative;top:5px}}.button{margin-top:1rem;@media (max-width: 840px){width:100%}}}.pricing-section{background-color:var(--gray-200);padding:4rem 2rem;.pricing-tag{text-align:center;color:var(--primary-500);font-weight:700;font-size:1.2rem;margin-bottom:1rem}h2{max-width:840px;margin:0 auto;text-align:center;font-size:3rem;margin-bottom:2rem;.accent{display:inline-block;background-color:var(--primary-500);padding:.25rem .75rem;transform:rotate(1deg)}@media (max-width: 840px){font-size:2rem}}.pricing-list{margin-top:3rem;display:grid;grid-template-columns:auto 460px auto;gap:2rem;@media (max-width: 840px){grid-template-columns:1fr}.pricing-card{background-color:var(--primary-100);padding:2rem;border-radius:24px;h3{font-size:1.25rem;line-height:1.75rem;margin:0;margin-bottom:1rem}.price{margin-bottom:1.5rem;.number{font-size:3rem;line-height:1;font-weight:900}.unit{text-transform:uppercase;font-size:14px;font-weight:700}}.feature-list{list-style:none;padding:0;font-weight:600;margin-bottom:2rem;font-size:14px;li:not(:last-child){margin-bottom:.5rem}svg{position:relative;top:5px;color:var(--success-500)}position:relative;li{&.soon{color:var(--gray-500)}&.soon:after{content:"Available soon";position:absolute;right:0;background-color:var(--gray-0);font-size:.7em;color:var(--primary-500);padding:2px 8px;font-weight:700;margin-top:6px}}}}}}.testimonials-section{padding:4rem 2rem;h2{max-width:840px;margin:0 auto;text-align:center;font-size:3rem;margin-bottom:2rem;.accent{display:inline-block;background-color:var(--primary-500);padding:.25rem .75rem;transform:rotate(1deg)}@media (max-width: 840px){font-size:2rem}}.subtitle{margin:auto;text-align:center;max-width:840px;font-size:1.125rem;line-height:1.625;margin-bottom:2rem}.testimonials-list{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;@media (max-width: 840px){grid-template-columns:1fr}.testimonials-col{display:grid;grid-template-columns:1fr;gap:24px}}.testimonial{background-color:var(--primary-100);border-radius:16px;padding:2rem;box-shadow:0 0 8px var(--gray-300);p{margin:0;margin-bottom:2rem;line-height:1.5;white-space:pre-wrap}.author{display:grid;grid-template-columns:1fr 48px;align-items:center;.author-name{font-weight:700;color:var(--gray-500)}.author-picture{background-color:var(--primary-500);background-position:center;background-size:cover;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3em;font-weight:700}}.original-comment{display:none}.translate-btn-container{text-align:right;margin-top:-1rem;margin-bottom:1rem;font-size:.8em;color:var(--gray-500)}&.translated{.translated-comment{display:none}.original-comment{display:block}}}}.subtitle-list[data-astro-cid-j7pv25f6]{margin-top:-8px;padding-left:16px;font-size:16px;margin-bottom:-1rem;li{line-height:2em}@media (max-width: 1024px){list-style:none}}#solutions[data-astro-cid-j7pv25f6]{padding:4rem 2rem;h2{text-align:center;font-size:3rem;margin:0;margin-bottom:2rem;.accent{display:inline-block;background-color:var(--primary-500);padding:.25rem .75rem;transform:rotate(1deg)}@media (max-width: 840px){font-size:2rem}}p{margin:auto;text-align:center;max-width:840px;font-size:1.125rem;line-height:1.625}}#about-me[data-astro-cid-j7pv25f6]{margin:2rem 8rem;border-radius:24px;border:3px solid var(--gray-200);@media (max-width: 840px){margin:2rem}h3{font-size:1.5rem}p{font-size:16px}.benefit-section{padding:2rem;margin:0;grid-template-columns:1fr 3fr;gap:2rem;@media (max-width: 840px){grid-template-columns:1fr;.benefit-illustration{aspect-ratio:auto}img{max-width:160px}}.underline{position:relative;&:after{position:absolute;top:20px;left:0;right:0;display:inline-block;content:"";height:5px;background-color:var(--primary-300);transform:rotate(-1deg)}}}//box-shadow: 0 0 8px var(--gray-300);//background-color: var(--gray-200);//padding: 4rem 2rem}
