@font-face{font-family:Manrope;src:url('./assets/fonts/Manrope-Variable.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--ink:#172f3b;--body:#415868;--line:#dce4e8;--brand-ink:#16494c;--brand-button:#145362;--brand-soft:#edf6f5;--hero:#164f58;--hero-ink:#fff;--hero-body:#e5f1f2}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.25;font-weight:800;letter-spacing:-.025em}
h1{font-size:40px}h2{font-size:30px}h3{font-size:18px}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}
a,button{-webkit-tap-highlight-color:rgba(23,47,59,.15)}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:4px}
::selection{background:#b7e7ec;color:#14303d}
.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.skip{position:fixed;left:16px;top:-80px;z-index:10;padding:12px 20px;background:#fff;color:#163847;border:2px solid #163847}.skip:focus{top:12px}
.livaya{--brand-ink:#123f49;--brand-button:#145362;--brand-soft:#e5f8fb;--hero:#7ce2ef;--hero-ink:#103b45;--hero-body:#174854}
.alago{--brand-ink:#134681;--brand-button:#1158a4;--brand-soft:#edf4ff;--hero:#075cba;--hero-ink:#fff;--hero-body:#e5f0ff}
.sulivo{--brand-ink:#373696;--brand-button:#4844b7;--brand-soft:#f0efff;--hero:#4947c7;--hero-ink:#fff;--hero-body:#efedff}
/* Stable navigation. A section is not automatically a visible panel. */
.site-header{position:relative;z-index:2;background:#fff}
.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.wordmark,.brand-wordmark{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0}
.flashbit-logo{width:auto;height:38px}.brand-lockup{width:auto;height:44px;flex-shrink:0}
.site-header nav{display:flex;align-items:center;gap:32px}
.site-header nav a{display:flex;align-items:center;min-height:44px;color:#354e5e;font-size:14px;font-weight:700}
.site-header nav a[aria-current]{color:var(--brand-ink);font-weight:800}
.site-header nav a:active{color:#071e29}
.section-label{margin-bottom:10px;font-size:13px;font-weight:800;letter-spacing:.025em;color:var(--brand-ink)}
.section-heading h2,.directory-intro h2{font-size:30px;color:var(--brand-ink)}
.section-heading>p,.directory-intro>p{margin-top:12px;color:var(--body);font-size:16px;line-height:1.75}
/* Company: open introduction, a broad scene, then distinct brand destinations. */
.company-intro{padding-top:44px}
.company-intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-bottom:36px}
.company-intro h1{color:#16494c;font-size:40px}
.company-intro-grid>p{color:var(--body);font-size:16px;line-height:1.75}
.company-scene{width:min(1280px,calc(100% - 48px));margin-inline:auto;background:#e7edeb}.company-scene img{width:100%;height:auto}
.brands-section{padding-block:64px 72px}
.directory-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:48px}
.directory-intro>p{max-width:460px;margin:0}
.brand-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}
.brand-row{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px;background:#f6f8f8;border-radius:8px}
.directory-logo{display:flex;align-items:center;min-height:48px;margin-bottom:24px}
.directory-copy{display:block}.directory-copy strong{display:block;font-size:18px;line-height:1.45;font-weight:800;color:var(--ink)}
.directory-copy>span{display:block;margin-top:12px;font-size:16px;color:var(--body);line-height:1.75}
.directory-action{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-top:auto;padding-top:28px;font-size:14px;font-weight:800;color:var(--brand-ink)}.directory-action>span{font-size:21px;line-height:1}
.brand-row:active{background:var(--brand-soft)}
/* Product: strong brand opening, quieter explanatory section, then app demonstration. */
.product-intro{background:var(--hero);color:var(--hero-ink)}
.product-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:80px;padding-block:44px}
.product-category{margin-bottom:12px;font-size:14px;line-height:1.5;font-weight:700}
.product-intro h1{max-width:560px;font-size:40px;line-height:1.25}
.product-description{max-width:540px;margin-top:18px;color:var(--hero-body);font-size:16px;line-height:1.75}
.primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:24px;padding:11px 24px;border-radius:6px;background:#fff;color:var(--brand-ink);font-size:15px;font-weight:800}
.primary-link:focus-visible{outline:3px solid var(--hero-ink);outline-offset:4px}
.primary-link:active{background:#d8e5f0}.livaya .primary-link{background:#123f49;color:#fff}.livaya .primary-link:active{background:#082c34}
.portrait{position:relative;overflow:hidden;aspect-ratio:1.1;background:#e5f1f1;border-radius:6px}
.portrait img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none;transform:translateY(-41.05%)}
.portrait.photo img{inset:0;width:100%;height:100%;object-fit:cover;transform:none}
.loan-information{display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start;gap:64px;padding-block:64px}
.loan-information-intro{padding-top:12px}
.borrowing-note{max-width:260px;margin-top:24px;color:var(--body);font-size:14px;line-height:1.7}
.loan-facts{margin:0;padding:8px 28px;background:#f5f8f9;border-radius:8px}
.loan-facts>div{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:24px;padding-block:24px}
.loan-facts>div+div{border-top:1px solid var(--line)}
.loan-facts dt{font-size:18px;font-weight:800;line-height:1.5;color:var(--ink)}
.loan-facts dd{margin:0;color:var(--body);font-size:16px;line-height:1.75}
.app-guide{padding-block:64px;background:var(--brand-soft)}
/* Footer is utility content, not another prominent card. */
.site-footer{padding-top:44px;background:#16494c;color:#fff}
.footer-grid{display:grid;grid-template-columns:1fr .85fr 1.3fr;gap:48px;padding-bottom:32px}
.footer-company>p{margin-top:16px;color:#e0eded;font-size:14px;line-height:1.75}
.footer-company .footer-caption{font-size:13px;color:#cddfe0;margin-top:8px}
.footer-grid h2{font-size:16px;letter-spacing:0;line-height:1.5;margin:4px 0 12px}
.footer-brands>a{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:220px;min-height:44px;font-size:14px;font-weight:650;color:#e0eded}
.company-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:8px;font-size:14px;font-weight:800}
.phone-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.footer-contact dl{margin:0}.footer-contact dt{font-size:13px;font-weight:700;color:#cddfe0}.footer-contact dd{margin:4px 0 16px;font-size:14px;line-height:1.8;color:#e0eded}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #477174;padding-block:20px}.footer-bottom p{font-size:12px;color:#cddfe0}
.brand-page .site-footer{background:#fff;color:var(--ink)}
.brand-page .footer-company>p,.brand-page .footer-brands>a,.brand-page .footer-contact dd{color:var(--body)}
.brand-page .footer-company .footer-caption,.brand-page .footer-contact dt,.brand-page .footer-bottom p{color:#4a6172}
.brand-page .company-link{color:var(--brand-ink)}.brand-page .footer-bottom{border-color:var(--line)}.brand-page .site-footer .brand-lockup{height:40px}
.site-footer a:active{color:#fff}.brand-page .site-footer a:active{color:#071e29}
@media(hover:hover){
 .site-header nav a:hover{color:var(--brand-ink)}
 .brand-row:hover{background:var(--brand-soft)}
 .primary-link:hover{background:#edf3f7}.primary-link:active{background:#d8e5f0}
 .livaya .primary-link:hover{background:#1b5360}.livaya .primary-link:active{background:#082c34}
 .footer-brands>a:hover,.company-link:hover{text-decoration:underline;text-underline-offset:4px}
 .phone-link:hover{text-decoration-thickness:2px}
}
@media(max-width:1050px){
 .wrap{width:calc(100% - 48px)}
 .company-intro-grid{gap:40px}.company-intro h1{font-size:36px}
 .brand-directory{gap:16px}.brand-row{padding:24px}.directory-copy strong{font-size:17px}
 .product-intro-grid{grid-template-columns:minmax(0,1fr) 280px;gap:48px}.product-intro h1{font-size:36px}
 .loan-information{grid-template-columns:240px minmax(0,1fr);gap:40px}.loan-facts>div{grid-template-columns:1fr;gap:8px;padding-block:20px}
 .footer-grid{gap:32px}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 40px)}
 .header-inner{min-height:76px;gap:8px;flex-wrap:wrap;padding-block:12px 6px}
 .brand-lockup{height:40px}.flashbit-logo{height:35px}
 .site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:12px}
 .company-intro{padding-top:28px}.company-intro-grid{grid-template-columns:1fr;gap:16px;padding-bottom:28px}.company-intro h1{font-size:32px}
 .company-scene{width:calc(100% - 40px)}
 .brands-section{padding-block:40px 48px}.directory-intro{display:block}.directory-intro>p{margin-top:12px}
 .section-heading h2,.directory-intro h2{font-size:28px}
 .brand-directory{grid-template-columns:1fr;gap:16px;margin-top:24px}.brand-row{padding:24px}
 .directory-logo{margin-bottom:20px}.directory-copy strong{font-size:18px}.directory-copy>span{margin-top:8px}.directory-action{padding-top:20px}
 .product-intro-grid{grid-template-columns:1fr;gap:28px;padding-block:32px}
 .product-category{font-size:13px}.product-intro h1{font-size:32px;max-width:480px}
 .product-description{margin-top:16px}.primary-link{margin-top:20px}
 .product-intro .portrait{width:100%;max-width:380px;justify-self:center}
 .loan-information{grid-template-columns:1fr;gap:24px;padding-block:40px}.loan-information-intro{padding-top:0}
 .borrowing-note{max-width:360px;margin-top:16px}.loan-facts{padding:4px 24px}.loan-facts>div{gap:8px;padding-block:20px}
 .app-guide{padding-block:40px}
 .site-footer{padding-top:32px}.footer-grid{grid-template-columns:1fr;gap:24px;padding-bottom:24px}
 .footer-grid>div+div{padding-top:24px;border-top:1px solid #477174}.brand-page .footer-grid>div+div{border-color:var(--line)}
 .footer-grid h2{margin-bottom:8px}.footer-contact dd br{display:none}.footer-contact dd{max-width:440px}
 .footer-bottom{display:block;padding-block:20px}.footer-bottom p+p{margin-top:4px}
}
@media(max-width:370px){
 .wrap,.company-scene{width:calc(100% - 32px)}.company-intro h1{font-size:28px}.site-header nav{gap:8px}
 .product-intro h1{font-size:30px}.section-heading h2,.directory-intro h2{font-size:26px}.brand-row,.loan-facts{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Company registration certificate and contact links. */
.footer-certificate{margin-top:20px;max-width:240px}
.footer-certificate>a{display:inline-flex;flex-direction:column;gap:8px;font-size:12px;text-decoration:none}
.footer-certificate img{display:block;width:160px;max-width:100%;height:auto;border:1px solid #dbe3e5;border-radius:4px;background:#fff}
.footer-certificate span{text-decoration:underline;text-underline-offset:3px}
.footer-certificate p{margin-top:8px;font-size:11px;line-height:1.6;opacity:.85}
.email-link{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.footer-certificate a:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Wide lifestyle heroes, with live text and separate mobile photography. */
.product-banner{position:relative;isolation:isolate;overflow:hidden}
.product-banner .hero-scene{position:absolute;inset:0 0 0 auto;width:76%;height:100%;object-fit:cover;object-position:65% 44%;z-index:-2}
.product-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--hero) 0%,var(--hero) 29%,color-mix(in srgb,var(--hero) 96%,transparent) 38%,color-mix(in srgb,var(--hero) 62%,transparent) 49%,transparent 68%)}
.product-banner .product-intro-grid{display:flex;align-items:center;min-height:520px;padding-block:64px}
.product-banner .product-intro-copy{width:44%;max-width:490px}
.product-banner h1{font-size:44px;line-height:1.15;letter-spacing:-.035em}
.product-banner .product-description{font-size:16px;line-height:1.7}
@media(min-width:1600px){.product-banner .hero-scene{width:72%;object-position:center 40%}}
@media(min-width:761px) and (max-width:1050px){.product-banner h1{font-size:36px}.product-banner .product-intro-copy{width:47%}.product-banner .product-intro-grid{min-height:480px}}
@media(max-width:760px){
.product-banner{display:flex;flex-direction:column}
.product-banner::before{display:none}
.product-banner .product-intro-grid{order:0;min-height:0;padding-block:36px}
.product-banner .product-intro-copy{width:100%;max-width:none}
.product-banner h1{font-size:34px;max-width:520px}
.product-banner .hero-scene{position:static;order:1;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;z-index:auto}
}

/* All pages share the company footer. */
.brand-page .site-footer{background:#16494c;color:#fff}
.brand-page .footer-company>p,.brand-page .footer-brands>a,.brand-page .footer-contact dd{color:#e0eded}
.brand-page .footer-company .footer-caption,.brand-page .footer-contact dt,.brand-page .footer-bottom p{color:#cddfe0}
.brand-page .footer-bottom,.brand-page .footer-grid>div+div{border-color:#477174}
.brand-page .site-footer a:active{color:#fff}

.company-scene img{aspect-ratio:2.5/1;object-fit:cover;object-position:center}
@media(max-width:760px){.company-scene img{aspect-ratio:4/3;object-position:50% center}}
/* Keep hero subjects framed on wide desktop displays. */
@media(min-width:761px){
.product-banner .hero-scene{width:min(76%,1120px);object-position:right top}
}
@media(min-width:761px){
.product-banner::before{left:auto;right:0;width:min(76%,1120px);background:linear-gradient(90deg,var(--hero) 0%,color-mix(in srgb,var(--hero) 96%,transparent) 12%,color-mix(in srgb,var(--hero) 62%,transparent) 30%,transparent 56%)}
}
/* Taller, centered desktop composition rather than edge-anchored subjects. */
@media(min-width:761px){
.product-banner .product-intro-grid{min-height:620px}
.product-banner .hero-scene{right:max(0px,calc((100vw - 1520px)/2));width:min(80%,1240px);object-position:right top}
.product-banner::before{right:max(0px,calc((100vw - 1520px)/2));width:min(80%,1240px);background:linear-gradient(90deg,var(--hero) 0%,color-mix(in srgb,var(--hero) 96%,transparent) 12%,color-mix(in srgb,var(--hero) 62%,transparent) 30%,transparent 56%,transparent 90%,var(--hero) 100%)}
}
@media(min-width:761px) and (max-width:1050px){.product-banner .product-intro-grid{min-height:540px}}

/* Explicit company-home link on product headers. */
.brand-page .site-header{position:relative}
.back-home{position:absolute;left:24px;top:18px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid #dbe3e8;border-radius:6px;color:#354e5e;font-size:14px;font-weight:700;background:#fff}
.back-home:hover{background:#f2f6f8}
.back-home:focus-visible{outline:3px solid var(--brand-ink);outline-offset:3px}
@media(max-width:1440px){.brand-page .header-inner{padding-left:120px}}
@media(max-width:760px){.back-home{left:20px;top:16px;padding:0 10px}.brand-page .header-inner{padding-left:0}.brand-page .header-inner>.brand-wordmark{margin-left:110px}}