.silver{background:linear-gradient(to right,#717171,#fff 30%,#717171)!important;background-clip:text!important;color:transparent}.blue-cta{padding:15px 50px!important;background:linear-gradient(111deg,#0065ff,#42ffff);box-shadow:0 10px 25px #3cf0ff54;border-radius:31px;font-size:20px!important;font-weight:500!important;text-transform:capitalize;letter-spacing:.45px;margin-left:0!important;font-family:"Cabin",Sans-serif}.blue-cta:hover{background-image:linear-gradient(270deg,#ffa369 12%,#ff436b 98%);box-shadow:0 15px 40px #ff736a75}.hero-bg{background-color:#000;background-image:url(/images/BestSaasHeroExample/Saab-Hero-BG.jpg);background-position:center;background-size:100% 100%;background-repeat:no-repeat;position:relative;height:85vh}.hero-bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(to bottom,#fff9,#ffffff59);box-shadow:0 2px 6px #ffffff40;pointer-events:none}.pricing-hero__badges{display:flex;justify-content:center;margin-bottom:20px}.ph-badge{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#ff4f3b;padding:10px 18px;border-radius:16px;box-shadow:0 12px 30px #00000059;font-family:Cabin,sans-serif}.ph-badge__logo{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ff4f3b;color:#fff;font-weight:700}.ph-badge__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.ph-badge__text span{font-size:12px;color:#ff4f3b;text-transform:uppercase;letter-spacing:.8px}.ph-badge__text strong{font-size:18px;color:#ff4f3b}.ph-badge__count{background:#fff5f3;color:#ff4f3b;font-weight:700;font-size:14px;padding:6px 10px;border-radius:999px}.pricing-hero__subtitle{font-family:Cabin,sans-serif;font-style:normal;font-weight:400;color:#a4eaff;font-size:26px;line-height:36px;max-width:820px}.spacer{background:radial-gradient(50% 585.44% at 50% 50%,#fff,#181818);height:24px}.pricing-section-title{font-family:Recoleta,sans-serif;font-style:normal;font-weight:700;font-size:50px;line-height:70px;color:#fff0}.pricing-hero__title{font-family:Recoleta,sans-serif;font-style:normal;font-weight:700;font-size:70px;line-height:70px;color:#fff0}.pricing-divider{height:10px;background:linear-gradient(90deg,#fff6,#fff0);margin-top:-4px}.pricing-list{width:100%}.pricing-filters{margin-bottom:28px}.pricing-filters__scroll{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.pricing-pill{background:#2b2b2b;color:#f4f4f4;border-radius:999px;padding:4px 16px;font-family:Cabin,sans-serif;font-size:16px;border:1px solid #3a3a3a;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;white-space:nowrap}.pricing-pill:not(.pricing-pill--active):hover{background:#2b2b2b;border-color:#3a3a3a;color:#000;box-shadow:inset 0 2px #ffffff14,0 10px 18px #0000008c}.pricing-pill--active{background:linear-gradient(180deg,#ffd86a,#f4b340);color:#1a1a1a;border-color:#f0b13a;box-shadow:inset 0 1px #ffffff8c,6px 5px #fffffff2,0 12px 20px #00000073}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.pricing-card{background:#fff;border-radius:18px;padding:10px;box-shadow:0 18px 40px #00000059;border:1px solid rgba(0,0,0,.1);transition:box-shadow .3s ease;display:flex;flex-direction:column;text-decoration:none;position:relative;overflow:hidden;width:100%;max-width:636px;justify-self:center}.pricing-card:before{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(180deg,#78e6ff00,#55d2ff59 45%,#2dbeffbf);transform:translateY(100%);transition:transform .45s ease;z-index:2;pointer-events:none}.pricing-card>*{position:relative;z-index:3}.pricing-card:hover{box-shadow:0 26px 50px #00000073}.pricing-card:hover:before{transform:translateY(0)}.pricing-card__media{width:100%;background:#f6f6f6;border-radius:12px;overflow:hidden;min-height:430px;height:430px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.pricing-card__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.08) translateY(16px);transform-origin:center;display:block;position:relative;z-index:1}.pricing-card__fallback{font-size:42px;font-weight:700;color:#1a1a1a}.pricing-card__content{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;color:#111;font-family:Cabin,sans-serif}.pricing-card__text{display:flex;flex-direction:column;gap:10px}.pricing-card__content h3{font-family:Recoleta,sans-serif;font-style:normal;font-weight:700;font-size:42px;line-height:42px;color:#353535;transform:translate(20px,-50px)}.pricing-card__meta{display:flex;gap:10px;transform:translate(20px,-18px)}.pricing-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:6px;background:#4b4b4b;color:#fff;font-family:Cabin,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:21px}.pricing-card__cta{display:inline-flex;align-items:center;justify-content:center;min-width:98px;padding:12px 22px;border-radius:999px;background:#f4b340;color:#000;font-family:Cabin,sans-serif;font-style:normal;font-weight:500;font-size:18px;line-height:18px;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 1px #ffffff80,6px 6px #000;border:2px solid #000000;transform:translate(-32px,-12px);transition:transform .2s ease,box-shadow .2s ease}.pricing-card__cta:hover{transform:translate(-26px,-6px);box-shadow:inset 0 1px #ffffff80,0 0 #000}.pricing-card--skeleton{background:#1b1b1b;border:1px solid #2b2b2b;padding:12px;min-height:220px}.pricing-card--skeleton .pricing-card__media,.pricing-card--skeleton .pricing-card__title,.pricing-card--skeleton .pricing-card__meta{background:#2c2c2c;border-radius:12px;height:24px}.pricing-card--skeleton .pricing-card__media{height:380px}.pricing-list .pricing-card{padding:10px}.pricing-list .pricing-card__media{min-height:430px;height:430px}.pricing-list .pricing-card__content{margin-top:8px}.pricing-list .pricing-card--skeleton{padding:12px;min-height:220px}.pricing-list .pricing-card--skeleton .pricing-card__media{height:380px}.pricing-card--skeleton .pricing-card__title{margin-top:18px;width:65%}.pricing-card--skeleton .pricing-card__meta{margin-top:12px;width:35%}.pricing-load{display:flex;justify-content:center;margin:120px 0 80px}.pricing-load__btn{padding:18px 60px;border-radius:999px;background:linear-gradient(90deg,#0b6bff,#35e8ff);color:#fff;font-family:Cabin,sans-serif;font-style:normal;font-weight:500;font-size:20px;line-height:20px;box-shadow:0 12px 30px #35e8ff59;transition:transform .2s ease,box-shadow .2s ease}.pricing-load__btn:hover{transform:translateY(0);background:linear-gradient(90deg,#ff4f6d,#ff7a58 55%,#ffb26b);box-shadow:0 14px 28px #ff5c6d73,0 0 30px #ff786073}.pricing-load__btn:disabled{opacity:.6;cursor:not-allowed}.pricing-empty,.pricing-error{text-align:center;font-family:Cabin,sans-serif;color:#bfbfbf;padding:40px 0}.pricing-retry{margin-top:14px;padding:10px 24px;border-radius:999px;background:#fff;color:#111;font-weight:600}.tech-cta{background-image:url(/images/BestSaasHeroExample/glow-button-1.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-color:transparent;border-radius:8px;color:#fff;display:inline-block;font-family:Cabin,sans-serif;font-size:25px;font-weight:500;line-height:25px;padding:20px 60px;text-align:center;text-decoration:none;transition:transform .3s ease,filter .3s ease}.tech-cta:hover{transform:translateY(-5px);filter:brightness(1.2)}.pricing-cta{max-width:1320px;margin:40px auto 120px;padding:60px 70px;min-height:320px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle at 80% 30%,rgba(64,170,255,.5),transparent 40%),linear-gradient(110deg,#161616,#0f0f0f,#1b1b1b);display:flex;align-items:center;justify-content:space-between;gap:32px;box-shadow:0 20px 60px #00000080}.pricing-cta__content h3{font-family:Recoleta,sans-serif;font-style:normal;font-weight:700;font-size:44px;line-height:50px;color:#fff;margin-bottom:18px;transform:translateY(-10px)}.pricing-cta__content p{font-family:Cabin,sans-serif;font-style:normal;font-weight:400;font-size:26px;line-height:36px;color:#a4eaff;transform:translateY(10px)}.pricing-cta__button{background:#0f1f3a;border:2px solid #2f6bff;padding:12px 26px;border-radius:12px;font-family:Cabin,sans-serif;font-style:normal;font-weight:500;font-size:25px;line-height:25px;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 0 0 1px #fff3;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.pricing-cta__button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2f6bff66}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr}.pricing-cta{flex-direction:column;text-align:center;padding:48px 36px;min-height:auto}.pricing-cta__content h3,.pricing-cta__content p{transform:none}.pricing-hero__title{font-size:52px;line-height:58px}.pricing-section-title{font-size:40px;line-height:52px}.pricing-card__media,.pricing-list .pricing-card__media{min-height:280px;height:280px}.pricing-card--skeleton .pricing-card__media,.pricing-list .pricing-card--skeleton .pricing-card__media{height:240px}.pricing-card__content{flex-direction:column;align-items:center;gap:12px}.pricing-card__cta{transform:none;align-self:center;min-width:120px}}@media(max-width:640px){.pricing-hero__subtitle{font-size:18px}.pricing-pill{font-size:14px}.pricing-hero__title{font-size:36px;line-height:42px}.pricing-section-title{font-size:30px;line-height:38px}.pricing-card__media,.pricing-list .pricing-card__media{min-height:240px;height:240px}.pricing-card--skeleton .pricing-card__media,.pricing-list .pricing-card--skeleton .pricing-card__media{height:200px}.pricing-card__content{gap:10px;align-items:flex-start}.pricing-card__cta{min-width:180px;padding:12px 32px;font-size:20px;line-height:20px}.pricing-card__meta{justify-content:flex-start;width:auto;transform:none}.pricing-chip{font-size:12px;line-height:18px;padding:6px 10px}.pricing-card__text{gap:4px}.pricing-card__content h3{transform:translate(20px,-50px);transform:none;text-align:left;font-size:30px;line-height:34px}.pricing-card__content{margin-top:0}.pricing-card__text{align-items:flex-start}.pricing-cta{padding:36px 22px}.pricing-cta__content h3{font-size:32px;line-height:38px}.pricing-cta__content p{font-size:20px;line-height:28px}}
