.toolkit-workflows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.workflow-card{position:relative;isolation:isolate;overflow:hidden;padding:28px;border:1px solid var(--glass-edge);border-radius:14px;background:linear-gradient(130deg,#3b353061,#1c1c1c9e);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:var(--glass-shadow);min-width:0;transition:transform .28s ease-out,background .25s,border-color .25s,box-shadow .25s}
.workflow-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff08,transparent 38%,transparent 68%,#c7976b06)}
.workflow-card:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%),#d6ae8824,transparent 65%);opacity:0;transition:opacity .3s}
.workflow-card:hover{background:linear-gradient(130deg,#4a3e3380,#242221b0);border-color:#c7976b66;box-shadow:0 24px 55px #0005,inset 0 1px #ffffff1a}
.motion-enabled .workflow-card:hover:after{opacity:1}
@media(hover:hover) and (pointer:fine){.motion-enabled .workflow-card{transform:perspective(1800px) rotateX(calc(var(--tilt-x,0deg) * .45)) rotateY(calc(var(--tilt-y,0deg) * .45))}.motion-enabled .workflow-card:hover .workflow-heading>.icon{transform:translateY(-2px)}}
.motion-paused .workflow-card,.motion-paused .workflow-heading>.icon{transform:none!important}
@media(prefers-reduced-motion:reduce){.workflow-card,.workflow-card:after,.workflow-heading>.icon{transform:none!important;transition:none!important}.workflow-card:after{opacity:0!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.workflow-card{background:#24211f}}
.workflow-heading{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.workflow-heading>.icon{width:25px;height:25px;color:var(--accent);transition:transform .3s}
.workflow-heading h3{font-family:var(--heading);font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-.35px;margin:0}
.workflow-card>p{color:var(--steel);font-size:.9375rem;line-height:1.75;margin:0 0 19px}
.toolkit-items{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.toolkit-items>li{font-size:.875rem;line-height:1.5;color:#ded5cd;padding:6px 11px;border:1px solid #c7976b29;border-radius:7px;background:#c7976b08;max-width:100%;overflow-wrap:anywhere}
.workflow-card .toolkit-learning{margin:17px 0 0;font-size:.875rem;color:#b7a99d}
.toolkit-learning strong{font-weight:500;color:#d8bc9f}
.toolkit-exploring{display:grid;grid-template-columns:160px 1fr;gap:22px;margin-top:23px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:baseline}
.toolkit-exploring h3{font:400 .75rem/1.7 var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--accent);margin:0}
.toolkit-exploring p{font-size:.9375rem;line-height:1.75;color:var(--steel);margin:0}
@media(max-width:600px){.toolkit-workflows{grid-template-columns:1fr;gap:16px}.workflow-card{padding:23px}.workflow-heading h3{font-size:1.2rem}.toolkit-exploring{grid-template-columns:1fr;gap:10px}.toolkit-items{gap:7px}}
