
.handover-sequence{background:#071d31;color:#fff;overflow:hidden;position:relative}
.handover-sequence:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 18%,rgba(110,179,73,.17),transparent 32%),linear-gradient(135deg,transparent 55%,rgba(255,255,255,.025))}
.handover-sequence .wrap{position:relative}
.handover-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}
.handover-intro .lead{margin:0;color:#c8d3da;font-size:18px}
.handover-shell{display:grid;grid-template-columns:.72fr 1.28fr;margin-top:56px;border:1px solid rgba(255,255,255,.16);background:rgba(3,16,28,.46)}
.handover-rail{display:grid;border-right:1px solid rgba(255,255,255,.16)}
.handover-step{appearance:none;display:grid;grid-template-columns:48px 1fr;align-items:center;width:100%;min-height:78px;padding:16px 24px;text-align:left;color:#fff;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.13);cursor:pointer;transition:.24s}
.handover-step:last-child{border-bottom:0}.handover-step span{color:#70b84a;font:400 23px Georgia,serif}.handover-step strong{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.handover-step:hover,.handover-step.active{padding-left:34px;background:linear-gradient(90deg,rgba(110,179,73,.2),transparent)}.handover-step.active strong{color:#96d474}.handover-step:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.handover-panels{min-height:410px;padding:clamp(36px,5vw,68px)}
.handover-panel{animation:handoverReveal .35s ease both}.handover-panel[hidden]{display:none}.panel-code{margin:0 0 20px;color:#71bb49;font-size:11px;font-weight:700;letter-spacing:.2em}.handover-panel h3{max-width:730px;margin:0 0 22px;font:400 clamp(30px,4vw,48px)/1.12 Georgia,serif}.handover-panel>p:not(.panel-code){max-width:760px;color:#cbd5dc;font-size:17px}.handover-panel ul{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:34px 0 0;padding:0;list-style:none;background:rgba(255,255,255,.15)}.handover-panel li{padding:20px;background:#0b2a45;color:#e5ebef;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.handover-panel li:before{content:"✓";margin-right:9px;color:#70b84a}.handover-note{margin:24px 0 0;color:#8fa0ac;font-size:12px}
@keyframes handoverReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:850px){.handover-intro,.handover-shell{grid-template-columns:1fr}.handover-intro{gap:24px}.handover-rail{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.handover-step{min-height:68px}.handover-panels{min-height:470px;padding:34px 24px}.handover-panel ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.handover-step{transition:none}.handover-panel{animation:none}}
