/* A light editorial introduction with three distinct steps, arranged for RTL. */
.method-section{position:relative;padding:36px;margin:14px 0 62px;background:#fffefa;border:1px solid #dbe5dc;border-radius:20px;overflow:hidden}
.method-section:before{content:'';position:absolute;inset-block-start:0;inset-inline-start:36px;width:84px;height:4px;background:#14675f;border-radius:0 0 4px 4px}
.method-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;margin-bottom:30px}
.method-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;color:#447568;font-size:11px;line-height:1.8}
.method-heading .eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#438b7e}
.method-heading h2{font-size:32px;line-height:1.65;letter-spacing:0;margin:12px 0 0;font-weight:700;color:#273f36}
.method-heading h2 span{color:#14675f}
.method-description p{color:#687a70;font-size:14px;line-height:2;margin:0 0 16px}
.method-link{display:inline-flex;gap:13px;align-items:center;color:#14675f;font-size:13px;font-weight:600}
.method-link span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e2eee7;font-size:20px;line-height:1;transition:background .15s}
.method-link:hover{color:#104e48}.method-link:hover span{background:#c8ded2}
.method-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;margin:0}
.method-step{position:relative;display:flex;flex-direction:column;align-items:start;min-width:0;padding:22px;border:1px solid #dfE6dc;border-radius:12px;background:#f3f5ed}
.method-step:nth-child(2){background:#ecf3ed}.method-step:nth-child(3){background:#e7f0e9}
.method-step:after{content:'';position:absolute;inset-block-start:25px;inset-inline-end:22px;width:26px;height:1px;background:#a8c6b5;box-shadow:0 6px 0 #a8c6b5,0 12px 0 #a8c6b5}
.step-number{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c6d9ca;border-radius:50%;background:#fffefa;color:#14675f;font-size:19px;line-height:1;font-weight:600;margin-bottom:18px}
.method-step h3{font-size:17px;line-height:1.6;font-weight:700;color:#24493c;margin:0 0 8px}
.method-step p{font-size:13px;line-height:1.9;color:#65776c;margin:0}
@media(max-width:850px){.method-section{padding:28px}.method-intro{gap:25px}.method-heading h2{font-size:27px}.method-step{padding:18px}.method-step:after{inset-inline-end:18px}.method-step h3{font-size:16px}}
@media(max-width:680px){.method-section{padding:27px 21px 22px;margin-bottom:45px;border-radius:16px}.method-section:before{inset-inline-start:23px;width:64px}.method-intro{grid-template-columns:1fr;gap:18px;margin-bottom:24px}.method-heading h2{font-size:27px;line-height:1.65;margin-top:11px}.method-description p{font-size:14px;line-height:1.95;margin-bottom:13px}.method-link{font-size:13px;gap:10px}.method-link span{width:28px;height:28px}.method-steps{grid-template-columns:1fr;gap:11px}.method-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;padding:17px 15px;border-radius:10px}.method-step:after{display:none}.step-number{margin:0;width:40px;height:40px;font-size:18px}.method-step h3{font-size:16px;margin:0 0 4px}.method-step p{font-size:12px;line-height:1.9}}
@media(max-width:370px){.method-section{padding:25px 16px 18px}.method-heading h2{font-size:24px}.method-step{padding:15px 12px;gap:11px}.method-step h3{font-size:15px}}