.skill-hero{position:relative;z-index:1;padding:calc(var(--nav-height) + 48px) 0 52px;text-align:center;overflow:hidden;background:radial-gradient(circle at 25% 35%,rgba(239,122,214,.18) 0%,transparent 45%),radial-gradient(circle at 75% 55%,rgba(124,78,243,.16) 0%,transparent 45%),linear-gradient(180deg,rgba(255,232,251,.2) 0%,rgba(240,233,255,.3) 50%,transparent 100%)}.skill-hero-inner{width:var(--content-width);max-width:none;margin:0 auto;padding:0 var(--section-gutter)}.skill-hero-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 18px;border-radius:999px;background:linear-gradient(135deg,#ef7ad61f,#7c4ef314);border:1px solid rgba(239,122,214,.2);color:var(--pink);font-size:13px;font-weight:900;letter-spacing:.5px}.skill-hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);flex-shrink:0}.skill-hero-title{margin:0;color:var(--text);font-size:clamp(36px,4.5vw,56px);font-weight:900;line-height:1.15}.skill-hero-subtitle{margin:14px auto 0;max-width:560px;color:var(--text-soft);font-size:clamp(15px,1.6vw,18px);line-height:1.7}.skill-hero-cta{display:flex;justify-content:center;gap:14px;margin-top:28px;flex-wrap:wrap}.skill-trust{padding:0 0 clamp(40px,6vw,72px);background:linear-gradient(180deg,transparent 0%,rgba(240,235,250,.3) 100%)}.skill-trust-inner{width:var(--content-width);max-width:780px;margin:0 auto;padding:20px 28px;display:flex;align-items:center;justify-content:center;gap:24px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:0 8px 20px var(--shadow)}.skill-trust-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-soft);font-weight:700;white-space:nowrap}.skill-trust-icon{display:grid;place-items:center;color:var(--brand);flex-shrink:0}.skill-trust-divider{width:1px;height:16px;background:var(--line);flex-shrink:0}.skill-steps{padding:clamp(56px,8vw,100px) 0}.skill-steps-lead{margin:16px auto 0;max-width:580px;text-align:center;color:var(--text-soft);font-size:16px;line-height:1.7}.skill-steps-timeline{max-width:800px;margin:48px auto 0;display:flex;flex-direction:column;gap:0}.skill-step-item{display:grid;grid-template-columns:56px 1fr;gap:20px;min-height:120px}.skill-step-marker{display:flex;flex-direction:column;align-items:center}.skill-step-dot{width:18px;height:18px;border-radius:50%;background:var(--brand);border:3px solid rgba(124,78,243,.2);flex-shrink:0;margin-top:4px}.skill-step-line{width:2px;flex:1;margin-top:8px;background:linear-gradient(180deg,var(--brand),rgba(124,78,243,.15));border-radius:1px}.skill-step-body{padding-bottom:36px}.skill-step-body h3{margin:0 0 8px;font-size:19px;font-weight:900;color:var(--text);line-height:1.3}.skill-step-body p{margin:0;color:var(--text-soft);font-size:15px;line-height:1.75}.skill-scenes{padding:clamp(56px,8vw,100px) 0;background:linear-gradient(180deg,transparent 0%,rgba(240,235,250,.4) 50%,transparent 100%)}.skill-scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px;max-width:1040px;margin-left:auto;margin-right:auto}.skill-scene-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong);box-shadow:0 8px 20px var(--shadow);transition:transform .2s ease,border-color .2s ease}.skill-scene-card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.skill-scene-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.skill-scene-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#7c4ef314;color:var(--brand)}.skill-scene-card h3{margin:0;font-size:17px;font-weight:800;color:var(--text)}.skill-scene-chat{display:flex;flex-direction:column;gap:12px}.skill-scene-bubble{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-radius:16px}.skill-scene-bubble-user{align-self:flex-end;max-width:85%;background:#7c4ef314;border:1px solid rgba(124,78,243,.12);border-bottom-right-radius:4px}.skill-scene-bubble-ai{align-self:flex-start;max-width:85%;background:#ef7ad60f;border:1px solid rgba(239,122,214,.12);border-bottom-left-radius:4px}.skill-scene-bubble-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.skill-scene-bubble-user .skill-scene-bubble-label{color:var(--brand)}.skill-scene-bubble-ai .skill-scene-bubble-label{color:var(--pink)}.skill-scene-bubble-text{font-size:15px;color:var(--text);line-height:1.6;white-space:pre-line}.skill-scenes-note{text-align:center;margin-top:24px;color:var(--text-muted);font-size:13px}.skill-scenes-boundary{text-align:center;margin-top:22px;padding:14px 22px;border-radius:14px;background:#ef7ad60f;border:1px solid rgba(239,122,214,.15);color:var(--text-soft);font-size:14px;line-height:1.65;max-width:680px;margin-left:auto;margin-right:auto}.skill-sources{padding:clamp(56px,8vw,100px) 0}.skill-sources-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;max-width:1040px;margin-left:auto;margin-right:auto}.skill-sources-group{padding:28px 24px;border:1px solid var(--line);border-radius:20px;background:var(--surface-strong);box-shadow:0 8px 20px var(--shadow)}.skill-sources-group-title{margin:0 0 18px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--text)}.skill-sources-group-title svg{color:var(--brand);flex-shrink:0}.skill-sources-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.skill-source-item{display:flex;flex-direction:column;gap:3px;padding-bottom:12px;border-bottom:1px solid rgba(151,120,230,.1)}.skill-source-item:last-child{border-bottom:0;padding-bottom:0}.skill-source-name{font-size:15px;font-weight:800;color:var(--text)}.skill-source-note{font-size:13px;color:var(--text-muted);line-height:1.5}.skill-sources-disclaimer{margin-top:24px;padding:14px 22px;border-radius:14px;background:#7c4ef30a;border:1px solid rgba(124,78,243,.12);color:var(--text-soft);font-size:14px;line-height:1.65;text-align:center;max-width:760px;margin-left:auto;margin-right:auto}.skill-structure{padding:clamp(56px,8vw,100px) 0;background:linear-gradient(180deg,transparent 0%,rgba(240,235,250,.4) 50%,transparent 100%)}.skill-structure-flow{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:36px;flex-wrap:wrap}.skill-structure-flow-label{padding:8px 18px;border-radius:999px;font-size:14px;font-weight:800;color:var(--brand);background:#7c4ef30f;border:1px solid rgba(124,78,243,.14);white-space:nowrap}.skill-structure-flow-arrow{color:var(--text-muted);display:grid;place-items:center;flex-shrink:0}.skill-structure-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:36px;max-width:880px;margin-left:auto;margin-right:auto}.skill-structure-card{padding:32px 28px;border:1px solid rgba(151,120,230,.22);border-radius:20px;background:#ffffffc2;box-shadow:0 12px 28px #7558b914;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.skill-structure-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #7558b924}.skill-structure-card h3{margin:0;font-size:19px;font-weight:900;color:var(--text)}.skill-structure-card .subtitle{margin:6px 0 14px;font-size:13px;font-weight:700;color:var(--brand);letter-spacing:.3px}.skill-structure-card p{margin:0;color:var(--text-soft);font-size:15px;line-height:1.7}.skill-evolution{padding:clamp(56px,8vw,100px) 0}.skill-evolution-flow{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-top:40px;max-width:960px;margin-left:auto;margin-right:auto}.skill-evolution-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 20px}.skill-evolution-icon-wrap{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:#7c4ef314;color:var(--brand);margin-bottom:16px}.skill-evolution-item h4{margin:0 0 10px;font-size:17px;font-weight:800;color:var(--text)}.skill-evolution-item p{margin:0;color:var(--text-soft);font-size:15px;line-height:1.65;max-width:220px}.skill-evolution-connector{display:grid;place-items:center;padding-top:42px;color:var(--text-muted);flex-shrink:0}.skill-notices{padding:clamp(40px,6vw,72px) 0}.skill-notices-panel{max-width:960px;margin:32px auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;padding:28px;border:1px solid rgba(239,122,214,.2);border-radius:20px;background:#ef7ad60a}.skill-notices-group h3{margin:0 0 14px;font-size:16px;font-weight:800;color:var(--text)}.skill-notices-group ul{margin:0;padding-left:18px;list-style:disc}.skill-notices-group li{margin-bottom:10px;color:var(--text-soft);font-size:15px;line-height:1.7}.skill-notices-group li:last-child{margin-bottom:0}.skill-notices-divider{width:1px;background:#ef7ad62e}@media(max-width:980px){.skill-hero{padding:calc(var(--nav-height) + 40px) 0 48px}.skill-trust-inner{flex-direction:column;gap:12px}.skill-trust-divider{width:40px;height:1px}}@media(max-width:860px){.skill-scenes-grid{grid-template-columns:1fr}.skill-sources-groups{grid-template-columns:1fr;max-width:480px}.skill-evolution-flow{flex-direction:column;align-items:center;gap:8px}.skill-evolution-connector{transform:rotate(90deg);padding-top:0}.skill-evolution-item{padding:16px 24px;width:100%;max-width:400px}.skill-evolution-item p{max-width:none}.skill-notices-panel{grid-template-columns:1fr;gap:0}.skill-notices-divider{width:100%;height:1px;margin:8px 0}}@media(max-width:640px){.skill-hero{padding:calc(var(--nav-height) + 32px) 0 36px}.skill-hero-title{font-size:clamp(28px,6vw,36px)}.skill-trust-inner{padding:14px 16px}.skill-trust-item{font-size:12px}.skill-step-item{grid-template-columns:44px 1fr;gap:14px}.skill-step-body{padding-bottom:24px}.skill-structure-split{grid-template-columns:1fr}.skill-structure-flow{flex-direction:column;align-items:stretch;gap:6px}.skill-structure-flow-arrow{transform:rotate(90deg);justify-self:center}.skill-structure-flow-label{text-align:center}.skill-scene-card{padding:20px}.skill-scene-bubble{padding:10px 14px}.skill-sources-group,.skill-notices-panel{padding:20px 18px}}
