*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3B82F6;--secondary-color: #14B8A6;--accent-color: #F97316;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--neutral-50: #F9FAFB;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-400: #9CA3AF;--neutral-500: #6B7280;--neutral-600: #4B5563;--neutral-700: #374151;--neutral-800: #1F2937;--neutral-900: #111827;--white: #FFFFFF;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}body{font-family:var(--font-family);line-height:1.6;color:var(--neutral-800);background-color:var(--white)}.navbar{position:fixed;top:0;width:100%;z-index:1000;transition:all .3s ease}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:64px}.nav-logo h1{font-size:20px;font-weight:700;color:var(--primary-color)}.nav-menu{display:flex;list-style:none;gap:32px}.nav-menu a{text-decoration:none;color:#fff;font-weight:500;transition:color .2s ease;position:relative}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .2s ease}.nav-menu a:hover:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.hamburger span{width:24px;height:3px;background-color:#fff;transition:all .3s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section:nth-child(2n){background-color:var(--neutral-50)}.section-title{font-size:36px;font-weight:700;color:var(--neutral-900);margin-bottom:48px;text-align:center}.hero{color:var(--white);padding:80px 0 40px;text-align:center}.header-container{background-image:url(illustration.webp);background-size:cover;height:960px;background-position-y:95%}.hero-content{max-width:800px;margin:0 auto}.hero-title{letter-spacing:-1px;font-weight:800;background:#fff;background-clip:text;font-size:72px;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:28px;font-weight:600;margin-bottom:32px;opacity:.9}.hero-description{font-size:18px;line-height:1.8;opacity:.85;text-align:center;background:#000;color:#fff;padding:32px}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:32px;font-weight:800;color:var(--white)}.stat-label{font-size:14px;opacity:.8;text-align:center}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start}.content-main h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.lead{font-size:20px;line-height:1.8;color:var(--neutral-700);margin-bottom:32px}.content-main p{font-size:16px;line-height:1.8;color:var(--neutral-700);margin-bottom:24px}.feature-list{list-style:none;margin:24px 0}.feature-list li{position:relative;padding-left:24px;margin-bottom:16px;font-size:16px;line-height:1.6;color:var(--neutral-700)}.feature-list li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.callout{padding:24px;border-radius:var(--border-radius);margin:32px 0;border-left:4px solid}.callout h4{font-size:18px;font-weight:600;margin-bottom:12px}.callout p{font-size:16px;line-height:1.6;margin-bottom:0}.callout-info{background-color:#ebf8ff;border-left-color:var(--primary-color);color:var(--neutral-800)}.callout-warning{background-color:#fffbeb;border-left-color:var(--warning-color);color:var(--neutral-800)}.callout-danger{background-color:#fef2f2;border-left-color:var(--error-color);color:var(--neutral-800)}.content-sidebar{position:sticky;top:100px}.sidebar-card{background:var(--white);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.sidebar-card h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:20px}.growth-stats{display:flex;flex-direction:column;gap:16px}.growth-item{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:12px;background:var(--neutral-50);border-radius:6px}.growth-item .company{font-weight:600;color:var(--neutral-800)}.growth-item .arr{font-weight:700;color:var(--success-color);font-size:14px}.growth-item .timeframe{font-size:12px;color:var(--neutral-500)}.book-showcase{display:flex;justify-content:center;align-items:center;padding:20px}.book-cover{max-width:200px;height:auto;border-radius:8px;box-shadow:0 10px 25px #00000026;transition:transform .3s ease,box-shadow .3s ease}.book-cover:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.paradigm-framework{margin-bottom:48px}.paradigm-framework h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.paradigm-framework p{font-size:18px;color:var(--neutral-700);margin-bottom:32px}.paradigm-matrix{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:16px;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto}.matrix-header,.matrix-body{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}.matrix-footer{grid-column:1 / -1;text-align:center}.quadrant{padding:24px;border-radius:var(--border-radius);border:2px solid;background:var(--white);box-shadow:var(--shadow-sm)}.quadrant h4{font-size:16px;font-weight:700;margin-bottom:12px}.quadrant p{font-size:14px;line-height:1.5;margin-bottom:12px}.quadrant .tools{font-size:12px;font-weight:500;opacity:.8}.democratized{border-color:var(--accent-color);color:var(--neutral-800)}.transformed{border-color:var(--primary-color);color:var(--neutral-800)}.basic{border-color:var(--neutral-400);color:var(--neutral-700)}.enhanced{border-color:var(--secondary-color);color:var(--neutral-800)}.axis-label{font-size:14px;font-weight:600;color:var(--neutral-600);display:flex;align-items:center;justify-content:center}.y-axis{position:absolute;left:-90px;top:50%;transform:translateY(-50%) rotate(-90deg);width:120px}.y-axis-bottom{position:absolute;left:-60px;top:50%;transform:translateY(-50%) rotate(-90deg);width:120px}.x-axis{margin-top:16px}.paradigm-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.paradigm-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.paradigm-card h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.paradigm-card p{font-size:16px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.paradigm-card ul{list-style:none;padding:0}.paradigm-card li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-600)}.paradigm-card li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.principles{width:100%}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-bottom:48px}.principle-card h3{font-size:24px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.principle-card h4{font-size:18px;font-weight:600;color:var(--neutral-800);margin-bottom:12px}.principle-card ul{list-style:none;padding:0}.principle-card li{position:relative;padding-left:20px;margin-bottom:10px;font-size:15px;line-height:1.6;color:var(--neutral-700)}.principle-card li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.trust-pillars{display:flex;flex-direction:column;gap:24px}.pillar{padding:20px;background:var(--neutral-50);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.pillar h4{font-size:16px;font-weight:700;color:var(--neutral-900);margin-bottom:8px}.pillar p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin:0}.best-practices h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:32px}.practice-section{margin-bottom:40px;background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.practice-section h4{font-size:22px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.practice-section p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:20px}.code-example{background:var(--neutral-900);border-radius:var(--border-radius);overflow:hidden;margin:24px 0;box-shadow:var(--shadow-md)}.code-header{background:var(--neutral-800);padding:12px 20px;border-bottom:1px solid var(--neutral-700)}.code-title{font-size:14px;font-weight:500;color:var(--neutral-300)}.code-example pre{margin:0;padding:20px;background:transparent;color:var(--neutral-100);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.code-example code{background:transparent;color:inherit;padding:0;font-size:inherit}.documentation-tips{display:flex;flex-direction:column;gap:24px}.tip{padding:20px;background:var(--neutral-50);border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.tip h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:8px}.tip p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin:0}.tools-comparison{margin-bottom:48px}.comparison-header{text-align:center;margin-bottom:48px}.comparison-header h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.comparison-header p{font-size:18px;color:var(--neutral-700)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:48px}.tool-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.tool-header{padding:24px 24px 16px;border-bottom:1px solid var(--neutral-200)}.tool-header h4{font-size:24px;font-weight:700;color:var(--neutral-900);margin-bottom:8px}.tool-stats{display:flex;gap:12px}.stat{background:var(--neutral-100);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;color:var(--neutral-700)}.tool-strengths,.tool-features,.tool-limitations{padding:20px 24px}.tool-strengths h5,.tool-features h5,.tool-limitations h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.tool-strengths ul,.tool-features ul,.tool-limitations ul{list-style:none;padding:0}.tool-strengths li,.tool-features li,.tool-limitations li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.tool-strengths li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.tool-features li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.tool-limitations li:before{content:"⚠";position:absolute;left:0;color:var(--warning-color);font-size:12px}.tool-card.bolt .tool-header{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.tool-card.bolt .tool-header h4,.tool-card.bolt .tool-stats .stat{color:var(--white);background:#fff3}.tool-card.replit .tool-header{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--white)}.tool-card.replit .tool-header h4,.tool-card.replit .tool-stats .stat{color:var(--white);background:#fff3}.tool-card.lovable .tool-header{background:linear-gradient(135deg,#4facfe,#00f2fe);color:var(--white)}.tool-card.lovable .tool-header h4,.tool-card.lovable .tool-stats .stat{color:var(--white);background:#fff3}.tool-card.v0 .tool-header{background:linear-gradient(135deg,#fa709a,#fee140);color:var(--white)}.tool-card.v0 .tool-header h4,.tool-card.v0 .tool-stats .stat{color:var(--white);background:#fff3}.tool-card.cursor .tool-header{background:linear-gradient(135deg,#a8edea,#fed6e3);color:var(--neutral-800)}.tool-card.cursor .tool-stats .stat{background:#0000001a;color:var(--neutral-800)}.selection-guide{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.selection-guide h3{font-size:24px;font-weight:700;color:var(--neutral-900);margin-bottom:24px;text-align:center}.selection-matrix{display:flex;flex-direction:column;gap:16px}.selection-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:16px;background:var(--neutral-50);border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.scenario{font-size:16px;color:var(--neutral-700)}.recommendation{font-size:16px;font-weight:600;color:var(--primary-color)}.prompt-engineering-content{display:flex;flex-direction:column;gap:48px}.principle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:48px}.principle-card{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200)}.principle-icon{font-size:48px;margin-bottom:16px;display:block}.principle-card h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.principle-card p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:20px}.persona-examples{display:flex;flex-direction:column;gap:12px}.persona-example{padding:12px;background:var(--neutral-50);border-radius:6px;border-left:4px solid var(--primary-color);font-size:14px;line-height:1.5}.iteration-examples{display:flex;flex-direction:column;gap:8px}.iteration-step{padding:10px;background:var(--neutral-50);border-radius:6px;font-size:14px;line-height:1.5}.scenario-strategies{display:flex;flex-direction:column;gap:32px}.scenario-card{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.scenario-card h4{font-size:22px;font-weight:700;color:var(--neutral-900);margin-bottom:24px}.strategy-content h5{font-size:16px;font-weight:600;color:var(--neutral-800);margin-bottom:12px;margin-top:20px}.strategy-content h5:first-child{margin-top:0}.best-practices{margin-top:48px}.technique-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);margin-bottom:24px}.technique-card h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.constraint-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px}.constraint-do,.constraint-dont{padding:16px;border-radius:6px}.constraint-do{background:#ecfdf5;border:1px solid var(--success-color)}.constraint-dont{background:#fef2f2;border:1px solid var(--error-color)}.quick-tips{display:flex;flex-direction:column;gap:12px}.tip{padding:12px;background:var(--neutral-50);border-radius:6px;font-size:14px;line-height:1.5}.template-links{display:flex;flex-direction:column;gap:8px}.template-links a{color:var(--primary-color);text-decoration:none;font-size:14px;padding:8px;border-radius:4px;transition:background-color .2s ease}.template-links a:hover{background-color:var(--neutral-100)}.context-engineering-content{display:flex;flex-direction:column;gap:48px}.paradigm-shift{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.old-way,.new-way{padding:24px;border-radius:var(--border-radius);border:2px solid}.old-way{background:#fef2f2;border-color:var(--error-color)}.new-way{background:#ecfdf5;border-color:var(--success-color)}.old-way h4,.new-way h4{font-size:18px;font-weight:600;margin-bottom:16px}.precision-examples{display:flex;flex-direction:column;gap:12px;margin-top:16px}.example-bad,.example-good{padding:12px;border-radius:6px;font-size:14px;line-height:1.5}.example-bad{background:#fef2f2;border-left:4px solid var(--error-color)}.example-good{background:#ecfdf5;border-left:4px solid var(--success-color)}.dynamic-examples{display:flex;flex-direction:column;gap:8px;margin-top:16px}.context-source{padding:10px;background:var(--neutral-50);border-radius:6px;font-size:14px;line-height:1.5}.os-analogy{margin-top:16px}.memory-management{background:var(--neutral-50);padding:16px;border-radius:6px}.memory-management h5{font-size:14px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.practical-strategies{display:flex;flex-direction:column;gap:40px}.strategy-section h4{font-size:24px;font-weight:700;color:var(--neutral-900);margin-bottom:24px}.strategy-item{background:var(--neutral-50);padding:20px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.strategy-item h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.error-context{margin-top:12px}.error-context strong{color:var(--neutral-900);font-weight:600}.pr-context{background:var(--neutral-50);padding:16px;border-radius:6px;margin-top:12px;font-size:14px;line-height:1.5}.best-practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.practice-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.practice-card h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.design-doc-example,.example-template,.constraints-template,.external-knowledge{margin-top:12px}.design-doc-example pre,.example-template pre{background:var(--neutral-100);padding:12px;border-radius:4px;font-size:12px;line-height:1.4;overflow-x:auto}.advanced-patterns{display:flex;flex-direction:column;gap:32px}.pattern-card{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200)}.pattern-card h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.rag-workflow{display:flex;flex-direction:column;gap:12px;margin-top:16px}.rag-step{padding:12px;background:var(--neutral-50);border-radius:6px;border-left:4px solid var(--primary-color);font-size:14px;line-height:1.5}.memory-strategies{display:flex;flex-direction:column;gap:24px;margin-top:16px}.memory-strategy h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.tool-integration{margin-top:16px}.tool-example h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.formatting-examples{margin-top:16px}.format-example h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.challenges-solutions{display:flex;flex-direction:column;gap:32px}.challenge-card{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200)}.challenge-card h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.challenge-content p{margin-bottom:16px}.priority-matrix{margin-top:16px}.priority-matrix h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:16px}.priority-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.priority-high,.priority-medium,.priority-low{padding:16px;border-radius:6px;border:2px solid}.priority-high{background:#ecfdf5;border-color:var(--success-color)}.priority-medium{background:#fffbeb;border-color:var(--warning-color)}.priority-low{background:#f3f4f6;border-color:var(--neutral-400)}.systematic-framework{margin-top:16px}.systematic-framework h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:16px}.context-checklist{display:flex;flex-direction:column;gap:8px}.context-checklist label{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;color:var(--neutral-700);cursor:pointer}.context-sources{display:flex;flex-direction:column;gap:16px}.source-category{background:var(--neutral-50);padding:16px;border-radius:6px}.source-category strong{color:var(--neutral-900);font-weight:600;display:block;margin-bottom:8px}.source-category ul{list-style:none;padding:0;margin:0}.source-category li{font-size:12px;color:var(--neutral-600);margin-bottom:4px}.cli-orchestrators-content{display:flex;flex-direction:column;gap:48px}.agent-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin:32px 0}.agent-type-card{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200)}.agent-type-card h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.agent-examples{display:flex;flex-direction:column;gap:8px;margin-top:16px}.agent-example{padding:10px;background:var(--neutral-50);border-radius:6px;font-size:14px;line-height:1.5}.cli-best-practices{display:flex;flex-direction:column;gap:40px}.practice-section h4{font-size:24px;font-weight:700;color:var(--neutral-900);margin-bottom:24px}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.planning-template{background:var(--neutral-50);padding:16px;border-radius:6px;margin-top:12px}.planning-template strong{color:var(--neutral-900);font-weight:600;display:block;margin-bottom:12px}.tdd-workflow{display:flex;flex-direction:column;gap:8px;margin-top:16px}.tdd-step{padding:10px;background:var(--neutral-50);border-radius:6px;border-left:4px solid var(--primary-color);font-size:14px;line-height:1.5}.safety-practices{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.safety-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.safety-card h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.checkpoint-workflow{background:var(--neutral-50);padding:16px;border-radius:6px;margin:12px 0}.advanced-techniques{display:flex;flex-direction:column;gap:24px}.command-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.command-group{background:var(--neutral-50);padding:16px;border-radius:6px}.command-group strong{color:var(--neutral-900);font-weight:600;display:block;margin-bottom:8px}.command-group code{background:var(--neutral-200);padding:2px 6px;border-radius:3px;font-size:12px}.cost-optimization{margin-top:16px}.optimization-strategy{background:var(--neutral-50);padding:12px;border-radius:6px;margin-bottom:12px;font-size:14px;line-height:1.5}.orchestration-strategies{display:flex;flex-direction:column;gap:40px}.architecture-overview{margin-bottom:32px}.agent-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:24px}.role-card{background:var(--neutral-50);padding:20px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.role-card h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.orchestration-practices{display:flex;flex-direction:column;gap:24px}.isolation-strategies{display:flex;flex-direction:column;gap:8px;margin:16px 0}.strategy-item{padding:10px;background:var(--neutral-50);border-radius:6px;font-size:14px;line-height:1.5}.task-breakdown-example{margin-top:16px}.task-breakdown-example strong{color:var(--neutral-900);font-weight:600;display:block;margin-bottom:12px}.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.task-item{padding:12px;background:var(--neutral-50);border-radius:6px;border-left:4px solid var(--primary-color);font-size:14px;line-height:1.5}.instruction-examples{margin-top:16px}.instruction-good,.instruction-bad{padding:16px;border-radius:6px;margin-bottom:16px}.instruction-good{background:#ecfdf5;border:1px solid var(--success-color)}.instruction-bad{background:#fef2f2;border:1px solid var(--error-color)}.verification-checklist{background:var(--neutral-50);padding:16px;border-radius:6px;margin-top:16px}.verification-checklist strong{color:var(--neutral-900);font-weight:600;display:block;margin-bottom:12px}.async-practices{display:flex;flex-direction:column;gap:24px}.async-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.async-card h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.async-strategies{display:flex;flex-direction:column;gap:8px;margin-top:16px}.advanced-orchestration{display:flex;flex-direction:column;gap:32px}.pipeline-example{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.pipeline-stage{padding:12px 24px;background:var(--neutral-50);border-radius:6px;border:2px solid var(--primary-color);text-align:center;font-size:14px;line-height:1.5;min-width:250px}.pipeline-arrow{font-size:20px;color:var(--primary-color);font-weight:700}.parallel-workflow{margin-top:16px}.parallel-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.branch{padding:16px;background:var(--neutral-50);border-radius:6px;border:2px solid var(--secondary-color);text-align:center;font-size:14px;line-height:1.5}.merge-point{padding:16px;background:var(--primary-color);color:var(--white);border-radius:6px;text-align:center;font-weight:600}.merge-point .prompt-framework{margin-bottom:48px}.merge-point .principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:32px}.merge-point .principle-card .code-example{margin:16px 0}.merge-point .task-breakdown{background:var(--neutral-50);padding:16px;border-radius:6px;margin-top:12px}.merge-point .task-breakdown h5{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--neutral-900)}.merge-point .task-breakdown ol{padding-left:20px;margin:0}.merge-point .task-breakdown li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .persona-examples,.merge-point .iteration-tips{background:var(--neutral-50);padding:16px;border-radius:6px;margin-top:12px}.merge-point .persona-examples h5,.merge-point .iteration-tips h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .persona-examples ul,.merge-point .iteration-tips ul{list-style:none;padding:0;margin:0}.merge-point .persona-examples li,.merge-point .iteration-tips li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .scenario-strategies{margin-bottom:48px}.merge-point .strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.merge-point .strategy{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.merge-point .strategy h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:16px}.merge-point .strategy ul{list-style:none;padding:0}.merge-point .strategy li{position:relative;padding-left:20px;margin-bottom:12px;font-size:14px;line-height:1.6;color:var(--neutral-700)}.merge-point .strategy li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .advanced-techniques{margin-bottom:48px}.merge-point .technique-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200);margin-bottom:24px}.merge-point .technique-card h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.merge-point .technique-card p{font-size:16px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .constraint-examples{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .constraint-examples h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .constraint-examples ul{list-style:none;padding:0;margin:0}.merge-point .constraint-examples li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .template-list{display:flex;flex-direction:column;gap:16px}.merge-point .template-item{background:var(--neutral-50);padding:12px;border-radius:6px;border:1px solid var(--neutral-200)}.merge-point .template-item h5{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--neutral-900)}.merge-point .template-item code{font-size:12px;line-height:1.4;color:var(--neutral-700)}.merge-point .pitfall-list{list-style:none;padding:0}.merge-point .pitfall-list li{position:relative;padding-left:20px;margin-bottom:12px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .pitfall-list li:before{content:"⚠";position:absolute;left:0;color:var(--warning-color);font-size:12px}.merge-point .paradigm-shift{margin-bottom:48px}.merge-point .shift-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.merge-point .old-approach,.merge-point .new-approach{padding:24px;border-radius:var(--border-radius);border:2px solid}.merge-point .old-approach{background:#fef2f2;border-color:var(--error-color)}.merge-point .new-approach{background:#ecfdf5;border-color:var(--success-color)}.merge-point .old-approach h4,.merge-point .new-approach h4{font-size:16px;font-weight:600;margin-bottom:12px}.merge-point .old-approach ul,.merge-point .new-approach ul{list-style:none;padding:0;margin:0}.merge-point .old-approach li,.merge-point .new-approach li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .old-approach li:before{content:"✗";position:absolute;left:0;color:var(--error-color);font-weight:700}.merge-point .new-approach li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.merge-point .core-principles{margin-bottom:48px}.merge-point .precision-examples,.merge-point .dynamic-strategies,.merge-point .os-analogy{background:var(--neutral-50);padding:16px;border-radius:6px;margin-top:12px}.merge-point .precision-examples h5,.merge-point .dynamic-strategies h5,.merge-point .os-analogy h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .precision-examples ul,.merge-point .dynamic-strategies ul,.merge-point .os-analogy ul{list-style:none;padding:0;margin:0}.merge-point .precision-examples li,.merge-point .dynamic-strategies li,.merge-point .os-analogy li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .precision-examples li:before,.merge-point .dynamic-strategies li:before,.merge-point .os-analogy li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .practical-strategies{margin-bottom:48px}.merge-point .strategy-sections{display:flex;flex-direction:column;gap:32px}.merge-point .strategy-section{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .strategy-section h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:20px}.merge-point .strategy-item{background:var(--neutral-50);padding:16px;border-radius:6px;margin-bottom:16px}.merge-point .strategy-item h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:8px}.merge-point .strategy-item p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:12px}.merge-point .strategy-item ul{list-style:none;padding:0;margin:0}.merge-point .strategy-item li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .strategy-item li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.merge-point .schema-example,.merge-point .pr-context{background:var(--white);padding:12px;border-radius:4px;border:1px solid var(--neutral-200);margin-top:8px}.merge-point .schema-example h6,.merge-point .pr-context h6{font-size:12px;font-weight:600;margin-bottom:8px;color:var(--neutral-900)}.merge-point .best-practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.merge-point .practice{background:var(--neutral-50);padding:16px;border-radius:6px;border:1px solid var(--neutral-200)}.merge-point .practice h5{font-size:14px;font-weight:600;color:var(--neutral-900);margin-bottom:8px}.merge-point .practice p{font-size:12px;line-height:1.4;color:var(--neutral-700);margin:0}.merge-point .advanced-patterns{margin-bottom:48px}.merge-point .pattern-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.merge-point .pattern-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .pattern-card h4{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.merge-point .pattern-card p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .rag-workflow,.merge-point .memory-strategies,.merge-point .tool-integration-flow,.merge-point .formatting-guidelines{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .rag-workflow h5,.merge-point .memory-strategies h5,.merge-point .tool-integration-flow h5,.merge-point .formatting-guidelines h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .rag-workflow ol,.merge-point .tool-integration-flow ol{padding-left:20px;margin:0}.merge-point .rag-workflow li,.merge-point .tool-integration-flow li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .memory-strategies ul,.merge-point .formatting-guidelines ul{list-style:none;padding:0;margin:0}.merge-point .memory-strategies li,.merge-point .formatting-guidelines li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .memory-strategies li:before,.merge-point .formatting-guidelines li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .challenge-solutions{margin-bottom:48px}.merge-point .challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.merge-point .challenge{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .challenge h4{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:8px}.merge-point .challenge p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .solution{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .solution h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .solution ul{list-style:none;padding:0;margin:0}.merge-point .solution li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .solution li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.merge-point .checklist{display:flex;flex-direction:column;gap:12px}.merge-point .checklist label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:var(--neutral-700);cursor:pointer}.merge-point .checklist input[type=checkbox]{margin-top:2px;accent-color:var(--primary-color)}.merge-point .template-examples{display:flex;flex-direction:column;gap:16px}.merge-point .template{background:var(--neutral-50);padding:12px;border-radius:6px;border:1px solid var(--neutral-200)}.merge-point .template h5{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--neutral-900)}.merge-point .template-content code{font-size:12px;line-height:1.4;color:var(--neutral-700)}.merge-point .hierarchy-guide h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .hierarchy-guide ol{padding-left:20px;margin:0}.merge-point .hierarchy-guide li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .agent-types{margin-bottom:48px}.merge-point .agent-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.merge-point .agent-type{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .agent-type h4{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.merge-point .agent-type p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .agent-examples,.merge-point .orchestrator-examples{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .agent-examples h5,.merge-point .orchestrator-examples h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .agent-examples ul,.merge-point .orchestrator-examples ul{list-style:none;padding:0;margin:0}.merge-point .agent-examples li,.merge-point .orchestrator-examples li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .agent-examples li:before,.merge-point .orchestrator-examples li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .cli-best-practices{margin-bottom:48px}.merge-point .practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.merge-point .practice-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .practice-card .practice-icon{font-size:32px;margin-bottom:16px;display:block}.merge-point .practice-card h4{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.merge-point .practice-card p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .planning-steps,.merge-point .tdd-workflow,.merge-point .sandbox-commands,.merge-point .checkpoint-strategies,.merge-point .command-examples{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .planning-steps h5,.merge-point .tdd-workflow h5,.merge-point .sandbox-commands h5,.merge-point .checkpoint-strategies h5,.merge-point .command-examples h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .planning-steps ol,.merge-point .tdd-workflow ol{padding-left:20px;margin:0}.merge-point .planning-steps li,.merge-point .tdd-workflow li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .sandbox-commands ul,.merge-point .checkpoint-strategies ul,.merge-point .command-examples ul{list-style:none;padding:0;margin:0}.merge-point .sandbox-commands li,.merge-point .checkpoint-strategies li,.merge-point .command-examples li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .sandbox-commands li:before,.merge-point .checkpoint-strategies li:before,.merge-point .command-examples li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .advanced-cli-techniques{margin-bottom:48px}.merge-point .technique-sections{display:flex;flex-direction:column;gap:24px}.merge-point .technique-section{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .technique-section h4{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.merge-point .technique-section p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .integration-examples,.merge-point .cost-strategies{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .integration-examples h5,.merge-point .cost-strategies h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .cost-strategies ul{list-style:none;padding:0;margin:0}.merge-point .cost-strategies li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .cost-strategies li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .orchestration-strategies{margin-bottom:48px}.merge-point .orchestration-patterns{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.merge-point .architecture-example,.merge-point .isolation-strategies,.merge-point .breakdown-example,.merge-point .instruction-guidelines{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .architecture-example h5,.merge-point .isolation-strategies h5,.merge-point .breakdown-example h5,.merge-point .instruction-guidelines h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .architecture-example ul,.merge-point .isolation-strategies ul,.merge-point .instruction-guidelines ul{list-style:none;padding:0;margin:0}.merge-point .architecture-example li,.merge-point .isolation-strategies li,.merge-point .instruction-guidelines li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .architecture-example li:before,.merge-point .isolation-strategies li:before,.merge-point .instruction-guidelines li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .breakdown-example ol{padding-left:20px;margin:0}.merge-point .breakdown-example li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .advanced-orchestration{margin-bottom:48px}.merge-point .advanced-patterns{display:flex;flex-direction:column;gap:24px}.merge-point .pattern-section{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .pattern-section h4{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.merge-point .pattern-section p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .pipeline-example,.merge-point .parallel-strategies,.merge-point .specialist-examples,.merge-point .qa-layers{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .pipeline-example h5,.merge-point .parallel-strategies h5,.merge-point .specialist-examples h5,.merge-point .qa-layers h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .parallel-strategies ul,.merge-point .specialist-examples ul{list-style:none;padding:0;margin:0}.merge-point .parallel-strategies li,.merge-point .specialist-examples li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .parallel-strategies li:before,.merge-point .specialist-examples li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .qa-layers ol{padding-left:20px;margin:0}.merge-point .qa-layers li{margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .orchestration-best-practices{margin-bottom:48px}.merge-point .best-practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.merge-point .best-practice{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.merge-point .best-practice h4{font-size:18px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.merge-point .best-practice p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.merge-point .verification-checklist,.merge-point .context-examples,.merge-point .browsing-use-cases,.merge-point .bounded-task-examples,.merge-point .oversight-responsibilities{background:var(--neutral-50);padding:16px;border-radius:6px}.merge-point .verification-checklist h5,.merge-point .context-examples h5,.merge-point .browsing-use-cases h5,.merge-point .bounded-task-examples h5,.merge-point .oversight-responsibilities h5{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--neutral-900)}.merge-point .verification-checklist ul,.merge-point .context-examples ul,.merge-point .browsing-use-cases ul,.merge-point .bounded-task-examples ul,.merge-point .oversight-responsibilities ul{list-style:none;padding:0;margin:0}.merge-point .verification-checklist li,.merge-point .context-examples li,.merge-point .browsing-use-cases li,.merge-point .bounded-task-examples li,.merge-point .oversight-responsibilities li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.merge-point .verification-checklist li:before,.merge-point .context-examples li:before,.merge-point .browsing-use-cases li:before,.merge-point .bounded-task-examples li:before,.merge-point .oversight-responsibilities li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.merge-point .command-reference{display:flex;flex-direction:column;gap:16px}.merge-point .command-reference h5{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--neutral-900)}.merge-point .command-reference ul{list-style:none;padding:0;margin:0}.merge-point .command-reference li{margin-bottom:4px;font-size:12px;line-height:1.4;color:var(--neutral-700)}.merge-point .command-reference code{background:var(--neutral-200);padding:2px 4px;border-radius:3px;font-size:11px}.specialist-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.specialist{padding:16px;background:var(--neutral-50);border-radius:6px;border-left:4px solid var(--accent-color);font-size:14px;line-height:1.5}.qa-layers{display:flex;flex-direction:column;gap:8px;margin-top:16px}.qa-layer{padding:12px;background:var(--neutral-50);border-radius:6px;border-left:4px solid var(--warning-color);font-size:14px;line-height:1.5}.future-considerations{margin-top:48px}.future-trends{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.trend-card{background:var(--white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.trend-card h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.quick-commands{display:flex;flex-direction:column;gap:12px}.quick-commands .command-group{background:var(--neutral-50);padding:12px;border-radius:6px}.quick-commands .command-group strong{color:var(--neutral-900);font-weight:600;display:block;margin-bottom:4px;font-size:12px}.quick-commands code{background:var(--neutral-200);padding:4px 8px;border-radius:3px;font-size:11px;display:block;margin-top:4px}.orchestration-checklist{display:flex;flex-direction:column;gap:8px}.orchestration-checklist label{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.4;color:var(--neutral-700);cursor:pointer}.pitfalls{display:flex;flex-direction:column;gap:12px}.pitfall{padding:12px;background:#fef2f2;border-radius:6px;border-left:4px solid var(--error-color);font-size:12px;line-height:1.4}.advanced-content{display:flex;flex-direction:column;gap:48px}.technique-card{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200)}.technique-card h3{font-size:24px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.technique-card p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:24px}.refinement-cycle{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin:32px 0}.cycle-step{display:flex;flex-direction:column;align-items:center;background:var(--white);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:2px solid var(--primary-color);min-width:180px;text-align:center}.step-number{width:32px;height:32px;background:var(--primary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:12px}.step-content h4{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:8px}.step-content p{font-size:14px;color:var(--neutral-700);margin:0}.cycle-arrow{font-size:24px;color:var(--neutral-400);font-weight:700}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.strategy{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.strategy h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.strategy p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.cost-benefit-matrix{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0}.matrix-quadrant{padding:24px;border-radius:var(--border-radius);border:2px solid}.matrix-quadrant h4{font-size:18px;font-weight:700;margin-bottom:8px}.matrix-quadrant p{font-size:14px;font-weight:600;margin-bottom:16px}.matrix-quadrant ul{list-style:none;padding:0}.matrix-quadrant li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5}.matrix-quadrant li:before{content:"•";position:absolute;left:0;font-weight:700}.high-benefit.low-cost{background:#ecfdf5;border-color:var(--success-color);color:var(--neutral-800)}.high-benefit.low-cost li:before{color:var(--success-color)}.high-benefit.high-cost{background:#ebf8ff;border-color:var(--primary-color);color:var(--neutral-800)}.high-benefit.high-cost li:before{color:var(--primary-color)}.low-benefit.low-cost{background:#fffbeb;border-color:var(--warning-color);color:var(--neutral-800)}.low-benefit.low-cost li:before{color:var(--warning-color)}.low-benefit.high-cost{background:#fef2f2;border-color:var(--error-color);color:var(--neutral-800)}.low-benefit.high-cost li:before{color:var(--error-color)}.context-strategies{display:flex;flex-direction:column;gap:24px}.context-strategy{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.context-strategy h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.context-strategy p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.production-content{display:flex;flex-direction:column;gap:48px}.production-principles{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.production-principles h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:32px;text-align:center}.principle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.production-principle{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.production-principle .principle-icon{font-size:32px;margin-bottom:16px}.production-principle h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.production-principle p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin-bottom:16px}.production-principle ul{list-style:none;padding:0}.production-principle li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.production-principle li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.security-checklist{background:var(--neutral-50);padding:20px;border-radius:var(--border-radius);border:1px solid var(--neutral-200);margin-top:16px}.security-checklist h5{font-size:16px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.security-checklist ul{list-style:none;padding:0}.security-checklist li{position:relative;padding-left:24px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.security-checklist li:before{content:attr(data-icon);position:absolute;left:0;color:var(--success-color);font-weight:700}.ai-assisted-lifecycle{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.ai-assisted-lifecycle h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.ai-assisted-lifecycle p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:32px}.lifecycle-phases{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.lifecycle-phase{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.lifecycle-phase h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:16px}.lifecycle-phase ul{list-style:none;padding:0;margin-bottom:16px}.lifecycle-phase li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.lifecycle-phase li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.phase-example{background:var(--white);padding:16px;border-radius:6px;border:1px solid var(--neutral-200);font-size:14px;line-height:1.5}.phase-example strong{color:var(--primary-color);font-weight:600}.google-insights{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.google-insights h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.google-insights>p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:32px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.insight-card{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.insight-card h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:16px}.metrics{display:flex;flex-direction:column;gap:16px}.metric{display:flex;align-items:center;gap:12px;padding:12px;background:var(--white);border-radius:6px;border:1px solid var(--neutral-200)}.metric-value{font-size:24px;font-weight:800;color:var(--primary-color);min-width:60px}.metric-label{font-size:14px;color:var(--neutral-700);line-height:1.4}.insight-card ul{list-style:none;padding:0}.insight-card li{position:relative;padding-left:20px;margin-bottom:10px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.insight-card li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.insight-card ol{padding-left:20px;counter-reset:item}.insight-card ol li{display:block;padding-left:8px;counter-increment:item}.insight-card ol li:before{content:counter(item) ".";position:absolute;left:0;color:var(--primary-color);font-weight:600}.quality-gates{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.quality-gates h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.quality-gates p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:32px}.quality-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.quality-gate{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.quality-gate h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:16px}.checklist{display:flex;flex-direction:column;gap:12px}.checklist label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;color:var(--neutral-700);cursor:pointer}.checklist input[type=checkbox]{margin-top:2px;accent-color:var(--primary-color)}.testing-requirements{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.requirement{background:var(--white);padding:16px;border-radius:6px;border:1px solid var(--neutral-200)}.requirement h5{font-size:14px;font-weight:600;color:var(--neutral-900);margin-bottom:8px}.requirement p{font-size:12px;line-height:1.4;color:var(--neutral-700);margin:0}.future-content{display:flex;flex-direction:column;gap:48px}.vision-statement{text-align:center;background:var(--white);padding:48px 32px;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-200)}.vision-statement h3{font-size:32px;font-weight:700;color:var(--neutral-900);margin-bottom:24px}.emerging-trends{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.emerging-trends h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:32px;text-align:center}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.trend-card{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200);transition:transform .2s ease,box-shadow .2s ease}.trend-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.trend-icon{font-size:40px;margin-bottom:16px;display:block}.trend-card h4{font-size:20px;font-weight:700;color:var(--neutral-900);margin-bottom:12px}.trend-card p{font-size:16px;line-height:1.6;color:var(--neutral-700);margin-bottom:20px}.trend-examples{background:var(--white);padding:16px;border-radius:6px;border:1px solid var(--neutral-200)}.trend-examples h5{font-size:14px;font-weight:600;color:var(--neutral-900);margin-bottom:12px}.trend-examples ul{list-style:none;padding:0}.trend-examples li{position:relative;padding-left:20px;margin-bottom:8px;font-size:14px;line-height:1.5;color:var(--neutral-700)}.trend-examples li:before{content:"▶";position:absolute;left:0;color:var(--primary-color);font-size:12px}.future-workflow{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.future-workflow h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.future-workflow p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:32px}.workflow-timeline{display:flex;flex-direction:column;gap:24px;position:relative;padding-left:32px}.workflow-timeline:before{content:"";position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--primary-color)}.timeline-item{display:flex;align-items:flex-start;gap:20px;position:relative}.timeline-marker{width:32px;height:32px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;position:absolute;left:-32px;box-shadow:0 0 0 4px var(--white)}.timeline-content{background:var(--neutral-50);padding:20px;border-radius:var(--border-radius);border:1px solid var(--neutral-200);flex:1}.timeline-content h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:8px}.timeline-content p{font-size:14px;line-height:1.6;color:var(--neutral-700);margin:0}.preparing-for-future{background:var(--white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.preparing-for-future h3{font-size:28px;font-weight:700;color:var(--neutral-900);margin-bottom:16px}.preparing-for-future p{font-size:16px;line-height:1.7;color:var(--neutral-700);margin-bottom:32px}.preparation-strategies{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.strategy-category{background:var(--neutral-50);padding:24px;border-radius:var(--border-radius);border:1px solid var(--neutral-200)}.strategy-category h4{font-size:18px;font-weight:600;color:var(--neutral-900);margin-bottom:16px}.strategy-category ul{list-style:none;padding:0}.strategy-category li{position:relative;padding-left:20px;margin-bottom:12px;font-size:14px;line-height:1.6;color:var(--neutral-700)}.strategy-category li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.strategy-category strong{color:var(--neutral-900);font-weight:600}.call-to-action{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);padding:48px 32px;border-radius:var(--border-radius);text-align:center}.call-to-action h3{font-size:28px;font-weight:700;margin-bottom:16px}.call-to-action p{font-size:16px;line-height:1.7;margin-bottom:32px;opacity:.9}.action-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;text-align:left}.action-category{background:#ffffff1a;padding:24px;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-category h4{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--white)}.action-category ol{padding-left:20px;counter-reset:item}.action-category li{display:block;padding-left:8px;margin-bottom:12px;font-size:14px;line-height:1.6;color:#ffffffe6;counter-increment:item}.action-category li::marker{color:var(--white);font-weight:600}.final-message{margin-top:32px;padding:24px;background:#ffffff1a;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.final-message blockquote{font-size:18px;line-height:1.8;font-style:italic;color:var(--white);margin:0;position:relative}.final-message blockquote:before,.final-message blockquote:after{content:'"';font-size:24px;font-weight:700;opacity:.5}.footer{background:var(--neutral-900);color:var(--neutral-300);padding:48px 0 24px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:32px}.footer-section h4{font-size:18px;font-weight:600;color:var(--white);margin-bottom:16px}.footer-section p{font-size:14px;line-height:1.6;color:var(--neutral-400)}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:8px}.footer-section a{color:var(--neutral-400);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-section a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid var(--neutral-800)}.footer-bottom p{font-size:14px;color:var(--neutral-500);margin:0}.cta-buttons a{border:1px none var(--black);background-color:#238be6;color:#fff;text-align:center;border-radius:10px;padding:.625rem 1.25rem;font-weight:600;box-shadow:inset 0 -1px 1px #0006;text-decoration:none;padding:1.625rem 2.25rem;font-size:1.2em}.cta-buttons a:hover{background-color:#4394dc;box-shadow:inset 0 -1px 1px #0006,0 0 10px #f26b4580}.ai-slideshow-container{position:relative;max-width:960px;width:100%;margin:40px auto;background:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001a;overflow:hidden;font-family:system-ui,sans-serif}.ai-slideshow-slide{display:none;text-align:center}.ai-slideshow-slide img{width:100%;height:auto;display:block}.ai-slideshow-caption{padding:20px;font-size:16px;line-height:1.6;background-color:#f5f5f5;color:#333}.ai-slideshow-slide.ai-slideshow-active{display:block}.ai-slideshow-nav{text-align:center;margin:12px 0 24px}.ai-slideshow-nav button{background-color:#376c86;color:#fff;border:none;padding:10px 16px;font-size:14px;margin:0 6px;border-radius:4px;cursor:pointer}.ai-slideshow-nav button:hover{background-color:#2c5670}.footer-illustration{width:100%;height:auto;margin:0 auto;display:block;background-image:url(illustration-2.webp);height:900px;background-size:cover;background-position:center}.about-section{display:flex;align-items:center;gap:20px;max-width:800px;margin:0 auto;padding-bottom:36px}.about-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid #007BFF;-o-object-fit:cover;object-fit:cover}.about-text{font-size:1rem;color:#333;line-height:1.5}.features-section{display:flex;gap:24px;justify-content:space-between;margin-top:64px;margin-bottom:64px}.feature{flex:1;text-align:center}.feature h3{margin-bottom:12px;font-size:1.3rem}.feature-image{width:100%;padding-top:100%;background-size:cover;background-position:left;border:4px solid #007BFF;border-radius:12px;margin-bottom:12px}.feature p{margin:0;font-size:1rem;line-height:1.4;overflow:hidden}@media (max-width: 768px){.navbar{display:none}.hamburger{display:flex}.footer-illustration{height:600px}.code-example{max-width:350px}.strategy{width:85%}.nav-menu{position:fixed;left:-100%;top:64px;flex-direction:column;background-color:var(--white);width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow-lg);padding:24px 0;gap:16px}.nav-menu.active{left:0}.hero-title{font-size:40px}.hero-subtitle{font-size:20px}.hero-stats{gap:32px}.content-grid{grid-template-columns:1fr;gap:32px}.content-sidebar{order:-1;position:static}.section-title{font-size:28px}.paradigm-matrix,.paradigm-details,.principles-grid,.comparison-grid{grid-template-columns:1fr}.refinement-cycle{flex-direction:column}.cycle-arrow{transform:rotate(90deg)}.strategy-grid,.cost-benefit-matrix,.lifecycle-phases,.insights-grid,.quality-checklist,.trends-grid{grid-template-columns:1fr}.workflow-timeline{padding-left:24px}.timeline-marker{left:-24px}.preparation-strategies,.action-items,.shift-comparison,.agent-comparison,.principles-grid,.practice-grid,.pattern-cards,.challenge-grid,.orchestration-patterns{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:24px}.container{padding:0 16px}.section{padding:60px 0}.hero{padding:100px 0 60px}.header-container{background-image:url(illustration.jpeg);background-size:cover;height:640px;background-position-y:95%}}@media (max-width: 480px){.hero-title{font-size:32px}.hero-subtitle{font-size:18px}.section-title{font-size:24px}.hero-stats{flex-direction:column;gap:24px}.selection-row{grid-template-columns:1fr;gap:12px}.testing-requirements{grid-template-columns:1fr}}html{scroll-behavior:smooth}a:focus,button:focus,input:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.navbar,.hamburger,.footer{display:none}.main-content{margin-top:0}.section{page-break-inside:avoid;padding:24px 0}.hero{background:var(--neutral-100)!important;color:var(--neutral-900)!important;-webkit-print-color-adjust:exact}}