:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f4;--surface:#ffffff;--text-primary:#202124;--text-secondary:#5f6368;--text-tertiary:#80868b;--accent-blue:#4285f4;--accent-green:#34a853;--accent-yellow:#fbbc04;--accent-red:#ea4335;--accent-purple:#a142f4;--gradient-google:linear-gradient(135deg,#4285f4,#34a853 25%,#fbbc04 50%,#ea4335 75%,#a142f4);--gradient-openai:linear-gradient(135deg,#10a37f,#1a7f64);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2);--shadow-sm:0 1px 2px rgba(60,64,67,0.1),0 1px 3px rgba(60,64,67,0.08);--shadow-md:0 1px 3px rgba(60,64,67,0.12),0 4px 8px rgba(60,64,67,0.08);--shadow-lg:0 4px 6px rgba(60,64,67,0.1),0 12px 24px rgba(60,64,67,0.12);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}.slide-container,body{background:var(--bg-primary);height:100vh}.slide-container{width:100vw;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:visible;padding-top:80px;padding-bottom:100px}.slide{display:none;width:100%;max-width:1100px;padding:60px 80px;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.slide.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:3.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1}h1.gradient{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2.25rem;margin-bottom:.5rem;letter-spacing:-.01em}h2,h3{font-weight:600;color:var(--text-primary)}h3{font-size:1.25rem;margin-bottom:.75rem}p{font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}.subtitle,p{color:var(--text-secondary)}.subtitle{font-size:1.25rem;font-weight:400;margin-bottom:2rem}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-secondary);border-radius:100px;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-right:8px;margin-bottom:8px}.pill.accent{background:linear-gradient(135deg,#e8f0fe,#e8daff);color:#5f6368}.code-block{background:#1e1e1e;border-radius:var(--radius-md);padding:20px 24px;margin:16px 0;font-family:JetBrains Mono,SF Mono,Monaco,monospace;font-size:.875rem;line-height:1.7;overflow-x:auto;box-shadow:var(--shadow-md)}.code-block pre{margin:0;white-space:pre;font-family:inherit;font-size:inherit;line-height:inherit}.code-block code{color:#d4d4d4;font-family:inherit}.keyword{color:#c586c0}.string{color:#ce9178}.function{color:#dcdcaa}.comment{color:#6a9955}.class{color:#4ec9b0}.variable{color:#9cdcfe}.flow-diagram{display:flex;align-items:center;justify-content:center;gap:12px;margin:32px 0;flex-wrap:wrap}.flow-box{background:var(--surface);border:1.5px solid #e8eaed;border-radius:var(--radius-md);padding:14px 22px;font-weight:500;font-size:.95rem;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.flow-box:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.flow-box.highlight{background:var(--accent-blue);color:white;border-color:var(--accent-blue)}.flow-arrow{font-size:1.25rem;color:var(--text-tertiary)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:24px 0}.card{background:var(--surface);border:1px solid #e8eaed;border-radius:var(--radius-lg);padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card h4{font-size:1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.card p{font-size:.95rem;margin-bottom:0;color:var(--text-secondary)}.card-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:16px}.card-icon.blue{background:#e8f0fe}.card-icon.green{background:#e6f4ea}.card-icon.yellow{background:#fef7e0}.card-icon.red{background:#fce8e6}.card-icon.purple{background:#f3e8fd}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.comparison-item{padding:24px;border-radius:var(--radius-lg);border:1px solid #e8eaed}.comparison-item.bad{background:#fce8e6;border-color:#f5c6c6}.comparison-item.good{background:#e6f4ea;border-color:#b7e1c6}.comparison-item h4{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:600}.timeline{position:relative;margin:32px 0}.timeline-item{display:flex;gap:20px;padding:20px 0}.timeline-marker{display:flex;flex-direction:column;align-items:center;min-width:40px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--accent-blue)}.timeline-line{width:2px;flex:1;background:#e8eaed;margin-top:8px}.timeline-content h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.timeline-content p{font-size:.95rem;color:var(--text-secondary);margin-bottom:0}.timeline-item:first-child .timeline-dot{background:var(--accent-blue)}.timeline-item:nth-child(2) .timeline-dot{background:var(--accent-green)}.timeline-item:nth-child(3) .timeline-dot{background:var(--accent-yellow)}.timeline-item:nth-child(4) .timeline-dot{background:var(--accent-red)}.checklist{list-style:none;margin:20px 0}.checklist li{display:flex;align-items:center;gap:14px;padding:14px 0;font-size:1.05rem;color:var(--text-primary);border-bottom:1px solid #f1f3f4}.checklist li:last-child{border-bottom:none}.check-icon{width:24px;height:24px;background:var(--accent-green);border-radius:50%;justify-content:center;color:white;font-size:.75rem;font-weight:700;flex-shrink:0}.check-icon,.nav{display:flex;align-items:center}.nav{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);gap:8px;background:var(--surface);padding:8px;border-radius:100px;box-shadow:var(--shadow-lg);border:1px solid #e8eaed;z-index:100}.nav button{width:40px;height:40px;background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;border-radius:50%;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.nav button:hover{background:var(--bg-secondary);color:var(--text-primary)}.slide-number{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-tertiary);padding:0 12px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--gradient-google);transition:width .3s cubic-bezier(.4,0,.2,1);z-index:100}.title-slide{text-align:center}.title-slide h1{font-size:4rem;margin-bottom:1rem}.cohort-badge{display:inline-flex;align-items:center;gap:8px;background:var(--gradient-hero);padding:10px 20px;border-radius:100px;font-weight:500;font-size:.9rem;color:white;margin-bottom:2rem;box-shadow:0 4px 14px rgba(102,126,234,.4)}.meta-info{display:flex;justify-content:center;gap:48px;margin-top:3rem}.meta-item{text-align:center}.meta-item .value{font-size:2.5rem;font-weight:700;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.meta-item .label{font-size:.85rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.building-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.block{background:var(--surface);border:1px solid #e8eaed;border-radius:var(--radius-lg);padding:28px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.block:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.block-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 16px}.block:first-child .block-icon{background:#e8f0fe}.block:nth-child(2) .block-icon{background:#e6f4ea}.block:nth-child(3) .block-icon{background:#f3e8fd}.block h4{font-size:1.1rem;margin-bottom:8px;color:var(--text-primary)}.block p{font-size:.9rem;color:var(--text-secondary);margin-bottom:0}.exercise-box{background:linear-gradient(135deg,#e8f0fe,#f3e8fd);border-radius:var(--radius-lg);padding:32px;margin:20px 0;border:1px solid #d2e3fc}.exercise-box h3{color:var(--text-primary);margin-bottom:8px}.exercise-box>p{color:var(--text-secondary);margin-bottom:20px}.step-list{counter-reset:step;list-style:none}.step-list li{counter-increment:step;display:flex;align-items:flex-start;gap:14px;padding:10px 0;font-size:1rem;color:var(--text-primary)}.step-list li:before{content:counter(step);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--accent-blue);color:white;border-radius:50%;font-weight:600;font-size:.85rem}.resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.resource-card{background:var(--surface);border:1px solid #e8eaed;border-radius:var(--radius-md);padding:20px;transition:all .2s ease}.resource-card:hover{box-shadow:var(--shadow-md)}.resource-card h4{color:var(--text-primary);margin-bottom:12px;font-size:.95rem;display:flex;align-items:center;gap:8px}.resource-card a{color:var(--accent-blue);text-decoration:none;font-size:.9rem;display:block;padding:4px 0;transition:color .15s ease}.resource-card a:hover{text-decoration:underline}.highlight-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px 24px;margin:20px 0;border-left:4px solid var(--accent-blue)}.highlight-box p{margin-bottom:0;font-size:1rem}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue);margin-bottom:8px}.instructor{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:2.5rem}.instructor-photo{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e8eaed;box-shadow:var(--shadow-md)}.instructor-info{text-align:left}.instructor-name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.instructor-title{font-size:.95rem;color:var(--text-secondary);margin:0}.split-layout{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}.vertical-flow{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-secondary);border-radius:var(--radius-lg)}.vertical-flow .flow-box{width:120px;text-align:center}.vertical-flow .flow-arrow{transform:rotate(90deg)}.agent-diagram{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:32px;margin:20px 0}.agent-diagram-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}.agent-box{background:var(--surface);border:2px solid #e8eaed;border-radius:var(--radius-md);padding:16px 24px;font-weight:500;text-align:center;min-width:160px;box-shadow:var(--shadow-sm)}.agent-box.primary{background:var(--accent-blue);color:white;border-color:var(--accent-blue)}.agent-box.secondary{background:#e8f0fe;border-color:var(--accent-blue);color:var(--accent-blue)}.agent-connector{display:flex;flex-direction:column;align-items:center;gap:8px}.connector-line{width:2px;height:24px;background:var(--accent-blue)}.connector-arrow{color:var(--accent-blue);font-size:1.25rem}.connector-branches{display:flex;gap:60px}.branch-line{width:60px;height:2px;background:var(--accent-blue)}.qa-section{text-align:center;padding:60px 40px}.qa-icon{font-size:4rem;margin-bottom:24px}.qa-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.qa-subtitle{font-size:1.25rem;color:var(--text-secondary)}.header-logo{position:fixed;top:20px;left:28px;z-index:1000;display:flex;align-items:center;gap:16px;pointer-events:none}.header-logo .logo-image,.header-logo img{pointer-events:auto;height:175px;width:auto;max-width:200px;-o-object-fit:contain;object-fit:contain}.footer-copyright{position:fixed;bottom:12px;right:32px;font-size:.7rem;color:var(--text-tertiary);z-index:100}.svg-arrow{width:24px;height:24px;fill:var(--accent-blue)}.arrow-down{display:flex;justify-content:center;margin:8px 0}.arrow-down svg{width:20px;height:20px}.concept-card{background:var(--surface);border:1px solid #e8eaed;border-radius:var(--radius-lg);padding:32px;text-align:center}.concept-card.highlighted{background:linear-gradient(135deg,#e8f0fe,#f3e8fd);border-color:var(--accent-blue)}.concept-icon{font-size:3rem;margin-bottom:16px}.concept-card h3{font-size:1.5rem;margin-bottom:12px;color:var(--text-primary)}.concept-card p{font-size:1rem;color:var(--text-secondary);margin-bottom:0}.concept-list{text-align:left;margin-top:16px}.concept-list li{padding:8px 0;color:var(--text-secondary);font-size:.95rem;border-bottom:1px solid #f1f3f4}.concept-list li:last-child{border-bottom:none}.workflow-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.workflow-item{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:24px}.workflow-item h4{font-size:1.1rem;margin-bottom:16px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.workflow-steps{display:flex;flex-direction:column;gap:8px}.workflow-step{background:var(--surface);border:1px solid #e8eaed;border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem;text-align:center}.workflow-arrow{text-align:center;color:var(--accent-blue);font-size:1.25rem}@media (max-width:768px){body{overflow-x:hidden;-webkit-text-size-adjust:100%}.slide-container{padding-top:50px;padding-bottom:90px;overflow-y:auto;-webkit-overflow-scrolling:touch}.slide{padding:24px 16px 80px;max-width:100%;min-height:auto}h1{font-size:1.75rem;line-height:1.2;margin-bottom:.5rem}.title-slide h1{font-size:2rem;line-height:1.2}h2{font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}h3{font-size:1.1rem;margin-bottom:.5rem}p{font-size:.95rem;line-height:1.6;margin-bottom:1rem}.subtitle{font-size:1rem;margin-bottom:1.5rem}.section-label{font-size:.75rem;margin-bottom:.75rem}.header-logo{top:8px;left:8px}.header-logo .logo-image,.header-logo img{height:35px;width:auto;max-width:90px}.footer-copyright{bottom:8px;right:12px;font-size:.55rem}.nav{bottom:12px;padding:8px 12px;border-radius:24px}.nav button{width:40px;height:40px;font-size:1.2rem;min-width:40px;touch-action:manipulation}.slide-number{font-size:.75rem;padding:0 10px}.cohort-badge{font-size:.7rem;padding:6px 12px;margin-bottom:1rem}.instructor{flex-direction:column;gap:10px;margin-top:1.5rem}.instructor-photo{width:50px;height:50px}.instructor-info{text-align:center}.instructor-name{font-size:.9rem!important}.instructor-title{font-size:.8rem!important}.building-blocks,.comparison,.resources-grid,.workflow-comparison{grid-template-columns:1fr;gap:16px;margin:16px 0}.comparison-item{padding:16px}.building-blocks{gap:12px}.meta-info{gap:16px;flex-wrap:wrap;margin-top:2rem}.meta-item{font-size:.85rem}.timeline{margin:20px 0}.timeline-item{gap:12px;padding:16px 0}.timeline-content h4{font-size:1rem}.timeline-content p{font-size:.85rem}.code-block{padding:12px 16px;font-size:.75rem;line-height:1.5;margin:12px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.flow-diagram{flex-direction:column;gap:8px;margin:20px 0}.flow-box{padding:10px 16px;font-size:.85rem;width:100%;text-align:center}.flow-arrow{transform:rotate(90deg);margin:4px 0}.card{padding:16px}.card h4{font-size:.9rem}.card p{font-size:.85rem}.card-icon{width:32px;height:32px;font-size:1rem;margin-bottom:12px}.agent-box{padding:12px 16px;font-size:.85rem;min-width:auto;width:100%}.agent-connector{gap:6px}.connector-line{height:16px}.connector-branches{gap:20px;flex-wrap:wrap}.branch-line{width:30px}.workflow-item{padding:16px}.workflow-item h4{font-size:1rem;margin-bottom:12px}.workflow-step{padding:10px 12px;font-size:.85rem}.pill{font-size:.75rem;padding:4px 10px;margin-right:6px;margin-bottom:6px}.qa-section{padding:40px 20px}.qa-icon{font-size:3rem;margin-bottom:16px}.qa-title{font-size:1.75rem;margin-bottom:12px}.qa-subtitle{font-size:1rem}.checklist{margin:16px 0}.checklist li{font-size:.9rem;padding:8px 0}.grid{grid-template-columns:1fr;gap:12px;margin:16px 0}.progress{height:3px}.split-layout{grid-template-columns:1fr;gap:20px}}@media (max-width:480px){.slide{padding:20px 12px 70px}h1{font-size:1.5rem}.title-slide h1{font-size:1.75rem}h2{font-size:1.25rem}.header-logo .logo-image,.header-logo img{height:30px;max-width:80px}.nav{bottom:10px;padding:6px 10px}.nav button{width:36px;height:36px;font-size:1.1rem}.footer-copyright{font-size:.5rem;bottom:6px;right:10px}}