:root{--color-primary-yellow:#e8b432;--color-secondary-yellow:#fbc748;--color-tertiary-yellow:#e2ae2f;--color-primary-blue:#2ac2c6;--color-secondary-blue:#89e1e2;--color-dark-brown:#6e4c1e;--color-medium-brown:#563a1a;--color-dark-gray:#333;--color-medium-gray:#525252;--color-light-gray:#757575;--color-lighter-gray:#e0e0e0;--color-white:#fff;--color-off-white:#f6f6f1;--color-lightest-gray:#fbfbfb;--color-dark-blue-gray:#496868;--color-medium-dark-gray:#616161;--color-light-medium-gray:#777;--color-dark-green-gray:#585855;--color-medium-green-gray:#7e7f7b;--color-gray-555:#555;--color-black-transparent-10:#0000001a}html{font-size:16px}body{background-color:var(--color-off-white);color:var(--color-dark-gray);margin:0;font-family:Inter,sans-serif}.container{max-width:60rem;margin:0 auto;padding:0 1.25rem}header{background-color:var(--color-secondary-yellow);border-left:1.875rem solid var(--color-tertiary-yellow);border-right:1.875rem solid var(--color-tertiary-yellow);padding:1.25rem 0}header .container{justify-content:space-between;align-items:center;display:flex}header .logo{display:flex}header .logo img{height:3.75rem;margin-right:.625rem}header .logo a{color:inherit;align-items:center;text-decoration:none;display:flex}header .logo span{color:var(--color-dark-brown);font-family:Inter,sans-serif;font-size:1.3125rem;font-weight:700}header nav ul{margin:0;padding:0;list-style:none;display:flex}header nav ul li{margin-left:1.25rem}header nav ul li a{color:var(--color-dark-gray);font-size:1rem;font-weight:400;text-decoration:none;transition:color .3s}header nav ul li a.active{color:var(--color-primary-blue);border-bottom:2px solid var(--color-primary-blue)}@media (width<=768px){header .container{text-align:center;flex-direction:column}header nav ul{flex-direction:column;margin-top:15px}header nav ul li{margin:5px 0}}@media (width>=769px){header .container{text-align:left;flex-direction:row}header nav ul{flex-direction:row;margin-top:0}header nav ul li{margin:0 .625rem}}.btn-signup{color:var(--color-white);cursor:pointer;background-color:#2ac2c6;border:none;border-radius:.3125rem;padding:.5rem .9375rem;font-size:.875rem;font-weight:700}#hero{background-color:var(--color-secondary-yellow);border-left:1.875rem solid var(--color-tertiary-yellow);border-right:1.875rem solid var(--color-tertiary-yellow);justify-content:space-between;align-items:center;padding:.9375rem 0;display:flex}#hero .hero-content{max-width:100%}#hero .hero-image{flex-grow:1;overflow:hidden}#hero .hero-content h1{color:var(--color-medium-brown);margin-bottom:20px;font-family:Inter,sans-serif;font-size:3rem;font-weight:700}#hero .hero-content p{color:var(--color-medium-brown);margin-bottom:30px;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}#hero .hero-image img{border-radius:1.25rem 0 0 1.25rem;width:100%;height:100%;max-height:700px}.btn-primary{color:var(--color-secondary-blue);cursor:pointer;background-color:#2ac2c6;border:none;border-radius:.9375rem;padding:.9375rem 1.875rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}#features{background-color:var(--color-off-white);padding:50px 0}#features .container{text-align:center;justify-content:space-around;gap:1.25rem;display:flex}.feature-item{box-shadow:0 4px 8px var(--color-black-transparent-10);background-color:#fff;border-radius:10px;flex:1;padding:1.25rem}.feature-item img{height:5rem;margin-bottom:15px}.feature-item h3{color:var(--color-medium-gray);margin-bottom:10px;font-family:Inter,sans-serif;font-size:.9375rem;font-weight:700}.feature-item p{color:var(--color-light-gray);font-family:Inter,sans-serif;font-size:.625rem;font-weight:400;line-height:1.525em}#pricing{background-color:#fff;padding:50px 0}#pricing h2{text-align:center;color:var(--color-medium-dark-gray);margin-bottom:40px;font-family:Inter,sans-serif;font-size:1.25rem;font-weight:700}#pricing .pricing-plans{justify-content:center;gap:1.875rem;display:flex}.plan-card{background-color:var(--color-lightest-gray);box-shadow:0 4px 8px var(--color-black-transparent-10);text-align:center;border-radius:10px;width:18.75rem;padding:1.875rem}.plan-card h3{color:var(--color-dark-blue-gray);margin-bottom:10px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.plan-card .price{color:var(--color-medium-dark-gray);margin-bottom:20px;font-family:Inter,sans-serif;font-size:1.125rem;font-weight:500}.plan-card ul{margin-bottom:30px;padding:0;list-style:none}.plan-card ul li{color:var(--color-light-medium-gray);margin-bottom:10px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:400}.btn-select-plan{color:#fff;cursor:pointer;background-color:#2ac2c6;border:none;border-radius:5px;padding:10px 20px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-block}#call-to-action{text-align:center;background-color:#f6f6f1;padding:50px 0}#call-to-action h2{color:var(--color-dark-green-gray);margin-bottom:15px;font-family:Inter,sans-serif;font-size:.625rem;font-weight:700}#call-to-action p{color:var(--color-medium-green-gray);margin-bottom:20px;font-family:Inter,sans-serif;font-size:.6875rem;font-weight:400;line-height:1.57955em}.social-icons img{height:1.5rem;margin:0 .625rem}footer{text-align:center;border-top:1px solid #e0e0e0;border-left:1.875rem solid var(--color-tertiary-yellow);border-right:1.875rem solid var(--color-tertiary-yellow);background-color:#f6f6f1;padding:1.25rem 0}section{border-left:1.875rem solid var(--color-tertiary-yellow);border-right:1.875rem solid var(--color-tertiary-yellow)}footer p{color:var(--color-gray-555);font-size:.75rem}.section-header{text-align:center;color:var(--color-medium-brown);margin-top:2.5rem;margin-bottom:40px;font-family:Inter,sans-serif;font-size:2rem;font-weight:700}@media (width<=768px){#hero .container{text-align:center;flex-direction:column-reverse}#hero .hero-content{max-width:100%;margin-top:30px}#features .container{flex-direction:column}.feature-item{margin-bottom:20px}#pricing .pricing-plans{flex-direction:column;align-items:center}.plan-card{width:80%;margin-bottom:20px}}.card{background-color:var(--color-lightest-gray);border-radius:10px;margin-bottom:1.25rem;padding:1.25rem;box-shadow:0 2px 4px #0000000d,0 8px 16px #0000000d}@media (width>=769px){#hero .container{text-align:left;flex-direction:row}#hero .hero-content{margin-top:0}#features .container{flex-direction:row}.feature-item{margin-bottom:0}#pricing .pricing-plans{flex-direction:row;align-items:flex-start}.plan-card{width:18.75rem;margin-bottom:0}}@media (width>=1024px){.container{max-width:75rem}#hero .hero-content h1{font-size:3.5rem}#hero .hero-content p{font-size:1.125rem}.section-header{font-size:2.5rem}}@media (width>=1200px){.container{max-width:85rem}#hero .hero-content h1{font-size:4rem}#hero .hero-content p{font-size:1.25rem}.section-header{font-size:3rem}}