.icp-page{padding-top:72px}.icp-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);padding:var(--space-24) 0;text-align:center}.icp-hero-content{max-width:700px;margin:0 auto}.icp-hero-icon{display:inline-block;font-size:4rem;margin-bottom:var(--space-6);animation:float 3s ease-in-out infinite}.icp-hero h1{font-size:var(--text-4xl);color:white;margin-bottom:var(--space-4)}.icp-hero-subtitle{font-size:var(--text-xl);color:rgba(255,255,255,.9);margin-bottom:var(--space-10);max-width:none}.icp-hero-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-12)}.value-card{background:white;border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100);transition:all var(--transition-base)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.value-icon{display:block;font-size:2.5rem;margin-bottom:var(--space-4)}.value-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.value-card p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.icp-products{background:var(--color-gray-50)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}.product-card{position:relative;background:white;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100)}.product-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.product-icon{font-size:1.5rem}.product-header h3{font-size:var(--text-lg);margin:0}.product-list{list-style:none;margin:0;padding:0}.product-list li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-gray-700)}.product-tag{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background:rgba(49,130,206,.1);color:var(--color-accent);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.icp-process{background:var(--color-gray-50)}.process-steps{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-4);margin-top:var(--space-12)}.process-step{flex:1;max-width:200px;text-align:center}.step-number{display:block;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--color-accent);margin-bottom:var(--space-2)}.process-step h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.process-step p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.process-arrow{color:var(--color-gray-300);font-size:var(--text-2xl);margin-top:var(--space-4)}.usecases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-12)}.usecase-card{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;border:1px solid var(--color-gray-200);transition:all var(--transition-base)}.usecase-card:hover{border-color:var(--color-accent);background:white}.usecase-icon{display:block;font-size:2rem;margin-bottom:var(--space-3)}.usecase-card h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.usecase-card p{font-size:var(--text-sm);color:var(--color-gray-600);margin:0}.icp-cta{background:white}.cta-box{max-width:700px;margin:0 auto;text-align:center;padding:var(--space-12);background:linear-gradient(135deg,rgba(49,130,206,.05),rgba(26,54,93,.1));border-radius:var(--radius-2xl);border:1px solid rgba(49,130,206,.2)}.cta-box h2{margin-bottom:var(--space-4)}.cta-box p{color:var(--color-gray-600);margin-bottom:var(--space-8);max-width:none}.cta-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media (max-width:1024px){.usecases-grid,.values-grid{grid-template-columns:repeat(2,1fr)}.process-steps{flex-wrap:wrap}.process-arrow{display:none}}@media (max-width:768px){.usecases-grid,.values-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.products-grid{grid-template-columns:1fr}.cta-actions,.icp-hero-actions{flex-direction:column}.cta-actions .btn,.icp-hero-actions .btn{width:100%}}