.onboarding-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10001;backdrop-filter:blur(5px);cursor:pointer}.onboarding-guide{position:relative;background:#fff;border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow:visible;cursor:default}.button-group{display:flex;gap:15px;justify-content:space-between;margin-top:20px}.close-button{position:absolute;top:-13px;right:-10px;width:40px;height:40px;border-radius:50%;background-color:#dc3545;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10002;transition:all .3s ease;box-shadow:0 2px 8px #0003}.close-button:hover{background-color:#c82333;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.close-icon{color:#fff;font-size:24px;font-weight:700;line-height:1}.onboarding-content{padding:40px;max-height:80vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-slide{min-height:400px;display:flex;flex-direction:column;justify-content:center}.slide-content{text-align:center}.slide-title{font-size:28px;font-weight:700;color:#080808;margin-bottom:20px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.slide-description{font-size:16px;color:#666;margin-bottom:30px;line-height:1.6;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.comparison-container{display:flex;gap:20px;margin-top:30px}.comparison-card{flex:1;background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e0e0e0;transition:all .3s ease}.comparison-card:hover{border-color:#fecd15;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.comparison-card:hover li:before{color:orange}.comparison-title{font-size:18px;font-weight:600;color:#080808;margin-bottom:15px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.comparison-list{list-style:none;padding:0;margin:0}.comparison-list li{text-align:left;font-weight:300;color:#4a4a4a;font-size:13px;line-height:1.25;position:relative;padding:4px 0 4px 20px;letter-spacing:.2px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.comparison-list li:before{content:"•";color:#000;font-weight:700;position:absolute;left:0}.accordion-container{margin-top:30px;text-align:left}.accordion-section{margin-bottom:15px;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:all .3s ease}.accordion-section:hover{border-color:#fecd15}.accordion-header{width:100%;padding:20px;background:#f8f9fa;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:#080808;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;transition:all .3s ease}.accordion-header:hover{background:#e9ecef}.accordion-arrow{font-size:14px;transition:transform .3s ease;color:#fecd15}.accordion-arrow.expanded{transform:rotate(-90deg)}.accordion-content{padding:20px;background:#fff;border-top:1px solid #e0e0e0;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.accordion-content ul{list-style:none;padding:0;margin:0}.accordion-content li{color:#4a4a4a;font-size:14px;line-height:1.5;position:relative;padding:8px 0 8px 20px}.accordion-content li:before{content:"•";color:orange;font-weight:700;position:absolute;left:0}.list-numbered{list-style:none;margin:30px 0;padding:20px 10px;counter-reset:line;position:relative}.list-numbered>li{position:relative;margin-bottom:1.5em;padding-left:2.6em;color:#4a4a4a;font-size:16px;line-height:1.7;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;text-align:left;font-weight:300}.list-numbered>li:before{position:absolute;left:0;top:0;display:inline-block;width:22px;height:22px;margin-right:.5em;background-color:#228b22;border-radius:50%;color:#fff;text-align:center;line-height:22px;font-size:12px;font-weight:700;counter-increment:line;content:counter(line);z-index:2}.list-numbered>li:not(:last-child):after{content:"";position:absolute;left:11px;top:22px;width:2px;height:calc(100% + .5em);background:repeating-linear-gradient(to bottom,forestgreen 0px,forestgreen 4px,transparent 4px,transparent 8px);z-index:1}.app-features{margin-top:30px;text-align:left}.app-features-title{font-size:20px;font-weight:600;color:#080808;margin-bottom:20px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.feature-panel{background:#f8f9fa;border-radius:12px;padding:20px;border:2px solid #e0e0e0}.feature-panel h4{font-size:16px;font-weight:600;color:#080808;margin-bottom:15px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.feature-panel ul{list-style:none;padding:0;margin:0}.feature-panel li{color:#4a4a4a;font-size:14px;line-height:1.5;position:relative;padding:8px 0 8px 20px}.feature-panel li:before{content:"•";color:orange;font-weight:700;position:absolute;left:0}.onboarding-navigation{margin-top:40px;display:flex;flex-direction:column;align-items:center;gap:20px}.pagination-dots{display:flex;gap:10px;justify-content:center}.pagination-dot{width:12px;height:12px;border-radius:50%;border:none;background:#e0e0e0;cursor:pointer;transition:all .3s ease}.pagination-dot.active{background:#fecd15;transform:scale(1.2)}.pagination-dot:hover{background:#d4a73a}#dispensary-onboarding-guide .pagination-dot.active{background:#32cd32}#dispensary-onboarding-guide .pagination-dot:hover{background:#228b22}.navigation-buttons{display:flex;gap:15px;justify-content:center}.nav-button{padding:12px 24px;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;min-width:120px}.next-button{background:#fecd15;color:#080808}.next-button:hover{background:#d4a73a;transform:translateY(-2px);box-shadow:0 8px 24px #0003}#dispensary-onboarding-guide .next-button,#dispensary-waitlist-form .next-button{background:#32cd32}#dispensary-onboarding-guide .next-button:hover,#dispensary-waitlist-form .next-button:hover{background:#228b22}.prev-button{background:#f8f9fa;color:#666;border:2px solid #e0e0e0}.prev-button:hover{background:#e9ecef;border-color:#d0d0d0}.logo-container{margin-bottom:30px;display:flex;justify-content:center}.thundertruck-logo{width:200px;height:200px;animation:logoPulse 2s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pricing-container{display:flex;gap:24px;margin-top:30px;justify-content:center;align-items:stretch}.pricing-card{flex:1;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;padding:32px 24px;border:1px solid #e8e9ea;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;max-width:300px;box-shadow:0 4px 20px #00000014;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fecd15,#b53c2c);opacity:0;transition:opacity .3s ease}.pricing-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026;border-color:#fecd15}.pricing-card:hover:before{opacity:1}.premium-plan{border:2px solid #FECD15;background:linear-gradient(145deg,#fff9e6,#fff,#f8f9fa);box-shadow:0 8px 32px #fecd1533;position:relative}.premium-plan:after{content:"POPULAR";position:absolute;top:16px;right:-8px;background:linear-gradient(135deg,#fecd15,#d4a73a);color:#080808;padding:6px 20px;font-size:10px;font-weight:700;letter-spacing:1px;transform:rotate(45deg);box-shadow:0 2px 8px #0003;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.plan-title{font-size:22px;font-weight:700;color:#080808;margin-bottom:12px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;text-align:center}.plan-price{font-size:32px;font-weight:800;color:#b53c2c;margin-bottom:24px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;text-align:center;position:relative}.plan-price.standard{color:#2f4f4f}.plan-price.premium{color:#b8860b}.plan-price span{font-size:16px;font-weight:400;color:#4a4a4a;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{color:#4a4a4a;font-size:15px;line-height:1.6;position:relative;padding:12px 0 12px 28px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;border-bottom:1px solid #f0f0f0;transition:color .3s ease;text-align:left}.plan-features li:last-child{border-bottom:none}.plan-features li:hover{color:#080808}.plan-features li:before{content:"✓";color:#28a745;font-weight:700;position:absolute;left:0;top:12px;font-size:16px;background:#e8f5e8;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}.plan-features li span.brand{color:#080808;font-weight:600;font-family:Cairo,sans-serif}.plan-features li span.pricing{color:#080808;font-weight:800;font-family:Work Sans,sans-serif}.requirements-list{list-style:none;padding:0;text-align:left;max-width:500px;margin:20px auto}.requirements-list li{color:#4a4a4a;font-size:16px;line-height:1.5;position:relative;padding:15px 0 15px 30px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;border-bottom:1px solid #f0f0f0}.requirements-list li:before{content:"•";position:absolute;left:0;top:12px;font-size:18px}.revenue-comparison{display:flex;gap:20px;margin-top:30px;justify-content:center}.revenue-card{flex:1;background:#f8f9fa;border-radius:12px;padding:25px;border:2px solid #e0e0e0;transition:all .3s ease;max-width:280px}.revenue-card:hover{border-color:#fecd15;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;list-style:none}.revenue-title{font-size:18px;font-weight:600;color:#080808;margin-bottom:15px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif}.revenue-features{list-style:none;padding:0;margin:0}.revenue-features li{list-style:none;font-size:.9rem}.revenue-features li .benefit{color:#4a4a4a;font-size:14px;line-height:1.5;position:relative;padding:8px 0 8px 20px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;text-align:left;box-shadow:0 2px 7px #00000040;border-radius:6px}.revenue-features li .benefit{margin:.6em;line-height:1.4;font-size:smaller;background:snow;padding:1em;border-radius:1rem;border:1px #eee solid}.benefits-list{list-style:none;padding:0;text-align:left;max-width:500px;margin:20px auto}.benefits-list li{color:#4a4a4a;font-size:16px;line-height:1.5;position:relative;padding:12px 0 12px 30px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;border-bottom:1px solid #f0f0f0}.benefits-list li:before{content:"■";position:absolute;left:0;top:12px;font-size:18px}.why-join-list{list-style:none;padding:0;text-align:left;max-width:500px;margin:20px auto}.why-join-list li{color:#4a4a4a;font-size:16px;line-height:1.5;position:relative;padding:12px 0 12px 30px;font-family:Work Sans,-apple-system,Roboto,Helvetica,sans-serif;border-bottom:1px solid #f0f0f0}.why-join-list li:before{content:"🚀";position:absolute;left:0;top:12px;font-size:18px}.plan-price-note{display:block;font-size:.4em}@media(max-width:768px){.onboarding-content{padding:30px 20px;margin:20px;width:calc(100% - 40px)}.slide-title{font-size:24px}.slide-description{font-size:14px}.comparison-container{flex-direction:column;gap:15px}.comparison-card{padding:15px}.accordion-header{padding:15px;font-size:14px}.accordion-content{padding:15px}.list-numbered>li{font-size:14px;padding-left:2.5em}.list-numbered>li:before{width:20px;height:20px;line-height:20px;font-size:11px}.navigation-buttons{flex-direction:column;align-items:center}.nav-button{width:100%;max-width:200px}.thundertruck-logo{width:100px;height:100px}.pricing-container{flex-direction:column;gap:20px}.pricing-card{max-width:100%;padding:24px 20px}.premium-plan:after{top:12px;right:-6px;padding:4px 16px;font-size:9px}.plan-title{font-size:20px}.plan-price{font-size:28px}.plan-features li{font-size:14px;padding:10px 0}.revenue-comparison{flex-direction:column;gap:15px}.revenue-card,.requirements-list,.benefits-list,.why-join-list{max-width:100%}.requirements-list li,.benefits-list li,.why-join-list li{font-size:14px;padding:10px 0 10px 25px}}
