.support-hub{--sh-ink:#17212c;--sh-muted:#53616b;--sh-line:#dce2e6;color:var(--sh-ink);background:#f7f8f8;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.support-hub *{box-sizing:border-box}.support-hub .sh-wrap{width:calc(100% - 80px);max-width:1220px;margin-inline:auto}.support-hub h1,.support-hub h2,.support-hub h3,.support-hub p{margin:0}.support-hub a{color:inherit;text-underline-offset:5px}.support-hub :focus-visible{outline:2px solid #28617f;outline-offset:6px}.support-hub .sh-intro{padding-block:88px 76px}.support-hub .sh-eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.5;color:#586d7d;margin-bottom:24px}.support-hub h1{font-size:clamp(46px,5.7vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1.06;max-width:900px}.support-hub .sh-lead{font-size:18px;line-height:1.65;max-width:560px;color:var(--sh-muted);margin-top:24px}.support-hub .sh-back{display:inline-flex;align-items:center;min-height:44px;font-size:13px;margin-bottom:24px;text-decoration:none}.support-hub .sh-directory{padding-bottom:88px}.support-hub .sh-row{display:grid;grid-template-columns:32px 1.1fr 1fr auto;gap:28px;align-items:center;min-height:122px;padding:28px 4px;border-top:1px solid var(--sh-line);text-decoration:none;transition:background-color .18s,color .18s}.support-hub .sh-row:last-child{border-bottom:1px solid var(--sh-line)}.support-hub .sh-row:hover{background:#edf2f5}.support-hub .sh-number{font-size:12px;color:#667885;font-variant-numeric:tabular-nums}.support-hub .sh-row h2{font-size:clamp(23px,2.2vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.035em}.support-hub .sh-row p{font-size:14px;line-height:1.65;max-width:310px;color:var(--sh-muted)}.support-hub .sh-row-action{display:flex;align-items:center;gap:18px;font-size:12px}.support-hub .sh-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #becbd3;border-radius:50%;font-size:20px;flex-shrink:0}.support-hub .sh-guides{background:#eaf0f3;padding-block:72px;scroll-margin-top:100px}.support-hub .sh-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.support-hub .sh-section-heading h2{font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.12;letter-spacing:-.04em}.support-hub .sh-section-heading>p{max-width:270px;color:var(--sh-muted);font-size:15px;line-height:1.65}.support-hub .sh-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.support-hub .sh-video{aspect-ratio:16/9;background:#dce4e9;display:grid;place-items:center;overflow:hidden}.support-hub .sh-video video{display:block;width:100%;height:100%;object-fit:contain}.support-hub .sh-video p{padding:24px;line-height:1.6}.support-hub .sh-video-caption{display:flex;gap:20px;margin-top:22px}.support-hub h3{font-size:21px;line-height:1.3;font-weight:400;letter-spacing:-.025em}.support-hub .sh-video-caption p{font-size:14px;color:var(--sh-muted);line-height:1.65;margin-top:8px}.support-hub .sh-manual{background:transparent;display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #ccd8df;margin-top:48px;padding-top:32px;scroll-margin-top:100px}.support-hub .sh-manual p{margin-top:8px;margin-bottom:0;font-size:14px}.support-hub .sh-manual-link{display:inline-flex;min-height:44px;align-items:center;font-size:14px}#MainContent:has(.support-hub) .sc-wrap{max-width:1220px;width:calc(100% - 80px);padding:72px 0}#MainContent:has(.support-hub) .sc--contact{background:#f7f8f8}#MainContent:has(.support-hub) .sc--contact .sc-wrap{padding-block:88px}#MainContent:has(.support-hub) .sc-contact-grid{gap:10%}#MainContent:has(.support-hub) .sc--contact h2{font-size:42px}#MainContent:has(.support-hub) .sc--faq{background:#fff}#MainContent:has(.support-hub) .sc--care{background:#eaf0f3}#MainContent:has(.support-hub) .sc--additional{background:#f7f8f8}@media(max-width:989px){.support-hub .sh-row{grid-template-columns:24px 1fr 1fr;gap:20px}.support-hub .sh-row-action{grid-column:2/-1}.support-hub .sh-intro{padding-top:64px}}@media(max-width:749px){.support-hub .sh-wrap,#MainContent:has(.support-hub) .sc-wrap{width:calc(100% - 40px)}.support-hub .sh-intro{padding-block:48px 40px}.support-hub h1{font-size:48px}.support-hub .sh-lead{font-size:16px;margin-top:20px}.support-hub .sh-directory{padding-bottom:48px}.support-hub .sh-row{grid-template-columns:22px 1fr 40px;gap:12px;padding:24px 0;min-height:0}.support-hub .sh-row h2{font-size:24px}.support-hub .sh-row p{grid-column:2;max-width:none;font-size:14px}.support-hub .sh-row-action{grid-column:2/-1;font-size:12px;justify-content:space-between}.support-hub .sh-guides{padding-block:48px}.support-hub .sh-section-heading{display:block;margin-bottom:28px}.support-hub .sh-section-heading>p{margin-top:20px}.support-hub .sh-video-grid{grid-template-columns:1fr;gap:36px}.support-hub .sh-manual{display:block;margin-top:32px;padding-top:28px}.support-hub .sh-manual-link{margin-top:16px}#MainContent:has(.support-hub) .sc-wrap,#MainContent:has(.support-hub) .sc--contact .sc-wrap{padding-block:48px}#MainContent:has(.support-hub) .sc--contact h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.support-hub .sh-row{transition:none}}#MainContent:has(.support-hub) [hidden]{display:none!important}.support-hub--detail .sh-intro{padding-bottom:36px}.support-hub--detail .sh-directory{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:40px}.support-hub--detail .sh-row{display:flex;min-height:48px;padding:12px 18px;border:1px solid var(--sh-line);background:#fff}.support-hub--detail .sh-row h2{font-size:15px;letter-spacing:0}.support-hub--detail .sh-number,.support-hub--detail .sh-row p,.support-hub--detail .sh-row-action{display:none}.support-hub #warranty-service{scroll-margin-top:100px}.support-hub #warranty-service h2{font-size:36px;font-weight:400;letter-spacing:-.035em}.support-hub .sh-warranty-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px;font-size:14px}.support-hub .sh-warranty-links a{display:inline-flex;align-items:center;min-height:44px}.support-hub .sh-legacy-anchor{display:block;height:0;scroll-margin-top:100px}.support-hub--landing .sh-intro-band{background:#10283b;color:#f5f7fa}.support-hub--landing .sh-intro{padding-block:190px 110px;text-align:center}.support-hub--landing .sh-intro h1{color:#f5f7fa;margin-inline:auto;font-size:clamp(48px,5.2vw,72px);font-weight:500;letter-spacing:-.045em}.support-hub .sh-contact-button{display:inline-flex;flex-shrink:0;gap:30px;align-items:center;min-height:60px;padding:8px 8px 8px 26px;background:#f5f7fa;color:#17212c;text-decoration:none;border-radius:999px;font-size:15px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.support-hub .sh-contact-button span{display:grid;place-items:center;width:44px;height:44px;background:#17212c;color:#fff;border-radius:50%;font-size:22px;transition:transform .25s ease,background-color .25s ease,color .25s ease}.support-hub .sh-contact-button--email span{background:#f5f7fa;color:#17212c}@media(hover:hover)and (pointer:fine){.support-hub .sh-contact-button:hover{transform:translateY(-5px);box-shadow:0 14px 32px #00000029}.support-hub .sh-contact-button:hover span{transform:translate(2px,-2px);background:#253747;color:#fff}}.support-hub .sh-contact-button:focus-visible span{transform:translate(2px,-2px);background:#253747;color:#fff}@media(prefers-reduced-motion:reduce){.support-hub .sh-contact-button,.support-hub .sh-contact-button span{transition:none}.support-hub .sh-contact-button:hover,.support-hub .sh-contact-button:hover span{transform:none}}.support-hub--landing .sh-intro .sh-eyebrow{color:#a4becf}.support-hub--landing .sh-intro .sh-lead{color:#c6d1d9;margin-inline:auto;max-width:620px}.support-hub--landing .sh-category-heading{text-align:center;padding-block:72px 40px}.support-hub--landing .sh-category-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.15;font-weight:500;letter-spacing:-.035em}.support-hub--landing .sh-category-heading p{margin-top:16px;font-size:16px;color:var(--sh-muted)}.support-hub--landing .sh-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-bottom:64px}.support-hub--landing .sh-row{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:268px;padding:36px;border:1px solid #e2e8ec;border-radius:16px;background:#fff;box-shadow:0 3px 12px #17212c09;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}.support-hub--landing .sh-row>.sh-number{display:none}.support-hub--landing .sh-row h2{font-size:26px;font-weight:500;line-height:1.2;margin-top:12px;margin-bottom:16px}.support-hub--landing .sh-row p{font-size:15px;line-height:1.65;max-width:290px;margin-bottom:28px}.support-hub--landing .sh-row-action{width:100%;margin-top:auto;justify-content:space-between;gap:12px;font-size:13px;color:#375f77}.support-hub--landing .sh-arrow{border:0;background:#f0f4f7;color:#375f77;transition:transform .25s ease,background-color .25s ease,color .25s ease}.support-hub--landing .sh-row:focus-visible{border-color:#8aadc4;outline-offset:4px}.support-hub--landing .sh-row:focus-visible .sh-arrow{background:#253747;color:#fff}.support-hub--landing .sh-legacy-anchor{position:absolute;top:0;left:0}@media(hover:hover)and (pointer:fine){.support-hub--landing .sh-row:hover{transform:translateY(-5px);border-color:#afc5d3;background:#fcfdff;box-shadow:0 14px 32px #17212c17}.support-hub--landing .sh-row:hover .sh-arrow{transform:translate(2px,-2px);background:#253747;color:#fff}}@media(max-width:989px){.support-hub--landing .sh-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.support-hub--landing .sh-row{padding:28px;min-height:260px}}@media(max-width:599px){.support-hub--landing .sh-intro{padding-block:140px 72px}.support-hub--landing .sh-intro h1{font-size:46px}.support-hub--landing .sh-category-heading{padding-block:44px 28px}.support-hub--landing .sh-directory{grid-template-columns:1fr;gap:16px;padding-bottom:56px}.support-hub--landing .sh-row{min-height:224px;padding:28px}.support-hub--landing .sh-row h2{font-size:25px;margin-top:0}.support-hub--landing .sh-row p{margin-bottom:24px}.support-hub--landing .sh-category-heading h2{font-size:32px}}@media(prefers-reduced-motion:reduce){.support-hub--landing .sh-row,.support-hub--landing .sh-arrow{transition:none}.support-hub--landing .sh-row:hover,.support-hub--landing .sh-row:hover .sh-arrow{transform:none}}body:has(.support-hub--landing) .sg-header-shell{position:fixed;top:24px;left:max(32px,calc((100% - 1360px)/2));right:max(32px,calc((100% - 1360px)/2));z-index:100;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#e6edf3;box-shadow:0 5px 18px #17212c1c;color:#253747}@supports (backdrop-filter:blur(1px)){body:has(.support-hub--landing) .sg-header-shell{background:linear-gradient(110deg,#e7f1f9a8,#bfd8ed99);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}}body:has(.support-hub--landing) .sg-header{min-height:66px;padding:4px 22px;max-width:none}body:has(.support-hub--landing) .sg-header .sg-brand-image{width:78px;height:auto;filter:brightness(0) saturate(100%) invert(21%) sepia(13%) saturate(750%) hue-rotate(166deg) brightness(93%) contrast(89%)}body:has(.support-hub--landing) .section-header{position:static;z-index:100;margin-bottom:0}.support-hub .sh-contact-band{background:#10283b;color:#f5f7fa}.support-hub .sh-contact-cta{display:flex;align-items:center;justify-content:space-between;gap:64px;padding:88px 0 96px}.support-hub .sh-contact-cta .sh-eyebrow{color:#a4becf;margin:0 0 24px}.support-hub .sh-contact-cta h2{color:#f5f7fa;font-size:clamp(40px,4.5vw,64px);font-weight:500;line-height:1.12;letter-spacing:-.04em}.support-hub .sh-contact-cta p:not(.sh-eyebrow){color:#c6d1d9;margin-top:28px;font-size:17px;line-height:1.6}.support-hub .sh-contact-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px}.support-hub .sh-contact-button--email{background:transparent!important;color:#f5f7fa!important;border:1px solid #91a7b8}.support-hub .sh-manual-host{background:transparent;padding:0;margin:0;scroll-margin-top:100px}.support-hub .sh-contact-button{display:inline-flex;flex-shrink:0;gap:30px;align-items:center;min-height:60px;padding:8px 8px 8px 26px;background:#f5f7fa;color:#17212c;text-decoration:none;border-radius:999px;font-size:15px}.support-hub .sh-contact-button span{display:grid;place-items:center;width:44px;height:44px;background:#17212c;color:#fff;border-radius:50%;font-size:22px;transition:transform .2s ease}.support-hub .sh-contact-button:hover span{transform:rotate(45deg)}.support-hub .sh-contact-band :focus-visible{outline-color:#b7e5ff}.support-hub--landing .sh-guides{padding-block:96px;background:#f1f5f7}.support-hub--landing .sh-guides>.sh-wrap{max-width:1360px;width:calc(100% - 64px)}.support-hub--landing .sh-guides .sh-section-heading{margin-bottom:48px}.support-hub--landing .sh-guides .sh-eyebrow{display:inline-block;padding:8px 13px;border:1px solid #cbd7de;border-radius:999px;margin-bottom:22px}.support-hub--landing .sh-video-grid{gap:28px}.support-hub--landing .sh-video-grid article{min-width:0;background:#fff;border:1px solid #e0e7ec;border-radius:24px;overflow:hidden;box-shadow:0 6px 20px #17212c09}.support-hub--landing .sh-video{border-radius:23px 23px 0 0}.support-hub--landing .sh-video-caption{margin:0;padding:28px 30px 32px}@media(prefers-reduced-motion:reduce){.support-hub .sh-contact-button span{transition:none}.support-hub .sh-contact-button:hover span{transform:none}}@media(max-width:749px){body:has(.support-hub--landing) .sg-header-shell{top:12px;left:12px;right:12px}body:has(.support-hub--landing) .sg-header{min-height:60px;padding:5px 10px;gap:6px}body:has(.support-hub--landing) .sg-header .sg-brand-image{width:72px}body:has(.support-hub--landing) .sg-mobile-actions{gap:2px}.support-hub .sh-contact-cta{display:block;padding:64px 0}.support-hub .sh-contact-actions{margin-top:32px;justify-content:flex-start}.support-hub .sh-contact-button{margin-top:0;gap:18px}.support-hub--landing .sh-guides{padding-block:60px}.support-hub--landing .sh-guides>.sh-wrap{width:calc(100% - 40px)}.support-hub--landing .sh-video-caption{padding:22px}.support-hub--landing .sh-video-grid article{border-radius:20px}.support-hub--landing .sh-video{border-radius:19px 19px 0 0}}body:has(.support-hub--landing) .sg-header-shell{transition:top .2s ease,left .2s ease,right .2s ease,border-radius .2s ease}body:has(.support-hub--landing) .sg-header-shell.sh-header-scrolled{top:0;left:0;right:0;border-radius:0;background:#f7f8f8;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 8px #17212c14}body:has(.support-hub--landing) .sh-header-scrolled .sg-header{max-width:1360px;margin-inline:auto}body:has(.support-hub--landing) .sh-header-scrolled .sg-header .sg-brand-image{filter:none}body:has(.support-hub--landing) .sg-footer .sg-brand-image{filter:brightness(0) invert(1)}@media(prefers-reduced-motion:reduce){body:has(.support-hub--landing) .sg-header-shell{transition:none}}#MainContent:has(.support-hub--landing) .sc--contact .sc-contact-grid>div:last-child{background:#fff;border:1px solid #e0e6ea;border-radius:24px;padding:38px;box-shadow:0 8px 30px #17212c0b}#MainContent:has(.support-hub--landing) .sc--contact .sc-form input,#MainContent:has(.support-hub--landing) .sc--contact .sc-form textarea{background:#f7f8f8;border:1px solid #e0e5e8;border-radius:14px;min-height:54px;padding:15px 16px}#MainContent:has(.support-hub--landing) .sc--contact .sc-form textarea{min-height:160px}#MainContent:has(.support-hub--landing) .sc--contact .sc-form button{min-height:52px;padding-inline:28px;border-radius:999px}#MainContent:has(.support-hub--landing) .sc--contact .sc-contact-grid>div:first-child a{display:inline-flex;align-items:center;min-height:48px;font-size:18px;font-weight:600;overflow-wrap:anywhere}@media(max-width:749px){#MainContent:has(.support-hub--landing) .sc--contact .sc-contact-grid>div:last-child{padding:26px 20px;border-radius:20px}}.support-hub--landing .sh-intro .sh-eyebrow{position:relative;display:inline-block;padding-bottom:15px}.support-hub--landing .sh-intro .sh-eyebrow:after{content:"";position:absolute;inset:auto -9px 0;height:1px;background:linear-gradient(90deg,transparent,#64c9ff 42%,#64c9ff 58%,transparent);clip-path:polygon(0 50%,42% 0,58% 0,100% 50%,58% 100%,42% 100%);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/saitrio-support-hub.css.map */