# AI Engineer Summit 2025: Agents at Work

By Corey J. Gallon · 2025-02-22 · https://gallon.me/ai-engineer-summit-2025-agents-at-work.html

---

<style>
        @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        
        .cyberpunk-article {
            --neon-pink: #ff2a6d;
            --neon-blue: #05d9e8;
            --neon-purple: #be00fe;
            --dark-bg: #000000;
            --dark-accent: #1a1330;
            --light-text: #d1f7ff;
            --grid-color: rgba(5, 217, 232, 0.2);
        }
        
        .cyberpunk-article {
            background-color: var(--dark-bg);
            color: var(--light-text);
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            background-image: 
                linear-gradient(0deg, var(--grid-color) 1px, transparent 1px),
                linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);
            background-size: 20px 20px;
            overflow-x: hidden;
        }
        
        .cyberpunk-article .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
            width: 100%;
            box-sizing: border-box;
        }
        
        .cyberpunk-article .header {
            position: relative;
            padding: 40px 30px;
            margin-bottom: 0;
            border-bottom: 2px solid var(--neon-pink);
            background: rgba(0, 0, 0, 0.7);
            overflow: hidden;
        }
        
        .cyberpunk-article .header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-pink));
            z-index: 1;
            animation: neonGlow 3s ease-in-out infinite;
        }
        
        @keyframes neonGlow {
            0% { opacity: 1; }
            50% { opacity: 0.7; }
            100% { opacity: 1; }
        }
        
        .cyberpunk-article .glitch-wrapper {
            position: relative;
        }
        
        .cyberpunk-article .header h1 {
            font-family: 'Share Tech Mono', monospace;
            font-size: 42px;
            color: var(--light-text);
            text-shadow: 
                0 0 5px var(--neon-blue),
                0 0 10px var(--neon-blue),
                0 0 20px var(--neon-purple);
            margin-bottom: 5px;
            position: relative;
            z-index: 1;
            word-wrap: break-word;
        }
        
        .cyberpunk-article .subtitle {
            font-family: 'Share Tech Mono', monospace;
            font-size: 32px;
            font-weight: bold;
            color: var(--neon-blue);
            margin-bottom: 15px;
            margin-top: 10px;
            text-align: left;
            letter-spacing: 1px;
            position: relative;
            z-index: 1;
            display: inline-block;
            clear: both;
            word-wrap: break-word;
        }
        
        .cyberpunk-article .subtitle::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 2px;
            background: var(--neon-pink);
        }
        
        .cyberpunk-article .header-info {
            font-size: 18px;
            margin-bottom: 5px;
        }
        
        .cyberpunk-article .header-info strong {
            color: var(--neon-pink);
            font-weight: 600;
        }
        
        .cyberpunk-article .neon-divider {
            height: 2px;
            background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-pink));
            margin: 30px 0;
            position: relative;
        }
        
        .cyberpunk-article .neon-divider::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: 0 0 10px 1px var(--neon-purple);
        }
        
        .cyberpunk-article .newsletter-content {
            background-color: rgba(0, 0, 0, 0.3);
            padding: 30px;
            backdrop-filter: blur(5px);
            border-left: 2px solid var(--neon-blue);
            margin-bottom: 30px;
        }
        
        .cyberpunk-article h2 {
            font-family: 'Share Tech Mono', monospace;
            color: var(--neon-blue);
            margin: 25px 0 15px 0;
            position: relative;
            display: inline-block;
            font-size: 28px;
        }
        
        .cyberpunk-article h2::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 2px;
            background: var(--neon-pink);
        }
        
        .cyberpunk-article h3 {
            font-family: 'Share Tech Mono', monospace;
            color: var(--neon-purple);
            margin: 20px 0 10px 0;
            font-size: 22px;
        }
        
        .cyberpunk-article p {
            margin-bottom: 15px;
            font-size: 16px;
            line-height: 1.7;
        }
        
        .cyberpunk-article ul, .cyberpunk-article ol {
            margin: 15px 0 15px 25px;
        }
        
        .cyberpunk-article li {
            margin-bottom: 8px;
        }
        
        .cyberpunk-article .quote {
            border-left: 3px solid var(--neon-pink);
            padding: 10px 20px;
            margin: 20px 0;
            position: relative;
            background: rgba(190, 0, 254, 0.1);
        }
        
        .cyberpunk-article .quote p {
            font-style: italic;
        }
        
        .cyberpunk-article .quote cite {
            display: block;
            text-align: right;
            margin-top: 10px;
            color: var(--neon-pink);
            font-size: 14px;
        }
        
        .cyberpunk-article .quote::before {
            content: '"';
            position: absolute;
            left: 7px;
            top: -10px;
            font-size: 60px;
            color: var(--neon-pink);
            opacity: 0.4;
            font-family: 'Share Tech Mono', monospace;
        }
        
        .cyberpunk-article .highlights {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }
        
        .cyberpunk-article .highlight-card {
            background: var(--dark-accent);
            border: 1px solid var(--neon-blue);
            padding: 20px;
            position: relative;
            overflow: hidden;
        }
        
        .cyberpunk-article .highlight-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--neon-pink);
        }
        
        .cyberpunk-article .highlight-card h4 {
            color: var(--neon-blue);
            margin-bottom: 10px;
            font-family: 'Share Tech Mono', monospace;
        }
        
        .cyberpunk-article .footer {
            text-align: center;
            padding: 40px 30px;
            margin-top: 40px;
            border-top: 2px solid var(--neon-purple);
            font-size: 14px;
            position: relative;
            background: rgba(10, 2, 33, 0.3);
            backdrop-filter: blur(5px);
            border-radius: 8px;
            display: flex;
            flex-direction: column;
            align-items: center;
            animation: footerFadeIn 1s ease-out forwards;
            opacity: 0;
        }
        
        @keyframes footerFadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .cyberpunk-article .footer p {
            margin-bottom: 10px;
        }
        
        .cyberpunk-article .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            margin-bottom: 20px;
            width: 100%;
            max-width: 800px;
        }
        
        .cyberpunk-article .footer-left {
            flex: 1;
            min-width: 250px;
            text-align: left;
            border-left: 2px solid var(--neon-blue);
            padding-left: 20px;
            animation: slideInLeft 0.8s ease-out forwards;
            opacity: 0;
            animation-delay: 0.3s;
        }
        
        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        .cyberpunk-article .footer-right {
            flex: 1;
            min-width: 250px;
            text-align: left;
            border-left: 2px solid var(--neon-pink);
            padding-left: 20px;
            animation: slideInRight 0.8s ease-out forwards;
            opacity: 0;
            animation-delay: 0.5s;
        }
        
        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }
        
        .cyberpunk-article .footer-name {
            font-family: 'Share Tech Mono', monospace;
            color: var(--neon-blue);
            font-size: 20px;
            margin-bottom: 5px;
            letter-spacing: 1px;
            position: relative;
            display: inline-block;
        }
        
        .cyberpunk-article .footer-name::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 1px;
            background: var(--neon-blue);
            animation: lineGrow 1.5s ease-in-out infinite alternate;
        }
        
        @keyframes lineGrow {
            from {
                width: 0;
                opacity: 0.5;
            }
            to {
                width: 100%;
                opacity: 1;
            }
        }
        
        .cyberpunk-article .footer-role {
            color: var(--light-text);
            font-size: 16px;
            margin-bottom: 15px;
        }
        
        .cyberpunk-article .footer-company {
            color: var(--neon-purple);
            font-size: 16px;
            margin-bottom: 20px;
            font-weight: 500;
        }
        
        .cyberpunk-article .footer-contact {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        
        .cyberpunk-article .footer-contact-item {
            display: flex;
            align-items: center;
            gap: 10px;
            transition: transform 0.3s ease;
        }
        
        .cyberpunk-article .footer-contact-item:hover {
            transform: translateX(5px);
        }
        
        .cyberpunk-article .footer-contact-item span {
            color: var(--neon-pink);
            font-weight: 500;
        }
        
        .cyberpunk-article .footer a {
            color: var(--neon-blue);
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
            padding-bottom: 2px;
        }
        
        .cyberpunk-article .footer a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--neon-pink);
            transition: width 0.3s ease;
        }
        
        .cyberpunk-article .footer a:hover {
            color: var(--neon-pink);
        }
        
        .cyberpunk-article .footer a:hover::after {
            width: 100%;
        }
        
        .cyberpunk-article .footer-cta {
            margin-top: 20px;
            color: var(--neon-pink);
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 1px;
            text-shadow: 0 0 5px rgba(255, 42, 109, 0.5);
            font-family: 'Share Tech Mono', monospace;
            animation: glowPulse 2s ease-in-out infinite alternate;
            opacity: 0;
            animation-delay: 0.8s;
            animation-fill-mode: forwards;
        }
        
        @keyframes glowPulse {
            0% {
                opacity: 1;
                text-shadow: 0 0 5px rgba(255, 42, 109, 0.5);
            }
            100% {
                opacity: 1;
                text-shadow: 0 0 15px rgba(255, 42, 109, 0.8);
            }
        }
        
        .cyberpunk-article .footer::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple), var(--neon-blue));
        }
        
        .cyberpunk-article code {
            font-family: 'Share Tech Mono', monospace;
            background: rgba(5, 217, 232, 0.1);
            color: var(--neon-blue);
            padding: 2px 5px;
            border-radius: 3px;
        }
        
        /* Custom styling for blockquotes to make them stand out */
        .cyberpunk-article blockquote {
            border-left: 3px solid var(--neon-pink);
            padding: 10px 20px;
            margin: 20px 0;
            background: rgba(255, 42, 109, 0.1);
            font-style: italic;
        }
        
        /* Section animations */
        .cyberpunk-article .section-animate {
            animation: sectionFadeIn 0.8s ease-out forwards;
            opacity: 0;
        }
        
        @keyframes sectionFadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Grid/cyberpunk elements */
        .cyberpunk-article .cyber-circuit {
            position: absolute;
            width: 300px;
            height: 300px;
            background-image: 
                radial-gradient(var(--neon-blue) 1px, transparent 1px),
                radial-gradient(var(--neon-purple) 1px, transparent 1px);
            background-size: 30px 30px;
            background-position: 0 0, 15px 15px;
            transform: rotate(45deg);
            opacity: 0.1;
            z-index: 0;
        }
        
        /* Table styling */
        .cyberpunk-article table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-family: 'Inter', sans-serif;
        }
        
        .cyberpunk-article th {
            background-color: rgba(190, 0, 254, 0.2);
            color: var(--neon-blue);
            padding: 12px 15px;
            text-align: left;
            font-family: 'Share Tech Mono', monospace;
            border-bottom: 2px solid var(--neon-pink);
        }
        
        .cyberpunk-article td {
            padding: 10px 15px;
            border-bottom: 1px solid rgba(5, 217, 232, 0.2);
        }
        
        .cyberpunk-article tr:hover {
            background-color: rgba(5, 217, 232, 0.05);
        }

        /* Added styles for specific demonstration */
        .cyberpunk-article .takeaways-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
            margin: 30px 0;
        }
        
        .cyberpunk-article .takeaway-card {
            background: var(--dark-accent);
            border: 1px solid var(--neon-blue);
            padding: 20px;
            position: relative;
            box-shadow: 0 0 15px rgba(5, 217, 232, 0.15);
        }
        
        .cyberpunk-article .takeaway-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: var(--neon-pink);
        }
        
        .cyberpunk-article .questions-list {
            list-style-type: none;
            margin: 20px 0;
            padding: 0;
        }
        
        .cyberpunk-article .question-item {
            background: var(--dark-accent);
            margin-bottom: 15px;
            padding: 15px 20px;
            border-left: 3px solid var(--neon-purple);
            position: relative;
            transition: transform 0.3s ease;
        }
        
        .cyberpunk-article .question-item:hover {
            transform: translateX(5px);
            background: rgba(26, 19, 48, 0.9);
        }
        
        .cyberpunk-article .quotes-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
            gap: 25px;
            margin: 30px 0;
        }
        
        .cyberpunk-article .quote-card {
            background: rgba(26, 19, 48, 0.7);
            border-left: 3px solid var(--neon-pink);
            padding: 20px;
            position: relative;
            box-shadow: 0 0 20px rgba(190, 0, 254, 0.2);
        }
        
        .cyberpunk-article .quote-text {
            font-style: italic;
            margin-bottom: 10px;
            position: relative;
            padding-left: 20px;
        }
        
        .cyberpunk-article .quote-text::before {
            content: '"';
            position: absolute;
            left: 0;
            top: -5px;
            font-size: 30px;
            color: var(--neon-pink);
            font-family: 'Share Tech Mono', monospace;
        }
        
        .cyberpunk-article .quote-attribution {
            text-align: right;
            color: var(--neon-blue);
            font-family: 'Share Tech Mono', monospace;
        }
        
        .cyberpunk-article .glitch-effect {
            position: relative;
            display: inline-block;
        }
        
        .cyberpunk-article .glitch-effect::before,
        .cyberpunk-article .glitch-effect::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        .cyberpunk-article .glitch-effect::before {
            left: 2px;
            text-shadow: -1px 0 var(--neon-pink);
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim-1 5s linear infinite alternate-reverse;
        }
        
        .cyberpunk-article .glitch-effect::after {
            left: -2px;
            text-shadow: -1px 0 var(--neon-blue);
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim-2 5s linear infinite alternate-reverse;
        }
        
        .cyberpunk-article .glitch-effect::before {
            left: 2px;
            text-shadow: -1px 0 var(--neon-pink);
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim-1 5s linear infinite alternate-reverse;
        }
        
        .cyberpunk-article .glitch-effect::after {
            left: -2px;
            text-shadow: -1px 0 var(--neon-blue);
            clip: rect(44px, 450px, 56px, 0);
            animation: glitch-anim-2 5s linear infinite alternate-reverse;
        }
        
        @keyframes glitch-anim-1 {
            0% {
                clip: rect(68px, 9999px, 42px, 0);
            }
            5% {
                clip: rect(34px, 9999px, 22px, 0);
            }
            10% {
                clip: rect(67px, 9999px, 78px, 0);
            }
            15% {
                clip: rect(95px, 9999px, 59px, 0);
            }
            20% {
                clip: rect(5px, 9999px, 59px, 0);
            }
            25% {
                clip: rect(15px, 9999px, 42px, 0);
            }
            30% {
                clip: rect(95px, 9999px, 76px, 0);
            }
            35% {
                clip: rect(45px, 9999px, 85px, 0);
            }
            40% {
                clip: rect(19px, 9999px, 24px, 0);
            }
            45% {
                clip: rect(78px, 9999px, 85px, 0);
            }
            50% {
                clip: rect(19px, 9999px, 88px, 0);
            }
            55% {
                clip: rect(45px, 9999px, 76px, 0);
            }
            60% {
                clip: rect(56px, 9999px, 83px, 0);
            }
            65% {
                clip: rect(12px, 9999px, 59px, 0);
            }
            70% {
                clip: rect(31px, 9999px, 44px, 0);
            }
            75% {
                clip: rect(96px, 9999px, 81px, 0);
            }
            80% {
                clip: rect(1px, 9999px, 98px, 0);
            }
            85% {
                clip: rect(89px, 9999px, 34px, 0);
            }
            90% {
                clip: rect(15px, 9999px, 12px, 0);
            }
            95% {
                clip: rect(37px, 9999px, 38px, 0);
            }
            100% {
                clip: rect(45px, 9999px, 88px, 0);
            }
        }
        
        @keyframes glitch-anim-2 {
            0% {
                clip: rect(28px, 9999px, 69px, 0);
            }
            5% {
                clip: rect(89px, 9999px, 68px, 0);
            }
            10% {
                clip: rect(3px, 9999px, 55px, 0);
            }
            15% {
                clip: rect(12px, 9999px, 38px, 0);
            }
            20% {
                clip: rect(55px, 9999px, 45px, 0);
            }
            25% {
                clip: rect(89px, 9999px, 34px, 0);
            }
            30% {
                clip: rect(25px, 9999px, 99px, 0);
            }
            35% {
                clip: rect(45px, 9999px, 9px, 0);
            }
            40% {
                clip: rect(72px, 9999px, 63px, 0);
            }
            45% {
                clip: rect(12px, 9999px, 14px, 0);
            }
            50% {
                clip: rect(34px, 9999px, 71px, 0);
            }
            55% {
                clip: rect(58px, 9999px, 46px, 0);
            }
            60% {
                clip: rect(49px, 9999px, 43px, 0);
            }
            65% {
                clip: rect(99px, 9999px, 45px, 0);
            }
            70% {
                clip: rect(78px, 9999px, 10px, 0);
            }
            75% {
                clip: rect(67px, 9999px, 51px, 0);
            }
            80% {
                clip: rect(5px, 9999px, 88px, 0);
            }
            85% {
                clip: rect(99px, 9999px, 89px, 0);
            }
            90% {
                clip: rect(65px, 9999px, 4px, 0);
            }
            95% {
                clip: rect(55px, 9999px, 21px, 0);
            }
            100% {
                clip: rect(5px, 9999px, 67px, 0);
            }
        }
        
        /* Resources Compendium styling */
        .cyberpunk-article .resources-section {
            margin: 20px 0;
        }
        
        .cyberpunk-article .resources-category {
            margin-bottom: 30px;
            animation: fadeInUp 0.8s ease-out forwards;
            opacity: 0;
        }
        
        .cyberpunk-article .resources-category:nth-child(1) { animation-delay: 0.1s; }
        .cyberpunk-article .resources-category:nth-child(2) { animation-delay: 0.2s; }
        .cyberpunk-article .resources-category:nth-child(3) { animation-delay: 0.3s; }
        .cyberpunk-article .resources-category:nth-child(4) { animation-delay: 0.4s; }
        .cyberpunk-article .resources-category:nth-child(5) { animation-delay: 0.5s; }
        
        .cyberpunk-article .resources-category h3 {
            color: var(--neon-pink);
            margin-bottom: 20px;
            text-shadow: 0 0 5px rgba(255, 42, 109, 0.5);
        }
        
        .cyberpunk-article .resources-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 15px;
        }
        
        .cyberpunk-article .resource-item {
            background: var(--dark-accent);
            padding: 20px;
            border-left: 3px solid var(--neon-blue);
            position: relative;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
        }
        
        .cyberpunk-article .resource-item:hover {
            transform: translateX(10px);
            background: rgba(26, 19, 48, 0.9);
            border-left-color: var(--neon-pink);
            box-shadow: 
                0 0 10px rgba(5, 217, 232, 0.2),
                0 0 20px rgba(5, 217, 232, 0.1);
        }
        
        .cyberpunk-article .resource-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, var(--neon-blue), transparent);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .cyberpunk-article .resource-item:hover::before {
            opacity: 1;
        }
        
        .cyberpunk-article .resource-item p {
            margin: 0;
        }
        
        .cyberpunk-article .resource-item a {
            color: var(--neon-blue);
            text-decoration: none;
            font-weight: 600;
            position: relative;
            transition: all 0.3s ease;
            padding: 0 2px;
        }
        
        .cyberpunk-article .resource-item a:hover {
            color: var(--neon-pink);
            text-shadow: 0 0 5px rgba(255, 42, 109, 0.7);
        }
        
        .cyberpunk-article .resource-item a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 1px;
            background: var(--neon-blue);
            transition: all 0.3s ease;
        }
        
        .cyberpunk-article .resource-item a:hover::after {
            background: var(--neon-pink);
            height: 2px;
            box-shadow: 0 0 5px rgba(255, 42, 109, 0.7);
        }
        
        /* Action Items styling */
        .cyberpunk-article .action-items-container {
            margin: 20px 0;
        }
        
        .cyberpunk-article .action-items-group {
            margin-bottom: 30px;
            animation: fadeInUp 0.8s ease-out forwards;
            opacity: 0;
        }
        
        .cyberpunk-article .action-items-group:nth-child(1) { animation-delay: 0.1s; }
        .cyberpunk-article .action-items-group:nth-child(2) { animation-delay: 0.2s; }
        .cyberpunk-article .action-items-group:nth-child(3) { animation-delay: 0.3s; }
        .cyberpunk-article .action-items-group:nth-child(4) { animation-delay: 0.4s; }
        .cyberpunk-article .action-items-group:nth-child(5) { animation-delay: 0.5s; }
        .cyberpunk-article .action-items-group:nth-child(6) { animation-delay: 0.6s; }
        .cyberpunk-article .action-items-group:nth-child(7) { animation-delay: 0.7s; }
        
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .cyberpunk-article .action-items-role {
            font-family: 'Share Tech Mono', monospace;
            color: var(--neon-pink);
            font-size: 20px;
            margin-bottom: 15px;
            padding-left: 15px;
            position: relative;
            text-shadow: 0 0 5px rgba(255, 42, 109, 0.5);
        }
        
        .cyberpunk-article .action-items-role::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 5px;
            height: 0;
            background: var(--neon-blue);
            transition: height 0.3s ease;
            transform: translateY(-50%);
        }
        
        .cyberpunk-article .action-items-group:hover .action-items-role::before {
            height: 100%;
        }
        
        .cyberpunk-article .action-items-list {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        
        .cyberpunk-article .action-item {
            background: rgba(26, 19, 48, 0.7);
            margin-bottom: 15px;
            padding: 15px 20px;
            border-left: 3px solid var(--neon-blue);
            position: relative;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
        }
        
        .cyberpunk-article .action-item:hover {
            transform: translateX(10px);
            background: rgba(26, 19, 48, 0.9);
            border-left-color: var(--neon-pink);
            box-shadow: 
                0 0 10px rgba(5, 217, 232, 0.2),
                0 0 20px rgba(5, 217, 232, 0.1);
        }
        
        .cyberpunk-article .action-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, var(--neon-blue), transparent);
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .cyberpunk-article .action-item:hover::before {
            opacity: 1;
        }
        
        /* Industry Direction styling */
        .cyberpunk-article .industry-direction-list {
            list-style-type: none;
            margin: 20px 0;
            padding: 0;
        }
        
        .cyberpunk-article .industry-item {
            background: var(--dark-accent);
            margin-bottom: 15px;
            padding: 15px 20px;
            border-left: 3px solid var(--neon-blue);
            position: relative;
            transition: transform 0.3s ease;
        }
        
        .cyberpunk-article .industry-item:hover {
            transform: translateX(5px);
            background: rgba(26, 19, 48, 0.9);
        }
        
        .cyberpunk-article .subtitle.glitch-effect::before {
            left: 1px;
            text-shadow: -1px 0 var(--neon-pink);
            clip: rect(24px, 450px, 36px, 0);
            animation: glitch-anim-1 4s linear infinite alternate-reverse;
        }
        
        .cyberpunk-article .subtitle.glitch-effect::after {
            left: -1px;
            text-shadow: -1px 0 var(--neon-purple);
            clip: rect(24px, 450px, 36px, 0);
            animation: glitch-anim-2 4s linear infinite alternate-reverse;
        }
        
        /* Responsive Media Queries */
        @media screen and (max-width: 1024px) {
            .cyberpunk-article .container {
                padding: 15px;
            }
            
            .cyberpunk-article .header {
                padding: 30px 20px;
                margin-bottom: 0;
            }
            
            .cyberpunk-article .header h1 {
                font-size: 36px;
            }
            
            .cyberpunk-article .subtitle {
                font-size: 28px;
            }
            
            .cyberpunk-article h2 {
                font-size: 24px;
            }
            
            .cyberpunk-article h3 {
                font-size: 20px;
            }
        }
        
        @media screen and (max-width: 768px) {
            .cyberpunk-article .container {
                padding: 12px;
            }
            
            .cyberpunk-article .header {
                padding: 25px 15px;
                margin-bottom: 0;
            }
            
            .cyberpunk-article .header h1 {
                font-size: 32px;
            }
            
            .cyberpunk-article .subtitle {
                font-size: 24px;
            }
            
            .cyberpunk-article .header-info {
                font-size: 16px;
            }
            
            .cyberpunk-article .quotes-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .cyberpunk-article .takeaways-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            
            .cyberpunk-article .resources-grid {
                grid-template-columns: 1fr;
            }
            
            .cyberpunk-article .footer-content {
                flex-direction: column;
                gap: 20px;
            }
            
            .cyberpunk-article .footer-left, .cyberpunk-article .footer-right {
                min-width: 100%;
            }
            
            .cyberpunk-article .newsletter-content {
                padding: 20px 15px;
            }
            
            .cyberpunk-article h2 {
                font-size: 22px;
            }
            
            .cyberpunk-article h3 {
                font-size: 18px;
            }
            
            .cyberpunk-article p, .cyberpunk-article li {
                font-size: 15px;
            }
            
            /* Fix for glitch effect on mobile */
            .cyberpunk-article .glitch-effect::before,
            .cyberpunk-article .glitch-effect::after {
                display: none;
            }
            
            /* Improve mobile touch targets */
            .cyberpunk-article .footer-contact-item {
                padding: 5px 0;
            }
            
            .cyberpunk-article .question-item, .cyberpunk-article .action-item, .cyberpunk-article .industry-item {
                margin-bottom: 10px;
            }
        }
        
        @media screen and (max-width: 480px) {
            .cyberpunk-article .container {
                padding: 10px;
            }
            
            .cyberpunk-article .header {
                padding: 20px 12px;
                margin-bottom: 0;
            }
            
            .cyberpunk-article .header h1 {
                font-size: 28px;
                text-shadow: 
                    0 0 3px var(--neon-blue),
                    0 0 7px var(--neon-blue),
                    0 0 14px var(--neon-purple);
            }
            
            .cyberpunk-article .subtitle {
                font-size: 20px;
            }
            
            .cyberpunk-article .header-info {
                font-size: 14px;
            }
            
            .cyberpunk-article .newsletter-content {
                padding: 15px 12px;
            }
            
            .cyberpunk-article .quote-card {
                padding: 15px;
            }
            
            .cyberpunk-article .quote-text {
                font-size: 14px;
            }
            
            .cyberpunk-article .quote-attribution {
                font-size: 13px;
            }
            
            .cyberpunk-article .takeaway-card {
                padding: 15px;
            }
            
            .cyberpunk-article .resource-item {
                padding: 12px;
            }
            
            .cyberpunk-article .question-item, .cyberpunk-article .action-item, .cyberpunk-article .industry-item {
                padding: 12px 15px;
            }
            
            .cyberpunk-article .footer {
                padding: 25px 15px;
            }
            
            .cyberpunk-article .footer-name {
                font-size: 18px;
            }
            
            .cyberpunk-article .footer-role, .cyberpunk-article .footer-company {
                font-size: 14px;
            }
            
            .cyberpunk-article .footer-contact-item {
                font-size: 13px;
            }
            
            .cyberpunk-article .footer-cta {
                font-size: 16px;
            }
            
            .cyberpunk-article h2 {
                font-size: 20px;
            }
            
            .cyberpunk-article h3 {
                font-size: 17px;
            }
            
            .cyberpunk-article p, .cyberpunk-article li {
                font-size: 14px;
                line-height: 1.5;
            }
            
            .cyberpunk-article .neon-divider {
                margin: 20px 0;
            }
            
            /* Improve mobile animations */
            @keyframes neonGlow {
                0% { opacity: 0.8; }
                50% { opacity: 0.6; }
                100% { opacity: 0.8; }
            }
            
            /* Reduce animation complexity for better performance */
            .cyberpunk-article .footer-left, .cyberpunk-article .footer-right {
                animation: none;
                opacity: 1;
            }
            
            .cyberpunk-article .footer {
                animation: none;
                opacity: 1;
            }
            
            /* Improve touch targets for mobile */
            .cyberpunk-article .footer-contact-item {
                padding: 8px 0;
            }
            
            .cyberpunk-article a {
                padding: 2px 0;
            }
        }
        
        /* Fix for very small screens */
        @media screen and (max-width: 320px) {
            .cyberpunk-article .header h1 {
                font-size: 24px;
            }
            
            .cyberpunk-article .subtitle {
                font-size: 18px;
            }
            
            .cyberpunk-article .header-info {
                font-size: 13px;
            }
            
            .cyberpunk-article h2 {
                font-size: 18px;
            }
            
            .cyberpunk-article h3 {
                font-size: 16px;
            }
            
            .cyberpunk-article p, .cyberpunk-article li {
                font-size: 13px;
            }
            
            .cyberpunk-article .quote-text {
                padding-left: 15px;
            }
            
            .cyberpunk-article .quote-text::before {
                font-size: 24px;
            }
        }

        /* Resources */
        .cyberpunk-article .resources-list {
            list-style: none;
            margin: 15px 0;
        }

        .cyberpunk-article .resource-item a {
            color: var(--neon-blue);
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .cyberpunk-article .resource-item a:hover {
            color: var(--neon-pink);
            text-decoration: underline;
        }

        /* Industry Direction */
        .cyberpunk-article .industry-direction-list {
            list-style: none;
            margin: 15px 0;
        }

        .cyberpunk-article .direction-item {
            margin: 10px 0;
            padding: 10px;
            background: rgba(0, 0, 0, 0.3);
            border-left: 2px solid var(--neon-blue);
            transition: all 0.3s ease;
        }

        .cyberpunk-article .direction-item:hover {
            transform: translateX(5px);
            background: rgba(0, 0, 0, 0.5);
        }

        /* Feature Image Section */
        .cyberpunk-article .feature-image-container {
            width: 100%;
            margin: 5px 0 5px 0;
            position: relative;
            overflow: hidden;
            border: 1px solid var(--neon-blue);
            box-shadow: 
                0 0 15px rgba(5, 217, 232, 0.3),
                0 0 30px rgba(5, 217, 232, 0.2);
            animation: imagePulse 3s ease-in-out infinite;
        }

        .cyberpunk-article .feature-image-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple), var(--neon-blue));
            z-index: 2;
            animation: scanline 3s linear infinite;
        }

        .cyberpunk-article .feature-image-container::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--neon-blue), var(--neon-purple), var(--neon-pink));
            z-index: 2;
        }

        .cyberpunk-article .feature-image-wrapper {
            position: relative;
            width: 100%;
            padding-top: 56.25%; /* 16:9 Aspect Ratio */
            overflow: hidden;
        }

        .cyberpunk-article .feature-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
            filter: brightness(0.9) contrast(1.1);
        }

        .cyberpunk-article .feature-image:hover {
            transform: scale(1.02);
        }

        .cyberpunk-article .feature-image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(255, 42, 109, 0.1), rgba(190, 0, 254, 0.1));
            pointer-events: none;
        }

        .cyberpunk-article .feature-image-glitch {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('/images/feature_images/aie-summit-2025-feature-image.jpg');
            background-size: cover;
            background-position: center;
            opacity: 0;
            mix-blend-mode: screen;
            animation: glitchEffect 4s infinite;
        }

        @keyframes scanline {
            0% {
                transform: translateX(-100%);
            }
            100% {
                transform: translateX(100%);
            }
        }

        @keyframes imagePulse {
            0% {
                box-shadow: 
                    0 0 15px rgba(5, 217, 232, 0.3),
                    0 0 30px rgba(5, 217, 232, 0.2);
            }
            50% {
                box-shadow: 
                    0 0 20px rgba(5, 217, 232, 0.4),
                    0 0 40px rgba(5, 217, 232, 0.3);
            }
            100% {
                box-shadow: 
                    0 0 15px rgba(5, 217, 232, 0.3),
                    0 0 30px rgba(5, 217, 232, 0.2);
            }
        }

        @keyframes glitchEffect {
            0% {
                opacity: 0;
                transform: translate(0);
            }
            2% {
                opacity: 0.1;
                transform: translate(-3px, 2px);
            }
            4% {
                opacity: 0;
                transform: translate(0);
            }
            25% {
                opacity: 0;
                transform: translate(0);
            }
            27% {
                opacity: 0.1;
                transform: translate(3px, -2px);
            }
            29% {
                opacity: 0;
                transform: translate(0);
            }
            100% {
                opacity: 0;
                transform: translate(0);
            }
        }

        /* Add mobile responsiveness for feature image */
        @media screen and (max-width: 768px) {
            .cyberpunk-article .feature-image-container {
                margin: 15px 0 30px 0;
            }
            
            .cyberpunk-article .feature-image-wrapper {
                padding-top: 75%; /* 4:3 Aspect Ratio for mobile */
            }
        }
