@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";
[data-sileo-title]{text-transform:none!important}:root{--white:#fff;--bg:#f7f8fa;--foreground:#1e2a3a;--text-secondary:#5a6577;--text-muted:#9ca3af;--primary:#26336d;--primary-hover:#1c274f;--primary-light:#eceef5;--accent:#ff6800;--accent-light:#fff5eb;--border:#e5e7eb;--border-hover:#d1d5db;--success:#22c55e;--success-bg:#f0fdf4;--icon-yellow:#fbbf24;--font-display:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--white);color:var(--foreground);-webkit-tap-highlight-color:transparent;min-height:100dvh;overflow-x:hidden}.survey-shell{max-width:480px;min-height:100dvh;padding:0 1.25rem;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.subtle-bg{z-index:0;filter:blur(40px);pointer-events:none;background-color:#f8fafc;background-image:radial-gradient(at 0 0,#26336d59 0,#0000 50%),radial-gradient(at 100% 0,#ff680040 0,#0000 50%),radial-gradient(at 100% 100%,#26336d4d 0,#0000 50%),radial-gradient(at 0 100%,#ff680026 0,#0000 50%);animation:10s ease-in-out infinite alternate bgPulse;position:fixed;inset:0}@keyframes bgPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.survey-shell>:not(.subtle-bg),.intro-container>:not(.subtle-bg),.survey-shell--complete>:not(.subtle-bg){z-index:1;position:relative}@media (min-width:768px){body{background:var(--bg)}.survey-shell{flex-direction:row;justify-content:center;align-items:stretch;gap:1.25rem;max-width:1100px;padding:2.5rem 1.5rem}.survey-shell.survey-shell--intro{flex-direction:column;align-items:stretch;max-width:480px}.survey-shell.survey-shell--complete{flex-direction:column;align-items:center;max-width:600px}}.topbar{padding:1rem 0 0;animation:.4s both fadeIn}.progress-track{background:var(--bg);border-radius:100px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:100px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1)}.progress-meta{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.progress-step{font-family:var(--font-display);color:var(--text-muted);font-size:.75rem;font-weight:600}.intro{flex-direction:column;flex:1;justify-content:center;padding:2.5rem 0 2rem;animation:.5s both fadeInUp;display:flex}.intro-icon{background:var(--primary-light);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:1.75rem;display:flex}.intro-greeting{font-family:var(--font-body);color:var(--primary);margin-bottom:.25rem;font-size:.85rem;font-weight:600}.intro h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);margin-bottom:.5rem;font-size:1.65rem;font-weight:800;line-height:1.2}.intro h1 span{color:var(--primary)}.intro-description{color:var(--text-secondary);margin-bottom:2rem;font-size:.88rem;line-height:1.55}.step-list{flex-direction:column;gap:0;margin-bottom:2rem;list-style:none;display:flex}.step-item{border-bottom:1px solid var(--border);align-items:center;gap:.85rem;padding:.85rem 0;display:flex}.step-item:last-child{border-bottom:none}.step-number{border:2px solid var(--border);width:28px;height:28px;font-family:var(--font-display);color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.step-item.active .step-number{border-color:var(--primary);background:var(--primary);color:var(--white)}.step-item.completed .step-number{border-color:var(--primary);background:var(--primary);color:var(--white);font-size:.7rem}.step-label{color:var(--foreground);font-size:.88rem;font-weight:500}.step-item.active .step-label{color:var(--foreground);font-weight:700}.step-item.future .step-label{color:var(--text-muted)}.form-group{width:100%;margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{background:var(--white);border:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--foreground);border-radius:.75rem;outline:none;padding:.875rem 1rem;font-size:.875rem;transition:all .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.date-input-container{width:100%;position:relative}.date-input-icon{color:var(--text-muted);pointer-events:auto;cursor:pointer;transition:color .15s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.date-input-icon:hover{color:var(--primary)}.date-input-container .form-input{padding-right:2.75rem}.question-view{flex-direction:column;flex:1;padding:1.5rem 0 1rem;display:flex}.question-content{flex:1}.question-enter{animation:.4s cubic-bezier(.16,1,.3,1) both slideInRight}.question-exit{animation:.25s both slideOutLeft}.question-enter-reverse{animation:.4s cubic-bezier(.16,1,.3,1) both slideInLeft}.question-exit-reverse{animation:.25s both slideOutRight}.question-label{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem;font-size:.7rem;font-weight:700}.question-text{font-family:var(--font-display);letter-spacing:-.01em;color:var(--foreground);margin-bottom:.35rem;font-size:1.25rem;font-weight:700;line-height:1.3}.question-hint{color:var(--text-muted);margin-bottom:1.25rem;font-size:.8rem;font-weight:500}.options-list{flex-direction:column;gap:.5rem;display:flex}@media (min-width:768px){.options-list{grid-template-columns:1fr 1fr;align-items:stretch;gap:.5rem;display:grid}.option-item{height:100%}}.option-item{cursor:pointer;border:1.5px solid var(--border);background:var(--white);-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;align-items:stretch;gap:.75rem;padding:.85rem 1rem;transition:all .15s;display:flex}.option-content-wrapper{align-items:center;gap:.75rem;display:flex}.option-item:active{transform:scale(.985)}.option-item:hover{border-color:var(--border-hover)}.option-item.selected{border-color:var(--primary);background:var(--primary-light)}.option-indicator{border:2px solid var(--border-hover);background:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex;position:relative}.option-item.selected .option-indicator{border-color:var(--primary);background:var(--primary)}.option-indicator:after{content:"";background:var(--white);opacity:0;border-radius:50%;width:6px;height:6px;transition:all .2s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.option-item.selected .option-indicator:after{opacity:1;transform:scale(1)}.option-indicator.checkbox{border-radius:6px}.option-indicator.checkbox:after{content:"✓";width:auto;height:auto;color:var(--white);background:0 0;border-radius:0;font-size:.65rem;font-weight:800}.option-text{color:var(--foreground);font-size:.88rem;font-weight:500;line-height:1.4}.option-item.selected .option-text{color:var(--primary-hover);font-weight:600}.free-text-input{background:var(--white);border:1.5px solid var(--border);width:100%;color:var(--foreground);font-family:var(--font-body);border-radius:8px;outline:none;margin-top:0;margin-left:0;padding:.6rem .85rem;font-size:.85rem;transition:border-color .15s}.free-text-input:focus{border-color:var(--primary)}.free-text-input::placeholder{color:var(--text-muted)}.follow-up-container{margin-top:1.25rem;animation:.3s both fadeInUp}.follow-up-label{font-family:var(--font-display);color:var(--foreground);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.follow-up-input{background:var(--white);border:1.5px solid var(--border);width:100%;color:var(--foreground);font-family:var(--font-body);resize:vertical;border-radius:12px;outline:none;min-height:80px;padding:.75rem 1rem;font-size:.88rem;transition:border-color .15s}.follow-up-input:focus{border-color:var(--primary)}.follow-up-input::placeholder{color:var(--text-muted)}.nav-buttons{gap:.75rem;padding:1.25rem 0 1.5rem;display:flex}.btn{font-family:var(--font-display);cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .15s;display:flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white);flex:1}.btn-primary:not(:disabled):hover{background:var(--primary-hover)}.btn-secondary{background:var(--white);color:var(--foreground);border:1.5px solid var(--border)}.btn-secondary:not(:disabled):hover{border-color:var(--border-hover);background:var(--bg)}.btn-start{border-radius:12px;width:100%;margin-top:1.5rem;padding:.85rem 2rem;font-size:.9rem;font-weight:600;flex:none!important}.btn-start:disabled{color:#ffffffd9;opacity:1;background:#9ba4b8}.completion{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:85dvh;padding:1rem;display:flex;position:relative;overflow:hidden}.completion-card{text-align:center;z-index:10;background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:500px;padding:.5rem;display:flex;position:relative;box-shadow:0 10px 40px -10px #00000014}.completion-badge{background:var(--icon-yellow);z-index:10;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:1.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex;position:relative}.completion-badge-inner{background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;box-shadow:0 2px 8px #0000000f}.completion-badge-plus{background:var(--primary);width:24px;height:24px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex;position:absolute;top:2px;right:2px}.completion h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);margin-bottom:.35rem;font-size:1.65rem;font-weight:800}.completion p{color:var(--text-secondary);max-width:300px;font-size:.9rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.intro-container{background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.intro-card-split{background:var(--white);z-index:1;border-radius:24px;flex-direction:column;width:100%;max-width:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #00000014}.intro-left{border-right:1px solid var(--border);background:#f8fafc;flex-direction:column;justify-content:center;gap:0;padding:3rem;display:flex}.intro-logo{width:105px;height:auto;margin-bottom:1.5rem}.intro-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--foreground);margin-bottom:.75rem;font-size:1.75rem;font-weight:800;line-height:1.15}.intro-subtitle{color:var(--text-secondary);margin-bottom:.2rem;font-size:.9rem;line-height:1.6}.intro-right{flex-direction:column;justify-content:center;padding:3.5rem;display:flex}.intro-right-title{font-family:var(--font-display);color:var(--foreground);margin-bottom:2rem;font-size:1.35rem;font-weight:700}.intro-lottie{flex:1;align-items:flex-end;width:100%;max-width:100%;display:flex}@media (min-width:900px){.intro-card-split{flex-direction:row;max-width:1000px;min-height:600px}.intro-left{border-right:1px solid var(--border);background:#f8fafc;flex:1;justify-content:space-between;padding:3.5rem}.intro-right{flex:1;padding:4rem}.intro-lottie{margin-top:auto}}.intro-logo-mobile{display:none}@media (max-width:899px){.intro-left{display:none!important}.intro-logo-mobile{width:90px;height:auto;margin-bottom:1.5rem;display:block}.intro-card-split{box-shadow:none;border-radius:0;min-height:100dvh}.intro-right{flex:1;padding:2.5rem 1.5rem}.intro-container{align-items:stretch}}@media (max-width:480px){.survey-shell{padding:0 1rem}}.sidebar{display:none}@media (min-width:768px){.sidebar{-webkit-backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #fff9;border-radius:16px;flex-direction:column;flex-shrink:0;width:260px;padding:2rem;display:flex;box-shadow:0 8px 32px -4px #26336d0d}.sidebar-title{font-family:var(--font-display);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem;font-size:.7rem;font-weight:700}.sidebar-steps{flex-direction:column;gap:0;list-style:none;display:flex}.sidebar-step{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.6rem 0;display:flex}.sidebar-step:last-child{border-bottom:none}.sidebar-step-num{border:2px solid var(--border);width:24px;height:24px;font-family:var(--font-display);color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;transition:all .2s;display:flex}.sidebar-step.is-active .sidebar-step-num{border-color:var(--accent);background:var(--accent);color:var(--white)}.sidebar-step.is-done .sidebar-step-num{border-color:var(--accent);background:var(--accent);color:var(--white);font-size:.6rem}.sidebar-step-label{color:var(--text-muted);font-size:.8rem;font-weight:500;line-height:1.3}.sidebar-step.is-active .sidebar-step-label{color:var(--foreground);font-weight:600}.sidebar-step.is-done .sidebar-step-label{color:var(--text-secondary)}.main-card{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #fff9;border-radius:16px;flex-direction:column;flex:1;min-height:480px;padding:2rem;display:flex;box-shadow:0 8px 32px -4px #26336d0d}.main-card .topbar{padding:0 0 1rem}.main-card .question-view{padding:0}.main-card .nav-buttons{margin-top:auto;padding:1.5rem 0 0}.intro-card-desktop{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:2.5rem 2rem}.completion-card{background:var(--white);border:1px solid var(--border);z-index:20;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:3rem 2rem;display:flex;position:relative;box-shadow:0 4px 20px #0000000a}}.lottie-container{justify-content:center;align-items:center;width:250px;height:250px;margin-bottom:.5rem;display:flex}.btn-close{background:var(--white);color:var(--text-secondary);border:1.5px solid var(--border);width:100%;margin-top:2rem;font-weight:600}.btn-close:hover{background:var(--bg);border-color:var(--text-secondary);color:var(--foreground)}