.gradient-bg{background:linear-gradient(135deg,#ff1b6b,#e01860)}.secondary-gradient{background:linear-gradient(135deg,#06c,#004c99)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ff1b6b;cursor:pointer}.role-card{border-left:4px solid}.custom-checkbox{display:flex;align-items:center;cursor:pointer}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;height:20px;width:20px;background-color:#fff;border:2px solid #ff1b6b;border-radius:4px}.custom-checkbox:hover input~.checkmark{background-color:#fff5f8}.custom-checkbox input:checked~.checkmark{background-color:#ff1b6b}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-cta{background:linear-gradient(135deg,#ff1b6b,#e01860);transition:all .3s ease;position:relative;overflow:hidden}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-cta:active{transform:translateY(0)}.btn-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .3s ease}.btn-cta:hover:before{transform:translate(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:8px}.feature-check{color:#5ac042;margin-right:8px}:root{--tier-1-color: #FF1B6B;--tier-2-color: #0066CC;--green-lime-color: #00CC99}.pricing-tier{border-left:4px solid transparent;transition:all .3s ease}.tier-1,.tier-2,.tier-3{border-left-color:var(--tier-2-color)}.info-notification{border-left:4px solid #0066CC;background-color:#eff6ff;animation:fadeIn .5s ease-in-out}.saved-calculator-banner{background-color:#f0fdf4;border-left:4px solid var(--green-lime-color)}.cta-button{background:linear-gradient(135deg,#ff1b6b,#e01860);transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.avatar-border{border:2px solid white}.integration-badge{display:inline-flex;align-items:center;margin:0 auto;box-shadow:0 2px 6px #0000000d;background-color:#fff;background:linear-gradient(208.6deg,#14cdeb 30.35%,#9194da 87.5%)}.badge-icon{display:flex;align-items:center;justify-content:center}.app-mockup-outline{border-radius:1rem;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0}.challenge-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.director-message{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.director-avatar{width:64px;height:64px;border-radius:50%;box-shadow:0 4px 8px #0000001a;overflow:hidden}.solution-icon-wrapper{width:40px;height:40px;border-radius:100%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.solution-gradient-1{background:linear-gradient(135deg,#ff1b6b,#ff4d8c)}.solution-gradient-2{background:linear-gradient(135deg,#06c,#39f)}.solution-gradient-3{background:linear-gradient(135deg,#0c9,#3fc)}.solution-gradient-4{background:linear-gradient(135deg,#96f,#c9f)}.solution-gradient-5{background:linear-gradient(135deg,#fc0,#fd5)}.solution-gradient-6{background:linear-gradient(135deg,#f66,#f99)}.solution-card{background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;height:100%}.benefit-card-horizontal{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;overflow:hidden;position:relative;display:flex;flex-direction:column;height:100%}.benefit-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}