.purpose-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#0d0d70,#1717a0);color:#fff}
.purpose-hero:after{content:"";position:absolute;right:-90px;bottom:-170px;width:430px;height:430px;border:80px solid #ffffff0d;border-radius:50%}
.purpose-hero .container{position:relative;z-index:1}
.purpose-hero h1{color:#fff}
.purpose-hero p:last-child{max-width:760px;margin:12px auto 0;color:#ffffffd9;font-size:18px}
.purpose-eyebrow{margin:0 0 5px;color:#efcb88;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.purpose-section{background:linear-gradient(180deg,#fff,#f7f6fb)}
.purpose-intro{max-width:850px;margin:0 auto 44px;text-align:center}
.purpose-intro>span{color:#9a712c;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.purpose-intro h2{margin:7px 0 12px;color:var(--serca-blue);font-size:34px;line-height:1.2}
.purpose-intro p{margin:0;color:#666371;font-size:17px}
.purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.purpose-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:32px 30px 29px;border:1px solid #dedce8;border-radius:10px 34px 10px 10px;background:#fff;box-shadow:0 18px 45px #10108412}
.purpose-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:7px;background:var(--purpose-accent)}
.purpose-card:after{content:"";position:absolute;right:-52px;top:-52px;width:145px;height:145px;border-radius:50%;background:var(--purpose-wash)}
.purpose-mission{--purpose-accent:#101084;--purpose-wash:#eeeeff}
.purpose-vision{--purpose-accent:#d79a2b;--purpose-wash:#fff1d8}
.purpose-values{--purpose-accent:#187452;--purpose-wash:#e4f5ee}
.purpose-card-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.purpose-card-head>span{color:var(--purpose-accent);font-size:13px;font-weight:900;letter-spacing:.16em}
.purpose-card-head svg{width:54px;height:54px;padding:11px;border-radius:16px;background:var(--purpose-wash);fill:none;stroke:var(--purpose-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.purpose-label{margin:0;color:#85818e;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.purpose-card h2{margin:5px 0 18px;color:var(--serca-blue);font-size:27px;line-height:1.15}
.purpose-card>p:not(.purpose-label){margin:0 0 15px;color:#514f5c;font-size:15px;line-height:1.72}
.purpose-card>strong{display:block;margin-top:auto;padding-top:19px;border-top:1px solid #e7e5ed;color:var(--purpose-accent);font-size:14px;line-height:1.45}
.purpose-value-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.purpose-value-list li{position:relative;padding-left:17px}
.purpose-value-list li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--purpose-accent)}
.purpose-value-list strong,.purpose-value-list span{display:block}
.purpose-value-list strong{color:#2e2c3a;font-size:14px}
.purpose-value-list span{margin-top:2px;color:#696674;font-size:13px;line-height:1.5}
@media(max-width:1050px){.purpose-grid{grid-template-columns:1fr}.purpose-card{border-radius:10px 28px 10px 10px}.purpose-card>p:not(.purpose-label){max-width:850px}}
@media(max-width:650px){.purpose-intro h2{font-size:28px}.purpose-card{padding:27px 22px 25px}.purpose-hero p:last-child{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.purpose-card{transition:transform .25s ease,box-shadow .25s ease}.purpose-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px #1010841c}}