/* Connected move timeline; semantic steps remain readable without motion. */
.calm-home .calm-process{background:#f5f6f4;padding:48px 0}
.calm-home .calm-process>.wrap{border-radius:28px;border:1px solid var(--plan-yellow,#ffd400);background:radial-gradient(ellipse at 100% 0,#35423e55,transparent 60%),#1e2427;padding:36px 38px 38px;overflow:hidden}
.calm-process .calm-section-heading{margin-bottom:0;align-items:center}
.calm-home .calm-process h2{font-size:32px;max-width:610px}
.calm-process .calm-section-heading>a{border:1px solid var(--plan-yellow,#ffd400);color:var(--plan-yellow,#ffd400);border-radius:999px;padding:10px 17px;white-space:nowrap;text-decoration:none}
.calm-process ol{position:relative;gap:22px;margin:30px 0 0;isolation:isolate}
.calm-process ol:before{content:"";position:absolute;z-index:-1;left:16.66%;right:16.66%;top:23px;height:2px;background:var(--plan-yellow,#ffd400)}
.calm-process li{position:relative;display:flex;flex-direction:column;gap:0;border:0;padding:0;min-width:0}
.calm-process li>span{display:grid;place-items:center;width:48px;height:48px;flex:none;margin:0 auto;border:3px solid #1e2427;border-radius:50%;background:var(--plan-yellow,#ffd400);color:#17191a;font-weight:700;font-size:13px;line-height:1;box-shadow:0 0 0 1px var(--plan-yellow,#ffd400)}
.calm-process li>div{position:relative;flex:1;margin-top:18px;padding:26px 24px 23px;border:1px solid var(--plan-yellow,#ffd400);border-radius:20px;background:#293330;box-shadow:0 7px 20px #0000000c}
.calm-process li>div:after{content:"";position:absolute;right:20px;top:24px;width:29px;height:29px;background-size:contain;background-repeat:no-repeat;opacity:1}
.calm-process li h3{font-size:19px;line-height:1.35;padding-right:40px}
.calm-process li p{color:#d8dfdc;line-height:1.7;margin-top:13px;font-size:14px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.calm-process li>div{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.calm-process li:hover>div{transform:translateY(-4px);border-color:var(--plan-yellow,#ffd400);box-shadow:0 12px 24px #0002}}
@media(max-width:900px){.calm-home .calm-process>.wrap{padding:30px 26px}.calm-process .calm-section-heading{align-items:flex-start;gap:20px}.calm-process .calm-section-heading>a{white-space:normal}.calm-process ol{gap:14px}.calm-process li>div{padding:22px 17px}.calm-process li h3{font-size:18px;padding-right:0}.calm-process li>div:after{position:static;display:block;margin-top:18px;width:24px;height:24px}}
@media(max-width:700px){
 .calm-home .calm-process{padding:28px 0}
 .calm-home .calm-process>.wrap{width:calc(100% - 32px);padding:25px 20px 26px;border-radius:24px}
 .calm-process .calm-section-heading{display:flex;flex-direction:column;gap:16px}
 .calm-home .calm-process h2{font-size:27px;line-height:1.2}
 .calm-process .calm-section-heading>a{font-size:12px;min-height:44px}
 .calm-process ol{display:flex;flex-direction:column;gap:16px;margin-top:26px}
 .calm-process ol:before{left:17px;right:auto;top:19px;bottom:35px;height:auto;width:2px;background:var(--plan-yellow,#ffd400)}
 .calm-process li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}
 .calm-process li>span{width:36px;height:36px;margin:15px 0 0;font-size:11px}
 .calm-process li>div{margin:0;padding:18px 16px;border-radius:18px}
 .calm-process li h3{font-size:18px;padding-right:27px}
 .calm-process li p{font-size:13px;line-height:1.65;margin-top:9px}
 .calm-process li>div:after{position:absolute;right:14px;top:19px;width:23px;height:23px;margin:0}
}
@media(prefers-reduced-motion:reduce){.calm-process ol:before{animation:none}.calm-process li>div{transform:none!important;transition:none!important}}
.motion-paused .calm-process ol:before{animation-play-state:paused}.motion-paused .calm-process li>div{transform:none!important;transition:none!important}

.calm-process li:nth-child(1)>div:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23ffd400%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2223%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M12%206V3h8v3M11%2013l2%202%204-4M11%2021l2%202%204-4M20%2014h2M20%2022h2%22%2F%3E%3C%2Fsvg%3E")}

.calm-process li:nth-child(2)>div:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23ffd400%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%203l11%204v8c0%207-5%2011-11%2014C10%2026%205%2022%205%2015V7zM10%2015l4%204%208-8%22%2F%3E%3C%2Fsvg%3E")}

.calm-process li:nth-child(3)>div:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20stroke%3D%22%23ffd400%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h26M16%204v9M11%2013h10v5H11zM16%2018v3a5%205%200%201%201-5%205M11%2026v-3%22%2F%3E%3C%2Fsvg%3E")}

.calm-process .eyebrow{color:var(--plan-yellow,#ffd400)}
@media(hover:hover){.calm-process .calm-section-heading>a:hover{background:var(--plan-yellow,#ffd400);color:#17191a}}
