:root{--merchynt-navy-top:#073781;--merchynt-navy-bottom:#001431}.merchynt-funnel-bg{background:linear-gradient(180deg, var(--merchynt-navy-top) 0%, var(--merchynt-navy-bottom) 100%);min-height:100dvh}.merchynt-card{background:#fff;border-radius:12px;margin:0 auto;padding:65px;box-shadow:0 20px 50px #00000059}.merchynt-screen{flex-direction:column;display:flex}.merchynt-header{justify-content:center;margin-bottom:24px;display:flex}.merchynt-logo{object-fit:contain;width:auto;max-height:56px}.merchynt-business-name{color:#151b27;letter-spacing:-.01em;font-size:1.375rem;font-weight:700}.merchynt-title{color:#151b27;text-align:center;letter-spacing:-.02em;font-size:1.875rem;font-weight:700;line-height:1.25}.merchynt-subtitle{color:#687784;text-align:center;max-width:620px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.55}.merchynt-rating-row{flex-wrap:wrap;justify-content:center;gap:12px;margin:36px 0;display:flex}.merchynt-rating-btn{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:10px;min-width:108px;padding:20px 16px;transition:all .15s;display:flex}.merchynt-rating-btn:hover{border-color:#0788f9;transform:translateY(-2px)}.merchynt-rating-btn-selected{background:#eaf4fd;border-color:#0788f9}.merchynt-emoji{font-size:2.375rem;line-height:1}.merchynt-rating-label{color:#151b27;font-size:.875rem;font-weight:600}.merchynt-rating-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:8px;display:flex}.merchynt-btn-primary{color:#fff;cursor:pointer;background:#0788f9;border:none;border-radius:8px;min-height:42px;padding:12px 28px;font-size:.9375rem;font-weight:600;transition:background .15s}.merchynt-btn-primary:hover:not(:disabled){background:#056ece}.merchynt-btn-primary:disabled{opacity:.45;cursor:not-allowed}.merchynt-text-link{color:#687784;align-items:center;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.merchynt-text-link:hover{color:#151b27;text-decoration:underline}.merchynt-feedback-header{align-items:center;gap:28px;margin-bottom:32px;display:flex}.merchynt-emoji-box{background:#eaf4fe;border:1.5px solid #2f88ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.merchynt-large-emoji{font-size:3.5rem;line-height:1}.merchynt-feedback-titles{flex:1}.merchynt-feedback-heading{color:#151b27;letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:700;line-height:1.25}.merchynt-feedback-subheading{color:#687784;margin-top:8px;font-size:1.0625rem;line-height:1.5}.merchynt-form-group{margin-bottom:24px}.merchynt-form-label{color:#151b27;margin-bottom:10px;font-size:.9375rem;font-weight:600;display:block}.merchynt-textarea,.merchynt-input{color:#151b27;background:#fff;border:1px solid #d2d9e2;border-radius:6px;width:100%;padding:16px 18px;font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.merchynt-textarea{resize:vertical;min-height:140px;line-height:1.55}.merchynt-textarea::placeholder,.merchynt-input::placeholder{color:#8c9ba8}.merchynt-textarea:focus,.merchynt-input:focus{border-color:#2f88ff;outline:none;box-shadow:0 0 0 3px #2f88ff26}.merchynt-input-error{border-color:#dc2626!important}.merchynt-error-text{color:#dc2626;margin-top:6px;font-size:.8125rem;display:block}.merchynt-submit-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:.875rem}.merchynt-divider{background:#e8eef4;width:100%;height:1px;margin:32px 0 20px}.merchynt-footer-row{justify-content:space-between;align-items:center;width:100%;display:flex}.merchynt-footer-left{flex:1;justify-content:flex-start;display:flex}.merchynt-footer-center{justify-content:center;display:flex}.merchynt-footer-right{flex:1;justify-content:flex-end;display:flex}.merchynt-btn-send{color:#fff;cursor:pointer;background:#2f88ff;border:none;border-radius:8px;justify-content:center;align-items:center;width:130px;height:40px;font-size:.9375rem;font-weight:600;transition:background .15s;display:inline-flex}.merchynt-btn-send:hover:not(:disabled){background:#1773ec}.merchynt-btn-send:disabled{opacity:.5;cursor:not-allowed}.merchynt-subtle-link{color:#8c9ba8;cursor:pointer;background:0 0;border:none;align-items:center;padding:8px 4px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.merchynt-subtle-link:hover{color:#151b27;text-decoration:underline}.merchynt-followup-actions{flex-direction:column;gap:14px;margin-top:8px;display:flex}.merchynt-btn-full{text-align:center;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px 24px;font-size:1rem;display:inline-flex}.merchynt-btn-outline{color:#151b27;cursor:pointer;background:#fff;border:1.5px solid #d2d9e2;border-radius:8px;font-weight:600;transition:border-color .15s,background .15s}.merchynt-btn-outline:hover{background:#f5faff;border-color:#2f88ff}.merchynt-followup-back{justify-content:center;margin-top:20px;display:flex}.merchynt-success-circle{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}@media (width<=768px){.merchynt-card{border-radius:12px;padding:32px 24px}.merchynt-feedback-header{gap:18px;margin-bottom:24px}.merchynt-emoji-box{width:80px;height:80px}.merchynt-large-emoji{font-size:2.5rem}.merchynt-feedback-heading{font-size:1.3125rem}.merchynt-feedback-subheading{font-size:.9375rem}.merchynt-rating-row{gap:8px;margin:24px 0}.merchynt-rating-btn{flex:calc(50% - 4px);min-width:0;padding:14px 10px}.merchynt-emoji{font-size:2rem}}@media (width<=480px){.merchynt-card{padding:24px 20px}.merchynt-feedback-header{flex-direction:column;align-items:flex-start;gap:16px}.merchynt-emoji-box{width:72px;height:72px}.merchynt-footer-row{grid-template-columns:1fr 1fr;align-items:center;gap:16px;display:grid}.merchynt-footer-center{order:-1;grid-column:span 2}.merchynt-btn-send{width:100%;height:44px}.merchynt-footer-left{justify-content:flex-start}.merchynt-footer-right{justify-content:flex-end}}
