:root{--c-primary: #0A0A0A;--c-bg: #FAFAF8;--c-accent: #B8956A;--c-accent-dark: #A07D55;--c-secondary: #6B5D52;--c-success: #2D5F4C;--c-error: #8B4A4A;--c-white: #FFFFFF;--c-input-bg: #F5F5F3;--c-border: #E0DED8;--font-serif: Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-full: 9999px;--ease-out: cubic-bezier(.215, .61, .355, 1);--ease-in-out: cubic-bezier(.645, .045, .355, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--c-bg);color:var(--c-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}button{font-family:inherit;border:none;background:none;cursor:pointer;outline:none}button:focus-visible,textarea:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}h1,h2,h3{font-family:var(--font-serif);font-weight:400;letter-spacing:-.02em}.hero-title{font-size:42px;line-height:1.15;margin-bottom:20px;color:var(--c-primary)}.section-title{font-size:32px;margin-bottom:12px}.subtitle{font-size:18px;color:var(--c-secondary);font-weight:400;margin-bottom:32px}.subtitle-form{font-size:16px;color:var(--c-secondary);font-weight:400;margin-bottom:30px}.body-text{font-size:16px;color:var(--c-primary);line-height:1.7;margin-bottom:24px}.label-text{font-size:14px;color:var(--c-secondary);font-weight:500}#app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.container{width:100%;max-width:800px;padding:60px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;opacity:0;animation:fadeIn 1s var(--ease-out) forwards}.intro-content{max-width:600px}.logo-container{margin-bottom:40px;color:var(--c-primary)}.feature-icons{display:flex;justify-content:center;gap:32px;margin:40px 0;flex-wrap:wrap}.feature-item{display:flex;flex-direction:column;align-items:center;gap:10px;animation:slideUp .8s var(--ease-out) forwards;opacity:0}.feature-icon-svg{width:28px;height:28px;color:var(--c-accent)}.feature-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--c-secondary);font-weight:600}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 40px;background-color:var(--c-accent);color:var(--c-primary);font-weight:700;font-size:16px;border-radius:var(--radius-sm);transition:all .3s ease;position:relative;overflow:hidden;min-width:200px}.btn-primary:hover{background-color:var(--c-accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #b8956a33}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-pulse:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-25deg);animation:sheen 5s infinite}@keyframes sheen{0%{left:-100%}10%,to{left:200%}}.nps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin:40px 0 20px}.nps-btn{aspect-ratio:1;background:var(--c-white);border:1px solid var(--c-accent);color:var(--c-primary);font-size:20px;font-weight:700;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.nps-btn:hover{background:var(--c-accent);color:var(--c-white);transform:scale(1.05)}.nps-btn.selected{background:var(--c-accent);color:var(--c-white);transform:scale(1.1);box-shadow:0 4px 12px #b8956a4d;border-color:var(--c-accent)}.scale-labels{display:flex;justify-content:space-between;width:100%;margin-bottom:30px;padding:0 4px}.comment-container{max-height:0;opacity:0;overflow:hidden;transition:all .5s ease-out;text-align:left;padding:0 4px;margin:0 -4px;box-sizing:content-box;width:100%}.comment-container.visible{max-height:400px;opacity:1;padding-top:20px}.textarea-wrapper{position:relative;margin-top:8px}textarea{width:100%;background:var(--c-input-bg);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:16px;font-family:var(--font-sans);font-size:16px;resize:none;transition:border-color .3s ease;color:var(--c-primary)}textarea:focus{border-color:var(--c-accent)}.char-count{position:absolute;bottom:12px;right:12px;font-size:12px;color:var(--c-secondary)}.btn-submit{width:100%;background-color:var(--c-primary);color:var(--c-white);margin-top:32px}.btn-submit:hover{background-color:#000;box-shadow:0 4px 12px #00000026}.status-icon-lg{width:80px;height:80px;margin-bottom:24px;animation:scaleBounce .6s .3s backwards}.score-badge{width:80px;height:80px;border-radius:50%;border:2px solid var(--c-accent);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--c-primary);margin:24px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleBounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:rotate 1s linear infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media(min-width:768px){.hero-title{font-size:56px}.nps-grid{grid-template-columns:repeat(6,1fr);gap:14px}.container{padding:70px 30px}.btn-submit{width:300px}}@media(min-width:1024px){.hero-title{font-size:64px}.nps-grid{grid-template-columns:repeat(11,1fr);gap:16px}.nps-btn{width:60px;height:60px;font-size:18px}.container{padding:80px 40px}}