.armaghan-public-site .am-purpose { background: #fff; color: var(--brand-ink); padding-block: 72px 76px; scroll-margin-block-start: calc(var(--header-height) + 16px); overflow: clip; }
.am-purpose-container { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.am-purpose-main { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: center; gap: clamp(40px, 7vw, 100px); }
.am-purpose-intro, .am-purpose-choices { min-width: 0; }
.am-purpose-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 10px; font-size: .8rem; font-weight: 600; color: var(--brand-text); }
.am-purpose-eyebrow > span { width: 22px; height: 3px; border-radius: 3px; background: var(--brand-gradient); }
.am-purpose h2 { --armaghan-font: "ArmaghanArtDisplay", "ArmaghanIranSansX", sans-serif; position: relative; width: fit-content; margin: 0 0 23px; font-size: clamp(2.2rem, 3.6vw, 3.1rem); line-height: 1.6; font-weight: 900; color: var(--brand-ink); }
.am-purpose h2 svg { position: absolute; bottom: -5px; inset-inline: 0; width: 100%; height: 16px; fill: none; stroke: #1abc9c70; stroke-width: 3; stroke-linecap: round; }
.am-purpose-lead { font-size: 1.05rem; font-weight: 700; margin: 0 0 12px; line-height: 1.9; color: var(--brand-ink); }
.am-purpose-description { font-size: .91rem; line-height: 2.1; margin: 0; color: var(--brand-muted); max-width: 440px; text-align: start; }
.am-purpose-drawing { width: min(300px, 85%); margin: 14px auto 0; color: var(--brand-text); text-align: center; transform: rotate(-4deg); }
.am-purpose-drawing > svg { display: block; width: 100%; height: auto; overflow: visible; }
.am-purpose-wash { fill: #eff9f5; }
.am-purpose-ink { stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.am-purpose-ink .am-purpose-arrow { stroke: var(--brand-end); stroke-width: 3; }
.am-purpose-drawing > span { --armaghan-font: "ArmaghanArtDisplay", "ArmaghanIranSansX", sans-serif; display: block; margin-block-start: -5px; color: var(--brand-text); font-size: 1rem; font-weight: 900; }
.am-purpose-choices { display: flex; flex-direction: column; gap: 18px; }
.am-purpose-path { position: relative; display: grid; grid-template-columns: 74px minmax(0, 1fr) 42px; align-items: center; gap: 22px; padding: 23px 25px; border: 1px solid #dfebe5; border-radius: 30px 9px 30px 9px; background: #fff; color: var(--brand-ink); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.am-purpose-path:nth-child(2) { margin-inline-start: 22px; margin-inline-end: -10px; border-radius: 10px 30px 10px 30px; }
.am-purpose-path:hover { color: var(--brand-ink); border-color: #94cebf; box-shadow: 0 10px 25px #163d4808; transform: translateY(-3px); }
.am-purpose-symbol { position: relative; display: grid; place-items: center; width: 74px; height: 78px; color: var(--brand-text); background: #eef9f3; border-radius: 43% 57% 50% 50% / 55% 42% 58% 45%; transform: rotate(-6deg); }
.am-purpose-symbol > i { font-size: 1.75rem; transform: rotate(6deg); }
.am-purpose-symbol > span { --armaghan-font: "ArmaghanArtDisplay", "ArmaghanIranSansX", sans-serif; position: absolute; bottom: -8px; inset-inline-end: -3px; display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #dcebe3; border-radius: 50%; background: #fff; font-size: .8rem; font-weight: 900; transform: rotate(6deg); }
.am-purpose-path:nth-child(2) .am-purpose-symbol { background: #eef6fc; color: #247eae; border-radius: 55% 45% 42% 58% / 43% 52% 48% 57%; transform: rotate(5deg); }
.am-purpose-path:nth-child(2) .am-purpose-symbol > i, .am-purpose-path:nth-child(2) .am-purpose-symbol > span { transform: rotate(-5deg); }
.am-purpose-path:nth-child(3) .am-purpose-symbol { background: #fffbef; color: #8a7040; border-radius: 45% 55% 56% 44%; }
.am-purpose-path-copy { min-width: 0; }
.am-purpose-path h3 { margin: 0 0 7px; color: var(--brand-ink); font-size: 1.02rem; font-weight: 750; line-height: 1.8; overflow-wrap: anywhere; }
.am-purpose-path-copy p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; font-size: .77rem; line-height: 1.95; color: var(--brand-muted); text-align: start; }
.am-purpose-path-label { display: block; margin-block-start: 10px; color: var(--brand-text); font-size: .71rem; font-weight: 650; }
.am-purpose-path-arrow { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #dcebe3; border-radius: 50%; color: var(--brand-text); font-size: .8rem; transition: background .2s, color .2s; }
.am-purpose-path:hover .am-purpose-path-arrow { background: var(--brand-gradient); border-color: transparent; color: #fff; }
.am-purpose-all { display: inline-flex; align-items: center; align-self: flex-end; gap: 12px; min-height: 44px; padding-block: 7px; font-size: .78rem; font-weight: 600; color: var(--brand-text); text-decoration: none; }
.am-purpose-all:hover { color: var(--brand-ink); }
.am-purpose-all i { font-size: .72rem; }
.am-purpose-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; list-style: none; margin: 40px 0 0; padding: 27px 0 0; border-block-start: 1px dashed #dce9e3; }
.am-purpose-steps li { display: flex; align-items: center; justify-content: center; gap: 14px; min-width: 0; }
.am-purpose-step-number { --armaghan-font: "ArmaghanArtDisplay", "ArmaghanIranSansX", sans-serif; display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 40px; border: 1px solid #cfe5dc; border-radius: 47% 53% 44% 56%; color: var(--brand-text); font-size: 1.25rem; font-weight: 900; transform: rotate(-6deg); }
.am-purpose-steps strong { display: block; color: var(--brand-ink); font-size: .82rem; font-weight: 650; line-height: 1.8; }
.am-purpose-steps div > span { display: block; color: var(--brand-muted); font-size: .71rem; margin-block-start: 4px; line-height: 1.8; }
.am-purpose-empty { border: 1px dashed var(--brand-line); border-radius: 30px 10px; text-align: center; padding: 40px 24px; }
.am-purpose-empty > i { color: var(--brand-text); font-size: 2rem; }
.am-purpose-empty p { margin-block: 18px; color: var(--brand-muted); font-size: .9rem; }
.am-purpose-empty a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--brand-text); }
.am-purpose a:focus-visible { outline: 3px solid var(--brand-text); outline-offset: 5px; }
[dir="ltr"] .am-purpose :is(.am-purpose-path-arrow, .am-purpose-all, .am-purpose-empty) i.fa-arrow-left { transform: rotate(180deg); }
@media (max-width: 1050px) {
    .am-purpose-main { gap: 36px; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
    .am-purpose-path { grid-template-columns: 58px minmax(0, 1fr) 36px; gap: 16px; padding: 21px 18px; }
    .am-purpose-symbol { width: 58px; height: 64px; }
    .am-purpose-symbol > i { font-size: 1.5rem; }
    .am-purpose-path-arrow { width: 36px; height: 36px; }
    .am-purpose-path:nth-child(2) { margin-inline-start: 12px; margin-inline-end: 0; }
}
@media (max-width: 850px) {
    .armaghan-public-site .am-purpose { padding-block: 52px; }
    .am-purpose-main { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .am-purpose-intro { position: relative; padding-inline-end: 210px; min-height: 200px; }
    .am-purpose-description { max-width: none; }
    .am-purpose-drawing { position: absolute; inset-inline-end: -10px; top: 0; width: 200px; margin: 0; }
    .am-purpose-drawing > span { font-size: .8rem; }
    .am-purpose-path { grid-template-columns: 74px minmax(0, 1fr) 42px; gap: 22px; padding: 23px 25px; }
    .am-purpose-symbol { width: 74px; height: 78px; }
    .am-purpose-symbol > i { font-size: 1.75rem; }
    .am-purpose-path-arrow { width: 42px; height: 42px; }
    .am-purpose-path:nth-child(2) { margin-inline-start: 20px; }
    .am-purpose-steps { gap: 20px; }
    .am-purpose-steps li { justify-content: flex-start; align-items: flex-start; gap: 9px; }
    .am-purpose-steps strong { font-size: .75rem; }
}
@media (max-width: 599px) {
    .armaghan-public-site .am-purpose { padding-block: 46px 50px; }
    .am-purpose-container { width: calc(100% - 40px); }
    .am-purpose-main { gap: 25px; }
    .am-purpose-intro { padding-inline-end: 0; min-height: 0; }
    .am-purpose h2 { font-size: 2.2rem; }
    .am-purpose-lead { font-size: .95rem; }
    .am-purpose-description { font-size: .85rem; }
    .am-purpose-drawing { position: static; width: 210px; margin: 14px auto 0; }
    .am-purpose-drawing > span { font-size: .85rem; }
    .am-purpose-choices { gap: 15px; }
    .am-purpose-path { grid-template-columns: 49px minmax(0, 1fr) 30px; gap: 13px; padding: 21px 15px; border-radius: 25px 8px 25px 8px; }
    .am-purpose-path:nth-child(2) { margin-inline-start: 0; border-radius: 8px 25px 8px 25px; }
    .am-purpose-symbol { width: 49px; height: 56px; }
    .am-purpose-symbol > i { font-size: 1.3rem; }
    .am-purpose-symbol > span { width: 23px; height: 23px; font-size: .69rem; }
    .am-purpose-path h3 { font-size: .9rem; }
    .am-purpose-path-copy p { font-size: .73rem; -webkit-line-clamp: 3; }
    .am-purpose-path-label { font-size: .69rem; }
    .am-purpose-path-arrow { width: 30px; height: 30px; font-size: .7rem; }
    .am-purpose-all { align-self: flex-start; font-size: .74rem; }
    .am-purpose-steps { grid-template-columns: minmax(0, 1fr); gap: 0; margin-block-start: 24px; padding-block-start: 22px; }
    .am-purpose-steps li { position: relative; align-items: center; gap: 16px; padding-block: 0 24px; }
    .am-purpose-steps li:last-child { padding-block-end: 0; }
    .am-purpose-steps li:not(:last-child)::after { content: ''; position: absolute; inset-inline-start: 19px; top: 44px; bottom: 4px; border-inline-start: 1px dashed #d3e7dc; }
    .am-purpose-steps strong { font-size: .8rem; }
    .am-purpose-steps div > span { font-size: .7rem; }
}
@media (prefers-reduced-motion: reduce) { .am-purpose-path, .am-purpose-path-arrow { transition: none; } }