.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 40%,#0f172a);overflow:hidden}.hero-bg-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(37,99,235,.15) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(255,107,53,.1) 0%,transparent 60%);pointer-events:none}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;border-radius:50%;opacity:.1}.p1{width:300px;height:300px;background:var(--color-primary);top:-100px;left:-100px}.p2{width:200px;height:200px;background:var(--color-secondary);top:40%;right:-50px}.p3{width:150px;height:150px;background:var(--color-accent);bottom:20%;left:20%}.p4{width:100px;height:100px;background:var(--color-playful);top:20%;left:40%}.p5{width:80px;height:80px;background:var(--color-vibrant);bottom:10%;right:30%}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-top:5rem;padding-bottom:4rem;width:100%;position:relative;z-index:2}.hero-badge{display:inline-block;padding:.4rem 1rem;background:#2563eb26;border:1px solid rgba(37,99,235,.2);border-radius:100px;font-size:.85rem;color:var(--color-primary-light);margin-bottom:1.5rem}.hero-title{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;line-height:1.2}.hero-desc{font-size:1.05rem;color:#fff9;line-height:1.8;margin-bottom:2rem;max-width:540px}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:3rem}.btn-lg{padding:.9rem 2rem;font-size:.95rem}.hero-stats{display:flex;gap:2.5rem}.hero-stat{display:flex;flex-direction:column}.hero-stat-value{font-size:2rem;font-weight:800;color:#fff;line-height:1}.hero-stat-label{font-size:.8rem;color:#ffffff80;margin-top:.3rem}.hero-visual{display:flex;justify-content:center}.hero-image-wrapper{position:relative;width:100%;max-width:520px}.hero-main-image{width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.hero-image-fallback{width:100%;aspect-ratio:4/3;border-radius:var(--radius-2xl);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.fallback-icon{font-size:4rem;z-index:2}.fallback-shapes{position:absolute;inset:0}.shape{position:absolute;border-radius:50%}.shape-blue{width:120px;height:120px;background:var(--color-primary);top:20%;left:15%;opacity:.2}.shape-orange{width:80px;height:80px;background:var(--color-secondary);top:50%;right:20%;opacity:.2}.shape-green{width:60px;height:60px;background:var(--color-accent);bottom:20%;left:30%;opacity:.2}.shape-yellow{width:40px;height:40px;background:var(--color-playful);top:30%;right:30%;opacity:.2}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;line-height:0}.hero-wave svg{width:100%;height:80px}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}.category-card{background:var(--color-white);border-radius:var(--radius-lg);padding:2rem 1.5rem;border:1px solid var(--color-border);transition:var(--transition-smooth);display:flex;flex-direction:column;gap:1rem}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--color-primary-light)}.category-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--color-primary-light);color:var(--color-primary)}.category-card h3{font-size:1.05rem;font-weight:700}.category-card p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;flex:1}.category-arrow{font-size:.85rem;color:var(--color-primary);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}.stat-item{padding:2rem 0}.stat-number{display:block;font-size:3rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.03em}.stat-label{font-size:1rem;opacity:.85}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text{font-size:.95rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:1rem}.about-features{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.about-feature{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500}.feature-icon{color:var(--color-accent);font-weight:700}.about-image-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.about-img-wrapper{border-radius:var(--radius-lg);overflow:hidden}.about-img-main .img-placeholder{aspect-ratio:4/3}.about-img-sm .img-placeholder{aspect-ratio:1}.img-placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem;width:100%;height:100%}.img-placeholder span{opacity:.5;transform:scale(2)}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.case-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-smooth);border:1px solid var(--color-border)}.case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.case-img{overflow:hidden}.case-body{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.case-body h3{font-size:1.05rem}.case-body p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6}@media(max-width:1024px){.categories-grid,.cases-grid{grid-template-columns:repeat(2,1fr)}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-visual{display:none}.hero-title{font-size:2.5rem}.about-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.categories-grid,.cases-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-number,.hero-title{font-size:2rem}.hero-stats{gap:1.5rem}.about-image-grid{grid-template-columns:1fr}}