#discover-purpose { padding:clamp(40px,6vw,72px) 0; border-top:1px solid var(--border); background:radial-gradient(ellipse at 0 0,rgba(109,40,217,.055),transparent 65%),var(--background); }
#discover-purpose .pws-purpose-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; }
#discover-purpose .pws-purpose-eyebrow { display:block; color:var(--primary); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; margin-bottom:10px; }
#discover-purpose h2 { margin:0 0 10px; color:var(--text-main); font-size:clamp(26px,3vw,36px); line-height:1.2; letter-spacing:-.035em; }
#discover-purpose .pws-purpose-heading p { margin:0; color:var(--text-secondary); font-size:15px; line-height:1.65; }
#discover-purpose .pws-purpose-controls { display:flex; gap:8px; flex-shrink:0; }
#discover-purpose [hidden] { display:none; }
#discover-purpose button { width:44px; height:44px; display:grid; place-items:center; border:1px solid var(--border); border-radius:50%; background:var(--card-background); color:var(--text-main); transition:background .2s,border-color .2s,color .2s; }
#discover-purpose button:hover:not(:disabled) { background:var(--primary); border-color:var(--primary); color:var(--card-background); }
#discover-purpose button:disabled { opacity:.35; cursor:default; }
#discover-purpose button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#discover-purpose .pws-purpose-track { display:flex; gap:18px; list-style:none; padding:8px 3px 18px; margin:0 -3px; overflow-x:auto; scroll-snap-type:x proximity; scroll-padding-inline:3px; overscroll-behavior-x:contain; scrollbar-width:none; }
#discover-purpose .pws-purpose-track::-webkit-scrollbar { display:none; }
#discover-purpose .pws-purpose-track li { flex:0 0 calc((100% - 54px)/4); min-width:0; scroll-snap-align:start; }
#discover-purpose .pws-purpose-card { display:flex; flex-direction:column; height:100%; min-height:238px; padding:24px; border:1px solid var(--border); border-radius:22px; background:var(--card-background); color:var(--text-main); box-shadow:0 3px 8px rgba(35,15,70,.025); transition:transform .25s,box-shadow .25s,border-color .25s; }
#discover-purpose .pws-purpose-card:hover { transform:translateY(-4px); border-color:var(--primary); box-shadow:0 12px 26px rgba(109,40,217,.1); }
#discover-purpose .pws-purpose-card-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:22px; }
#discover-purpose .pws-purpose-icon { width:52px; height:52px; display:grid; place-items:center; flex-shrink:0; border-radius:16px; background:rgba(109,40,217,.08); color:var(--primary); }
#discover-purpose .pws-purpose-icon svg { fill:currentColor; }
#discover-purpose .pws-purpose-count { font-size:11px; color:var(--text-secondary); white-space:nowrap; }
#discover-purpose h3 { margin:0 0 8px; font-size:19px; line-height:1.3; letter-spacing:-.02em; }
#discover-purpose .pws-purpose-card p { font-size:13px; line-height:1.65; color:var(--text-secondary); margin:0 0 22px; }
#discover-purpose .pws-purpose-link { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; font-size:12px; font-weight:700; color:var(--primary); }
#discover-purpose .pws-purpose-link svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s; }
#discover-purpose .pws-purpose-card:hover .pws-purpose-link svg { transform:translateX(3px); }
#discover-purpose .pws-purpose-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:10px; color:var(--text-secondary); font-size:12px; }
#discover-purpose .pws-purpose-progress { width:130px; height:3px; background:var(--border); border-radius:5px; overflow:hidden; }
#discover-purpose .pws-purpose-progress span { display:block; height:100%; width:0; background:var(--primary); border-radius:5px; }
#discover-purpose a:focus-visible,#discover-purpose button:focus-visible { outline:3px solid var(--primary); outline-offset:3px; }
@media (max-width:1100px) { #discover-purpose .pws-purpose-track li { flex-basis:calc((100% - 36px)/3); } }
@media (max-width:760px) { #discover-purpose .pws-purpose-track li { flex-basis:calc((100% - 18px)/2.2); } #discover-purpose .pws-purpose-card { padding:20px; } }
@media (max-width:520px) { #discover-purpose .pws-purpose-heading { flex-wrap:wrap; gap:16px; margin-bottom:14px; } #discover-purpose .pws-purpose-controls { margin-left:auto; } #discover-purpose .pws-purpose-track li { flex-basis:84%; } #discover-purpose .pws-purpose-card { min-height:232px; padding:22px; } #discover-purpose .pws-purpose-heading p { font-size:14px; } #discover-purpose .pws-purpose-footer { gap:12px; font-size:11px; } #discover-purpose .pws-purpose-progress { width:70px; flex-shrink:0; } }
@media (prefers-reduced-motion:reduce) { #discover-purpose * { transition:none !important; } #discover-purpose .pws-purpose-card:hover { transform:none; } }