/* The shift: a dark, premium band. Three era cards (the last one glows), then a statement and the role card */
.rshift{position:relative;overflow:hidden;background:radial-gradient(900px 520px at 85% -10%,rgba(182,228,58,.16),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(27,94,58,.55),transparent 60%),linear-gradient(170deg,#0B3520,var(--teal-x))}
.rshift::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);pointer-events:none}
.rshift .rwrap{position:relative}
.rshift .rsh p{color:#CFE3D5}
.rshift__eras{display:grid;gap:16px;max-width:1120px;margin:0 auto}
@media (min-width:900px){ .rshift__eras{grid-template-columns:1fr 1fr 1.15fr;align-items:stretch} }
.rshift__era{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.4vw,30px);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.rshift__top{display:flex;align-items:center;justify-content:space-between}
.rshift__no{font:700 44px/1 var(--fd);color:rgba(255,255,255,.14);letter-spacing:-.02em}
.rshift__lab{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font:800 12px var(--fh);letter-spacing:.14em;text-transform:uppercase;color:#E2EFE6}
.rshift__flow{display:grid;gap:0}
.rshift__flow li{position:relative;padding:0 0 22px 30px;font:600 16px/1.35 var(--fh);color:#DCEBE0}
.rshift__flow li::before{content:"";position:absolute;left:5px;top:5px;width:11px;height:11px;border-radius:50%;border:2px solid rgba(182,228,58,.7)}
.rshift__flow li:not(:last-child)::after{content:"";position:absolute;left:10px;top:20px;bottom:2px;width:1.5px;background:linear-gradient(rgba(182,228,58,.6),rgba(182,228,58,.1))}
.rshift__flow li.is-end{padding-bottom:0;color:#fff;font-weight:800}
.rshift__flow li.is-end::before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(182,228,58,.18)}
.rshift__note{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--teal-x);font-weight:700}
.rshift__note svg{width:18px;height:18px}
.rshift__era.is-next{background:linear-gradient(160deg,#C7EE5A,var(--gold) 55%,#9FD12A);border:0;box-shadow:0 30px 80px rgba(182,228,58,.25),0 0 0 1px rgba(255,255,255,.25) inset;transform:translateY(-6px)}
.rshift__era.is-next .rshift__no{color:rgba(6,31,18,.18)}
.rshift__era.is-next .rshift__lab{background:var(--teal-x);border-color:var(--teal-x);color:var(--gold)}
.rshift__era.is-next .rshift__flow li{color:var(--teal-x);font-size:17px}
.rshift__era.is-next .rshift__flow li::before{border-color:var(--teal-x)}
.rshift__era.is-next .rshift__flow li:not(:last-child)::after{background:linear-gradient(rgba(6,31,18,.5),rgba(6,31,18,.1))}
.rshift__era.is-next .rshift__flow li.is-end::before{background:var(--teal-x);box-shadow:0 0 0 5px rgba(6,31,18,.15)}
.rshift__era.is-next .rshift__note{padding:10px 14px;border-radius:14px;background:rgba(6,31,18,.1)}
.rshift__me{display:grid;gap:18px;max-width:1120px;margin:clamp(30px,3.4vw,48px) auto 0}
@media (min-width:960px){ .rshift__me{grid-template-columns:1.1fr 1fr;align-items:stretch} }
.rshift__q{position:relative;margin:0;padding:clamp(26px,3vw,40px) clamp(24px,3vw,40px) clamp(26px,3vw,40px);border-radius:26px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.rshift__qm{position:absolute;top:-6px;left:22px;font:700 110px/1 var(--fd);color:var(--gold);opacity:.9}
.rshift__q p{position:relative;margin-top:34px;font:600 clamp(20px,.8vw + 16px,27px)/1.42 var(--fd);color:#fff}
.rshift__role{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(26px,3vw,38px);border-radius:26px;background:#fff;color:var(--text);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.rshift__role::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--gold),transparent 40%,transparent 60%,var(--teal-m));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.rshift__k{font:800 12px var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.rshift__role h3{font:700 clamp(24px,1.1vw + 18px,34px)/1.15 var(--fd);color:var(--teal)}
.rshift__sk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;width:100%}
@media (min-width:600px){ .rshift__sk{grid-template-columns:repeat(3,minmax(0,1fr))} }
.rshift__sk li{display:flex;align-items:center;gap:8px;font:700 14.5px var(--fh);color:var(--teal)}
.rshift__sk svg{width:20px;height:20px;flex:none;padding:4px;border-radius:50%;background:var(--teal);color:var(--gold)}
.rshift__out{color:var(--muted);font-size:15.5px;line-height:1.6;border-top:1px solid var(--line2);padding-top:14px;width:100%}
/* 4-card layout: Before + Now on top, Next + your role below */
.rshift__me--q{grid-template-columns:1fr!important}
@media (min-width:900px){
  .rshift--four .rshift__eras{grid-template-columns:1fr 1fr;gap:20px}
  .rshift--four .rshift__era.is-next{transform:none}
}
.rshift--four .rshift__era,.rshift--four .rshift__role{min-height:100%}
.rshift--four .rshift__era.is-next .rshift__flow li{font-size:clamp(17px,.5vw + 14px,20px)}
.rshift--four .rshift__role{box-shadow:0 30px 70px rgba(0,0,0,.3);justify-content:center}
.rshift--four .rshift__role h3{font-size:clamp(24px,1vw + 17px,32px)}
.rshift--four .rshift__role .rbtn{margin-top:4px}