.hero{position:relative;padding:60px 0 36px;border-bottom:1px solid var(--line);margin-bottom:40px}.hero:before{content:"";position:absolute;left:-24px;top:66px;width:5px;height:84px;border-radius:3px;background:linear-gradient(var(--accent),var(--accent-deep))}@media(max-width:560px){.hero:before{left:-12px;top:58px;height:70px}}.hero .eyebrow{font-size:13px;letter-spacing:3px;color:var(--text-faint);font-weight:600;margin:0 0 14px}.site-title{font-family:var(--display);font-weight:900;font-size:42px;line-height:1.18;color:var(--accent);margin:0 0 16px;letter-spacing:1px}@media(max-width:560px){.site-title{font-size:31px}}.intro-card{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:26px 28px;margin-bottom:18px;box-shadow:0 1px 3px #1d27330a}.intro-card p{margin:0 0 12px;color:var(--text-soft);font-size:16px}.intro-card p:last-child{margin-bottom:0}.intro-card strong{color:var(--text);font-weight:700}.role-counts{display:flex;gap:14px;margin:18px 0 34px}.role-count{flex:1;border-radius:14px;padding:18px 16px;display:flex;align-items:center;gap:14px;border:1px solid #cdd7e3;box-shadow:0 1px 4px #1d273312}.role-count.human{background:var(--accent-bg)}.role-count.ai{background:var(--ai-bg)}.role-count .rc-ico{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.role-count.human .rc-ico{background:var(--accent)}.role-count.ai .rc-ico{background:var(--ai)}.role-count .rc-ico svg{width:22px;height:22px}.rc-num{font-family:var(--display);font-size:26px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums lining-nums}.role-count.human .rc-num{color:var(--accent)}.role-count.ai .rc-num{color:var(--ai)}.rc-text{font-size:14px;color:var(--text-soft);margin-top:4px}@media(max-width:560px){.role-counts{flex-direction:column}}.timeline{position:relative;margin:0;padding:0}.timeline:before{content:"";position:absolute;left:27px;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--accent-bg),var(--line),var(--ai-bg))}@media(max-width:560px){.timeline:before{left:19px}}.step{position:relative;padding:0 0 22px 76px}@media(max-width:560px){.step{padding-left:56px}}.step-node{position:absolute;left:0;top:2px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:22px;font-weight:800;color:#fff;box-shadow:0 2px 8px #1d27331f;border:3px solid var(--bg-page);z-index:1}.step.human .step-node{background:linear-gradient(135deg,var(--accent),var(--accent-deep))}.step.ai .step-node{background:linear-gradient(135deg,var(--ai),#005a8e)}@media(max-width:560px){.step-node{width:40px;height:40px;font-size:17px}}.step-card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:0 1px 3px #1d27330a;transition:box-shadow .16s,transform .16s,border-color .16s}.step-card:hover{box-shadow:0 8px 22px #1d273314;transform:translateY(-2px)}.step.key .step-card{border-color:#d55e00;box-shadow:0 4px 18px #d55e001a}.step-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.step-title{font-family:var(--display);font-size:21px;font-weight:800;color:var(--accent);margin:0;letter-spacing:.5px}@media(max-width:560px){.step-title{font-size:18px}}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.5px}.role-badge svg{width:14px;height:14px}.role-badge.human{background:var(--accent-bg);color:var(--accent)}.role-badge.ai{background:var(--ai-bg);color:var(--ai)}.key-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12.5px;font-weight:700;background:#fbeae0;color:#d55e00}.step-card p{margin:0;color:var(--text-soft);font-size:15.5px;line-height:1.72}.step-card .sub-list{margin:6px 0 0;padding:0;list-style:none}.step-card .sub-list li{position:relative;padding:4px 0 4px 26px;color:var(--text-soft);font-size:15.5px;line-height:1.7}.step-card .sub-list li .n{position:absolute;left:0;top:4px;font-family:var(--display);font-weight:800;color:var(--ai);font-size:14px}.step-card .reason-list{margin:8px 0 0;padding:0;list-style:none}.step-card .reason-list li{position:relative;padding:5px 0 5px 18px;color:var(--text-soft);font-size:15.5px;line-height:1.72}.step-card .reason-list li:before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.step-card .reason-list b{color:var(--text);font-weight:700}.why{margin-top:14px;padding:11px 14px;border-radius:10px;background:var(--accent-bg);font-size:14px;color:var(--text-soft);line-height:1.65}.step.ai .why{background:var(--ai-bg)}.why b{color:var(--text);font-weight:700}.step.key .why{background:#fbeae0}.step.key .why b{color:#b34d00}.note-card{display:flex;gap:18px;align-items:flex-start;background:var(--bg-card);border:1px solid var(--line);border-left:4px solid var(--ai);border-radius:14px;padding:22px 24px;margin-top:34px;box-shadow:0 1px 3px #1d27330a}.note-ico{width:44px;height:44px;border-radius:11px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--ai-bg);color:var(--ai)}.note-ico svg{width:24px;height:24px}.note-card h3{font-family:var(--display);font-size:19px;font-weight:800;color:var(--accent);margin:2px 0 9px;letter-spacing:.5px}.note-card p{margin:0 0 10px;color:var(--text-soft);font-size:15.5px;line-height:1.72}.note-card p:last-child{margin-bottom:0}.note-card strong{color:var(--text);font-weight:700}@media(max-width:560px){.note-card{flex-direction:column;gap:12px}}