.fi { color: #243b4f; font-family: inherit; line-height: 1.8; margin-top: 120px; }
.fi *, .fi *::before, .fi *::after { box-sizing: border-box; }
.fi .container { width: 1170px; max-width: 100%; }
/* Bootstrap's clearfix pseudo-elements become extra grid children in feature layouts. */
.fi .container::before, .fi .container::after { display: none; }
.fi h1, .fi h2, .fi h3, .fi p { margin: 0; }
.fi h1, .fi h2, .fi h3 { line-height: 1.38; font-weight: 800; letter-spacing: -.035em; }
.fi h1 { font-size: clamp(38px, 4.1vw, 60px); text-wrap: balance; }
.fi h2 { font-size: clamp(30px, 3vw, 42px); }
.fi h3 { font-size: 23px; }
.fi p { font-size: 16px; }
.fi-crumb { border-bottom: 1px solid #dce6ed; background: #fff; color: #7890a0; font-size: 13px; padding: 13px 0; }
.fi-crumb a { color: #316a99; }
.fi-kicker { font-size: 12px !important; font-weight: 900; letter-spacing: .2em; line-height: 1.5; }
.fi-actions { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; }
.fi-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; border-radius: 8px; padding: 12px 22px; font-size: 14px; font-weight: 800; text-decoration: none !important; transition: transform .2s, box-shadow .2s; }
.fi-button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px #0a335125; }
.fi-button--blue { background: #1d73b7; color: #fff !important; }
.fi-button--line { border: 1px solid #abc8dc; background: #fff; color: #1f628d !important; }
.fi-button--light { background: #fff; color: #143959 !important; }
.fi-button--dark { background: #243748; color: #fff !important; }
.fi-button--outline-dark { border: 1px solid #485563; background: transparent; color: #293e50 !important; }
.fi-button--mint { background: #68e5c4; color: #123c48 !important; }
.fi-button--light-line { border: 1px solid #82c8c7; color: #e9ffff !important; }
.fi-text-link { color: inherit !important; font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }

.fi-owner__hero { padding: 76px 0 92px; background: linear-gradient(135deg,#f8fcff 0%,#eaf5fb 100%); overflow: hidden; }
.fi-owner__hero-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 55px; align-items: center; }
.fi-owner__intro .fi-kicker { color: #2682be; margin-bottom: 20px; }
.fi-owner__intro h1 { color: #163b5e; }
.fi-owner__intro h1 em { color: #2381b8; font-style: normal; }
.fi-owner__intro > p:not(.fi-kicker) { max-width: 550px; margin: 27px 0 28px; color: #506b80; font-size: 18px; }
.fi-owner__intro .fi-owner__hero-note { margin: 17px 0 0 !important; color: #6f8595 !important; font-size: 12px !important; }
.fi-owner__scene { position: relative; margin: 0; border-radius: 20px; background: #dbeefa; box-shadow: 0 30px 70px #16426325; overflow: hidden; }
.fi-owner__scene img { display: block; width: 100%; height: auto; }
.fi-owner__scene figcaption { position: absolute; right: 16px; bottom: 16px; max-width: calc(100% - 32px); padding: 9px 14px; border-radius: 6px; background: #173f63e8; color: #fff; font-size: 11px; font-weight: 700; }
.fi-owner__preview { transform: rotate(2deg); overflow: hidden; border: 1px solid #d1e3ef; border-radius: 18px; background: #fff; box-shadow: 0 30px 70px #16426325; }
.fi-owner__preview-top { display: flex; gap: 10px; align-items: center; padding: 16px 21px; background: #173f63; color: #fff; font-size: 14px; }
.fi-owner__mark { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 7px; background: #46a7cf; }
.fi-owner__preview-top > span:last-child { margin-left: auto; opacity: .7; font-size: 11px; }
.fi-owner__preview-body { padding: 24px; }
.fi-owner__property { display: flex; align-items: center; gap: 13px; padding: 17px; border-radius: 12px; background: #f2f8fc; }
.fi-owner__property-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 9px; background: #d9edf8; color: #2b83b3; font-size: 29px; }
.fi-owner__property b, .fi-owner__property small { display: block; }
.fi-owner__property small { color: #7894a7; font-size: 11px; }
.fi-owner__preview-arrow { margin-left: auto; color: #6f9db8; }
.fi-owner__stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 20px 0; }
.fi-owner__stat-grid > div { min-height: 105px; padding: 14px; border: 1px solid #dfebf1; border-radius: 9px; }
.fi-owner__stat-grid small, .fi-owner__stat-grid strong { display: block; }
.fi-owner__stat-grid small { color: #7b96a8; }
.fi-owner__stat-grid strong { color: #284b62; font-size: 13px; }
.fi-owner__stat-grid i { display: block; height: 5px; margin-top: 22px; border-radius: 5px; background: #69b3d4; }
.fi-owner__stat-grid > div:nth-child(2) i { width: 63%; background: #e9ad9c; }
.fi-owner__stat-grid > div:nth-child(3) i { width: 82%; background: #5bc0a9; }
.fi-owner__preview-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fi-owner__preview-bottom > div { display: flex; align-items: center; gap: 8px; padding: 11px; border-radius: 9px; background: #e9f5fa; font-size: 11px; }
.fi-owner__preview-bottom b { font-size: 12px; }
.fi-owner__preview-bottom small { margin-left: auto; color: #6b8da1; }
.fi-owner__round { color: #348bb6; font-size: 20px; }
.fi-owner__contrast { padding: 94px 0; background: #173c5d; color: #fff; }
.fi-owner__contrast .fi-kicker { color: #84c9e5; margin-bottom: 14px; }
.fi-owner__contrast-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; margin-top: 30px; }
.fi-owner__contrast-grid p { color: #c6d8e4; font-size: 18px; }
.fi-owner__contrast-grid > div { display: grid; grid-template-columns: 110px 1fr; gap: 16px 22px; align-items: center; }
.fi-owner__contrast-grid strong { color: #7bcce4; }
.fi-owner__functions { padding: 108px 0; background: #fff; }
.fi-owner__functions .fi-kicker { color: #2682be; }
.fi-owner__functions h2 { margin: 12px 0 55px; color: #163b5e; }
.fi-owner__function { display: grid; grid-template-columns: 1fr 1fr; gap: 74px; align-items: center; padding: 43px 0; border-top: 1px solid #d8e7ef; }
.fi-owner__function > div > span:first-child { color: #2991bc; font-size: 12px; font-weight: 900; letter-spacing: .17em; }
.fi-owner__function h3 { margin: 13px 0 17px; color: #173d5f; font-size: 32px; }
.fi-owner__function p { color: #546d7e; }
.fi-owner__report-art, .fi-owner__approval-art, .fi-owner__message-art { min-height: 265px; padding: 26px; border-radius: 18px; background: #f2f8fb; }
.fi-owner__report-header { display: flex; justify-content: space-between; font-weight: 800; color: #194769; }
.fi-owner__report-header span { color: #7c9baf; font-weight: 500; }
.fi-owner__report-bars { display: flex; align-items: end; gap: 22px; height: 105px; padding: 20px 25px 0; border-bottom: 2px solid #a7c7d9; }
.fi-owner__report-bars i { flex: 1; height: 40%; border-radius: 5px 5px 0 0; background: #75b7d4; }
.fi-owner__report-bars i:nth-child(2), .fi-owner__report-bars i:nth-child(5) { height: 70%; background: #429ac4; }
.fi-owner__report-bars i:nth-child(3) { height: 50%; background: #87cfbe; }
.fi-owner__report-bars i:nth-child(4) { height: 85%; }
.fi-owner__report-bars i:nth-child(6) { height: 96%; background: #2985b0; }
.fi-owner__report-file { margin-top: 20px; padding: 12px; border-radius: 8px; background: #fff; color: #2b5d77; font-weight: 700; }
.fi-owner__report-file span { float: right; }
.fi-owner__approval-art { background: #e9f3f9; }
.fi-owner__approval-art > div { padding: 15px; border-radius: 9px; background: #fff; color: #244d65; font-weight: 800; }
.fi-owner__approval-art > div span { float: right; color: #b76f37; font-size: 11px; }
.fi-owner__approval-art p { margin: 18px 0 !important; }
.fi-owner__approval-art ul { display: flex; gap: 7px; padding: 0; list-style: none; }
.fi-owner__approval-art li { flex: 1; border-radius: 7px; padding: 9px; background: #fff; text-align: center; font-size: 12px; font-weight: 700; }
.fi-owner__approval-art li:first-child { background: #248bbb; color: #fff; }
.fi-owner__message-art { display: flex; flex-direction: column; gap: 13px; }
.fi-owner__bubble { max-width: 75%; padding: 13px 17px; border-radius: 15px 15px 15px 2px; background: #fff; color: #30576d; font-size: 13px; }
.fi-owner__bubble--reply { align-self: end; border-radius: 15px 15px 2px 15px; background: #ccebf5; }
.fi-owner__steps { padding: 86px 0; background: #e8f4f9; }
.fi-owner__steps .fi-kicker { color: #2488b9; }
.fi-owner__steps h2 { margin: 12px 0 30px; color: #183e5d; }
.fi-owner__steps ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; padding: 0; list-style: none; }
.fi-owner__steps li { display: flex; gap: 15px; align-items: center; padding: 22px; border-radius: 10px; background: #fff; font-weight: 700; }
.fi-owner__steps li b { color: #2c93c1; }
.fi-owner__steps > .container > p:last-child { margin-top: 20px; color: #557183; font-size: 13px; }
.fi-owner__cta { padding: 85px 0; background: #143a5b; color: #fff; }
.fi-owner__cta .container { display: grid; grid-template-columns: 1fr auto; gap: 45px; align-items: center; }
.fi-owner__cta .fi-kicker { color: #81c8e7; margin-bottom: 14px; }
.fi-owner__cta h2 { margin-bottom: 14px; }
.fi-owner__cta p:not(.fi-kicker) { color: #c6d9e5; }
.fi-owner__cta .container > div:last-child { display: grid; gap: 19px; justify-items: start; }

.fi-remit { background: #fffdf9; color: #2e3f48; }
.fi-remit__hero { overflow: hidden; padding: 82px 0 0; background: #f7eee3; }
.fi-remit__hero .container { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 30px; }
.fi-remit__hero-copy { padding-bottom: 75px; }
.fi-remit .fi-kicker { color: #b47539; }
.fi-remit__hero h1 { margin: 13px 0 22px; color: #263b47; }
.fi-remit__hero-copy > p:not(.fi-kicker) { margin-bottom: 25px; color: #56666b; font-size: 18px; }
.fi-remit__hero-art { width: 100%; height: auto; align-self: end; }
.fi-remit__hero-art { border-radius: 16px 16px 0 0; box-shadow: 0 22px 55px #7e5b382c; }
.fi-remit__problem { padding: 95px 0; }
.fi-remit__problem h2 { margin: 13px 0 38px; }
.fi-remit__problem-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.fi-remit__problem-grid > div { padding: 30px; border: 1px solid #eedfd0; border-radius: 13px; background: #fff; }
.fi-remit__problem-grid b { color: #c28a56; }
.fi-remit__problem-grid h3 { margin: 12px 0; font-size: 22px; }
.fi-remit__problem-grid p { color: #697980; font-size: 14px; }
.fi-remit__flow { padding: 100px 0; background: #253746; color: #fff; }
.fi-remit__flow .container { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; }
.fi-remit__flow .fi-kicker { color: #edbe89; }
.fi-remit__flow h2 { margin: 15px 0 22px; }
.fi-remit__flow-heading > p:last-child { color: #b9c7cf; }
.fi-remit__flow-art { display: block; width: 100%; height: auto; margin-top: 36px; border-radius: 12px; }
.fi-remit__flow ol { padding: 0; margin: 0; list-style: none; }
.fi-remit__flow li { position: relative; padding: 0 0 30px 53px; border-left: 2px solid #567181; }
.fi-remit__flow li:last-child { border-left: 0; }
.fi-remit__flow li::before { content: ''; position: absolute; top: 0; left: -9px; width: 16px; height: 16px; border-radius: 50%; background: #f1b77c; }
.fi-remit__flow li span { color: #f0bd88; font-size: 12px; font-weight: 900; }
.fi-remit__flow h3 { margin: 4px 0 8px; }
.fi-remit__flow li p { color: #bccbd3; font-size: 14px; }
.fi-remit__detail { padding: 105px 0; }
.fi-remit__detail .container { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center; }
.fi-remit__detail h2 { margin: 14px 0 24px; }
.fi-remit__detail p:not(.fi-kicker) { margin-top: 14px; color: #65757a; }
.fi-remit__detail-visual { overflow: hidden; border: 1px solid #e7dfd6; border-radius: 16px; background: #fff; box-shadow: 0 25px 55px #46361e16; }
.fi-remit__sample-head { display: flex; justify-content: space-between; padding: 22px; background: #e8f1f1; font-weight: 800; }
.fi-remit__sample-head small { color: #688289; }
.fi-remit__sample-row { display: flex; gap: 20px; align-items: center; padding: 20px 22px; border-bottom: 1px solid #e6edf0; font-size: 13px; }
.fi-remit__sample-row span { margin-left: auto; color: #667d83; }
.fi-remit__sample-row em { border-radius: 15px; padding: 3px 12px; background: #e6f4ec; color: #428261; font-style: normal; }
.fi-remit__sample-footer { padding: 22px; background: #eaf0f2; color: #315b70; font-weight: 800; text-align: right; }
.fi-remit__terms { padding: 88px 0; background: #f6eee5; }
.fi-remit__terms .container { display: grid; grid-template-columns: .7fr 1.3fr; gap: 55px; }
.fi-remit__terms h2 { margin-top: 14px; }
.fi-remit__terms ul { padding: 0; margin: 0; list-style: none; }
.fi-remit__terms li { display: grid; grid-template-columns: 155px 1fr; gap: 22px; padding: 18px 0; border-bottom: 1px solid #d5c9ba; }
.fi-remit__terms li b { color: #81573e; }
.fi-remit__terms li span { color: #647174; }
.fi-remit__cta { padding: 92px 0; text-align: center; }
.fi-remit__cta .container > p { color: #aa7548; font-weight: 800; }
.fi-remit__cta h2 { margin: 12px 0 26px; }
.fi-remit__cta .fi-actions { justify-content: center; }

.fi-moneytree { background: #fffdf9; color: #29465f; }
.fi-moneytree .fi-crumb { background: #f7fbfe; }
.fi-moneytree .fi-kicker { color: #4f85b5; }
.fi-moneytree__hero { padding: 64px 0 74px; overflow: hidden; background: linear-gradient(135deg,#eef8ff 0%,#fffdf8 55%,#e7f4ff 100%); }
.fi-moneytree__hero .container { display: grid; grid-template-columns: .82fr 1.18fr; gap: 34px; align-items: center; }
.fi-moneytree__option { display: inline-block; padding: 7px 14px; border-radius: 30px; background: #ffecb9; color: #986917; font-size: 12px; font-weight: 900; }
.fi-moneytree__hero h1 { margin: 16px 0 23px; color: #243f5c; font-size: 36px; }
.fi-moneytree__hero h1 em { color: #3377bd; font-style: normal; }
.fi-moneytree__hero-copy > p:not(.fi-kicker) { margin-bottom: 22px; color: #58728a; font-size: 17px; }
.fi-moneytree__hero img { display: block; width: 100%; height: auto; border: 8px solid #fff; border-radius: 24px; box-shadow: 0 24px 60px #2a6b9b26; }
.fi-moneytree__hero .fi-moneytree__hero-mobile { display: none; }
.fi-moneytree__hero-points { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }
.fi-moneytree__hero-points span { padding: 7px 11px; border: 1px solid #c7dfef; border-radius: 22px; background: #fff; color: #477795; font-size: 12px; font-weight: 800; }
.fi-moneytree__section-head { max-width: 780px; margin: 0 auto 40px; text-align: center; }
.fi-moneytree__section-head h2 { margin: 13px 0 20px; }
.fi-moneytree__section-head > p:last-child { color: #687f90; }
.fi-moneytree__problem { padding: 94px 0; background: #fff; }
.fi-moneytree__problem-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; }
.fi-moneytree__problem-grid article { position: relative; padding: 27px 22px; border: 1px solid #dce9f1; border-radius: 16px; background: #f8fbfd; }
.fi-moneytree__problem-grid span { color: #6a9cc0; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.fi-moneytree__problem-grid h3 { margin: 14px 0 9px; font-size: 19px; }
.fi-moneytree__problem-grid p { color: #708493; font-size: 13px; }
.fi-moneytree__voice { display: grid; grid-template-columns: 140px 1fr; gap: 18px; align-items: center; margin-top: 22px; padding: 22px 26px; border-radius: 14px; background: #fff4d8; }
.fi-moneytree__voice b { color: #9c6e1e; }
.fi-moneytree__voice p { margin: 0; color: #6b654f; }
.fi-moneytree__main-flow { padding: 98px 0; background: #edf7fd; }
.fi-moneytree__flow { display: grid; grid-template-columns: repeat(3,1fr auto) 1fr; gap: 8px; align-items: stretch; }
.fi-moneytree__flow > article { position: relative; padding: 25px 18px; border-radius: 17px; background: #fff; box-shadow: 0 15px 35px #3b77a314; text-align: center; }
.fi-moneytree__flow > article > i { position: absolute; top: 12px; left: 13px; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #3f80bf; color: #fff; font-style: normal; font-size: 12px; font-weight: 900; }
.fi-moneytree__flow > b { align-self: center; color: #72a7cc; font-size: 24px; }
.fi-moneytree__flow-icon { display: grid; place-items: center; width: 80px; height: 80px; margin: 0 auto 17px; border: 4px solid #c9e1f2; border-radius: 50%; color: #3974aa; font-size: 13px; font-weight: 900; }
.fi-moneytree__flow-icon.is-match { width: 100px; border-radius: 20px; background: #f4f9fd; }
.fi-moneytree__flow-icon.is-paid { background: #e7f7ee; color: #378361; }
.fi-moneytree__flow-icon.is-check { background: #fff2cf; color: #aa751a; font-size: 34px; }
.fi-moneytree__flow h3 { margin-bottom: 9px; font-size: 18px; }
.fi-moneytree__flow p { color: #6b8192; font-size: 12px; }
.fi-moneytree__flow-note { margin: 20px 0 0; color: #708694; font-size: 12px; text-align: right; }
.fi-moneytree__schedule { padding: 100px 0; background: #fffdf8; }
.fi-moneytree__schedule .container { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; }
.fi-moneytree__schedule h2, .fi-moneytree__exceptions h2 { margin: 13px 0 20px; }
.fi-moneytree__schedule p:not(.fi-kicker), .fi-moneytree__exceptions p:not(.fi-kicker) { color: #687e8f; }
.fi-moneytree__schedule ul { padding-left: 20px; color: #4f7189; }
.fi-moneytree__schedule-art { padding: 28px; border: 1px solid #cfe2ef; border-radius: 22px; background: #edf7fd; text-align: center; }
.fi-moneytree__schedule-art > i { display: block; padding: 8px; color: #4c8cba; font-style: normal; font-size: 28px; font-weight: 900; }
.fi-moneytree__calendar, .fi-moneytree__schedule-result { display: grid; gap: 8px; padding: 24px; border-radius: 14px; background: #fff; box-shadow: 0 12px 28px #2f6d9a12; }
.fi-moneytree__calendar strong { color: #355e7d; }
.fi-moneytree__calendar span { color: #718a9d; font-size: 13px; }
.fi-moneytree__calendar b { margin-top: 7px; padding: 10px; border-radius: 8px; background: #4788c0; color: #fff; }
.fi-moneytree__schedule-result span { color: #3a8767; font-size: 12px; font-weight: 900; }
.fi-moneytree__schedule-result strong { color: #315d7a; font-size: 19px; }
.fi-moneytree__schedule-result small { color: #8295a2; }
.fi-moneytree__role-change { padding: 100px 0; background: #f6fafc; }
.fi-moneytree__before-after { display: grid; grid-template-columns: 1fr 55px 1fr; gap: 15px; align-items: center; max-width: 850px; margin: 0 auto; }
.fi-moneytree__before-after article { padding: 32px; border: 1px solid #e1e8ec; border-radius: 18px; background: #fff; }
.fi-moneytree__before-after > div { color: #5c96bd; font-size: 30px; font-weight: 900; text-align: center; }
.fi-moneytree__before-after span { color: #8797a3; font-size: 12px; font-weight: 900; }
.fi-moneytree__before-after h3 { margin: 10px 0 17px; }
.fi-moneytree__before-after ul { padding-left: 20px; color: #687d8b; }
.fi-moneytree__before-after b { display: block; margin-top: 20px; padding: 10px; border-radius: 8px; background: #eef1f3; color: #63727d; text-align: center; }
.fi-moneytree__before-after .is-after { border-color: #a8d2e9; background: #edf8fe; box-shadow: 0 18px 40px #347dab1a; }
.fi-moneytree__before-after .is-after span, .fi-moneytree__before-after .is-after b { color: #3477a3; }
.fi-moneytree__before-after .is-after b { background: #d7eef9; }
.fi-moneytree__benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 45px; }
.fi-moneytree__benefits article { padding: 25px; border-radius: 15px; background: #fff; text-align: center; }
.fi-moneytree__benefits strong { color: #397cab; font-size: 21px; }
.fi-moneytree__benefits p { margin-top: 9px; color: #718493; font-size: 13px; }
.fi-moneytree__exceptions { padding: 100px 0; background: #315f7c; color: #fff; }
.fi-moneytree__exceptions .container { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.fi-moneytree__exceptions .fi-kicker { color: #b8e2fa; }
.fi-moneytree__exceptions p:not(.fi-kicker) { color: #d8e6ee; }
.fi-moneytree__ledger { overflow: hidden; border-radius: 15px; background: #fff; color: #274752; box-shadow: 0 22px 55px #18394b66; }
.fi-moneytree__ledger-head { display: flex; justify-content: space-between; padding: 22px; background: #edf6fa; font-weight: 800; }
.fi-moneytree__ledger-head span { color: #78919e; font-size: 12px; font-weight: 400; }
.fi-moneytree__ledger > div:not(:first-child) { display: flex; gap: 13px; align-items: center; padding: 17px 20px; border-top: 1px solid #e5eef0; font-size: 12px; }
.fi-moneytree__ledger > div > span { min-width: 67px; padding: 4px; border-radius: 13px; text-align: center; }
.fi-moneytree__ledger b { font-size: 13px; }
.fi-moneytree__ledger small { margin-left: auto; color: #749098; }
.fi-moneytree__ledger .is-good { background: #dbf3e9; color: #308868; }
.fi-moneytree__ledger .is-check { background: #fff1d5; color: #9b7032; }
.fi-moneytree__ledger .is-done { background: #e0eaf2; color: #52728a; }
.fi-moneytree__ledger .is-muted { background: #e9edf0; color: #7d8e97; }
.fi-moneytree__start { padding: 96px 0; background: #fff; }
.fi-moneytree__start h2 { margin: 13px 0 35px; }
.fi-moneytree__start ol { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; padding: 0; list-style: none; }
.fi-moneytree__start li { display: flex; gap: 13px; padding: 23px 19px; border: 1px solid #dce9f0; border-radius: 14px; }
.fi-moneytree__start li > span { display: grid; flex: 0 0 31px; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #4383b7; color: #fff; font-weight: 900; }
.fi-moneytree__start h3 { margin: 3px 0 9px; font-size: 17px; }
.fi-moneytree__start p { color: #738692; font-size: 12px; }
.fi-moneytree__note { padding: 88px 0; background: linear-gradient(135deg,#eaf6fd,#fff8e9); text-align: center; }
.fi-moneytree__note .container { width: 100%; max-width: 820px; }
.fi-moneytree__note > .container > span { color: #4c82ad; font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.fi-moneytree__note h2 { margin: 14px 0 20px; }
.fi-moneytree__note p { margin-bottom: 26px; color: #657d8e; }
.fi-moneytree__note .fi-actions { justify-content: center; }

@media (max-width: 991px) {
  .fi-owner__hero-grid, .fi-remit__hero .container, .fi-moneytree__hero .container { grid-template-columns: 1fr; }
  .fi-owner__preview { transform: none; max-width: 700px; }
  .fi-remit__hero-art { max-width: 700px; }
  .fi-moneytree__hero img { max-width: 700px; }
  .fi-owner__contrast-grid, .fi-owner__function, .fi-owner__cta .container, .fi-remit__flow .container, .fi-remit__detail .container, .fi-remit__terms .container, .fi-moneytree__schedule .container, .fi-moneytree__exceptions .container { grid-template-columns: 1fr; }
  .fi-owner__function--approval > div:first-child { order: 2; }
  .fi-moneytree__problem-grid, .fi-moneytree__start ol { grid-template-columns: repeat(2,1fr); }
  .fi-moneytree__flow { grid-template-columns: 1fr; }
  .fi-moneytree__flow > b { transform: rotate(90deg); text-align: center; }
}

/* Support and backup use distinct information graphics under the illustrated feature-page language. */
.fi-support__hero { --story-pale: #eef8fd; }
.fi-backup__hero { --story-pale: #edf6fb; }
.fi-support__stages, .fi-support__before, .fi-support__start, .fi-support__onboarding, .fi-support__approach, .fi-support__help, .fi-support__channels,
.fi-backup__pillars, .fi-backup__separation, .fi-backup__recovery, .fi-backup__whole { padding: 94px 0; }
.fi-support__stages, .fi-support__help, .fi-backup__pillars, .fi-backup__whole { background: #f8fbfd; }
.fi-support__before, .fi-support__onboarding, .fi-backup__separation { background: #eaf5fa; }
.fi-support__stages h2, .fi-support__start h2, .fi-support__help h2, .fi-support__channels h2,
.fi-backup__pillars h2, .fi-backup__recovery h2, .fi-backup__whole h2 { margin: 12px 0 0; }
.fi-support__stage-grid, .fi-backup__pillar-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 35px; }
.fi-support__stage-grid article, .fi-backup__pillar-grid article { padding: 29px; border: 1px solid #d9eaf2; border-radius: 14px; background: #fff; box-shadow: 0 14px 33px #26678a12; }
.fi-support__stage-grid span, .fi-backup__pillar-grid span { color: #68aacb; font-size: 38px; font-weight: 800; line-height: 1; }
.fi-support__stage-grid h3, .fi-backup__pillar-grid h3 { margin: 18px 0 11px; font-size: 22px; color: #255779; }
.fi-support__stage-grid p, .fi-backup__pillar-grid p { font-size: 14px; }
.fi-support__before .container, .fi-support__onboarding .container, .fi-backup__separation .container { display: grid; grid-template-columns: 1fr 1fr; gap: 58px; align-items: center; }
.fi-support__before h2, .fi-support__onboarding h2, .fi-backup__separation h2 { margin: 13px 0 20px; }
.fi-support__before .fi-actions { margin-top: 22px; }
.fi-support__before-art, .fi-support__onboarding-art { display: grid; gap: 11px; padding: 27px; border: 1px solid #d4e6ef; border-radius: 16px; background: #fff; box-shadow: 0 20px 45px #255b7814; }
.fi-support__before-art span, .fi-support__onboarding-art span { padding: 16px 20px; border-radius: 9px; background: #e9f5fb; color: #346d91; font-weight: 800; }
.fi-support__before-art span:nth-child(2), .fi-support__onboarding-art span:nth-of-type(2) { margin-left: 15px; }
.fi-support__before-art span:nth-child(3), .fi-support__onboarding-art span:nth-of-type(3) { margin-left: 30px; }
.fi-support__start-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; margin-top: 28px; }
.fi-support__start-grid h3 { margin: 0 0 13px; color: #255779; }
.fi-support__start-grid .fi-text-link { display: inline-block; margin-top: 20px; }
.fi-support__start-art { display: grid; gap: 8px; padding: 25px; border-radius: 15px; background: #edf6fb; }
.fi-support__start-art strong { padding: 13px; border-radius: 8px; background: #367ca8; color: #fff; text-align: center; }
.fi-support__start-art span { padding: 15px 19px; border-radius: 8px; background: #fff; color: #467b99; font-weight: 700; }
.fi-support__start-grid--ai { margin-top: 35px; padding: 32px; border: 1px solid #cee4ef; border-radius: 18px; background: #f3f9fc; }
.fi-support__ai-flow { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center; padding: 25px; border-radius: 15px; background: #fff; box-shadow: 0 18px 38px #255b7812; }
.fi-support__ai-flow strong, .fi-support__ai-flow span { padding: 14px 16px; border-radius: 9px; background: #e7f3fa; color: #356f91; font-weight: 800; }
.fi-support__ai-flow strong:last-child { background: #367ca8; color: #fff; }
.fi-support__ai-flow i { color: #5b9cbd; font-style: normal; font-weight: 900; }
.fi-support__ai-flow span b { display: inline-grid; place-items: center; width: 33px; height: 33px; margin-right: 9px; border-radius: 50%; background: #397eaa; color: #fff; }
.fi-support__start-badge { display: inline-block; margin-bottom: 12px; padding: 5px 12px; border-radius: 30px; background: #dceefa; color: #32789f; font-size: 12px; font-weight: 800; }
.fi-support__ai-points { display: grid; gap: 7px; margin: 18px 0 22px; padding: 0; list-style: none; }
.fi-support__ai-points li { position: relative; padding-left: 23px; color: #557789; font-size: 13px; }
.fi-support__ai-points li:before { position: absolute; left: 0; content: '✓'; color: #3482aa; font-weight: 900; }
.fi-support__register-options { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; margin-top: 22px; }
.fi-support__register-options article { padding: 24px; border: 1px solid #d9eaf2; border-radius: 13px; background: #fff; }
.fi-support__register-options span { display: inline-block; color: #4686a7; font-size: 12px; font-weight: 800; }
.fi-support__register-options h3 { margin: 9px 0; color: #255779; font-size: 20px; }
.fi-support__register-options p { font-size: 13px; }
.fi-support__register-options .fi-text-link { display: inline-block; margin-top: 12px; }
.fi-support__small { margin-top: 18px !important; color: #6c8797; font-size: 13px !important; }
.fi-support__onboarding-art strong { padding: 16px 20px; border-radius: 9px; background: #357fab; color: #fff; font-size: 22px; }
.fi-support__onboarding-art small { color: #557f98; text-align: right; }
.fi-support__approach { background: #fff; }
.fi-support__approach .container { display: grid; grid-template-columns: .9fr 1.1fr; gap: 58px; align-items: center; }
.fi-support__approach h2 { margin: 13px 0 20px; }
.fi-support__voices { display: grid; gap: 12px; }
.fi-support__voices > div { padding: 22px 25px; border-left: 4px solid #68a6c5; border-radius: 0 10px 10px 0; background: #f0f8fc; }
.fi-support__voices span { color: #3a86ad; font-size: 12px; font-weight: 800; }
.fi-support__voices p { margin-top: 7px; color: #42667d; font-weight: 700; }
.fi-support__voices small { color: #7892a0; }
.fi-support__help-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 32px; }
.fi-support__help-grid article { padding: 30px; border-top: 5px solid #69a9c7; border-radius: 11px; background: #fff; }
.fi-support__help-grid h3 { margin: 0 0 12px; color: #275b7b; }
.fi-support__help-grid p { margin-bottom: 19px; }
.fi-support__channel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 35px; }
.fi-support__channel-grid article { padding: 25px 28px; border: 1px solid #dceaf1; border-radius: 13px; background: #f7fbfd; }
.fi-support__channel-grid b { display: inline-block; padding: 5px 12px; border-radius: 30px; background: #dceefa; color: #32789f; font-size: 13px; }
.fi-support__channel-grid h3 { margin: 12px 0 9px; color: #275b7b; font-size: 21px; }
.fi-support__channel-grid p { margin-bottom: 14px; font-size: 14px; }
.fi-support__channel-grid small { color: #3c789a; font-weight: 700; }
.fi-support__cta { background: #2c7097; }
.fi-backup__timeline { padding: 96px 0; }
.fi-backup__timeline .container { grid-template-columns: .85fr 1.15fr; }
.fi-backup__timeline-art { min-height: 250px; }
.fi-backup__timeline-art span { flex: 1 1 100px; text-align: center; }
.fi-backup__separation-art { display: grid; grid-template-columns: 1fr 45px 1fr; gap: 9px; padding: 26px; border-radius: 17px; background: #fff; box-shadow: 0 20px 40px #255b7815; }
.fi-backup__separation-art strong { display: grid; place-items: center; min-height: 90px; padding: 13px; border-radius: 9px; background: #dceef7; color: #2e6a8d; text-align: center; }
.fi-backup__separation-art strong:last-of-type { background: #2f779f; color: #fff; }
.fi-backup__separation-art span { grid-row: 2; padding: 9px; color: #597e92; text-align: center; font-size: 13px; }
.fi-backup__separation-art b { grid-column: 2; grid-row: 1 / 3; align-self: center; justify-self: center; color: #4d96b7; font-size: 27px; }
.fi-backup__recovery { background: #f1f8fb; }
.fi-backup__recovery .fi-journey__lead { max-width: 850px; margin-top: 18px !important; }
.fi-backup__recovery-steps { display: flex; align-items: center; gap: 12px; margin-top: 28px; }
.fi-backup__recovery-steps span { flex: 1; padding: 20px 12px; border-radius: 9px; background: #fff; color: #3c7898; text-align: center; font-weight: 800; }
.fi-backup__recovery-steps b { color: #5b9ebc; }
.fi-backup__whole .fi-journey__cards article { display: flex; flex-direction: column; }
.fi-backup__whole .fi-journey__cards .fi-text-link { margin-top: auto; padding-top: 16px; }
.fi-backup__cta { background: #2b6f93; }

@media (max-width: 1099px) {
  .fi-support__stage-grid, .fi-backup__pillar-grid { grid-template-columns: 1fr; }
  .fi-support__before .container, .fi-support__onboarding .container, .fi-backup__separation .container,
  .fi-support__start-grid, .fi-support__approach .container, .fi-backup__timeline .container { grid-template-columns: 1fr; gap: 28px; }
  .fi-support__start-grid--ai { padding: 21px; }
  .fi-support__register-options { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .fi-support__stages, .fi-support__before, .fi-support__start, .fi-support__onboarding, .fi-support__approach, .fi-support__help, .fi-support__channels,
  .fi-backup__pillars, .fi-backup__timeline, .fi-backup__separation, .fi-backup__recovery, .fi-backup__whole { padding: 66px 0; }
  .fi-support__help-grid, .fi-support__channel-grid { grid-template-columns: 1fr; }
  .fi-backup__recovery-steps { flex-direction: column; }
  .fi-backup__recovery-steps span { width: 100%; }
  .fi-backup__recovery-steps b { transform: rotate(90deg); }
  .fi-backup__separation-art { grid-template-columns: 1fr 28px 1fr; padding: 16px; }
  .fi-backup__separation-art strong { font-size: 12px; }
}

/* The seven onboarding and platform stories share the easy page's illustrated rhythm while keeping their own content diagrams. */
.fi-journey { --story-blue: #347dad; --story-pale: #edf7fc; }
.fi-journey .fi-kicker { color: var(--story-blue); }
.fi-journey h2 { color: #21445f; }
.fi-journey p { color: #60798a; }
.fi.fi-journey .fi-journey__hero { padding: 82px 0 0; background: var(--story-pale); text-align: center; }
.fi.fi-journey .fi-journey__hero .container { display: block; }
.fi-journey__hero h1 { max-width: 920px; margin: 13px auto 18px; color: #173d5b; }
.fi.fi-journey .fi-journey__hero p:not(.fi-kicker) { max-width: 780px; margin: 0 auto 30px; color: #59788d; font-size: 18px; }
.fi.fi-journey .fi-journey__hero img { display: block; width: min(100%, 1010px); height: auto; margin: 0 auto; border-radius: 18px 18px 0 0; }
.fi-journey__hero .fi-actions { justify-content: center; gap: 18px; padding: 24px 0 42px; }
.fi-journey__lead { max-width: 790px; margin: 13px 0 34px !important; font-size: 17px !important; }
.fi-journey__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; margin-top: 32px; }
.fi-journey__cards article { min-width: 0; padding: 27px; border: 1px solid #dbeaf3; border-radius: 14px; background: #fff; box-shadow: 0 10px 28px #2b648214; }
.fi-journey__cards h3 { margin: 7px 0 12px; color: #255474; font-size: 22px; }
.fi-journey__cards p { font-size: 14px; }
.fi-journey__cards article > span { color: #4e90b5; font-size: 12px; font-weight: 800; letter-spacing: .08em; }
.fi-journey__cta { padding: 82px 0; background: #286b94; color: #fff; text-align: center; }
.fi-journey__cta h2 { color: #fff; }
.fi-journey__cta p { margin: 15px auto 25px; color: #d4e9f5; }
.fi-journey__cta .fi-actions { justify-content: center; }
.fi-journey__cta .fi-text-link { color: #fff !important; }
.fi-journey__cta .fi-button { margin-top: 0; }

.fi-install__first, .fi-install__support, .fi-import__sources, .fi-import__after, .fi-free__promise, .fi-free__help, .fi-free__decision, .fi-device__situations, .fi-device__handoff, .fi-cloud__uses, .fi-cloud__operation, .fi-ssl__transit, .fi-update__examples, .fi-update__notice { padding: 94px 0; }
.fi-install__first, .fi-free__help, .fi-device__handoff, .fi-cloud__operation, .fi-update__notice { background: #eef7fb; }
.fi-install__first .container, .fi-free__help .container, .fi-device__handoff .container, .fi-cloud__operation .container, .fi-update__notice .container { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.fi-install__first h2, .fi-free__help h2, .fi-device__handoff h2, .fi-cloud__operation h2, .fi-update__notice h2 { margin: 13px 0 19px; }
.fi-install__first-art, .fi-free__help-art, .fi-device__handoff-art, .fi-cloud__operation-art, .fi-update__notice-art { display: grid; gap: 11px; padding: 27px; border: 1px solid #d5e8f2; border-radius: 16px; background: #fff; box-shadow: 0 20px 45px #235b7815; }
.fi-install__first-art span, .fi-free__help-art span, .fi-device__handoff-art span, .fi-cloud__operation-art span, .fi-update__notice-art span { padding: 16px 21px; border-radius: 9px; background: #e9f5fc; color: #346c91; font-weight: 800; }
.fi-install__first-art span + span, .fi-free__help-art span + span, .fi-cloud__operation-art span + span, .fi-update__notice-art span + span { margin-left: 18px; }
.fi-install__first-art strong, .fi-device__handoff-art b { padding: 17px; border-radius: 9px; background: #377eae; color: #fff; text-align: center; }
.fi-install__support { background: #f8fbfd; }
.fi-install__support h2, .fi-import__sources h2, .fi-import__after h2, .fi-device__situations h2, .fi-cloud__uses h2, .fi-update__examples h2 { margin: 12px 0 0; }
.fi-install__support .fi-journey__cards, .fi-import__after .fi-journey__cards, .fi-device__situations .fi-journey__cards, .fi-cloud__uses .fi-journey__cards, .fi-update__examples .fi-journey__cards { margin-top: 34px; }
.fi-install__path ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fi-import__sources { background: #f7fbfd; }
.fi-import__sources-note, .fi-update__examples-note { margin-top: 24px !important; font-size: 14px !important; }
.fi-import__flow .fi-import__rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fi-import__after { background: #f2f8fb; }
.fi-import__end { background: #397d9f; }
.fi-free__promise { background: #f5f9fc; }
.fi-free__promise .container { display: grid; grid-template-columns: 230px 1fr; align-items: center; gap: 55px; }
.fi-free__promise strong { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 230px; height: 230px; border-radius: 50%; background: #dceffa; color: #287ab0; font-size: 86px; line-height: 1; }
.fi-free__promise strong span { margin-top: 7px; font-size: 19px; }
.fi-free__promise h2 { margin: 12px 0 18px; }
.fi-free__help .fi-actions, .fi-cloud__operation .fi-actions, .fi-update__notice .fi-actions { margin-top: 21px; }
.fi-free__decision { text-align: center; }
.fi-free__decision p:not(.fi-kicker) { max-width: 760px; margin: 20px auto 24px; }
.fi-free__decision .fi-actions { justify-content: center; }
.fi-free__cta { background: #327996; }
.fi-device__situations { background: #fafcfe; }
.fi-device__handoff-art b { position: relative; }
.fi-device__note .fi-actions { justify-content: center; }
.fi-cloud__uses { background: #f7fbfc; }
.fi-cloud__model-art strong { width: min(520px, 100%); }
.fi-cloud__end { background: #30799f; }
.fi-ssl__transit { background: #eef7fb; text-align: center; }
.fi-ssl__transit p:last-child { max-width: 730px; margin: 25px auto 0; }
.fi-ssl__transit-art { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 34px 0; }
.fi-ssl__transit-art span, .fi-ssl__transit-art strong { padding: 18px 22px; border-radius: 10px; background: #fff; color: #346985; }
.fi-ssl__transit-art strong { background: #367da9; color: #fff; }
.fi-ssl__end { background: #286b88; }
.fi-update__examples { background: #f4f9fb; }
.fi-update__notice { background: #e9f4f9; }
.fi-update__cta { background: #2d779b; }
.fi-update__change-flow span { background: #e8f4fa; color: #346f95; }
.fi-update__change-flow b { color: #4e91b4; }

@media (max-width: 1099px) {
  .fi-journey__cards, .fi-install__path ol, .fi-import__flow .fi-import__rail { grid-template-columns: 1fr; }
  .fi-install__first .container, .fi-free__help .container, .fi-device__handoff .container, .fi-cloud__operation .container, .fi-update__notice .container { grid-template-columns: 1fr; gap: 30px; }
  .fi-import__map .container, .fi-device__two .container, .fi-ssl__context .container, .fi-install__import .container { grid-template-columns: 1fr; gap: 35px; }
  .fi-ssl__layers .container > div, .fi-free__plan .container > div { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .fi.fi-journey .fi-journey__hero { padding-top: 62px; }
  .fi-journey__hero .fi-actions { padding-bottom: 55px; }
  .fi-journey__hero .fi-actions .fi-text-link { width: 100%; }
  .fi-install__first, .fi-install__support, .fi-import__sources, .fi-import__after, .fi-free__promise, .fi-free__help, .fi-free__decision, .fi-device__situations, .fi-device__handoff, .fi-cloud__uses, .fi-cloud__operation, .fi-ssl__transit, .fi-update__examples, .fi-update__notice { padding: 66px 0; }
  .fi-free__promise .container { grid-template-columns: 1fr; justify-items: center; gap: 28px; }
  .fi-free__promise strong { width: 180px; height: 180px; font-size: 64px; }
  .fi-ssl__transit-art, .fi-update__change-flow { flex-direction: column; }
  .fi-ssl__transit-art span, .fi-ssl__transit-art strong, .fi-update__change-flow span { width: 100%; }
  .fi-update__change-flow b { transform: rotate(90deg); }
  .fi-cloud__model-art > div { grid-template-columns: 1fr; }
  .fi-device__panels { grid-template-columns: 1fr; }
  .fi-journey__cta { padding: 70px 0; }
}
@media (max-width: 767px) {
  .fi { margin-top: 70px; }
  .fi h1 { font-size: 32px; }
  .fi h2 { font-size: 30px; }
  .fi-owner__hero, .fi-remit__hero, .fi-moneytree__hero { padding-top: 58px; }
  .fi-owner__contrast, .fi-owner__functions, .fi-owner__steps, .fi-owner__cta, .fi-remit__problem, .fi-remit__flow, .fi-remit__detail, .fi-remit__terms, .fi-remit__cta, .fi-moneytree__problem, .fi-moneytree__main-flow, .fi-moneytree__schedule, .fi-moneytree__role-change, .fi-moneytree__exceptions, .fi-moneytree__start, .fi-moneytree__note { padding-top: 65px; padding-bottom: 65px; }
  .fi-owner__stat-grid { gap: 5px; }
  .fi-owner__stat-grid > div { padding: 8px; }
  .fi-owner__preview-bottom small { display: none; }
  .fi-owner__contrast-grid > div { grid-template-columns: 1fr; gap: 4px; }
  .fi-owner__steps ol, .fi-remit__problem-grid, .fi-moneytree__problem-grid, .fi-moneytree__start ol, .fi-moneytree__benefits { grid-template-columns: 1fr; }
  .fi-moneytree__hero h1 { font-size: 31px; }
  .fi-moneytree__hero .container { gap: 27px; }
  .fi-moneytree__hero img { border-width: 5px; border-radius: 16px; }
  .fi-moneytree__hero .fi-moneytree__hero-mobile { display: block; margin: 22px 0; }
  .fi-moneytree__hero .fi-moneytree__hero-desktop { display: none; }
  .fi-moneytree__voice { grid-template-columns: 1fr; gap: 7px; }
  .fi-moneytree__before-after { grid-template-columns: 1fr; }
  .fi-moneytree__before-after > div { transform: rotate(90deg); }
  .fi-moneytree__schedule-art { padding: 17px; }
  .fi-moneytree__section-head { text-align: left; }
  .fi-owner__function { gap: 25px; }
  .fi-remit__terms li { grid-template-columns: 1fr; gap: 4px; }
  .fi-moneytree__ledger > div:not(:first-child) { flex-wrap: wrap; }
  .fi-moneytree__ledger small { display: none; }
}

.fi-task { background: #fcfcff; }
.fi-task .fi-kicker { color: #6569b8; }
.fi-task__hero { padding: 80px 0 88px; background: linear-gradient(135deg,#f6f7ff,#e9effd); }
.fi-task__hero .container { display: grid; grid-template-columns: .85fr 1.15fr; gap: 38px; align-items: center; }
.fi-task__intro h1 { margin: 16px 0 22px; color: #233d65; }
.fi-task__intro h1 em { color: #576fb8; font-style: normal; }
.fi-task__intro > p:not(.fi-kicker) { margin-bottom: 28px; color: #586b86; font-size: 18px; }
.fi-task__hero img { width: 100%; height: auto; border-radius: 18px; box-shadow: 0 22px 55px #233d652b; }
.fi-task__dashboard { padding: 105px 0; }
.fi-task__dashboard .container { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; align-items: center; }
.fi-task__dashboard h2 { margin: 13px 0 22px; color: #233d65; }
.fi-task__dashboard-copy > p:last-child { color: #687d92; }
.fi-task__board { border: 1px solid #dce4f5; border-radius: 16px; background: #fff; box-shadow: 0 24px 55px #405b8420; overflow: hidden; }
.fi-task__board-head { display: flex; justify-content: space-between; padding: 18px 23px; background: #263f68; color: #fff; }
.fi-task__board-head span { color: #c5d4eb; font-size: 12px; }
.fi-task__calendar { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; padding: 20px; text-align: center; }
.fi-task__calendar span { color: #7891a6; font-size: 12px; }
.fi-task__calendar i { height: 68px; border-radius: 8px; background: #edf2fb; }
.fi-task__calendar .is-marked { background: linear-gradient(#d8e5fb 40%,#788fca 40% 58%,#d8e5fb 58%); }
.fi-task__board-lanes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0 20px 20px; }
.fi-task__board-lanes div { display: grid; gap: 7px; padding: 15px; border-radius: 9px; background: #f0f5fc; }
.fi-task__board-lanes div:last-child { background: #fff1ef; }
.fi-task__board-lanes b { color: #365c8c; }
.fi-task__board-lanes span { color: #647d9b; font-size: 12px; }
.fi-task__work { padding: 100px 0; background: #edf2fc; }
.fi-task__work h2 { margin: 13px 0 40px; color: #233d65; }
.fi-task__work-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 19px; }
.fi-task__work article { padding: 24px; border-radius: 13px; background: #fff; }
.fi-task__work-art { display: flex; align-items: center; gap: 12px; height: 116px; margin-bottom: 21px; padding: 20px; border-radius: 9px; background: #e7edfc; }
.fi-task__work-art span { margin-right: auto; color: #334f82; font-weight: 900; }
.fi-task__work-art i { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; background: #5c7ec0; color: #fff; font-style: normal; }
.fi-task__work-art i:last-child { background: #fff; color: #6b86bb; }
.fi-task__work-art--date { display: grid; grid-template-columns: 1fr auto; background: #e5f2f6; }
.fi-task__work-art--date b { grid-column: 1/-1; color: #3f7187; font-size: 13px; }
.fi-task__work-art--date i { background: #65a7bd; }
.fi-task__work-art--alert { justify-content: center; background: #fff0ea; }
.fi-task__work-art--alert strong { display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; background: #d66e62; color: #fff; font-size: 29px; }
.fi-task__work-art--alert span { margin: 0; color: #ad5b52; }
.fi-task__work h3 { margin-bottom: 10px; color: #263d62; }
.fi-task__work p { color: #687a90; font-size: 14px; }
.fi-task__cta { padding: 85px 0; background: #243e68; color: #fff; }
.fi-task__cta .container { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; }
.fi-task__cta h2 { margin: 13px 0; }
.fi-task__cta p:not(.fi-kicker) { color: #c8d7e9; font-size: 13px; }
.fi-task__cta .fi-actions { flex-direction: column; align-items: flex-start; }

.fi-search { background: #fff; }
.fi-search .fi-kicker { color: #317ca7; }
.fi-search__hero { padding: 86px 0 0; background: #eef8fc; text-align: center; }
.fi-search__hero h1 { margin: 13px 0 19px; color: #153d5f; }
.fi-search__hero h1 em { color: #2785b3; font-style: normal; }
.fi-search__hero p:not(.fi-kicker) { max-width: 700px; margin: 0 auto 35px; color: #5d7989; font-size: 18px; }
.fi-search__hero img { display: block; width: min(950px,100%); height: auto; margin: 0 auto; border-radius: 17px 17px 0 0; }
.fi-search__map { padding: 110px 0; }
.fi-search__map .container { display: grid; grid-template-columns: .85fr 1.15fr; gap: 75px; align-items: center; }
.fi-search__map h2 { margin: 14px 0 21px; color: #173e5f; }
.fi-search__map p:not(.fi-kicker) { color: #617989; }
.fi-search__orbit { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.fi-search__orbit span { display: grid; place-items: center; min-height: 88px; border: 1px solid #d8e7ef; border-radius: 12px; background: #f3f9fc; color: #2a6382; font-weight: 800; }
.fi-search__orbit .fi-search__orbit-center { grid-row: span 2; min-height: 188px; background: #277ba8; color: #fff; font-size: 80px; }
.fi-search__results { padding: 90px 0; background: #f4f8fa; }
.fi-search__results h2 { margin: 12px 0 14px; color: #163f5c; }
.fi-search__results-intro { max-width: 740px; margin: 0 0 36px; color: #617989; }
.fi-search__result-list { border-top: 1px solid #cbdde6; }
.fi-search__result-list article { display: grid; grid-template-columns: 55px 1fr auto; gap: 25px; align-items: center; padding: 24px 10px; border-bottom: 1px solid #cbdde6; }
.fi-search__result-list article > b { color: #3e96bd; font-size: 26px; }
.fi-search__result-list h3 { margin-bottom: 7px; color: #254e67; }
.fi-search__result-list p { margin-bottom: 7px; color: #617989; font-size: 14px; }
.fi-search__result-list small { display: block; color: #8799a4; font-size: 12px; line-height: 1.7; }
.fi-search__result-list article > span { padding: 7px 15px; border-radius: 30px; background: #dfeef5; color: #447892; font-size: 12px; }
.fi-search__moment { padding: 105px 0; background: #173e5c; color: #fff; }
.fi-search__moment .container { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center; }
.fi-search__moment-card { display: flex; gap: 22px; padding: 28px; border-radius: 13px; background: #fff; color: #21465f; }
.fi-search__moment-avatar { display: grid; place-items: center; flex: 0 0 60px; height: 60px; border-radius: 50%; background: #dff2f7; color: #3384aa; font-size: 28px; }
.fi-search__moment-card small, .fi-search__moment-card strong { display: block; }
.fi-search__moment-card small { color: #6a98ab; }
.fi-search__moment-card strong { margin: 12px 0; }
.fi-search__moment-card p { color: #6d8391; font-size: 13px; }
.fi-search__moment h2 { margin-bottom: 15px; }
.fi-search__moment .container > div:last-child > p { margin-bottom: 23px; color: #bbd5e0; font-size: 13px; }

.fi-bulk { color: #263d51; }
.fi-bulk .fi-kicker { color: #c47764; }
.fi-bulk__hero { padding: 80px 0; background: #fff2ec; }
.fi-bulk__hero .container { display: grid; grid-template-columns: .8fr 1.2fr; gap: 45px; align-items: center; }
.fi-bulk__hero h1 { margin: 17px 0 22px; color: #263d51; }
.fi-bulk__hero p:not(.fi-kicker) { margin-bottom: 26px; color: #687683; font-size: 18px; }
.fi-bulk__hero img { width: 100%; height: auto; border-radius: 15px; box-shadow: 0 22px 55px #8e604b24; }
.fi-bulk__table-section { padding: 100px 0; }
.fi-bulk__section-head { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: end; margin-bottom: 36px; }
.fi-bulk__section-head h2 { margin-top: 13px; }
.fi-bulk__section-head > p { color: #687b88; }
.fi-bulk__table { overflow: hidden; border: 1px solid #dbe6eb; border-radius: 13px; box-shadow: 0 22px 48px #2d50651b; }
.fi-bulk__table-toolbar, .fi-bulk__table-footer { display: flex; justify-content: space-between; padding: 17px 23px; background: #eaf4f6; color: #325973; font-size: 14px; }
.fi-bulk__table-toolbar span { color: #71909c; }
.fi-bulk__table-scroll { overflow-x: auto; }
.fi-bulk__table table { width: 100%; min-width: 560px; border-collapse: collapse; }
.fi-bulk__table th { background: #f6f9fa; color: #6e8794; text-align: left; font-size: 12px; }
.fi-bulk__table th, .fi-bulk__table td { padding: 17px 23px; border-bottom: 1px solid #e2e9ed; }
.fi-bulk__table td i { display: inline-block; width: 75px; height: 7px; margin-right: 15px; border-radius: 5px; background: #c5d6dd; }
.fi-bulk__table td i + i { width: 42px; background: #e3ebef; }
.fi-bulk__table td strong { color: #4a9f80; }
.fi-bulk__table-footer { justify-content: end; font-weight: 800; }
.fi-bulk__path { padding: 95px 0; background: #f7f9fa; }
.fi-bulk__path h2 { margin: 14px 0 34px; }
.fi-bulk__path ol { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; padding: 0; list-style: none; }
.fi-bulk__path li { display: flex; gap: 17px; padding: 25px; border-left: 3px solid #dd9985; background: #fff; }
.fi-bulk__path li > b { color: #d08770; font-size: 26px; }
.fi-bulk__path h3 { margin-bottom: 8px; font-size: 20px; }
.fi-bulk__path p { color: #6e808b; font-size: 14px; }
.fi-bulk__cta { padding: 90px 0; background: #25415a; color: #fff; text-align: center; }
.fi-bulk__cta h2 { margin-bottom: 15px; }
.fi-bulk__cta p { margin-bottom: 26px; color: #c4d7e1; font-size: 13px; }
.fi-bulk__cta .fi-actions { justify-content: center; }

.fi-annual { color: #284b58; }
.fi-annual .fi-kicker { color: #4f9b8d; }
.fi-annual__hero { padding: 85px 0 0; background: #edf8f4; text-align: center; }
.fi-annual__hero h1 { margin: 14px 0 19px; color: #214e5b; }
.fi-annual__hero p:not(.fi-kicker) { max-width: 710px; margin: 0 auto 35px; color: #607d82; font-size: 18px; }
.fi-annual__hero img { display: block; width: min(930px,100%); height: auto; margin: 0 auto; border-radius: 15px 15px 0 0; }
.fi-annual__months { padding: 100px 0; }
.fi-annual__months h2 { margin: 13px 0 33px; }
.fi-annual__month-line { display: flex; align-items: center; gap: 17px; padding: 21px; border-radius: 12px; background: #edf5f2; }
.fi-annual__month-line > div { display: grid; grid-template-columns: repeat(12,1fr); gap: 6px; flex: 1; }
.fi-annual__month-line span { display: grid; place-items: center; height: 48px; border-radius: 5px; background: #fff; color: #418e80; font-size: 13px; font-weight: 800; }
.fi-annual__month-line > b { color: #51a395; font-size: 24px; }
.fi-annual__month-line strong { padding: 13px 18px; border-radius: 7px; background: #317e76; color: #fff; white-space: nowrap; }
.fi-annual__months .container > p:last-child { margin-top: 19px; color: #66818a; font-size: 14px; }
.fi-annual__report { padding: 105px 0; background: #f6faf8; }
.fi-annual__report .container { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.fi-annual__report h2 { margin: 14px 0 23px; }
.fi-annual__report p:not(.fi-kicker) { color: #65818a; }
.fi-annual__report ul { margin-top: 23px; padding-left: 20px; color: #377f74; font-weight: 800; }
.fi-annual__paper { padding: 25px; border: 1px solid #dce8e4; border-radius: 8px; background: #fff; box-shadow: 0 20px 50px #284a4721; }
.fi-annual__paper-head { display: flex; justify-content: space-between; color: #487f7b; font-size: 12px; }
.fi-annual__paper-building { margin: 26px 0; padding: 15px; border-radius: 6px; background: #e5f1ec; color: #457c73; font-weight: 800; }
.fi-annual__paper-bars { display: flex; align-items: end; gap: 7px; height: 145px; border-bottom: 2px solid #9ec9c1; }
.fi-annual__paper-bars i { flex: 1; height: 55%; background: #81c1b3; }
.fi-annual__paper-bars i:nth-child(3n) { height: 80%; background: #4b9a8d; }
.fi-annual__paper-bars i:nth-child(4n) { height: 39%; background: #b3d6a7; }
.fi-annual__paper-lines { display: grid; gap: 8px; margin-top: 25px; }
.fi-annual__paper-lines span { height: 7px; border-radius: 5px; background: #d8e8e4; }
.fi-annual__paper-lines span:nth-child(2) { width: 83%; }
.fi-annual__paper-lines span:nth-child(3) { width: 64%; }
.fi-annual__cta { padding: 90px 0; text-align: center; }
.fi-annual__cta p { margin: 16px 0 25px; color: #628088; }
.fi-annual__cta .fi-actions { justify-content: center; }

@media (max-width: 991px) {
  .fi-task__hero .container, .fi-task__dashboard .container, .fi-task__cta .container, .fi-search__map .container, .fi-search__moment .container, .fi-bulk__hero .container, .fi-bulk__section-head, .fi-annual__report .container { grid-template-columns: 1fr; }
  .fi-task__hero img, .fi-bulk__hero img { max-width: 730px; }
  .fi-task__cta .fi-actions { flex-direction: row; }
}
@media (max-width: 767px) {
  .fi-task__hero, .fi-task__dashboard, .fi-task__work, .fi-task__cta, .fi-search__hero, .fi-search__map, .fi-search__results, .fi-search__moment, .fi-bulk__hero, .fi-bulk__table-section, .fi-bulk__path, .fi-bulk__cta, .fi-annual__hero, .fi-annual__months, .fi-annual__report, .fi-annual__cta { padding-top: 65px; padding-bottom: 65px; }
  .fi-task__hero .container, .fi-bulk__hero .container { gap: 30px; }
  .fi-task__work-grid, .fi-bulk__path ol { grid-template-columns: 1fr; }
  .fi-task__calendar i { height: 47px; }
  .fi-task__board-lanes { grid-template-columns: 1fr; }
  .fi-search__orbit span { min-height: 65px; font-size: 12px; }
  .fi-search__orbit .fi-search__orbit-center { min-height: 142px; font-size: 54px; }
  .fi-search__result-list article { grid-template-columns: 36px 1fr; gap: 10px; }
  .fi-search__result-list article > span { display: none; }
  .fi-annual__month-line { display: block; }
  .fi-annual__month-line > div { grid-template-columns: repeat(6,1fr); }
  .fi-annual__month-line > b { display: block; text-align: center; transform: rotate(90deg); }
  .fi-annual__month-line strong { display: block; text-align: center; }
}

.fi-sign { color: #253f5b; }
.fi-sign .fi-kicker { color: #377aa8; }
.fi-sign__hero { padding: 86px 0 0; background: #eef6fd; text-align: center; }
.fi-sign__hero h1 { margin: 13px 0 19px; }
.fi-sign__hero p:not(.fi-kicker) { max-width: 740px; margin: 0 auto 35px; color: #617c90; font-size: 18px; }
.fi-sign__hero img { display: block; width: min(970px,100%); height: auto; margin: 0 auto; border-radius: 16px 16px 0 0; }
.fi-sign__route { padding: 95px 0; }
.fi-sign__route h2 { margin: 13px 0 34px; }
.fi-sign__route ol { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; padding: 0; list-style: none; }
.fi-sign__route li { padding: 20px; border-bottom: 4px solid #5aa0c8; border-radius: 9px; background: #edf6fb; }
.fi-sign__route li b, .fi-sign__route li span { display: block; }
.fi-sign__route li b { margin-bottom: 14px; color: #4d99c2; font-size: 21px; }
.fi-sign__route li span { font-weight: 800; }
.fi-sign__detail { padding: 100px 0; background: #f4f8fa; }
.fi-sign__detail .container { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center; }
.fi-sign__detail h2 { margin: 14px 0 23px; }
.fi-sign__detail p:not(.fi-kicker) { margin-top: 12px; color: #667f8f; }
.fi-sign__document { overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 21px 55px #2547631b; }
.fi-sign__doc-header { display: flex; justify-content: space-between; padding: 18px; background: #214f77; color: #fff; font-weight: 800; }
.fi-sign__doc-header span { font-size: 12px; font-weight: 400; }
.fi-sign__doc-paper { display: grid; gap: 13px; margin: 25px auto; padding: 30px; width: 70%; min-height: 185px; border: 1px solid #e0e9ec; box-shadow: 0 10px 30px #24405a18; }
.fi-sign__doc-paper span { height: 6px; border-radius: 4px; background: #e0e8ec; }
.fi-sign__doc-paper span:nth-child(2) { width: 77%; }
.fi-sign__doc-paper strong { align-self: end; justify-self: end; color: #3685ae; font-size: 28px; }
.fi-sign__doc-users { display: flex; justify-content: center; gap: 12px; padding: 18px; background: #eaf4fa; }
.fi-sign__doc-users span { padding: 6px 13px; border-radius: 20px; background: #fff; color: #477c99; font-size: 12px; }
.fi-sign__benefit { padding: 72px 0; background: #23527a; color: #fff; }
.fi-sign__benefit .container { display: flex; align-items: center; justify-content: center; gap: 40px; }
.fi-sign__benefit .container > div { display: grid; gap: 7px; }
.fi-sign__benefit strong { font-size: 27px; }
.fi-sign__benefit span { color: #c2d8e6; }
.fi-sign__benefit b { color: #8ed4e8; font-size: 35px; }
.fi-sign__cta { padding: 86px 0; text-align: center; }
.fi-sign__cta h2 { margin-bottom: 16px; }
.fi-sign__cta p { max-width: 690px; margin: 0 auto 25px; color: #648093; }
.fi-sign__cta .fi-actions { justify-content: center; }

.fi-apply { color: #25475b; }
.fi-apply .fi-kicker { color: #368a98; }
.fi-apply__hero { padding: 80px 0; background: linear-gradient(125deg,#ecf8f8,#f7fbff); }
.fi-apply__hero .container { display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; align-items: center; }
.fi-apply__hero h1 { margin: 14px 0 19px; }
.fi-apply__hero p:not(.fi-kicker) { margin-bottom: 28px; color: #637e89; font-size: 18px; }
.fi-apply__hero img { width: 100%; height: auto; border-radius: 17px; box-shadow: 0 22px 48px #2a6c7f21; }
.fi-apply__bridge { padding: 105px 0; text-align: center; }
.fi-apply__bridge h2 { margin: 14px 0 37px; }
.fi-apply__bridge-visual { display: flex; align-items: center; justify-content: center; gap: 30px; }
.fi-apply__bridge-visual > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; flex: 1; padding: 25px; border-radius: 14px; background: #edf7f8; }
.fi-apply__bridge-visual > div:last-child { grid-template-columns: repeat(2,1fr); background: #e9f3fa; }
.fi-apply__bridge-visual b { grid-column: 1/-1; margin-bottom: 10px; color: #266a7e; font-size: 20px; }
.fi-apply__bridge-visual span { padding: 12px 7px; border-radius: 7px; background: #fff; color: #477988; font-weight: 700; font-size: 13px; }
.fi-apply__bridge-visual > strong { color: #378eaa; white-space: nowrap; }
.fi-apply__bridge .container > p:last-child { margin-top: 25px; color: #718990; font-size: 13px; }
.fi-apply__verify { padding: 103px 0; background: #f3f8f8; }
.fi-apply__verify .container { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; }
.fi-apply__verify h2 { margin: 15px 0 23px; }
.fi-apply__verify p:not(.fi-kicker) { margin-top: 12px; color: #66818a; }
.fi-apply__form { overflow: hidden; border: 1px solid #dce7e8; border-radius: 13px; background: #fff; box-shadow: 0 18px 44px #1a637127; }
.fi-apply__form > div { display: flex; justify-content: space-between; padding: 19px 23px; background: #276777; color: #fff; font-weight: 800; }
.fi-apply__form > div span { font-size: 12px; }
.fi-apply__form p { display: flex; gap: 20px; align-items: center; margin: 0 !important; padding: 13px 23px; border-bottom: 1px solid #e8eff0; }
.fi-apply__form p b { min-width: 110px; color: #577b86; font-size: 13px; }
.fi-apply__form p i { width: 48%; height: 7px; border-radius: 4px; background: #dce8eb; }
.fi-apply__form > strong { display: block; padding: 18px; background: #e5f4f3; color: #2b7b81; text-align: right; }
.fi-apply__cta { padding: 88px 0; background: #255d6d; color: #fff; text-align: center; }
.fi-apply__cta p { margin: 14px 0 27px; color: #c8dfe1; }
.fi-apply__cta .fi-actions { justify-content: center; }

.fi-resident { color: #263f59; }
.fi-resident .fi-kicker { color: #c47060; }
.fi-resident__hero { padding: 80px 0 0; background: #fff2ee; text-align: center; }
.fi-resident__hero h1 { margin: 14px 0 19px; }
.fi-resident__hero p:not(.fi-kicker) { max-width: 720px; margin: 0 auto 35px; color: #667b8b; font-size: 18px; }
.fi-resident__hero img { display: block; width: min(940px,100%); height: auto; margin: 0 auto; border-radius: 16px 16px 0 0; }
.fi-resident__channels { padding: 105px 0; }
.fi-resident__channels h2 { margin: 14px 0 38px; }
.fi-resident__channel-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.fi-resident__channel-grid article { padding: 24px; border: 1px solid #e3e8ee; border-radius: 13px; }
.fi-resident__channel-art { display: flex; align-items: center; justify-content: space-between; height: 125px; margin-bottom: 20px; padding: 25px; border-radius: 10px; background: #ffe8de; color: #d37260; font-size: 43px; }
.fi-resident__channel-art span { font-size: 15px; font-weight: 800; }
.fi-resident__channel-art--chat { background: #e9f4fc; color: #4d8eb8; }
.fi-resident__channel-art--file { background: #e7f4ef; color: #4b9f88; }
.fi-resident__channel-art--invoice { background: #f1ecfb; color: #8169b4; }
.fi-resident__channel-grid h3 { margin-bottom: 10px; font-size: 20px; }
.fi-resident__channel-grid p { color: #6f808d; font-size: 14px; }
.fi-resident__example { padding: 100px 0; background: #f0f6fa; }
.fi-resident__example .container { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.fi-resident__example h2 { margin: 14px 0 20px; }
.fi-resident__example p:not(.fi-kicker) { color: #66818f; }
.fi-resident__phone { display: grid; gap: 12px; width: min(335px,100%); margin: 0 auto; padding: 17px; border: 8px solid #244763; border-radius: 27px; background: #fff; box-shadow: 0 18px 42px #17485c25; }
.fi-resident__phone div { margin: -17px -17px 10px; padding: 19px; border-radius: 18px 18px 0 0; background: #3f90b4; color: #fff; text-align: center; font-weight: 800; }
.fi-resident__phone span { max-width: 85%; padding: 12px; border-radius: 13px 13px 13px 2px; background: #ebf4f8; color: #4f697a; font-size: 13px; }
.fi-resident__phone span:nth-last-of-type(1) { justify-self: end; border-radius: 13px 13px 2px 13px; background: #d6edea; }
.fi-resident__phone b { margin-top: 13px; color: #6096a8; font-size: 12px; }
.fi-resident__note { padding: 88px 0; }
.fi-resident__note .container { display: grid; grid-template-columns: 1fr auto; gap: 55px; align-items: center; }
.fi-resident__note h2 { margin-bottom: 14px; }
.fi-resident__note p { color: #6a8492; }
.fi-resident__note .fi-actions { flex-direction: column; align-items: flex-start; }

.fi-leasing { color: #2d485b; }
.fi-leasing .fi-kicker { color: #ba7662; }
.fi-leasing__hero { padding: 82px 0; background: #fff5ee; }
.fi-leasing__hero .container { display: grid; grid-template-columns: .8fr 1.2fr; gap: 42px; align-items: center; }
.fi-leasing__hero h1 { margin: 14px 0 20px; }
.fi-leasing__hero p:not(.fi-kicker) { margin-bottom: 26px; color: #6b7e86; font-size: 18px; }
.fi-leasing__hero img { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 22px 49px #94664024; }
.fi-leasing__listing { padding: 103px 0; }
.fi-leasing__listing .container { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.fi-leasing__listing h2 { margin: 13px 0 24px; }
.fi-leasing__listing p:not(.fi-kicker) { margin-top: 12px; color: #6b8290; }
.fi-leasing__card { overflow: hidden; border: 1px solid #dce5ea; border-radius: 14px; background: #fff; box-shadow: 0 20px 50px #30546a23; }
.fi-leasing__card-photo { display: grid; place-items: center; height: 235px; background: linear-gradient(150deg,#b2d5e8,#e5f3f8); color: #3c7aa3; font-size: 120px; }
.fi-leasing__card-body { padding: 25px; }
.fi-leasing__card-body small { color: #a26656; }
.fi-leasing__card-body h3 { margin: 7px 0 17px; }
.fi-leasing__card-body div { display: flex; flex-wrap: wrap; gap: 7px; }
.fi-leasing__card-body div span { padding: 5px 10px; border-radius: 5px; background: #eaf3f7; color: #587e93; font-size: 12px; }
.fi-leasing__card-body > b { display: block; margin-top: 19px; color: #478c75; font-size: 13px; }
.fi-leasing__steps { padding: 95px 0; background: #f4f8fa; }
.fi-leasing__steps h2 { margin: 13px 0 35px; }
.fi-leasing__steps .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 19px; }
.fi-leasing__steps article { padding: 26px; border-radius: 10px; background: #fff; }
.fi-leasing__steps b, .fi-leasing__steps strong { display: block; }
.fi-leasing__steps b { color: #c88774; font-size: 25px; }
.fi-leasing__steps strong { margin: 14px 0 8px; font-size: 20px; }
.fi-leasing__steps p { color: #708692; font-size: 14px; }
.fi-leasing__cta { padding: 85px 0; background: #275274; color: #fff; text-align: center; }
.fi-leasing__cta p { margin: 15px 0 25px; color: #c8dbe5; font-size: 13px; }
.fi-leasing__cta .fi-actions { justify-content: center; }

.fi-storage { color: #27435a; }
.fi-storage .fi-kicker { color: #3f93aa; }
.fi-storage__hero { padding: 80px 0; background: #eaf7fb; }
.fi-storage__hero .container { display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; align-items: center; }
.fi-storage__hero h1 { margin: 14px 0 20px; }
.fi-storage__hero p:not(.fi-kicker) { margin-bottom: 26px; color: #65818e; font-size: 18px; }
.fi-storage__hero img { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 22px 50px #18566c25; }
.fi-storage__tree { padding: 105px 0; }
.fi-storage__tree .container { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.fi-storage__tree h2 { margin: 14px 0 22px; }
.fi-storage__tree p:not(.fi-kicker) { color: #68818d; }
.fi-storage__tree-card { display: grid; gap: 7px; padding: 29px; border-radius: 13px; background: #f0f7fa; box-shadow: 0 18px 43px #25566a1b; }
.fi-storage__tree-card div { padding: 8px 14px; border-radius: 6px; background: #fff; color: #4c798f; font-weight: 800; }
.fi-storage__tree-card span { margin-left: 31px; padding: 8px 14px; border-radius: 6px; background: #dcecf2; color: #547b8f; font-size: 13px; }
.fi-storage__moments { padding: 95px 0; background: #f3f8fa; }
.fi-storage__moments h2 { margin: 13px 0 35px; }
.fi-storage__moments .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.fi-storage__moments article { padding: 26px; border-top: 4px solid #5aa5bc; background: #fff; }
.fi-storage__moments b { color: #2e647d; font-size: 18px; }
.fi-storage__moments p { margin-top: 12px; color: #6d8490; font-size: 14px; }
.fi-storage__cta { padding: 87px 0; background: #234d68; color: #fff; text-align: center; }
.fi-storage__cta p { margin: 14px 0 26px; color: #c7dce5; font-size: 13px; }
.fi-storage__cta .fi-actions { justify-content: center; }

.fi-debit { color: #2b485b; }
.fi-debit .fi-kicker { color: #408e9e; }
.fi-debit__hero { padding: 83px 0 0; background: #eaf6f9; text-align: center; }
.fi-debit__hero h1 { margin: 14px 0 20px; }
.fi-debit__hero p:not(.fi-kicker) { max-width: 740px; margin: 0 auto 35px; color: #67838f; font-size: 18px; }
.fi-debit__hero img { display: block; width: min(960px,100%); height: auto; margin: 0 auto; border-radius: 16px 16px 0 0; }
.fi-debit__flow { padding: 105px 0; }
.fi-debit__flow h2 { margin: 14px 0 21px; }
.fi-debit__flow .container > div:first-child > p:last-child { max-width: 720px; color: #6a838e; }
.fi-debit__flow-graphic { display: flex; align-items: center; justify-content: center; gap: 22px; margin-top: 39px; }
.fi-debit__flow-graphic span { flex: 1; padding: 26px; border-radius: 11px; background: #e5f3f6; color: #2b6579; text-align: center; font-size: 21px; font-weight: 800; }
.fi-debit__flow-graphic small { color: #6392a2; font-size: 13px; }
.fi-debit__flow-graphic b { color: #5aa6b5; font-size: 30px; }
.fi-debit__result { padding: 105px 0; background: #f4f8f9; }
.fi-debit__result .container { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.fi-debit__result h2 { margin: 14px 0 22px; }
.fi-debit__result p:not(.fi-kicker) { margin-top: 12px; color: #6b838e; }
.fi-debit__result-board { overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 20px 50px #28566620; }
.fi-debit__result-board div { padding: 19px 22px; background: #24556b; color: #fff; font-weight: 800; }
.fi-debit__result-board p { display: flex; justify-content: space-between; margin: 0 !important; padding: 19px 23px; border-bottom: 1px solid #e8eef0; }
.fi-debit__result-board p b { color: #4d7583; }
.fi-debit__result-board p span { color: #45a783; }
.fi-debit__result-board .is-unpaid span { color: #c97a5f; }
.fi-debit__cta { padding: 87px 0; text-align: center; }
.fi-debit__cta p { margin: 14px 0 25px; color: #6d8690; font-size: 13px; }
.fi-debit__cta .fi-actions { justify-content: center; }

@media (max-width: 991px) {
  .fi-sign__detail .container, .fi-apply__hero .container, .fi-apply__verify .container, .fi-resident__example .container, .fi-resident__note .container, .fi-leasing__hero .container, .fi-leasing__listing .container, .fi-storage__hero .container, .fi-storage__tree .container, .fi-debit__result .container { grid-template-columns: 1fr; }
  .fi-resident__note .fi-actions { flex-direction: row; }
}
@media (max-width: 767px) {
  .fi-sign__hero, .fi-sign__route, .fi-sign__detail, .fi-sign__benefit, .fi-sign__cta, .fi-apply__hero, .fi-apply__bridge, .fi-apply__verify, .fi-apply__cta, .fi-resident__hero, .fi-resident__channels, .fi-resident__example, .fi-resident__note, .fi-leasing__hero, .fi-leasing__listing, .fi-leasing__steps, .fi-leasing__cta, .fi-storage__hero, .fi-storage__tree, .fi-storage__moments, .fi-storage__cta, .fi-debit__hero, .fi-debit__flow, .fi-debit__result, .fi-debit__cta { padding-top: 65px; padding-bottom: 65px; }
  .fi-sign__route ol, .fi-resident__channel-grid, .fi-leasing__steps .container > div, .fi-storage__moments .container > div { grid-template-columns: 1fr; }
  .fi-sign__benefit .container { flex-direction: column; gap: 12px; }
  .fi-sign__benefit b { transform: rotate(90deg); }
  .fi-apply__bridge-visual { flex-direction: column; }
  .fi-apply__bridge-visual > div { flex: none; width: 100%; }
  .fi-apply__form p b { min-width: 88px; }
  .fi-resident__channel-art { height: 100px; }
  .fi-debit__flow-graphic { gap: 7px; }
  .fi-debit__flow-graphic span { padding: 13px 5px; font-size: 13px; }
  .fi-debit__flow-graphic small { font-size: 10px; }
  .fi-debit__flow-graphic b { font-size: 17px; }
}

.fi-easy { color: #23455d; }
.fi-easy .fi-kicker { color: #438eaf; }
.fi-easy__hero { padding: 83px 0 0; background: #eef8fe; text-align: center; }
.fi-easy__hero h1 { margin: 14px 0 20px; }
.fi-easy__hero p:not(.fi-kicker) { max-width: 750px; margin: 0 auto 35px; color: #667f90; font-size: 18px; }
.fi-easy__hero img { display: block; width: min(980px,100%); height: auto; margin: 0 auto; border-radius: 16px 16px 0 0; }
.fi-easy__one { padding: 105px 0; }
.fi-easy__one .container { display: grid; grid-template-columns: 1fr 1fr; gap: 85px; align-items: center; }
.fi-easy__one h2 { margin: 14px 0 20px; }
.fi-easy__one p:not(.fi-kicker) { color: #6c8492; }
.fi-easy__form { overflow: hidden; border-radius: 13px; background: #fff; box-shadow: 0 20px 50px #25587825; }
.fi-easy__form div { padding: 19px 23px; background: #245a7c; color: #fff; font-weight: 800; }
.fi-easy__form p { display: flex; justify-content: space-between; margin: 0 !important; padding: 21px 23px; border-bottom: 1px solid #dce9ee; }
.fi-easy__form p b { color: #2d7192; }
.fi-easy__form p span { color: #7392a2; }
.fi-easy__reuse { padding: 100px 0; background: #eff6fa; }
.fi-easy__reuse h2 { margin: 14px 0 36px; }
.fi-easy__reuse-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.fi-easy__reuse-grid > div { padding: 25px; border-radius: 11px; background: #fff; }
.fi-easy__reuse-grid span { display: grid; place-items: center; width: 70px; height: 70px; margin-bottom: 20px; border-radius: 12px; background: #dcedf6; color: #4091b1; font-size: 33px; }
.fi-easy__reuse-grid h3 { margin-bottom: 10px; font-size: 21px; }
.fi-easy__reuse-grid p { color: #6f8794; font-size: 14px; }
.fi-easy__cta { padding: 85px 0; background: #255a7d; color: #fff; text-align: center; }
.fi-easy__cta p { margin: 14px 0 27px; color: #c7dee8; }
.fi-easy__cta .fi-actions { justify-content: center; }

.fi-dashboard { color: #274960; }
.fi-dashboard .fi-kicker { color: #6dd2c3; }
.fi-dashboard__hero { padding: 88px 0; background: #173e58; color: #fff; }
.fi-dashboard__hero .container { display: grid; grid-template-columns: .85fr 1.15fr; gap: 38px; align-items: center; }
.fi-dashboard__hero h1 { margin: 15px 0 20px; }
.fi-dashboard__hero p:not(.fi-kicker) { margin-bottom: 26px; color: #bdd7e1; font-size: 18px; }
.fi-dashboard__hero img { width: 100%; height: auto; border-radius: 17px; box-shadow: 0 22px 55px #092b3b99; }
.fi-dashboard__signals { padding: 100px 0; }
.fi-dashboard__signals .fi-kicker, .fi-dashboard__screen .fi-kicker { color: #3f91ac; }
.fi-dashboard__signals h2 { margin: 13px 0 35px; }
.fi-dashboard__signals .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.fi-dashboard__signals article { padding: 25px; border-top: 4px solid #6ab0bc; background: #f1f7f9; }
.fi-dashboard__signals article span { color: #4a97a7; font-size: 12px; font-weight: 900; }
.fi-dashboard__signals article strong { display: block; margin: 11px 0; font-size: 21px; }
.fi-dashboard__signals article p { color: #6c8390; font-size: 14px; }
.fi-dashboard__screen { padding: 100px 0; background: #edf6f8; }
.fi-dashboard__screen .container { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.fi-dashboard__screen h2 { margin: 14px 0 20px; }
.fi-dashboard__screen p:not(.fi-kicker) { color: #6b8390; }
.fi-dashboard__screen-art { padding: 20px; border-radius: 12px; background: #fff; box-shadow: 0 19px 45px #21546d25; }
.fi-dashboard__screen-art > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.fi-dashboard__screen-art > div span { padding: 17px 8px; border-radius: 6px; background: #dfeef2; color: #4d8695; text-align: center; font-weight: 800; }
.fi-dashboard__screen-art > div span:nth-child(3) { background: #ffece7; color: #b87863; }
.fi-dashboard__screen-art section { display: flex; align-items: end; gap: 18px; height: 140px; margin: 17px 0; padding: 18px; background: #f7fbfc; }
.fi-dashboard__screen-art i { flex: 1; height: 30%; background: #79bac8; }
.fi-dashboard__screen-art i:nth-child(2) { height: 60%; }
.fi-dashboard__screen-art i:nth-child(3) { height: 48%; }
.fi-dashboard__screen-art i:nth-child(4) { height: 79%; }
.fi-dashboard__screen-art footer { display: flex; gap: 8px; }
.fi-dashboard__screen-art footer span { flex: 1; padding: 12px; border-radius: 6px; background: #e6f2f4; color: #6794a1; font-size: 12px; }
.fi-dashboard__cta { padding: 88px 0; text-align: center; }
.fi-dashboard__cta h2 { margin-bottom: 27px; }
.fi-dashboard__cta .fi-actions { justify-content: center; }

.fi-monthly { color: #2b4b5a; }
.fi-monthly .fi-kicker { color: #458f84; }
.fi-monthly__hero { padding: 86px 0 0; background: #ebf8f3; text-align: center; }
.fi-monthly__hero h1 { margin: 14px 0 20px; }
.fi-monthly__hero p:not(.fi-kicker) { max-width: 745px; margin: 0 auto 36px; color: #62817f; font-size: 18px; }
.fi-monthly__hero img { display: block; width: min(965px,100%); height: auto; margin: 0 auto; border-radius: 17px 17px 0 0; }
.fi-monthly__two { padding: 108px 0; }
.fi-monthly__two .container { display: grid; grid-template-columns: .7fr 1.3fr; gap: 65px; align-items: center; }
.fi-monthly__two h2 { margin: 13px 0 22px; }
.fi-monthly__two p:not(.fi-kicker) { color: #6b8487; }
.fi-monthly__two-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fi-monthly__two-cards article { padding: 25px; border-radius: 10px; background: #edf6f5; }
.fi-monthly__two-cards b { color: #347d78; }
.fi-monthly__two-cards p { margin-top: 15px; font-size: 12px; }
.fi-monthly__bars, .fi-monthly__line { display: flex; align-items: end; gap: 6px; height: 125px; margin-top: 15px; border-bottom: 2px solid #b4d5cb; }
.fi-monthly__bars i { flex: 1; height: 44%; background: #79b8c4; }
.fi-monthly__bars i:nth-child(2n) { height: 75%; background: #599dae; }
.fi-monthly__bars i:nth-child(3n) { height: 60%; }
.fi-monthly__line i { flex: 1; width: 9px; height: 9px; border-radius: 50%; background: #60a787; box-shadow: 0 0 0 5px #cde8d9; }
.fi-monthly__line i:nth-child(1) { margin-bottom: 13%; }
.fi-monthly__line i:nth-child(2) { margin-bottom: 29%; }
.fi-monthly__line i:nth-child(3) { margin-bottom: 24%; }
.fi-monthly__line i:nth-child(4) { margin-bottom: 46%; }
.fi-monthly__line i:nth-child(5) { margin-bottom: 57%; }
.fi-monthly__line i:nth-child(6) { margin-bottom: 61%; }
.fi-monthly__scope { padding: 95px 0; background: #f0f8f5; }
.fi-monthly__scope h2 { margin: 13px 0 34px; }
.fi-monthly__scope-line { display: flex; align-items: center; gap: 14px; }
.fi-monthly__scope-line span { flex: 1; padding: 23px 12px; border-radius: 9px; background: #fff; color: #377b77; text-align: center; font-weight: 800; }
.fi-monthly__scope-line b { color: #55a08d; }
.fi-monthly__scope .container > p:last-child { margin-top: 24px; color: #6b8482; font-size: 13px; }
.fi-monthly__cta { padding: 85px 0; background: #286d70; color: #fff; text-align: center; }
.fi-monthly__cta h2 { margin-bottom: 27px; }
.fi-monthly__cta .fi-actions { justify-content: center; }

@media (max-width: 991px) {
  .fi-easy__one .container, .fi-dashboard__hero .container, .fi-dashboard__screen .container, .fi-monthly__two .container { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .fi-easy__hero, .fi-easy__one, .fi-easy__reuse, .fi-easy__cta, .fi-dashboard__hero, .fi-dashboard__signals, .fi-dashboard__screen, .fi-dashboard__cta, .fi-monthly__hero, .fi-monthly__two, .fi-monthly__scope, .fi-monthly__cta { padding-top: 65px; padding-bottom: 65px; }
  .fi-easy__reuse-grid, .fi-dashboard__signals .container > div, .fi-monthly__two-cards { grid-template-columns: 1fr; }
  .fi-monthly__scope-line { flex-direction: column; }
  .fi-monthly__scope-line span { width: 100%; }
  .fi-monthly__scope-line b { transform: rotate(90deg); }
}

.fi-install__hero { padding: 86px 0; background: #eff7ff; }
.fi-install__hero .container, .fi-install__import .container { display: grid; grid-template-columns: .9fr 1.1fr; gap: 55px; align-items: center; }
.fi-install__hero .fi-kicker { color: #4086b7; }
.fi-install__hero h1 { margin: 14px 0 18px; }
.fi-install__hero p:not(.fi-kicker) { margin-bottom: 24px; color: #617b90; font-size: 18px; }
.fi-install__hero img { width: 100%; height: auto; }
.fi-install__path { padding: 100px 0; }
.fi-install__path .fi-kicker, .fi-install__import .fi-kicker { color: #4189b9; }
.fi-install__path h2 { margin: 12px 0 38px; }
.fi-install__path ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
.fi-install__path li { padding: 30px; border-radius: 13px; background: #f1f8fc; }
.fi-install__path li b { display: block; color: #53a4cd; font-size: 40px; line-height: 1; }
.fi-install__path h3 { margin: 20px 0 11px; }
.fi-install__path p, .fi-install__import p:not(.fi-kicker) { color: #6b8595; }
.fi-install__import { padding: 95px 0; background: #e6f3f8; }
.fi-install__import-art { display: grid; place-items: center; min-height: 300px; padding: 30px; border: 16px solid #fff; border-radius: 20px; background: linear-gradient(135deg,#66b9d1,#367ba5); box-shadow: 0 16px 40px #2f739c2b; color: #fff; text-align: center; }
.fi-install__import-art span { display: grid; place-items: center; width: 92px; height: 92px; border-radius: 18px; background: #ffffffef; color: #397ca4; font-size: 26px; font-weight: 900; }
.fi-install__import-art strong { font-size: 21px; }
.fi-install__import h2 { margin: 14px 0 17px; }
.fi-install__import .fi-actions { margin-top: 25px; }
.fi-install__cta { padding: 75px 0; background: #256d99; color: #fff; text-align: center; }
.fi-install__cta h2 { margin-bottom: 25px; }

.fi-owner-management__hero { padding: 86px 0 0; background: #fff7ed; text-align: center; }
.fi-owner-management__hero .fi-kicker { color: #bf8255; }
.fi-owner-management__hero h1 { margin: 13px 0 18px; }
.fi-owner-management__hero p:not(.fi-kicker) { max-width: 710px; margin: 0 auto 22px; color: #84776d; font-size: 18px; }
.fi-owner-management__hero img { display: block; width: min(870px,100%); height: auto; margin: 0 auto; }
.fi-owner-management__switch { padding: 105px 0; }
.fi-owner-management__switch .container { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: center; }
.fi-owner-management__switch .fi-kicker { color: #bf8255; }
.fi-owner-management__switch h2 { margin: 13px 0 20px; }
.fi-owner-management__switch p:not(.fi-kicker) { color: #7a8791; }
.fi-owner-management__switch-art { display: grid; gap: 12px; padding: 25px; border-radius: 18px; background: #f8f2eb; }
.fi-owner-management__switch-art > div { display: flex; align-items: center; gap: 12px; padding: 15px; border-radius: 9px; background: #fff; box-shadow: 0 4px 13px #77604a12; }
.fi-owner-management__switch-art b { min-width: 112px; color: #7c5539; }
.fi-owner-management__switch-art span { padding: 8px 11px; border-radius: 6px; background: #f9eee2; color: #957056; font-size: 12px; }
.fi-owner-management__uses { padding: 98px 0; background: #f8f3ed; }
.fi-owner-management__uses h2 { margin-bottom: 35px; }
.fi-owner-management__uses .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.fi-owner-management__uses article { min-height: 180px; padding: 25px; border-top: 4px solid #d5a273; background: #fff; }
.fi-owner-management__uses article b { color: #76513b; font-size: 21px; }
.fi-owner-management__uses article p { margin-top: 11px; color: #79848b; font-size: 14px; }
.fi-owner-management__cta { padding: 83px 0; }
.fi-owner-management__cta .container { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.fi-owner-management__cta p { margin-top: 12px; color: #79909b; font-size: 13px; }

.fi-ssl__hero { padding: 90px 0; background: #eaf4f7; }
.fi.fi-journey .fi-ssl__hero .container { display: grid; }
.fi-ssl__hero .container, .fi-ssl__context .container { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; }
.fi-ssl__hero-copy { text-align: left; }
.fi-ssl__hero .fi-kicker, .fi-ssl__layers .fi-kicker { color: #4b8c9b; }
.fi.fi-journey .fi-ssl__hero h1 { margin: 15px 0 22px; font-size: 44px; line-height: 1.45; }
.fi.fi-journey .fi-ssl__hero p:not(.fi-kicker) { max-width: none; margin: 0 0 22px; color: #6c8590; }
.fi-ssl__context p { color: #6c8590; }
.fi.fi-journey .fi-ssl__hero img { width: 100%; height: auto; margin: 0; border-radius: 13px; }
.fi-ssl__hero .fi-actions { justify-content: flex-start; padding: 0; }
.fi-ssl__hero-visual { overflow: hidden; border: 9px solid #fff; border-radius: 22px; box-shadow: 0 22px 55px #28586f24; }
.fi-ssl__hero-cert { display: inline-flex; align-items: center; gap: 11px; margin: 5px 0 24px; padding: 10px 15px; border: 1px solid #b9d8e0; border-radius: 9px; background: #fff; color: #316b7c; }
.fi-ssl__hero-cert strong { font-size: 14px; }
.fi-ssl__hero-cert span { padding-left: 11px; border-left: 1px solid #cde2e7; font-size: 12px; font-weight: 800; }
.fi-ssl__certification { padding: 108px 0; background: #173f57; color: #fff; }
.fi-ssl__certification .container { display: grid; grid-template-columns: .72fr 1.28fr; gap: 78px; align-items: center; }
.fi-ssl__certification .fi-kicker { color: #8fd0db; }
.fi-ssl__certification h2 { margin: 14px 0 20px; color: #fff; }
.fi-ssl__certification-copy > p:not(.fi-kicker) { color: #c7dae1; }
.fi-ssl__certification-mark { padding: 35px 30px; border: 1px solid #ffffff24; border-radius: 20px; background: #fff; color: #285e73; text-align: center; box-shadow: 0 22px 55px #06182140; }
.fi-ssl__certification-mark img { display: block; width: min(250px, 100%); height: auto; margin: 0 auto 22px; }
.fi-ssl__certification-mark p { margin: 0; }
.fi-ssl__certification-mark strong, .fi-ssl__certification-mark span { display: block; }
.fi-ssl__certification-mark strong { margin-bottom: 4px; font-size: 18px; }
.fi-ssl__certification-mark span { color: #67838e; font-size: 12px; }
.fi-ssl__certification-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 28px 0; }
.fi-ssl__certification-points article { padding: 17px; border: 1px solid #ffffff21; border-radius: 10px; background: #ffffff0d; }
.fi-ssl__certification-points b, .fi-ssl__certification-points span { display: block; }
.fi-ssl__certification-points b { margin-bottom: 7px; color: #fff; }
.fi-ssl__certification-points span { color: #b9d2dc; font-size: 12px; line-height: 1.7; }
.fi-ssl__certificate-data { margin: 0 0 24px; border-top: 1px solid #ffffff29; }
.fi-ssl__certificate-data div { display: grid; grid-template-columns: 125px 1fr; gap: 18px; padding: 13px 0; border-bottom: 1px solid #ffffff29; }
.fi-ssl__certificate-data dt { color: #8fc9d6; font-size: 12px; font-weight: 800; }
.fi-ssl__certificate-data dd { margin: 0; color: #d9e7ec; font-size: 13px; }
.fi-ssl__certification .fi-text-link { color: #fff; }
.fi-ssl__layers { padding: 102px 0; }
.fi-ssl__layers h2 { margin: 13px 0 35px; }
.fi-ssl__layers .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.fi-ssl__layers article { padding: 27px; border-radius: 12px; background: #edf6f8; }
.fi-ssl__layers article span { color: #70a8b2; font-weight: 900; }
.fi-ssl__layers h3 { margin: 18px 0 10px; }
.fi-ssl__layers article p { color: #748b95; font-size: 14px; }
.fi-ssl__context { padding: 100px 0; background: #e5f1f3; }
.fi-ssl__context-art { display: flex; align-items: center; justify-content: space-around; gap: 9px; min-height: 290px; padding: 25px; border-radius: 16px; background: #fff; }
.fi-ssl__context-art span { display: grid; place-items: center; width: 38%; min-height: 110px; border-radius: 10px; background: #e7f4f5; color: #367888; font-weight: 800; text-align: center; }
.fi-ssl__context-art b { font-size: 34px; }
.fi-ssl__context h2 { margin-bottom: 18px; }
.fi-ssl__context .fi-text-link { display: inline-block; margin-top: 23px; }

.fi-backup__hero { padding: 82px 0 0; background: #f0f4f9; text-align: center; }
.fi-backup__hero .fi-kicker { color: #6282aa; }
.fi-backup__hero h1 { margin: 13px 0 18px; }
.fi-backup__hero p:not(.fi-kicker) { max-width: 720px; margin: 0 auto 20px; color: #718196; font-size: 18px; }
.fi-backup__hero img { display: block; width: min(860px,100%); height: auto; margin: 0 auto; }
.fi-backup__timeline { padding: 110px 0; }
.fi-backup__timeline .container { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; align-items: center; }
.fi-backup__timeline h2 { margin-bottom: 20px; }
.fi-backup__timeline p { color: #758797; }
.fi-backup__timeline-art { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; min-height: 280px; padding: 25px; border-radius: 17px; background: #eaf1f8; }
.fi-backup__timeline-art span { padding: 20px 15px; border-radius: 9px; background: #fff; color: #6481a0; font-weight: 800; }
.fi-backup__timeline-art b { width: 100%; padding: 14px; border-radius: 8px; background: #5a799c; color: #fff; text-align: center; }
.fi-backup__reason { padding: 100px 0; background: #e9eef6; text-align: center; }
.fi-backup__reason .fi-kicker { color: #60809f; }
.fi-backup__reason h2 { margin: 13px 0 15px; }
.fi-backup__reason p:not(.fi-kicker) { max-width: 740px; margin: 0 auto 27px; color: #748392; }

.fi-update__hero { padding: 90px 0; background: #edf8f1; }
.fi-update__hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 45px; align-items: center; }
.fi-update__hero .fi-kicker, .fi-update__change .fi-kicker { color: #3a957c; }
.fi.fi-journey .fi-update__hero h1 { margin: 14px 0 20px; }
.fi.fi-journey .fi-update__hero p:not(.fi-kicker) { max-width: none; margin: 0 0 25px; color: #668179; font-size: 18px; }
.fi.fi-journey .fi-update__hero img { width: 100%; height: auto; margin: 0; border-radius: 18px; box-shadow: 0 24px 55px #376b5930; }
.fi-update__hero .fi-actions { justify-content: flex-start; padding: 0; }
.fi-update__hero-points { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 26px; }
.fi-update__hero-points span { padding: 8px 13px; border: 1px solid #afd8c9; border-radius: 999px; background: #fff; color: #377c68; font-size: 12px; font-weight: 800; }
.fi-update__compare { padding: 105px 0; text-align: center; }
.fi-update__compare .fi-kicker, .fi-update__monthly .fi-kicker, .fi-update__examples .fi-kicker, .fi-update__voice .fi-kicker, .fi-update__notice .fi-kicker { color: #3a957c; }
.fi-update__compare h2, .fi-update__examples h2 { margin: 13px 0 16px; }
.fi-update__compare .fi-journey__lead { max-width: 760px; margin: 0 auto; color: #6a8178; }
.fi-update__compare-grid { display: grid; grid-template-columns: 1fr 42px 1fr; gap: 20px; align-items: center; max-width: 900px; margin: 42px auto 22px; text-align: left; }
.fi-update__compare-grid article { min-height: 260px; padding: 30px; border: 1px solid #dfe9e4; border-radius: 16px; background: #f7faf8; }
.fi-update__compare-grid article.is-cloud { border-color: #8fcab7; background: #e9f7f1; box-shadow: 0 16px 38px #286f5717; }
.fi-update__compare-grid article > span { color: #80918a; font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.fi-update__compare-grid article.is-cloud > span { color: #36836d; }
.fi-update__compare-grid h3 { margin: 12px 0 20px; font-size: 23px; }
.fi-update__compare-grid ol { display: grid; gap: 10px; margin: 0; padding: 0; counter-reset: update-steps; list-style: none; }
.fi-update__compare-grid li { position: relative; padding: 11px 12px 11px 45px; border-radius: 8px; background: #fff; color: #667a72; font-size: 14px; }
.fi-update__compare-grid li::before { position: absolute; top: 9px; left: 11px; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #e5ece8; color: #6f8079; counter-increment: update-steps; content: counter(update-steps); font-size: 11px; font-weight: 900; }
.fi-update__compare-grid .is-cloud li::before { background: #3f987e; color: #fff; }
.fi-update__compare-arrow { color: #40977f; font-size: 36px; font-weight: 900; text-align: center; }
.fi-update__compare-note, .fi-update__examples-note { color: #82938c; font-size: 12px; }
.fi-update__monthly { padding: 105px 0; background: #eaf6f0; }
.fi-update__monthly-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 65px; align-items: center; }
.fi-update__monthly h2 { margin: 13px 0 20px; }
.fi-update__monthly p:not(.fi-kicker) { color: #647d73; }
.fi-update__monthly .fi-text-link { display: inline-block; margin-top: 12px; color: #2d8068; }
.fi-update__calendar { display: grid; grid-template-columns: repeat(2,1fr); gap: 11px; padding: 24px; border-radius: 18px; background: #fff; box-shadow: 0 20px 48px #285e4d18; }
.fi-update__calendar div { display: grid; grid-template-columns: 52px 1fr; align-items: center; min-height: 62px; overflow: hidden; border: 1px solid #dcece5; border-radius: 10px; }
.fi-update__calendar b { display: grid; place-items: center; align-self: stretch; background: #dff1e9; color: #39846f; font-size: 13px; }
.fi-update__calendar span { padding: 10px; color: #61766e; font-size: 13px; font-weight: 700; }
.fi-update__calendar strong { grid-column: 1 / -1; padding: 14px; border-radius: 9px; background: #3c9178; color: #fff; text-align: center; font-size: 13px; letter-spacing: .03em; }
.fi-update__voice { padding: 110px 0; background: #f6f9f7; }
.fi-update__voice .container { display: grid; grid-template-columns: .82fr 1.18fr; gap: 72px; align-items: center; }
.fi-update__voice h2 { margin: 13px 0 20px; }
.fi-update__voice-copy p:not(.fi-kicker) { color: #677d74; }
.fi-update__voice-flow { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.fi-update__voice-flow li { position: relative; display: grid; grid-template-columns: 52px 150px 1fr; gap: 14px; align-items: center; min-height: 70px; padding: 11px 18px; border: 1px solid #dbe9e3; border-radius: 12px; background: #fff; box-shadow: 0 9px 24px #2858450a; }
.fi-update__voice-flow li:not(:last-child)::after { position: absolute; bottom: -13px; left: 43px; z-index: 2; color: #4b9d84; content: '\2193'; font-weight: 900; }
.fi-update__voice-flow b { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #e3f2ec; color: #3d8b73; font-size: 12px; }
.fi-update__voice-flow span { color: #263f37; font-weight: 900; }
.fi-update__voice-flow small { color: #74877f; font-size: 12px; }
.fi-update__policy { padding: 100px 0; background: #dcefe7; }
.fi-update__policy-card { padding: 55px 65px; border-radius: 20px; background: linear-gradient(135deg,#275f50,#367f6c); color: #fff; box-shadow: 0 24px 55px #214e4030; }
.fi-update__policy-card > span { color: #9bd7c4; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.fi-update__policy-card blockquote { max-width: 840px; margin: 19px 0 21px; font-size: clamp(27px,3vw,42px); font-weight: 900; line-height: 1.45; }
.fi-update__policy-card p { max-width: 850px; color: #d1e8df; }
.fi-update__policy-card .fi-actions { justify-content: flex-start; padding: 15px 0 0; }
.fi-update__policy-card .fi-text-link { color: #fff; }
.fi-update__change { padding: 108px 0; text-align: center; }
.fi-update__change h2 { margin: 14px 0 37px; }
.fi-update__change-flow { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 25px; }
.fi-update__change-flow span { flex: 1; padding: 27px 12px; border-radius: 10px; background: #eaf6f0; color: #35856e; font-weight: 800; }
.fi-update__change-flow b { color: #52a88e; }
.fi-update__change .container > p:last-child { color: #6b8379; }
.fi-update__cta { padding: 88px 0; background: #2e806b; color: #fff; text-align: center; }
.fi-update__cta p { margin: 13px 0 25px; color: #c5ebe0; }

@media (max-width: 991px) {
  .fi-install__hero .container, .fi-install__import .container, .fi-owner-management__switch .container, .fi-ssl__hero .container, .fi-ssl__certification .container, .fi-ssl__context .container, .fi-backup__timeline .container, .fi-update__hero-grid, .fi-update__monthly-grid, .fi-update__voice .container { grid-template-columns: 1fr; }
  .fi-update__hero-grid, .fi-update__monthly-grid, .fi-update__voice .container { gap: 42px; }
}
@media (max-width: 767px) {
  .fi-install__hero, .fi-install__path, .fi-install__import, .fi-install__cta, .fi-owner-management__hero, .fi-owner-management__switch, .fi-owner-management__uses, .fi-owner-management__cta, .fi-ssl__hero, .fi-ssl__certification, .fi-ssl__layers, .fi-ssl__context, .fi-backup__hero, .fi-backup__timeline, .fi-backup__reason, .fi-update__hero, .fi-update__compare, .fi-update__monthly, .fi-update__voice, .fi-update__policy, .fi-update__change, .fi-update__cta { padding-top: 65px; padding-bottom: 65px; }
  .fi-install__path ol, .fi-owner-management__uses .container > div, .fi-ssl__layers .container > div { grid-template-columns: 1fr; }
  .fi-owner-management__cta .container, .fi-update__change-flow { flex-direction: column; align-items: stretch; }
  .fi-owner-management__switch-art > div { flex-wrap: wrap; }
  .fi-install__hero .container, .fi-install__import .container, .fi-owner-management__switch .container, .fi-ssl__hero .container, .fi-ssl__certification .container, .fi-ssl__context .container, .fi-backup__timeline .container, .fi-update__hero-grid, .fi-update__monthly-grid, .fi-update__voice .container { gap: 35px; }
  .fi-ssl__certification-points { grid-template-columns: 1fr; }
  .fi-ssl__certificate-data div { grid-template-columns: 1fr; gap: 5px; }
  .fi-ssl__hero-copy { text-align: center; }
  .fi-ssl__hero .fi-actions { justify-content: center; }
  .fi.fi-journey .fi-ssl__hero h1 { font-size: 34px; }
  .fi-update__hero-copy { text-align: center; }
  .fi-update__hero .fi-actions, .fi-update__hero-points { justify-content: center; }
  .fi-update__compare-grid { grid-template-columns: 1fr; gap: 12px; }
  .fi-update__compare-arrow { transform: rotate(90deg); }
  .fi-update__calendar { padding: 15px; }
  .fi-update__calendar div { grid-template-columns: 44px 1fr; }
  .fi-update__voice-flow li { grid-template-columns: 46px 1fr; gap: 9px; }
  .fi-update__voice-flow small { grid-column: 2; }
  .fi-update__voice-flow li:not(:last-child)::after { left: 37px; }
  .fi-update__policy-card { padding: 38px 25px; }
  .fi-update__policy-card .fi-actions { align-items: flex-start; }
}

.fi-import__hero, .fi-stacking__hero { padding: 90px 0; background: #eaf5f8; }
.fi-import__hero .container, .fi-import__map .container, .fi-maisoku__sheet .container, .fi-stacking__hero .container, .fi-stacking__building .container, .fi-rentroll__table .container { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.fi-import__hero h1, .fi-stacking__hero h1 { margin: 14px 0 20px; }
.fi-import__hero p:not(.fi-kicker), .fi-stacking__hero p:not(.fi-kicker) { margin-bottom: 25px; color: #6c8391; }
.fi-import__hero img, .fi-stacking__hero img { width: 100%; height: auto; }
.fi-import .fi-kicker { color: #3f9cab; }
.fi-import__flow, .fi-maisoku__sheet, .fi-stacking__building, .fi-rentroll__table { padding: 105px 0; }
.fi-import__flow h2, .fi-maisoku__points h2 { margin-bottom: 35px; }
.fi-import__rail, .fi-maisoku__points .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.fi-import__rail article, .fi-maisoku__points article { padding: 26px; background: #edf7f8; border-radius: 10px; }
.fi-import__rail span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #3999ac; color: #fff; font-weight: 900; }
.fi-import__rail h3, .fi-maisoku__points h3 { margin: 16px 0 10px; }
.fi-import__rail p, .fi-maisoku__points p { color: #708b94; font-size: 14px; }
.fi-import__map { padding: 100px 0; background: #e5f2f5; }
.fi-import__map-art { display: grid; justify-items: center; padding: 25px; border-radius: 14px; background: #fff; }
.fi-import__map-art div { width: min(340px,100%); padding: 13px; border-radius: 8px; background: #e7f6f7; color: #438b9c; text-align: center; font-weight: 800; }
.fi-import__map-art span { color: #58a7b2; font-size: 24px; }
.fi-import__map h2 { margin: 13px 0 20px; }
.fi-import__map p:not(.fi-kicker) { margin-bottom: 22px; color: #718993; }

.fi-maisoku__hero { padding: 85px 0 0; background: #fff6ed; text-align: center; }
.fi-maisoku .fi-kicker { color: #bb8052; }
.fi-maisoku__hero h1, .fi-rentroll__hero h1 { margin: 13px 0 20px; }
.fi-maisoku__hero p:not(.fi-kicker), .fi-rentroll__hero p:not(.fi-kicker) { max-width: 740px; margin: 0 auto 25px; color: #846f61; font-size: 18px; }
.fi-maisoku__hero img, .fi-rentroll__hero img { display: block; width: min(880px,100%); height: auto; margin: 0 auto; }
.fi-maisoku__sheet h2 { margin: 14px 0 20px; }
.fi-maisoku__sheet p:not(.fi-kicker) { color: #887b70; }
.fi-maisoku__paper { padding: 26px; border: 1px solid #e5d8cc; background: #fff; box-shadow: 0 20px 45px #71553a22; }
.fi-maisoku__photo { display: grid; place-items: center; min-height: 190px; background: linear-gradient(135deg,#e1d6c6,#b3c6c0); color: #fff; font-size: 21px; font-weight: 800; }
.fi-maisoku__paper-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 0; }
.fi-maisoku__paper-grid span { padding: 12px; border: 1px solid #eee2d6; color: #937963; font-size: 13px; }
.fi-maisoku__paper > b { display: block; padding: 9px; background: #d19464; color: #fff; text-align: center; }
.fi-maisoku__points { padding: 100px 0; background: #faf2e9; }
.fi-maisoku__points article { background: #fff; }
.fi-maisoku__points article b { color: #ce945d; }
.fi-maisoku__points .fi-text-link { display: inline-block; margin-top: 24px; }

.fi-stacking__hero { background: #e7f0f7; }
.fi-stacking__hero .fi-kicker, .fi-stacking__export .fi-kicker { color: #5487aa; }
.fi-stacking__floors { display: grid; gap: 8px; padding: 20px; border: 10px solid #e4edf3; background: #f7fafc; }
.fi-stacking__floors div { display: grid; grid-template-columns: 50px 1fr 1fr; gap: 7px; align-items: center; }
.fi-stacking__floors b { color: #607f95; }
.fi-stacking__floors span { padding: 17px 8px; border-radius: 5px; background: #6fa8bd; color: #fff; text-align: center; font-size: 13px; }
.fi-stacking__floors div:first-child span:last-child, .fi-stacking__floors div:last-child span:nth-child(2) { background: #e6ad88; }
.fi-stacking__building h2 { margin-bottom: 20px; }
.fi-stacking__building p, .fi-stacking__export p:not(.fi-kicker) { color: #758a99; }
.fi-stacking__export { padding: 96px 0; background: #e8f1f6; text-align: center; }
.fi-stacking__export h2 { margin: 13px 0; }
.fi-stacking__export p:not(.fi-kicker) { max-width: 700px; margin: 0 auto 24px; }

.fi-rentroll__hero { padding: 85px 0 0; background: #eef4f8; text-align: center; }
.fi-rentroll__hero .fi-kicker { color: #6b8ba5; }
.fi-rentroll__hero p:not(.fi-kicker) { color: #75899a; }
.fi-rentroll__table .container { grid-template-columns: .7fr 1.3fr; }
.fi-rentroll__table h2 { margin-bottom: 20px; }
.fi-rentroll__table p { color: #758a99; }
.fi-rentroll__table-scroll { overflow-x: auto; max-width: 100%; }
.fi-rentroll__mock { min-width: 460px; padding: 13px; border: 1px solid #dce7ef; border-radius: 9px; background: #fff; box-shadow: 0 13px 35px #25496313; }
.fi-rentroll__mock div { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid #e2edf2; }
.fi-rentroll__mock div:last-child { border-bottom: 0; }
.fi-rentroll__mock b, .fi-rentroll__mock span { padding: 12px 7px; font-size: 12px; text-align: center; }
.fi-rentroll__mock b { background: #547c99; color: #fff; }
.fi-rentroll__mock span { color: #627f90; }
.fi-rentroll__end { padding: 95px 0; background: #e5eff5; }
.fi-rentroll__end p { margin: 17px 0 24px; color: #6b8393; }

.fi-for-rent__hero, .fi-preview__hero, .fi-tenant__hero { padding: 88px 0; background: #eaf5f6; }
.fi-for-rent__hero .container, .fi-preview__hero .container, .fi-tenant__hero .container, .fi-rent-search__filters .container, .fi-preview__calendar .container, .fi-nonactive__compare .container, .fi-tenant__record .container { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.fi-for-rent__hero h1, .fi-preview__hero h1, .fi-tenant__hero h1 { margin: 14px 0 20px; }
.fi-for-rent__hero img, .fi-preview__hero img, .fi-tenant__hero img { width: 100%; height: auto; }
.fi-for-rent__hero p:not(.fi-kicker), .fi-preview__hero p:not(.fi-kicker), .fi-tenant__hero p:not(.fi-kicker) { color: #6b8290; font-size: 18px; }
.fi-for-rent .fi-kicker, .fi-rent-search .fi-kicker, .fi-preview .fi-kicker, .fi-nonactive .fi-kicker, .fi-tenant .fi-kicker { color: #488ca5; }
.fi-for-rent__board, .fi-rent-search__filters, .fi-preview__calendar, .fi-nonactive__compare, .fi-tenant__record { padding: 105px 0; }
.fi-for-rent__board h2 { margin-bottom: 34px; }
.fi-for-rent__board-grid { display: flex; align-items: center; gap: 12px; }
.fi-for-rent__board-grid div { flex: 1; min-height: 125px; padding: 20px; border-radius: 10px; background: #edf7f7; }
.fi-for-rent__board-grid b, .fi-for-rent__board-grid span { display: block; }
.fi-for-rent__board-grid b { color: #367f95; font-size: 21px; }
.fi-for-rent__board-grid span { margin-top: 12px; color: #76939a; font-size: 13px; }
.fi-for-rent__board-grid strong { color: #5bb1b7; }
.fi-for-rent__board .container > p { margin-top: 25px; color: #789098; }
.fi-for-rent__next { padding: 90px 0; background: #eaf4f4; }
.fi-for-rent__next .container { display: flex; justify-content: space-between; align-items: center; gap: 25px; }
.fi-for-rent__next p { margin-top: 14px; color: #6d8790; }

.fi-rent-search__hero, .fi-nonactive__hero { padding: 83px 0 0; background: #f2f7ea; text-align: center; }
.fi-rent-search__hero h1, .fi-nonactive__hero h1 { margin: 13px 0 18px; }
.fi-rent-search__hero p:not(.fi-kicker), .fi-nonactive__hero p:not(.fi-kicker) { max-width: 700px; margin: 0 auto 24px; color: #718270; font-size: 18px; }
.fi-rent-search__hero img, .fi-nonactive__hero img { display: block; width: min(890px,100%); height: auto; margin: 0 auto; }
.fi-rent-search__filters h2, .fi-nonactive__compare h2 { margin-bottom: 20px; }
.fi-rent-search__filters p, .fi-nonactive__compare p { color: #778a83; }
.fi-rent-search__filter-art { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 22px; border-radius: 14px; background: #f0f6ec; }
.fi-rent-search__filter-art span { padding: 15px; border-radius: 8px; background: #fff; color: #6a986e; font-weight: 800; }
.fi-rent-search__filter-art b { grid-column: 1 / -1; padding: 20px; border-radius: 8px; background: #6eac7a; color: #fff; text-align: center; }
.fi-rent-search__end, .fi-nonactive__action { padding: 95px 0; background: #edf6eb; text-align: center; }
.fi-rent-search__end p, .fi-nonactive__action p { margin: 14px 0 25px; color: #779082; }

.fi-preview__hero { background: #f1f3fc; }
.fi-preview__card { overflow: hidden; border: 1px solid #dce4ee; border-radius: 13px; background: #fff; box-shadow: 0 16px 35px #2c55741a; }
.fi-preview__card > div { padding: 17px 23px; background: #6486af; color: #fff; font-weight: 800; }
.fi-preview__card article { display: grid; grid-template-columns: 75px 1fr; gap: 2px 15px; padding: 22px; border-bottom: 1px solid #e3ebf1; }
.fi-preview__card b { grid-row: span 2; color: #4b78a8; font-size: 21px; }
.fi-preview__card span { font-weight: 800; }
.fi-preview__card small { color: #8998a9; }
.fi-preview__calendar h2 { margin-bottom: 20px; }
.fi-preview__calendar p { color: #758698; }
.fi-preview__flow { padding: 95px 0; background: #edf1f9; text-align: center; }
.fi-preview__flow h2 { margin-bottom: 32px; }
.fi-preview__flow .container > div { display: flex; align-items: center; gap: 12px; }
.fi-preview__flow span { flex: 1; padding: 24px 10px; border-radius: 8px; background: #fff; color: #537ba0; font-weight: 800; }
.fi-preview__flow b { color: #7593b8; }

.fi-nonactive__hero { background: #fff4eb; }
.fi-nonactive__matrix { padding: 15px; border-radius: 12px; background: #fff8f0; }
.fi-nonactive__matrix div { display: grid; grid-template-columns: repeat(3,1fr); padding: 15px; border-bottom: 1px solid #eeded0; color: #8e7668; text-align: center; }
.fi-nonactive__matrix div:first-child { border-radius: 7px; background: #bd875e; color: #fff; }
.fi-nonactive__matrix div:last-child { border-bottom: 0; }
.fi-nonactive__matrix .fi-nonactive__alert { border-radius: 7px; background: #f8dfcf; color: #9d6543; font-weight: 900; }
.fi-nonactive__action { background: #fff1e4; }

.fi-tenant__hero { background: #ecf4f9; }
.fi-tenant__record h2 { margin-bottom: 20px; }
.fi-tenant__record p { color: #728899; }
.fi-tenant__record-art { padding: 25px; border-radius: 16px; background: #e8f3f8; }
.fi-tenant__record-art > b { display: block; padding: 18px; border-radius: 9px; background: #4f8eaf; color: #fff; text-align: center; font-size: 20px; }
.fi-tenant__record-art > div { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 15px; }
.fi-tenant__record-art span { padding: 19px; border-radius: 8px; background: #fff; color: #5c89a2; text-align: center; font-weight: 800; }
.fi-tenant__links { padding: 102px 0; background: #eaf3f7; }
.fi-tenant__links h2 { margin-bottom: 34px; }
.fi-tenant__links .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-bottom: 25px; }
.fi-tenant__links article { padding: 25px; background: #fff; }
.fi-tenant__links article b { color: #4b86a7; font-size: 20px; }
.fi-tenant__links article p { margin-top: 10px; color: #778d99; font-size: 14px; }

.fi-cancel__hero, .fi-agreement__hero, .fi-notes__hero { padding: 88px 0; background: #f1f5fa; }
.fi-cancel__hero .container, .fi-agreement__hero .container, .fi-notes__hero .container, .fi-cancel__docs .container, .fi-rent-management__ledger .container, .fi-agreement__compose .container, .fi-description__caution .container { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.fi-cancel__hero h1, .fi-agreement__hero h1, .fi-notes__hero h1 { margin: 13px 0 21px; }
.fi-cancel__hero img, .fi-agreement__hero img, .fi-notes__hero img { width: 100%; height: auto; }
.fi-cancel__hero p:not(.fi-kicker), .fi-agreement__hero p:not(.fi-kicker), .fi-notes__hero p:not(.fi-kicker) { color: #748697; font-size: 18px; }
.fi-cancel .fi-kicker, .fi-agreement .fi-kicker, .fi-notes .fi-kicker { color: #548cac; }
.fi-cancel__steps, .fi-cancel__docs, .fi-rent-management__ledger, .fi-agreement__compose, .fi-description__parts, .fi-description__caution, .fi-notes__stack { padding: 105px 0; }
.fi-cancel__steps h2, .fi-description__parts h2, .fi-notes__stack h2 { margin-bottom: 35px; }
.fi-cancel__steps .container > div, .fi-description__parts .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.fi-cancel__steps article, .fi-description__parts article { padding: 25px; border-radius: 10px; background: #eef5f8; }
.fi-cancel__steps article b { color: #5a9db4; font-size: 28px; }
.fi-cancel__steps h3 { margin: 12px 0; }
.fi-cancel__steps p, .fi-description__parts p { color: #7a8e9b; font-size: 14px; }
.fi-cancel__docs { background: #eaf2f7; }
.fi-cancel__docs h2 { margin-bottom: 19px; }
.fi-cancel__docs p { color: #758999; }
.fi-cancel__papers { display: grid; gap: 10px; }
.fi-cancel__papers span { display: flex; justify-content: space-between; padding: 21px; border-radius: 8px; background: #fff; color: #426c88; font-weight: 800; }
.fi-cancel__papers small { color: #7c9cb0; }

.fi-rent-management__hero, .fi-description__hero { padding: 83px 0 0; background: #eaf5f4; text-align: center; }
.fi-rent-management .fi-kicker, .fi-description .fi-kicker { color: #3f928a; }
.fi-rent-management__hero h1, .fi-description__hero h1 { margin: 13px 0 20px; }
.fi-rent-management__hero p:not(.fi-kicker), .fi-description__hero p:not(.fi-kicker) { max-width: 730px; margin: 0 auto 25px; color: #708880; font-size: 18px; }
.fi-rent-management__hero img, .fi-description__hero img { display: block; width: min(870px,100%); height: auto; margin: 0 auto; }
.fi-rent-management__ledger h2 { margin-bottom: 20px; }
.fi-rent-management__ledger p { color: #758f8a; }
.fi-rent-management__ledger-art { padding: 15px; border-radius: 13px; background: #e9f4f0; }
.fi-rent-management__ledger-art div { display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; padding: 15px; border-bottom: 1px solid #d2e5dc; background: #fff; color: #6f8e85; text-align: center; }
.fi-rent-management__ledger-art div:first-child { border-radius: 7px 7px 0 0; background: #4e9d88; color: #fff; }
.fi-rent-management__ledger-art div:last-child { border: 0; border-radius: 0 0 7px 7px; }
.fi-rent-management__ledger-art strong { color: #36886f; }
.fi-rent-management__ledger-art div:nth-child(3) strong { color: #c78253; }
.fi-rent-management__scope { padding: 90px 0; background: #e9f4ee; text-align: center; }
.fi-rent-management__scope p { margin: 13px 0 23px; color: #748e82; }

.fi-agreement__hero { background: #f3f2fa; }
.fi-agreement__compose h2 { margin-bottom: 20px; }
.fi-agreement__compose p { color: #79869a; }
.fi-agreement__sources { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; justify-items: center; padding: 28px; border-radius: 14px; background: #efedf7; }
.fi-agreement__sources span { width: 100%; padding: 20px 5px; border-radius: 8px; background: #fff; color: #77749b; text-align: center; font-weight: 800; }
.fi-agreement__sources b { grid-column: 1 / -1; color: #8b86b4; font-size: 27px; }
.fi-agreement__sources strong { grid-column: 1 / -1; width: 80%; padding: 20px; border-radius: 8px; background: #7979aa; color: #fff; text-align: center; }
.fi-agreement__check { padding: 92px 0; background: #f1eff8; text-align: center; }
.fi-agreement__check p { max-width: 760px; margin: 14px auto 22px; color: #79849a; }

.fi-description__hero { background: #f0f6f3; }
.fi-description__parts article { background: #eaf4f0; }
.fi-description__parts article b { color: #498975; font-size: 21px; }
.fi-description__parts article p { margin-top: 12px; }
.fi-description__caution { background: #eaf3ef; }
.fi-description__paper { display: grid; gap: 9px; padding: 26px; border: 15px solid #fff; background: #f8fcf9; box-shadow: 0 14px 40px #315b4a22; }
.fi-description__paper b { padding: 13px; background: #588b73; color: #fff; text-align: center; }
.fi-description__paper span { padding: 18px; border: 1px solid #dce8df; color: #789483; }
.fi-description__paper strong { padding: 10px; color: #5d947a; text-align: center; }
.fi-description__caution h2 { margin-bottom: 20px; }
.fi-description__caution p { color: #73897e; }

.fi-notes__hero { background: #f7f2eb; }
.fi-notes__files { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-bottom: 22px; }
.fi-notes__files article { display: flex; flex-direction: column; justify-content: space-between; min-height: 175px; padding: 23px; border-top: 5px solid #cfaa74; background: #faf5ec; }
.fi-notes__files b { color: #806748; font-size: 19px; }
.fi-notes__files small { color: #b28759; font-weight: 800; }
.fi-notes__stack p { color: #8b877e; }
.fi-notes__cta { padding: 90px 0; background: #f4eadc; text-align: center; }
.fi-notes__cta h2 { margin-bottom: 24px; }

.fi-cloud__hero, .fi-device__hero, .fi-outline__hero { padding: 88px 0; background: #eaf4f9; }
.fi-cloud__hero .container, .fi-device__hero .container, .fi-outline__hero .container, .fi-device__two .container, .fi-estate__tree .container { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.fi-cloud__hero h1, .fi-device__hero h1, .fi-outline__hero h1 { margin: 14px 0 20px; }
.fi-cloud__hero img, .fi-device__hero img, .fi-outline__hero img { width: 100%; height: auto; }
.fi-cloud__hero p:not(.fi-kicker), .fi-device__hero p:not(.fi-kicker), .fi-outline__hero p:not(.fi-kicker) { color: #718a99; font-size: 18px; }
.fi-cloud .fi-kicker, .fi-free .fi-kicker, .fi-device .fi-kicker, .fi-estate .fi-kicker, .fi-outline .fi-kicker, .fi-customize .fi-kicker { color: #4e94af; }
.fi-cloud__model, .fi-free__plan, .fi-device__two, .fi-estate__tree, .fi-outline__metrics, .fi-customize__process { padding: 105px 0; }
.fi-cloud__model h2, .fi-free__plan h2, .fi-outline__metrics h2, .fi-customize__process h2 { margin-bottom: 35px; }
.fi-cloud__model-art { padding: 30px; border-radius: 15px; background: #edf7f9; }
.fi-cloud__model-art strong { display: block; width: 50%; margin: 0 auto 20px; padding: 22px; border-radius: 10px; background: #4b9db5; color: #fff; text-align: center; font-size: 23px; }
.fi-cloud__model-art > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.fi-cloud__model-art span { padding: 20px 7px; border-radius: 8px; background: #fff; color: #668ea0; text-align: center; font-size: 13px; font-weight: 800; }
.fi-cloud__model .container > p { max-width: 800px; margin-top: 25px; color: #7b919e; }
.fi-cloud__end { padding: 90px 0; background: #e7f2f7; text-align: center; }
.fi-cloud__end h2 { margin-bottom: 24px; }

.fi-free__hero, .fi-estate__hero, .fi-customize__hero { padding: 84px 0 0; background: #eff8f5; text-align: center; }
.fi-free__hero h1, .fi-estate__hero h1, .fi-customize__hero h1 { margin: 13px 0 20px; }
.fi-free__hero p:not(.fi-kicker), .fi-estate__hero p:not(.fi-kicker), .fi-customize__hero p:not(.fi-kicker) { max-width: 760px; margin: 0 auto 25px; color: #71887e; font-size: 18px; }
.fi-free__hero img, .fi-estate__hero img, .fi-customize__hero img { display: block; width: min(870px,100%); height: auto; margin: 0 auto; }
.fi-free__plan .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.fi-free__plan article { padding: 25px; border-radius: 11px; background: #eff8f2; }
.fi-free__plan article b { color: #5bae80; font-size: 30px; }
.fi-free__plan h3 { margin: 14px 0 10px; }
.fi-free__plan article p { color: #789081; font-size: 14px; }
.fi-free__cta { padding: 92px 0; background: #378467; color: #fff; }
.fi-free__cta h2 { margin-bottom: 27px; }
.fi-free__cta .fi-text-link { color: #fff !important; }

.fi-device__hero { background: #f0f1f9; }
.fi-device__two h2 { margin-bottom: 19px; }
.fi-device__two p { color: #7b899a; }
.fi-device__panels { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 23px; border-radius: 14px; background: #eaedf7; }
.fi-device__panels div { display: grid; align-content: center; gap: 18px; min-height: 200px; padding: 20px; border-radius: 11px; background: #fff; text-align: center; }
.fi-device__panels b { color: #6b7da3; font-size: 30px; }
.fi-device__panels span { color: #8b9aaf; font-size: 12px; }
.fi-device__note { padding: 95px 0; background: #edf1f7; text-align: center; }
.fi-device__note p { margin: 14px 0 20px; color: #808d9e; }

.fi-estate__hero { background: #edf6fa; }
.fi-estate__tree h2 { margin-bottom: 20px; }
.fi-estate__tree p { color: #768d9b; }
.fi-estate__tree-art { display: grid; gap: 10px; padding: 27px; border-radius: 15px; background: #eaf3f8; }
.fi-estate__tree-art b { padding: 20px; border-radius: 8px; background: #3f83a6; color: #fff; text-align: center; }
.fi-estate__tree-art span { margin-left: 30px; padding: 16px; border-radius: 8px; background: #fff; color: #55839a; }
.fi-estate__reuse { padding: 95px 0; background: #e9f3f8; }
.fi-estate__reuse h2 { margin-bottom: 27px; }
.fi-estate__reuse .container > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 24px; }
.fi-estate__reuse span { padding: 21px 8px; border-radius: 7px; background: #fff; color: #5087a2; text-align: center; font-weight: 800; }

.fi-outline__hero { background: #f5f4eb; }
.fi-outline__metrics .container > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.fi-outline__metrics article { padding: 26px; border-radius: 9px; background: #f6f6ed; }
.fi-outline__metrics small { display: block; margin-bottom: 16px; color: #a0a070; }
.fi-outline__metrics b { color: #6f8369; font-size: 19px; }
.fi-outline__metrics p { margin-top: 23px; color: #929481; }
.fi-outline__scope { padding: 95px 0; background: #f0f2e8; text-align: center; }
.fi-outline__scope p { margin: 14px 0 23px; color: #899483; }

.fi-customize__hero { background: #faf1e9; }
.fi-customize__process .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.fi-customize__process article { min-height: 150px; padding: 23px; border-radius: 10px; background: #faf3ed; }
.fi-customize__process article b { display: block; color: #c18e67; font-size: 31px; }
.fi-customize__process article span { color: #92765e; font-weight: 800; }
.fi-customize__cta { padding: 88px 0; background: #f6eae0; text-align: center; }
.fi-customize__cta p { margin: 13px 0 24px; color: #958270; }

.fi-freerent__hero, .fi-remit__hero, .fi-workrate__hero { padding: 88px 0; background: #eaf4f8; }
.fi-freerent__hero .container, .fi-remit__hero .container, .fi-workrate__hero .container, .fi-invoice__rows .container, .fi-remit__calc .container, .fi-balance__chart .container { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.fi-freerent__hero h1, .fi-remit__hero h1, .fi-workrate__hero h1 { margin: 14px 0 20px; }
.fi-freerent__hero img, .fi-remit__hero img, .fi-workrate__hero img { width: 100%; height: auto; }
.fi-freerent__hero p:not(.fi-kicker), .fi-remit__hero p:not(.fi-kicker), .fi-workrate__hero p:not(.fi-kicker) { color: #718998; font-size: 18px; }
.fi-freerent .fi-kicker, .fi-invoice .fi-kicker, .fi-remit .fi-kicker, .fi-balance .fi-kicker, .fi-workrate .fi-kicker { color: #4c96ae; }
.fi-freerent__choices, .fi-invoice__rows, .fi-remit__calc, .fi-balance__chart, .fi-workrate__lenses { padding: 105px 0; }
.fi-freerent__choices h2, .fi-workrate__lenses h2 { margin-bottom: 34px; }
.fi-freerent__choices .container > div { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.fi-freerent__choices article { padding: 26px; border-radius: 10px; background: #edf7f8; }
.fi-freerent__choices article b { display: block; margin-bottom: 18px; color: #3b8ca2; font-size: 22px; }
.fi-freerent__choices article span { display: block; margin: 8px 0; padding: 12px; border-radius: 6px; background: #fff; color: #6c8994; }
.fi-freerent__choices .container > p { margin-top: 21px; color: #80939a; }
.fi-freerent__end, .fi-invoice__cta, .fi-workrate__end { padding: 92px 0; background: #e8f3f6; text-align: center; }
.fi-freerent__end h2, .fi-invoice__cta h2, .fi-workrate__end h2 { margin-bottom: 25px; }

.fi-invoice__hero, .fi-balance__hero { padding: 84px 0 0; background: #f2f8f1; text-align: center; }
.fi-invoice__hero h1, .fi-balance__hero h1 { margin: 13px 0 20px; }
.fi-invoice__hero p:not(.fi-kicker), .fi-balance__hero p:not(.fi-kicker) { max-width: 750px; margin: 0 auto 25px; color: #748878; font-size: 18px; }
.fi-invoice__hero img, .fi-balance__hero img { display: block; width: min(870px,100%); height: auto; margin: 0 auto; }
.fi-invoice__rows h2 { margin-bottom: 21px; }
.fi-invoice__rows p { color: #748a80; }
.fi-invoice__paper { padding: 25px; border: 14px solid #f0f6ed; background: #fff; box-shadow: 0 18px 38px #39674b1b; }
.fi-invoice__paper b { display: block; padding: 14px; background: #6aa77d; color: #fff; text-align: center; }
.fi-invoice__paper div { display: flex; justify-content: space-between; padding: 18px; border-bottom: 1px solid #dce9df; color: #668d70; }
.fi-invoice__paper strong { display: block; padding: 18px; color: #548b63; text-align: right; }

.fi-remit__hero { background: #f4f1eb; }
.fi-remit__calc h2 { margin-bottom: 20px; }
.fi-remit__calc p { color: #847d75; }
.fi-remit__calc-art { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 25px; border-radius: 13px; background: #f4eee7; }
.fi-remit__calc-art span, .fi-remit__calc-art strong { padding: 15px 12px; border-radius: 8px; background: #fff; color: #95795d; text-align: center; font-size: 14px; }
.fi-remit__calc-art b { color: #ba946f; }
.fi-remit__calc-art strong { width: 100%; background: #b08865; color: #fff; }
.fi-remit__option { padding: 94px 0; background: #f4ede5; text-align: center; }
.fi-remit__option p { margin: 13px 0 20px; color: #96897d; }

.fi-balance__chart h2 { margin-bottom: 20px; }
.fi-balance__chart p { color: #748a81; }
.fi-balance__bars { display: flex; align-items: end; gap: 13px; height: 265px; padding: 20px; border-radius: 14px; background: #edf5ec; }
.fi-balance__bars span { display: flex; flex: 1; align-items: end; gap: 4px; height: 100%; border-bottom: 2px solid #b4d2b5; }
.fi-balance__bars i, .fi-balance__bars b { display: block; flex: 1; height: 45%; border-radius: 5px 5px 0 0; background: #73b58a; }
.fi-balance__bars b { height: 27%; background: #c3dbaa; }
.fi-balance__bars span:nth-child(2) i { height: 68%; }
.fi-balance__bars span:nth-child(3) b { height: 52%; }
.fi-balance__bars span:nth-child(4) i { height: 79%; }
.fi-balance__bars span:nth-child(5) b { height: 57%; }
.fi-balance__bars span:nth-child(6) i { height: 91%; }
.fi-balance__scope { padding: 95px 0; background: #edf5e9; text-align: center; }
.fi-balance__scope h2 { margin-bottom: 28px; }
.fi-balance__scope .container > div { display: flex; align-items: center; gap: 12px; margin-bottom: 23px; }
.fi-balance__scope span { flex: 1; padding: 22px; border-radius: 7px; background: #fff; color: #57926d; font-weight: 800; }
.fi-balance__scope b { color: #7cb488; }

.fi-workrate__hero { background: #eff4fa; }
.fi-workrate__lenses .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.fi-workrate__lenses article { padding: 26px; border-radius: 12px; background: #eef4f9; }
.fi-workrate__lenses article b { color: #5988b2; font-size: 23px; }
.fi-workrate__lenses article p { margin-top: 11px; color: #8293a4; font-size: 14px; }
.fi-workrate__lenses .container > p { margin-top: 25px; color: #7e90a0; }
.fi-workrate__end { background: #e9f0f9; }

.fi-arrears__hero, .fi-renewal-list__hero, .fi-arrears-list__hero { padding: 88px 0; background: #edf4f8; }
.fi-arrears__hero .container, .fi-renewal-list__hero .container, .fi-arrears-list__hero .container, .fi-arrears__review .container, .fi-renewal-list__queue .container, .fi-arrears-list__sheet .container { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.fi-arrears__hero h1, .fi-renewal-list__hero h1, .fi-arrears-list__hero h1 { margin: 14px 0 20px; }
.fi-arrears__hero img, .fi-renewal-list__hero img, .fi-arrears-list__hero img { width: 100%; height: auto; }
.fi-arrears__hero p:not(.fi-kicker), .fi-renewal-list__hero p:not(.fi-kicker), .fi-arrears-list__hero p:not(.fi-kicker) { color: #718999; font-size: 18px; }
.fi-arrears .fi-kicker, .fi-case-list .fi-kicker, .fi-renewal-list .fi-kicker, .fi-cancel-list .fi-kicker, .fi-arrears-list .fi-kicker { color: #528fac; }
.fi-arrears__review, .fi-case-list__three, .fi-renewal-list__queue, .fi-cancel-list__status, .fi-arrears-list__sheet { padding: 105px 0; }
.fi-arrears__review h2, .fi-renewal-list__queue h2, .fi-arrears-list__sheet h2 { margin-bottom: 20px; }
.fi-arrears__review p, .fi-renewal-list__queue p, .fi-arrears-list__sheet p { color: #748998; }
.fi-arrears__review-art, .fi-renewal-list__queue-art { display: grid; gap: 8px; padding: 22px; border-radius: 13px; background: #edf5f8; }
.fi-arrears__review-art div, .fi-renewal-list__queue-art div { display: flex; justify-content: space-between; padding: 16px; border-radius: 8px; background: #4c8ca9; color: #fff; }
.fi-arrears__review-art small, .fi-renewal-list__queue-art small { color: #d9eff6; }
.fi-arrears__review-art span, .fi-renewal-list__queue-art span { padding: 15px; border-radius: 7px; background: #fff; color: #65899b; }
.fi-arrears__review-art strong, .fi-renewal-list__queue-art strong { padding: 12px; color: #4888a5; text-align: center; }
.fi-arrears__note, .fi-renewal-list__end, .fi-arrears-list__end { padding: 90px 0; background: #e9f3f7; text-align: center; }
.fi-arrears__note p { margin: 14px 0 22px; color: #7a8e9b; }
.fi-renewal-list__end h2, .fi-arrears-list__end h2 { margin-bottom: 20px; }

.fi-case-list__hero, .fi-cancel-list__hero { padding: 83px 0 0; background: #f0f5ee; text-align: center; }
.fi-case-list__hero h1, .fi-cancel-list__hero h1 { margin: 13px 0 20px; }
.fi-case-list__hero p:not(.fi-kicker), .fi-cancel-list__hero p:not(.fi-kicker) { max-width: 730px; margin: 0 auto 25px; color: #748a79; font-size: 18px; }
.fi-case-list__hero img, .fi-cancel-list__hero img { display: block; width: min(870px,100%); height: auto; margin: 0 auto; }
.fi-case-list__three h2, .fi-cancel-list__status h2 { margin-bottom: 35px; }
.fi-case-list__three .container > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 17px; }
.fi-case-list__three article { padding: 27px; border-radius: 10px; background: #edf5ee; }
.fi-case-list__three article b { color: #58966d; font-size: 25px; }
.fi-case-list__three article p { margin-top: 10px; color: #7f9181; }
.fi-case-list__next, .fi-cancel-list__end { padding: 92px 0; background: #edf5ec; text-align: center; }
.fi-case-list__next p { margin: 14px 0 24px; color: #7b907d; }
.fi-cancel-list__hero { background: #fbf1ed; }
.fi-cancel-list__status .container > div { display: flex; align-items: center; gap: 9px; }
.fi-cancel-list__status span { flex: 1; padding: 23px 9px; border-radius: 8px; background: #faf0eb; color: #b47c64; text-align: center; font-weight: 800; }
.fi-cancel-list__status b { color: #c99175; }
.fi-cancel-list__status p { margin-top: 23px; color: #9a8b83; }
.fi-cancel-list__end { background: #fbf0eb; }
.fi-cancel-list__end h2 { margin-bottom: 23px; }

.fi-arrears-list__hero { background: #f5f2ed; }
.fi-arrears-list__sheet-art { padding: 18px; border-radius: 11px; background: #f5f0e9; }
.fi-arrears-list__sheet-art div { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; padding: 14px; border-bottom: 1px solid #e7dbcf; background: #fff; color: #967f69; text-align: center; font-size: 13px; }
.fi-arrears-list__sheet-art div:first-child { background: #a9876b; color: #fff; }
.fi-arrears-list__sheet-art strong { color: #bc805d; }
.fi-arrears-list__sheet-art small { display: block; padding: 16px; color: #a2886e; text-align: right; }

@media (max-width: 991px) {
  .fi-import__hero .container, .fi-import__map .container, .fi-maisoku__sheet .container, .fi-stacking__hero .container, .fi-stacking__building .container, .fi-rentroll__table .container { grid-template-columns: 1fr; }
  .fi-for-rent__hero .container, .fi-preview__hero .container, .fi-tenant__hero .container, .fi-rent-search__filters .container, .fi-preview__calendar .container, .fi-nonactive__compare .container, .fi-tenant__record .container { grid-template-columns: 1fr; }
  .fi-cancel__hero .container, .fi-agreement__hero .container, .fi-notes__hero .container, .fi-cancel__docs .container, .fi-rent-management__ledger .container, .fi-agreement__compose .container, .fi-description__caution .container { grid-template-columns: 1fr; }
  .fi-cloud__hero .container, .fi-device__hero .container, .fi-outline__hero .container, .fi-device__two .container, .fi-estate__tree .container { grid-template-columns: 1fr; }
  .fi-freerent__hero .container, .fi-remit__hero .container, .fi-workrate__hero .container, .fi-invoice__rows .container, .fi-remit__calc .container, .fi-balance__chart .container { grid-template-columns: 1fr; }
  .fi-arrears__hero .container, .fi-renewal-list__hero .container, .fi-arrears-list__hero .container, .fi-arrears__review .container, .fi-renewal-list__queue .container, .fi-arrears-list__sheet .container { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .fi-import__hero, .fi-import__flow, .fi-import__map, .fi-maisoku__hero, .fi-maisoku__sheet, .fi-maisoku__points, .fi-stacking__hero, .fi-stacking__building, .fi-stacking__export, .fi-rentroll__hero, .fi-rentroll__table, .fi-rentroll__end { padding-top: 65px; padding-bottom: 65px; }
  .fi-import__rail, .fi-maisoku__points .container > div { grid-template-columns: 1fr; }
  .fi-for-rent__hero, .fi-for-rent__board, .fi-for-rent__next, .fi-rent-search__hero, .fi-rent-search__filters, .fi-rent-search__end, .fi-preview__hero, .fi-preview__calendar, .fi-preview__flow, .fi-nonactive__hero, .fi-nonactive__compare, .fi-nonactive__action, .fi-tenant__hero, .fi-tenant__record, .fi-tenant__links { padding-top: 65px; padding-bottom: 65px; }
  .fi-for-rent__next .container, .fi-for-rent__board-grid, .fi-preview__flow .container > div { flex-direction: column; align-items: stretch; }
  .fi-for-rent__board-grid strong, .fi-preview__flow b { text-align: center; transform: rotate(90deg); }
  .fi-tenant__links .container > div { grid-template-columns: 1fr; }
  .fi-cancel__hero, .fi-cancel__steps, .fi-cancel__docs, .fi-rent-management__hero, .fi-rent-management__ledger, .fi-rent-management__scope, .fi-agreement__hero, .fi-agreement__compose, .fi-agreement__check, .fi-description__hero, .fi-description__parts, .fi-description__caution, .fi-notes__hero, .fi-notes__stack, .fi-notes__cta { padding-top: 65px; padding-bottom: 65px; }
  .fi-cancel__steps .container > div, .fi-description__parts .container > div, .fi-notes__files { grid-template-columns: 1fr; }
  .fi-cloud__hero, .fi-cloud__model, .fi-cloud__end, .fi-free__hero, .fi-free__plan, .fi-free__cta, .fi-device__hero, .fi-device__two, .fi-device__note, .fi-estate__hero, .fi-estate__tree, .fi-estate__reuse, .fi-outline__hero, .fi-outline__metrics, .fi-outline__scope, .fi-customize__hero, .fi-customize__process, .fi-customize__cta { padding-top: 65px; padding-bottom: 65px; }
  .fi-free__plan .container > div, .fi-customize__process .container > div { grid-template-columns: 1fr; }
  .fi-estate__reuse .container > div, .fi-outline__metrics .container > div { grid-template-columns: 1fr 1fr; }
  .fi-freerent__hero, .fi-freerent__choices, .fi-freerent__end, .fi-invoice__hero, .fi-invoice__rows, .fi-invoice__cta, .fi-remit__hero, .fi-remit__calc, .fi-remit__option, .fi-balance__hero, .fi-balance__chart, .fi-balance__scope, .fi-workrate__hero, .fi-workrate__lenses, .fi-workrate__end { padding-top: 65px; padding-bottom: 65px; }
  .fi-freerent__choices .container > div, .fi-workrate__lenses .container > div { grid-template-columns: 1fr; }
  .fi-balance__scope .container > div { flex-direction: column; }
  .fi-balance__scope span { width: 100%; }
  .fi-balance__scope b { transform: rotate(90deg); }
  .fi-arrears__hero, .fi-arrears__review, .fi-arrears__note, .fi-case-list__hero, .fi-case-list__three, .fi-case-list__next, .fi-renewal-list__hero, .fi-renewal-list__queue, .fi-renewal-list__end, .fi-cancel-list__hero, .fi-cancel-list__status, .fi-cancel-list__end, .fi-arrears-list__hero, .fi-arrears-list__sheet, .fi-arrears-list__end { padding-top: 65px; padding-bottom: 65px; }
  .fi-case-list__three .container > div { grid-template-columns: 1fr; }
  .fi-cancel-list__status .container > div { flex-direction: column; }
  .fi-cancel-list__status span { width: 100%; }
  .fi-cancel-list__status b { transform: rotate(90deg); }
}

.fi-property { --property-ink: #1d4563; --property-blue: #347eaf; --property-soft: #edf6fb; background: #fff; }
.fi-property .fi-kicker { color: var(--property-blue); }
.fi-property h2 { color: var(--property-ink); }
.fi-property p { color: #5b7688; }
.fi-property__hero { overflow: hidden; background: #edf6fb; }
.fi-property__hero--center { padding: 72px 0 0; text-align: center; }
.fi-property__hero--center h1 { max-width: 900px; margin: 13px auto 18px; color: #173d5b; }
.fi-property__hero-lead { font-size: 18px !important; line-height: 1.85; }
.fi-property__hero--center .fi-property__hero-lead { max-width: 810px; margin: 0 auto 26px; }
.fi-property__hero--center img { display: block; width: min(100%, 1050px); height: auto; margin: 0 auto; }
.fi-property__hero--center .fi-actions { justify-content: center; padding: 25px 0 42px; }
.fi-property__hero--split { padding: 80px 0; }
.fi-property__hero--split .container { display: grid; grid-template-columns: .9fr 1.1fr; gap: 38px; align-items: center; }
.fi-property__hero--split h1 { margin: 14px 0 20px; color: #173d5b; font-size: clamp(32px, 2.8vw, 42px); }
.fi-property__hero--split .fi-property__hero-lead { margin-bottom: 24px; }
.fi-property__hero--split img { display: block; width: 100%; height: auto; border-radius: 16px; }
.fi-property__section { padding: 92px 0; }
.fi-property__section--blue { background: #e8f4fa; }
.fi-property__section--pale { background: #f5f9fb; }
.fi-property__section h2 { margin: 12px 0 18px; }
.fi-property__section p + p { margin-top: 14px; }
.fi-property__lead { max-width: 780px; margin: 0 0 30px !important; font-size: 17px !important; }
.fi-property__note { margin-top: 20px !important; color: #6c8797 !important; font-size: 13px !important; }
.fi-property__split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.fi-property__split .fi-text-link { display: inline-block; margin-top: 20px; color: #286f9a !important; }
.fi-property__cards { display: grid; gap: 15px; }
.fi-property__cards--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fi-property__cards--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fi-property__cards article { min-width: 0; padding: 26px; border: 1px solid #dbe9f1; border-radius: 14px; background: #fff; box-shadow: 0 12px 28px #315f7b12; }
.fi-property__cards article > span { color: #3c89b5; font-size: 12px; font-weight: 800; letter-spacing: .06em; }
.fi-property__cards h3 { margin: 12px 0; color: #285879; font-size: 21px; }
.fi-property__cards p { font-size: 14px; }
.fi-property__cards .fi-text-link { display: inline-block; margin-top: 15px; color: #286f9a !important; }
.fi-property__related { display: flex; gap: 14px 28px; flex-wrap: wrap; margin-top: 27px; }
.fi-property__related a { color: #286f9a; font-size: 14px; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.fi-property__cta { padding: 80px 0; background: #286f99; color: #fff; text-align: center; }
.fi-property__cta h2 { color: #fff; }
.fi-property__cta p { max-width: 720px; margin: 15px auto 26px; color: #d9edf7; }
.fi-property__cta .fi-actions { justify-content: center; }
.fi-property__cta .fi-text-link { color: #fff !important; }

.fi-estate__new-hero { background: #eaf5fb; }
.fi-estate__map { padding: 25px; border: 1px solid #d6e6ef; border-radius: 15px; background: #fff; box-shadow: 0 19px 42px #315e7818; }
.fi-estate__map strong { display: block; padding: 18px; border-radius: 9px; background: #327ca6; color: #fff; text-align: center; }
.fi-estate__map strong small { display: block; font-size: 11px; font-weight: 500; opacity: .85; }
.fi-estate__map > div { display: grid; gap: 9px; margin: 18px 0 12px 20px; }
.fi-estate__map span { display: flex; justify-content: space-between; gap: 10px; padding: 13px 16px; border-left: 4px solid #78b4d2; border-radius: 7px; background: #eaf5fa; color: #2b6486; font-size: 14px; font-weight: 800; }
.fi-estate__map span b { font-size: 12px; }
.fi-estate__map > small { display: block; color: #7291a3; text-align: right; }
.fi-estate__import-art { display: flex; align-items: center; gap: 13px; padding: 28px; border-radius: 16px; background: #f0f7fa; }
.fi-estate__import-art > div { flex: 1; min-width: 0; padding: 23px 15px; border-radius: 10px; background: #fff; color: #2c6686; text-align: center; font-weight: 800; }
.fi-estate__import-art span { display: block; margin-top: 9px; color: #70a7c3; font-size: 12px; }
.fi-estate__import-art > b { color: #4294b7; }

.fi-outline__new-hero { background: #eff7f9; }
.fi-outline__compare-art { padding: 27px; border-radius: 16px; background: #fff; box-shadow: 0 18px 39px #315e7814; }
.fi-outline__compare-art div { padding: 12px 0; color: #366d8d; font-weight: 800; }
.fi-outline__compare-art i { display: block; height: 28px; width: 66%; margin-top: 9px; border-radius: 6px; background: #70accd; }
.fi-outline__compare-art div:nth-child(2) i { width: 90%; background: #a2c7d9; }
.fi-outline__compare-art small { display: block; margin-top: 17px; color: #7b96a5; }
.fi-outline__month-art { padding: 28px; border-radius: 15px; background: #eff7fa; text-align: center; }
.fi-outline__month-art strong { color: #326e92; font-size: 20px; }
.fi-outline__month-art div { display: flex; gap: 8px; margin: 20px 0; }
.fi-outline__month-art span, .fi-outline__month-art b { flex: 1; min-width: 0; padding: 12px 8px; border-radius: 8px; background: #fff; color: #6d91a6; font-size: 13px; }
.fi-outline__month-art b { background: #3e8bb4; color: #fff; }
.fi-outline__month-art p { font-size: 13px; }

.fi-stacking__new-hero { background: #e9f3f9; }
.fi-stacking__diagram { display: grid; gap: 8px; padding: 19px; border: 1px solid #d8e7ef; border-radius: 15px; background: #f8fbfd; }
.fi-stacking__diagram > div { display: grid; grid-template-columns: 50px repeat(3, minmax(0, 1fr)); gap: 8px; align-items: stretch; }
.fi-stacking__diagram b { align-self: center; color: #6c8fa2; text-align: center; }
.fi-stacking__diagram span { padding: 20px 8px; border-radius: 8px; text-align: center; font-size: 14px; font-weight: 800; }
.fi-stacking__diagram .is-occupied { background: #6daaca; color: #fff; }
.fi-stacking__diagram .is-vacant { background: #f5dfca; color: #815e4c; }
.fi-stacking__legend { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-top: 16px; color: #628498; font-size: 13px; }
.fi-stacking__legend span:first-child { color: #4c9ec3; }
.fi-stacking__legend span:nth-child(2) { color: #bb8d66; }
.fi-stacking__actual { overflow: hidden; margin: 38px 0 0; border: 1px solid #d5e3ea; border-radius: 18px; background: #fff; box-shadow: 0 22px 55px #244e681c; }
.fi-stacking__actual-head { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 16px 22px; background: #173f70; color: #fff; }
.fi-stacking__actual-head strong { font-size: 15px; }
.fi-stacking__actual-head span { padding: 5px 11px; border-radius: 30px; background: #ffffff1f; font-size: 11px; font-weight: 800; }
.fi-stacking__actual-hint { display: none; }
.fi-stacking__actual-scroll { overflow-x: auto; padding: 20px; background: #f1f5f8; }
.fi-stacking__actual-scroll img { display: block; width: 100%; height: auto; margin: 0 auto; }
.fi-stacking__actual figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 15px 22px; color: #607c8f; font-size: 12px; }
.fi-stacking__actual figcaption span { font-weight: 800; }
.fi-stacking__actual figcaption span:first-child { color: #b77c29; }
.fi-stacking__actual figcaption small { margin-left: auto; color: #8195a1; }
.fi-stacking__detail-art { padding: 26px; border-radius: 16px; background: #fff; box-shadow: 0 18px 38px #315f7b12; }
.fi-stacking__detail-art strong { display: block; padding: 16px; border-radius: 8px; background: #337da7; color: #fff; }
.fi-stacking__detail-art div { display: flex; justify-content: space-between; gap: 12px; padding: 16px 5px; border-bottom: 1px solid #e4edf1; color: #648496; }
.fi-stacking__detail-art b { color: #317fa7; }
.fi-stacking__types-art { padding: 27px; border-radius: 15px; background: #f0f7fa; }
.fi-stacking__types-art strong { color: #2e6b8e; }
.fi-stacking__types-art div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 15px 0; }
.fi-stacking__types-art span { padding: 14px 8px; border-radius: 8px; background: #fff; color: #4b809c; text-align: center; font-size: 13px; font-weight: 800; }
.fi-stacking__types-art small { color: #7e9aaa; }
.fi-stacking__export-art { padding: 25px; border: 1px solid #d7e6ee; border-radius: 15px; background: #fff; }
.fi-stacking__export-art div { display: grid; grid-template-columns: 50px repeat(3, 1fr); gap: 8px; padding: 6px; color: #64869a; }
.fi-stacking__export-art i { height: 25px; border-radius: 4px; background: #78b0cb; }
.fi-stacking__export-art div:nth-child(2) i:nth-child(3), .fi-stacking__export-art div:nth-child(3) i:nth-child(2) { background: #f2d4b5; }
.fi-stacking__export-art strong { display: block; margin-top: 20px; padding: 12px; border-radius: 7px; background: #e7f3f9; color: #327a9e; text-align: center; }

.fi-rentroll__new-hero { background: #eef6fb; }
.fi-rentroll__actual { overflow: hidden; margin: 38px 0 0; border: 1px solid #d5e3ea; border-radius: 18px; background: #fff; box-shadow: 0 22px 55px #244e681c; }
.fi-rentroll__actual-head { display: flex; justify-content: space-between; align-items: center; gap: 15px; padding: 16px 22px; background: #173f70; color: #fff; }
.fi-rentroll__actual-head strong { font-size: 15px; }
.fi-rentroll__actual-head span { padding: 5px 11px; border-radius: 30px; background: #ffffff1f; font-size: 11px; font-weight: 800; }
.fi-rentroll__actual-hint { display: none; }
.fi-rentroll__actual-scroll { overflow-x: auto; padding: 20px; background: #f1f5f8; }
.fi-rentroll__actual-scroll img { display: block; width: 100%; height: auto; margin: 0 auto; }
.fi-rentroll__actual figcaption { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; padding: 15px 22px; color: #607c8f; font-size: 12px; }
.fi-rentroll__actual figcaption span { font-weight: 800; }
.fi-rentroll__actual figcaption span:first-child { color: #b77c29; }
.fi-rentroll__actual figcaption small { margin-left: auto; color: #8195a1; }
.fi-rentroll__sheet-wrap { overflow-x: auto; border-radius: 14px; }
.fi-rentroll__sheet { min-width: 630px; border: 1px solid #d7e6ed; border-radius: 14px; background: #fff; box-shadow: 0 18px 37px #315f7b14; overflow: hidden; }
.fi-rentroll__sheet > div { display: grid; grid-template-columns: .6fr 1.4fr 1fr 1fr 1.1fr; }
.fi-rentroll__sheet > div:not(:last-child) { border-bottom: 1px solid #e5eef3; }
.fi-rentroll__sheet b, .fi-rentroll__sheet span { min-width: 0; padding: 15px 11px; font-size: 13px; text-align: center; }
.fi-rentroll__sheet .is-head { background: #3e7fa6; color: #fff; }
.fi-rentroll__sheet span { color: #547990; }
.fi-rentroll__scroll-hint { display: none; }
.fi-rentroll__terms-art, .fi-for-rent__condition-art { padding: 25px; border-radius: 15px; background: #fff; box-shadow: 0 18px 36px #315f7b12; }
.fi-rentroll__terms-art strong, .fi-for-rent__condition-art strong { display: block; padding: 15px; border-radius: 8px; background: #377fa8; color: #fff; }
.fi-rentroll__terms-art span, .fi-for-rent__condition-art div { display: flex; justify-content: space-between; gap: 10px; padding: 14px 8px; border-bottom: 1px solid #e2edf3; color: #5c7d8f; font-size: 14px; }
.fi-rentroll__terms-art b, .fi-for-rent__condition-art b { color: #2f779e; }
.fi-rentroll__type-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fi-rentroll__type-list span { padding: 20px 8px; border: 1px solid #d7e7ef; border-radius: 9px; background: #f2f8fb; color: #387b9d; text-align: center; font-weight: 800; }
.fi-rentroll__export-art { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 25px; border-radius: 15px; background: #fff; }
.fi-rentroll__export-art strong { flex: 1; min-width: 110px; padding: 21px 12px; border-radius: 9px; background: #e7f3f9; color: #34799e; text-align: center; }
.fi-rentroll__export-art b { color: #55a3c5; }
.fi-rentroll__export-art small { flex-basis: 100%; color: #7893a4; text-align: center; }

.fi-for-rent__new-hero { background: #edf8f9; }
.fi-for-rent__shared-art { display: grid; grid-template-columns: 1.2fr 30px 1fr 1fr; gap: 12px; align-items: center; margin-top: 30px; }
.fi-for-rent__shared-art div { min-width: 0; padding: 22px; border-radius: 11px; background: #fff; }
.fi-for-rent__shared-art div:first-child { background: #377fa6; color: #fff; }
.fi-for-rent__shared-art b, .fi-for-rent__shared-art span { display: block; }
.fi-for-rent__shared-art b { font-size: 17px; }
.fi-for-rent__shared-art span { margin-top: 9px; color: #6d8c9e; font-size: 13px; }
.fi-for-rent__shared-art div:first-child span { color: #d9edf6; }
.fi-for-rent__shared-art i { color: #4f9ab9; font-style: normal; font-size: 23px; }
.fi-for-rent__search-art { padding: 27px; border-radius: 15px; background: #edf6fa; }
.fi-for-rent__search-art strong { display: block; margin-bottom: 16px; color: #2e7195; font-size: 20px; }
.fi-for-rent__search-art div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.fi-for-rent__search-art span { padding: 15px; border-radius: 8px; background: #fff; color: #60869b; font-size: 13px; }
.fi-for-rent__search-art > b { display: block; margin-top: 16px; padding: 13px; border-radius: 8px; background: #3b85aa; color: #fff; text-align: center; }

@media (max-width: 1250px) {
  .fi-property__hero--split .container { grid-template-columns: 1fr; }
  .fi-property__hero--split img { width: min(100%, 900px); margin: 0 auto; }
  .fi-property__hero--split .fi-property__hero-lead { max-width: 760px; }
}
@media (max-width: 1099px) {
  .fi-property__split { grid-template-columns: 1fr; gap: 28px; }
  .fi-property__cards--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .fi-property__hero--center, .fi-property__hero--split { padding: 55px 0 0; }
  .fi-property__hero--split img { border-radius: 10px 10px 0 0; }
  .fi-property__hero--split .fi-actions { margin-bottom: 28px; }
  .fi-property__hero--center .fi-actions { padding: 23px 0 32px; }
  .fi-property__hero-lead { font-size: 16px !important; }
  .fi-property__section { padding: 65px 0; }
  .fi-property__cards--three, .fi-property__cards--four { grid-template-columns: 1fr; }
  .fi-property__cards article { padding: 22px; }
  .fi-property__cta { padding: 70px 0; }
  .fi-stacking__diagram { padding: 8px; }
  .fi-stacking__diagram > div { grid-template-columns: 31px repeat(3, minmax(0, 1fr)); gap: 5px; }
  .fi-stacking__diagram span { padding: 13px 3px; font-size: 11px; }
  .fi-stacking__actual-head, .fi-stacking__actual figcaption { align-items: flex-start; flex-direction: column; }
  .fi-stacking__actual-hint { display: block; padding: 10px 12px 0; background: #f1f5f8; color: #517b96; text-align: center; }
  .fi-stacking__actual-scroll { padding: 12px; }
  .fi-stacking__actual-scroll img { width: 720px; max-width: none; }
  .fi-stacking__actual figcaption small { margin-left: 0; }
  .fi-rentroll__actual-head, .fi-rentroll__actual figcaption { align-items: flex-start; flex-direction: column; }
  .fi-rentroll__actual-hint { display: block; padding: 10px 12px 0; background: #f1f5f8; color: #517b96; text-align: center; }
  .fi-rentroll__actual-scroll { padding: 12px; }
  .fi-rentroll__actual-scroll img { width: 760px; max-width: none; }
  .fi-rentroll__actual figcaption small { margin-left: 0; }
  .fi-rentroll__type-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fi-rentroll__scroll-hint { display: block; margin-top: 11px !important; color: #5482a0 !important; font-size: 13px !important; }
  .fi-for-rent__shared-art { grid-template-columns: 1fr 1fr; }
  .fi-for-rent__shared-art div:first-child { grid-column: 1 / -1; }
  .fi-for-rent__shared-art i { grid-column: 1 / -1; text-align: center; transform: rotate(90deg); }
}

/* The five leasing discovery pages share image treatment while retaining their own section layouts. */
.fi-discovery { --discovery-blue: #3577ad; }
.fi-discovery .fi-kicker { color: var(--discovery-blue); }
.fi-discovery__use { padding: 90px 0; background: #fff; }
.fi-discovery__use h2 { margin: 12px 0 34px; color: #213f59; }
.fi-discovery__use-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.fi-discovery__use-grid article { min-width: 0; padding: 28px; border: 1px solid #deebf4; border-radius: 14px; background: #f7fbfe; }
.fi-discovery__use-grid span { color: #3b83b5; font-size: 13px; font-weight: 900; letter-spacing: .15em; }
.fi-discovery__use-grid h3 { margin: 12px 0; font-size: 21px; }
.fi-discovery__use-grid p { color: #587387; font-size: 15px; }
.fi-discovery__related { display: flex; gap: 24px; flex-wrap: wrap; margin-top: 28px; }
.fi-discovery__flow-note { max-width: 720px; margin: 28px auto 0 !important; color: #54718b; text-align: center; }
.fi-discovery__actual-image { margin: 0; padding: 16px; border: 1px solid #d6e7f2; border-radius: 18px; background: #fff; box-shadow: 0 22px 55px #234a6b1c; }
.fi-discovery__actual-image a { display: block; }
.fi-discovery__actual-image img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.fi-discovery__actual-image figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 13px 4px 2px; color: #607d91; font-size: 13px; }
.fi-discovery__actual-image figcaption span { color: #2779b1; font-weight: 800; }
.fi-discovery__caption { color: #6b8293 !important; font-size: 12px !important; }
.fi-rent-search__hero, .fi-nonactive__hero, .fi-maisoku__hero { background: #eaf4fc; }
.fi-rent-search__hero p:not(.fi-kicker), .fi-nonactive__hero p:not(.fi-kicker), .fi-maisoku__hero p:not(.fi-kicker) { color: #4d708a; }
.fi-rent-search__hero img, .fi-nonactive__hero img, .fi-maisoku__hero img { width: min(920px,100%); border-radius: 16px 16px 0 0; }
.fi-preview__hero { background: #edf6fd; }
.fi-preview__hero img { border-radius: 16px; box-shadow: 0 22px 45px #284c6b1b; }
.fi-rent-search__filters p + p, .fi-nonactive__compare p + p, .fi-maisoku__sheet p + p { margin-top: 16px; }
.fi-rent-search__filter-art { background: #e6f2fa; }
.fi-rent-search__filter-art span { color: #3675a2; }
.fi-rent-search__filter-art b { background: #397fb4; }
.fi-rent-search__end, .fi-nonactive__action { background: #e8f3fb; }
.fi-rent-search__hero-points { display: flex; justify-content: center; gap: 9px; flex-wrap: wrap; margin: 0 auto 27px; }
.fi-rent-search__hero-points span { padding: 8px 13px; border: 1px solid #bdd9e8; border-radius: 999px; background: #fff; color: #39769d; font-size: 12px; font-weight: 800; }
.fi-rent-search__share { padding: 105px 0; }
.fi-rent-search__share .container, .fi-rent-search__connect .container { display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.fi-rent-search__share h2, .fi-rent-search__connect h2 { margin: 13px 0 20px; }
.fi-rent-search__share p:not(.fi-kicker), .fi-rent-search__connect p:not(.fi-kicker) { color: #607b8d; }
.fi-rent-search__share p + p, .fi-rent-search__connect p + p { margin-top: 15px; }
.fi-rent-search__shared-board { padding: 27px; border: 1px solid #d5e6f0; border-radius: 17px; background: #f2f8fc; box-shadow: 0 20px 45px #244f6c15; }
.fi-rent-search__shared-board strong { display: block; padding: 17px; border-radius: 9px; background: #397fb0; color: #fff; text-align: center; }
.fi-rent-search__shared-board div { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin: 20px 0 10px; }
.fi-rent-search__shared-board span { padding: 17px 8px; border-radius: 9px; background: #fff; color: #397698; text-align: center; font-size: 13px; font-weight: 800; }
.fi-rent-search__shared-board b { display: block; padding: 13px; border-radius: 8px; background: #dcecf5; color: #2e6d94; text-align: center; font-size: 13px; }
.fi-rent-search__shared-board small { display: block; margin-top: 12px; color: #7692a3; text-align: center; }
.fi-rent-search__compare { padding: 105px 0; background: #eaf4fa; text-align: center; }
.fi-rent-search__compare h2 { margin: 13px 0 17px; }
.fi-rent-search__compare-lead { max-width: 760px; margin: 0 auto; color: #5e788a; }
.fi-rent-search__compare-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; margin-top: 40px; text-align: left; }
.fi-rent-search__compare-grid article { padding: 28px; border: 1px solid #d7e6ee; border-radius: 15px; background: #fff; }
.fi-rent-search__compare-grid article.is-redocs { border-color: #7eb5d2; background: #327cab; color: #fff; box-shadow: 0 18px 40px #265d7d26; }
.fi-rent-search__compare-grid article > span { color: #5685a2; font-size: 12px; font-weight: 900; letter-spacing: .1em; }
.fi-rent-search__compare-grid .is-redocs > span { color: #bee2f4; }
.fi-rent-search__compare-grid h3 { margin: 11px 0 18px; font-size: 21px; }
.fi-rent-search__compare-grid ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.fi-rent-search__compare-grid li { position: relative; padding-left: 20px; color: #617b8b; font-size: 14px; line-height: 1.75; }
.fi-rent-search__compare-grid li::before { position: absolute; left: 0; color: #66a4c5; content: '\2022'; font-weight: 900; }
.fi-rent-search__compare-grid .is-redocs li { color: #e7f4fb; }
.fi-rent-search__compare-grid .is-redocs li::before { color: #9dd7ef; }
.fi-rent-search__connect { padding: 110px 0; }
.fi-rent-search__connect-flow { display: grid; grid-template-columns: 1fr 32px 1fr; gap: 9px; align-items: center; padding: 27px; border-radius: 17px; background: #f0f7fb; }
.fi-rent-search__connect-flow div { min-height: 105px; padding: 20px 14px; border: 1px solid #d8e8f1; border-radius: 10px; background: #fff; text-align: center; }
.fi-rent-search__connect-flow div.is-result { grid-column: 1 / -1; min-height: 0; border-color: #74aecc; background: #dceef7; }
.fi-rent-search__connect-flow b, .fi-rent-search__connect-flow span { display: block; }
.fi-rent-search__connect-flow b { color: #2f6f96; }
.fi-rent-search__connect-flow span { margin-top: 9px; color: #7690a0; font-size: 12px; }
.fi-rent-search__connect-flow i { color: #4c94b9; text-align: center; font-style: normal; font-size: 25px; font-weight: 900; }
.fi-rent-search__connect-flow i:nth-of-type(2) { grid-column: 1 / -1; transform: rotate(90deg); }
.fi-rent-search__connect-flow strong { grid-column: 1 / -1; padding: 14px; border-radius: 8px; background: #347da8; color: #fff; text-align: center; font-size: 13px; }
.fi-rent-search__connect .fi-property__note { margin-top: 18px !important; }
@media (max-width: 991px) {
  .fi-rent-search__share .container, .fi-rent-search__connect .container { grid-template-columns: 1fr; gap: 38px; }
  .fi-rent-search__compare-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .fi-rent-search__share, .fi-rent-search__compare, .fi-rent-search__connect { padding: 65px 0; }
  .fi-rent-search__hero-points { margin-bottom: 22px; }
  .fi-rent-search__shared-board, .fi-rent-search__connect-flow { padding: 16px; }
  .fi-rent-search__shared-board div { grid-template-columns: 1fr; }
  .fi-rent-search__compare-grid article { padding: 23px; }
  .fi-rent-search__connect-flow { grid-template-columns: 1fr; }
  .fi-rent-search__connect-flow i, .fi-rent-search__connect-flow i:nth-of-type(2) { grid-column: 1; transform: rotate(90deg); }
  .fi-rent-search__connect-flow div.is-result, .fi-rent-search__connect-flow strong { grid-column: 1; }
}
.fi-nonactive__matrix { background: #edf6fb; }
.fi-nonactive__matrix div { border-color: #d6e5ee; color: #526f85; }
.fi-nonactive__matrix div:first-child { background: #367da9; }
.fi-nonactive__matrix .fi-nonactive__alert { background: #dcebf5; color: #225d85; }
.fi-maisoku__actual { padding: 100px 0; background: #f3f9fd; }
.fi-maisoku__actual .container { display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 60px; }
.fi-maisoku__actual-copy h2 { margin: 14px 0 20px; }
.fi-maisoku__actual-copy p:not(.fi-kicker) { margin-top: 14px; color: #55758a; }
.fi-maisoku__actual .fi-discovery__actual-image { max-width: 700px; }
.fi-maisoku__points { background: #eaf4fa; }
.fi-maisoku__points article b { color: #397faf; }
.fi-maisoku__sheet { background: #fff; }
.fi-maisoku__photo { background: linear-gradient(135deg,#d9eafa,#a5c8e3); }
.fi-maisoku__paper > b { background: #397fb4; }
.fi-leasing__actual { padding: 94px 0; background: #edf6fb; text-align: center; }
.fi-leasing__actual h2 { margin: 12px 0 18px; }
.fi-leasing__actual .container > p:not(.fi-kicker) { max-width: 790px; margin: 0 auto 28px; color: #55748a; }
.fi-leasing__actual .fi-discovery__actual-image { max-width: 960px; margin: 0 auto 18px; text-align: left; }
.fi-leasing__actual .fi-discovery__caption { margin-bottom: 0 !important; }
.fi-leasing__listing-points { display: grid; gap: 13px; padding: 28px; border: 1px solid #d9eaf2; border-radius: 16px; background: #f1f8fc; color: #2d6387; text-align: center; box-shadow: 0 16px 36px #234c6d14; }
.fi-leasing__listing-points span, .fi-leasing__listing-points strong { padding: 17px; border-radius: 9px; background: #fff; font-weight: 800; }
.fi-leasing__listing-points b { line-height: 1; color: #4b94bf; }
.fi-leasing__listing-points strong { background: #397fb4; color: #fff; }
@media (max-width: 991px) {
  .fi-maisoku__actual .container { grid-template-columns: 1fr; }
  .fi-maisoku__actual .fi-discovery__actual-image { width: 100%; margin: 0 auto; }
}
@media (max-width: 767px) {
  .fi-discovery__use, .fi-maisoku__actual, .fi-leasing__actual { padding: 65px 0; }
  .fi-discovery__use-grid, .fi-maisoku__actual .container { grid-template-columns: 1fr; gap: 14px; }
  .fi-maisoku__actual .container { gap: 30px; }
  .fi-discovery__use-grid article { padding: 22px; }
  .fi-discovery__actual-image { padding: 8px; border-radius: 10px; }
  .fi-preview__flow .container > div { display: grid; grid-template-columns: 1fr; }
  .fi-preview__flow .container > div b { transform: rotate(90deg); }
  .fi-leasing__actual .container > p:not(.fi-kicker) { margin-bottom: 20px; }
}

.fi-leasing__journey { padding: 100px 0; background: #eaf4fb; scroll-margin-top: 125px; }
.fi-leasing__journey h2 { max-width: 900px; margin: 12px auto 18px; color: #1e4463; text-align: center; }
.fi-leasing__journey > .container > .fi-kicker { color: #3981b5; text-align: center; }
.fi-leasing__journey-lead { max-width: 760px; margin: 0 auto 34px !important; color: #537389; text-align: center; }
.fi-leasing__journey-art { display: block; width: 100%; height: auto; border-radius: 18px; background: #fff; box-shadow: 0 22px 50px #2048661b; }
.fi-leasing__journey-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin: 26px 0 0; padding: 0; list-style: none; }
.fi-leasing__journey-steps li { min-width: 0; padding: 20px 17px; border: 1px solid #d7e8f3; border-radius: 12px; background: #fff; }
.fi-leasing__journey-steps span { color: #2f80b7; font-size: 12px; font-weight: 900; letter-spacing: .06em; }
.fi-leasing__journey-steps h3 { margin: 9px 0; font-size: 19px; }
.fi-leasing__journey-steps p { color: #5e788a; font-size: 14px; }
.fi-leasing__handoff { padding: 100px 0; background: #fff; }
.fi-leasing__handoff .container { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.fi-leasing__handoff h2 { margin: 12px 0 22px; }
.fi-leasing__handoff p:not(.fi-kicker) { color: #597386; }
.fi-leasing__handoff .fi-leasing__note { margin-top: 18px; font-size: 12px; }
.fi-leasing__handoff-board { display: grid; gap: 13px; padding: 24px; border: 1px solid #d7e8f2; border-radius: 16px; background: #f1f8fc; }
.fi-leasing__handoff-board strong { display: block; padding: 13px; border-radius: 8px; background: #2e719f; color: #fff; text-align: center; }
.fi-leasing__handoff-board strong:last-of-type { background: #1d4d71; }
.fi-leasing__handoff-board > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.fi-leasing__handoff-board span { display: grid; place-items: center; min-height: 65px; padding: 8px; border-radius: 7px; background: #fff; color: #456b83; text-align: center; font-size: 13px; font-weight: 700; }
.fi-leasing__handoff-board b { color: #307cad; text-align: center; }
@media (max-width: 991px) {
  .fi-leasing__journey-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fi-leasing__handoff .container { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 767px) {
  .fi-leasing__journey, .fi-leasing__handoff { padding: 65px 0; }
  .fi-leasing__journey-steps { grid-template-columns: 1fr; gap: 10px; }
  .fi-leasing__journey-art { border-radius: 10px; }
  .fi-leasing__handoff-board { padding: 14px; }
  .fi-leasing__handoff-board > div { grid-template-columns: 1fr; }
  .fi-leasing__handoff-board span { min-height: 42px; }
}

.fi-leasing__process { padding: 28px; border: 1px solid #cfe3f0; border-radius: 20px; background: #f7fbfe; box-shadow: 0 18px 42px #27557317; }
.fi-leasing__process-lane { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 12px 17px; border-radius: 9px; background: #dcecf7; color: #2a6e9d; }
.fi-leasing__process-lane span { font-weight: 900; }
.fi-leasing__process-lane strong { font-size: 13px; }
.fi-leasing__process-lane--inside { background: #3179a9; color: #fff; }
.fi-leasing__process-row { display: grid; align-items: stretch; gap: 11px; margin: 14px 0; }
.fi-leasing__process-row--entry { grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr); }
.fi-leasing__process-row--inside { grid-template-columns: minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr); margin-bottom: 0; }
.fi-leasing__process-card { min-width: 0; padding: 22px; border: 1px solid #d5e5f0; border-radius: 12px; background: #fff; text-align: left; }
.fi-leasing__process-card small { color: #4385b3; font-weight: 900; }
.fi-leasing__process-card h3 { margin: 10px 0; color: #214d6d; font-size: 19px; }
.fi-leasing__process-card p { min-height: 58px; color: #59778a; font-size: 14px; line-height: 1.6; }
.fi-leasing__process-card ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
.fi-leasing__process-card li { padding: 5px 8px; border-radius: 5px; background: #e9f4fa; color: #376f92; font-size: 12px; font-weight: 700; }
.fi-leasing__process-arrow { align-self: center; color: #4887b0; text-align: center; font-size: 27px; font-weight: 800; }
.fi-leasing__process-transfer { display: grid; justify-items: center; gap: 3px; margin: 8px 0; color: #347aaa; text-align: center; }
.fi-leasing__process-transfer span { font-size: 30px; line-height: 1; }
.fi-leasing__process-transfer strong { padding: 9px 20px; border-radius: 30px; background: #dbeef9; }
.fi-leasing__process-note { max-width: 780px; margin: 19px auto 0 !important; color: #57788d; text-align: center; font-size: 13px; }
.fi-leasing__paperless { padding: 90px 0; background: #fff; }
.fi-leasing__paperless .container { display: grid; grid-template-columns: 1fr .68fr; gap: 65px; align-items: center; }
.fi-leasing__paperless h2 { margin: 12px 0 20px; }
.fi-leasing__paperless p:not(.fi-kicker) { color: #58778b; }
.fi-leasing__paperless .fi-leasing__note { margin-top: 14px; font-size: 13px; }
.fi-leasing__paperless-map { display: grid; justify-items: stretch; padding: 25px; border-radius: 17px; background: #eaf4fb; text-align: center; }
.fi-leasing__paperless-map span, .fi-leasing__paperless-map strong { padding: 12px; border-radius: 7px; background: #fff; color: #39739b; font-weight: 800; }
.fi-leasing__paperless-map strong { background: #347daf; color: #fff; }
.fi-leasing__paperless-map i { color: #4386b3; font-style: normal; font-weight: 900; }
@media (max-width: 767px) {
  .fi-leasing__process { padding: 15px; }
  .fi-leasing__process-lane { display: grid; gap: 3px; }
  .fi-leasing__process-row--entry, .fi-leasing__process-row--inside { grid-template-columns: 1fr; }
  .fi-leasing__process-arrow { transform: rotate(90deg); }
  .fi-leasing__process-card p { min-height: 0; }
  .fi-leasing__paperless { padding: 65px 0; }
  .fi-leasing__paperless .container { grid-template-columns: 1fr; gap: 28px; }
}