.hp-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:75px max(24px,calc((100% - 1200px)/2)) 85px;background:#fffaf6}.hp-hero h1{font-size:clamp(44px,4.8vw,70px);line-height:1.07;letter-spacing:-3px;margin:20px 0 25px}.hp-hero h1 em{font-style:normal;color:#cb4109}.hp-hero>div>p{font-size:18px;color:#596b80;max-width:590px}.hp-points{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:30px;color:#657489;font-size:11px}.hp-points>span::before{content:'✓ ';color:#287663}.hp-ecosystem{background:#11283e;color:white;border-radius:25px;padding:27px;box-shadow:0 20px 55px #10223b15;position:relative}.hp-caption{font-size:9px;letter-spacing:1.3px;color:#a9c0d2}.hp-core{text-align:center;margin:27px 0 23px;padding:20px 0;border-top:1px solid #365166;border-bottom:1px solid #365166}.hp-core>span{font-size:34px;letter-spacing:-1.6px;font-weight:800}.hp-core>span>span{color:#ff975d}.hp-core small{font-size:13px;border:1px solid #6c7e8e;border-radius:5px;padding:4px 7px;margin-left:7px}.hp-core p{font-size:12px;color:#b5c5d2;margin:7px 0}.hp-orbit{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hp-orbit>div{padding:17px;background:#1c364f;border:1px solid #35506a;border-radius:12px;display:flex;flex-direction:column;gap:8px}.hp-orbit span{font-size:10px;color:#ffad78}.hp-orbit b{font-size:14px}.hp-orbit small{font-size:10px;color:#b5c5d2}.hp-ecosystem>a{display:flex;justify-content:space-between;color:#ffbd91;font-size:12px;margin-top:25px}.hp-jumps{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;padding:20px 24px;border-block:1px solid #e1e6ee;font-size:12px;font-weight:650}.hp-jumps a:hover{color:#c4410b}.hp-section{padding:75px max(24px,calc((100% - 1200px)/2))}.hp-heading{max-width:740px;margin-bottom:40px}.hp-heading p{color:#607188;font-size:17px;max-width:650px}.hp-section h2,.hp-story h2{font-size:40px;line-height:1.17;letter-spacing:-1.5px;margin:12px 0 20px}.hp-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}.hp-pillars article{border-top:1px solid #d6dfe9;padding-top:24px;display:flex;flex-direction:column}.hp-num{font-size:12px;color:#c4410b;font-weight:700}.hp-pillars h3{font-size:23px;letter-spacing:-.5px;margin:15px 0 10px}.hp-pillars p{font-size:14px;color:#607188;line-height:1.8;margin:0 0 18px}.hp-pillars a{font-size:12px;font-weight:700;color:#bf3b08;margin-top:auto}.hp-library-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dce4ed;padding-top:28px;margin-top:40px;font-size:14px;color:#607188}.hp-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:75px max(24px,calc((100% - 1200px)/2))}.hp-dark{background:#10263c;color:white}.hp-dark .sp-eyebrow{color:#ffb383}.hp-story p{color:#c0cddb;font-size:16px;line-height:1.8}.hp-story .hp-small{font-size:11px;margin-top:20px;max-width:450px}.hp-video-preview{border:1px solid #4a5d72;border-radius:15px;overflow:hidden;display:block}.hp-video-preview img{display:block;width:100%;height:auto}.hp-video-preview>span{display:block;padding:18px 24px;background:#1c354e;font-size:13px;font-weight:700}.hp-industries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hp-industries>a{background:#f0f5f8;padding:26px;border-radius:15px;border:1px solid #e0e7ec;display:flex;flex-direction:column}.hp-industries>a:nth-child(2){background:#fcf3ea}.hp-industries>a:nth-child(3){background:#f5f0fa}.hp-industries>a:nth-child(4){background:#ecf5ef}.hp-industries span{font-size:9px;font-weight:700;letter-spacing:1px}.hp-industries h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:22px 0 14px}.hp-industries p{font-size:13px;color:#607188}.hp-industries b{font-size:11px;margin-top:auto;padding-top:20px}.hp-trade-links{display:flex;flex-wrap:wrap;gap:15px 30px;font-size:12px;color:#647286;margin-top:30px}.hp-trade-links a{text-decoration:underline;text-underline-offset:4px}.hp-soft{background:#f5f7fa}.hp-apps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.hp-apps>a{padding:24px 20px;border:1px solid #dfe5ed;background:white;border-radius:13px;display:flex;flex-direction:column}.hp-apps>a>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff0e4;color:#b83e0d;font-weight:800;font-size:20px}.hp-apps h3{font-size:20px;margin:22px 0 10px}.hp-apps p{font-size:12px;color:#607188}.hp-apps b{font-size:10px;color:#b43e0d;margin-top:auto;padding-top:16px}.hp-demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;list-style:none}.hp-demo-steps li{border-top:2px solid #edc2a9;padding-top:20px}.hp-demo-steps b{font-size:16px}.hp-demo-steps p{font-size:14px;color:#607188}.hp-section-top{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.hp-tutorials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hp-tutorials a{background:white;border:1px solid #dfe5ed;border-radius:14px;overflow:hidden}.hp-tutorials img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.hp-tutorials span{display:block;padding:20px;font-size:14px;font-weight:700}.hp-faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.hp-faq-layout .sp-faq:first-child{padding-top:0}.hp-faq-layout .sp-faq p{font-size:14px}.hp-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:85px;align-items:start;background:#fff8f1}.hp-contact>div>p{font-size:17px;color:#607188}.hp-contact>div>a{display:block;margin-top:18px;font-weight:700;font-size:14px}.hp-contact form{background:white;border:1px solid #eadccc;border-radius:18px;padding:32px;box-shadow:0 16px 40px #10223b06}.hp-contact h3{margin:0 0 25px;font-size:24px;letter-spacing:-.6px}.hp-contact label{display:block;font-size:12px;font-weight:650;margin-bottom:18px}.hp-contact input,.hp-contact select,.hp-contact textarea{display:block;width:100%;min-width:0;margin-top:7px;padding:11px;border:1px solid #c9d3df;border-radius:7px;color:#10223b;background:#fff}.hp-contact textarea{min-height:85px;resize:vertical}.hp-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hp-contact button{width:100%}#spSuccess{font-size:13px;padding:14px;background:#eff5f1;border-radius:7px}#spSuccess[data-error=true]{background:#fff0e9;color:#a42c16}.hp-apps a:hover,.hp-industries a:hover{border-color:#c4410b}
@media(max-width:1050px){.hp-hero{gap:30px}.hp-hero h1{font-size:53px}.hp-industries{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-apps{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-contact,.hp-faq-layout,.hp-story{gap:40px}}
@media(max-width:720px){.hp-hero{grid-template-columns:1fr;padding:45px 22px;gap:35px}.hp-hero h1{font-size:48px;letter-spacing:-2px}.hp-hero>div>p{font-size:16px}.hp-section{padding:50px 22px}.hp-section h2,.hp-story h2{font-size:32px;letter-spacing:-1px}.hp-pillars,.hp-tutorials,.hp-demo-steps{grid-template-columns:1fr}.hp-story{grid-template-columns:1fr;padding:50px 22px;gap:30px}.hp-section-top,.hp-library-link{align-items:start;flex-direction:column;gap:14px}.hp-heading p{font-size:16px}.hp-apps,.hp-industries{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hp-industries>a,.hp-apps>a{padding:22px 17px}.hp-industries h3{font-size:22px}.hp-faq-layout,.hp-contact{grid-template-columns:1fr;gap:30px}.hp-contact form{padding:24px}.hp-form-row{grid-template-columns:1fr;gap:0}.hp-jumps{gap:15px;font-size:11px}.hp-ecosystem{padding:22px}.hp-orbit>div{padding:14px}.hp-orbit b{font-size:12px}}@media(max-width:380px){.hp-apps,.hp-industries{grid-template-columns:1fr}.hp-hero h1{font-size:42px}}
/* The real overview screen is large enough to inspect rather than a decorative thumbnail. */
.hp-hero{grid-template-columns:1fr;gap:32px}.hp-hero>div:first-child{max-width:900px;margin:auto;text-align:center}.hp-hero .sp-actions,.hp-hero .hp-points{justify-content:center}.hp-hero>div:first-child>p{max-width:740px;margin-left:auto;margin-right:auto}.hp-real-product{width:100%;max-width:1160px;justify-self:center}.hp-real-product>.sp-eyebrow{display:block;text-align:center;margin-bottom:14px}.hp-real-product .ms-screen>a{padding:12px}.hp-real-product .ms-screen img{max-height:none}.hp-dashboard-link{display:block;text-align:center;margin-top:18px}.hp-owner{background:#eff7f4}.hp-owner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.hp-owner-grid>a{padding:26px;background:#fff;border:1px solid #cbded6;border-radius:16px;text-decoration:none;color:#102b3a;display:flex;flex-direction:column}.hp-owner-grid>a>span{color:#12705b;font-weight:800;font-size:13px}.hp-owner-grid h3{font-size:22px;line-height:1.3;margin:20px 0 12px}.hp-owner-grid p{font-size:14px;line-height:1.8;color:#506777}.hp-owner-grid b{margin-top:auto;font-size:13px;padding-top:16px;color:#155646}.hp-owner-grid a:hover{border-color:#176653;box-shadow:0 10px 24px #143e3110}.hp-owner-grid a:focus-visible{outline:3px solid #e34c08;outline-offset:3px}
@media(max-width:1050px){.hp-owner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hp-owner-grid{grid-template-columns:1fr}.hp-hero>div:first-child{text-align:left}.hp-hero .sp-actions,.hp-hero .hp-points{justify-content:flex-start}.hp-real-product .ms-screen>a{padding:6px}.hp-real-product .ms-screen-top{padding:12px}.hp-real-product .ms-screen-top small{display:none}}

.hp-real-product .ms-screen{transform:none}
/* Product proof and real-screen feature stories. */
.hp-pillars>article{position:relative;border:1px solid #dce7e6;border-radius:18px;background:linear-gradient(145deg,#fff,#f2f8f6);padding:28px}.hp-pillars>article:nth-child(2),.hp-pillars>article:nth-child(5){background:linear-gradient(145deg,#fff,#fff1e8)}.hp-pillars>article:nth-child(3),.hp-pillars>article:nth-child(6){background:linear-gradient(145deg,#fff,#f1f0fd)}.hp-pillars h3{font-size:24px;line-height:1.3}.nf-section{background:#f0f5fa}.nf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.nf-grid>article{min-width:0;border:1px solid #d4e0e9;border-radius:18px;overflow:hidden;background:white;display:flex;flex-direction:column}.nf-copy{padding:26px 24px 18px}.nf-copy h3{font-size:25px;line-height:1.25;margin:12px 0}.nf-copy p{font-size:14px;line-height:1.7;color:#516678}.nf-grid .ms-screen{border-radius:0;border-width:1px 0;box-shadow:none;margin-top:auto}.nf-grid .ms-screen-top,.nf-grid figcaption{display:none}.nf-grid .ms-screen>a{padding:12px}.nf-grid img{height:190px;object-fit:contain}.nf-link{padding:20px 24px;font-size:14px;font-weight:700;color:#b33b06}.pc-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center;background:#112b3d;color:white}.pc-section p{color:#d3e0e7;line-height:1.8}.pc-section h2{margin:16px 0}.pc-section .sp-text-link{color:#ffb287}.pc-section .fx-video{border:1px solid #426070;border-radius:18px;overflow:hidden}.pc-section .fx-play img{width:100%;display:block}
@media(max-width:900px){.nf-grid{grid-template-columns:1fr}.nf-grid img{height:auto;max-height:380px}.pc-section{grid-template-columns:1fr;gap:28px}}@media(prefers-reduced-motion:no-preference){.hp-pillars>article{transition:transform .2s,box-shadow .2s}.hp-pillars>article:hover{transform:translateY(-3px);box-shadow:0 12px 25px #14365010}}

.hp-real-product{transform:none}

/* Homepage downloads: visible before the dashboard, with clear platforms. */
.hp-downloads{grid-column:1/-1;width:100%;margin:32px 0 12px;scroll-margin-top:110px;text-align:left}
.hp-download-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:8px 0 20px}
.hp-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hp-download-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid #dbe3ed;border-radius:20px;background:#fff;box-shadow:0 10px 30px #10233c08}
.hp-download-grid article:first-child{background:#fff4ec;border-color:#ffc9a7}
.hp-download-platform{font-size:11px;font-weight:800;letter-spacing:.08em;color:#526176}
.hp-download-grid h3{font-size:24px;margin:12px 0 8px;color:#10233c}
.hp-hero .hp-download-grid p{font-size:15px;line-height:1.6;margin:0 0 20px}
.hp-download-grid .sp-button{margin-top:auto;max-width:100%;text-align:center;font-size:14px}
.hp-hero .hp-download-help{font-size:14px;margin:16px 0 0}
.hp-download-help a{font-weight:700;text-decoration:underline}
@media(max-width:700px){.hp-download-grid{grid-template-columns:1fr}.hp-downloads{margin-top:24px}.hp-download-grid article{padding:20px}.hp-download-grid .sp-button{width:100%;box-sizing:border-box}}
