@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,400;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--saas-primary: #5A7BB5;--saas-primary-dark: #3F5E94;--saas-accent: #C49A45;--saas-accent-dark: #A67E30;--saas-bg: #F4F7FA;--saas-text: #2C3E50;--saas-text-light: #707F8F;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .6);--shadow-premium: 0 20px 40px rgba(90, 123, 181, .08);--shadow-gold: 0 10px 25px rgba(196, 154, 69, .35)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,sans-serif;background-color:var(--saas-bg);color:var(--saas-text);min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;overflow-x:hidden}h1,h2,h3{font-family:Bricolage Grotesque,sans-serif}.pricing-header{text-align:center;margin-bottom:2.5rem;margin-top:1rem;animation:fadeDown .6s ease-out forwards}.pricing-header h1{font-size:3.8rem;color:var(--saas-primary-dark);margin-bottom:.25rem;line-height:1.1;font-weight:800;letter-spacing:-1px}.sub-slogan{font-size:1.6rem;color:var(--saas-primary);font-weight:700;margin-bottom:.75rem}.pricing-header p{font-size:1.15rem;color:var(--saas-text-light);max-width:600px;margin:0 auto;line-height:1.6}.highlight{color:var(--saas-accent-dark);position:relative}.device-support{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.5rem;color:var(--saas-text-light);font-weight:600;font-size:.95rem}.device-icons{display:flex;gap:1.5rem;color:var(--saas-primary)}.device-icons svg{width:26px;height:26px;opacity:.8;transition:transform .2s ease}.device-icons svg:hover{transform:translateY(-3px);color:var(--saas-accent)}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem;animation:fadeUp .6s ease-out .2s forwards;opacity:0}.toggle-label{font-weight:700;font-size:1.1rem;color:var(--saas-text-light);cursor:pointer;transition:color .3s ease}.toggle-label.active{color:var(--saas-primary-dark)}.toggle-switch{position:relative;width:64px;height:34px;background-color:var(--saas-primary);border-radius:30px;cursor:pointer;transition:background-color .3s ease;box-shadow:inset 0 2px 5px #00000026}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:28px;height:28px;background-color:#fff;border-radius:50%;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 5px #0003}.billing-toggle.is-yearly .toggle-switch{background-color:var(--saas-accent)}.billing-toggle.is-yearly .toggle-switch:after{transform:translate(30px)}.badge-discount{background-color:#e8f5e9;color:#2e7d32;font-size:.75rem;font-weight:800;padding:.25rem .75rem;border-radius:20px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #2e7d3226}.pricing-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:28px;padding:3rem;width:100%;max-width:500px;box-shadow:var(--shadow-premium);position:relative;overflow:hidden;animation:fadeUp .6s ease-out .4s forwards;opacity:0;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #5a7bb51f}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--saas-primary) 0%,var(--saas-accent) 100%)}.plan-name{font-size:1.5rem;color:var(--saas-primary);margin-bottom:.5rem;font-weight:800}.plan-price-wrapper{display:flex;align-items:flex-start;gap:.25rem;margin-bottom:.5rem;position:relative;height:70px}.currency{font-size:1.6rem;font-weight:700;color:var(--saas-primary-dark);margin-top:.8rem}.price-number{font-size:4.2rem;font-family:Bricolage Grotesque,sans-serif;color:var(--saas-primary-dark);font-weight:800;line-height:1;display:inline-block;position:relative}.price-animate{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.period{font-size:1.1rem;color:var(--saas-text-light);align-self:flex-end;margin-bottom:1rem;font-weight:600;margin-left:.25rem}.plan-description{color:var(--saas-text-light);margin-bottom:2rem;line-height:1.5;font-size:1.05rem}.benefits-list{list-style:none;margin-bottom:2.5rem}.benefits-list li{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;font-size:1.1rem;color:var(--saas-text);font-weight:500}.benefits-list li svg{color:var(--saas-accent);width:24px;height:24px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(196,154,69,.2))}.coupon-area{background:#5a7bb50a;border:1.5px dashed rgba(90,123,181,.25);border-radius:12px;padding:1.25rem;margin-bottom:2rem;transition:all .3s ease}.coupon-area:focus-within{border-color:var(--saas-primary);background:#5a7bb514}.coupon-area label{display:block;font-size:.9rem;font-weight:700;color:var(--saas-primary-dark);margin-bottom:.5rem}.coupon-input-group{display:flex;gap:.5rem}.coupon-input-group input{flex:1;padding:.75rem 1rem;border:1px solid #D1D9E6;border-radius:8px;font-family:Manrope,sans-serif;outline:none;text-transform:uppercase;font-weight:600;transition:border-color .2s}.coupon-input-group input:focus{border-color:var(--saas-primary)}.btn-apply{background:#fff;border:2px solid var(--saas-primary);color:var(--saas-primary);font-weight:700;padding:0 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s}.btn-apply:hover{background:var(--saas-primary);color:#fff}.btn-checkout{width:100%;background:linear-gradient(135deg,var(--saas-accent) 0%,var(--saas-accent-dark) 100%);color:#fff;border:none;padding:1.25rem;font-size:1.2rem;font-weight:800;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-gold);font-family:Manrope,sans-serif;position:relative;overflow:hidden;animation:pulse-gold 2.5s infinite}.btn-checkout:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);animation:shimmer 3s infinite}.btn-checkout:hover{transform:translateY(-3px);box-shadow:0 15px 30px #c49a4573}.guarantee-box{margin-top:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--saas-text-light);font-size:.85rem;font-weight:600}.guarantee-box svg{color:#2e7d32;width:18px;height:18px}.back-link{margin-top:2rem;color:var(--saas-text-light);text-decoration:none;font-weight:700;transition:color .2s;display:flex;align-items:center;gap:.5rem;animation:fadeUp .6s ease-out .6s forwards;opacity:0}.back-link:hover{color:var(--saas-primary-dark)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-gold{0%{box-shadow:0 0 #c49a4566}70%{box-shadow:0 0 0 15px #c49a4500}to{box-shadow:0 0 #c49a4500}}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}
