/* Features reference: all layout rules are scoped to this route. */
body.ref-features{background:linear-gradient(110deg,#fff,#f6fbff);color:#071632;font-family:Arial,sans-serif;font-size:14px;line-height:1.45}
.ref-features main{max-width:none;padding:0}
body.ref-features .site-header{height:64px!important;border-bottom:1px solid #edf2f7}
.ref-features .site-header .nav-inner{max-width:1024px;padding:0 40px;gap:28px;display:flex}
.ref-features .site-header nav{gap:32px;margin-left:auto}
.ref-features .site-header nav a{font-size:12px;color:#071632}
.ref-features .site-header nav a[aria-current]{color:#0067ed}
.ref-features .site-header nav a[href='/blog']{display:none}
.ref-features .nav-actions{gap:30px;margin-left:auto}
.ref-features .nav-actions .button,.fx-cta>a{background:linear-gradient(#0877ff,#0760db);color:#fff;border:1px solid #0065ef;box-shadow:0 3px 9px #0670e918;border-radius:7px;padding:11px 18px;font-size:13px;white-space:nowrap}
.fx-wordmark{display:block;font-weight:800;font-size:30px;line-height:1;letter-spacing:-1.4px;color:#091a38;white-space:nowrap}
.fx-wordmark>span{color:#0870e7}.fx-wordmark small{display:block;font-size:9px;line-height:1.5;font-weight:400;letter-spacing:0;color:#486079}
.fx-page{max-width:1024px;margin:auto;padding:24px 35px 9px}.fx-page svg{width:24px;height:24px;flex-shrink:0}
.fx-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:12px;align-items:center;margin:0 6px 20px}
.fx-eyebrow{display:block;font-size:12px;letter-spacing:1px;color:#367bda;margin-bottom:9px}
.fx-hero h1{font-size:44px;line-height:1.09;letter-spacing:-1.4px;font-weight:800;margin:0}
.fx-hero-copy>p{font-size:17px;line-height:1.4;color:#52617e;margin:13px 0 38px;max-width:450px}
.fx-benefits{display:flex;gap:20px;align-items:center}.fx-benefits>span{display:flex;align-items:center;gap:12px;font-size:11px;line-height:1.4;color:#415779}.fx-benefits>span+span{border-left:1px solid #e2edf8;padding-left:18px}.fx-benefits svg{width:32px;height:32px;color:#0077ff}
.fx-dashboard{border:1px solid #cfe3f8;border-radius:8px;background:#fcfdff;overflow:hidden;box-shadow:0 8px 24px #4d98d515;min-width:0}
.fx-window{height:17px;background:#d4e8fa;display:flex;align-items:center;gap:3px;padding:0 8px}.fx-window i{height:7px;width:7px;background:white;border-radius:50%}.fx-window>span{margin-left:auto;font-size:7px;color:#476b90}
.fx-dash-layout{display:grid;grid-template-columns:99px minmax(0,1fr);min-height:274px}.fx-dash-layout aside{background:linear-gradient(90deg,#fbfdff,#f0f6fb);padding:11px 9px;border-right:1px solid #ecf2f9}.fx-dash-layout aside>b{font-size:18px;letter-spacing:-1px;display:block;margin:0 8px 14px}.fx-dash-layout aside>b span{color:#0878ed}.fx-dash-layout aside>div{display:flex;align-items:center;gap:9px;padding:7px 8px;font-size:8px;color:#455775;border-radius:5px}.fx-dash-layout aside svg{width:11px;height:11px}.fx-dash-layout aside .selected{color:#0065e7;background:#fff;font-weight:700}
.fx-dash-main{padding:8px 12px;min-width:0}.fx-dash-top{height:28px;display:flex;align-items:center;gap:10px;margin-bottom:5px}.fx-dash-top>span{width:70px;height:4px;background:#e5eef7;margin-right:auto;position:relative}.fx-dash-top>span:after{content:'';position:absolute;width:42px;height:3px;top:7px;left:0;background:#edf3fa}.fx-dash-top>svg{width:12px;height:12px}.fx-dash-top>b{display:grid;place-items:center;border-radius:50%;background:#0764d3;color:#fff;font-size:7px;width:19px;height:19px}.fx-dash-main h3{font-size:14px;margin:0;font-weight:700;letter-spacing:-.3px}.fx-dash-main>p{font-size:8px;color:#52617e;margin:1px 0 10px}.fx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px}.fx-stats>div{border:1px solid #edf2f8;border-radius:6px;box-shadow:0 2px 6px #91a7c008;padding:9px 9px 5px;background:#fff}.fx-stats svg{width:16px;height:16px;display:block;color:#0077ff;margin-bottom:4px}.fx-stats>div:nth-child(2) svg{color:#ed8b00}.fx-stats span{font-size:7px;color:#455575;display:block;white-space:nowrap}.fx-stats b{display:block;font-size:14px;line-height:1.3}
.fx-upcoming{border:1px solid #eaf1fa;border-radius:5px;background:#fff;padding:7px 8px}.fx-mini-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px;min-height:20px}.fx-mini-heading>b{font-size:12px;letter-spacing:-.3px}.fx-mini-heading>span:not(.fx-faux-button){font-size:9px;color:#006cff}.fx-upcoming .fx-mini-heading{margin-bottom:3px;min-height:16px}.fx-upcoming .fx-mini-heading>b{font-size:10px}.fx-upcoming .fx-mini-heading>span{font-size:8px}.fx-expiry-row{display:grid;grid-template-columns:minmax(0,1.5fr) 1fr auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #eef3f8;font-size:10px;color:#42567a}.fx-expiry-row b{display:block;font-size:10px;color:#071632;font-weight:600}.fx-expiry-row div>span{display:block;margin-top:3px}.fx-expiry-row time{white-space:nowrap;font-size:10px}.fx-badge{display:inline-block;border-radius:5px;padding:5px 8px;font-size:9px;white-space:nowrap;text-align:center}.fx-badge.red{background:#ffe5e7;color:#bd1825}.fx-badge.green{background:#dff8ef;color:#00765e}.fx-badge.blue{background:#e0f1ff;color:#005dc9}.fx-upcoming .fx-expiry-row{grid-template-columns:1fr 1.15fr .95fr auto;padding:4px 3px;gap:4px;font-size:7px}.fx-upcoming .fx-expiry-row b,.fx-upcoming .fx-expiry-row time{font-size:7px}.fx-upcoming .fx-badge{font-size:8px;padding:3px 7px}
.fx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.fx-card{border:1px solid #dcecfb;background:#ffffffc9;border-radius:10px;padding:12px 14px 13px;display:flex;flex-direction:column;min-width:0}.fx-card-copy{display:grid;grid-template-columns:64px 1fr;gap:13px;min-height:129px;margin-bottom:0}.fx-card h2{font-size:17px;letter-spacing:-.4px;line-height:1.25;margin:18px 0 9px;font-weight:700}.fx-card p{font-size:12px;line-height:1.39;color:#50607c;margin:0 0 14px}.fx-icon{height:64px;width:64px;border-radius:50%;display:grid;place-items:center;background:#e6f4ff;color:#0584f3}.fx-icon svg{width:34px;height:34px;stroke-width:2.2}.fx-color-1{background:#e2fbf5;color:#03a57e}.fx-color-2{background:#fff5df;color:#e59000}.fx-color-3{background:#e4f7ff;color:#009eea}.fx-color-4{background:#efebff;color:#6648e7}.fx-color-5{background:#e5edff;color:#1175ff}
.fx-mini{border:1px solid #dcebf9;background:linear-gradient(120deg,#fff,#fdfdff);border-radius:6px;padding:8px 12px;margin-top:auto;min-width:0;min-height:174px}.fx-car-profile{display:grid;grid-template-columns:112px 1fr;gap:12px;font-size:10px;margin-bottom:4px}.fx-car-profile>div:first-child{background:#f3f4f5;border-radius:6px}.fx-car-profile .fx-car-art{width:100%;height:62px;display:block}.fx-car-profile b{display:block;font-size:11px;margin:2px 0}.fx-car-profile span{display:block;color:#53627b;font-size:10px}.fx-car-profile em{font-size:10px;display:inline-block;background:#d8f6eb;color:#088565;border-radius:5px;padding:3px 8px;margin-top:4px;font-style:normal}.fx-specs{margin:0}.fx-specs>div{display:grid;grid-template-columns:42% 58%;border-top:1px solid #edf2f8;padding:4px 0;font-size:10px;color:#405577}.fx-specs dd{margin:0;overflow-wrap:anywhere}.fx-faux-button{background:linear-gradient(#087cff,#0062eb);color:#fff;font-size:11px;border-radius:4px;padding:5px 10px;white-space:nowrap}.fx-document{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:9px}.fx-document i{font-style:normal;background:linear-gradient(110deg,#fa6262,#e32020);color:#fff;width:21px;height:28px;display:grid;place-items:center;font-size:7px;border-radius:3px;clip-path:polygon(0 0,70% 0,100% 23%,100% 100%,0 100%)}.fx-document i.image{background:#3cb957}.fx-document>div{flex:1;min-width:0}.fx-document b{font-size:9px;display:block;font-weight:500}.fx-document span{font-size:9px;display:block;color:#4d6184;margin-top:2px}.fx-document small{font-size:9px;color:#455b80;white-space:nowrap}.fx-person{display:grid;grid-template-columns:27px 1.15fr 1fr .65fr;gap:7px;align-items:center;padding:6px 0;border-bottom:1px solid #edf2f8;font-size:9px;white-space:nowrap}.fx-person:last-child{border:0}.fx-person i{display:grid;place-items:center;width:26px;height:26px;background:#e2efff;color:#0065e6;border-radius:50%;font-style:normal}.fx-person b{font-weight:400}.fx-person>span{color:#546683}.fx-field{border:1px solid #dde7f3;border-radius:4px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#405677;margin-bottom:8px}.fx-field svg{height:13px;width:13px}.fx-export{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.fx-export>span{border:1px solid #ff7575;color:#ef2323;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:5px;padding:8px 3px;font-size:10px}.fx-export>span+span{color:#00a46b;border-color:#50d4a7}.fx-export svg{width:14px;height:14px}.fx-admin-menu>div{display:flex;align-items:center;gap:12px;padding:9px 6px;border-bottom:1px solid #edf3fa;font-size:10px;color:#334b70}.fx-admin-menu svg{width:14px;height:14px}.fx-admin-menu>div>span:last-child{margin-left:auto;color:#7c9bc4}.fx-admin-menu .selected{background:#edf7ff;color:#0068f5;border-left:2px solid #117aff;border-radius:4px}.fx-admin-menu>div:last-child{border-bottom:0}.fx-learn{color:#006aff;font-size:11px;margin:11px 3px 0;align-self:flex-start}.fx-preview-note{font-size:9px;color:#657996;margin:5px 2px 9px}
.fx-integrations{background:linear-gradient(115deg,#eff8ff,#e6f3ff);border-radius:13px;padding:22px 16px 15px 29px;display:grid;grid-template-columns:1.05fr 2fr;gap:22px;align-items:center;margin-top:3px}.fx-integrations h2{font-size:23px;letter-spacing:-.6px;line-height:1.2;margin:0 0 9px}.fx-integrations p{font-size:12px;line-height:1.45;color:#4a5f80}.fx-integrations .fx-eyebrow{font-size:11px;letter-spacing:0;margin-bottom:8px}.fx-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fx-integration-grid article{padding:16px 13px 12px;background:#ffffffdc;border:1px solid #e9f0fa;border-radius:10px}.fx-integration-grid article>div{display:flex;gap:10px;align-items:center;margin-bottom:9px}.fx-integration-grid svg{width:32px;height:32px;color:#071632}.fx-integration-grid article:nth-child(2) svg{color:#00b539}.fx-integration-grid h3{font-size:11px;letter-spacing:-.2px;margin:0 0 5px;white-space:nowrap}.fx-integration-grid article span{font-size:9px;border-radius:4px;padding:3px 7px;background:#ffe5e8;color:#a21828;white-space:nowrap}.fx-integration-grid p{font-size:11px}.fx-integration-grid small{grid-column:1/-1;font-size:10px;color:#496283}.fx-integration-grid small b{font-size:16px;color:#087aff;margin-right:6px}
.fx-cta{margin:10px 1px 0;background:linear-gradient(115deg,#17394f,#102b3d);color:white;border-radius:10px;padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.fx-cta h2{font-size:21px;letter-spacing:-.5px;line-height:1.35;margin:0}.fx-cta p{font-size:14px;color:white;margin:2px 0 0}.fx-cta>a{display:flex;align-items:center;gap:16px;padding:11px 24px}
.ref-features .fx-footer{background:linear-gradient(110deg,#13384b,#0e283b);padding:15px max(40px,calc((100vw - 944px)/2)) 7px;color:#fff}.fx-footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid #8ca7b650}.fx-footer .fx-wordmark{color:white;font-size:25px;letter-spacing:-1px}.fx-footer .fx-wordmark>span{color:white}.fx-footer .fx-wordmark small{color:#cedbe6}.fx-footer nav{display:flex;gap:30px}.fx-footer nav a{font-size:11px;color:#fff;font-weight:400}.fx-footer p{color:#d0dae4;font-size:11px}.fx-footer-bottom{display:flex;justify-content:space-between;font-size:10px;color:#cedbe6;padding-top:8px}.fx-footer-bottom>div{display:flex;gap:24px}.fx-credit{text-align:center;font-size:11px;font-weight:700;letter-spacing:.3px;background:white;color:#1c3652;line-height:18px}
@media(min-width:1250px){.fx-page{max-width:1160px}.ref-features .site-header .nav-inner{max-width:1160px}.fx-hero{gap:40px}.fx-hero h1{font-size:49px}.fx-card p{font-size:14px}.fx-card h2{font-size:19px}.fx-card-copy{min-height:152px}.fx-mini{min-height:183px}.fx-integrations p{font-size:13px}.fx-dashboard{min-height:315px}.fx-dash-layout{min-height:296px}.fx-stats{margin:14px 0}.fx-upcoming .fx-expiry-row{padding-block:6px}}
@media(max-width:900px){.fx-page{padding:22px 24px 12px}.fx-hero{grid-template-columns:1fr;gap:25px;margin:0 0 24px}.fx-hero-copy>p{max-width:600px;margin-bottom:22px}.fx-hero h1{font-size:42px}.fx-dashboard{width:100%;max-width:570px;justify-self:center}.fx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fx-card-copy{min-height:134px}.fx-integrations{grid-template-columns:1fr;padding:22px;gap:16px}.fx-cta{padding:20px}.fx-cta h2{font-size:20px}.ref-features .site-header .nav-inner{padding:0 24px;gap:15px}.ref-features .site-header nav{gap:18px}.ref-features .nav-actions{gap:15px}.fx-footer-top{flex-wrap:wrap}.fx-footer-top p{flex-basis:100%}.ref-features .fx-footer{padding:20px 24px 12px}}
@media(max-width:600px){body.ref-features .site-header{height:auto!important}.ref-features .site-header .nav-inner{display:grid;grid-template-columns:1fr auto;padding:13px 18px;gap:15px}.ref-features .site-header nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:24px;margin:0}.ref-features .nav-actions{margin:0;gap:13px}.ref-features .nav-actions .button{font-size:11px;padding:9px 10px;gap:8px}.ref-features .nav-actions .login{font-size:12px}.fx-wordmark{font-size:27px}.fx-wordmark small{font-size:8px}.fx-page{padding:25px 16px 12px}.fx-hero h1{font-size:35px;letter-spacing:-1px}.fx-hero-copy>p{font-size:16px}.fx-benefits{gap:10px;justify-content:space-between}.fx-benefits>span{gap:6px;font-size:9px}.fx-benefits>span+span{padding-left:9px}.fx-benefits svg{width:25px;height:25px}.fx-dash-layout{grid-template-columns:75px minmax(0,1fr);min-height:245px}.fx-dash-layout aside{padding:10px 3px}.fx-dash-layout aside>b{font-size:15px;margin-inline:4px}.fx-dash-layout aside>div{gap:5px;padding:7px 4px;font-size:7px}.fx-dash-main{padding:7px}.fx-stats{gap:4px}.fx-stats>div{padding:7px 4px}.fx-stats span{font-size:6px;white-space:normal}.fx-upcoming{padding:5px}.fx-upcoming .fx-expiry-row{font-size:6px;gap:2px;grid-template-columns:.9fr 1fr .85fr auto}.fx-upcoming .fx-expiry-row b,.fx-upcoming .fx-expiry-row time{font-size:6px}.fx-upcoming .fx-badge{font-size:6px;padding:3px}.fx-grid{grid-template-columns:1fr;gap:14px}.fx-card{padding:14px}.fx-card-copy{min-height:0;grid-template-columns:64px 1fr;margin-bottom:10px}.fx-card h2{font-size:19px;margin-top:12px}.fx-card p{font-size:14px;line-height:1.5}.fx-mini{min-height:174px}.fx-mini .fx-person{font-size:10px}.fx-integrations{padding:22px 16px}.fx-integration-grid{grid-template-columns:1fr}.fx-integration-grid article{padding:15px}.fx-integration-grid h3{font-size:14px}.fx-integration-grid p{font-size:13px}.fx-integration-grid article>div{gap:15px}.fx-integration-grid article span{font-size:10px}.fx-cta{align-items:flex-start;flex-direction:column;gap:16px;padding:22px 20px}.fx-cta h2{font-size:23px}.fx-cta p{font-size:14px;line-height:1.5}.fx-footer-top{flex-direction:column;align-items:flex-start;gap:18px}.fx-footer nav{flex-wrap:wrap;gap:25px}.fx-footer-bottom{flex-wrap:wrap;gap:13px}.fx-footer-bottom>div{gap:25px}.fx-preview-note{font-size:10px;margin-block:8px 12px}}
body.ref-features .site-header nav[aria-label="Main navigation"] a[href="/blog"]{display:none}body.ref-features .nav-actions .button,.fx-page .fx-cta>a,.fx-page .fx-faux-button{background:linear-gradient(#0877ff,#0760db);color:#fff}body.ref-features .fx-page .fx-benefits svg{color:#0077ff}
.fx-card .fx-mini{height:174px;min-height:174px;flex:none}.fx-card .fx-mini .fx-expiry-row{padding:7px 0}.fx-card .fx-mini .fx-mini-heading{margin-bottom:7px}@media(min-width:1250px){.fx-card .fx-mini{height:183px}}

/* Use the supplied logo consistently in Features branding. */
.fx-wordmark>img{display:block;width:94px;height:94px;object-fit:contain;background:#fff;border-radius:7px}body.ref-features .site-header{height:112px!important}.fx-footer .fx-wordmark>img{width:130px;height:130px}.fx-dash-layout aside>b.fx-preview-logo{margin:0 0 8px}.fx-preview-logo img{display:block;width:64px;height:64px;object-fit:contain;background:#fff;border-radius:5px;margin:auto}@media(max-width:600px){body.ref-features .site-header{height:auto!important}.fx-wordmark>img{width:76px;height:76px}.fx-footer .fx-wordmark>img{width:110px;height:110px}.fx-preview-logo img{width:54px;height:54px}}

/* Keep Blog discoverable from Features on every viewport. */
body.ref-features .site-header nav[aria-label="Main navigation"] a[href="/blog"]{display:inline-flex}@media(max-width:600px){.ref-features .site-header nav{gap:14px;flex-wrap:wrap}.ref-features .site-header nav a{font-size:12px}}
