.support-tile{position:relative;min-height:200px;display:flex;flex-direction:column;row-gap:8px;padding:22px 24px;border-radius:6px;border-top:4px solid var(--brand-blue);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.support-tile:hover{border-color:var(--brand-blue);box-shadow: 0 4px 16px 0 rgba(0,131,182,0.10);transform:translate3d(0,-1px,0);}.software-card{position:relative;min-height:200px;display:flex;flex-direction:column;row-gap:8px;padding:20px 22px;border-radius:6px;border-top:4px solid var(--brand-blue);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.software-card:hover{border-color:var(--brand-blue);box-shadow: 0 4px 16px 0 rgba(0,131,182,0.10);transform:translate3d(0,-1px,0);}.software-card-legacy{min-height:200px;display:flex;flex-direction:column;row-gap:8px;padding:20px 22px;border-radius:6px;border-top:4px solid var(--brand-orange);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;}.callout-left{padding:14px 18px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:3px solid var(--brand-blue);background-color:rgba(0,131,182,0.06);}.oss-card-firmware{display:flex;flex-direction:column;row-gap:9px;padding:18px 20px 16px;border-radius:6px;border-top:4px solid var(--brand-purple);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.oss-card-firmware:hover{border-color:var(--brand-blue);box-shadow: 0 4px 16px 0 rgba(0,131,182,0.08);transform:translate3d(0,-1px,0);}.oss-card-hardware{display:flex;flex-direction:column;row-gap:9px;padding:18px 20px 16px;border-radius:6px;border-top:4px solid var(--brand-orange);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.oss-card-hardware:hover{border-color:var(--brand-blue);box-shadow: 0 4px 16px 0 rgba(0,131,182,0.08);transform:translate3d(0,-1px,0);}.oss-card-app{display:flex;flex-direction:column;row-gap:9px;padding:18px 20px 16px;border-radius:6px;border-top:4px solid var(--brand-blue);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.oss-card-app:hover{border-color:var(--brand-blue);box-shadow: 0 4px 16px 0 rgba(0,131,182,0.08);transform:translate3d(0,-1px,0);}.oss-card-sdk{display:flex;flex-direction:column;row-gap:9px;padding:18px 20px 16px;border-radius:6px;border-top:4px solid var(--brand-green);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.oss-card-sdk:hover{border-color:var(--brand-blue);box-shadow: 0 4px 16px 0 rgba(0,131,182,0.08);transform:translate3d(0,-1px,0);}.oss-card-examples{display:flex;flex-direction:column;row-gap:9px;padding:18px 20px 16px;border-radius:6px;border-top:4px solid var(--brand-red);border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background-color:#ffffff;color:#1a1a1a;transition:border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;}.oss-card-examples:hover{border-color:var(--brand-blue);box-shadow: 0 4px 16px 0 rgba(0,131,182,0.08);transform:translate3d(0,-1px,0);}.gb-button-wrapper .button-default, .gb-button-wrapper .button-default:visited{font-weight:700;padding:10px 20px;border-radius:4px;background-color:var(--accent);color:#ffffff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.gb-button-wrapper .button-default:hover, .gb-button-wrapper .button-default:active, .gb-button-wrapper .button-default:focus{background-color:var(--contrast);color:#ffffff;}.hero-fw{padding:50px 16px;}.section-fw{padding-top:1px;margin:20px 16px;}.grid-1-wrapper{display:flex;flex-wrap:wrap;margin-left:-30px;}.grid-1-wrapper > .gb-grid-column{box-sizing:border-box;padding-left:30px;padding-bottom:34px;}.grid-1-cell{border-bottom:3px solid var(--accent);background-color:#ffffff;}.grid-1-cell > .gb-inside-container{padding:16px;}.grid-1-cell:hover{transform:scale(1.1) perspective(1000px);transition:all 0.3s ease;}.grid-2-wrapper{display:flex;flex-wrap:wrap;margin-left:-70px;}.grid-2-wrapper > .gb-grid-column{box-sizing:border-box;padding-left:70px;padding-bottom:35px;}.grid-2-cell{border-top:5px solid #0b3c49;background-color:#ffffff;}.grid-2-cell > .gb-inside-container{padding:15px 8px 0;}.grid-2-cell:hover{transform:scale(1.1) perspective(1000px);transition:all 0.3s ease;}.grid-1-title{font-weight:600;color:var(--accent);}.grid-1-desc{text-align:left;}.grid-2-title{font-size:25px;letter-spacing:0.04em;text-transform:capitalize;color:var(--accent);display:flex;align-items:flex-start;}.grid-2-title .gb-icon{line-height:0;padding-right:15px;display:inline-flex;}.grid-2-title .gb-icon svg{width:25px;height:25px;fill:currentColor;}@media (max-width: 767px){.grid-2-title{font-size:20px;}}.nq-card--orange{--card-color:var(--brand-orange);}.nq-card--red{--card-color:var(--brand-red);}.nq-card--blue{--card-color:var(--brand-blue);}.nq-card--green{--card-color:var(--brand-green);}.nq-card--purple{--card-color:var(--brand-purple);}} .nq1-hero-wave { border-radius: 6px; margin-bottom: 0 !important; } .nq1-hero-wave h2 { margin: 0 0 14px 0 !important; } .nq1-hero-wave p { margin: 0 !important; } h4:has(.nq-card-icon) { font-size: 1.25em; line-height: 1.3; position: relative; display: block; padding-bottom: 10px; margin-bottom: 14px; } h4:has(.nq-card-icon)::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(0, 0, 0, 0.08); } h4:has(.nq-card-icon)::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: var(--card-color, var(--accent)); transition: width 280ms cubic-bezier(0.4, 0, 0.2, 1); z-index: 1; } @media (hover: hover) { .nq-card:hover h4:has(.nq-card-icon)::before { transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1); } } .nq-card.is-active h4:has(.nq-card-icon)::before { transition: width 400ms cubic-bezier(0.4, 0, 0.2, 1); } @media (hover: hover) { .nq-card:hover h4:has(.nq-card-icon)::before { width: 100%; } } .nq-card.is-active h4:has(.nq-card-icon)::before { width: 100%; } .nq-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-right: 12px; font-size: 30px; color: #888; vertical-align: -10px; transition: color 240ms cubic-bezier(0.4, 0, 0.2, 1), transform 240ms cubic-bezier(0.4, 0, 0.2, 1); } @media (hover: hover) { .nq-card:hover .nq-card-icon { color: var(--card-color, var(--accent)); transform: scale(1.2); transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1); } } .nq-card.is-active .nq-card-icon { color: var(--card-color, var(--accent)); transform: scale(1.2); transition: color 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1); } .atomic-spec { display: inline-flex; flex-direction: column; align-items: center; text-align: center; margin: 0 0.1em; vertical-align: middle; line-height: 1; } .atomic-spec .value { font-size: 1em; font-weight: 700; color: var(--accent); line-height: 1; letter-spacing: -0.01em; } .atomic-spec .unit { font-size: 0.6em; color: var(--contrast); text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; margin-top: 1px; line-height: 1; opacity: 0.85; } .atomic-spec.atomic-spec--accent .unit { color: var(--accent); opacity: 0.7; } .atomic-line { display: inline-flex; align-items: center; gap: 0.25em; flex-wrap: wrap; margin: 4px 0; } .nq1-wave-v6 { width: 100%; height: 50px; display: block; } .nq1-hero-wave { position: relative; overflow: hidden; padding-bottom: 30px !important; margin-bottom: 40px !important; } .nq1-hero-wave .nq1-wave-v6 { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 50px; pointer-events: none; } .nq-card .gb-inside-container:has(> .nq-github-link) { display: flex; flex-direction: column; height: 100%; } .nq-github-link, .nq-github-link:visited { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 14px; color: #888 !important; font-size: 13px; text-decoration: none !important; align-self: flex-start; transition: color 200ms ease; } .nq-github-link i, .nq-github-link span { color: #888 !important; line-height: 1; transition: color 200ms ease; } .nq-github-link:hover, .nq-github-link:focus, .nq-github-link:active, .nq-github-link:hover i, .nq-github-link:hover span, .nq-github-link:focus i, .nq-github-link:focus span { color: var(--accent) !important; } .nq-github-link i { font-size: 24px; }