@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}[role=list]{list-style:none;margin:0;padding:0}body{min-block-size:100vh;line-height:1.6}h1,h2,h3,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}p,li{text-wrap:pretty}img{max-inline-size:100%;display:block}input,button,textarea,select{font:inherit}}@layer base{:root{--clr-orange: hsl(22, 89%, 52%);--clr-light-orange: hsl(22, 100%, 69%);--clr-dark-blue: hsl(220, 50%, 17%);--clr-light-blue: hsl(221, 23%, 58%);--clr-soft-blue: hsl(198, 28%, 93%);--clr-white: hsl(0, 0%, 100%);--font-family: "Barlow", sans-serif;--fw-medium: 500;--fw-bold: 700;--fw-black: 900;--fs-body: 1rem;--fs-h1: clamp(3rem, 2.8239rem + .7512vw, 3.5rem);--fs-h2: 2rem;--fs-h3: 1.5rem}html,body{font-family:var(--font-family);font-size:var(--fs-body);color:var(--clr-light-blue);font-style:normal;font-weight:var(--fw-medium);line-height:1.625rem;overflow-x:clip}body{background-color:var(--clr-white)}h1,h2,h3{color:var(--clr-dark-blue);font-weight:var(--fw-black);text-transform:uppercase}h1{font-size:var(--fs-h1);line-height:3.5rem;margin-block-end:1.5rem}h2{font-size:var(--fs-h2);line-height:2.25rem;margin-block-end:1.7rem}h3{font-size:var(--fs-h3);line-height:1.75rem;margin-block-end:1.5rem}p{max-width:65ch}p+*{margin-block-start:2.5rem}img:not([src$=".svg"]){border-radius:1rem}}@layer components{button{border:none;border-radius:.5rem;text-align:center;font-family:inherit;font-size:var(--fs-body);font-style:normal;font-weight:var(--fw-bold);line-height:1.625rem;text-transform:uppercase;padding:1rem 1.69rem;cursor:pointer;transition:background-color .3s ease-in,color .3s ease-in}.btn-primary{background-color:var(--clr-orange);color:var(--clr-white)}.btn-primary:hover,.btn-primary:focus-visible{background-color:var(--clr-light-orange)}.btn-secondary{background-color:var(--clr-soft-blue);color:var(--clr-dark-blue)}.btn-secondary:hover,.btn-secondary:focus-visible{background-color:var(--clr-dark-blue);color:var(--clr-white)}.cta{display:flex;gap:clamp(2rem,1.8239rem + .7512vw,2.5rem);align-items:center}header{margin-block-start:clamp(1.44rem,.7358rem + 3.0047vw,3.44rem);margin-block-end:clamp(4rem,3.6479rem + 1.5023vw,5rem)}.logo{border-radius:0}.hero{position:relative;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem 4rem;align-items:center;margin-block-end:1.875rem}@media (min-width: 768px){.hero{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (768px < width < 1024px){.hero__img img{max-width:calc(100% + 8rem)}}.hero:after{content:url("data:image/svg+xml,%3csvg%20width='255'%20height='240'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='255'%20height='240'%20rx='20'%20fill='%23E8EFF2'%20fill-rule='evenodd'/%3e%3c/svg%3e");position:absolute;right:-18rem;top:0}.product{position:relative;display:grid;grid-template-columns:minmax(0,16rem) auto;gap:1rem;margin-left:-3rem;margin-block-end:clamp(7rem,5.9437rem + 4.507vw,10rem)}@media (width> 768px){.product{margin-left:0}}@media (width> 1024px){.product{grid-template-columns:minmax(0,16rem) auto 22rem}}.product:after{content:url("data:image/svg+xml,%3csvg%20width='255'%20height='240'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='255'%20height='240'%20rx='20'%20fill='%23E8EFF2'%20fill-rule='evenodd'/%3e%3c/svg%3e");position:absolute;left:-18rem;bottom:0}.product__img1{grid-column:1/2;position:relative}.product__img1:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#f26818cc,#f26818cc);border-radius:1rem}.product__img1 img{object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.5) brightness(1.2);width:calc(100% + 2.5rem);height:100%}.product__img2{grid-column:2/3}.product__img2 img{width:100%;height:100%}.product__txt{margin-block-start:4rem;grid-column:1/-1;justify-items:center}@media (width> 1024px){.product__txt{grid-column:3/-1;place-self:center}}.inner__wrapper{margin-inline:auto;text-align:center;max-inline-size:20rem;padding:1rem}@media (width> 768px){.inner__wrapper{padding:unset;max-inline-size:unset;display:flex;justify-content:space-between;gap:4rem;text-align:left}}@media (width> 1024px){.inner__wrapper{flex-direction:column;justify-content:unset;gap:unset;max-inline-size:15rem}}.features{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:auto;justify-content:space-between;gap:2rem;margin-block-end:8rem}@media (width > 768px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width > 1024px){.features{grid-template-columns:repeat(4,minmax(0,1fr))}}.features .feature{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;text-align:center}@media (width > 768px){.features .feature{justify-items:start;text-align:start}}.features .feature figure{grid-row:1/2}.features .feature h3{grid-row:2/3;align-self:self-start}.features .feature p{margin-top:auto;grid-row:3/4}.features figure{background-color:var(--clr-orange);border-radius:1rem;width:4.0625rem;height:4.0625rem;display:flex;justify-content:center;align-items:center;margin-bottom:3rem}footer{margin-block-end:2.5rem;max-inline-size:auto}footer p{text-align:center;max-width:unset}}@layer utilities{.wrapper{max-width:70rem;padding-inline:1.5rem;margin-inline:auto}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-bold{font-weight:var(--fw-bold)}}@layer animation{@media (prefers-reduced-motion: no-preference){@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature{opacity:0;animation:fadeInUp .6s ease-out forwards}.feature:nth-child(1){animation-delay:.2s}.feature:nth-child(2){animation-delay:.4s}.feature:nth-child(3){animation-delay:.6s}.feature:nth-child(4){animation-delay:.8s}}}