@font-face{font-family:SystemMono;src:local("SF Mono"),local("Menlo"),local("Consolas")}:root{--teal:#1fa5a0;--teal-dim:#167572;--teal-glow:#2be0d9;--bg-0:#0a0c0f;--bg-1:#0f1216;--bg-2:#151a1f;--bg-3:#1c2229;--bg-card:#12171c;--border:#1e2630;--border-hover:#2a3542;--text-0:#e8edf2;--text-1:#b0bcc8;--text-2:#6e7f8e;--text-3:#3d4d5c;--red:#e24b4a;--amber:#e5a63b;--green:#3dba6f;--blue:#5b9cf5;--purple:#a47de8}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-0);color:var(--text-1);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topnav{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;background:#0a0c0feb;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;gap:16px}.topnav-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--teal);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.topnav-brand svg{flex-shrink:0}.topnav-tabs{display:flex;gap:2px;margin-left:auto;background:var(--bg-2);border-radius:8px;padding:3px}.topnav-tab{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--text-2);cursor:pointer;transition:all .25s;border:none;background:none;white-space:nowrap}.topnav-tab:hover{color:var(--text-1)}.topnav-tab.active{background:var(--teal-dim);color:#fff}.hero{padding:120px 24px 60px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:56px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(31,165,160,.08) 0%,transparent 70%);pointer-events:none}.hero-label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal);border:1px solid var(--teal-dim);padding:5px 14px;border-radius:20px;margin-bottom:24px}.hero h1{font-size:clamp(26px,4.5vw,48px);font-weight:800;color:var(--text-0);line-height:1.15;max-width:820px;margin:0 auto 16px;letter-spacing:-1px}.hero h1 em{font-style:normal;color:var(--teal)}.hero-sub{font-size:15px;color:var(--text-2);max-width:640px;margin:0 auto 32px;line-height:1.7}.hero-stats{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.hero-stat{text-align:center}.hero-stat-value{font-family:SystemMono,monospace;font-size:26px;font-weight:800;color:var(--teal-glow)}.hero-stat-label{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.market-tag{display:inline-flex;align-items:center;gap:6px;margin-top:24px;font-size:12px;color:var(--amber);font-weight:600;background:#e5a63b1a;padding:6px 16px;border-radius:20px;border:1px solid rgba(229,166,59,.2)}.container{max-width:1080px;margin:0 auto;padding:0 24px}.panel{display:none}.panel.active{display:block}.section-header{padding:60px 0 32px;border-bottom:1px solid var(--border);margin-bottom:32px}.section-number{font-family:SystemMono,monospace;font-size:12px;color:var(--teal-dim);letter-spacing:2px;margin-bottom:8px}.section-header h2{font-size:clamp(22px,3.5vw,32px);font-weight:800;color:var(--text-0);letter-spacing:-.5px}.section-header p{margin-top:8px;color:var(--text-2);max-width:700px}.layer-stack{display:flex;flex-direction:column;gap:2px;margin:32px 0}.layer-item{display:grid;grid-template-columns:56px 1fr;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:20px;transition:border-color .3s,transform .2s;cursor:default}.layer-item:hover{border-color:var(--teal-dim);transform:translate(4px)}.layer-num{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:SystemMono,monospace;font-size:16px;font-weight:800;color:var(--bg-0);flex-shrink:0}.layer-item h3{font-size:15px;font-weight:700;color:var(--text-0);margin-bottom:4px}.layer-item p{font-size:14px;color:var(--text-2);line-height:1.6}.gen-grid{display:grid;gap:16px;margin:32px 0}.gen-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .3s}.gen-card:hover{border-color:var(--border-hover)}.gen-card-header{padding:20px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;user-select:none}.gen-badge{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;letter-spacing:.5px;flex-shrink:0}.gen-card-header h3{font-size:17px;font-weight:700;color:var(--text-0);flex:1}.gen-card-header h3 span{font-size:13px;font-weight:400;color:var(--text-2);margin-left:8px}.gen-toggle{width:28px;height:28px;border-radius:6px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;transition:transform .3s,background .3s;flex-shrink:0}.gen-card.open .gen-toggle{transform:rotate(180deg);background:var(--teal-dim)}.gen-card-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}.gen-card.open .gen-card-body{max-height:2000px}.gen-card-inner{padding:0 24px 24px}.gen-card-inner h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);margin:16px 0 8px}.gen-card-inner h4:first-child{margin-top:0}.gen-card-inner p{font-size:14px;color:var(--text-1);line-height:1.7;margin-bottom:8px}.tier-label{display:flex;align-items:center;gap:12px;margin:48px 0 20px}.tier-label h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.tier-label:after{content:"";flex:1;height:1px;background:var(--border)}.role-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border-color .3s}.role-card:hover{border-color:var(--border-hover)}.role-header{padding:18px 24px;display:flex;align-items:center;gap:14px;cursor:pointer;user-select:none}.role-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.role-header h3{flex:1;font-size:15px;font-weight:700;color:var(--text-0)}.role-meta{display:flex;gap:8px;align-items:center;flex-shrink:0}.role-risk{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px}.risk-low{background:#3dba6f26;color:var(--green)}.risk-med{background:#e5a63b26;color:var(--amber)}.risk-high{background:#e24b4a26;color:var(--red)}.risk-crit{background:#e24b4a4d;color:#ff6b6b}.role-toggle{width:24px;height:24px;border-radius:5px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;transition:transform .3s,background .3s}.role-card.open .role-toggle{transform:rotate(180deg);background:var(--teal-dim)}.role-body{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.role-card.open .role-body{max-height:5000px}.role-inner{padding:0 24px 24px;display:grid;gap:16px}.role-block{background:var(--bg-2);border-radius:8px;padding:16px 20px}.role-block h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);margin-bottom:10px}.role-block p,.role-block li{font-size:14px;color:var(--text-1);line-height:1.65}.role-block ul{list-style:none;padding:0}.role-block li{padding:3px 0 3px 16px;position:relative}.role-block li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:2px}.ai-task:before{background:var(--teal)}.human-task:before{background:var(--amber)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.salary-bar{display:flex;align-items:center;gap:12px;margin:6px 0}.salary-bar-label{font-size:12px;color:var(--text-2);width:80px;flex-shrink:0}.salary-bar-track{flex:1;height:8px;background:var(--bg-3);border-radius:4px;overflow:hidden}.salary-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.salary-bar-value{font-family:SystemMono,monospace;font-size:12px;color:var(--text-0);width:120px;text-align:right;flex-shrink:0}.gen-fit{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px;margin:2px 4px 2px 0}.mult-badge{font-family:SystemMono,monospace;font-size:12px;font-weight:700;padding:2px 8px;border-radius:4px}.matrix-wrap{overflow-x:auto;margin:32px 0;border-radius:10px;border:1px solid var(--border)}.matrix-table{width:100%;border-collapse:collapse;font-size:13px}.matrix-table th{padding:14px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--teal);background:var(--bg-2);border-bottom:1px solid var(--border);white-space:nowrap}.matrix-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text-1);white-space:nowrap}.matrix-table tr:last-child td{border-bottom:none}.matrix-table tr:hover td{background:#1fa5a00a}.matrix-table .role-name{font-weight:600;color:var(--text-0)}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:32px 0}.insight-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px;position:relative;overflow:hidden}.insight-num{font-family:SystemMono,monospace;font-size:32px;font-weight:800;color:var(--bg-3);margin-bottom:8px}.insight-card h3{font-size:15px;font-weight:700;color:var(--text-0);margin-bottom:8px}.insight-card p{font-size:13px;color:var(--text-2);line-height:1.6}.ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:32px 0}.ranking-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px}.ranking-card h3{font-size:14px;font-weight:700;color:var(--text-0);margin-bottom:16px}.ranking-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.ranking-pos{font-family:SystemMono,monospace;font-size:20px;font-weight:800;width:32px;flex-shrink:0}.ranking-item p{font-size:13px;color:var(--text-2);line-height:1.5}.ranking-item strong{color:var(--text-0);font-weight:600}.callout{background:linear-gradient(135deg,#1fa5a014,#1fa5a005);border:1px solid var(--teal-dim);border-radius:10px;padding:28px 32px;margin:40px 0}.callout h3{font-size:18px;font-weight:800;color:var(--text-0);margin-bottom:12px}.callout p{font-size:15px;color:var(--text-1);line-height:1.7}.callout strong{color:var(--teal-glow)}.equation-box{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:28px 32px;margin:32px 0;text-align:center}.equation-formula{font-family:SystemMono,monospace;font-size:clamp(14px,2.5vw,18px);color:var(--teal-glow);font-weight:700;margin-bottom:20px;word-break:break-word}.equation-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;text-align:left}.eq-term{padding:12px 16px;background:var(--bg-card);border-radius:6px}.eq-term strong{display:block;font-size:13px;color:var(--text-0);margin-bottom:2px}.eq-term span{font-size:12px;color:var(--text-2)}.footer{text-align:center;padding:60px 24px 40px;border-top:1px solid var(--border);margin-top:60px}.footer p{font-size:12px;color:var(--text-3)}@media(max-width:640px){.topnav{padding:0 12px;gap:6px}.topnav-brand span{display:none}.topnav-tab{padding:6px 8px;font-size:11px}.hero{padding:100px 16px 40px}.container{padding:0 16px}.split-grid{grid-template-columns:1fr}.role-header{padding:14px 16px}.role-meta{display:none}.callout{padding:20px}}