.sd{isolation:isolate;position:relative;overflow:hidden}.sd__float{z-index:-1;pointer-events:none;position:absolute;inset:0}.sd__float i{left:calc(6% + var(--n) * 12%);top:calc(8% + var(--n) * 6%);color:var(--text);opacity:.05;animation:18s ease-in-out infinite alternate sd-float;animation-delay:calc(var(--n) * -2.3s);position:absolute}.sd__float i:nth-child(odd){top:auto;bottom:calc(6% + var(--n) * 4%)}.sd__float .icon{width:clamp(40px,6vw,90px);height:clamp(40px,6vw,90px)}@keyframes sd-float{to{translate:30px -40px;rotate:12deg}}.sd-list{gap:clamp(2.5rem,6vw,4.5rem);margin:clamp(2rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid}.sd-row{--sd-accent:#3371da;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4.5rem);display:grid}.sd-row:nth-child(2n) .sd-stage{order:2}.sd-row[data-os=macos]{--sd-accent:#a855f7}.sd-row[data-os=linux]{--sd-accent:#e95420}.sd-row[data-os=winserver]{--sd-accent:#089ed7}.sd-stage,.sd-copy>*{transition:opacity .8s var(--ease), translate .9s var(--ease), scale .9s var(--ease)}.js .sd-row:not(.is-in) .sd-stage{opacity:0;translate:0 50px;scale:.94}.js .sd-row:not(.is-in) .sd-copy>*{opacity:0;translate:40px}.js .sd-row:nth-child(2n):not(.is-in) .sd-copy>*{translate:-40px}.sd-copy>:nth-child(2){transition-delay:80ms}.sd-copy>:nth-child(3){transition-delay:.16s}.sd-copy>:nth-child(4){transition-delay:.24s}.sd-copy>:nth-child(5){transition-delay:.32s}.sd-row:not(.is-playing) .sd-stage *,.sd-row:not(.is-playing) .sd-stage :before,.sd-row:not(.is-playing) .sd-stage :after{animation-play-state:paused!important}.sd-stage{border-radius:var(--radius);background:radial-gradient(70% 60% at 50% 42%, color-mix(in srgb, var(--sd-accent) 24%, transparent), transparent 70%), var(--surface);border:1px solid var(--line);isolation:isolate;justify-content:center;align-items:center;min-height:clamp(360px,40vw,520px);padding:clamp(28px,4vw,48px) clamp(16px,3vw,36px) clamp(56px,6vw,72px);transition:background .8s;display:flex;position:relative;overflow:hidden}.sd-stage__grid{z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:34px 34px;animation:14s linear infinite sd-grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000);mask-image:radial-gradient(70% 70%,#000,#0000)}@keyframes sd-grid{to{background-position:34px 34px}}.sd-stage img{z-index:2;pointer-events:none;width:100%;height:auto;display:block;position:relative}.sd-badge{z-index:6;display:grid;position:absolute;bottom:clamp(14px,2vw,22px);left:50%;translate:-50%}.sd-badge__os{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;opacity:0;transition:opacity .5s, translate .5s var(--ease);border-radius:99px;grid-area:1/1;justify-self:center;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex;translate:0 8px}.sd-badge__os .icon{width:1rem;height:1rem;color:var(--sd-accent)}.sd-row[data-os=windows] .sd-badge__os--windows,.sd-row[data-os=macos] .sd-badge__os--macos,.sd-row[data-os=linux] .sd-badge__os--linux,.sd-row[data-os=winserver] .sd-badge__os--winserver{opacity:1;translate:0}.sd-screen{z-index:3;color:#12141a;background:#0b0f1a;font-size:2.1cqw;line-height:1.3;position:absolute;overflow:hidden;container-type:inline-size}.sd-screen .icon{width:1.1em;height:1.1em}.sd-laptop{filter:drop-shadow(0 30px 40px #0006);width:clamp(280px,38vw,500px);animation:7s ease-in-out infinite sd-bob;position:relative}.sd-screen--laptop{border-radius:1.2cqw 1.2cqw 0 0;width:73.441%;height:57.867%;top:2.133%;left:13.164%}@keyframes sd-bob{50%{translate:0 -8px}}.sd-desk{align-items:flex-end;gap:clamp(8px,1.6vw,20px);width:clamp(290px,40vw,520px);display:flex;position:relative}.sd-monitor{filter:drop-shadow(0 26px 36px #00000061);flex:78%;position:relative}.sd-screen--monitor{border-radius:.4cqw;width:97.5%;height:70.24%;top:1.557%;left:1.214%}.sd-tower{filter:drop-shadow(0 22px 28px #0006);flex:0 0 22%;position:relative}.sd-tower__led{z-index:3;aspect-ratio:1;background:#fff;border-radius:50%;width:4%;animation:3s ease-in-out infinite sd-led;position:absolute;top:6.6%;left:89%;box-shadow:0 0 6px 2px #9ec9ff}@keyframes sd-led{50%{opacity:.35}}.sd-os{position:absolute;inset:0;overflow:hidden}.sd-os__wall{opacity:0;transition:opacity .9s;position:absolute;inset:0}.sd-os__wall--windows{background:radial-gradient(45% 60% at 50% 68%,#8fd0ff,#2a7de1 38%,#0b3c8c 70%,#061a44)}.sd-os__wall--macos{background:radial-gradient(80% 90% at 10% 100%,#ffb36b,#0000 60%),radial-gradient(70% 80% at 90% 10%,#5b5bd6,#0000 70%),linear-gradient(135deg,#f0767c,#b9388c 50%,#3b2a8f)}.sd-os__wall--linux{background:radial-gradient(60% 70% at 70% 60%,#e95420,#0000 70%),radial-gradient(90% 80% at 20% 30%,#77216f,#2c001e 80%)}[data-os=windows] .sd-os__wall--windows,[data-os=macos] .sd-os__wall--macos,[data-os=linux] .sd-os__wall--linux{opacity:1}.sd-os__menubar,.sd-os__topbar,.sd-os__taskbar,.sd-os__dock,.sd-os__sidedock{z-index:3;opacity:0;transition:opacity .6s, translate .7s var(--ease);align-items:center;display:flex;position:absolute}.sd-os__menubar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#111;background:#ffffff52;gap:2.2cqw;height:4.6%;padding:0 2cqw;font-size:1.6cqw;inset:0 0 auto;translate:0 -100%}.sd-os__menubar em,.sd-os__topbar em{align-items:center;gap:.8cqw;margin-left:auto;font-style:normal;display:inline-flex}.sd-os__dock{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff4d;border:1px solid #ffffff59;border-radius:2cqw;gap:1cqw;height:8.4%;padding:.8cqw 1.2cqw;bottom:1.6%;left:50%;translate:-50% 130%}.sd-os__dock i{aspect-ratio:1;background:linear-gradient(160deg, color-mix(in srgb, var(--c,#3371da) 60%, #fff), var(--c,#3371da));border-radius:1.4cqw;height:100%}.sd-os__dock .is-app{background:linear-gradient(135deg,#089ed7,#ec008c);position:relative}.sd-os__dock .is-app:after{content:"";aspect-ratio:1;background:#fff;border-radius:50%;width:.6cqw;position:absolute;bottom:-1cqw;left:50%;translate:-50%}[data-os=macos] .sd-os__menubar,[data-os=macos] .sd-os__dock{opacity:1;translate:0}[data-os=macos] .sd-os__dock{translate:-50%}.sd-os__topbar{color:#f2f2f2;background:#1d1d1d;height:4.6%;padding:0 2cqw;font-size:1.6cqw;inset:0 0 auto;translate:0 -100%}.sd-os__topbar b{font-weight:600;position:absolute;left:50%;translate:-50%}.sd-os__sidedock{background:#181818c7;flex-direction:column;gap:1.4cqw;width:7%;padding:1.6cqw 0;top:4.6%;bottom:0;left:0;translate:-100%}.sd-os__sidedock i{aspect-ratio:1;background:var(--c,#e95420);border-radius:1.2cqw;width:62%}.sd-os__sidedock .is-app{background:linear-gradient(135deg,#089ed7,#ec008c);box-shadow:-1.2cqw 0 0 -.7cqw #e95420}.sd-os__sidedock span{aspect-ratio:1;background:radial-gradient(circle,#ddd 18%,#0000 22%) 0 0/33% 33%;width:40%;margin-top:auto}[data-os=linux] .sd-os__topbar,[data-os=linux] .sd-os__sidedock{opacity:1;translate:0}.sd-os__taskbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#202430d1;justify-content:center;gap:1.2cqw;height:7.2%;padding:0 2cqw;inset:auto 0 0;translate:0 100%}.sd-os__taskbar>span,.sd-os__taskbar i{aspect-ratio:1;border-radius:.8cqw;place-items:center;height:70%;display:grid}.sd-os__start{color:#5fb6ff}.sd-os__search{color:#e5e7eb}.sd-os__taskbar i{background:var(--c,#3371da);height:56%}.sd-os__taskbar .is-app{background:linear-gradient(135deg,#089ed7,#ec008c);box-shadow:0 1.3cqw 0 -1cqw #5fb6ff}.sd-os__taskbar em{color:#fff;font-size:1.5cqw;font-style:normal;position:absolute;right:2cqw}[data-os=windows] .sd-os__taskbar{opacity:1;translate:0}.sd-win{z-index:2;transition:inset .9s var(--ease), border-radius .6s;background:#f6f7fb;border-radius:.8cqw;flex-direction:column;display:flex;position:absolute;inset:6% 7% 12%;overflow:hidden;box-shadow:0 2cqw 5cqw #00000073}[data-os=macos] .sd-win{border-radius:1.6cqw;inset:9% 8% 14%}[data-os=linux] .sd-win{border-radius:1.4cqw 1.4cqw .6cqw .6cqw;inset:8.5% 4% 5% 10.5%}.sd-win__bar{color:#222;background:#e9ecf3;flex:none;align-items:center;height:6.4cqw;padding:0 1.6cqw;font-size:1.7cqw;transition:background .6s,color .6s;display:flex;position:relative}[data-os=linux] .sd-win__bar{color:#f0f0f0;background:#2b2b2b}.sd-win__title{transition:translate .7s var(--ease), left .7s var(--ease);align-items:center;gap:.8cqw;font-weight:600;display:inline-flex}[data-os=macos] .sd-win__title,[data-os=linux] .sd-win__title{position:absolute;left:50%;translate:-50%}.sd-win__lights,.sd-win__ctrl{align-items:center;gap:.9cqw;display:inline-flex}.sd-win__lights{margin-right:1.4cqw;display:none}.sd-win__lights i{aspect-ratio:1;background:#ff5f57;border-radius:50%;width:1.5cqw}.sd-win__lights i:nth-child(2){background:#febc2e}.sd-win__lights i:nth-child(3){background:#28c840}[data-os=macos] .sd-win__lights{display:inline-flex}[data-os=macos] .sd-win__ctrl{display:none}.sd-win__ctrl{gap:2.6cqw;margin-left:auto}.sd-win__ctrl i{width:1.6cqw;height:1.6cqw;position:relative}.sd-win__min:before{content:"";border-top:.25cqw solid;position:absolute;top:50%;left:0;right:0}.sd-win__max{border:.25cqw solid;border-radius:.2cqw}.sd-win__close:before,.sd-win__close:after{content:"";border-left:.25cqw solid;height:130%;position:absolute;top:-15%;left:50%;rotate:45deg}.sd-win__close:after{rotate:-45deg}[data-os=linux] .sd-win__ctrl{gap:1.2cqw}[data-os=linux] .sd-win__ctrl i{background:#444;border:0;border-radius:50%;width:2.4cqw;height:2.4cqw}[data-os=linux] .sd-win__ctrl i:before,[data-os=linux] .sd-win__ctrl i:after{display:none}[data-os=linux] .sd-win__ctrl .sd-win__close{background:#e95420}.sd-app{flex:1;min-height:0;display:flex}.sd-app small{color:#687083;font-size:1.45cqw;display:block}.sd-app__nav{background:#12203d;flex-direction:column;gap:1.4cqw;padding:1.8cqw 1.2cqw;display:flex}.sd-app__nav i{aspect-ratio:1;color:#9fb0d0;border-radius:1cqw;place-items:center;width:4cqw;display:grid}.sd-app__nav .is-on{color:#fff;background:linear-gradient(135deg,#089ed7,#ec008c)}.sd-app__main{flex-direction:column;flex:1;gap:1.8cqw;min-width:0;padding:2cqw 2.4cqw;display:flex}.sd-app__head{justify-content:space-between;align-items:center;margin:0;font-size:2.3cqw;display:flex}.sd-app__sync{color:#0f9d74;background:#0f9d7424;border-radius:99px;align-items:center;gap:.6cqw;padding:.5cqw 1.2cqw;font-size:1.5cqw;font-weight:700;display:inline-flex}.sd-app__sync .icon{animation:2.4s linear infinite sd-spin}@keyframes sd-spin{40%,to{rotate:360deg}}.sd-kpis{grid-template-columns:repeat(3,1fr);gap:1.4cqw;display:grid}.sd-kpi{background:#fff;border-radius:1.2cqw;padding:1.4cqw 1.6cqw;position:relative;overflow:hidden;box-shadow:0 .4cqw 1.4cqw #12203d14}.sd-kpi b{color:#12141a;font-size:3cqw}.sd-kpi i{background:var(--c);transform-origin:0;width:100%;height:.5cqw;animation:sd-kpi 4s var(--ease) infinite;animation-delay:calc(var(--n) * .3s);position:absolute;bottom:0;left:0}@keyframes sd-kpi{0%{scale:0 1}40%,to{scale:1}}.sd-chart{background:#fff;border-radius:1.2cqw;flex:1;align-items:flex-end;gap:1cqw;min-height:9cqw;padding:1.4cqw;display:flex;box-shadow:0 .4cqw 1.4cqw #12203d14}.sd-chart i{height:var(--h);transform-origin:bottom;animation:sd-bar 4.8s var(--ease) infinite;animation-delay:calc(var(--n) * 80ms);background:linear-gradient(#3371da,#089ed7);border-radius:.6cqw .6cqw 0 0;flex:1}.sd-chart i:last-child{background:linear-gradient(#ec008c,#fbaa32)}@keyframes sd-bar{0%{scale:1 .1}30%,85%{scale:1}to{scale:1 .1}}.sd-rows{gap:.9cqw;display:grid}.sd-rows p{animation:6s ease-in-out infinite sd-row;animation-delay:calc(var(--n) * 1.5s);background:#fff;border-radius:.9cqw;align-items:center;gap:1.2cqw;margin:0;padding:.9cqw 1.2cqw;display:flex}.sd-rows i{aspect-ratio:1;background:#dbe4f5;border-radius:.6cqw;width:2.4cqw}.sd-rows span{width:var(--w);background:#e3e7ef;border-radius:99px;height:1cqw}.sd-rows em{background:#c9d6f0;border-radius:99px;width:8%;height:1cqw;margin-left:auto}@keyframes sd-row{0%,20%,to{background:#fff}8%{background:#e8f1ff}}.sd-app--ledger{flex-direction:column}.sd-app__tools{border-bottom:1px solid #e1e5ee;align-items:center;gap:1cqw;padding:1.2cqw 2cqw;font-size:1.9cqw;display:flex}.sd-app__tools b{margin-right:1.4cqw}.sd-app__tools i{background:#e8ecf4;border-radius:.6cqw;width:6cqw;height:2.6cqw}.sd-app__tools i:first-of-type{background:linear-gradient(135deg,#089ed7,#3371da)}.sd-app__search{color:#8b93a5;background:#eef1f7;border-radius:99px;align-items:center;width:22%;height:2.8cqw;margin-left:auto;padding:0 .8cqw;display:inline-flex}.sd-ledger{flex:1;grid-template-columns:1fr 30%;gap:1.6cqw;min-height:0;padding:1.6cqw 2cqw;display:grid}.sd-grid{background:#fff;border-radius:1cqw;align-content:start;display:grid;overflow:hidden;box-shadow:0 .4cqw 1.4cqw #12203d14}.sd-grid p{border-bottom:1px solid #eef1f6;grid-template-columns:16% 1fr 18% 20%;align-items:center;gap:1cqw;margin:0;padding:.95cqw 1.4cqw;font-size:1.45cqw;display:grid}.sd-grid__head{color:#687083;background:#f3f5fa;font-weight:700}.sd-grid__row{animation:7s ease-in-out infinite sd-grid-row;animation-delay:calc(var(--n) * .8s - .8s)}.sd-grid__row i{width:var(--w);background:#e3e7ef;border-radius:99px;height:1cqw;display:block}.sd-grid__row em{background:#fbaa324d;border-radius:99px;width:70%;height:1.6cqw;display:block}.sd-grid__row em.is-paid{background:#0f9d7447}@keyframes sd-grid-row{0%,14%,to{background:0 0}5%{background:#e8f1ff}}.sd-invoice{background:#fff;border-radius:1cqw;flex-direction:column;gap:1cqw;padding:1.6cqw;display:flex;position:relative;box-shadow:0 .4cqw 1.4cqw #12203d14}.sd-invoice b{font-size:2.4cqw}.sd-invoice>i{width:var(--w);background:#e3e7ef;border-radius:99px;height:1cqw}.sd-invoice__total{background:linear-gradient(135deg,#089ed7,#ec008c);border-radius:.8cqw;height:3cqw;margin-top:auto}.sd-invoice__print{color:#fff;white-space:nowrap;animation:sd-toast 7s var(--ease) infinite;background:#0f9d74;border-radius:99px;align-items:center;gap:.6cqw;padding:.8cqw 1.4cqw;font-size:1.5cqw;font-weight:700;display:inline-flex;position:absolute;top:42%;left:50%;translate:-50%;box-shadow:0 1cqw 2cqw #0f9d7466}@keyframes sd-toast{0%,55%{opacity:0;scale:.6}62%,88%{opacity:1;scale:1}95%,to{opacity:0;scale:.9}}.sd-rack{background:linear-gradient(90deg,#17191f,#23262e 8%,#1b1d23 50%,#23262e 92%,#17191f);border-radius:10px;flex-direction:column;align-items:center;gap:.6%;width:clamp(250px,32vw,390px);padding:7% 6.5% 5%;display:flex;position:relative;box-shadow:inset 0 0 0 2px #2d3039,0 30px 50px #00000073}.sd-rack:before{content:"";background:repeating-linear-gradient(90deg,#2b2e37 0 6px,#1b1d23 6px 10px);border-radius:10px 10px 0 0;height:4%;position:absolute;inset:0 0 auto}.sd-rack__rail{background:repeating-linear-gradient(#0c0d10 0 5px,#3a3d47 5px 12px);border-radius:2px;width:3.2%;position:absolute;top:5%;bottom:3%}.sd-rack__rail--l{left:3%}.sd-rack__rail--r{right:3%}.sd-rack__label{color:#8b93a5;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.6rem;font-weight:700;position:absolute;top:.6%;right:8%}.sd-kvm{width:112%;margin-bottom:1%;position:relative}.sd-screen--kvm{background:#000;border-radius:.6cqw;width:52.66%;height:43.06%;font-size:3cqw;top:11.78%;left:25.33%}.sd-unit{filter:drop-shadow(0 4px 6px #00000080);width:98%;position:relative}.sd-unit img{border-radius:2px}.sd-unit__leds{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:20%;left:15%;right:15%}.sd-unit__leds i{aspect-ratio:1;opacity:.2;width:1.1%;animation:1.4s steps(2,jump-none) infinite sd-blink;animation-delay:calc(var(--n) * -.37s);animation-duration:calc(.6s + var(--n) * .11s);background:#3dfc8a;border-radius:50%;box-shadow:0 0 4px 1px #3dfc8a}.sd-unit:nth-of-type(2) .sd-unit__leds i{animation-delay:calc(var(--n) * -.53s)}@keyframes sd-blink{50%{opacity:1}}.sd-unit__status{z-index:3;background:#3aa8ff;border-radius:2px;width:1%;height:26%;animation:4s ease-in-out infinite sd-led;position:absolute;top:14%;left:3.9%;box-shadow:0 0 6px 1px #3aa8ff}.sd-unit__tag{z-index:4;background:var(--surface);border:1px solid var(--line);color:var(--text);white-space:nowrap;opacity:.55;border-radius:99px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.68rem;font-weight:700;transition:opacity .5s,border-color .5s,box-shadow .5s;display:inline-flex;position:absolute;top:50%;right:-2%;translate:100% -50%}.sd-unit__tag .icon{width:.85rem;height:.85rem}.sd-unit:after{content:"";z-index:3;border:2px solid var(--sd-accent);box-shadow:0 0 14px 2px color-mix(in srgb, var(--sd-accent) 60%, transparent);opacity:0;pointer-events:none;border-radius:4px;transition:opacity .5s;position:absolute;inset:-3px}[data-os=winserver] .sd-unit--winserver:after,[data-os=linux] .sd-unit--linux:after{opacity:1;animation:2.4s ease-in-out infinite sd-led}[data-os=winserver] .sd-unit--winserver .sd-unit__tag,[data-os=linux] .sd-unit--linux .sd-unit__tag{opacity:1;border-color:var(--sd-accent);box-shadow:0 0 12px color-mix(in srgb, var(--sd-accent) 45%, transparent)}.sd-console{opacity:0;flex-direction:column;transition:opacity .5s;display:flex;position:absolute;inset:0}[data-os=winserver] .sd-console--winserver,[data-os=linux] .sd-console--linux{opacity:1}.sd-kvm__osd{z-index:5;color:#bfe3ff;white-space:nowrap;opacity:0;background:#000000c7;border:1px solid #3aa8ff;border-radius:1.4cqw;align-items:center;gap:1cqw;margin:0;padding:1.2cqw 2.4cqw;font-size:3.4cqw;font-weight:700;display:inline-flex;position:absolute;top:42%;left:50%;translate:-50%}.sd-kvm__port{display:none}[data-os=winserver] .sd-kvm__port--winserver,[data-os=linux] .sd-kvm__port--linux{display:inline}[data-os=winserver] .sd-kvm__osd,[data-os=linux] .sd-kvm__osd{animation:1.6s ease-out both sd-osd}[data-os=linux] .sd-kvm__osd{animation-name:sd-osd-b}@keyframes sd-osd{0%{opacity:0;scale:.9}12%,70%{opacity:1;scale:1}to{opacity:0}}@keyframes sd-osd-b{0%{opacity:0;scale:.9}12%,70%{opacity:1;scale:1}to{opacity:0}}.sd-sm__bar{color:#1f2937;background:#fff;border-bottom:1px solid #d8dde6;align-items:center;gap:2cqw;margin:0;padding:1.2cqw 2.4cqw;font-size:3cqw;display:flex}.sd-sm__bar span{color:#6b7280}.sd-sm__bar em{color:#6b7280;margin-left:auto}.sd-sm__bar em .icon{animation:5s ease-in-out infinite sd-ring}@keyframes sd-ring{0%,80%,to{rotate:0deg}84%{rotate:18deg}88%{rotate:-14deg}92%{rotate:8deg}}.sd-sm{background:#f3f4f6;flex:1;min-height:0;display:flex}.sd-sm__nav{color:#cbd5e1;background:#1f2a44;flex-direction:column;flex:none;width:27%;padding:1.4cqw 0;font-size:2.4cqw;display:flex}.sd-sm__nav span{white-space:nowrap;padding:.9cqw 2cqw}.sd-sm__nav .is-on{color:#fff;background:#3371da}.sd-sm__main{color:#1f2937;flex-direction:column;flex:1;gap:1.6cqw;min-width:0;padding:1.8cqw 2.4cqw;display:flex}.sd-sm__welcome{justify-content:space-between;margin:0;font-size:2.8cqw;display:flex}.sd-sm__welcome span{color:#3371da;font-weight:700}.sd-sm__tiles{grid-template-columns:repeat(4,1fr);gap:1.2cqw;display:grid}.sd-sm__tile{background:#fff;border-radius:.6cqw;flex-direction:column;gap:.6cqw;padding-bottom:1cqw;font-size:2cqw;display:flex;overflow:hidden;box-shadow:0 .3cqw 1cqw #00000014}.sd-sm__tile b{color:#fff;white-space:nowrap;background:#16a34a;padding:.8cqw 1.2cqw;font-size:2.3cqw}.sd-sm__tile span{color:#4b5563;white-space:nowrap;align-items:center;gap:.8cqw;padding:0 1.2cqw;display:flex;overflow:hidden}.sd-sm__tile span i{aspect-ratio:1;background:#16a34a;border-radius:50%;flex:none;width:1.4cqw}.sd-sm__tile:nth-child(3) span:nth-of-type(2) i{animation:6s ease-in-out infinite sd-alert}@keyframes sd-alert{0%,40%,to{background:#16a34a}50%,70%{background:#f59e0b;box-shadow:0 0 1.4cqw #f59e0b}}.sd-sm__update{color:#4b5563;flex-direction:column;gap:.8cqw;margin:auto 0 0;font-size:2.2cqw;display:flex}.sd-sm__update i{background:linear-gradient(90deg, #3371da var(--p,0%), #dbe2ee 0);border-radius:99px;height:1.4cqw;animation:8s linear infinite sd-progress}@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes sd-progress{to{--p:100%}}.sd-term__bar{color:#e5e5e5;text-align:center;background:#2b2b2b;margin:0;padding:1.1cqw 2.4cqw;font-size:2.8cqw}.sd-term{color:#e8e8e8;white-space:nowrap;background:#300a24;flex-direction:column;flex:1;gap:.6cqw;padding:1.8cqw 2.4cqw;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:2.6cqw;display:flex;overflow:hidden}.sd-term p{margin:0;overflow:hidden}.sd-term em{color:#8ae234;font-style:normal;font-weight:700}.sd-term .is-ok{color:#8ae234}[data-os=linux] .sd-term>*{animation:.7s steps(28,end) both sd-type;animation-delay:calc(.5s + var(--n) * .55s)}@keyframes sd-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.sd-htop{gap:.6cqw;padding:.6cqw 0;display:grid}.sd-htop span{align-items:center;gap:1.2cqw;display:flex}.sd-htop b{color:#34e2e2;width:7cqw}.sd-htop i{background:linear-gradient(90deg, #8ae234, #fce94f 70%, #ef2929) 0 0 / var(--w) 100% no-repeat, #4a1b3d;flex:1;height:1.6cqw;animation:2.8s ease-in-out infinite alternate sd-load}.sd-htop span:nth-child(2) i{animation-delay:-1.1s}.sd-htop span:nth-child(3) i{animation-delay:-2s}@keyframes sd-load{50%{background-size:calc(var(--w) * 1.35) 100%, auto}to{background-size:calc(var(--w) * .7) 100%, auto}}.sd-term__cursor i{vertical-align:middle;background:#e8e8e8;width:1.4cqw;height:2.6cqw;animation:1s step-end infinite sd-cursor;display:inline-block}@keyframes sd-cursor{50%{opacity:0}}.sd-copy__num{background:var(--grad);color:#fff;font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:.9rem;font-weight:700;display:inline-grid}.sd-copy__title{margin:0 0 .7rem;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.15}.sd-copy__text{color:var(--text-2);margin:0 0 1.1rem;font-size:1.02rem;line-height:1.7}.sd-switch{flex-wrap:wrap;gap:.5rem;margin:0 0 1.1rem;display:flex}.sd-switch__btn{background:var(--surface);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;transition:transform .3s var(--ease), border-color .3s, box-shadow .3s, background .3s;border-radius:99px;align-items:center;gap:.45rem;padding:.5rem .95rem .5rem .65rem;font-size:.85rem;font-weight:600;display:inline-flex}.sd-switch__btn .icon{width:1.05rem;height:1.05rem}.sd-switch__btn--windows .icon,.sd-switch__btn--winserver .icon{color:#1e90ff}.sd-switch__btn--linux .icon{color:#e95420}.sd-switch__btn:hover{border-color:var(--sd-accent);transform:translateY(-2px)scale(1.03)}.sd-switch__btn:focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}.sd-switch__btn[aria-pressed=true]{border-color:var(--sd-accent);background:color-mix(in srgb, var(--sd-accent) 14%, var(--surface));box-shadow:0 0 0 3px color-mix(in srgb, var(--sd-accent) 18%, transparent), 0 8px 22px color-mix(in srgb, var(--sd-accent) 25%, transparent)}.sd-points{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.sd-points li{color:var(--text-2);align-items:center;gap:.5rem;font-size:.94rem;display:flex}.sd-points .icon{background:color-mix(in srgb, var(--sd-accent) 18%, transparent);width:1rem;height:1rem;color:var(--sd-accent);border-radius:50%;flex:none;padding:3px;transition:color .6s,background .6s}.sd-credits{color:var(--text-2);text-align:center;margin:clamp(1.8rem,4vw,2.6rem) 0 0;font-size:.78rem}.sd-credits a{color:inherit;text-underline-offset:2px;text-decoration:underline}@media (width<=900px){.sd-row{grid-template-columns:1fr}.sd-row:nth-child(2n) .sd-stage{order:0}.sd-laptop{width:min(100%,460px)}.sd-desk{width:min(100%,480px)}.sd-rack{width:min(66%,340px)}}@media (width<=520px){.sd-stage{min-height:0;padding:26px 12px 64px}.sd-rack{width:64%;margin-left:-18%}.sd-unit__tag{padding:.22rem .45rem;font-size:.6rem}.sd-badge__os{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.sd *,.sd :before,.sd :after{transition:none!important;animation:none!important}.js .sd-row .sd-stage,.js .sd-row .sd-copy>*{opacity:1;translate:none;scale:none}.sd-unit__leds i{opacity:.8}.sd-invoice__print,.sd-kvm__osd{opacity:0}}
