.hero.hero{text-align:center}.hero.hero h1{max-width:780px}.hero.hero .sub{max-width:620px}.price-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;display:grid}.price-card{background:#fff;border-radius:30px;flex-direction:column;padding:32px 26px;transition:transform .25s;display:flex;position:relative;box-shadow:0 8px 30px #2d23230f}.price-card:hover{transform:translateY(-6px)}.price-card.popular{background:var(--navy2);color:#fff;transform:scale(1.04)}.price-card.popular:hover{transform:scale(1.04)translateY(-6px)}.price-card .plan{font-family:var(--display);color:var(--muted);font-size:16px;font-weight:700}.price-card.popular .plan{color:#9aa3c4}.price-card .amount{font-family:var(--display);letter-spacing:-.03em;margin:10px 0 2px;font-size:38px;font-weight:800}.price-card .desc{color:var(--soft);margin-bottom:18px;font-size:16px}.price-card.popular .desc{color:#c6cadd}.price-card ul{color:var(--soft);flex-direction:column;flex:1;gap:9px;font-size:16px;list-style:none;display:flex}.price-card.popular ul{color:#c6cadd}.price-card ul li{align-items:flex-start;gap:9px;display:flex}.price-card ul svg{flex:none;margin-top:5px}.price-card .btn{text-align:center;margin-top:22px}.pop-badge{background:var(--amber);color:#5d4a00;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:100px;padding:5px 14px;font-size:13px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.plans-foot{color:var(--soft);background:var(--yellow);text-align:center;border-radius:24px;margin-top:36px;padding:22px 28px;font-size:16px}.plans-foot b{color:var(--ink)}.faq-section{background:var(--alt2);border-radius:48px;margin:0 14px}.faq-more{text-align:center;font-family:var(--display);margin-top:28px;font-size:16px;font-weight:700}.faq-more a{color:var(--indigo)}.faq-more a:hover{text-decoration:underline}.final h2{font-size:clamp(28px,4vw,46px)}.final p{max-width:560px}@media (max-width:960px){.price-grid{grid-template-columns:1fr 1fr}.price-card.popular{transform:none}.price-card.popular:hover{transform:translateY(-6px)}}@media (max-width:600px){.price-grid{grid-template-columns:1fr}.faq-section{border-radius:32px;margin:0 8px}}@media (prefers-reduced-motion:reduce){.price-card{transition:none}.price-card:hover{transform:none}}
