@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--font-heading:"Exo 2", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--color-bg:#0b1120;--color-card:#131b2e;--color-border:#1e293b;--color-text:#e2e8f0;--color-muted:#94a3b8;--color-accent:#22c55e;--color-accent-soft:#4ade80;--color-yellow:#ded114;--color-red:#ef4444;--color-purple:#7b61a6;--color-blue:#4a7fbf;--color-teal:#00bfa5;--color-good:#22c55e}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e293bcc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}body:before{content:"";z-index:50;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}.orb{pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-1{opacity:.04;filter:blur(100px);background:radial-gradient(circle,#22c55e 0%,#00bfa5 50%,#0000 70%);width:800px;height:800px;animation:22s ease-in-out infinite float-orb;top:-300px;left:-200px}.orb-2{opacity:.04;filter:blur(100px);background:radial-gradient(circle,#7b61a6 0%,#4a7fbf 50%,#0000 70%);width:700px;height:700px;animation:28s ease-in-out infinite reverse float-orb;bottom:-200px;right:-150px}.orb-3{opacity:.03;filter:blur(90px);background:radial-gradient(circle,#00bfa5 0%,#4a7fbf 50%,#0000 70%);width:500px;height:500px;animation:20s ease-in-out 3s infinite float-orb;top:40%;left:55%}.orb-4{opacity:.03;filter:blur(80px);background:radial-gradient(circle,#4ade80 0%,#22c55e 60%,#0000 70%);width:400px;height:400px;animation:25s ease-in-out 8s infinite float-orb;top:15%;right:10%}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.08)}50%{transform:translate(-30px,40px)scale(.92)}75%{transform:translate(25px,25px)scale(1.04)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-up{opacity:0;animation:.7s cubic-bezier(.4,0,.2,1) forwards fadeUp}.animate-card-reveal{opacity:0;animation:.6s cubic-bezier(.4,0,.2,1) forwards cardReveal}.card-stagger-1{animation-delay:.1s}.card-stagger-2{animation-delay:.2s}.card-stagger-3{animation-delay:.3s}.card-stagger-4{animation-delay:.4s}.card-stagger-5{animation-delay:.5s}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-line{background:linear-gradient(90deg,#22c55e,#00bfa5,#4a7fbf,#7b61a6,#4ade80,#22c55e) 0 0/300% 100%;border-radius:1px;height:2px;animation:6s ease-in-out infinite gradientShift}.container{z-index:10;max-width:760px;margin:0 auto;padding:48px 24px 96px;position:relative}h1{font-family:var(--font-heading);letter-spacing:-.02em;color:#fff;margin:0 0 8px;font-size:40px;font-weight:800;line-height:1.05}h2{font-family:var(--font-heading);letter-spacing:-.01em;color:#fff;margin:28px 0 14px;font-size:22px;font-weight:600}h3{font-family:var(--font-heading);color:var(--color-text);margin:16px 0 10px;font-size:16px;font-weight:600}p{color:var(--color-text);margin:0 0 12px}.muted{color:var(--color-muted);font-size:14px}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-heading);letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);font-size:11px;font-weight:500}.glass-card{-webkit-backdrop-filter:blur(16px);background:#131b2ebf;border:1px solid #1e293b80;border-radius:14px}.card{-webkit-backdrop-filter:blur(16px);z-index:1;background:#131b2ebf;border:1px solid #1e293b80;border-radius:14px;margin-top:16px;padding:24px;position:relative}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover:hover{border-color:#22c55e59;transform:translateY(-4px);box-shadow:0 12px 40px #22c55e14}label{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:16px 0 8px;font-size:12px;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border:1px solid var(--color-border);width:100%;color:var(--color-text);font-size:15px;font-family:var(--font-body);background:#0b112099;border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #22c55e26}textarea{resize:vertical;min-height:100px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--color-muted);opacity:.5}button.primary{background:var(--color-accent);color:var(--color-bg);font-size:14px;font-weight:700;font-family:var(--font-heading);letter-spacing:.02em;cursor:pointer;border:none;border-radius:10px;padding:12px 22px;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #22c55e26}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 28px #22c55e59}button.primary:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}button.secondary{color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;font-size:13px;font-family:var(--font-body);background:#131b2ebf;border-radius:10px;padding:9px 16px;font-weight:500;transition:all .25s}button.secondary:hover{border-color:var(--color-muted);color:#fff}button.small{padding:6px 12px;font-size:12px}button.danger-link{color:#fca5a5;cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border:1px solid #ef44444d;border-radius:10px;padding:6px 12px;font-weight:500;transition:all .2s}button.danger-link:hover:not(:disabled){color:#fecaca;background:#ef444414}button.danger-link:disabled{opacity:.4;cursor:not-allowed}.progress-bar{background:#1e293b99;border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-soft));border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.member-input-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.member-input-row input{margin:0}.lang-switcher{z-index:50;-webkit-backdrop-filter:blur(6px);border:1px solid var(--color-border);background:#0b1120d9;border-radius:999px;gap:4px;padding:3px;display:flex;position:fixed;top:16px;right:16px}.lang-btn{color:var(--color-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 10px;font-weight:600;transition:background .2s,color .2s}.lang-btn:hover:not(:disabled){color:var(--color-text)}.lang-btn.active{background:var(--color-accent);color:var(--color-bg)}.lang-btn:disabled{opacity:.5;cursor:not-allowed}.likert{grid-template-columns:repeat(5,1fr);gap:8px;margin:8px 0 6px;display:grid}.likert.enps{grid-template-columns:repeat(11,1fr);gap:5px}.likert button{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-size:15px;font-family:var(--font-mono);background:#0b112099;border-radius:10px;padding:14px 0;font-weight:500;transition:all .2s}.likert.enps button{padding:10px 0;font-size:13px}.likert button:hover{border-color:var(--color-accent);color:#fff}.likert button.selected{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 16px #22c55e4d}.likert-labels{color:var(--color-muted);font-size:11px;font-family:var(--font-mono);opacity:.7;justify-content:space-between;margin-bottom:8px;display:flex}.question{border-top:1px solid #1e293b80;padding:20px 0}.question:first-child{border-top:none;padding-top:8px}.dimension{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent);margin-bottom:6px;font-size:10px;font-weight:600}.prompt{color:#fff;margin:0 0 14px;font-size:16px;line-height:1.4}.result-row{border-top:1px solid #1e293b80;grid-template-columns:1fr 90px;align-items:center;gap:20px;padding:16px 0;display:grid}.result-row:first-child{border-top:none}.bar{background:#1e293b99;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg, var(--color-accent), var(--color-teal));border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.score{font-family:var(--font-mono);text-align:right;color:#fff;font-size:28px;font-weight:500}.enps-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px;display:grid}.enps-tile{border:1px solid var(--color-border);background:#131b2e8c;border-radius:10px;padding:12px 14px}.enps-tile.highlight{background:linear-gradient(135deg,#22c55e14,#131b2e8c);border-color:#22c55e66}.enps-tile-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);font-size:11px}.enps-tile-value{font-family:var(--font-heading);color:#fff;margin-top:4px;font-size:24px;font-weight:700}.enps-tile-foot{font-family:var(--font-mono);color:var(--color-muted);margin-top:2px;font-size:11px}.member-row{border-top:1px solid #1e293b80;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;display:flex}.member-row:first-child{border-top:none}.member-row .email-cell{font-family:var(--font-mono);color:var(--color-muted);font-size:13px}.status-pill{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:600}.status-pill.answered{color:var(--color-good);background:#22c55e1f;border-color:#22c55e4d}.status-pill.pending{color:var(--color-muted);background:#94a3b814;border-color:#94a3b84d}.notice{color:var(--color-text);background:#1e293b66;border:1px solid #1e293b99;border-radius:10px;padding:14px 16px;font-size:14px}.notice.error{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.notice.success{color:#86efac;background:#22c55e1a;border-color:#22c55e4d}.quote{color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;border-left:2px solid #22c55e80;margin:12px 0;padding:4px 0 4px 16px;font-size:15px;font-style:italic;line-height:1.6}.quote-area{border-left-color:#94a3b880}.comment-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:8px;display:grid}@media (max-width:640px){.comment-grid{grid-template-columns:1fr;gap:16px}}.comment-section-heading{font-family:var(--font-heading);color:#fff;border-bottom:1px solid #1e293b80;align-items:center;gap:10px;margin:4px 0 12px;padding-bottom:8px;font-size:15px;font-weight:600;display:flex}.comment-section-marker{background:var(--color-accent);width:22px;height:22px;color:var(--color-bg);font-family:var(--font-heading);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.landing-container{flex-direction:column;justify-content:center;min-height:100vh;display:flex;max-width:1040px!important;padding:28px 24px 24px!important}.landing-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.landing-left{padding-right:8px}.landing-title{font-family:var(--font-heading);letter-spacing:-.04em;color:#fff;margin:0;font-size:60px;font-weight:800;line-height:.98}.landing-tagline{color:var(--color-muted);margin:0 0 20px;font-size:15px;font-weight:300;line-height:1.5}.landing-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.landing-steps li{color:var(--color-muted);align-items:center;gap:12px;font-size:14px;display:flex}.landing-steps li span{width:24px;height:24px;color:var(--color-accent);font-family:var(--font-heading);background:#22c55e1f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.landing-right{margin:0!important;padding:28px 28px 26px!important}.landing-footer-note{z-index:1;text-align:center;color:var(--color-muted);margin-top:28px;margin-bottom:0;font-size:12px;position:relative}@media (max-width:760px){.landing-container{min-height:auto;padding:24px 16px!important}.landing-grid{grid-template-columns:1fr;gap:24px}.landing-title{font-size:44px}.landing-left{text-align:center;padding-right:0}.landing-left .gradient-line{margin-left:auto!important;margin-right:auto!important}.landing-steps li{justify-content:flex-start}.landing-right{padding:22px 20px!important}}.hero{text-align:center;padding:32px 0 24px}.hero-title{font-family:var(--font-heading);letter-spacing:-.03em;color:#fff;margin:0 0 12px;font-size:48px;font-weight:800;line-height:1}.hero-subtitle{font-family:var(--font-heading);letter-spacing:.3em;text-transform:uppercase;color:var(--color-accent);margin:0 0 16px;font-size:11px;font-weight:500}.hero-divider{max-width:160px;margin:0 auto 20px}.hero-tagline{color:var(--color-muted);max-width:480px;margin:0 auto;font-size:15px;font-weight:300}.quote-cta{background:linear-gradient(135deg,#22c55e12,#131b2ebf)!important;border-color:#22c55e40!important}a.accent-link{color:var(--color-accent);text-decoration:none}a.accent-link:hover{text-decoration:underline}@media (max-width:640px){.container{padding:32px 16px 64px}h1{font-size:30px}.hero-title{font-size:36px}.likert button{padding:10px 0;font-size:14px}.likert.enps{gap:3px}.likert.enps button{padding:8px 0;font-size:11px}}