</style>

<div class="cyberpunk-article">
<div class="container">
        <header class="header">
            <div class="cyber-circuit" style="top: -150px; right: -150px;"></div>
            <div class="cyber-circuit" style="bottom: -150px; left: -150px;"></div>
            <div class="glitch-wrapper">
                <h1 class="glitch-effect" data-text="AI Engineer Summit 2025">AI Engineer Summit 2025</h1>
                
                <br>
                <div class="subtitle glitch-effect" data-text="Agents at Work">Agents at Work</div>
                
            </div>
            <p class="header-info"><strong>Event:</strong> AI Engineer Summit 2025: Agents at Work</p>
            <p class="header-info"><strong>When:</strong> February 19 - 22, 2025</p>
            <p class="header-info"><strong>Where:</strong> New York</p>
            <p class="header-info"><strong>Focus:</strong> Practical implementation of AI agents in production environments</p>
        </header>
        
        <div class="feature-image-container">
            <div class="feature-image-wrapper">
                <img src="{static}/images/feature_images/aie-summit-2025-feature-image.jpg" alt="Feature Image" class="feature-image">
                <div class="feature-image-overlay"></div>
                <div class="feature-image-glitch"></div>
            </div>
        </div>
        
        <div class="newsletter-content">
            
                
                    
                    
                    <h2 class="section-title">Executive Summary</h2>
                    
                    
                        <div class="summary section-animate">
                            
                                <p>The 2025 AI Engineer Summit marked a pivotal transition from theoretical AI capabilities to practical implementation reality. We've had unprecedented advances in foundation models, reasoning capabilities, and infrastructure creating what some called "the perfect storm for AI agents," but let's be real – there's a massive gap between what these models can theoretically do and what they reliably deliver in production. The most successful implementations are focused on specific domains with clear business value rather than general-purpose solutions, with consistent reports that even advanced reasoning models achieve only 70-80% accuracy on complex real-world tasks. That sounds impressive until you realize it means every fifth request is completely wrong. The industry's entering a consolidation phase where implementation expertise, reliability engineering, and domain knowledge are becoming more valuable than raw model capabilities. We've got the rocket, and it (mostly) doesn't blow up, but to get to Mars, there are a hundred other things we need to figure out.</p>
                            
                        </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                
            
                
                    
                    <div class="neon-divider"></div>
                    
                    
                    <h2 class="section-title">Key Takeaways</h2>
                    
                    
                    
                    
                        <div class="takeaways-grid section-animate">
                            
                                <div class="takeaway-card">
                                    <p> This is supposedly "the year of agents" (yeah, I know, we're all tired of hearing it already). 
Things still don't actually work reliably yet. That said, it's only February and we have 10 fast market months of AI development ahead of us!</p>
                                </div>
                            
                                <div class="takeaway-card">
                                    <p>There's a serious reality gap where models performing well in controlled settings regularly fail in complex real-world environments, with error rates of 15-20% being common – when did we abandon basic machine learning principles?</p>
                                </div>
                            
                                <div class="takeaway-card">
                                    <p>Evals matter more than ever – you need multi-dimensional evaluation frameworks that consider accuracy, cost, latency, and reliability rather than relying on benchmark performance that rarely translates to the real world.</p>
                                </div>
                            
                                <div class="takeaway-card">
                                    <p>Domain-specific models consistently outperform general-purpose solutions for enterprise use cases, crossing the threshold of sufficient reliability where general models still fall short.</p>
                                </div>
                            
                                <div class="takeaway-card">
                                    <p>Enterprise adoption requires addressing security, governance, and compliance concerns through multi-layered frameworks that most AI demos conveniently ignore.</p>
                                </div>
                            
                                <div class="takeaway-card">
                                    <p>The most future-proof systems are designed to scale with intelligence, improving automatically as underlying models get better rather than requiring constant reengineering.</p>
                                </div>
                            
                                <div class="takeaway-card">
                                    <p>Voice and multimodal agents represent the next frontier but come with massive hurdles for latency, reliability, and user experience that aren't worth chasing until the tech catches up.</p>
                                </div>
                            
                                <div class="takeaway-card">
                                    <p>Effective human-AI collaboration remains central to successful implementations, with the best systems amplifying human expertise rather than replacing it.</p>
                                </div>
                            
                        </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                
            
                
                    
                    <div class="neon-divider"></div>
                    
                    
                    <h2 class="section-title">Speaker Landscape</h2>
                    
                    
                    
                    
                    
                    
                        <div class="section-animate">
                            <p>The conference featured an exceptionally diverse and high-quality set of perspectives spanning the complete AI implementation ecosystem – all the real ones were there. Enterprise practitioners included leaders from financial services (Bloomberg, Jane Street, Ramp, Method Financial), pharmaceuticals (Pfizer), media (Thomson Reuters), technology (LinkedIn, Datadog), and travel (Booking.com). Major AI labs were represented by speakers from OpenAI, Anthropic and Google Gemini, providing insights into frontier model capabilities. The venture capital perspective came from Grace Isford (Lux Capital) and Heath Black (SignalFire), while infrastructure specialists included Paul Gilbert (Arista Networks) and Don Bosco Durai (Privacera). Emerging startups showcasing specialized tools included Windsurf, BrightWave, Sierra, OpenPipe, Writer and Contextual AI. Academic and research perspectives came from Will Brown (Morgan Stanley), Sayash Kapoor (AI Snake Oil), and Stefania Druga (Google). This blend created a comprehensive view of the state of AI implementation across different domains and organizational contexts.</p>
                        </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                
            
                
                    
                    <div class="neon-divider"></div>
                    
                    
                    <h2 class="section-title">Thematic Analysis</h2>
                    
                    
                    
                    
                    
                    
                    
                    
                        <div class="section-animate">
                            
                                <h3>From Perfect Storm to Practical Implementation: The Reality Gap</h3>
                                
                                    <p>Everyone's talking about 2025 as "the perfect storm for AI agents" with converging advancements in reasoning models, test-time compute, engineering optimizations, hardware costs, and infrastructure investments. Yet as Grace Isford from Lux Capital put it, "we're seeing a lot of thunder, a lot of great momentum, but we haven't seen that lightning strike." This tension between theoretical capabilities and practical implementation challenges dominated every track.</p>
                                
                                    <p>The gap is real and it's massive. Sayash Kapoor (AI Snake Oil) highlighted how many headline-grabbing agent capabilities fail spectacularly in real-world scenarios. Waseem Alshikh (Writer) revealed that even leading reasoning models achieve only 81% combined accuracy on real-world financial scenarios, meaning "every hundred requests, 20 of them are just completely wrong." Anju Kambadur (Bloomberg) emphasized that in finance, "precision, comprehensiveness, speed, throughput, and availability" are non-negotiable requirements that current agent technologies don't consistently deliver. This pattern revealed a consistent truth across presentations: the gap between AI's capabilities in controlled settings and its performance in complex real-world environments remains substantial.</p>
                                
                                    <p>Think of it in an analogy of getting to Mars – the LLM is the rocket, but to get to the Mars, there are a hundred other things we need to figure out. We've got a rocket that (mostly) doesn't blow up, but that's it. Space is unforgiving, and so (to a lesser extent) are production environments.</p>
                                
                                    <p>The path forward emphasized systematic evaluation and incremental improvement. Kyle Corbitt (OpenPipe) demonstrated how Method Financial scaled to 500 million agent deployments by carefully measuring error rates, latency, and cost across different models before fine-tuning a small, reliable model optimized for their specific use case. Barry Zhang (Anthropic) advised a simple architecture focused on three components—environment, tools, and system prompt—that could be iteratively improved rather than trying to build complex systems from the start. Multiple speakers recommended starting with single-purpose agents before attempting multi-agent systems, focusing on specific high-value domains rather than attempting to build general-purpose solutions.</p>
                                
                            
                                <h3>Domain Specialization and Data as the Competitive Moat</h3>
                                
                                    <p>A clear consensus emerged that domain-specific approaches consistently outperform general-purpose solutions in enterprise settings. Douwe Kiela (Contextual AI) advocated explicitly for "specialization over AGI," arguing that commercial applications require focus on specific domains where AI can deliver measurable value. Jonathan Lowe demonstrated how Pfizer's GraphRAG approach incorporates domain-specific relationships in pharmaceutical data, outperforming standard approaches by understanding connections between entities like compounds, proteins, and diseases.</p>
                                
                                    <p>Multiple speakers emphasized that proprietary data and domain knowledge provide the true competitive advantage in an era of rapidly commoditizing foundation models. Grace Isford dropped one of the conference bangers when she noted that "foundation models are the fastest depreciating asset class on the market right now," suggesting that organizations should focus less on model selection and more on developing proprietary data advantages. John Crepezzi described how Jane Street built custom models for working with OCaml code because off-the-shelf models were insufficient for their specialized domain.</p>
                                
                                    <p>I don't fully buy the "data is your moat" claim, but there's something to be said for domain-specific applications crossing the threshold of sufficiency where general models still fall short. Kyle Corbitt shared how Method Financial discovered that fine-tuned 8B parameter models outperformed much larger models for their specific use case while dramatically reducing costs and latency. Bruno Passos explained how Booking.com's AI coding tools leverage the context of their codebase to generate more relevant solutions than general-purpose tools. The bitter lesson still applies – over time, bigger general models with more compute will likely win, but in the near term, specialized models deliver the reliability enterprises need.</p>
                                
                            
                                <h3>The Trust Framework: Evaluation, Security, and Reliability</h3>
                                
                                    <p>When did we all abandon basic machine learning principles? You can't even train a model without a test set, but somehow we collectively forgot that evals matter when it comes to generative AI, let a lone AI agents! A consistent theme throughout both conference tracks was the critical importance of robust evaluation frameworks, security measures, and reliability engineering for production AI systems.</p>
                                
                                    <p>Aparna Dhinkaran (Arize) presented a comprehensive framework for evaluating AI agents at multiple levels, emphasizing that "evals aren't just at one layer of your trace" and that rigorous testing across all components is essential for production-ready systems. Sayash Kapoor criticized over-reliance on static benchmarks, noting that impressive benchmark performance "very rarely translates into the real world." He advocated for multi-dimensional metrics that consider not just accuracy but also cost and reliability, showing how these metrics revealed that Claude 3.5 performed as well as GPT-4o on some tasks at 1/10th the cost.</p>
                                
                                    <p>Security concerns received significant attention, with Don Bosco Durai outlining a multi-layered approach to AI agent security addressing the unique vulnerabilities created by agents running in a single process. His framework consisted of pre-deployment evaluation, runtime enforcement, and continuous monitoring, addressing different aspects of security, safety, and compliance at each layer. Anju Kambadur explained that Bloomberg's agents undergo rigorous testing with "remediation workflows and circuit breakers" to catch errors before they impact financial data.</p>
                                
                                    <p>Most speakers agreed that while 100% accuracy is unattainable, organizations need robust observability, attribution, and audit trails to handle cases where things go wrong. Mike Conover described how BrightWave's research agent includes detailed citation tracking and "receipts" so users can validate information sources. Diamond Bishop explained how Datadog's AI agents generate postmortems and maintain full visibility into their decision-making processes, making them accountable even when operating autonomously.</p>
                                
                            
                                <h3>Engineering for Intelligence: Building Systems That Scale with Smarter Models</h3>
                                
                                    <p>A forward-looking theme emerged around designing systems that automatically improve as underlying models get better. Rahul Sengottuvelu (Ramp) presented a framework distinguishing "classical compute" from "fuzzy compute" (neural networks), arguing that systems should maximize the latter since "if you did nothing, absolutely nothing... the big labs are still working, spending billions of dollars making those models better." He demonstrated an experimental email client where the LLM itself acted as the backend, rendering UI and handling user interactions without traditional software engineering.</p>
                                
                                    <p>This is where you need to catch the wave. That wave is barely a swell right now – it's way out there. It's not worth chasing yet. You've got to wait till that wave starts to crest, and then you catch it. But when you do, you're riding the momentum of exponential improvement in foundation models.</p>
                                
                                    <p>Will Brown (Morgan Stanley) discussed how reinforcement learning is becoming crucial for agent development, describing how models like DeepSeek's R1 demonstrate that "the long chain of thought... actually emerges as a byproduct" of training with appropriate reinforcement signals. The results of reinforcement learning are astounding – it's a completely intelligible methodology, you can totally get it, and that it works is borderline miraculous!</p>
                                
                                    <p>John Crepezzi described Jane Street's "AID" (AI Developer) framework which provides a unified backend for multiple editor integrations, allowing them to swap in new models or context-building strategies without changing frontends. Similarly, Kevin Hou (Windsurf) explained how their agent architecture was designed to "scale with intelligence" so that "if the models get better, our product gets better," including removing chat interfaces in favor of pure agent interactions. These approaches collectively point toward a future where AI systems continuously improve through reinforcement learning rather than requiring constant human reengineering.</p>
                                
                            
                                <h3>Voice and Multimodal Agents: The Next Frontier</h3>
                                
                                    <p>Voice AI emerged as an important frontier for agent development across multiple presentations, but let's be real – the latency issues with frontier models totally kill the voice agent experience. They're going to be great when run at full power, full bandwidth and locally, but the practical applications of remotely deployed voice models are still struggling.</p>
                                
                                    <p>Nick Karyotakis (SuperDial) outlined the challenges of building reliable voice agents, noting that modern approaches have shifted from "prescriptive to descriptive development." He described how SuperDial builds phone agents that handle insurance verification calls by traversing phone trees, extracting information, and escalating to humans when needed.</p>
                                
                                    <p>Zack Reneau-Wedeen (Sierra) shared how Sierra's voice assistants handle customer service for brands by creating a "responsive design" approach where "it's the same agent code" operating across different channels and modalities. He emphasized that for voice agents, "latency all of a sudden matters so much more" than with text interfaces, creating new engineering challenges.</p>
                                
                                    <p>Multimodal capabilities also received significant attention. Mukund Sridhar and Aarush Selvan (Google) presented Gemini Deep Research as a multimodal research agent that "can browse the web as much as it needs" to produce comprehensive answers. Karina Nguyen (OpenAI) discussed how multimodal capabilities in Canvas enable more natural collaboration between humans and AI on creative tasks, suggesting that "the kind of interface to AGI is blank canvas that kind of self-morphs into your intent."</p>
                                
                                    <p>This is a great example of the wrong end of the spectrum to chase right now. Yes, it's the next frontier, but there are big hurdles that make it impractical. Don't waste time and effort here – the tech has to bridge the gap further before we get there. Focus where the gap is narrow and closest to sufficiency – that's where you should experiment.</p>
                                
                            
                                <h3>Human-AI Partnership and Education</h3>
                                
                                    <p>Despite the focus on automation, speakers consistently emphasized the importance of thoughtful human-AI collaboration. Colin Flaherty described how their AI coding agent has written over 90% of its own codebase, but with human supervision at critical junctures. Diamond Bishop explained that Datadog's AI agents help human engineers by running investigations automatically but present results in ways that build trust and facilitate learning.</p>
                                
                                    <p>Karina Nguyen outlined an evolution from "models trained on RL and chain of thought using real-world tools" toward "co-innovators" that collaborate with humans on creative tasks. Kevin Hou demonstrated how Windsurf tracks a "unified timeline" of both human and AI actions, allowing their agent to understand what developers are doing and continue work seamlessly.</p>
                                
                                    <p>The conference closed with perspectives on democratizing AI engineering. Stefania Druga presented Cognimates, a platform that teaches children about AI by allowing them to train their own models and build applications. She emphasized that "kids are actually like little scientists" who can formulate and test hypotheses about how AI works, and that early exposure helps "demystify the intelligence" of AI systems. Multiple speakers touched on making agent development more accessible, with Will Brown sharing a simple reinforcement learning implementation that went viral because "it was one file of code... really simple... and it invited modification."</p>
                                
                            
                        </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                
            
                
                    
                    <div class="neon-divider"></div>
                    
                    
                    <h2 class="section-title">Notable Quotables</h2>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <div class="quotes-grid section-animate">
                            
                                <div class="quote-card">
                                    <div class="quote-text">Foundation models are the fastest depreciating asset class on the market right now.</div>
                                    <div class="quote-attribution">— Grace Isford, Lux Capital</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">In reality, you're saying every hundred requests, 20 of them are just completely wrong.</div>
                                    <div class="quote-attribution">— Waseem Alshikh, Writer</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">Don't build agents for everything. Keep it as simple for as long as possible. And finally, as you iterate, try to think like your agent, gain their perspective, and help them do their job.</div>
                                    <div class="quote-attribution">— Barry Zhang, Anthropic</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">Pilots are very easy. Production is incredibly hard.</div>
                                    <div class="quote-attribution">— Douwe Kiela, Contextual AI</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">We're seeing a lot of thunder, a lot of great momentum, but we haven't seen that lightning strike.</div>
                                    <div class="quote-attribution">— Grace Isford, Lux Capital</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">Language models are already capable of very many things. But if you trick yourself into believing this means a reliable experience for the end user, that's when products in the real world go wrong.</div>
                                    <div class="quote-attribution">— Sayash Kapoor, AI Snake Oil</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">Benchmark performance very rarely translates into the real world.</div>
                                    <div class="quote-attribution">— Sayash Kapoor, AI Snake Oil</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">We want you to spend time on things that you are good at, right? The things that make us all excited, which is shipping products, building great features, and generally just shipping code.</div>
                                    <div class="quote-attribution">— Kevin Hou, Windsurf (on delegating tedious engineering tasks to AI agents)</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">The bitter lesson is just so powerful, and exponential trends are so powerful that you can just hitch the ride.</div>
                                    <div class="quote-attribution">— Rahul Sengottuvelu, Ramp</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">If the models get better, our product gets better.</div>
                                    <div class="quote-attribution">— Kevin Hou, Windsurf</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">Winning systems will perform end-to-end RL over tool use calls.</div>
                                    <div class="quote-attribution">— Mike Conover, BrightWave</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">Specialization over AGI.</div>
                                    <div class="quote-attribution">— Douwe Kiela, Contextual AI</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">At enterprise scale, data is your moat.</div>
                                    <div class="quote-attribution">— Douwe Kiela, Contextual AI</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">You need to get your human wetware chatbot speaking the right language at the right level.</div>
                                    <div class="quote-attribution">— Jonathan Lowe, Pfizer</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">The way I'm thinking about it is the kind of interface to AGI is blank canvas that kind of self-morphs into your intent.</div>
                                    <div class="quote-attribution">— Karina Nguyen, OpenAI</div>
                                </div>
                            
                                <div class="quote-card">
                                    <div class="quote-text">Gartner hates us. Gartner thinks we've hit the peak. So it's only downhill from here, guys. Sorry to inform you that AI engineering is over.</div>
                                    <div class="quote-attribution">— Swyx, AI Engineer Foundation (joking about the Gartner hype cycle)</div>
                                </div>
                            
                        </div>
                    
                    
                    
                    
                    
                    
                    
                
            
                
                    
                    <div class="neon-divider"></div>
                    
                    
                    <h2 class="section-title">Emerging Questions</h2>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <ul class="questions-list section-animate">
                            
                                <li class="question-item"> How do we design evaluation frameworks that measure agent performance in real-world conditions rather than controlled environments?</li>
                            
                                <li class="question-item">What is the optimal balance between model capabilities and engineering scaffolding in production agent systems?</li>
                            
                                <li class="question-item">How can organizations quantify the business value of AI initiatives to justify continued investment in implementation expertise?</li>
                            
                                <li class="question-item">What new security threats emerge when autonomous agents are given access to sensitive systems and data?</li>
                            
                                <li class="question-item">How will the economics of agent development evolve as compute costs decrease but expectations for reliability increase?</li>
                            
                                <li class="question-item">Will domain-specific agents continue to dominate, or will general-purpose agents eventually become viable for enterprise use?</li>
                            
                                <li class="question-item">What new user interfaces and interaction paradigms will emerge to support effective human-AI collaboration?</li>
                            
                                <li class="question-item">How should education systems evolve to prepare both current professionals and future generations for an agent-driven world?</li>
                            
                                <li class="question-item">What organizational structures best support AI implementation across enterprise silos?</li>
                            
                                <li class="question-item">How can voice and multimodal agents overcome the increased latency and reliability challenges compared to text-only systems?</li>
                            
                        </ul>
                    
                    
                    
                    
                    
                
            
                
                    
                    <div class="neon-divider"></div>
                    
                    
                    <h2 class="section-title">Action Items</h2>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <div class="action-items-container">
                            
                            <div class="action-items-group">
                                <div class="action-items-role">For Technical Leaders</div>
                                <ul class="action-items-list">
                                    
                                    <li class="action-item"> Implement multi-dimensional evaluation frameworks that consider accuracy, cost, latency, and reliability</li>
                                    
                                    <li class="action-item">Design systems that improve automatically as models get better</li>
                                    
                                    <li class="action-item">Start with single-purpose agents before attempting complex multi-agent systems</li>
                                    
                                </ul>
                            </div>
                            
                            <div class="action-items-group">
                                <div class="action-items-role">For Business Leaders</div>
                                <ul class="action-items-list">
                                    
                                    <li class="action-item"> Focus on domain-specific applications with clear ROI</li>
                                    
                                    <li class="action-item">Invest in proprietary data advantages</li>
                                    
                                    <li class="action-item">Align AI initiatives with core business objectives</li>
                                    
                                </ul>
                            </div>
                            
                            <div class="action-items-group">
                                <div class="action-items-role">For Security Teams</div>
                                <ul class="action-items-list">
                                    
                                    <li class="action-item"> Deploy multi-layered frameworks addressing pre-deployment evaluation, runtime enforcement, and continuous monitoring</li>
                                    
                                    <li class="action-item">Develop specialized approaches for agent-specific vulnerabilities</li>
                                    
                                </ul>
                            </div>
                            
                            <div class="action-items-group">
                                <div class="action-items-role">For Product Managers</div>
                                <ul class="action-items-list">
                                    
                                    <li class="action-item"> Design for human-AI collaboration rather than full autonomy</li>
                                    
                                    <li class="action-item">Prioritize UX that complements AI capabilities</li>
                                    
                                    <li class="action-item">Focus on specific high-value use cases rather than general-purpose solutions</li>
                                    
                                </ul>
                            </div>
                            
                            <div class="action-items-group">
                                <div class="action-items-role">For Organizations</div>
                                <ul class="action-items-list">
                                    
                                    <li class="action-item"> Invest in data infrastructure, cross-functional communication, and educational initiatives</li>
                                    
                                    <li class="action-item">Develop appropriate governance frameworks for agents with increasing autonomy</li>
                                    
                                </ul>
                            </div>
                            
                            <div class="action-items-group">
                                <div class="action-items-role">For AI Engineers</div>
                                <ul class="action-items-list">
                                    
                                    <li class="action-item"> Learn reinforcement learning techniques for agent development</li>
                                    
                                    <li class="action-item">Focus on building systems that scale with model improvements</li>
                                    
                                    <li class="action-item">Develop both technical and communication skills</li>
                                    
                                </ul>
                            </div>
                            
                            <div class="action-items-group">
                                <div class="action-items-role">For Educators</div>
                                <ul class="action-items-list">
                                    
                                    <li class="action-item"> Integrate AI literacy into curricula from childhood</li>
                                    
                                    <li class="action-item">Develop tools that help students understand AI concepts through hands-on experience</li>
                                    
                                </ul>
                            </div>
                            
                        </div>
                    
                    
                    
                
            
                
                    
                    <div class="neon-divider"></div>
                    
                    
                    <h2 class="section-title">Resources</h2>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <div class="resources-section">
                            
                                <div class="resources-category">
                                    <h3>Development Platforms and Tools</h3>
                                    <div class="resources-grid">
                                        
                                            <div class="resource-item">
                                                <p> <a href="https://huggingface.co">Hugging Face</a> - GitHub for machine learning (mentioned by Isford)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://www.together.ai/">Together AI</a> - Open source AI cloud infrastructure (mentioned by Isford)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://openpipe.ai/">OpenPipe</a> - Platform for building, training, and deploying fine-tuned open source models (presented by Corbitt)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://arize.com/">Arize</a> - AI observability platform for agent evaluation (presented by Dhinkaran)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://windsurf.ai/">WindSurf</a> - Agentic editor with background understanding of development context (presented by Hou)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://github.com/pipecat-ai/pipecat">PipeCat</a> - Open source voice AI orchestration framework by Daily (mentioned by Karyotakis)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://langfuse.com/">LangFuse</a> - Self-hostable observability platform for LLM applications (mentioned by Karyotakis)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://github.com/stanfordnlp/dspy">DSPy</a> - Framework for optimizing prompts through automation (mentioned by Brown)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://tensorzero.ai/">Tensor Zero</a> - Structured and typed LLM endpoints for production (mentioned by Karyotakis)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://cursor.com/">Cursor</a> - Named the #1 AI tool that engineers love (from Frontier Feud)</p>
                                            </div>
                                        
                                    </div>
                                </div>
                            
                                <div class="resources-category">
                                    <h3>Security & Governance</h3>
                                    <div class="resources-grid">
                                        
                                            <div class="resource-item">
                                                <p> <a href="https://trust3.ai/platform/">Page.ai (PAIG)</a> - Privacera's open-sourced solution for AI safety and security (presented by Durai)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://ranger.apache.org/">Apache Ranger</a> - Open-source data governance project for big data (mentioned by Durai)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p>FailSafe - Writer's evaluation framework for testing models (presented by Alshikh)</p>
                                            </div>
                                        
                                    </div>
                                </div>
                            
                                <div class="resources-category">
                                    <h3>Models and Research</h3>
                                    <div class="resources-grid">
                                        
                                            <div class="resource-item">
                                                <p> <a href="https://github.com/deepseek-ai/DeepSeek-R1">DeepSeek-R1</a> - DeepSeek's open source reasoning model inspired by OpenAI's o1 (discussed by Brown)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://ai.meta.com/blog/meta-llama-3-1/">Llama 3.1</a> - Meta's open source language model (mentioned by multiple speakers)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://arxiv.org/abs/2502.01652">GRPO Algorithm</a> - Simple RL algorithm for fine-tuning LLMs (presented by Brown)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://www.anthropic.com/engineering/contextual-retrieval">"Introducing Contextual Retrieval"</a> - Post by Anthropic (mentioned by Bricken)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://transformer-circuits.pub/2023/monosemantic-features">"Towards Monosemanticity"</a> and <a href="https://transformer-circuits.pub/2024/scaling-monosemanticity/">"Scaling Monosemanticity"</a> - Anthropic interpretability papers (mentioned by Bricken)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://x.com/willccbb/status/1883611121577517092">Rubric Engineering</a> - Will Brown's approach to designing reward functions for LLM fine-tuning</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://www.gr.inc/">gr.inc</a> - Ross Taylor's project addressing reasoning gaps in open models (mentioned by Soumith Chintala)</p>
                                            </div>
                                        
                                    </div>
                                </div>
                            
                                <div class="resources-category">
                                    <h3>Enterprise Solutions</h3>
                                    <div class="resources-grid">
                                        
                                            <div class="resource-item">
                                                <p> <a href="https://www.datadoghq.com/blog/datadog-bits-generative-ai/">Bits AI</a> - Datadog's AI assistant for DevOps (presented by Bishop)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://contextual.ai/">Contextual AI</a> - Specialized RAG agents for enterprise use cases (presented by Kiela)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://writer.com/">Writer</a> - Domain-specific LLMs for enterprises (presented by Alshikh)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://brightwave.ai/">BrightWave</a> - Knowledge agent for due diligence and financial research (presented by Conover)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://sierra.ai/">Sierra</a> - Voice AI platform for customer service and conversation automation (presented by Reneau-Wedeen)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://augmentcode.ai/">Augment Code</a> - Building AI coding agents (presented by Flaherty)</p>
                                            </div>
                                        
                                    </div>
                                </div>
                            
                                <div class="resources-category">
                                    <h3>Infrastructure & Implementation</h3>
                                    <div class="resources-grid">
                                        
                                            <div class="resource-item">
                                                <p> <a href="https://www.arista.com/en/solutions/ai-networking">Arista Networks</a> - Specialized networking infrastructure for AI data centers (presented by Gilbert)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://ultraethernet.org/">Ultra Ethernet Consortium</a> - Next-generation ethernet standard for AI workloads (mentioned by Gilbert)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://www.anthropic.com/news/model-context-protocol">Model Context Protocol</a> - Anthropic's open source protocol for language models to interact with data sources</p>
                                            </div>
                                        
                                    </div>
                                </div>
                            
                                <div class="resources-category">
                                    <h3>Educational Resources</h3>
                                    <div class="resources-grid">
                                        
                                            <div class="resource-item">
                                                <p> <a href="https://hackidemia.github.io/cognimates-website/home/">Cognimates</a> - Platform for teaching children about AI through visual programming (presented by Druga)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://www.jonesday.com/en/insights/2025/02/eu-ai-act-first-rules-take-effect-on-prohibited-ai-systems">AI Literacy</a> - EU AI Act now requires AI literacy as part of regulation (mentioned by Druga)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://scratch.mit.edu/">Scratch</a> - Visual programming environment for children with 100+ million users (mentioned by Druga)</p>
                                            </div>
                                        
                                            <div class="resource-item">
                                                <p><a href="https://www.signalfire.com/beacon-ai">Beacon</a> - SignalFire's AI ML platform tracking 650M+ employees and 80M+ companies (presented by Black)</p>
                                            </div>
                                        
                                    </div>
                                </div>
                            
                        </div>
                    
                
            
        </div>
</div>
</div>

<script>
        // Add animation delay to sections
        document.addEventListener('DOMContentLoaded', function() {
            const sections = document.querySelectorAll('.cyberpunk-article h2');
            sections.forEach((section, index) => {
                const sectionContent = section.nextElementSibling;
                if (sectionContent) {
                    sectionContent.classList.add('section-animate');
                    sectionContent.style.animationDelay = `${index * 0.2}s`;
                }
            });
            
            // Check if device is mobile for performance optimization
            const isMobile = window.matchMedia('(max-width: 768px)').matches;
            
            if (isMobile) {
                // Reduce animations on mobile for better performance
                document.querySelectorAll('.cyberpunk-article .section-animate').forEach(section => {
                    section.style.animationDuration = '0.5s';
                });
                
                // Disable complex animations on mobile
                document.querySelectorAll('.cyberpunk-article .glitch-effect').forEach(element => {
                    element.classList.remove('glitch-effect');
                });
            }
            
            // Lazy load animations as user scrolls
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.style.opacity = '1';
                        entry.target.style.transform = 'translateY(0)';
                        observer.unobserve(entry.target);
                    }
                });
            }, { threshold: 0.1 });
            
            // Only use intersection observer for non-mobile or if it's supported
            if (!isMobile && 'IntersectionObserver' in window) {
                document.querySelectorAll('.cyberpunk-article .section-animate').forEach(section => {
                    section.style.opacity = '0';
                    section.style.transform = 'translateY(20px)';
                    section.style.transition = 'opacity 0.8s ease-out, transform 0.8s ease-out';
                    observer.observe(section);
                });
            }
        });
</script>
