.fuseos { --blue: #2361f4; --ink: #10223e; --muted: #5b6a80; --line: #dde4ef; margin: 0; color: var(--ink); background: white; font: 16px/1.6 Inter, sans-serif; }
.fuseos *, .fuseos *::before, .fuseos *::after { box-sizing: border-box; }
.fuseos h1, .fuseos h2, .fuseos h3, .fuseos p { margin: 0; }
.fuseos h1, .fuseos h2, .fuseos h3 { line-height: 1.12; }
.fuseos h2 { font-size: clamp(30px, 3.34vw, 48px); font-weight: 600; }
.fuseos h2 span, .fuseos h1 span { color: var(--blue); }
.fuseos a { color: inherit; text-decoration: none; }
.fuseos button, .fuseos input, .fuseos textarea { font: inherit; }
.fuseos button, .fuseos a { -webkit-tap-highlight-color: transparent; }
.fuseos button { cursor: pointer; }
.fuseos img { display: block; max-width: 100%; }
.fuseos [hidden] { display: none !important; }
.fuseos :focus-visible { outline: 1px solid #70a5ff; outline-offset: 2px; }
.fuseos .container { width: min(1280px, calc(100% - 160px)); margin-inline: auto; }
.fuseos .section { padding-block: 96px; }
.fuseos .eyebrow { display: flex; align-items: center; gap: 10px; color: var(--blue); font-size: 12px; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; line-height: 1.3; }
.fuseos .eyebrow::before { content: ''; width: 6px; height: 6px; flex: 0 0 6px; background: currentColor; }
.fuseos .section-description { color: var(--muted); margin-top: 20px; font-size: 18px; }
.fuseos .actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.fuseos .button { display: inline-flex; min-height: 54px; padding: 12px 24px; align-items: center; justify-content: center; gap: 18px; color: white; background: var(--blue); border: 1px solid var(--blue); border-radius: 8px; font-size: 16px; line-height: 1.4; transition: background .18s; }
.fuseos .button:hover { background: #164aca; }
.fuseos .button-outline { background: transparent; border-color: #263956; }
.fuseos .button-outline:hover { background: #192b48; }
.fuseos .skip-link { position: fixed; top: -100px; left: 20px; z-index: 50; background: white; color: var(--ink); padding: 12px; }
.fuseos .skip-link:focus { top: 10px; }
.fuseos .site-header { background: #081323; color: #e9effe; border-bottom: 1px solid #263956; position: relative; z-index: 10; }
.fuseos .header-inner { display: flex; justify-content: space-between; align-items: center; min-height: 70px; }
.fuseos .brand { width: 129px; height: 46px; }
.fuseos .brand-light { display: none; }
.fuseos #site-navigation { display: flex; align-items: center; gap: 30px; font-size: 14px; }
.fuseos #site-navigation > a:hover { color: #8ab5ff; }
.fuseos #site-navigation .actions { margin-left: 110px; }
.fuseos #site-navigation .button { min-height: 44px; padding-block: 10px; }
.fuseos .menu-toggle { display: none; }
.fuseos.homepage.has-js .site-header { background: #08132333; }
.fuseos .hero { background: #081323; color: white; padding: 32px 0 40px; position: relative; }
.fuseos .hero > .container { position: relative; z-index: 1; }
.fuseos .hero-backdrop { position: absolute; inset: -70px 0 0; z-index: 0; overflow: hidden; pointer-events: none; }
.fuseos .hero-background { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; }
.fuseos .hero-backdrop::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #010812bd, #0412268c); }
.fuseos .hero-main { display: grid; grid-template-columns: 680px 1fr; align-items: start; gap: 50px; min-height: 570px; }
.fuseos .hero-positioning { font: 16px/2 Poppins, sans-serif; border-bottom: 2px solid #55729f; display: inline-block; margin-bottom: 14px; }
.fuseos .hero h1 { font: 700 clamp(38px, 3.9vw, 56px)/1.1 Poppins, sans-serif; }
.fuseos .hero h1 span { display: inline; }
.fuseos .hero-lead { font: 600 24px/1.1 Poppins, sans-serif; margin-top: 30px; }
.fuseos .hero-description { font: 20px/1.6 Poppins, sans-serif; color: #b4c1d7; margin-top: 48px; }
.fuseos .hero .actions { margin-top: 30px; }
.fuseos .hero-art { width: 100%; aspect-ratio: 565 / 430; position: relative; margin-top: 70px; }
.fuseos .device-art { position: absolute; inset: 0; aspect-ratio: 565 / 373; width: 100%; height: auto; }
.fuseos .art-layer { position: absolute; display: block; }
.fuseos .art-image { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.fuseos .benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.fuseos .benefits article { border: 1px solid #2b456b; border-radius: 12px; padding: 24px; background: linear-gradient(180deg, #111f38b0 8%, #2361f4a1 146%); }
.fuseos .benefit-number { color: #7aadff; font-size: 13px; margin-bottom: 12px; }
.fuseos .benefits h2 { font-size: 25px; line-height: 1.45; margin-bottom: 12px; }
.fuseos .benefits p:last-child { color: #b8c7e0; line-height: 1.45; }
.fuseos .partners { background: white; color: var(--ink); padding-block: 64px; }
.fuseos .partners h2 { font-weight: 400; }
.fuseos .partners h2 span { font-weight: 700; }
.fuseos .partner-logos { display: flex; gap: 20px; margin-top: 32px; overflow-x: auto; padding-bottom: 6px; }
.fuseos .partner-logo { flex: 0 0 auto; height: 59px; border-radius: 10px; background: white; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.fuseos .partner-crop { display: block; width: 100%; height: 59px; position: relative; overflow: hidden; }
.fuseos .partner-logo:first-child .partner-crop { width: 129.92px; height: 36.5px; }
.fuseos .partner-logo:nth-child(5) .partner-crop { width: 76.54px; height: 38.03px; }
.fuseos .partner-logo:nth-child(6) .partner-crop { height: 48.33px; }
.fuseos .partner-logo img { max-width: none; }
.fuseos .problems { padding-block: 64px; }
.fuseos .problem-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 32px; }
.fuseos .problem-card { background: linear-gradient(130deg, white 63%, #91b0fa 166%); border: 1px solid var(--line); border-radius: 16px; padding: 28px; }
.fuseos .problem-icon { position: relative; width: 58px; height: 58px; margin-bottom: 14px; }
.fuseos .problem-icon > img { width: 58px; height: 58px; }
.fuseos .icon-glyph { position: absolute; top: 14px; left: 14px; width: 29px; height: 29px; }
.fuseos .problem-card h3 { font-size: 16px; line-height: 1.3; color: var(--blue); text-transform: uppercase; margin-bottom: 14px; }
.fuseos .problem-card p { font-size: 18px; line-height: 1.45; }
.fuseos .integration { background: linear-gradient(90deg, #e5ecfe, white 56%); }
.fuseos .integration-grid { display: grid; grid-template-columns: 580px minmax(0, 1fr); gap: 40px; }
.fuseos .integration .section-description { margin-top: 30px; max-width: 510px; font-size: 20px; }
.fuseos .integration .actions { margin-top: 40px; }
.fuseos .integration-diagram { display: grid; grid-template-columns: 1fr 1fr 1.35fr; align-items: center; gap: 28px; font-size: 13px; }
.fuseos .diagram-list { border: 1px solid #a4bfff; background: #e9effe; border-radius: 8px; padding: 16px; position: relative; }
.fuseos .diagram-list h3 { font-size: 18px; line-height: 1.4; }
.fuseos .diagram-list ul { list-style: none; padding: 0; margin: 18px 0; display: grid; gap: 10px; }
.fuseos .diagram-list li { display: flex; align-items: center; gap: 8px; padding: 9px 7px; background: white; border-radius: 4px; white-space: nowrap; }
.fuseos .diagram-list li img { width: 23px; height: 24px; object-fit: contain; }
.fuseos .diagram-list > p { color: var(--blue); }
.fuseos .diagram-hub { position: relative; padding: 22px 12px; background: linear-gradient(120deg, #2866ff, #133dba); border-radius: 12px; color: white; box-shadow: 0 16px 30px #322ca54d; text-align: center; }
.fuseos .diagram-hub > img { width: 111px; height: 40px; object-fit: contain; margin: auto; }
.fuseos .diagram-hub p { font-size: 10px; line-height: 1.5; margin-top: 14px; }
.fuseos .diagram-hub::before, .fuseos .diagram-hub::after { content: ''; position: absolute; top: 50%; height: 1px; width: 28px; background: #85a8ff; }
.fuseos .diagram-hub::before { right: 100%; }
.fuseos .diagram-hub::after { left: 100%; }
.fuseos .capability-panels { display: flex; gap: 24px; margin-top: 40px; height: 503px; }
.fuseos .capability { position: relative; border-radius: 20px; overflow: hidden; flex: 1; min-width: 0; color: white; transition: flex .3s; }
.fuseos .capability.is-active { flex: 3.5; }
.fuseos .capability-image { width: 100%; height: 100%; object-fit: cover; }
.fuseos .capability::after { content: ''; pointer-events: none; position: absolute; inset: 0; background: linear-gradient(#000b, #0001 74%); }
.fuseos .capability-control { border: 0; background: transparent; color: inherit; position: absolute; inset: 0; z-index: 1; width: 100%; text-align: left; }
.fuseos .capability-number { position: absolute; top: 18px; left: 28px; font: 600 20px Poppins, sans-serif; color: var(--blue); }
.fuseos .capability-title { position: absolute; left: 50%; top: 50%; writing-mode: vertical-rl; transform: translate(-50%, -50%) rotate(180deg); font-size: 24px; font-weight: 600; }
.fuseos .is-active .capability-title { top: 55px; left: 28px; right: 20px; writing-mode: horizontal-tb; transform: none; }
.fuseos .capability-description { position: absolute; top: 94px; left: 28px; right: 28px; z-index: 1; font: 16px/1.5 Poppins, sans-serif; pointer-events: none; visibility: hidden; }
.fuseos .is-active .capability-description { visibility: visible; }
.fuseos .capability:has(:focus-visible) { outline: 1px solid #70a5ff; outline-offset: 2px; }
.fuseos .product-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin-top: 40px; }
.fuseos .product-card { border-radius: 24px; background: #e9effe; padding: 15px; box-shadow: 0 0 16px #0004; min-height: 291px; }
.fuseos .product-picture { position: relative; }
.fuseos .product-picture > img { width: 100%; height: 95px; object-fit: cover; border-radius: 10px; }
.fuseos .badge { position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-radius: 0 0 6px 6px; padding: 0 10px; background: #091321da; color: #37e7a4; font-size: 12px; line-height: 20px; white-space: nowrap; }
.fuseos .badge.coming { color: #e3e3e3; }
.fuseos .product-card h3 { font-size: 20px; line-height: 1.25; margin-top: 16px; }
.fuseos .product-card p { color: #263956; font-size: 14px; line-height: 1.5; margin-top: 20px; }
.fuseos .product-roadsure { background: #a18df7; }
.fuseos .distribution-models { background: #061424; color: white; position: relative; overflow: hidden; padding-block: 88px 50px; }
.fuseos .distribution-background { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; pointer-events: none; }
.fuseos .distribution-models > .container { position: relative; }
.fuseos .distribution-models h2 { max-width: 760px; }
.fuseos .audience-list { max-width: 740px; margin-top: 32px; }
.fuseos .audience-list > div { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; min-height: 80px; align-items: center; border-bottom: 1px solid #263956; padding-block: 16px; }
.fuseos .audience-list h3 { font-size: 18px; line-height: 1.5; }
.fuseos .audience-list p { color: #b4c1d7; font-size: 14px; }
.fuseos .india-statement { color: white; background: #041326; padding-block: 30px; }
.fuseos .india-statement h2 { font-size: 32px; }
.fuseos .offerings { padding-block: 30px; }
.fuseos .offering-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; margin-top: 40px; }
.fuseos .offering-card { border-radius: 24px; background: #e5ecfe; box-shadow: 0 2px 12px #10223e30; overflow: hidden; display: flex; flex-direction: column; }
.fuseos .offering-copy { padding: 25px; flex: 1; min-height: 238px; }
.fuseos .offering-tag { background: #b2c7fe; color: var(--blue); border-radius: 20px; padding: 6px 15px; display: inline-block; font-size: 12px; text-transform: uppercase; }
.fuseos .offering-card h3 { font: 600 20px/1.45 Poppins, sans-serif; margin-top: 30px; }
.fuseos .offering-card .offering-copy > p:last-child { font: 16px/1.45 Poppins, sans-serif; color: #666; margin-top: 24px; }
.fuseos .offering-card > img { width: 100%; height: 145px; object-fit: cover; }
.fuseos .planned-products { border: 1px solid var(--line); border-radius: 16px; margin-top: 40px; padding: 28px 40px; background: #edf5ff; display: grid; grid-template-columns: 42% 1fr; gap: 24px; align-items: center; }
.fuseos .planned-products h3 { font: 700 28px/1.25 Poppins, sans-serif; text-transform: uppercase; }
.fuseos .planned-products h3 span { color: var(--blue); }
.fuseos .planned-products p { font-size: 16px; color: #4a5e7d; margin-top: 16px; }
.fuseos .planned-art { position: relative; width: 100%; aspect-ratio: 683 / 167; }
.fuseos .site-footer { background: #010307; color: #b4c1d7; padding: 64px 0 32px; font-size: 13px; }
.fuseos .footer-top { display: grid; grid-template-columns: 390px repeat(3, 1fr); gap: 70px; }
.fuseos .footer-brand p { font: 16px/2 Poppins, sans-serif; margin-top: 20px; color: white; }
.fuseos .site-footer h2 { font-size: 12px; color: white; margin-bottom: 18px; }
.fuseos .site-footer nav a { display: block; margin-top: 14px; }
.fuseos .site-footer a:hover { color: white; text-decoration: underline; }
.fuseos .footer-details { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 56px; }
.fuseos .copyright { border-top: 1px solid #263956; margin-top: 56px; padding-top: 24px; font-size: 12px; color: #93a1b8; }
.fuseos dialog { width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 0; border: 1px solid #2a405f; border-radius: 16px; color: white; background: #040f20; box-shadow: 0 20px 64px #0004; }
.fuseos dialog::backdrop { background: #071326b3; }
.fuseos .dialog-content { padding: 32px; }
.fuseos .dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.fuseos .dialog-content h2 { font-size: 28px; line-height: 1.3; }
.fuseos .dialog-close { display: flex; align-items: center; justify-content: center; border: 0; background: transparent; width: 32px; height: 32px; padding: 0; }
.fuseos .form-field { margin-top: 16px; }
.fuseos .form-field label { display: block; color: #d9e1ee; font-size: 14px; margin-bottom: 6px; }
.fuseos .form-field input, .fuseos .form-field textarea { width: 100%; min-width: 0; border: 1px solid #2a405f; border-radius: 6px; padding: 10px 12px; color: #d9e1ee; background: linear-gradient(120deg, #09182b, #101f35); font-size: 14px; }
.fuseos .form-field input::placeholder { color: #93a4c1; opacity: 1; }
.fuseos .field-input { position: relative; }
.fuseos .field-input input, .fuseos .field-input textarea { padding-left: 45px; }
.fuseos .field-icon { position: absolute; top: 1px; bottom: 1px; left: 1px; width: 37px; border-right: 1px solid #20344e; display: flex; justify-content: center; align-items: center; pointer-events: none; }
.fuseos .query-input .field-icon { align-items: flex-start; padding-top: 13px; bottom: 14px; }
.fuseos .mobile-input { display: flex; gap: 10px; }
.fuseos .country-code { display: flex; align-items: center; gap: 10px; border: 1px solid #2a405f; border-radius: 6px; padding: 8px 12px; background: #0d1b2f; font-size: 14px; flex: 0 0 106px; }
.fuseos .form-field textarea { resize: vertical; }
.fuseos .form-field [aria-invalid=true] { border-color: #b42318; }
.fuseos .field-error { display: block; color: #ffaca5; font-size: 13px; }
.fuseos .form-status { margin-top: 16px; font-size: 14px; color: #ffaca5; }
.fuseos .form-status:empty { display: none; }
.fuseos .submit-demo { width: 100%; margin-top: 24px; min-height: 48px; font-weight: 600; }
.fuseos .submit-demo:disabled { opacity: .65; cursor: wait; }
.fuseos .form-reassurance { display: flex; justify-content: center; align-items: center; gap: 6px; color: #93a4c1; font-size: 12px; margin-top: 12px; }
.fuseos .dialog-assurances { display: flex; gap: 24px; justify-content: center; border-top: 1px solid #20344e; padding-top: 18px; margin-top: 24px; color: #93a4c1; font-size: 12px; }
.fuseos .dialog-assurances span { display: flex; gap: 7px; align-items: center; }
.fuseos .dialog-assurances img { flex: 0 0 auto; }
.fuseos #demo-success { padding-block: 30px; }
.fuseos #demo-success .button { margin-top: 24px; }
@media (max-width: 1350px) {
  .fuseos .integration-grid { grid-template-columns: 1fr; }
  .fuseos .integration-diagram { max-width: 671px; margin-top: 20px; }
}
@media (max-width: 1250px) {
  .fuseos #site-navigation .actions { margin-left: 24px; }
  .fuseos .hero-main { grid-template-columns: 1.2fr 1fr; gap: 30px; }
  .fuseos .hero-positioning { font-size: 12px; }
  .fuseos .hero-lead { font-size: 21px; }
  .fuseos .hero-description { font-size: 17px; }
  .fuseos .footer-top { grid-template-columns: 2fr repeat(3, 1fr); gap: 32px; }
}
@media (max-width: 1023px) {
  .fuseos .container { width: calc(100% - 64px); }
  .fuseos .section { padding-block: 64px; }
  .fuseos .header-inner { flex-wrap: wrap; }
  .fuseos.has-js .menu-toggle { display: flex; align-items: center; gap: 12px; border: 1px solid #44608b; color: white; background: transparent; padding: 8px 14px; border-radius: 6px; }
  .fuseos #site-navigation { display: flex; width: 100%; background: #081323; padding: 24px 0; flex-direction: column; align-items: stretch; }
  .fuseos.has-js #site-navigation { display: none; position: absolute; top: 70px; left: 0; right: 0; padding: 24px 32px; }
  .fuseos.has-js #site-navigation.is-open { display: flex; }
  .fuseos #site-navigation .actions { margin-left: 0; }
  .fuseos .hero-main { min-height: 540px; }
  .fuseos .benefits h2 { font-size: 21px; }
  .fuseos .benefits article { padding: 20px; }
  .fuseos .problem-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fuseos .integration-grid { grid-template-columns: 1fr; }
  .fuseos .integration-diagram { font-size: 14px; max-width: 671px; gap: 28px; margin-top: 20px; }
  .fuseos .diagram-list { padding: 16px; }
  .fuseos .diagram-list h3 { font-size: 18px; }
  .fuseos .diagram-list li { padding: 9px 7px; }
  .fuseos .diagram-hub::before, .fuseos .diagram-hub::after { width: 28px; }
  .fuseos .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fuseos .product-picture > img { height: 140px; }
  .fuseos .product-card { min-height: 0; }
  .fuseos .offering-grid { gap: 20px; }
  .fuseos .offering-copy { padding: 20px; }
  .fuseos .offering-tag { padding: 5px 8px; font-size: 10px; }
  .fuseos .offering-card h3 { font-size: 18px; }
  .fuseos .planned-products { grid-template-columns: 1fr; }
  .fuseos .planned-art { max-width: 683px; }
}
@media (max-width: 767px) {
  .fuseos .container { width: calc(100% - 40px); }
  .fuseos .section { padding-block: 48px; }
  .fuseos .hero-main { grid-template-columns: 1fr; min-height: 0; gap: 0; }
  .fuseos .hero-background { object-position: 58% top; }
  .fuseos .hero-backdrop::after { background: #041022c4; }
  .fuseos .hero-positioning { font-size: 10px; }
  .fuseos .hero h1 { font-size: clamp(36px, 8vw, 52px); }
  .fuseos .hero-lead { font-size: 20px; line-height: 1.3; margin-top: 24px; }
  .fuseos .hero-description { font-size: 16px; margin-top: 24px; }
  .fuseos .hero-art { margin-top: 36px; max-width: 540px; margin-inline: auto; }
  .fuseos .hero .actions > a { flex: 1; padding-inline: 14px; font-size: 14px; }
  .fuseos .benefits { grid-template-columns: 1fr; }
  .fuseos .partners { padding-block: 48px; }
  .fuseos .partner-logos { flex-wrap: wrap; overflow: visible; gap: 12px; }
  .fuseos .problem-grid, .fuseos .product-grid, .fuseos .offering-grid { grid-template-columns: 1fr; }
  .fuseos .problem-card { padding: 24px; }
  .fuseos .integration-diagram { grid-template-columns: 1fr; gap: 24px; width: 100%; }
  .fuseos .diagram-list li { white-space: normal; }
  .fuseos .diagram-hub { width: 170px; margin-inline: auto; }
  .fuseos .diagram-hub::before, .fuseos .diagram-hub::after { height: 24px; width: 1px; left: 50%; right: auto; }
  .fuseos .diagram-hub::before { top: -24px; }
  .fuseos .diagram-hub::after { top: 100%; }
  .fuseos .capability-panels { flex-direction: column; height: auto; }
  .fuseos .capability, .fuseos .capability.is-active { flex: none; min-height: 300px; }
  .fuseos .capability-image { height: 300px; }
  .fuseos .capability-title { writing-mode: horizontal-tb; transform: none; top: 55px; left: 28px; right: 20px; }
  .fuseos .capability-description { visibility: visible; top: 130px; }
  .fuseos .product-picture > img { height: auto; aspect-ratio: 208 / 95; }
  .fuseos .product-card { padding: 20px; }
  .fuseos .product-card h3 { font-size: 24px; }
  .fuseos .product-card p { font-size: 16px; margin-top: 16px; }
  .fuseos .distribution-models { padding-block: 48px; }
  .fuseos .distribution-background { object-position: 65% top; opacity: .45; }
  .fuseos .audience-list > div { grid-template-columns: 1fr; gap: 8px; }
  .fuseos .india-statement h2 { font-size: 26px; }
  .fuseos .planned-products { padding: 24px; }
  .fuseos .planned-products h3 { font-size: 24px; }
  .fuseos .planned-products p { font-size: 14px; }
  .fuseos .footer-top { grid-template-columns: 1fr 1fr; gap: 32px 20px; }
  .fuseos .footer-brand { grid-column: 1 / -1; }
  .fuseos .footer-details { grid-template-columns: 1fr; }
  .fuseos .dialog-content { padding: 28px 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .fuseos *, .fuseos *::before, .fuseos *::after { transition: none !important; scroll-behavior: auto !important; }
}

/* Screenshot alignment refinements for the homepage. */
.fuseos .footer-top { grid-template-columns:minmax(250px,2fr) repeat(4,minmax(100px,1fr)); gap:36px; }
.fuseos .social-icons { display:flex; align-items:center; gap:14px; }
.fuseos .social-icons button { border:0; padding:0; background:transparent; color:white; opacity:1; }
.fuseos .social-icons img { object-fit:contain; filter:brightness(0) invert(1); }
.fuseos .youtube-mark { display:grid; place-items:center; width:19px; height:13px; background:white; color:#010307; border-radius:4px; font-size:8px; }
@media(min-width:1024px) {
.fuseos .capability-panels { gap:30px; }
.fuseos .product-card { min-height:291px; }
}
@media(min-width:768px) {
.fuseos .diagram-list ul { position:relative; }
.fuseos .diagram-list li { position:relative; }
.fuseos .diagram-list:first-child li::after,.fuseos .diagram-list:last-child li::before { content:''; position:absolute; width:30px; border-top:1px dashed #85a8ff; top:50%; }
.fuseos .diagram-list:first-child li::after { left:100%; }
.fuseos .diagram-list:last-child li::before { right:100%; }
.fuseos .diagram-list:first-child ul::after,.fuseos .diagram-list:last-child ul::before { content:''; position:absolute; top:20px; bottom:20px; border-left:1px dashed #85a8ff; }
.fuseos .diagram-list:first-child ul::after { right:-30px; }
.fuseos .diagram-list:last-child ul::before { left:-30px; }
.fuseos .diagram-hub::before,.fuseos .diagram-hub::after { width:14px; background:transparent; border-top:1px dashed #85a8ff; }
}
@media(max-width:1023px) { .fuseos .footer-top { grid-template-columns:repeat(4,1fr); gap:28px; }.fuseos .footer-brand { grid-column:1/-1; } }
@media(max-width:767px) { .fuseos .footer-top { grid-template-columns:1fr 1fr; gap:32px 20px; } }
/* Moving hero uses the original video, never a still-image poster. */
.fuseos .hero-backdrop { background:#020b18; }
.fuseos video.hero-background { display:block; }
.fuseos .capability-panels { margin-top:40px; transition:none; }
.fuseos .capability { transition:flex .6s ease; }
@media(max-width:767px) { .fuseos .capability-panels { margin-top:30px; } }
@media(prefers-reduced-motion:reduce) { .fuseos .capability { transition:none; } }
@media(min-width:768px) { .fuseos .capability.is-active { flex:0 0 55.23%; } }

.fuseos .product-roadsure { position:relative; }.fuseos .roadsure-link { color:inherit; text-decoration:none; }.fuseos .roadsure-link::after { content:''; position:absolute; inset:0; border-radius:24px; }.fuseos .roadsure-link:focus-visible::after { outline:1px solid #70a5ff; outline-offset:2px; }.fuseos .product-roadsure:hover { box-shadow:0 8px 24px #18357d40; }
/* Original patterned closing banner from Figma node 391:10445. */
.fuseos .closing-cta { position:relative; overflow:hidden; background:white; color:var(--ink); padding-block:100px; }
.fuseos .closing-art { position:absolute; inset:0; overflow:hidden; pointer-events:none; opacity:.5; }
.fuseos .closing-art img { position:absolute; width:100.03%; max-width:none; height:165.77%; left:0; top:-37.44%; }
.fuseos .closing-cta .container { position:relative; display:flex; align-items:center; justify-content:space-between; gap:100px; }
.fuseos .closing-copy { flex:1; min-width:0; max-width:826px; min-height:227px; display:flex; flex-direction:column; justify-content:center; gap:36px; }
.fuseos .closing-cta h2 { font:400 clamp(36px,3.89vw,56px)/1.15 Poppins,sans-serif; }
.fuseos .closing-cta h2 span { font-weight:700; color:#2461f5; }
.fuseos .closing-cta p { font:400 16px/1.5 Poppins,sans-serif; max-width:504px; color:#333; }
.fuseos .closing-cta .actions { flex-shrink:0; flex-wrap:nowrap; }
.fuseos .closing-cta .button { min-height:44px; padding:10px 24px; }
.fuseos .closing-cta .button-outline { background:transparent; border-color:#263956; color:var(--ink); }
.fuseos .closing-cta .button-outline:hover { background:#eef5ff; }
@media(max-width:1100px) { .fuseos .closing-cta .container { gap:40px; flex-wrap:wrap; }.fuseos .closing-copy { flex-basis:100%; max-width:826px; min-height:0; }.fuseos .closing-cta { padding-block:64px; } }
@media(max-width:650px) { .fuseos .closing-cta { padding-block:48px; }.fuseos .closing-copy { gap:24px; }.fuseos .closing-cta h2 { font-size:32px; }.fuseos .closing-cta .actions { width:100%; flex-wrap:wrap; flex-direction:column; align-items:stretch; }.fuseos .closing-art img { width:200%; left:-15%; }.fuseos .closing-cta p { font-size:14px; } }

/* Stable text and equal accordion geometry for every active panel. */
.fuseos .hero-promises { list-style: none; padding: 0; margin: 30px 0 0; font: 14px/1.6 Inter,sans-serif; color: #d9e3f3; }
.fuseos .hero-promises li { display: flex; align-items: flex-start; gap: 9px; margin-top: 9px; }
.fuseos .hero-promises li > span:first-child { color: #38d67b; flex-shrink: 0; }
.fuseos .benefits article { display: flex; flex-direction: column; }
.fuseos .benefits h2 { min-height: 2.7em; font-size: 22px; line-height: 1.35; }
.fuseos .capability-title { font-size: 22px; line-height: 1.35; }
.fuseos .capability-description { top: 130px; line-height: 1.6; }
@media(min-width:768px) {
    .fuseos .capability:not(.is-active) { flex: 1 1 0; }
    .fuseos .capability.is-active { flex: 0 0 55.23%; }
}
@media(max-width:767px) {
    .fuseos .hero-promises { margin-top: 24px; font-size: 13px; }
    .fuseos .benefits h2 { min-height: 0; }
    .fuseos .capability-title { font-size: 21px; }
}
/* Duplicate artwork is presentation-only; original logo names remain accessible. */
.fuseos .partner-carousel { margin-top: 32px; overflow-x: auto; }
.fuseos .partner-carousel.is-marquee { overflow: hidden; }
.fuseos .partner-track { display: flex; gap: 20px; width: max-content; }
.fuseos .partner-carousel .partner-logos { flex: none; flex-wrap: nowrap; gap: 20px; width: max-content; overflow: visible; margin: 0; padding-bottom: 0; }
.fuseos .partner-carousel.is-marquee .partner-track { animation: fuseos-partners-scroll 36s linear infinite; }
.fuseos .partner-carousel:hover .partner-track,
.fuseos .partner-carousel:focus-within .partner-track,
.fuseos .partner-carousel.is-paused .partner-track { animation-play-state: paused; }
@keyframes fuseos-partners-scroll { to { transform: translateX(calc(-50% - 10px)); } }
/* Native links keep their normal behaviour; motion never delays navigation. */
html:has(body.fuseos) { scroll-behavior: smooth; scroll-padding-top: 88px; }
.fuseos #products { scroll-margin-top: 24px; }
.fuseos #main-content { animation: fuseos-page-entry .28s ease-out; }
@keyframes fuseos-page-entry { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media(prefers-reduced-motion:reduce) {
    html:has(body.fuseos) { scroll-behavior: auto; }
    .fuseos #main-content, .fuseos .partner-carousel.is-marquee .partner-track { animation: none; }
    .fuseos .partner-carousel .partner-logos { flex-wrap: wrap; width: 100%; }
    .fuseos .partner-track { width: 100%; }
    .fuseos .partner-carousel .partner-copy { display: none; }
}

/* Keep the transition from capabilities to products compact at every breakpoint. */
.fuseos .section.capabilities { padding-bottom: 32px; }
.fuseos .section.product-suite { padding-top: 32px; }
@media(max-width:1023px) {
    .fuseos .section.capabilities { padding-bottom: 24px; }
    .fuseos .section.product-suite { padding-top: 24px; }
}
/* Centred AI-team hero with the supplied artwork and background video. */
.fuseos .ai-hero { padding: 50px 0 36px; background: #090e17; overflow: hidden; text-align: center; }
.fuseos .ai-hero-backdrop { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 32%,#10264f88,transparent 65%); pointer-events: none; }
.fuseos .ai-hero-copy { position: relative; z-index: 1; }
.fuseos .ai-hero h1 { max-width: 1000px; margin: 0 auto; font: 700 clamp(30px,3.6vw,52px)/1.3 Inter,sans-serif; }
.fuseos .ai-hero h1 .ai-powered { color: #5162ff; background: linear-gradient(90deg,#1478ff,#8c20ff); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.fuseos .ai-hero-promises { width: fit-content; max-width: 100%; margin: 22px auto 0; padding: 16px 30px; border-radius: 28px; background: #14213b99; color: #cad4e9; font-size: 15px; line-height: 1.7; }
.fuseos .ai-hero-promises p + p { margin-top: 6px; }
.fuseos .ai-hero .actions { margin-top: 24px; justify-content: center; }
.fuseos .ai-hero-art { position: relative; width: min(560px,100%); aspect-ratio: 549 / 366; margin: 32px auto 0; }
.fuseos .ai-hero-art img { display: block; width: 100%; height: auto; }
/* Original team artwork supplies the portraits; labels stay editable HTML. */
.fuseos .ai-agent-team { position: relative; overflow: hidden; padding: 32px 0 36px; color: white; background: radial-gradient(ellipse at 55% 55%,#14104f88,transparent 75%),#03102d; }
.fuseos .ai-agent-team:after { content: ''; position: absolute; pointer-events: none; bottom: 0; left: 0; width: 100%; aspect-ratio: 1440 / 35; background: url("../img/fuseos/ai-agent-team.78c2ba64905d.png") center bottom / 100% auto no-repeat; mask-image: linear-gradient(to bottom,transparent,#000 45%); }
.fuseos .ai-team-layout { position: relative; z-index: 1; display: grid; grid-template-columns: 410fr 824fr; gap: 46px; align-items: start; }
.fuseos .ai-team-copy .eyebrow { color: #297bff; margin-bottom: 18px; font-size: 12px; }
.fuseos .ai-team-copy h2 { font-size: clamp(30px,3.34vw,48px); line-height: 1.2; margin-bottom: 22px; white-space: nowrap; }
.fuseos .ai-team-copy > p:last-child { color: #d5dded; font-size: 20px; line-height: 1.6; max-width: 390px; }
.fuseos .ai-team-copy .ai-sparkle { color: #a63aff; display: inline-block; margin-left: 24px; }
.fuseos .ai-team-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; align-items: stretch; padding-top: 28px; }
.fuseos .ai-agent-card { --agent-glow: #843cff; --portrait-x: 0%; min-width: 0; border: 1px solid var(--agent-glow); border-radius: 28px; padding: 0 0 20px; text-align: center; background: radial-gradient(ellipse at center,#48208baa,transparent 90%),#26115e; box-shadow: inset 0 0 20px #8239f533,0 0 16px #843cff22; }
.fuseos .agent-rohan { --agent-glow: #05b8d2; --portrait-x: -107.169811%; background: radial-gradient(ellipse at center,#08666caa,transparent 90%),#00364b; }
.fuseos .agent-karan { --agent-glow: #1679e6; --portrait-x: -215.09434%; background: radial-gradient(ellipse at center,#134787aa,transparent 90%),#05265b; }
.fuseos .agent-portrait { position: relative; width: calc(100% + 2px); max-width: none; aspect-ratio: 265 / 168; margin: -30px -1px 8px; overflow: hidden; mask-image: linear-gradient(to bottom,#000 88%,transparent); }
.fuseos .agent-portrait img { position: absolute; width: 316.603774%; max-width: none; height: auto; left: var(--portrait-x); top: 0; }
.fuseos .ai-agent-card h3 { font-size: 20px; line-height: 1.3; margin: 0 0 8px; }
.fuseos .ai-agent-card p { font-size: 16px; font-weight: 600; line-height: 1.5; }
@media(max-width:1023px) {
    .fuseos .ai-team-layout { grid-template-columns: 1fr; gap: 48px; }
    .fuseos .ai-team-copy { text-align: center; }
    .fuseos .ai-team-copy .eyebrow { justify-content: center; }
    .fuseos .ai-team-copy > p:last-child { margin: 0 auto; max-width: 520px; }
    .fuseos .ai-team-cards { max-width: 760px; width: 100%; margin: 0 auto; }
}
@media(max-width:767px) {
    .fuseos .ai-hero { padding: 34px 0 24px; }
    .fuseos .ai-hero h1 { font-size: clamp(28px,7vw,36px); }
    .fuseos .ai-hero h1 br { display: none; }
    .fuseos .ai-hero-promises { font-size: 12px; padding: 14px 16px; border-radius: 20px; }
    .fuseos .ai-hero-art { margin-top: 28px; max-width: 420px; }
    .fuseos .ai-agent-team { padding: 40px 0 32px; }
    .fuseos .ai-team-cards { gap: 12px; padding-top: 14px; }
    .fuseos .ai-agent-card { padding: 0 4px 14px; border-radius: 14px; }
    .fuseos .agent-portrait { margin-top: -14px; }
    .fuseos .ai-agent-card h3 { font-size: 14px; }
    .fuseos .ai-agent-card p { font-size: 10px; }
}

.fuseos.homepage.has-js .site-header { background: #070e1b; }

/* Latest Problem fold: a two-by-two card grid beside the introduction. */
.fuseos .section.problems { position: relative; isolation: isolate; padding-block: 72px; background: radial-gradient(ellipse at 48% 0,#a7e1ffb3,transparent 72%),#fff; }
.fuseos .problems:before { content: ''; position: absolute; z-index: -1; inset: 0; background: url("../img/fuseos/problem-honeycomb.cd38588b7028.svg") top center / 44px 76.27px repeat; opacity: .55; mask-image: radial-gradient(ellipse at 50% 0,#000 10%,transparent 85%); }
.fuseos .problem-layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 36px; align-items: start; }
.fuseos .problem-copy { grid-column: 2; grid-row: 1; }
.fuseos .problem-copy .eyebrow { margin-bottom: 18px; }
.fuseos .problem-copy h2 { font-size: clamp(30px,3.34vw,48px); font-weight: 400; line-height: 1.12; }
.fuseos .problem-copy h2 span { font-weight: 700; }
.fuseos .problem-copy .section-description { margin-top: 22px; font-size: 18px; line-height: 1.6; }
.fuseos .problem-layout .problem-grid { grid-column: 1; grid-row: 1; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-top: 0; }
.fuseos .problem-card { padding: 24px; background: #ffffffb8; backdrop-filter: blur(2px); }
.fuseos .problem-card p { font-size: 18px; line-height: 1.45; }
.fuseos .problem-icon { width: 52px; height: 52px; margin-bottom: 16px; }
.fuseos .problem-icon > img { width: 52px; height: 52px; }
.fuseos .problem-icon .icon-glyph { top: 12px; left: 12px; }
html.is-products-scrolling { scroll-behavior: auto !important; }
@media(max-width:1023px) {
    .fuseos .problem-layout { gap: 24px; }
    .fuseos .problem-card { padding: 18px; }
    .fuseos .problem-card h3 { font-size: 13px; }
    .fuseos .problem-card p { font-size: 15px; }
}
@media(max-width:767px) {
    .fuseos .section.problems { padding-block: 40px; }
    .fuseos .problem-layout { grid-template-columns: 1fr; gap: 28px; }
    .fuseos .problem-copy { grid-column: 1; grid-row: 1; }
    .fuseos .problem-layout .problem-grid { grid-column: 1; grid-row: 2; gap: 14px; }
    .fuseos .problem-copy .section-description { font-size: 16px; }
    .fuseos .problem-card { padding: 16px; }
    .fuseos .problem-card h3 { font-size: 11px; overflow-wrap: anywhere; }
    .fuseos .problem-card p { font-size: 14px; }
}

.fuseos .ai-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.fuseos .ai-hero-backdrop:after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,#040c1c66,#040b18a6); }
@media(prefers-reduced-motion:reduce) { .fuseos .ai-hero-video { visibility: hidden; } }

/* Editable benefit list matching the supplied first-fold bullet treatment. */
.fuseos .ai-hero-promises { display: grid; gap: 14px; max-width: 660px; padding: 18px 30px; border-radius: 34px; list-style: none; text-align: left; background: #666dcc; color: #fff; font-size: 16px; font-weight: 500; line-height: 1.5; }
.fuseos .ai-hero-promises li { position: relative; padding-left: 34px; }
.fuseos .ai-hero-promises li:before { content: ''; position: absolute; left: 0; top: 1px; width: 24px; height: 24px; background: linear-gradient(90deg,#5d28d9,#05acd0); clip-path: polygon(0 0,100% 50%,0 100%,20% 50%); }
@media(max-width:767px) {
    .fuseos .ai-hero-promises { gap: 12px; padding: 18px; border-radius: 24px; font-size: 14px; }
    .fuseos .ai-hero-promises li { padding-left: 28px; }
    .fuseos .ai-hero-promises li:before { top: 1px; width: 20px; height: 20px; }
}

/* Approved homepage content refinements. */
.fuseos .audience-list > div{grid-template-columns:1fr}
.fuseos .audience-list h3{display:flex;align-items:center;gap:16px}
.fuseos .audience-icon{color:#77adff;flex:0 0 24px}
.fuseos .distribution-tagline{font-size:18px;line-height:1.6;margin-top:26px;color:#d3dff0;max-width:740px}
.fuseos .ai-hero-promises{background:#07142966;border:1px solid #ffffff0a;border-radius:16px}
.fuseos .ai-hero-promises li:before{content:"✓";background:none;clip-path:none;color:#36db88;font-size:22px;line-height:24px;font-weight:700}
.fuseos #demo-product,.fuseos #demo-product-trigger{width:100%;padding:10px 40px 10px 12px;border:1px solid #2a405f;border-radius:6px;background-color:#0d1b2f;color:#d9e1ee;font:inherit;font-size:14px;color-scheme:dark;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2393a4c1' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}
.fuseos #demo-product option{background:#0d1b2f;color:#d9e1ee}

.fuseos .planned-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.fuseos .planned-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px;background:#dae8ff;border-radius:8px}
.fuseos .planned-item span{font-size:12px;line-height:1.4;color:#10223e;overflow-wrap:anywhere}
.fuseos .planned-item img{width:clamp(36px,5vw,72px);height:auto;aspect-ratio:143/125;object-fit:cover;border-radius:6px;flex-shrink:0}
@media(max-width:480px){.fuseos .planned-grid{gap:8px}.fuseos .planned-item{padding:8px;flex-direction:column;align-items:flex-start}.fuseos .planned-item span{font-size:11px;min-height:31px}.fuseos .planned-item img{width:100%;max-width:72px}}

.fuseos button:focus:not(:focus-visible),.fuseos a:focus:not(:focus-visible),.fuseos summary:focus:not(:focus-visible){outline:none}

/* Product options stay inside the dialog instead of an OS-positioned select popup. */
.fuseos .demo-product-picker{position:relative}
.fuseos #demo-product-trigger{display:block;text-align:left;min-height:44px;cursor:pointer}
.fuseos .demo-product-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:2;padding:4px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #405a7c;border-radius:6px;background:#0d1b2f;box-shadow:0 10px 24px #0005}
.fuseos .demo-product-picker.opens-up .demo-product-options{top:auto;bottom:calc(100% + 6px)}
.fuseos .demo-product-options button{display:block;width:100%;min-height:44px;padding:10px 12px;text-align:left;font:inherit;font-size:14px;color:#d9e1ee;background:transparent;border:0;border-radius:4px;cursor:pointer}
.fuseos .demo-product-options button:hover,.fuseos .demo-product-options button:focus{background:#203b60;outline:none}
.fuseos .demo-product-options button[aria-selected=true]{color:#fff;background:#1b3558;font-weight:600}

/* Editable replacement for Rohan's tagline printed in the supplied artwork. */
.fuseos .ai-hero-art{container-type:inline-size}
.fuseos .rohan-tagline{position:absolute;left:72%;right:1.1%;top:68.1%;height:16.8%;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.8cqw;padding:1cqw 2.6cqw;border:1px solid #63c9ff;border-radius:2.2cqw;background:linear-gradient(165deg,#0c4dac 0%,#06378e 37%,#071e66 74%,#083580 100%);box-shadow:inset 0 .15cqw .65cqw #88bfff80,inset .12cqw 0 .5cqw #13aeed55,inset 0 -.2cqw .65cqw #237affaa,0 0 .25cqw #b4edff,0 .25cqw .8cqw #00baff80;color:#fff;font-family:Inter,sans-serif;font-size:1.85cqw;font-weight:400;line-height:1.15;text-align:left;transform:skewX(-8deg)}
.fuseos .rohan-tagline>span{transform:skewX(8deg);white-space:nowrap}
.fuseos .rohan-tagline>span:last-child{text-align:center}
.fuseos .rohan-name{display:flex;align-items:center;justify-content:flex-start;gap:1.3cqw;font-size:3.6cqw;font-weight:600;text-shadow:0 1px 2px #062360}
.fuseos .rohan-name svg{width:4.3cqw;height:4.3cqw;flex:0 0 auto;padding:.5cqw;border-radius:50%;background:linear-gradient(135deg,#20d7ff,#008cdf);box-shadow:0 0 .55cqw #00bbff80,inset 0 1px 2px #b5f4ff}



.fuseos .partner-carousel .partner-entry .partner-crop{display:flex;align-items:center;justify-content:center;width:100%;height:59px;padding:8px}
.fuseos .partner-carousel .partner-name{font-size:13px;font-weight:600;line-height:1.3;text-align:center;color:var(--ink);overflow-wrap:anywhere}

/* Alternate the product mockups and original AI team in one stable hero slot. */
.fuseos .ai-agent-carousel{position:relative;width:min(560px,100%);aspect-ratio:549/366;margin:24px auto 0;color:#fff}
.fuseos .ai-product-art,.fuseos .ai-agent-carousel .ai-hero-art{position:absolute;inset:0;width:100%;height:100%;margin:0;transition:opacity 1.6s ease-in-out}
.fuseos .ai-product-art{object-fit:contain;opacity:0}
.fuseos .ai-agent-carousel .ai-hero-art{max-width:none;opacity:0;isolation:isolate}
.fuseos [data-hero-slide=quote] .ai-product-quote,
.fuseos [data-hero-slide=dashboard] .ai-product-dashboard{opacity:1}
.fuseos [data-hero-slide=agents] .ai-hero-art{opacity:1}
.fuseos .ai-agent-carousel .ai-hero-art>img{display:block;width:100%;height:100%;object-fit:contain}
.fuseos .ai-agent-carousel .rohan-tagline{z-index:2}
.fuseos .ai-agent-status{position:absolute;z-index:3;top:0;right:1%;margin:0;padding:6px 12px;border:1px solid #263956;border-radius:8px;background:transparent;color:#fff;font-size:12px;font-weight:600;line-height:1.3;animation:ai-coming-soon 4s ease-in-out infinite alternate}
.fuseos [data-hero-paused=true] .ai-agent-status{animation-play-state:paused}
@keyframes ai-coming-soon{0%,25%{border-color:#263956;color:#fff}65%{border-color:#564172;color:#f3eaff}100%{border-color:#453362;color:#eee4ff}}
@media(max-width:767px){.fuseos .ai-agent-carousel{margin-top:20px}.fuseos .ai-agent-status{padding:4px 8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.fuseos .ai-agent-carousel[data-hero-slide] .ai-product-art{opacity:0;transition:none}.fuseos .ai-agent-carousel .ai-hero-art{opacity:1;transition:none}.fuseos .ai-agent-status{animation:none}}