.fi-products{--fp-ink:#282828;--fp-muted:#626262;--fp-paper:#fff;--fp-soft:#f1f1f1;--fp-line:#e3e3e3;color:var(--fp-ink);background:var(--fp-paper);letter-spacing:0}
.fi-products *{box-sizing:border-box}
.fi-products .fp-shell{width:min(100%,1288px);padding-inline:24px;margin-inline:auto}
.fi-products .fp-section{padding-block:72px;scroll-margin-top:110px}
body.calm-site main .fi-products :is(h1,h2,h3,p){color:inherit}
.fi-products h1,.fi-products h2,.fi-products h3{letter-spacing:0;line-height:1.15;font-weight:400;margin:0 0 20px}
.fi-products h2{font-size:36px}.fi-products h3{font-size:22px;font-weight:500}
.fi-products p{font-size:17px;line-height:1.65;margin:0 0 20px}
.fi-products .fp-eyebrow{font-size:13px;font-weight:600;line-height:1.5;margin:0 0 20px;text-transform:uppercase;display:flex;align-items:center;gap:10px}
.fp-eyebrow::before{content:'';width:9px;height:9px;flex:none;background:#ffc846}
.fp-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:500px;height:calc(100svh - 200px);max-height:620px;color:#fff;background:#282828}
.fp-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center;z-index:-2}
.fp-hero::after{content:'';position:absolute;inset:0;background:#00000065;z-index:-1}
.fp-hero-copy{max-width:410px;padding-block:40px}
body.calm-site main .fp-hero h1{font-size:58px;line-height:1.08;color:#fff}
body.calm-site main .fp-hero p{color:#fff}
.fp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
body.calm-site main .fi-products .fp-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;max-width:100%;padding:12px 18px;border:1px solid #ffc846;border-radius:4px;background:#ffc846;color:#282828;text-decoration:none;font-size:16px;font-weight:500;line-height:1.45;text-align:center}
body.calm-site main .fi-products .fp-secondary{background:transparent;border-color:var(--fp-muted);color:var(--fp-ink)}
.fp-button svg{width:18px;height:18px;flex:none}.fp-button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.fp-strip{background:#ffc846;color:#282828}.fp-strip>.fp-shell{display:flex;justify-content:space-between;gap:20px;padding-block:22px}.fp-strip span{display:flex;align-items:center;gap:12px;font-size:16px}.fp-strip svg{width:22px;height:22px;flex:none}
.fp-product{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:center}
.fp-product-heading{grid-column:2}.fp-product figure{grid-column:1;grid-row:1 / 3;margin:0}.fp-product figure img{display:block;width:100%;height:480px;object-fit:contain}
.fp-product-copy{grid-column:2}.fp-features{list-style:none;margin:24px 0 0;padding:0}.fp-features li{display:flex;gap:18px;padding:20px 0;border-top:1px solid var(--fp-line)}.fp-features li>svg{width:26px;height:26px;flex:none;margin-top:2px}.fp-features h3{font-size:19px;margin:0 0 8px}.fp-features p{font-size:16px;color:var(--fp-muted);margin:0}
.fp-connectivity{background:var(--fp-soft)}.fp-connected-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}.fp-connected-item{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:start}.fp-connected-item+.fp-connected-item{border-left:1px solid var(--fp-line);padding-left:36px}.fp-connected-item img{max-width:100%;object-fit:contain;margin:0 auto}.fp-app-icon{border-radius:16px}.fp-hub-image{width:120px;height:120px}.fp-connected-item .fp-eyebrow{font-size:12px;margin-bottom:12px}.fp-connected-item .fp-button{margin-top:8px}
.fp-next{background:#ffc846;color:#282828}.fp-next>.fp-shell{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.fp-next .fp-eyebrow::before{background:#282828}.fp-next p{margin-bottom:0}.fp-next .fp-actions{margin-top:0}
body.calm-site main .fp-next .fp-button{background:#282828;border-color:#282828;color:#ffc846}body.calm-site main .fp-next .fp-secondary{background:transparent;color:#282828}
html[data-theme="dark"] .fi-products{--fp-ink:#fff;--fp-muted:#e3e3e3;--fp-paper:#000;--fp-soft:#282828;--fp-line:#626262}
html[data-theme="dark"] body.calm-site main .fi-products{background:var(--fp-paper)!important}
html[data-theme="dark"] body.calm-site main .fi-products .fp-connectivity{background:var(--fp-soft)!important}
html[data-theme="dark"] body.calm-site main .fi-products :is(.fp-strip,.fp-next){background:#ffc846!important;color:#282828!important}
html[data-theme="dark"] body.calm-site main .fi-products :is(.fp-strip,.fp-next) :is(h2,p,span){color:#282828!important}
html[data-theme="dark"] body.calm-site main .fi-products .fp-button{color:#282828!important;border-color:#ffc846!important}
html[data-theme="dark"] body.calm-site main .fi-products .fp-secondary{color:#fff!important;border-color:#626262!important}
html[data-theme="dark"] body.calm-site main .fi-products .fp-next .fp-button{color:#ffc846!important;border-color:#282828!important}
html[data-theme="dark"] body.calm-site main .fi-products .fp-next .fp-secondary{color:#282828!important}
@media(max-width:900px){.fp-product{column-gap:32px}.fp-product figure img{height:360px}.fp-connected-grid{gap:28px}.fp-connected-item{grid-template-columns:1fr;gap:20px}.fp-connected-item img{margin:0}.fp-next>.fp-shell{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.fi-products .fp-shell{padding-inline:20px}.fi-products .fp-section{padding-block:44px}.fi-products h2{font-size:29px}.fi-products h3{font-size:21px}.fp-hero{min-height:480px;height:calc(100svh - 180px);max-height:590px;align-items:flex-end}.fp-hero>img{object-position:22% center}.fp-hero-copy{max-width:290px;padding-block:30px}body.calm-site main .fp-hero h1{font-size:42px}.fp-hero-copy p{font-size:16px}.fp-strip>.fp-shell{flex-wrap:wrap;gap:14px;padding-block:20px}.fp-strip span{font-size:14px;gap:8px}.fp-product{grid-template-columns:minmax(0,1fr);gap:0}.fp-product-heading,.fp-product-copy,.fp-product figure{grid-column:1;grid-row:auto}.fp-product figure{margin:8px 0 24px}.fp-product figure img{height:300px}.fp-product .fp-actions,.fp-next .fp-actions{flex-direction:column;align-items:stretch}.fp-connected-grid{grid-template-columns:minmax(0,1fr);gap:32px}.fp-connected-item{grid-template-columns:80px minmax(0,1fr);gap:20px}.fp-connected-item+.fp-connected-item{border-left:0;border-top:1px solid var(--fp-line);padding:32px 0 0}.fp-hub-image{width:80px;height:90px}.fp-connected-item .fp-button{padding:10px 12px;font-size:15px}.fp-connected-item p{font-size:16px}}