.comparison-container{display:grid;grid-template-columns:1fr;gap:2rem;margin:3rem 0;background:var(--card-bg, #f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 10px 30px #0000000d}@media(min-width:992px){.comparison-container{grid-template-columns:1fr 1fr;align-items:center}}.comparison-image{width:100%;border-radius:12px;box-shadow:0 5px 15px #0000001a}.saap-roadmap{position:relative;padding:2rem 0;margin:3rem 0}.saap-roadmap:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary, #0070f3),transparent)}.roadmap-item{position:relative;padding-left:60px;margin-bottom:3rem}.roadmap-dot{position:absolute;left:11px;top:5px;width:20px;height:20px;background:var(--color-primary, #0070f3);border:4px solid #fff;border-radius:50%;box-shadow:0 0 15px #0070f380}.roadmap-content{background:#fff;padding:1.5rem;border-radius:15px;border:1px solid #eee;box-shadow:0 5px 15px #0000000d}[data-theme=dark] .roadmap-content{background:#ffffff0d;border-color:#444}.inline-image{width:100%;max-width:600px;margin:2rem 0 2rem 60px;border-radius:15px;box-shadow:0 10px 30px #0000001a}.featured-visual{width:100%;border-radius:20px;margin:2.5rem 0;box-shadow:0 15px 45px #00000026}.workflow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0}.workflow-step{background:#fff;padding:2rem;border-radius:20px;border:1px solid #eee;text-align:center;transition:all .3s ease}[data-theme=dark] .workflow-step{background:#ffffff0d;border-color:#444}.workflow-step:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0000001a;border-color:var(--color-primary)}.workflow-step-number{font-size:3rem;font-weight:800;color:#fc0;opacity:.4;margin-bottom:-1.5rem}.table-container th{background:var(--color-primary, #0070f3);color:#fff}.table-container td{color:#333}[data-theme=dark] .table-container td{color:#eee}[data-theme=dark] .comparison-container{background:#ffffff0d;box-shadow:0 10px 40px #0000004d}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2.5rem 0}.feature-card{background:#fff;padding:1.5rem;border-radius:16px;border:1px solid #eee;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.5rem;box-shadow:0 4px 12px #00000008}[data-theme=dark] .feature-card{background:#ffffff08;border-color:#333}.feature-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 12px 24px #00000014}.feature-card h4{margin:0;color:var(--color-primary);font-size:1.1rem;font-weight:700}.feature-card p{margin:0;font-size:.95rem;opacity:.9}.tech-pill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0}.tech-pill{background:#f8f9fa;padding:.85rem 1.25rem;border-radius:12px;border-left:4px solid var(--color-primary);font-weight:600;font-size:.9rem;transition:all .2s ease}[data-theme=dark] .tech-pill{background:#ffffff0d}.tech-pill:hover{background:var(--color-primary);color:#fff}.case-step-list{display:flex;flex-direction:column;gap:1.25rem;margin:2rem 0}.case-step{display:flex;gap:1.25rem;align-items:flex-start;background:#0070f308;padding:1.25rem;border-radius:12px;border:1px solid rgba(0,112,243,.1)}[data-theme=dark] .case-step{background:#ffffff05}.step-badge{background:var(--color-primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}.step-content h4{margin:0 0 .25rem;font-size:1.05rem}.step-content p{margin:0;font-size:.9rem;opacity:.85}.agent-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2.5rem 0}.agent-example-card{background:#0070f30a;padding:1.5rem;border-radius:16px;border:1px solid rgba(0,112,243,.08);display:flex;flex-direction:column;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .agent-example-card{background:#ffffff08;border-color:#ffffff14}.agent-example-card:hover{transform:translateY(-5px);background:var(--color-primary);border-color:var(--color-primary)}.agent-example-card h4{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-primary);transition:color .3s ease}.agent-example-card p{margin:0;font-size:.95rem;line-height:1.5;transition:color .3s ease}.agent-example-card:hover h4,.agent-example-card:hover p{color:#fff}.framework-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2.5rem 0}.framework-card{padding:2rem;border-radius:20px;border:1px solid #eee;background:#fff;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;box-shadow:0 4px 12px #00000008}[data-theme=dark] .framework-card{background:#ffffff08;border-color:#333}.framework-card.astro{border-top:5px solid #ff5d01}.framework-card.next{border-top:5px solid #000}[data-theme=dark] .framework-card.next{border-top-color:#fff}.framework-card h4{margin:0;font-size:1.35rem;display:flex;align-items:center;gap:.75rem}.monetization-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:2.5rem 0}.monetization-card{background:#f8f9fa;padding:1.5rem;border-radius:16px;text-align:center;border:1px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.5rem}[data-theme=dark] .monetization-card{background:#ffffff0d}.monetization-card:hover{background:#fff;border-color:var(--color-primary);transform:scale(1.03);box-shadow:0 15px 30px #0000001a}[data-theme=dark] .monetization-card:hover{background:#ffffff14}.monetization-card .icon{font-size:2.5rem;margin-bottom:.5rem}.monetization-card h4{margin:0;font-size:1.1rem;font-weight:700}.monetization-card p{margin:0;font-size:.9rem;opacity:.8}