*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;background:#fff;color:#1a1a1a;-webkit-font-smoothing:antialiased}.layout,body{min-height:100vh}.layout{display:flex;flex-direction:column}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:hsla(0,0%,100%,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ede8df}.nav-inner{max-width:680px;margin:0 auto;padding:14px 24px;justify-content:space-between;gap:24px}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{gap:10px;flex-shrink:0}.nav-logo{width:30px;height:30px;background:#b8960c;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;letter-spacing:.3px}.nav-name{font-size:13px;font-weight:500;color:#1a1a1a;letter-spacing:.2px}.progress-wrap{display:flex;align-items:center;gap:10px;flex:1 1;max-width:260px}.progress-track{flex:1 1;height:3px;background:#ede8df;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:#b8960c;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-label{font-size:11px;color:#aaa;white-space:nowrap}.main{flex:1 1;display:flex;align-items:flex-start;justify-content:center;padding:56px 24px 40px;background:#fff}.card{width:100%;max-width:600px;transition:opacity .22s ease,transform .22s ease}.card--visible{opacity:1;transform:translateX(0)}.card--hidden.card--forward{opacity:0;transform:translateX(24px)}.card--hidden.card--back{opacity:0;transform:translateX(-24px)}.step-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#b8960c;font-weight:600;margin-bottom:12px}.step-title{font-size:26px;font-weight:600;color:#1a1a1a;line-height:1.2;margin-bottom:28px}.step-headline{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1.25;margin-bottom:16px;max-width:520px}.step-sub{font-size:14px;color:#888;line-height:1.6;margin-bottom:36px}.step-footnote{margin-top:16px;font-size:11px;color:#bbb}.step--welcome{padding:24px 0}.step--welcome .btn--lg{font-size:15px;padding:14px 36px}.step--thankyou{padding:16px 0;text-align:center}.thankyou-icon{display:flex;justify-content:center}.field,.thankyou-icon{margin-bottom:24px}.field-group .field{margin-bottom:16px}.field-label{display:block;font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.field-required{color:#b8960c}.field-hint{font-size:12px;color:#888;margin-bottom:12px;line-height:1.5}.field-input,.field-select,.field-textarea{width:100%;background:#fff;border:1px solid #ddd8cf;border-radius:8px;color:#1a1a1a;font-size:14px;font-family:inherit;padding:12px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#b8960c;box-shadow:0 0 0 3px rgba(184,150,12,.1)}.field-input::placeholder,.field-textarea::placeholder{color:#bbb}.field-select{-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='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}.field-select option{background:#fff;color:#1a1a1a}.field-textarea{resize:vertical;min-height:100px;line-height:1.6}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px}.tile{position:relative;background:#fff;border:1px solid #ddd8cf;border-radius:8px;color:#555;font-size:13px;font-family:inherit;padding:12px 14px;text-align:left;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease;line-height:1.4}.tile--active,.tile:hover{border-color:#b8960c;color:#1a1a1a}.tile--active{background:#fdf8ed;box-shadow:0 0 0 3px rgba(184,150,12,.1)}.tile-check{position:absolute;top:8px;right:10px;font-size:11px;color:#b8960c}.conditional-input{margin-top:12px;padding:14px 16px;background:#fdf8ed;border:1px solid #e8d99a;border-radius:8px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.nav-actions{display:flex;gap:12px;margin-top:36px;padding-top:28px;border-top:1px solid #ede8df}.btn,.nav-actions{align-items:center}.btn{display:inline-flex;justify-content:center;font-family:inherit;font-size:13px;font-weight:500;padding:10px 22px;border-radius:8px;border:none;cursor:pointer;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:#b8960c;color:#fff;font-weight:600}.btn--primary:not(:disabled):hover{background:#9f8108;box-shadow:0 2px 8px rgba(184,150,12,.25)}.btn--ghost{background:transparent;color:#b8960c;border:1px solid #b8960c}.btn--ghost:not(:disabled):hover{background:#fdf8ed}.btn--lg{padding:13px 32px;font-size:14px}.submit-error{margin-top:16px;font-size:13px;color:#c0392b;background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.2);border-radius:6px;padding:10px 14px}.footer{padding:20px 24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#bbb;border-top:1px solid #ede8df;background:#fff}.footer-sep{color:#ddd}@media (max-width:640px){.main{padding:32px 16px 24px}.nav-inner{padding:12px 16px}.nav-name{display:none}.step-headline{font-size:24px}.step-title{font-size:22px}.tile-grid{grid-template-columns:1fr 1fr}.progress-wrap{max-width:160px}}@media (max-width:400px){.tile-grid{grid-template-columns:1fr}}