html:has(.smg-lp),body:has(.smg-lp){overflow-x:clip!important} .container:has(.smg-lp),.content:has(.smg-lp),.entry-content-wrapper:has(.smg-lp),.post-entry:has(.smg-lp),.av_textblock_section:has(.smg-lp),.avia_textblock:has(.smg-lp),.elementor-widget-html:has(.smg-lp),.elementor-widget-container:has(.smg-lp){padding:0!important;margin:0!important;max-width:none!important;background:transparent!important} .smg-lp{--o:#F28D28;--ink:#050708;--s1:#0c0f12;--s2:#13171b;--tx:#e9ecef;--mu:#9aa3ab;--ln:rgba(255,255,255,.09); font-family:'Red Hat Display',-apple-system,'Segoe UI',sans-serif!important;background:var(--ink)!important;color:var(--tx)!important;-webkit-font-smoothing:antialiased;line-height:1.6!important;font-size:17px!important} .smg-lp *,.smg-lp *::before,.smg-lp *::after{box-sizing:border-box} .smg-fw{width:100vw!important;max-width:100vw!important;margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;position:relative!important} .smg-wrap{max-width:1280px!important;margin:0 auto!important;padding:0 24px!important} .smg-lp p{color:var(--tx)!important;margin:0 0 1em!important;font-size:17px!important} .smg-lp a{color:var(--o)!important;text-decoration:none!important} .smg-lp a:hover{text-decoration:underline!important} .smg-mono{font-family:'Red Hat Mono',ui-monospace,Consolas,monospace!important} .smg-lp h1,.smg-lp h2,.smg-lp h3{color:#fff!important;font-family:inherit!important;text-transform:none!important}.smg-hero{background:radial-gradient(120% 90% at 85% 40%,#15100a 0%,var(--ink) 55%)!important;padding:72px 0 88px!important} .smg-hero-grid{display:grid!important;grid-template-columns:.9fr 1.25fr!important;gap:40px!important;align-items:center!important} .smg-bc{font-size:14px!important;color:var(--mu)!important;margin-bottom:28px!important} .smg-lp .smg-bc a{color:var(--mu)!important} .smg-h1{font-size:clamp(1.9rem,3vw,2.75rem)!important;white-space:nowrap;font-weight:900!important;line-height:1!important;letter-spacing:-.035em!important;margin:0 0 24px!important;word-break:break-word} .smg-h1 span{display:block!important;font-weight:500!important;font-size:.42em!important;letter-spacing:0!important;color:var(--o)!important;margin-bottom:10px!important} .smg-lede{font-size:20px!important;line-height:1.5!important;color:#cfd5da!important;max-width:34em} .smg-ctas{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:22px!important;margin-top:30px!important} .smg-lp .smg-btn{display:inline-block!important;background:var(--o)!important;color:#111!important;font-weight:700!important;padding:15px 28px!important;border-radius:4px!important;transition:transform .15s,background .15s!important} .smg-lp .smg-btn:hover{background:#ffa24a!important;text-decoration:none!important;transform:translateY(-1px)} .smg-lp .smg-link{color:#fff!important;border-bottom:1px solid var(--o)!important} .smg-lp .smg-link:hover{text-decoration:none!important;color:var(--o)!important} .smg-fig{margin:0!important;text-align:center} .smg-fig figcaption{margin-top:14px!important;font-size:13px!important;color:var(--mu)!important;letter-spacing:.04em} .smg-svg{width:100%!important;max-height:600px!important;height:auto!important;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))} .c-body{fill:url(#smgbody);stroke:var(--st,#353c43);stroke-width:1.5} .c-ear{fill:#14171a} .c-zone{fill:transparent;stroke:transparent;stroke-width:1.5;transition:fill .25s,stroke .25s} .c-bay{fill:#0e1114;stroke:#30373e} .c-gpu{fill:#101316;stroke:#2c3238} .c-fan{fill:none;stroke:#3a4249;stroke-width:2;stroke-dasharray:3 4} .c-vent{fill:#0b0d0f} .c-port{fill:#0b0d0f;stroke:#4a535b} .c-led{fill:var(--o);animation:smgled 2.4s ease-in-out infinite} @keyframes smgled{50%{opacity:.35}} .smg-svg g.on .c-zone{fill:rgba(242,141,40,.12);stroke:var(--o)} .smg-svg g.on .c-fan{stroke:var(--o);animation:smgspin 1.2s linear infinite;transform-box:fill-box;transform-origin:center} @keyframes smgspin{to{transform:rotate(360deg)}}.smg-sec{padding:96px 0!important} .smg-s1{background:var(--ink)!important} .smg-s2{background:var(--ink)!important} .smg-s3{background:var(--ink)!important} .smg-s4{background:var(--ink)!important} .smg-h2{font-size:clamp(1.6rem,2.8vw,2.3rem)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.15!important;margin:0 0 22px!important} .smg-h3{font-size:1.25rem!important;font-weight:700!important;margin:36px 0 12px!important} .smg-cols{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:56px!important;align-items:start!important} .smg-prose{max-width:780px!important} .smg-ext::after{content:" ↗"}.smg-lp table{width:100%!important;border-collapse:collapse!important;margin:0!important;border:0!important;background:transparent!important} .smg-lp th,.smg-lp td{background:transparent!important;border:0!important;border-bottom:1px solid var(--ln)!important;padding:14px 12px!important;text-align:left!important;vertical-align:top!important;color:var(--tx)!important;font-size:16px!important} .smg-lp tr{background:transparent!important} .smg-spec th{width:34%!important;color:var(--mu)!important;font-weight:500!important} .smg-spec td{font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:15px!important} .smg-spec tr[data-z]{cursor:default;transition:background .2s} .smg-spec tr.on th,.smg-spec tr.on td{background:rgba(242,141,40,.08)!important} .smg-spec tr.on th{color:var(--o)!important} .smg-cmp thead th{color:var(--mu)!important;font-weight:500!important;font-size:14px!important} .smg-cmp tbody th{font-family:'Red Hat Mono',ui-monospace,monospace!important;font-weight:500!important;white-space:nowrap} .smg-scroll{overflow-x:auto!important}.smg-lp details{border-bottom:1px solid var(--ln)!important;padding:4px 0!important} .smg-lp summary{cursor:pointer;font-weight:700!important;font-size:18px!important;padding:16px 0!important;list-style:none;color:#fff!important} .smg-lp summary::-webkit-details-marker{display:none} .smg-lp summary::after{content:"+";float:right;color:var(--o);font-weight:400;transition:transform .2s} .smg-lp details[open] summary::after{transform:rotate(45deg)} .smg-lp details p{color:#cfd5da!important}.smg-cta{background:var(--ink)!important;padding:96px 0 120px!important} .smg-lp .smg-cta .smg-h2{font-size:clamp(2rem,4vw,3.4rem)!important;max-width:15em} .smg-lp .smg-cta p{color:#cfd5da!important;max-width:40em}@supports (animation-timeline:view()){ @media (prefers-reduced-motion:no-preference){ .smg-s1{animation:smgsheet linear both;animation-timeline:view();animation-range:entry 0% entry 60%} .smg-s2 .smg-wrap{animation:smgblur linear both;animation-timeline:view();animation-range:entry 10% entry 70%} .smg-s3{animation:smgclip linear both;animation-timeline:view();animation-range:entry 0% entry 70%} .smg-s4 details{animation:smgrise linear both;animation-timeline:view();animation-range:entry 0% entry 100%} @keyframes smgsheet{from{transform:translateY(80px);border-radius:60px 60px 0 0}} @keyframes smgblur{from{opacity:0;filter:blur(10px)}} @keyframes smgclip{from{clip-path:inset(0 8% 0 8% round 24px)}} @keyframes smgrise{from{opacity:0;transform:translateY(24px)}} } } @media (prefers-reduced-motion:reduce){.c-led,.smg-svg g.on .c-fan{animation:none!important}} @media (max-width:860px){ .smg-hero{padding:40px 0 64px!important} .smg-hero-grid,.smg-cols{grid-template-columns:1fr!important;gap:32px!important} .smg-fig{order:-1} .smg-svg{max-height:300px!important} .c-cota{display:none} .smg-sec{padding:64px 0!important} .smg-wrap{padding:0 16px!important} .smg-lede{font-size:18px!important} .smg-h1{white-space:normal!important} .smg-cmp thead{display:none} .smg-cmp tr{display:block!important;border-bottom:1px solid var(--ln)!important;padding:10px 0!important} .smg-cmp th,.smg-cmp td{display:block!important;border:0!important;padding:3px 0!important} .smg-spec th{width:40%!important} } .c-cota polyline{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1;stroke-dasharray:2 3;transition:stroke .2s} .c-cota circle{fill:var(--o)} .c-cota text{font-family:"Red Hat Mono",ui-monospace,monospace;font-size:17px;fill:#e9ecef} .c-cota .k{fill:#8b949c;font-family:"Red Hat Display",sans-serif;font-size:15px} .smg-svg g.c-cota.on polyline{stroke:var(--o);stroke-dasharray:none} .smg-svg g.c-cota.on text{fill:var(--o)}.smg-hh{padding:96px 0 120px!important;overflow:hidden!important} .smg-hub-hero{grid-template-columns:1fr 1.1fr!important;position:relative;z-index:2} .smg-lp .smg-kick{color:var(--o)!important;font-size:15px!important;letter-spacing:.02em!important;margin:0 0 18px!important;min-height:1.6em} .smg-h1-hub{white-space:normal!important;font-size:clamp(2.4rem,4.6vw,4.2rem)!important;line-height:1!important} .smg-horizon{position:absolute!important;left:-10%!important;right:-10%!important;bottom:-74%!important;height:90%!important;border-radius:50%!important; background:radial-gradient(closest-side,#050708 92%,transparent 100%)!important;box-shadow:0 -2px 0 rgba(242,141,40,.9),0 -18px 60px rgba(242,141,40,.35),0 -60px 160px rgba(242,141,40,.18)!important;z-index:1;pointer-events:none}.smg-lp .smg-tilt{display:block!important;perspective:900px;text-decoration:none!important;color:var(--mu)!important} .smg-tilt-in{display:block;transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform} .smg-tilt-img{width:100%!important;height:auto!important;display:block;filter:drop-shadow(0 40px 40px rgba(0,0,0,.7)) drop-shadow(0 0 1px rgba(255,255,255,.3)) brightness(1.15)} .smg-tilt-cap{display:block;text-align:center;margin-top:18px;font-size:14px!important;color:var(--mu)!important} .smg-tilt-cap .smg-mono{color:#fff!important}.smg-pans{display:flex!important;gap:10px!important;height:440px!important;margin-top:8px!important} .smg-lp .smg-pan{position:relative!important;flex:1 1 0!important;min-width:0!important;border-radius:10px!important;overflow:hidden!important;background:linear-gradient(180deg,#171b1f,#0e1114)!important; color:var(--tx)!important;text-decoration:none!important;transition:flex-grow .55s cubic-bezier(.2,.8,.2,1),background .3s!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:22px!important} .smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2),.smg-lp .smg-pan:hover,.smg-lp .smg-pan:focus-visible{flex-grow:3.4!important} .smg-lp .smg-pan:hover,.smg-lp .smg-pan:focus-visible,.smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2){background:linear-gradient(180deg,#1d1712,#0e1114)!important} .smg-pan-fig{flex:1;display:flex;align-items:center;justify-content:center;min-height:0} .smg-pan-fig img{max-width:100%!important;max-height:210px!important;width:auto!important;height:auto!important;filter:brightness(1.15) drop-shadow(0 20px 24px rgba(0,0,0,.6));transition:transform .55s cubic-bezier(.2,.8,.2,1)} .smg-lp .smg-pan:hover .smg-pan-fig img{transform:scale(1.06)} .smg-pan-txt{display:flex;flex-direction:column;gap:6px;min-width:0} .smg-pan-h{font-weight:800!important;font-size:19px!important;color:#fff!important;line-height:1.15} .smg-pan-n{font-size:13px!important;color:var(--o)!important} .smg-pan-p,.smg-pan-go{max-height:0;opacity:0;overflow:hidden;transition:opacity .3s,max-height .45s;font-size:15px!important;color:#cfd5da!important;line-height:1.45} .smg-pan-go{color:var(--o)!important;font-weight:700} .smg-lp .smg-pan:hover .smg-pan-p,.smg-lp .smg-pan:hover .smg-pan-go,.smg-lp .smg-pan:focus-visible .smg-pan-p,.smg-lp .smg-pan:focus-visible .smg-pan-go, .smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2) .smg-pan-p,.smg-pans:not(:hover):not(:focus-within) .smg-pan:nth-child(2) .smg-pan-go{max-height:120px;opacity:1;transition-delay:.15s}.smg-s2b{background:var(--ink)!important} .smg-tabs{display:flex!important;flex-wrap:wrap!important;gap:4px 26px!important;margin:8px 0 40px!important;border-bottom:1px solid var(--ln)!important} .smg-lp .smg-tabs button{all:unset;cursor:pointer;padding:12px 0!important;color:var(--mu)!important;font:500 16px 'Red Hat Display',sans-serif!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important} .smg-lp .smg-tabs button.on,.smg-lp .smg-tabs button:hover{color:#fff!important;border-bottom-color:var(--o)!important} .smg-lp .smg-tabs button:focus-visible{outline:2px solid var(--o)!important;outline-offset:4px} .smg-grp{margin:0 0 56px!important} .smg-grp[hidden]{display:none!important} .smg-grp-h{display:flex!important;justify-content:space-between!important;align-items:baseline!important;margin-bottom:18px!important} .smg-grp-h .smg-h3{margin:0!important} .smg-grp-h a{white-space:nowrap;font-size:15px!important} .smg-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:14px!important} @media (prefers-reduced-motion:reduce){.smg-tilt-in,.smg-lp .smg-pan,.smg-pan-fig img,.smg-card-fig img,.smg-w-p{transition:none!important}} @media (max-width:860px){ .smg-hh{padding:44px 0 90px!important} .smg-hub-hero{grid-template-columns:1fr!important} .smg-tilt{order:2} .smg-pans{flex-direction:column!important;height:auto!important} .smg-lp .smg-pan{flex:none!important;flex-direction:row!important;align-items:center!important;gap:16px!important;padding:16px!important} .smg-pan-fig{flex:0 0 38%} .smg-pan-fig img{max-height:90px!important} .smg-pan-p{display:none} .smg-pan-go{max-height:none;opacity:1} .smg-tabs{flex-wrap:nowrap!important;overflow-x:auto!important} .smg-lp .smg-tabs button{white-space:nowrap} .smg-why{grid-template-columns:1fr!important;gap:24px!important} .smg-why-h{position:static} .smg-incs{grid-template-columns:1fr!important} .smg-grid{grid-template-columns:1fr 1fr!important;gap:10px!important} .smg-card-fig{height:104px!important} .smg-card-fig img{max-height:70px!important;max-width:84%!important} .smg-search input{font-size:16px!important} .smg-card-pn{font-size:12px!important;word-break:break-all} .smg-card-l1{font-size:13.5px!important} .smg-card-l2{font-size:12.5px!important} .smg-pan-txt{flex:1} }.smg-lp .smg-sec{background:var(--ink)!important;border-radius:0!important;margin-top:0!important;padding:88px 0!important}.smg-find{display:flex!important;align-items:center!important;gap:20px!important;margin:6px 0 18px!important} .smg-search{flex:1;position:relative;display:block} .smg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .smg-lp .smg-search input{width:100%!important;box-sizing:border-box!important;background:#0f1215!important;color:#fff!important;border:1px solid #232a30!important;border-radius:10px!important; padding:16px 18px 16px 50px!important;font:400 17px 'Red Hat Display',sans-serif!important;outline:none!important;margin:0!important;height:auto!important;box-shadow:none!important;transition:border-color .2s!important} .smg-lp .smg-search input:focus{border-color:var(--o)!important} .smg-lp .smg-search input::placeholder{color:#6d767e!important} .smg-search::before{content:"";position:absolute;left:19px;top:50%;width:13px;height:13px;margin-top:-9px;border:2px solid #8b949c;border-radius:50%;pointer-events:none} .smg-search::after{content:"";position:absolute;left:32px;top:50%;width:7px;height:2px;margin-top:5px;background:#8b949c;transform:rotate(45deg);pointer-events:none} .smg-count{color:var(--mu)!important;font-size:14px!important;white-space:nowrap} .smg-lp .smg-empty{color:#cfd5da!important;padding:28px 0!important} .smg-lp .smg-tabs{margin:0 0 36px!important}.smg-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:28px 18px!important} .smg-lp .smg-card{display:flex!important;flex-direction:column!important;background:none!important;padding:0!important;color:var(--tx)!important;text-decoration:none!important;box-shadow:none!important;border:0!important} .smg-lp .smg-card[hidden]{display:none!important} .smg-card-fig{position:relative!important;overflow:hidden!important;height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;background:#0f1215!important;margin:0 0 14px!important;transition:background .3s} .smg-card-fig::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(242,141,40,.14),transparent 70%)} .smg-lp .smg-card:hover .smg-card-fig{background:#14181c!important} .smg-lp .smg-card:hover .smg-card-fig::before{opacity:1} .smg-card-fig img{position:relative;max-height:96px!important;max-width:82%!important;width:auto!important;height:auto!important;filter:brightness(1.15) drop-shadow(0 10px 12px rgba(0,0,0,.5));transition:transform .35s cubic-bezier(.2,.8,.2,1)} .smg-lp .smg-card:hover .smg-card-fig img{transform:translateY(-4px) scale(1.04)} .smg-card-u{position:absolute;top:10px;right:12px;font-size:12px!important;color:#7d868e!important} .smg-card-pn{color:#fff!important;font-size:14.5px!important;margin:0 0 4px!important;transition:color .2s} .smg-lp .smg-card:hover .smg-card-pn{color:var(--o)!important} .smg-card-l1{font-size:15px!important;line-height:1.4!important;color:var(--mu)!important}.smg-why{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:72px!important;align-items:start!important} .smg-why-h p{color:#cfd5da!important;font-size:19px!important} .smg-w{position:relative;padding:0 0 0 26px!important} .smg-w::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:#1e2429;transition:background .3s} .smg-w.on::before{background:var(--o)} .smg-lp .smg-w-h{margin:0!important;font-size:inherit!important} .smg-lp .smg-w-h button{all:unset;cursor:pointer;display:block;width:100%;padding:14px 0!important;font:800 clamp(1.25rem,2.1vw,1.7rem)/1.2 'Red Hat Display',sans-serif!important;color:#59626a!important;letter-spacing:-.015em;transition:color .25s} .smg-lp .smg-w.on .smg-w-h button,.smg-lp .smg-w-h button:hover{color:#fff!important} .smg-lp .smg-w-h button:focus-visible{outline:2px solid var(--o);outline-offset:4px} .smg-w-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)} .smg-w.on .smg-w-p{grid-template-rows:1fr} .smg-w-p>p{overflow:hidden;margin:0!important;color:#cfd5da!important;max-width:36em} .smg-w.on .smg-w-p>p{padding:0 0 18px!important}.smg-incs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:40px!important} .smg-inc{padding:22px 0 0!important;border-top:2px solid #1e2429!important} .smg-inc:nth-child(2){border-top-color:var(--o)!important} .smg-inc .smg-h3{margin:0 0 12px!important;font-size:19px!important} .smg-lp .smg-inc ul{margin:0!important;padding:0!important;list-style:none!important} .smg-lp .smg-inc li{padding:6px 0!important;color:#cfd5da!important;font-size:16px!important;margin:0!important;list-style:none!important;border:0!important}.smg-lp .smg-hh{background:var(--ink)!important} .smg-horizon{display:none!important} .smg-tilt-img{-webkit-box-reflect:below 4px linear-gradient(transparent 80%,rgba(255,255,255,.12))} .smg-tilt-in::after{content:"";display:block;height:1px;margin:-1px 4% 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)} .smg-lp .smg-tilt-cap{margin-top:84px!important}.smg-lp a,.smg-lp a:hover{text-decoration:none!important} .smg-lp p a:hover,.smg-lp li a:hover{text-decoration:underline!important;text-underline-offset:3px} .smg-lp .smg-link{border-bottom:0!important;color:#fff!important} .smg-lp .smg-link::after,.smg-grp-h a::after,.smg-pan-go::after{content:"→";margin-left:7px;color:var(--o);display:inline-block;transition:transform .2s} .smg-lp .smg-link:hover::after,.smg-grp-h a:hover::after,.smg-lp .smg-pan:hover .smg-pan-go::after{transform:translateX(3px)}.smg-lp .smg-sub{color:#cfd5da!important;max-width:44em;font-size:18px!important;margin-bottom:34px!important} .smg-casos{display:grid!important;grid-template-columns:280px 1fr!important;gap:56px!important;align-items:start!important} .smg-ctabs{display:flex;flex-direction:column;gap:4px;position:sticky;top:110px} .smg-lp .smg-ctabs button{all:unset;cursor:pointer;padding:12px 0 12px 20px!important;border-left:2px solid #1e2429!important;font:700 19px/1.25 'Red Hat Display',sans-serif!important;color:#59626a!important;transition:color .2s,border-color .2s} .smg-lp .smg-ctabs button.on,.smg-lp .smg-ctabs button:hover{color:#fff!important} .smg-lp .smg-ctabs button.on{border-left-color:var(--o)!important} .smg-lp .smg-ctabs button:focus-visible{outline:2px solid var(--o);outline-offset:3px} .smg-caso{display:none} .smg-caso.on,.smg-casos:not(.js) .smg-caso{display:block} .smg-caso .smg-h3{margin-top:0!important;font-size:24px!important} .smg-caso p{color:#cfd5da!important;max-width:42em} .smg-lp .smg-caso-t th{width:22%!important} .smg-lp .smg-caso-t td{font-family:'Red Hat Display',sans-serif!important;font-size:16px!important} .smg-lp .smg-caso-t td a{color:var(--o)!important;font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:14.5px!important} @media (max-width:860px){.smg-casos{grid-template-columns:1fr!important;gap:20px!important}.smg-ctabs{position:static;flex-direction:row;overflow-x:auto}.smg-lp .smg-ctabs button{border-left:0!important;border-bottom:2px solid #1e2429!important;padding:10px 14px!important;white-space:nowrap;font-size:16px!important}.smg-lp .smg-ctabs button.on{border-bottom-color:var(--o)!important}} .smg-lp .smg-caso-t td a{white-space:nowrap}.smg-lp .smg-h1-sub{font-size:clamp(2.1rem,3.8vw,3.4rem)!important} .smg-h1-sub span{display:block!important;font-weight:500!important;font-size:.42em!important;letter-spacing:0!important;color:var(--o)!important;margin-bottom:10px!important} .smg-lp .smg-bc{margin-bottom:22px!important} .smg-spec-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:64px!important;align-items:start!important} .smg-plan{margin:0!important;position:sticky;top:110px} .smg-plan .c-cota{display:none} .smg-plan .smg-svg{width:100%!important;height:auto!important;max-height:460px!important;filter:none!important} .smg-plan figcaption{margin-top:12px!important;font-size:14px!important;color:var(--mu)!important;text-align:center} .smg-lp .smg-note{margin-top:18px!important;color:var(--mu)!important;font-size:15px!important} .smg-lp .smg-spec th,.smg-lp .smg-spec td,.smg-lp .smg-cmp th,.smg-lp .smg-cmp td{border-bottom:1px solid #161b20!important} .smg-lp .smg-cmp tbody th a{color:#fff!important} .smg-lp .smg-cmp tbody th a:hover{color:var(--o)!important} .smg-cmp-full th,.smg-cmp-full td{font-size:14.5px!important;white-space:normal} .smg-cmp-full tbody th{white-space:nowrap} .smg-lp .smg-more{margin-top:22px!important} .smg-cpd{margin-top:40px!important;padding:26px 28px!important;border-radius:12px!important;background:#0f1215!important;border-left:3px solid var(--o)!important} .smg-cpd .smg-h3{margin:0 0 10px!important} .smg-lp .smg-cpd p:last-child{margin-bottom:0!important} @media (max-width:860px){ .smg-spec-grid{grid-template-columns:1fr!important;gap:28px!important} .smg-plan{position:static;order:-1} .smg-cmp-full{min-width:760px} } .smg-lp .smg-hh-sub{padding:80px 0 40px!important} .smg-lp .smg-h1-sub{font-size:clamp(1.9rem,3.1vw,2.9rem)!important;white-space:nowrap} .smg-plan .smg-svg{max-height:380px!important} @media (max-width:860px){.smg-lp .smg-h1-sub{white-space:normal;word-break:break-word}.smg-lp .smg-hh-sub{padding:40px 0 24px!important}} .smg-lp .smg-h1-sub{font-size:clamp(1.8rem,2.6vw,2.55rem)!important;white-space:nowrap!important} .smg-lp .smg-h1-sub:not(:has(span)){white-space:normal!important;font-size:clamp(2rem,3.4vw,3.1rem)!important} .smg-lp h1,.smg-lp h2{text-wrap:balance} @media (max-width:860px){.smg-lp .smg-h1-sub{white-space:normal!important;font-size:1.75rem!important;overflow-wrap:anywhere}} @media (max-width:860px){.smg-plan{display:none!important}}.smg-story{display:grid!important;grid-template-columns:.8fr 1.2fr!important;gap:72px!important;align-items:start!important} .smg-lp .smg-story-h{position:sticky;top:110px;font-size:clamp(1.9rem,3.2vw,2.8rem)!important;line-height:1.08!important} .smg-lp .smg-story-b p{font-size:19px!important;line-height:1.65!important;color:#e9ecef!important} .smg-lp .smg-story-b .smg-h3{margin-top:44px!important} .smg-lp .smg-num{font-weight:700!important;color:var(--o)!important;font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:.92em!important;white-space:nowrap} .smg-reveal.js .w{opacity:.18;transition:opacity .35s ease} .smg-reveal.js .w.on{opacity:1} .smg-lp .smg-story-b .smg-cpd p{font-size:17px!important} @media (max-width:860px){.smg-story{grid-template-columns:1fr!important;gap:18px!important}.smg-lp .smg-story-h{position:static}.smg-lp .smg-story-b p{font-size:17.5px!important}}.smg-cfg-h{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:24px!important;flex-wrap:wrap} .smg-lp .smg-cfg-h .smg-note{margin:0!important} .smg-lp .smg-plan{position:static!important;max-width:820px!important;margin:30px auto 36px!important} .smg-lp .smg-plan .smg-svg{max-height:340px!important} .smg-tiles{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:12px!important} .smg-tile{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 22px 22px!important;border-radius:12px!important;background:#0f1215!important;transition:background .25s} .smg-tile::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;background:transparent;transition:background .25s} .smg-tile[data-z]{cursor:default} .smg-tile.on{background:#16130f!important} .smg-tile.on::before{background:var(--o)} .smg-tile-k{font-size:13.5px!important;color:#7d868e!important} .smg-tile-v{font-size:21px!important;font-weight:800!important;line-height:1.2!important;color:#fff!important;letter-spacing:-.01em} .smg-tile.on .smg-tile-v{color:var(--o)!important} .smg-tile-d{font-family:'Red Hat Mono',ui-monospace,monospace!important;font-size:13.5px!important;line-height:1.45!important;color:#9aa3ab!important} @media (max-width:860px){.smg-tiles{grid-template-columns:1fr 1fr!important}.smg-tile{padding:16px!important}.smg-tile-v{font-size:17px!important}} @media (max-width:480px){.smg-tiles{grid-template-columns:1fr!important}} .smg-tiles{grid-template-columns:repeat(3,1fr)!important} .smg-tile:last-child:nth-child(3n+2){grid-column:span 2} .smg-tile:last-child:nth-child(3n+1){grid-column:span 3} .smg-lp .smg-extra{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px 40px!important;margin:26px 0 0!important;padding:0 4px!important} .smg-lp .smg-extra dt{font-size:13.5px!important;color:#7d868e!important;margin:0 0 4px!important;font-weight:400!important} .smg-lp .smg-extra dd{margin:0!important;font-size:15.5px!important;color:#cfd5da!important} @media (max-width:860px){.smg-tiles{grid-template-columns:1fr 1fr!important}.smg-tile:last-child:nth-child(3n+2),.smg-tile:last-child:nth-child(3n+1){grid-column:auto}.smg-tile:last-child:nth-child(odd){grid-column:span 2}} @media (max-width:480px){.smg-tiles{grid-template-columns:1fr 1fr!important;gap:8px!important}.smg-tile{padding:14px!important}.smg-tile-v{font-size:15.5px!important}.smg-tile-d{font-size:12px!important}} @media (max-width:860px){.smg-cfg-h{margin-bottom:22px!important}}.smg-svcs{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:12px!important} .smg-lp .smg-svc-a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:22px 24px!important;border-radius:12px!important;background:#0f1215!important;color:#fff!important;font-weight:700!important;font-size:18px!important;text-decoration:none!important;transition:background .25s,color .25s} .smg-lp .smg-svc-a::after{content:"→";color:var(--o);font-size:20px;transition:transform .25s} .smg-lp .smg-svc-a:hover{background:#16130f!important;color:var(--o)!important} .smg-lp .smg-svc-a:hover::after{transform:translateX(4px)} .smg-lp .smg-svc-h3{margin:40px 0 14px!important} .smg-lp .smg-svcs-b .smg-svc-a{font-size:16px!important;font-weight:600!important;padding:16px 20px!important;background:transparent!important;border:1px solid #23282d!important} .smg-lp .smg-svcs-b .smg-svc-a:hover{border-color:var(--o)!important} .smg-lp .lnv-grp{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2.6fr)!important;gap:48px!important;padding:40px 0!important;align-items:start} .smg-lp .lnv-grp+.lnv-grp{border-top:1px solid var(--ln)!important} .smg-lp .lnv-grp-h{position:sticky;top:96px} .smg-lp .lnv-grp-h .smg-h3{margin:0 0 12px!important;font-size:22px!important;line-height:1.25!important} .smg-lp .lnv-grp-h p{color:var(--mu)!important;font-size:15px!important;line-height:1.6!important;margin:0!important} .smg-lp .lnv-grp .smg-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0!important} .smg-lp .lnv-two{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:56px!important;align-items:start} .smg-lp #antes .lnv-two{gap:24px!important} .smg-lp .lnv-box{background:#101316!important;border-radius:14px!important;padding:28px 30px!important} .smg-lp .lnv-box .smg-h3{margin:0 0 12px!important} .smg-lp .lnv-box p{color:var(--mu)!important;font-size:15px!important;line-height:1.65!important;margin:0!important} .smg-lp .lnv-box .smg-num{color:var(--tx)!important;font-family:inherit!important} .smg-lp #para-que .smg-h2{margin-bottom:24px!important} .smg-lp #para-que p{line-height:1.7!important} .smg-lp .lnv-gpu th,.smg-lp .lnv-gpu td{white-space:normal!important} .smg-lp .lnv-gpu tbody th{font-family:'Red Hat Display',sans-serif!important;font-weight:700!important;letter-spacing:0!important} .smg-lp .lnv-nota{color:var(--mu)!important;font-size:14px!important;margin:16px 0 32px!important} .smg-lp .lnv-var{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;gap:64px!important;align-items:center} .smg-lp .lnv-var-img{width:100%!important;height:auto!important;margin-top:32px!important;filter:brightness(1.1) drop-shadow(0 30px 30px rgba(0,0,0,.6))} .smg-lp .lnv-spec{margin:0!important} .smg-lp .lnv-spec div{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:16px!important;padding:16px 0!important;border-bottom:1px solid var(--ln)!important} .smg-lp .lnv-spec div:first-child{border-top:1px solid var(--ln)!important} .smg-lp .lnv-spec dt{color:var(--mu)!important;font-size:14px!important;margin:0!important} .smg-lp .lnv-spec dd{margin:0!important;color:var(--tx)!important;font-weight:700!important;font-size:16px!important} .smg-lp .lnv-spec dd span{display:block;font-weight:400!important;color:var(--mu)!important;font-size:13px!important;margin-top:4px} @media(max-width:900px){ .smg-lp .lnv-grp,.smg-lp .lnv-two,.smg-lp .lnv-var{grid-template-columns:minmax(0,1fr)!important;gap:24px!important} .smg-lp .lnv-grp-h{position:static} .smg-lp .lnv-grp .smg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .smg-lp .lnv-spec div{grid-template-columns:110px minmax(0,1fr)!important} } @media(max-width:700px){.smg-lp .smg-incs{grid-template-columns:1fr!important}} .smg-lp .smg-extra{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important} .smg-lp #antes .lnv-two{align-items:stretch!important}
{"@context": "https://schema.org", "@graph": [{"@type": "CollectionPage", "@id": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers#webpage", "url": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers", "name": "Lenovo AI servers with NVIDIA GPUs", "description": "Lenovo AI servers, from a 2U ThinkSystem with up to four RTX PRO 6000 GPUs to an eight-GPU HGX B300. We help you choose, then install and support it.", "inLanguage": "en-GB", "mainEntity": {"@id": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers#lista"}}, {"@type": "ItemList", "@id": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers#lista", "numberOfItems": 6, "itemListElement": [{"@type": "ListItem", "position": 1, "item": {"@type": "Product", "name": "Lenovo ThinkSystem SR650a V4", "image": "https://sixe.es/wp-content/uploads/2026/10/lenovo-thinksystem-sr650a-v4.png", "brand": {"@type": "Brand", "name": "Lenovo"}, "category": "AI GPU server", "url": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers/thinksystem-sr650a-v4"}}, {"@type": "ListItem", "position": 2, "item": {"@type": "Product", "name": "Lenovo ThinkSystem SR675 V3", "image": "https://sixe.es/wp-content/uploads/2026/10/lenovo-thinksystem-sr675-v3.png", "brand": {"@type": "Brand", "name": "Lenovo"}, "category": "AI GPU server", "url": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers/thinksystem-sr675-v3"}}, {"@type": "ListItem", "position": 3, "item": {"@type": "Product", "name": "Lenovo ThinkSystem SR680a V4", "image": "https://sixe.es/wp-content/uploads/2026/10/lenovo-thinksystem-sr680a-v4.png", "brand": {"@type": "Brand", "name": "Lenovo"}, "category": "AI GPU server", "url": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers/thinksystem-sr680a-v4"}}, {"@type": "ListItem", "position": 4, "item": {"@type": "Product", "name": "Lenovo ThinkSystem SR680a V3 with B200", "image": "https://sixe.es/wp-content/uploads/2026/10/lenovo-thinksystem-sr680a-v3-con-b200.png", "brand": {"@type": "Brand", "name": "Lenovo"}, "category": "AI GPU server", "url": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers/thinksystem-sr680a-v3-b200"}}, {"@type": "ListItem", "position": 5, "item": {"@type": "Product", "name": "Lenovo ThinkSystem SR780a V3", "image": "https://sixe.es/wp-content/uploads/2026/10/lenovo-thinksystem-sr780a-v3.png", "brand": {"@type": "Brand", "name": "Lenovo"}, "category": "AI GPU server", "url": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers/thinksystem-sr780a-v3"}}, {"@type": "ListItem", "position": 6, "item": {"@type": "Product", "name": "Lenovo ThinkSystem SR665 V3", "image": "https://sixe.es/wp-content/uploads/2026/10/lenovo-thinksystem-sr665-v3.png", "brand": {"@type": "Brand", "name": "Lenovo"}, "category": "AI GPU server", "url": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers#thinksystem-sr665-v3"}}]}, {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://sixe.eu/"}, {"@type": "ListItem", "position": 2, "name": "Lenovo servers", "item": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers"}, {"@type": "ListItem", "position": 3, "name": "AI and GPU servers", "item": "https://sixe.eu/server-sales/best-price-lenovo-x86-servers/ai-gpu-servers"}]}, {"@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "What's the difference between a PCIe GPU server and an HGX server?", "acceptedAnswer": {"@type": "Answer", "text": "In PCIe servers such as the SR650a V4 or the SR675 V3, each GPU is a separate card and talks to the others over the server's bus. In HGX servers such as the SR680a V4, the eight GPUs sit on one board and communicate over NVLink, which is much faster. PCIe is enough for serving mid-sized models; for training or serving very large models split across all the GPUs, HGX pays off."}}, {"@type": "Question", "name": "What are the SR650i V4 and the SR675i V3?", "acceptedAnswer": {"@type": "Answer", "text": "They're fixed Lenovo configurations based on the SR650a V4 and the SR675 V3. The SR650i comes with two RTX PRO 6000 cards and 512 GB of memory; the SR675i with eight RTX PRO 6000 and 1.5 TB. The main components can't be changed, but you order them as a single package and they come with a three-year warranty."}}, {"@type": "Question", "name": "Can I add up the memory of several GPUs?", "acceptedAnswer": {"@type": "Answer", "text": "Not as if it were one pool. A model can be split across several GPUs with vLLM or another inference server, but each GPU keeps its own memory and the split costs communication time, more over PCIe than over NVLink. We check it with your model before proposing a configuration."}}, {"@type": "Question", "name": "Is it worth it compared with renting GPUs in the cloud?", "acceptedAnswer": {"@type": "Answer", "text": "It depends on how many hours a month the GPUs will be busy and whether the data can leave your network. For a pilot lasting a few weeks, renting usually works out better; for a service that will run every day for years, or with data that can't leave your data centre, owning the server makes more sense. We run the numbers with you based on your actual usage."}}, {"@type": "Question", "name": "Do you publish list prices?", "acceptedAnswer": {"@type": "Answer", "text": "No, because the price depends on the GPU, memory, drives, network and warranty you choose, and on GPU supply at the time. We send you a quote with a confirmed lead time for the configuration that suits you."}}]}]}

Lenovo AI servers with NVIDIA GPUs

ThinkSystem servers for running your AI models in your own data centre, with the data inside your network: from a 2U with up to four RTX PRO 6000 Blackwell GPUs to the eight-GPU HGX B300.

Ask for price and lead timeSee the 6 models
Lenovo ThinkSystem SR680a V4ThinkSystem SR680a V4

Choose by what you'll run

Inference, RAG and agents

PCIe GPUs: one to eight RTX PRO 6000 cards, depending on how many models and users you have. Both come in a fixed configuration too, the SR650i V4 and the SR675i V3.

Lenovo ThinkSystem SR650a V42USR650a V4Up to 4 RTX PRO 6000 · Intel Xeon 6Lenovo ThinkSystem SR675 V33USR675 V3Up to 8 PCIe GPUs · AMD EPYC

Training or serving very large models

HGX boards with eight GPUs linked by NVLink. Air-cooled in 8U, or 5U with liquid cooling if your data centre has a water loop.

Lenovo ThinkSystem SR680a V48USR680a V4NVIDIA HGX B300 · 8 GPUsLenovo ThinkSystem SR680a V3 with B2008USR680a V3 with B200NVIDIA HGX B200 · 8 GPUsLenovo ThinkSystem SR780a V35USR780a V3NVIDIA HGX B200 · liquid-cooled

Starting small

Lenovo's Hybrid AI 241 configuration: four 32 GB RTX PRO 4500 cards for inference on one or a few nodes.

Lenovo ThinkSystem SR665 V32USR665 V34 RTX PRO 4500 · AMD EPYC

Before you ask for a price

How much GPU memory you need

Each billion parameters takes about 2 GB of GPU memory at 16 bits and 1 GB at 8 bits, plus the context of every open conversation. A 70-billion-parameter model at 8 bits fits on a single 96 GB RTX PRO 6000.

What your data centre needs

An SR650a V4 runs on two power supplies of up to 3,200 W and fits in a standard rack with a cold aisle. The HGX servers need far more: the SR680a V4 takes eight 3,200 W supplies and fifteen rear fans just for the GPUs, and the SR780a V3 removes up to 75% of its heat with warm water, so the room needs a liquid cooling loop. That's why, before anything is agreed, we go through your power per rack, PDUs and cooling with you.

Comparison

ModelGPUProcessorMax. memoryForm factorCooling
ThinkSystem SR650a V4Up to 4 RTX PRO 6000 (96 GB) at 450 W, or 2 at 600 W; also H200 NVL and L40S1 or 2 Intel Xeon 6, up to 86 cores8 TB2UAir
ThinkSystem SR675 V3Up to 8 RTX PRO 6000, H200 NVL or L40S1 or 2 AMD EPYC 9005 or 9004, up to 160 cores6 TB3UAir
ThinkSystem SR680a V4NVIDIA HGX B300: 8 × 288 GB GPUs with NVLink2 Intel Xeon 6, up to 86 cores4 TB8UAir
ThinkSystem SR680a V3 with B200NVIDIA HGX B200: 8 × 180 GB GPUs with NVLink2 × 5th Gen Intel Xeon, up to 64 cores4 TB8UAir
ThinkSystem SR780a V3NVIDIA HGX B200 (8 × 180 GB GPUs) or HGX H1002 × 5th Gen Intel Xeon, up to 64 cores4 TB5ULiquid (Neptune)
ThinkSystem SR665 V34 RTX PRO 4500 Blackwell (32 GB) in the Hybrid AI 241 configuration1 or 2 AMD EPYC 9005 or 9004, up to 160 cores6 TB2UAir

Why buy it from us

The server arrives installed and tested with your model, and if it ever fails you call the same team that put it into service.

We start from the model you'll run, the context length and how many people will use it at the same time, and that tells us how many GPUs you need and which ones. If two RTX PRO 6000 cards are enough, we won't propose an HGX.

We rack it, configure XClarity and the firmware, and install RHEL, Ubuntu or SLES with the NVIDIA drivers and whatever runs on top: Kubernetes with the GPU Operator, OpenShift AI or vLLM serving the model, tested with your workload before it goes into production.

When something breaks you talk to the engineers who commissioned that machine, and if you need it there's 24×7 on-call cover with a contractual SLA. It's the same independent support we provide for IBM Power, Linux and Ceph estates.

We're an IBM Business Partner and partners of Red Hat, SUSE, Canonical and CIQ. With CIQ we install Rocky Linux for AI, with the NVIDIA driver and CUDA already validated, on the same servers.

We work in all three languages, support included, so if your company has teams in several countries they deal with the same group of engineers.

How we build it

What runs on top of these servers, explained in detail:

RAG over your own documents with DoclingAI inference with Ceph, OpenStack and KubernetesRocky Linux for AI, with NVIDIA drivers and CUDA readyAll our AI services

Support and training for your team

Independent support from the people who installed itLocal LLM and GPU infrastructure courseDeep learning course with PyTorch and TensorFlowRed Hat OpenShift training

Frequently asked questions

What's the difference between a PCIe GPU server and an HGX server?

In PCIe servers such as the SR650a V4 or the SR675 V3, each GPU is a separate card and talks to the others over the server's bus. In HGX servers such as the SR680a V4, the eight GPUs sit on one board and communicate over NVLink, which is much faster. PCIe is enough for serving mid-sized models; for training or serving very large models split across all the GPUs, HGX pays off.

What are the SR650i V4 and the SR675i V3?

They're fixed Lenovo configurations based on the SR650a V4 and the SR675 V3. The SR650i comes with two RTX PRO 6000 cards and 512 GB of memory; the SR675i with eight RTX PRO 6000 and 1.5 TB. The main components can't be changed, but you order them as a single package and they come with a three-year warranty.

Can I add up the memory of several GPUs?

Not as if it were one pool. A model can be split across several GPUs with vLLM or another inference server, but each GPU keeps its own memory and the split costs communication time, more over PCIe than over NVLink. We check it with your model before proposing a configuration.

Is it worth it compared with renting GPUs in the cloud?

It depends on how many hours a month the GPUs will be busy and whether the data can leave your network. For a pilot lasting a few weeks, renting usually works out better; for a service that will run every day for years, or with data that can't leave your data centre, owning the server makes more sense. We run the numbers with you based on your actual usage.

Do you publish list prices?

No, because the price depends on the GPU, memory, drives, network and warranty you choose, and on GPU supply at the time. We send you a quote with a confirmed lead time for the configuration that suits you.

Which one fits what you're building?

Tell us which model you want to run, for how many people and in which data centre, and we'll come back with the configuration, the price and a confirmed lead time.

Ask for price and lead timeWhatsApp+34 91 198 02 43
(function(){var lp=document.querySelector('.smg-lp');if(!lp)return; var calm=matchMedia('(prefers-reduced-motion: reduce)').matches,fine=matchMedia('(pointer: fine)').matches; var bs=lp.querySelectorAll('.smg-tabs button'),gs=lp.querySelectorAll('.smg-grp'),inp=lp.querySelector('.smg-search input'), cnt=lp.querySelector('.smg-count'),empty=lp.querySelector('.smg-empty'),fam='*'; function norm(s){return s.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'')} function run(){var ws=norm(inp?inp.value:'').split(/\s+/).filter(Boolean),tot=0; gs.forEach(function(g){var n=0;g.querySelectorAll('.smg-card').forEach(function(c){var q=norm(c.dataset.q),u=norm(c.dataset.u),ok=ws.every(function(w){return /^\d+u$/.test(w)?u.indexOf(w)>-1:q.indexOf(w)>-1});c.hidden=!ok;if(ok)n++}); var show=(fam==='*'||g.dataset.f===fam)&&n>0;g.hidden=!show;if(show)tot+=n}); if(cnt)cnt.textContent=tot+' '+(tot===1?cnt.dataset.one:cnt.dataset.many);if(empty)empty.hidden=tot>0} bs.forEach(function(b){b.addEventListener('click',function(){fam=b.dataset.f; bs.forEach(function(x){x.classList.toggle('on',x===b);x.setAttribute('aria-pressed',x===b)});run()})}); if(inp)inp.addEventListener('input',run); lp.querySelectorAll('.smg-card').forEach(function(c){c.addEventListener('mousemove',function(ev){var r=c.getBoundingClientRect(); c.style.setProperty('--mx',(ev.clientX-r.left)+'px');c.style.setProperty('--my',(ev.clientY-r.top)+'px')})}); var ws=lp.querySelectorAll('.smg-w'); function open(w){ws.forEach(function(x){var on=x===w;x.classList.toggle('on',on);x.querySelector('button').setAttribute('aria-expanded',on)})} ws.forEach(function(w){var b=w.querySelector('button');b.addEventListener('click',function(){open(w)});if(fine)w.addEventListener('mouseenter',function(){open(w)})}); lp.querySelectorAll('.smg-casos').forEach(function(w){w.classList.add('js');var tb=w.querySelectorAll('[role=tab]'),ps=w.querySelectorAll('.smg-caso'); tb.forEach(function(t){t.addEventListener('click',function(){tb.forEach(function(x){var on=x===t;x.classList.toggle('on',on);x.setAttribute('aria-selected',on)}); ps.forEach(function(p){p.classList.toggle('on',p.dataset.c===t.dataset.c)})})})}); if(calm)return; lp.querySelectorAll('.smg-reveal').forEach(function(box){var ps=[].slice.call(box.querySelectorAll('p'));box.classList.add('js'); ps.forEach(function(p){var tw=document.createTreeWalker(p,NodeFilter.SHOW_TEXT),ns=[],n;while(n=tw.nextNode())ns.push(n); ns.forEach(function(t){if(!t.nodeValue.trim())return;var f=document.createDocumentFragment();t.nodeValue.split(/(\s+)/).forEach(function(w){if(!w)return; if(/^\s+$/.test(w)){f.appendChild(document.createTextNode(w));return}var s=document.createElement('span');s.className='w';s.textContent=w;f.appendChild(s)});t.parentNode.replaceChild(f,t)}); p._w=[].slice.call(p.querySelectorAll('.w'))}); var tick=false;function upd(){tick=false;var vh=innerHeight;ps.forEach(function(p){var r=p.getBoundingClientRect(),k=Math.min(1,Math.max(0,(vh*.82-r.top)/(r.height+vh*.25))),c=Math.round(k*p._w.length); p._w.forEach(function(w,i){w.classList.toggle('on',i<c)})})} addEventListener('scroll',function(){if(!tick){tick=true;requestAnimationFrame(upd)}},{passive:true});upd()}); lp.querySelectorAll('[data-decrypt]').forEach(function(el){var t=el.textContent,cs='ABCDEFGHJKLMNPQRSTUVWXYZ0123456789-',i=0; var id=setInterval(function(){el.textContent=t.split('').map(function(ch,k){return kt.length){clearInterval(id);el.textContent=t}},38)}); if(!fine)return; lp.querySelectorAll('.smg-tilt').forEach(function(t){var a=t.querySelector('.smg-tilt-in'); t.addEventListener('mousemove',function(ev){var r=t.getBoundingClientRect(),x=(ev.clientX-r.left)/r.width-.5,y=(ev.clientY-r.top)/r.height-.5; a.style.transform='rotateY('+(x*14)+'deg) rotateX('+(-y*10)+'deg) scale(1.03)'}); t.addEventListener('mouseleave',function(){a.style.transform=''})}); lp.querySelectorAll('.smg-mag').forEach(function(m){m.addEventListener('mousemove',function(ev){var r=m.getBoundingClientRect(); m.style.transform='translate('+((ev.clientX-r.left-r.width/2)*.18)+'px,'+((ev.clientY-r.top-r.height/2)*.3)+'px)'}); m.addEventListener('mouseleave',function(){m.style.transform=''})}); })(); (function(){var lp=document.querySelector('.smg-lp');if(!lp)return; var svg=lp.querySelector('.smg-svg');if(!svg)return; function set(z){svg.querySelectorAll('g[data-z]').forEach(function(g){g.classList.toggle('on',g.dataset.z===z)}); lp.querySelectorAll('.smg-spec tr[data-z],.smg-tile[data-z]').forEach(function(r){r.classList.toggle('on',r.dataset.z===z)})} lp.querySelectorAll('.smg-spec tr[data-z],.smg-tile[data-z]').forEach(function(r){r.addEventListener('mouseenter',function(){set(r.dataset.z)});r.addEventListener('mouseleave',function(){set(null)})}); svg.querySelectorAll('g[data-z]').forEach(function(g){g.addEventListener('mouseenter',function(){set(g.dataset.z)});g.addEventListener('mouseleave',function(){set(null)})}); })();