.workflow-link{display:block;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.workflow-link:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(9,31,58,.12);border-color:rgba(105,184,63,.36)}
.workflow-link:focus-visible{outline:3px solid rgba(105,184,63,.42);outline-offset:4px}
.workflow-link .step-more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:900;color:#3f8f2c}
.workflow-link .step-more:after{content:'>';font-weight:900}

.step-hero{position:relative;min-height:620px;padding:150px 5vw 90px;display:grid;align-items:end;color:#fff;overflow:hidden;background:#071b35}
.step-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,18,35,.98) 0%,rgba(4,18,35,.92) 34%,rgba(4,18,35,.66) 58%,rgba(4,18,35,.18) 100%),var(--step-hero-image);background-size:cover;background-position:center right}
.step-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 14% 74%,rgba(105,184,63,.2),transparent 24%);pointer-events:none}
.step-hero-inner{position:relative;z-index:1;max-width:960px}
.step-index{display:inline-grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#69b83f;color:#fff;border:8px solid rgba(255,255,255,.94);font-size:26px;font-weight:1000;box-shadow:0 20px 38px rgba(105,184,63,.28);margin-bottom:24px}
.step-hero h1{font-size:clamp(46px,6.5vw,88px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px}
.step-hero p:not(.eyebrow){font-size:20px;color:rgba(255,255,255,.84);max-width:780px}

.step-section{padding:88px 5vw;background:#fff}
.step-section.alt{background:#f8fbfd}
.step-wrap{max-width:1280px;margin:0 auto}
.step-two{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:start}
.step-kicker{font-size:13px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;font-weight:1000;color:#64748b;margin:0 0 14px}
.step-section h2{font-size:clamp(34px,4.8vw,58px);line-height:1.08;letter-spacing:-.025em;color:#071b35;margin:0 0 18px}
.step-section p{font-size:18px;line-height:1.72;color:#64748b;max-width:840px}
.step-list{display:grid;gap:16px;margin-top:24px}
.step-list-item{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid #e4ebf1;border-radius:20px;padding:22px;box-shadow:0 14px 34px rgba(9,31,58,.06)}
.step-list-item b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf5e5;color:#3f8f2c;font-weight:1000}
.step-list-item strong{display:block;color:#071b35;font-size:22px;line-height:1.2;margin-bottom:6px}
.step-list-item span{color:#64748b;line-height:1.62}

.step-photo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.step-photo{position:relative;min-height:260px;border-radius:26px;overflow:hidden;background:#d9e8ef;box-shadow:0 22px 46px rgba(9,31,58,.12)}
.step-photo:first-child{min-height:540px}
.step-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.step-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,35,0),rgba(4,18,35,.24))}
.step-photo-stack{display:grid;gap:18px}

.deliver-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.deliver-card{position:relative;min-height:250px;border-radius:26px;overflow:hidden;padding:28px;color:#fff;background:#071b35;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 42px rgba(9,31,58,.14)}
.deliver-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,35,.14),rgba(4,18,35,.86)),var(--card-image);background-size:cover;background-position:center}
.deliver-card>*{position:relative;z-index:1}
.deliver-card strong{font-size:25px;line-height:1.2;margin-bottom:10px}
.deliver-card span{color:rgba(255,255,255,.78);line-height:1.58}

.detail-note{background:#071b35;color:#fff;border-radius:30px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.detail-note h2{color:#fff;margin:0 0 12px}
.detail-note p{color:rgba(255,255,255,.78);margin:0}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.detail-actions .btn-ghost{border-color:rgba(255,255,255,.32);color:#fff}

.step-nav{display:flex;justify-content:space-between;gap:16px;padding:30px 5vw 80px;background:#fff}
.step-nav a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;color:#071b35;background:#f8fbfd;border:1px solid #e4ebf1;border-radius:18px;padding:20px 22px;font-weight:1000}
.step-nav a:hover{border-color:rgba(105,184,63,.42)}

@media(max-width:980px){.step-two,.detail-note{grid-template-columns:1fr}.step-photo-grid{grid-template-columns:1fr}.step-photo:first-child{min-height:360px}.deliver-grid{grid-template-columns:1fr}.detail-actions{justify-content:flex-start}}
@media(max-width:640px){.step-hero,.step-section,.step-nav{padding-left:22px;padding-right:22px}.step-hero{min-height:560px}.step-list-item{grid-template-columns:1fr}.step-list-item b{margin-bottom:4px}.step-photo,.step-photo:first-child{min-height:260px}.step-nav{display:grid}}