.fp-hero{width:100%;padding:56px 0 64px;background:linear-gradient(180deg,#ffffff 0%,var(--color-bg, #f7f7f7) 100%);overflow:hidden}.fp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px}.fp-hero-text{max-width:560px}.fp-hero-title{font-family:var(--font-main);font-weight:800;font-size:clamp(1.9rem,1.1rem + 3vw,3.25rem);line-height:1.14;letter-spacing:-.02em;color:var(--color-text, #191919)}.fp-hero-desc{margin-top:16px;max-width:480px;font-size:clamp(1rem,.94rem + .3vw,1.125rem);line-height:1.6;color:var(--color-text-muted, #666666)}.fp-hero-text .hero-search-box{margin-top:28px;margin-left:0}.fp-hero-swap{position:relative;display:inline-block;white-space:nowrap;color:var(--color-primary, #0a66c2)}.fp-hero-swap-a,.fp-hero-swap-b{display:inline-block}.fp-hero-swap-b{position:absolute;left:0;top:0;opacity:0;white-space:nowrap}.fp-hero-swap-b:before{content:attr(data-text)}.fp-hero-swap-a{animation:fpHeroSwapA 6s ease-in-out infinite}.fp-hero-swap-b{animation:fpHeroSwapB 6s ease-in-out infinite}@keyframes fpHeroSwapA{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}@keyframes fpHeroSwapB{0%,45%{opacity:0}50%,95%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.fp-hero-swap-a,.fp-hero-swap-b{animation:none}.fp-hero-swap-b{opacity:0}}.fp-hero-visual{width:100%;height:450px}.fp-shuffle-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.fp-shuffle-cell{width:100%;height:100%;border-radius:var(--radius-md, 10px);background-color:var(--color-primary-light, #eaf3ff);background-size:cover;background-position:center;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}.fp-hero-placeholder-logo{width:100%;height:100%;border-radius:var(--radius-md, 10px);background-color:var(--color-primary-light, #eaf3ff);background-size:cover;background-position:center;opacity:.5;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}#hero-root{min-height:570px;display:flex;align-items:center;background:linear-gradient(180deg,#ffffff 0%,var(--color-bg, #f7f7f7) 100%);overflow:hidden}.fp-hero-ssr-inner{display:flex;justify-content:flex-end;width:100%}.fp-hero-ssr-placeholder{width:556px;max-width:46%;height:450px;border-radius:var(--radius-md, 10px);background-color:var(--color-primary-light, #eaf3ff);background-image:url(https://firmapuan.com/images/heroes/desktop.webp);background-size:cover;background-position:center;opacity:.5;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08))}@media (max-width: 768px){#hero-root{min-height:620px}.fp-hero-ssr-inner{justify-content:center}.fp-hero-ssr-placeholder{width:100%;max-width:100%;height:min(70vw,280px);background-image:url(https://firmapuan.com/images/heroes/mobile.webp)}.fp-hero{padding:32px 0 40px}.fp-hero-grid{grid-template-columns:1fr;gap:24px}.fp-hero-visual{order:-1;height:min(70vw,280px)}.fp-hero-ssr-inner{order:-1}.fp-hero-text{max-width:100%}.fp-shuffle-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px}.fp-hero-title{line-height:1.18}.fp-hero-text .hero-search-box{width:100%;max-width:100%;margin-top:20px}}
html.fp-dark .fp-hero,html.fp-dark #hero-root{background:var(--color-bg, #0f172a)}