.app{min-height:100vh}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem 1.5rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(214,58,42,.15) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 10% 80%,rgba(214,58,42,.08) 0%,transparent 60%),var(--black);z-index:0}.hero-content{position:relative;z-index:1;max-width:560px;width:100%}.wordmark{font-family:var(--font-display);font-size:2rem;letter-spacing:.08em;color:var(--white);margin-bottom:2.5rem}.wordmark span{color:var(--red)}.wordmark.small{font-size:1.4rem;margin-bottom:0}.hero-headline{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);line-height:1;letter-spacing:.02em;color:var(--white);margin-bottom:1.5rem}.red-text{color:var(--red)}.hero-sub{font-size:1.1rem;font-weight:500;color:var(--gray-5);margin-bottom:1.25rem;line-height:1.5}.hero-body{font-size:1rem;color:var(--gray-4);line-height:1.7;margin-bottom:2.5rem}.hero-body em{color:var(--white);font-style:normal}.cta-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--red);color:var(--white);font-size:1rem;font-weight:600;padding:1rem 1.75rem;border-radius:var(--radius);transition:background var(--transition),transform var(--transition);margin-bottom:1rem}.cta-btn:hover{background:var(--red-dark);transform:translateY(-1px)}.cta-btn:active{transform:translateY(0)}.cta-btn.disabled{opacity:.4;cursor:not-allowed;transform:none}.cta-arrow{font-size:1.2rem;transition:transform var(--transition)}.cta-btn:hover .cta-arrow{transform:translate(4px)}.hero-foot{font-size:.8rem;color:var(--gray-4);margin-top:.5rem}.early-badge{display:flex;align-items:center;gap:.6rem;background:#c8932a1a;border:1px solid rgba(200,147,42,.3);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.9rem;color:#e8b04a;line-height:1.4}.early-badge strong{color:#f0c060}.early-badge-icon{font-size:1rem;flex-shrink:0}.survey-wrap{min-height:100vh;display:flex;flex-direction:column;background:var(--black)}.survey-header{padding:1.25rem 1.5rem .5rem;display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--gray-2);position:sticky;top:0;background:var(--black);z-index:10}.progress-wrap{height:3px;background:var(--gray-2);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--red);border-radius:2px;transition:width .4s ease}.stage-label{font-size:.75rem;color:var(--gray-4);letter-spacing:.05em}.survey-body{flex:1;overflow-y:auto;padding:2rem 1.5rem 6rem;max-width:640px;width:100%;margin:0 auto;-webkit-overflow-scrolling:touch}.stage-content{display:flex;flex-direction:column;gap:0}.stage-title{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.2rem);line-height:1.05;color:var(--white);margin-bottom:1.75rem;letter-spacing:.02em}.stage-sub{font-size:1rem;color:var(--gray-5);margin-bottom:1.75rem;line-height:1.6}.stage-q{font-size:1rem;font-weight:500;color:var(--white);margin-bottom:1rem;line-height:1.5}.pick-hint{font-size:.8rem;font-weight:400;color:var(--gray-4);margin-left:.4rem}.question-block{margin-bottom:2rem}.role-cards{display:flex;flex-direction:column;gap:.75rem}.role-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--gray-1);border:1.5px solid var(--gray-2);border-radius:var(--radius-lg);color:var(--white);font-size:1rem;font-weight:400;text-align:left;transition:border-color var(--transition),background var(--transition)}.role-card:hover{border-color:var(--gray-3);background:var(--gray-2)}.role-card.selected{border-color:var(--red);background:#d63a2a14}.role-icon{font-size:1.4rem}.role-label{flex:1}.multi-select{display:flex;flex-direction:column;gap:.5rem}.option-btn{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:var(--gray-1);border:1.5px solid var(--gray-2);border-radius:var(--radius);color:var(--white);font-size:.95rem;text-align:left;transition:border-color var(--transition),background var(--transition)}.option-btn:hover{border-color:var(--gray-3);background:var(--gray-2)}.option-btn.selected{border-color:var(--red);background:#d63a2a14;color:var(--white)}.check-icon{width:20px;height:20px;min-width:20px;border:1.5px solid var(--gray-3);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--red);background:transparent}.option-btn.selected .check-icon{border-color:var(--red);background:#d63a2a26}.other-wrap{display:flex;flex-direction:column;gap:.5rem}.other-input{padding:.7rem 1rem;background:var(--gray-2);border:1.5px solid var(--gray-3);border-radius:var(--radius);color:var(--white);font-size:.9rem}.other-input:focus{border-color:var(--red)}.other-input::placeholder{color:var(--gray-4)}.open-text{width:100%;padding:.9rem 1rem;background:var(--gray-1);border:1.5px solid var(--gray-2);border-radius:var(--radius);color:var(--white);font-size:.95rem;resize:vertical;line-height:1.6}.open-text:focus{border-color:var(--red)}.open-text::placeholder{color:var(--gray-4)}.form-fields{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.75rem}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.85rem;font-weight:500;color:var(--gray-5);letter-spacing:.03em}.required{color:var(--red)}.optional{color:var(--gray-4);font-weight:400}.field-input{padding:.85rem 1rem;background:var(--gray-1);border:1.5px solid var(--gray-2);border-radius:var(--radius);color:var(--white);font-size:1rem}.field-input:focus{border-color:var(--red)}.field-input::placeholder{color:var(--gray-4)}.company-note{font-size:.85rem;color:var(--gray-4);border-top:1px solid var(--gray-2);padding-top:1rem}.dropdown-wrap{display:flex;flex-direction:column;gap:.4rem}.dropdown-label{font-size:.85rem;font-weight:500;color:var(--gray-5)}.dropdown-select{padding:.85rem 1rem;background:var(--gray-1);border:1.5px solid var(--gray-2);border-radius:var(--radius);color:var(--white);font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23777' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer}.dropdown-select:focus{border-color:var(--red)}.dropdown-select option{background:var(--gray-1);color:var(--white)}.submit-btn{width:100%;justify-content:center;margin-bottom:.75rem}.error-msg{color:#f87171;font-size:.85rem;margin-bottom:.75rem}.privacy-note{font-size:.75rem;color:var(--gray-4);text-align:center}.survey-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--black);border-top:1px solid var(--gray-2);z-index:20}.nav-back{background:transparent;color:var(--gray-4);font-size:.9rem;padding:.6rem 0;transition:color var(--transition)}.nav-back:hover{color:var(--white)}.nav-next{background:var(--red);color:var(--white);font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius);transition:background var(--transition)}.nav-next:hover{background:var(--red-dark)}.nav-next.disabled{opacity:.35;cursor:not-allowed}.thankyou{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem 1.5rem}.thankyou-content{position:relative;z-index:1;max-width:480px;width:100%;text-align:center}.ty-badge{display:inline-block;background:#d63a2a26;border:1px solid rgba(214,58,42,.3);color:var(--red);font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.4rem .9rem;border-radius:99px;margin-bottom:1.5rem}.ty-headline{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,4rem);color:var(--white);margin-bottom:1.25rem;letter-spacing:.02em}.ty-body{font-size:1rem;color:var(--gray-4);line-height:1.7;margin-bottom:2rem}.ty-divider{width:48px;height:2px;background:var(--gray-2);margin:0 auto 1.5rem}.ty-share-label{font-size:.9rem;color:var(--gray-5);margin-bottom:1rem}.share-btn{display:inline-flex;align-items:center;gap:.6rem;background:#25d366;color:#fff;font-size:.95rem;font-weight:600;padding:.85rem 1.5rem;border-radius:var(--radius);text-decoration:none;transition:opacity var(--transition),transform var(--transition)}.share-btn:hover{opacity:.9;transform:translateY(-1px)}.wa-icon{display:flex;align-items:center}@media (max-width: 480px){.hero-headline{font-size:2.8rem}.stage-title{font-size:2rem}.wordmark{font-size:1.6rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #0a0a0a;--white: #f5f3ee;--red: #d63a2a;--red-dark: #b02a1c;--red-light: #f0ece6;--gold: #c8932a;--gray-1: #1a1a1a;--gray-2: #2a2a2a;--gray-3: #444;--gray-4: #777;--gray-5: #aaa;--gray-6: #ddd;--gray-7: #f0ece6;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif;--radius: 8px;--radius-lg: 16px;--transition: .2s ease}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-body);outline:none}::selection{background:var(--red);color:var(--white)}