.prod-hero{background:#060d1c;padding:100px 0 80px;text-align:center;position:relative;overflow:hidden}.prod-hero__glow{position:absolute;width:600px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,184,135,.15) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.prod-hero .container{position:relative;z-index:2}.prod-hero__badge{display:inline-flex;background:#00b8871f;border:1px solid rgba(0,184,135,.3);color:#00b887;padding:5px 18px;border-radius:50px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:24px}.prod-hero h1{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:20px}.prod-hero p{color:#ffffff8c;font-size:1rem;max-width:560px;margin:0 auto;line-height:1.75}.prod-hero__tg{background:linear-gradient(135deg,#00b887,#00d9aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prod-tabs{background:#fff;border-bottom:1px solid #E5E7EB;position:sticky;top:68px;z-index:100;box-shadow:0 2px 12px #0000000a}.prod-tabs__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;overflow-x:auto;scrollbar-width:none;padding:12px 0}.prod-tabs__inner::-webkit-scrollbar{display:none}.prod-tab{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:8px;border:none;background:transparent;font-family:DM Sans,Nunito,sans-serif;font-size:.88rem;font-weight:700;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .2s}.prod-tab__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.prod-tab__badge{font-size:.68rem;font-weight:800;padding:2px 8px;border-radius:10px;letter-spacing:.3px}.prod-tab:hover{background:#f9fafb;color:#111827}.prod-tab.active{background:#e6f9f4;color:#00b887}.prod-tab.active .prod-tab__badge{background:#00b887!important;color:#fff!important}.prod-detail{padding:64px 0 80px;background:#fff;animation:fadeInDetail .4s ease}.prod-detail__header{display:flex;align-items:center;gap:20px;margin-bottom:48px;flex-wrap:wrap}.prod-detail__icon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prod-detail__badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.prod-detail__name{font-size:2rem;font-weight:900;color:#111827;margin-bottom:4px}.prod-detail__tagline{color:#6b7280;font-size:.95rem}.prod-detail__link{margin-left:auto;align-self:center;font-size:.88rem;flex-shrink:0}.prod-detail__headline{text-align:center;padding:52px 40px;background:linear-gradient(135deg,#f8fffe,#f9fafb);border-radius:20px;margin-bottom:40px;border:1px solid rgba(0,184,135,.1)}.prod-detail__headline h3{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;color:#111827;margin-bottom:8px}.prod-detail__headline p{color:#6b7280;font-size:1rem}.prod-detail__desc{font-size:1rem;color:#374151;line-height:1.85;max-width:820px;margin:0 auto 56px;text-align:center}@keyframes fadeInDetail{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.prod-features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:72px}@media (max-width: 900px){.prod-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.prod-features{grid-template-columns:1fr}}.prod-feature{padding:28px;border:1px solid #E5E7EB;border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}.prod-feature:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--c);transition:width .35s ease}.prod-feature:hover{box-shadow:0 8px 28px #00000012;transform:translateY(-3px)}.prod-feature:hover:after{width:100%}.prod-feature__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform .3s ease}.prod-feature__icon svg{width:23px;height:23px}.prod-feature:hover .prod-feature__icon{transform:scale(1.08) rotate(-3deg)}.prod-feature h4{font-size:.95rem;font-weight:800;color:#111827;margin-bottom:8px}.prod-feature p{font-size:.85rem;color:#6b7280;line-height:1.7}.prod-pricing__title{font-size:1.6rem;font-weight:900;color:#111827;margin-bottom:32px;text-align:center}.prod-pricing__grid{display:grid;grid-template-columns:repeat(var(--cols, 3),1fr);gap:20px;max-width:860px;margin:0 auto}@media (max-width: 700px){.prod-pricing__grid{grid-template-columns:1fr}}.prod-tier{border:1.5px solid #E5E7EB;border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:20px;position:relative;background:#fff;transition:all .3s ease}.prod-tier:hover{box-shadow:0 12px 36px #00000014;transform:translateY(-4px)}.prod-tier--popular{border-color:var(--c);box-shadow:0 8px 32px #00000014}.prod-tier__ribbon{position:absolute;top:-1px;left:50%;transform:translate(-50%);padding:4px 20px;border-radius:0 0 10px 10px;font-size:.72rem;font-weight:800;color:#fff;letter-spacing:.3px;white-space:nowrap}.prod-tier__name{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#6b7280;margin-top:8px}.prod-tier__price{display:flex;align-items:baseline;gap:4px;line-height:1}.prod-tier__amount{font-size:2.6rem;font-weight:900}.prod-tier__period{font-size:.88rem;color:#6b7280}.prod-tier__features{display:flex;flex-direction:column;gap:10px;flex:1}.prod-tier__features li{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151;line-height:1.4}.prod-tier__features li span{font-weight:800;font-size:.9rem;flex-shrink:0}.prod-tier__cta{display:block;text-align:center;padding:13px;border-radius:10px;font-weight:700;font-size:.9rem;border:2px solid transparent;transition:all .25s ease;cursor:pointer;color:#fff}.prod-tier__cta:hover{opacity:.88;transform:translateY(-1px)}.prod-cta{background:linear-gradient(135deg,#00b887,#00976f);padding:80px 0;text-align:center;position:relative;overflow:hidden}.prod-cta:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff0d;right:-80px;top:-80px}.prod-cta h2{font-size:2rem;font-weight:900;color:#fff;margin-bottom:12px}.prod-cta p{color:#ffffffd1;margin-bottom:32px;font-size:1rem;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 700px){.prod-detail__header{flex-direction:column;align-items:flex-start}.prod-detail__link{margin-left:0}.prod-detail__headline{padding:32px 24px}.prod-detail__name{font-size:1.6rem}}
