.purpose-guide{max-width:1120px;margin:42px auto 54px;padding:clamp(24px,4vw,42px);background:linear-gradient(135deg,#f1f7f4 0%,#f8fbfa 48%,#eef5f3 100%);border:1px solid #cfe0da;border-radius:26px;box-shadow:0 18px 44px rgba(31,67,58,.08)}
.purpose-guide__heading{max-width:720px;margin-bottom:24px}.purpose-guide__heading>p{margin:0 0 8px;color:#356d5d;font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.purpose-guide__heading h2{margin:0 0 10px;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.25;color:#173c33}.purpose-guide__heading>span{color:#4b625b;line-height:1.8}
.purpose-guide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.purpose-card{position:relative;display:flex;min-height:270px;padding:26px 22px 22px;flex-direction:column;color:#17332c;text-decoration:none;background:#fff;border:1px solid #d6e4df;border-radius:20px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.purpose-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:#4b8d79}.purpose-card--data:before{background:#4e7795}.purpose-card--large:before{background:#886e50}.purpose-card:hover,.purpose-card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 34px rgba(27,60,51,.12);border-color:#94b8ac}.purpose-card__number{align-self:flex-end;color:#b5c8c2;font:700 2.1rem/1 Georgia,serif}.purpose-card small{margin:12px 0 8px;color:#557169;font-weight:800}.purpose-card h3{margin:0 0 10px;font-size:1.16rem;line-height:1.55}.purpose-card p{margin:0 0 22px;color:#53645f;line-height:1.7}.purpose-card strong{margin-top:auto;color:#235d4d;font-size:.92rem}.purpose-guide__note{margin:18px 2px 0;color:#64746f;font-size:.78rem;line-height:1.7}
@media(max-width:800px){.purpose-guide{margin:28px 16px 42px;padding:24px 18px;border-radius:20px}.purpose-guide__grid{grid-template-columns:1fr}.purpose-card{min-height:0}.purpose-card__number{position:absolute;right:18px;top:18px}.purpose-card h3{padding-right:36px}}