.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.comp-card{padding:36px;border-radius:var(--radius-lg)}.comp-card.problem{background:var(--bg);border:1px solid var(--gray-200)}.comp-card.solution{background:var(--blue-500);color:#fff;box-shadow:var(--shadow-lg)}.comp-card.solution h3{color:var(--amber-50)}.comp-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.comp-card.problem .comp-icon{background:var(--red-100);color:var(--red-600)}.comp-card.solution .comp-icon{background:#fff3;color:#fff}.comp-card h3{font-size:1.15rem;font-weight:700;margin-bottom:12px}.comp-card.problem h3{color:var(--text-strong)}.comp-card p{font-size:.92rem;line-height:1.7;opacity:.92}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.feature-card{padding:32px;border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border);transition:border-color .25s,box-shadow .25s,transform .25s}.feature-card:hover{border-color:var(--blue-100);box-shadow:var(--shadow-md);transform:translateY(-3px)}.feature-icon{width:44px;height:44px;border-radius:10px;background:var(--blue-50);color:var(--blue-500);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.feature-icon svg{width:22px;height:22px}.feature-card h3{font-size:1rem;font-weight:700;color:var(--text-strong);margin-bottom:8px}.feature-card p{font-size:.88rem;color:var(--text-muted);line-height:1.65}.dev-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start;margin-top:48px}.dev-steps{list-style:none;counter-reset:step}.dev-steps li{counter-increment:step;position:relative;padding-left:52px;margin-bottom:28px}.dev-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:8px;background:#60a5fa1f;color:var(--blue-300);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem}.dev-steps li strong{display:block;color:#fff;margin-bottom:2px}.dev-steps li span{font-size:.88rem;color:var(--gray-400);line-height:1.6}@media(max-width:900px){.comparison-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}.dev-layout{grid-template-columns:1fr}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}