.role-hero{color:#fff;padding:70px 0 64px;position:relative;overflow:hidden}
.role-hero.clean{background:linear-gradient(135deg,#f229a4,#ec29f2)}
.role-hero.maint{background:linear-gradient(135deg,#ffab00,#e9770e)}
.role-hero.guest{background:linear-gradient(135deg,#e9770e,#f0592e)}
.role-hero.sea{background:var(--sea)}
.role-hero::after{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08)}
.role-hero .wrap{position:relative;z-index:1}
.role-hero .back{color:#fff;opacity:.85;text-decoration:none;font-family:var(--sub);font-weight:600;font-size:.9rem}
.role-hero .tag{display:block;margin-top:22px;font-family:var(--sub);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.9}
.role-hero h1{color:#fff;text-transform:none;margin-top:8px;font-size:clamp(2rem,4.6vw,3.2rem)}
.role-hero .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.role-hero .meta span{background:rgba(255,255,255,.2);border-radius:20px;padding:5px 14px;font-size:.88rem;font-weight:600}
.role-body{display:grid;grid-template-columns:1.4fr .9fr;gap:40px;align-items:start}
.role-body h2{margin:30px 0 12px;font-size:1.5rem}
.role-body h2:first-child{margin-top:0}
.role-body .intro{font-size:1.1rem;color:var(--ink)}
.role-body ul{list-style:none}
.role-body li{padding:9px 0 9px 28px;position:relative;border-top:1px solid var(--line);color:var(--ink)}
.role-body li::before{content:"✓";position:absolute;left:0;top:9px;color:var(--magenta);font-weight:800}
.role-side{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:sticky;top:96px}
.role-side h3{margin-bottom:14px}
.role-side dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-bottom:22px;font-size:.95rem}
.role-side dt{font-family:var(--sub);font-weight:700;color:var(--ink)}
.role-side .btn{width:100%}
@media (max-width:960px){.role-body{grid-template-columns:1fr}.role-side{position:static}}