main{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 0 2em}main h2{color:#222;font-size:3em;text-align:center;margin-bottom:1em}main .description{text-align:center;color:#5e5e5e;font-size:1.2em;margin-bottom:2em;max-width:800px;margin-left:auto;margin-right:auto}main .option-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media screen and (max-width:500px){main .option-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media screen and (max-width:400px){main .option-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}main .option-container{gap:2em;width:100%;max-width:1200px;margin-bottom:2em}main .option-container .option-card{background-color:#aed1e6;border-radius:10px;padding:2em;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}@media screen and (max-width:450px){main .option-container .option-card{padding:.5rem}}main .option-container .option-card:hover{transform:translateY(-5px)}main .option-container .option-card h3{color:#222;font-size:2em;margin-bottom:1em}@media screen and (max-width:450px){main .option-container .option-card h3{font-size:1.5em}}main .option-container .option-card p{color:#5e5e5e;font-size:1.1em;margin-bottom:1em}@media screen and (max-width:450px){main .option-container .option-card p{font-size:1em}}main .option-container .option-card ul{list-style:none;padding:0;margin:1em 0}@media screen and (max-width:350px){main .option-container .option-card ul{display:none}}main .option-container .option-card ul li{margin-bottom:.5em;color:#222}@media screen and (max-width:450px){main .option-container .option-card ul li{margin:.25em 0}}main .option-container .option-card .option-button{background-color:#85c7de;color:#fff;border:none;padding:1em 2em;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .3s ease}@media screen and (max-width:400px){main .option-container .option-card .option-button{border:2px solid #c6dbf0}}main .option-container .option-card .option-button:hover{background-color:#a0c4e2}main .pricing-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2em;width:100%;max-width:1200px}main .pricing-container .pricing-card{background-color:#aed1e6;border-radius:10px;padding:2em;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease;position:relative}main .pricing-container .pricing-card:hover{transform:translateY(-5px)}main .pricing-container .pricing-card .discount-badge{position:absolute;top:20px;right:10px;background-color:#e74c3c;color:#fff;padding:.3em .8em;border-radius:12px;font-size:.8em;font-weight:700}main .pricing-container .pricing-card .plan-name{font-size:2em;color:#222;margin-bottom:.5em}main .pricing-container .pricing-card .price{font-size:3em;color:#85c7de;margin-bottom:1em}@media screen and (max-width:400px){main .pricing-container .pricing-card .price{margin-bottom:.25em}}main .pricing-container .pricing-card .price .original-price{font-size:.6em;color:#5e5e5e;text-decoration:line-through;margin-right:.3em}main .pricing-container .pricing-card .price .currency{font-size:.5em;vertical-align:top}main .pricing-container .pricing-card .price .period{font-size:.3em;color:#5e5e5e}@media screen and (max-width:400px){main .pricing-container .pricing-card .price .period{display:none}}main .pricing-container .pricing-card .features{list-style:none;padding:0;margin:1em 0}main .pricing-container .pricing-card .features li{margin-bottom:.5em;color:#222}@media screen and (max-width:400px){main .pricing-container .pricing-card .features li{margin:.25em 0}}main .pricing-container .pricing-card .cta-button{background-color:#85c7de;color:#fff;border:none;padding:1em 2em;border-radius:5px;font-size:1em;cursor:pointer;transition:background-color .3s ease}main .pricing-container .pricing-card .cta-button:hover{background-color:#a0c4e2}main .pricing-container .popular{border:3px solid #85c7de;position:relative}main .pricing-container .popular:before{content:"Most Popular";position:absolute;top:-10px;left:50%;transform:translate(-50%);background-color:#85c7de;color:#fff;padding:.5em 1em;border-radius:20px;font-size:.8em}@media screen and (max-width:800px){main .pricing-container{grid-template-columns:1fr;width:85%;max-width:none}main .option-container{width:85%;max-width:none}}