@font-face{font-family:'Plus Jakarta Sans';src:url('fonts/plus-jakarta-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
:root{--font:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
body,button,input,select,textarea{font-family:var(--font)}
:where(.stat,.dash-metric,[class*="price"],[class*="amount"]){font-variant-numeric:tabular-nums}
/* The old React landing page is an internal mount target. Only the current composition is visible. */
.lp:not(.hp-design_8):not([class*="hp-berlin_"]):not([class*="hp-smart_"]):not([class*="hp-feel_"]):not([class*="hp-housing_"]):not([class*="hp-modern_"]):not([class*="hp-fullscreen_"]){visibility:hidden}
html[data-public-theme="dark"]:has(.fn-splash),html[data-public-theme="dark"] body:has(.fn-splash){background:#07132d}
.fn-splash{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#fff}
html[data-public-theme="dark"] .fn-splash{background:radial-gradient(circle at center,#242052,#07132d 65%)}
.fn-splash svg{width:76px;height:76px;overflow:visible;filter:drop-shadow(0 8px 18px #d593c766)}
.fn-load-house,.fn-load-bell{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.5}
.fn-load-house{stroke:#a47ae0;stroke-dasharray:180;stroke-dashoffset:180;animation:fnHouse 1.8s ease-in-out infinite}
.fn-load-bell{stroke:#f4649b;transform-origin:40px 23px;animation:fnBell 1.8s ease-in-out infinite}
.fn-load-dot{fill:#ff796f;animation:fnDot 1.8s ease-in-out infinite}
@keyframes fnHouse{0%{stroke-dashoffset:180}32%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:180}}
@keyframes fnBell{0%,35%,70%,100%{transform:rotate(0)}45%{transform:rotate(9deg)}55%{transform:rotate(-7deg)}}
@keyframes fnDot{0%,48%,100%{opacity:0;transform:scale(.5)}58%,85%{opacity:1;transform:scale(1)}}
.hp-design_8{font-family:var(--font)}
.hp-design_8 .d8-features{max-width:760px;padding:16px 10px;border-radius:27px}
.hp-design_8 .d8-feature-icon{width:52px;height:52px;border-radius:16px;margin-bottom:6px;transition:transform .2s,background-color .2s}
.hp-design_8 .d8-features>div:hover .d8-feature-icon{transform:translateY(-3px);filter:saturate(1.15)}
.hp-design_8 .d8-features>div:active .d8-feature-icon{transform:scale(.96)}
.hp-design_8 .d8-feature-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hp-design_8 .d8-lightning svg{stroke:#eca820}
.hp-design_8 .d8-feature-bell svg{stroke:#9562ed;fill:none}
.hp-design_8 .d8-feature-heart svg{stroke:#f538aa}
.hp-design_8 .d8-features strong{font-size:clamp(13px,1.3vw,16px)}
.hp-design_8 .d8-features small{font-size:clamp(11px,1.15vw,14px)}
.hp-design_8 .d8-art img{filter:drop-shadow(0 16px 22px #7c59902b)}
.hp-design_8[data-theme="dark"] .d8-art img{filter:brightness(.8) saturate(1.13) drop-shadow(0 18px 27px #9651d744)}
.hp-design_8 .d8-copy,.hp-design_8 .d8-art{animation-duration:.28s;animation-delay:0s}
.hp-design_8 .d8-cta{animation-duration:.28s;animation-delay:0s}
@media(max-width:600px){.hp-design_8 .d8-features{padding:12px 2px}.hp-design_8 .d8-feature-icon{width:43px;height:43px;border-radius:13px}.hp-design_8 .d8-feature-icon svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.fn-load-house,.fn-load-bell,.fn-load-dot{animation:none}.fn-load-house{stroke-dashoffset:0}.fn-load-dot{opacity:1}.hp-design_8 .d8-feature-icon{transition:none}}
.fn-polish-skeleton{display:grid;gap:14px;width:100%;margin:12px 0 22px}.fn-polish-skeleton i,.fn-polish-chart{display:block;border-radius:18px;background:linear-gradient(100deg,var(--surface-2,#f1f3f8) 30%,var(--surface,#fff) 45%,var(--surface-2,#f1f3f8) 60%);background-size:240% 100%;animation:fnPolishShimmer 2s ease-in-out infinite;border:1px solid var(--border,#e3e7ef)}.fn-polish-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.fn-polish-stats i{height:112px}.fn-polish-chart{height:210px}.fn-polish-home{grid-template-columns:repeat(3,minmax(0,1fr))}.fn-polish-home i{height:315px}.fn-polish-payment{max-width:720px}.fn-polish-payment i:first-child{height:170px}.fn-polish-payment i:not(:first-child){height:58px}@keyframes fnPolishShimmer{to{background-position-x:-240%}}@media(max-width:720px){.fn-polish-stats{grid-template-columns:repeat(2,1fr)}.fn-polish-home{grid-template-columns:1fr}.fn-polish-home i{height:275px}.fn-polish-home i:nth-child(n+3){display:none}}@media(prefers-reduced-motion:reduce){.fn-polish-skeleton i,.fn-polish-chart{animation:none}}
.hp-design_8.hp-design_8{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
