.blog-hero-mock{position:relative;width:100%;max-width:620px;aspect-ratio:5/4;border-radius:22px;background:linear-gradient(180deg,#f6f7fb,#eef0f6);border:1px solid #e5e7eb;box-shadow:0 20px 60px rgba(15,23,42,.1);overflow:hidden}.blog-hero-mock-inner{position:absolute;inset:18px;border-radius:16px;background:#fff;border:1px solid #eceef3;display:flex;flex-direction:column;padding:22px;gap:14px}.blog-hero-mock-bar{height:10px;border-radius:6px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6)}.blog-hero-mock-bar.w-60{width:60%}.blog-hero-mock-bar.w-40{width:40%}.blog-hero-mock-bar.w-80{width:80%}.blog-hero-mock-block{flex:1;border-radius:12px;background:linear-gradient(135deg,rgba(22,21,15,.1),rgba(82,82,91,.06)),#f7f8fb;border:1px dashed #d1d5db;display:flex;justify-content:center;color:#9ca3af;letter-spacing:.04em;text-transform:uppercase}.blog-hero-float,.blog-hero-mock-block{align-items:center;font-size:13px;font-weight:600}.blog-hero-float{position:absolute;background:#fff;border:1px solid #eceef3;border-radius:12px;padding:10px 14px;color:#1f2937;box-shadow:0 10px 28px rgba(15,23,42,.1);display:inline-flex;gap:8px}.blog-hero-float:before{content:"";width:8px;height:8px;border-radius:50%;background:#16150F}.blog-hero-float.bf-1{top:8%;left:-8%}.blog-hero-float.bf-2{top:22%;right:-6%}.blog-hero-float.bf-2:before{background:#10b981}.blog-hero-float.bf-3{bottom:18%;left:-10%}.blog-hero-float.bf-3:before{background:#52525B}.blog-hero-float.bf-4{bottom:6%;right:-4%}.blog-hero-float.bf-4:before{background:#f59e0b}.blog-problem{max-width:760px;margin:0 auto;text-align:center}.blog-problem p{font-size:17px;line-height:1.7;color:#4b5563;margin:10px 0 0}.blog-problem p strong{color:#0a0a1a;font-weight:600}.blog-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-feature-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eceef3;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.06)}.blog-feature-media{background:linear-gradient(180deg,#f6f7fb,#eef0f6);border-bottom:1px solid #eceef3;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:0}.blog-feature-img{width:100%;height:100%;object-fit:cover}.blog-feature-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}.blog-feature-body h3{margin:0 0 10px;font-size:19px;font-weight:700;color:#0a0a1a;letter-spacing:-.01em}.blog-feature-body p{margin:0 0 20px;font-size:15px;line-height:1.6;color:#4b5563}.blog-feature-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.blog-feature-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px 7px 9px;border-radius:10px;font-size:13px;font-weight:600;background:#f3f4f7;color:#1f2937;border:1px solid #eceef3}.blog-feature-chip-icon{display:inline-flex;align-items:center;justify-content:center}.blog-features-quote{margin:44px auto 0;max-width:880px;text-align:center;font-size:16px;font-weight:500;color:#4b5563;display:flex;align-items:center;justify-content:center;gap:12px}.blog-features-quote-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(22,21,15,.1);color:#16150F;flex-shrink:0}.blog-video-wrap{max-width:980px;margin:0 auto}.blog-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#08090A;border:1px solid #e5e7eb;box-shadow:0 18px 50px rgba(15,23,42,.12)}.blog-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.blog-video-ph{position:relative;width:100%;aspect-ratio:16/9;border-radius:22px;background:radial-gradient(600px 240px at 50% 30%,rgba(22,21,15,.1),transparent 60%),linear-gradient(180deg,#f6f7fb,#eef0f6);border:1px solid #e5e7eb;box-shadow:0 18px 50px rgba(15,23,42,.1);flex-direction:column;gap:14px}.blog-video-ph,.blog-video-play{display:flex;align-items:center;justify-content:center}.blog-video-play{width:78px;height:78px;border-radius:50%;background:#fff;box-shadow:0 12px 28px rgba(22,21,15,.25);color:#16150F}.blog-video-label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6b7280}.blog-usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:880px;margin:0 auto}.blog-usecase-card{background:#fff;border:1px solid #eceef3;border-radius:16px;padding:24px;box-shadow:0 4px 16px rgba(15,23,42,.04)}.blog-usecase-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;margin-bottom:14px}.blog-usecase-card h3{margin:0 0 8px;font-size:17px;font-weight:700;color:#0a0a1a}.blog-usecase-card p{margin:0;font-size:14.5px;line-height:1.55;color:#4b5563}.blog-quote-wrap{max-width:760px;margin:0 auto;text-align:center}.blog-quote{font-size:clamp(22px,2.4vw,28px);line-height:1.4;font-weight:600;color:#0a0a1a;letter-spacing:-.01em;margin:20px 0 0;font-style:italic}.blog-quote-support{margin-top:22px;font-size:16px;line-height:1.7;color:#4b5563}.blog-quote-support strong{color:#0a0a1a;font-weight:600}@media (max-width:980px){.blog-features-grid,.blog-usecase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-features-grid,.blog-usecase-grid{grid-template-columns:1fr}.blog-hero-float.bf-1,.blog-hero-float.bf-3{left:4%}.blog-hero-float.bf-2,.blog-hero-float.bf-4{right:4%}}