:root{--color-ink: #08111F;--color-ink-elevated: #101B2B;--color-steel: #31455F;--color-gold: #D6A85A;--color-gold-hover: #E4BD73;--color-gold-active: #B98A3E;--color-bg-soft: #F4F1EA;--color-bg-warm: #FAF8F3;--color-sand: #E8E1D4;--color-white: #FFFFFF;--color-text-dark: #111827;--color-text-muted: #5B6472;--color-text-soft: #7A8391;--color-text-light: #F7F3EA;--color-text-light-muted: #AEB8C6;--color-data-blue: #5E8CFF;--color-success: #4F9D7A;--color-warning: #D98B2B;--color-error: #C95050;--color-error-bg: #FBEAEA;--color-success-bg: #E8F5E9;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--radius-pill: 999px;--shadow-card: 0 24px 80px rgba(8, 17, 31, .08);--shadow-card-hover: 0 32px 90px rgba(8, 17, 31, .12);--shadow-dark: 0 32px 90px rgba(0, 0, 0, .28);--shadow-focus: 0 0 0 4px rgba(214, 168, 90, .22);--shadow-gold: 0 18px 40px rgba(214, 168, 90, .28);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg-soft);color:var(--color-text-dark);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;transition:all .3s cubic-bezier(.22,1,.36,1)}.site-nav.scrolled{background:#08111fc7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{max-width:1440px;margin:0 auto;padding:0 48px;height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-mark{width:34px;height:34px;background:var(--color-gold);color:var(--color-ink);font-family:var(--font-sans);font-weight:800;font-size:12px;letter-spacing:-.5px;display:flex;align-items:center;justify-content:center;border-radius:8px}.logo-text{font-family:var(--font-sans);font-weight:600;font-size:1.15rem;letter-spacing:-.3px;color:var(--color-text-light)}.tab-nav{display:flex;gap:4px;background:#ffffff1a;padding:4px;border-radius:var(--radius-pill)}.tab-btn{background:transparent;border:none;color:var(--color-text-light-muted);padding:8px 20px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:.82rem;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.tab-btn:hover{color:var(--color-text-light)}.tab-btn.active{background:#ffffff1f;color:var(--color-text-light)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .5s cubic-bezier(.22,1,.36,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero-section{position:relative;background:var(--color-ink);min-height:580px;padding:140px 48px 80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(214,168,90,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(214,168,90,.06) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:800px;text-align:center}.eyebrow{display:inline-block;color:var(--color-gold);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}.hero-section h1{font-family:var(--font-display);font-size:clamp(44px,6vw,96px);font-weight:600;line-height:.94;letter-spacing:-.04em;color:var(--color-text-light);margin-bottom:20px}.hero-sub{color:var(--color-text-light-muted);font-size:1.05rem;line-height:1.65;max-width:560px;margin:0 auto 32px}.hero-cta{display:flex;gap:16px;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:var(--radius-pill);background:var(--color-gold);color:var(--color-ink);border:none;font-family:var(--font-sans);font-size:.9rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .18s ease-out;text-decoration:none}.btn-primary:hover{background:var(--color-gold-hover);transform:translateY(-2px);box-shadow:var(--shadow-gold)}.btn-primary:active{transform:translateY(0);background:var(--color-gold-active)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-large{height:58px;padding:0 32px;font-size:.95rem}.btn-small{height:40px;padding:0 16px;font-size:.8rem}.btn-secondary{display:inline-flex;align-items:center;gap:6px;height:48px;padding:0 20px;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-dark);border:1px solid var(--color-sand);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:var(--color-text-dark);background:var(--color-bg-soft)}.btn-icon{display:flex;align-items:center}.form-layout{max-width:1280px;margin:0 auto;padding:48px;display:grid;grid-template-columns:260px 1fr;gap:48px}.progress-sidebar{position:sticky;top:120px;height:fit-content}.progress-track{position:relative;padding-left:20px}.progress-line{position:absolute;left:10px;top:8px;bottom:8px;width:1px;background:var(--color-sand)}.progress-step{display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;transition:all .2s ease}.step-dot{width:20px;height:20px;border-radius:50%;background:var(--color-sand);color:var(--color-text-muted);font-family:var(--font-mono);font-size:.65rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.progress-step.active .step-dot{background:var(--color-gold);color:var(--color-ink)}.step-label{font-size:.85rem;font-weight:500;color:var(--color-text-muted);transition:color .2s ease}.progress-step.active .step-label{color:var(--color-text-dark);font-weight:600}.form-main{display:flex;flex-direction:column;gap:32px}.form-card{background:var(--color-white);border:1px solid var(--color-sand);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-card);transition:all .22s ease}.form-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--color-bg-soft)}.section-number{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--color-gold);background:#d6a85a1a;padding:4px 10px;border-radius:var(--radius-pill);margin-bottom:12px}.card-header h3{font-family:var(--font-sans);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-dark);margin-bottom:6px}.card-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.field-grid{display:grid;gap:20px}.field-grid.col-2{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:8px;position:relative}.field.col-span-2{grid-column:span 2}label{font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--color-text-dark);letter-spacing:.01em}.field-note{font-weight:400;color:var(--color-text-soft);font-size:.75rem;margin-left:4px}input,select{height:56px;background:var(--color-white);border:1.5px solid #D8D1C5;border-radius:var(--radius-md);padding:0 16px;color:var(--color-text-dark);font-family:var(--font-sans);font-size:1rem;outline:none;transition:all .16s ease-out;width:100%}input:hover,select:hover{border-color:#b8aa98}input:focus,select:focus{border-color:var(--color-gold);box-shadow:var(--shadow-focus)}input::placeholder{color:#9aa1ab}select{cursor:pointer;-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='12' viewBox='0 0 24 24' fill='none' stroke='%235B6472' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.input-wrap{display:flex;gap:8px;align-items:stretch}.currency-select{width:90px;flex-shrink:0}.unit{display:flex;align-items:center;color:var(--color-text-soft);font-size:.85rem;font-weight:500;padding:0 4px}.salary-slider-wrap{margin-top:14px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#d8d1c5;border-radius:2px;outline:none;padding:0;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;background:var(--color-ink);border-radius:50%;cursor:pointer;border:3px solid var(--color-gold);box-shadow:0 8px 20px #08111f40;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--color-ink);border-radius:50%;cursor:pointer;border:3px solid var(--color-gold);box-shadow:0 8px 20px #08111f40}.slider-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-soft);margin-top:8px;font-weight:500}.industry-grid,.remote-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ind-btn,.rem-btn{background:var(--color-white);border:1.5px solid #D8D1C5;color:var(--color-text-muted);padding:13px 16px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.ind-btn:hover,.rem-btn:hover{border-color:var(--color-gold);color:var(--color-text-dark);background:#d6a85a0a}.ind-btn.selected,.rem-btn.selected{background:#d6a85a14;border-color:var(--color-gold);color:var(--color-text-dark);box-shadow:0 0 0 1px var(--color-gold)}.suggestions{position:absolute;top:100%;left:0;right:0;background:var(--color-white);border:1px solid var(--color-sand);border-radius:var(--radius-md);margin-top:6px;max-height:220px;overflow-y:auto;z-index:100;box-shadow:0 20px 60px #08111f24}.suggestion-item{padding:12px 16px;font-size:.9rem;cursor:pointer;transition:.15s;border-bottom:1px solid var(--color-sand);color:var(--color-text-dark)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--color-bg-soft);color:var(--color-text-dark)}.submit-card{background:var(--color-ink);border-radius:var(--radius-2xl);padding:40px;text-align:center;box-shadow:var(--shadow-dark)}.submit-card .btn-primary{background:var(--color-gold);color:var(--color-ink)}.submit-card .btn-primary:hover{background:var(--color-gold-hover);box-shadow:0 18px 40px #d6a85a59}.privacy-note{margin-top:16px;font-size:.8rem;color:var(--color-text-light-muted)}.form-msg{padding:14px 18px;border-radius:var(--radius-md);margin-bottom:20px;font-size:.88rem;font-weight:500;text-align:left}.form-msg.error{background:var(--color-error-bg);color:var(--color-error);border:1px solid #ffcdd2}.form-msg.success{background:var(--color-success-bg);color:#2e7d32;border:1px solid #c8e6c9}.stats-hero{background:var(--color-ink);padding:120px 48px 96px;text-align:center;position:relative}.stats-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(214,168,90,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(214,168,90,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.stats-hero:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:2px;background:var(--color-gold);opacity:.4}.stats-hero-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.stats-hero .eyebrow{margin-bottom:16px}.stats-hero h2{font-family:var(--font-display);font-size:clamp(32px,4vw,56px);font-weight:600;color:var(--color-text-light);line-height:1.05;letter-spacing:-.03em;margin-bottom:10px}.stats-hero p{color:var(--color-text-light-muted);font-size:1rem;margin-bottom:32px}.stats-hero-filters{position:relative;z-index:1;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.stats-hero-filters select{width:auto;min-width:180px;background:#ffffff0f;border-color:#ffffff1f;color:var(--color-text-light)}.stats-hero-filters select:focus{border-color:var(--color-gold);box-shadow:0 0 0 4px #d6a85a26}.stats-hero-filters .btn-secondary{background:#ffffff14;border-color:#fff3;color:var(--color-text-light)}.stats-hero-filters .btn-secondary:hover{background:#ffffff24;border-color:#ffffff59;color:#fff}.stats-dashboard{background:var(--color-bg-soft);padding-top:64px;padding-bottom:48px}.kpi-grid{max-width:1280px;margin:0 auto 48px;padding:0 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.kpi-card{background:var(--color-white);border:1px solid var(--color-sand);border-radius:var(--radius-xl);padding:28px 24px;box-shadow:var(--shadow-card);transition:all .22s ease}.kpi-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.kpi-card.kpi-highlight{border-color:var(--color-gold);background:linear-gradient(135deg,#d6a85a0f,#d6a85a05)}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.kpi-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-soft)}.kpi-icon{color:var(--color-text-soft)}.kpi-card.kpi-highlight .kpi-icon{color:var(--color-gold)}.kpi-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:600;color:var(--color-text-dark);letter-spacing:-.02em}.kpi-card.kpi-highlight .kpi-value{color:var(--color-gold-active)}.charts-grid{max-width:1280px;margin:0 auto;padding:0 48px 48px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.chart-card{background:var(--color-white);border:1px solid var(--color-sand);border-radius:var(--radius-2xl);padding:32px;box-shadow:var(--shadow-card)}.chart-header{margin-bottom:20px}.chart-header h4{font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:var(--color-text-dark);letter-spacing:-.01em}.chart-wrap{height:320px;position:relative}.loading-state,.empty-state{text-align:center;padding:80px 20px;color:var(--color-text-muted)}.spinner{width:36px;height:36px;border:3px solid var(--color-sand);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#d6a85a14;border-radius:50%;margin-bottom:20px;color:var(--color-gold)}.empty-state p{font-size:1rem;margin-bottom:24px;color:var(--color-text-muted)}.site-footer{background:var(--color-ink);border-top:1px solid rgba(255,255,255,.08);padding:64px 48px 40px;margin-top:auto}.footer-inner{max-width:1280px;margin:0 auto;text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.footer-name{font-family:var(--font-sans);font-weight:600;font-size:1.1rem;color:var(--color-text-light)}.footer-text{color:var(--color-text-light-muted);font-size:.9rem;margin-bottom:4px}.footer-small{color:var(--color-text-soft);font-size:.8rem}@media (max-width: 1024px){.form-layout{grid-template-columns:1fr;padding:32px}.progress-sidebar{display:none}.nav-inner{padding:0 32px}.hero-section{padding:120px 32px 64px;min-height:520px}.stats-hero{padding:100px 32px 40px}.kpi-grid{padding:0 32px}.charts-grid{padding:0 32px 40px;grid-template-columns:1fr}}@media (max-width: 768px){.nav-inner{padding:0 20px}.site-nav{height:64px}.hero-section{padding:100px 20px 48px;min-height:auto}.hero-section h1{font-size:40px}.form-layout{padding:24px 20px}.form-card{padding:24px}.field-grid.col-2{grid-template-columns:1fr}.field.col-span-2{grid-column:span 1}.kpi-grid{grid-template-columns:repeat(2,1fr);padding:0 20px;margin-top:-24px}.charts-grid{padding:0 20px 32px}.chart-wrap{height:280px}.stats-hero{padding:88px 20px 32px}.stats-hero-filters{flex-direction:column;align-items:stretch}.stats-hero-filters select{width:100%}.industry-grid,.remote-buttons{grid-template-columns:repeat(2,1fr)}.site-footer{padding:48px 20px 32px}.suggestions{position:relative}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr}.kpi-card{padding:18px}.hero-section h1{font-size:34px}.submit-card{padding:28px 20px}.chart-wrap{height:260px}}