:root{--bone: #FAFAF7;--surface: #FFFFFF;--surface-sub: #F2F1EC;--ink: #111111;--ink-soft: #2A2A28;--ink-muted: #6E6E68;--ink-faint: #A0A098;--rule: #E5E3DC;--rule-strong: #C8C6BD;--accent: #16A34A;--accent-deep: #15803D;--accent-soft: #DCFCE7;--accent-bg: #F0FDF4;--ok: #3B7B4E;--warn: #B85A1F;--err: #A8342E;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bone);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}.funnel-wrap{min-height:100vh;background:var(--bone);display:flex;flex-direction:column;align-items:center}.funnel-header{width:100%;padding:1.25rem 2rem;border-bottom:1px solid var(--rule);background:var(--surface);display:flex;align-items:center}.funnel-brand{font-size:1.125rem;font-weight:700;color:var(--accent);letter-spacing:-.01em}.funnel-progress{width:100%;height:3px;background:var(--rule)}.funnel-progress-bar{height:100%;background:var(--accent);transition:width .3s ease}.funnel-step{width:100%;max-width:560px;padding:3rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.funnel-prompt{font-size:1.375rem;font-weight:600;color:var(--ink);line-height:1.35}.funnel-options{display:flex;flex-direction:column;gap:.625rem}.funnel-option-btn{padding:.875rem 1.25rem;border:1.5px solid var(--rule-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-soft);font-family:var(--font-sans);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.funnel-option-btn:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent-deep)}.funnel-input-group{display:flex;flex-direction:column;gap:.75rem}.funnel-input{padding:.875rem 1rem;border:1.5px solid var(--rule-strong);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-sans);font-size:1rem;color:var(--ink);outline:none;transition:border-color .15s}.funnel-input:focus{border-color:var(--accent)}.funnel-unit{font-size:.875rem;color:var(--ink-muted);margin-top:-.25rem}.funnel-next-btn{align-self:flex-start;padding:.75rem 2rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}.funnel-next-btn:hover{background:var(--accent-deep)}.funnel-contact{display:flex;flex-direction:column;gap:.75rem}.funnel-submit-btn{margin-top:.25rem;padding:.875rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1.0625rem;font-weight:600;cursor:pointer;transition:background .15s}.funnel-submit-btn:hover:not(:disabled){background:var(--accent-deep)}.funnel-submit-btn:disabled{opacity:.6;cursor:not-allowed}.funnel-error{color:var(--err);font-size:.875rem}.result-card{width:100%;max-width:480px;margin:3rem auto;padding:2.5rem;background:var(--surface);border:1.5px solid var(--rule);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.75rem;text-align:center}.result-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}.result-range{font-size:2rem;font-weight:700;color:var(--accent);font-family:var(--font-mono)}.result-range--fallback{font-size:1.375rem;font-family:var(--font-sans);color:var(--ink-soft)}.result-caption{font-size:.8125rem;color:var(--ink-muted)}.result-next{margin-top:.5rem;font-size:.9375rem;font-weight:500;color:var(--ink-soft)}
