.intro-wrapper{--primary-orange:var(--color-brand);--primary-red:var(--color-brand-hover);--dark-bg:var(--bg-secondary);--light-text:var(--text-primary);--muted-text:var(--text-secondary);--glass-bg:var(--bg-glass);--glass-border:var(--border-subtle);min-height:100vh;position:relative;overflow:hidden}.intro-background{background:radial-gradient(ellipse at 20% 20%,var(--mesh-color-1)0%,transparent 50%),radial-gradient(ellipse at 80% 80%,var(--mesh-color-2)0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--mesh-color-3)0%,transparent 70%),linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)50%,var(--bg-secondary)100%);pointer-events:none;z-index:0;width:100%;height:100%;transition:background .3s;position:fixed;top:0;left:0}.intro-panel{background:linear-gradient(145deg,var(--bg-secondary)0%,var(--bg-primary)100%);border-top:1px solid var(--glass-border);z-index:1000;max-height:90vh;box-shadow:0 -10px 40px var(--shadow-color);border-radius:20px 20px 0 0;transition:background .3s,border-color .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpPanel;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.intro-panel.visible{transform:translateY(0)}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}.intro-close{background:var(--glass-bg);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--muted-text);z-index:10;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.intro-close:hover{background:var(--color-brand-subtle);border-color:var(--primary-orange);color:var(--primary-orange)}.intro-content{text-align:center;max-width:500px;margin:0 auto;padding:5rem 2rem 3rem}.intro-title{letter-spacing:.05em;color:var(--light-text);opacity:0;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;animation:.6s .2s forwards fadeInUp}.intro-subtitle{color:var(--muted-text);opacity:0;margin-bottom:2.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:300;line-height:1.5;animation:.6s .3s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-cards{opacity:0;flex-direction:column;gap:1rem;animation:.6s .4s forwards fadeInUp;display:flex}.intro-card{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--light-text);text-align:left;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;text-decoration:none;transition:all .3s;display:grid;position:relative}.intro-card:not(.disabled):hover{background:linear-gradient(135deg,var(--color-brand-subtle)0%,var(--color-brand-subtle)100%);border-color:var(--primary-orange);transform:translate(5px)}.intro-card.disabled{opacity:.5;cursor:not-allowed}.card-icon{background:var(--color-brand-subtle);border:1px solid var(--border-accent);width:56px;height:56px;color:var(--primary-orange);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.intro-card.disabled .card-icon{background:var(--bg-glass);border-color:var(--border-subtle);color:var(--muted-text)}.card-text{flex-direction:column;gap:.25rem;display:flex}.card-title{letter-spacing:.02em;margin-bottom:0;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500}.card-description{color:var(--muted-text);margin-bottom:0;font-family:Inter,sans-serif;font-size:.8rem;line-height:1.4}.card-arrow{color:var(--primary-orange);justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.intro-card:not(.disabled):hover .card-arrow{color:var(--primary-red);transform:translate(4px)}.card-badge{letter-spacing:.05em;text-transform:uppercase;background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--muted-text);border-radius:20px;justify-content:center;align-items:center;padding:.35rem .75rem;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;display:flex}.intro-cards.cards-fall .intro-card:first-child{animation:.5s cubic-bezier(.55,.085,.68,.53) forwards cardFall1}.intro-cards.cards-fall .intro-card:nth-child(2){animation:.5s cubic-bezier(.55,.085,.68,.53) 50ms forwards cardFall2}.intro-cards.cards-fall .intro-card:nth-child(3){animation:.5s cubic-bezier(.55,.085,.68,.53) .1s forwards cardFall3}.intro-cards.cards-fall .intro-card:nth-child(4){animation:.5s cubic-bezier(.55,.085,.68,.53) .15s forwards cardFall4}@keyframes cardFall1{0%{opacity:1;transform:translateY(0)rotate(0)}40%{opacity:1;transform:translateY(20px)rotate(-2deg)}to{opacity:0;transform:translateY(150px)rotate(-8deg)}}@keyframes cardFall2{0%{opacity:1;transform:translateY(0)rotate(0)}40%{opacity:1;transform:translateY(20px)rotate(1deg)}to{opacity:0;transform:translateY(150px)rotate(6deg)}}@keyframes cardFall3{0%{opacity:1;transform:translateY(0)rotate(0)}40%{opacity:1;transform:translateY(20px)rotate(-1deg)}to{opacity:0;transform:translateY(150px)rotate(-5deg)}}@keyframes cardFall4{0%{opacity:1;transform:translateY(0)rotate(0)}40%{opacity:1;transform:translateY(20px)rotate(2deg)}to{opacity:0;transform:translateY(150px)rotate(7deg)}}.business-options{opacity:0}.intro-content:has(.business-options.options-wide){width:90vw;max-width:800px}.business-options.options-rise{animation:.5s cubic-bezier(.25,.46,.45,.94) .2s forwards optionsRise}@keyframes optionsRise{0%{opacity:0;transform:translateY(100px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.back-button{border:1px solid var(--border-accent);color:var(--muted-text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;margin:0 auto 1.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:all .3s;display:flex}.back-button:hover{background:var(--color-brand-subtle);border-color:var(--primary-orange);color:var(--primary-orange);transform:translate(-3px)}.back-button svg{transition:transform .3s}.back-button:hover svg{transform:translate(-3px)}.intro-cards.sub-options{grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:100%;display:grid}.sub-options .sub-option-card{opacity:0;text-align:left;flex-direction:row;align-items:center;gap:1rem;min-height:auto;padding:1.25rem 1.5rem;animation:.5s cubic-bezier(.25,.46,.45,.94) forwards subCardRise;display:flex}.sub-options .sub-option-card:first-child{animation-delay:.3s}.sub-options .sub-option-card:nth-child(2){animation-delay:.4s}.sub-options .sub-option-card:nth-child(3){animation-delay:.5s}.sub-options .sub-option-card:nth-child(4){animation-delay:.6s}@keyframes subCardRise{0%{opacity:0;transform:translateY(60px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.sub-option-card .card-icon{flex-shrink:0;width:56px;height:56px}.sub-option-card .card-icon svg{width:28px;height:28px}.sub-option-card .card-text{flex:1;min-width:0}.sub-option-card .card-title{margin-bottom:.25rem;font-size:1rem}.sub-option-card .card-description{margin:0;font-size:.8rem;line-height:1.5}.sub-option-card .card-arrow{flex-shrink:0;width:28px;height:28px;margin-left:.5rem}.sub-option-card:hover{background:linear-gradient(135deg,var(--color-brand-subtle)0%,var(--color-brand-subtle)100%)}.early-access-wrapper{position:relative}.email-reveal-card{animation:.3s fadeInReveal}@keyframes fadeInReveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.email-reveal-card .card-text{gap:1rem}@media (max-width:768px){.intro-content{max-width:400px;padding:4rem 1.5rem 2rem}.intro-title{font-size:1.5rem}.intro-subtitle{margin-bottom:2rem;font-size:.875rem}.intro-card{gap:1rem;padding:1rem 1.25rem}.card-icon{width:48px;height:48px}.card-title{font-size:.9rem}.card-description{font-size:.75rem}.intro-content:has(.business-options.options-wide){width:95vw;max-width:700px}.intro-cards.sub-options{gap:.75rem}.sub-options .sub-option-card{padding:1.25rem;display:flex}.sub-option-card .card-icon{width:48px;height:48px}.sub-option-card .card-icon svg{width:24px;height:24px}.sub-option-card .card-title{font-size:.9rem}.sub-option-card .card-description{font-size:.75rem}}@media (max-width:480px){.intro-panel{border-radius:16px 16px 0 0;max-height:85vh}.intro-close{width:36px;height:36px;top:1rem;right:1rem}.intro-content{padding:3.5rem 1.25rem 2rem}.intro-title{font-size:1.35rem}.intro-subtitle{margin-bottom:1.75rem;font-size:.8rem}.intro-cards{gap:.875rem}.intro-card{gap:.875rem;padding:1rem}.card-icon{width:44px;height:44px}.card-icon svg{width:32px;height:32px}.card-title{font-size:.85rem}.card-description{font-size:.7rem}.card-arrow svg{width:18px;height:18px}.card-badge{padding:.3rem .65rem;font-size:.65rem}.back-button{margin-bottom:1.25rem;padding:.4rem .875rem;font-size:.75rem}.intro-content:has(.business-options.options-wide){width:100%;max-width:500px;padding:0 1rem}.intro-cards.sub-options{grid-template-columns:1fr;max-width:100%}.sub-options .sub-option-card{flex-direction:row;align-items:center;padding:1.25rem;display:flex}.sub-option-card .card-icon{width:44px;height:44px}.sub-option-card .card-icon svg{width:22px;height:22px}.sub-option-card .card-title{font-size:.9rem}.sub-option-card .card-description{font-size:.75rem}.sub-option-card .card-arrow{margin-left:.5rem}}
