.cap-pin{width:100%;height:100dvh;position:relative;overflow:hidden}.cap-track{height:100%;position:relative}.cap-row{will-change:opacity, transform;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-content:center;gap:14px;margin:auto;display:grid;position:absolute;inset:0}@media (max-width:959px){.cap-row{width:92vw;height:86dvh;padding:16px}.cap-row .cap-panel{height:100%;min-height:0}}@media (min-width:960px){.cap-row{grid-template-rows:auto;grid-template-columns:340px minmax(0,1fr);align-items:center;gap:64px;width:min(94vw,1600px);height:min(92vh,880px);padding:0}.cap-row .cap-panel{height:min(78vh,720px)}}.cap-label .num{letter-spacing:.3em;color:var(--accent);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;margin-bottom:24px;display:block}.cap-label h2{font-family:var(--font-display);letter-spacing:-.035em;color:var(--color-paper);font-variation-settings:"opsz" 144, "SOFT" 50;margin-bottom:20px;font-size:clamp(2.25rem,3.6vw,3.25rem);font-weight:300;line-height:.95}.cap-label p{color:var(--color-mist-bright);max-width:34ch;font-size:14px;line-height:1.7;font-family:var(--font-mono)}.cap-label .swatch{letter-spacing:.25em;color:var(--color-mist);text-transform:uppercase;font-size:10px;font-family:var(--font-mono);align-items:center;gap:10px;margin-top:28px;display:inline-flex}.cap-label .swatch i{background:var(--accent);border-radius:50%;width:10px;height:10px;display:inline-block}.cap-panel{background:var(--color-ink-2);isolation:isolate;width:100%;height:560px;font-family:var(--font-mono);--panel-scale:1;border:1px solid #ffffff0f;border-radius:2px;position:relative;overflow:hidden}@media (max-width:959px){.cap-label .num{margin-bottom:10px;font-size:10px}.cap-label h2{margin-bottom:10px;font-size:clamp(1.5rem,7vw,2rem);line-height:1}.cap-label p{max-width:none;margin-bottom:0;font-size:11px;line-height:1.6}.cap-label .swatch{gap:8px;margin-top:10px;font-size:9px}.cap-label .swatch i{width:8px;height:8px}.cap-panel{--panel-scale:.56}.cap-panel>.p-ws,.cap-panel>.p-sys,.cap-panel>.p-app,.cap-panel>.p-auto,.cap-panel>.p-ai,.cap-panel>.p-mnt,.cap-panel>.p-inf{width:calc(100% / var(--panel-scale));height:calc(100% / var(--panel-scale));transform:scale(var(--panel-scale));transform-origin:0 0;inset:0 auto auto 0}.cap-chrome{letter-spacing:.18em;padding:12px 14px;font-size:9px}}@media (max-width:420px){.cap-panel{--panel-scale:.46}}.cap-panel:after{content:"";z-index:4;pointer-events:none;background:radial-gradient(120% 80% at 50% 0,#0000 55%,#00000059 100%);position:absolute;inset:0}.cap-chrome{z-index:5;letter-spacing:.25em;text-transform:uppercase;color:var(--color-mist);pointer-events:none;padding:20px 22px;font-size:10px;position:absolute}.cap-chrome.tl{top:0;left:0}.cap-chrome.tr{top:0;right:0}.cap-chrome.br{bottom:0;right:0}.cap-tick{background:var(--accent);vertical-align:middle;width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%;margin-right:10px;display:inline-block}.s01{--accent:#4a9d76}.s02{--accent:#6fa3d1}.s03{--accent:#e0a985}.s04{--accent:#d6b36a}.s05{--accent:#b48cd1}.s06{--accent:#d19684}.s07{--accent:#74c4bf}.p-ws{z-index:2;position:absolute;inset:0}.ws-browser{background:#f4f1ec04;border:1px solid #c9c9c633;position:absolute;inset:14% 8%}.ws-bar{letter-spacing:.2em;height:24px;color:var(--color-mist);background:#f4f1ec0a;align-items:center;gap:6px;padding:0 10px;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.ws-bar i{background:var(--color-mist);opacity:.5;border-radius:50%;width:6px;height:6px}.ws-bar span{font-family:var(--font-mono);margin-left:auto}.ws-body{grid-template-rows:auto auto auto;grid-template-columns:3fr 1fr;gap:8px;padding:12px;display:grid;position:absolute;inset:24px 0 0}.ws-hero{background:#f4f1ec08;border:1px solid #c9c9c61f;grid-area:1/1/2/2;height:140px;padding:18px;animation:8s ease-in-out infinite wsReveal;position:relative}.ws-hero .h1{background:var(--color-paper);width:68%;height:16px;margin-bottom:10px;animation:6s ease-in-out infinite wsTypeA}.ws-hero .h2{background:var(--color-paper);width:48%;height:16px;margin-bottom:20px;animation:6s ease-in-out .4s infinite wsTypeB}.ws-hero .p{background:#c9c9c666;width:70%;height:5px;margin-bottom:5px}.ws-hero .p.s{width:55%}.ws-hero .cta{background:var(--accent);width:90px;height:24px;animation:2.4s ease-in-out infinite wsPulse;position:absolute;bottom:18px;left:18px}.ws-hero .shot{background:repeating-linear-gradient(45deg,#c9c9c60f 0 2px,#0000 2px 10px);border:1px solid #c9c9c62e;width:42%;position:absolute;top:18px;bottom:18px;right:18px}.ws-stat{background:#f4f1ec08;border:1px solid #c9c9c61f;grid-column:2/3;padding:12px;position:relative;overflow:hidden}.ws-stat small{letter-spacing:.2em;color:var(--color-mist);font-size:8px}.ws-stat .big{font-family:var(--font-display);color:var(--color-paper);margin-top:6px;font-size:38px;font-weight:300;line-height:1}.ws-stat .tr{letter-spacing:.15em;color:var(--accent);margin-top:4px;font-size:8px}.ws-stat:after{content:"";background:var(--accent);width:40px;height:2px;position:absolute;bottom:12px;left:12px}.ws-cards{grid-area:2/1/3/3;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.ws-card{background:#f4f1ec08;border:1px solid #c9c9c61f;height:100px;padding:10px;position:relative}.ws-card .im{background:#f4f1ec0f;height:42px;margin-bottom:8px}.ws-card .l{background:#c9c9c666;width:85%;height:4px;margin-bottom:4px}.ws-card .l.s{width:60%}.ws-card:after{content:"";background:var(--accent);width:28px;height:1px;position:absolute;bottom:8px;left:10px}.ws-ribbon{background:#f4f1ec05;border:1px solid #c9c9c61a;grid-area:3/1/4/3;align-items:center;gap:10px;height:28px;padding:0 12px;display:flex}.ws-ribbon i{background:#c9c9c633;width:50px;height:6px}.ws-scan{background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--accent) 18%, transparent), transparent);pointer-events:none;height:40%;animation:6s ease-in-out infinite wsScan;position:absolute;top:-10%;left:0;right:0}.ws-cursor{border:1px solid var(--accent);background:color-mix(in oklab, var(--accent) 50%, transparent);pointer-events:none;width:12px;height:12px;box-shadow:0 0 14px var(--accent);border-radius:50%;animation:12s ease-in-out infinite wsCursor;position:absolute;top:20%;left:20%}.ws-cursor:after{content:"";border:1px solid var(--accent);opacity:.35;border-radius:50%;position:absolute;inset:-5px}@keyframes wsReveal{0%,to{opacity:1}48%{opacity:1}50%{opacity:.6}52%{opacity:1}}@keyframes wsTypeA{0%,5%{width:0}30%,to{width:68%}}@keyframes wsTypeB{0%,10%{width:0}40%,to{width:48%}}@keyframes wsPulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 40%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in oklab, var(--accent) 0%, transparent)}}@keyframes wsScan{0%{transform:translateY(-10%)}to{transform:translateY(280%)}}@keyframes wsCursor{0%{top:20%;left:12%}12%{top:20%;left:78%}22%{top:34%;left:78%}34%{top:34%;left:90%}46%{top:62%;left:14%}58%{top:62%;left:86%}70%{top:80%;left:86%}82%{top:80%;left:14%}to{top:20%;left:12%}}.p-sys{z-index:2;grid-template-rows:auto 1fr auto;grid-template-columns:110px 1fr 180px;gap:12px;padding:60px 30px 56px;display:grid;position:absolute;inset:0}.sys-nav{border-right:1px solid #c9c9c626;flex-direction:column;grid-row:1/4;gap:14px;padding-right:14px;display:flex}.sys-nav div{letter-spacing:.22em;color:var(--color-mist);font-size:9px;position:relative}.sys-nav div.on{color:var(--accent)}.sys-nav div.on:before{content:"";background:var(--accent);width:3px;height:12px;position:absolute;top:-2px;left:-14px}.sys-kpi{grid-column:2/4;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sys-k{background:#f4f1ec05;border:1px solid #c9c9c61a;padding:12px;position:relative;overflow:hidden}.sys-k small{letter-spacing:.2em;color:var(--color-mist);font-size:8px}.sys-k .big{font-family:var(--font-display);color:var(--color-paper);margin:8px 0 4px;font-size:30px;font-weight:300;line-height:1}.sys-k .tr{color:var(--accent);letter-spacing:.15em;font-size:8px}.sys-k:after{content:"";background:var(--accent);width:30px;height:1px;animation:2.8s ease-in-out infinite sysKLine;position:absolute;top:14px;right:12px}@keyframes sysKLine{0%,to{transform-origin:100%;transform:scaleX(.3)}50%{transform-origin:100%;transform:scaleX(1)}}.sys-k:nth-child(2):after{animation-delay:.3s}.sys-k:nth-child(3):after{animation-delay:.6s}.sys-k:nth-child(4):after{animation-delay:.9s}.sys-spark{background:#f4f1ec05;border:1px solid #c9c9c61a;grid-column:2/3;padding:12px;position:relative;overflow:hidden}.sys-spark small{letter-spacing:.2em;color:var(--color-mist);font-size:8px}.sys-spark svg{width:100%;height:calc(100% - 22px);position:absolute;inset:22px 0 0}.sys-spark .grid{stroke:#c9c9c61a;stroke-width:1px;fill:none}.sys-rail{background:#f4f1ec05;border:1px solid #c9c9c61a;flex-direction:column;grid-column:3/4;gap:8px;padding:12px;display:flex}.sys-rail small{letter-spacing:.2em;color:var(--color-mist);font-size:8px}.sys-donut{width:60px;height:60px;margin:4px auto 0;position:relative}.sys-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.sys-donut .bg{fill:none;stroke:#c9c9c62e;stroke-width:5px}.sys-donut .fg{fill:none;stroke:var(--accent);stroke-width:5px;stroke-dasharray:163;stroke-dashoffset:40px;animation:3.4s ease-in-out infinite sysDonut}.sys-donut .v{font-family:var(--font-display);color:var(--color-paper);justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;inset:0}@keyframes sysDonut{0%,to{stroke-dashoffset:40px}50%{stroke-dashoffset:20px}}.sys-jobs{flex-direction:column;gap:5px;margin-top:6px;display:flex}.sys-jobs>div{color:var(--color-mist-bright);letter-spacing:.15em;font-size:8px}.sys-jobs .b{background:#c9c9c62e;height:3px;margin-top:2px;position:relative;overflow:hidden}.sys-jobs .b:before{content:"";background:var(--accent);width:30%;animation:2.6s ease-in-out infinite sysJob;position:absolute;top:0;bottom:0;left:0}.sys-jobs .b:nth-of-type(2):before{animation-delay:.3s}.sys-jobs .b:nth-of-type(3):before{animation-delay:.6s}.sys-jobs .b:nth-of-type(4):before{animation-delay:.9s}@keyframes sysJob{0%,to{width:12%}50%{width:88%}}.sys-table{color:var(--color-mist-bright);letter-spacing:.15em;background:#f4f1ec05;border:1px solid #c9c9c61a;grid-column:2/4;padding:10px;font-size:9px;position:relative;overflow:hidden}.sys-table .h{color:var(--color-mist);border-bottom:1px solid #c9c9c61f;grid-template-columns:1.2fr 1fr .6fr .8fr 1fr .6fr;padding-bottom:6px;display:grid}.sys-table .r{border-bottom:1px solid #c9c9c60f;grid-template-columns:1.2fr 1fr .6fr .8fr 1fr .6fr;padding:5px 0;display:grid}.sys-table .r .ok{color:var(--accent)}.sys-table .scan{background:color-mix(in oklab, var(--accent) 8%, transparent);pointer-events:none;height:22px;animation:5s ease-in-out infinite sysScan;position:absolute;top:24px;left:0;right:0}@keyframes sysScan{0%{top:24px}to{top:calc(100% - 22px)}}.p-app{z-index:2;grid-template-columns:1fr 180px;gap:20px;display:grid;position:absolute;inset:60px 30px 56px}.app-desk{background:#f4f1ec05;border:1px solid #c9c9c633;position:relative;overflow:hidden}.app-desk .bar{height:22px;color:var(--color-mist);letter-spacing:.2em;background:#f4f1ec0a;align-items:center;gap:6px;padding:0 10px;font-size:8px;display:flex}.app-desk .bar i{background:var(--color-mist);opacity:.5;border-radius:50%;width:6px;height:6px}.app-desk .bar span{margin-left:auto}.app-desk .body{grid-template-columns:110px 1fr;gap:0;display:grid;position:absolute;inset:22px 0 0}.app-side{background:#f4f1ec05;border-right:1px solid #c9c9c61a;flex-direction:column;gap:11px;padding:14px 10px;display:flex}.app-side div{color:var(--color-mist);letter-spacing:.2em;font-size:9px;position:relative}.app-side div.on{color:var(--accent)}.app-side div.on:before{content:"";background:var(--accent);width:3px;height:12px;position:absolute;top:-2px;left:-10px}.app-main{padding:18px}.app-main h3{font-family:var(--font-display);color:var(--color-paper);margin-bottom:4px;font-size:30px;font-weight:300}.app-main .sub{color:var(--color-mist);letter-spacing:.22em;margin-bottom:14px;font-size:8px}.app-cards{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.app-c{background:#f4f1ec08;border:1px solid #c9c9c61f;height:110px;padding:10px;position:relative;overflow:hidden}.app-c .t{background:#c9c9c666;width:50%;height:5px;margin-bottom:5px}.app-c .t.s{background:#c9c9c640;width:78%}.app-c svg{width:calc(100% - 20px);height:36px;position:absolute;bottom:20px;left:10px;right:10px}.app-c:after{content:"";background:var(--accent);width:22px;height:1px;position:absolute;bottom:8px;left:10px}.app-c.hot{border-color:color-mix(in oklab, var(--accent) 40%, #c9c9c633);animation:4s ease-in-out infinite appHot}@keyframes appHot{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 0 24px color-mix(in oklab, var(--accent) 15%, transparent)}}.app-phone{background:#f4f1ec05;border:1px solid #c9c9c640;border-radius:24px;padding:28px 14px 14px;position:relative;overflow:hidden}.app-phone .notch{background:#f4f1ec14;border-radius:6px;width:50px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.app-phone h4{font-family:var(--font-display);color:var(--color-paper);margin-top:10px;font-size:20px;font-weight:300}.app-phone .sub{color:var(--color-mist);letter-spacing:.22em;margin-bottom:10px;font-size:8px}.app-msg{background:#f4f1ec05;grid-template-columns:22px 1fr;align-items:center;gap:8px;margin-bottom:6px;padding:8px;animation:8s ease-in-out infinite appMsg;display:grid;position:relative}.app-msg.hot{background:color-mix(in oklab, var(--accent) 10%, transparent)}.app-msg .av{border:1px solid #c9c9c666;border-radius:50%;width:22px;height:22px}.app-msg .tt{color:var(--color-mist-bright);letter-spacing:.15em;font-size:8px;line-height:1.5}.app-msg .tt b{color:var(--color-paper);display:block}.app-msg.hot:after{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%;animation:1s ease-in-out infinite appBlink;position:absolute;top:6px;right:6px}.app-msg:nth-of-type(2){animation-delay:.3s}.app-msg:nth-of-type(3){animation-delay:.6s}.app-msg:nth-of-type(4){animation-delay:.9s}@keyframes appMsg{0%,to{opacity:1}48%{opacity:1}50%{opacity:.5;transform:translateY(-1px)}52%{opacity:1;transform:translateY(0)}}@keyframes appBlink{0%,to{opacity:1}50%{opacity:.4}}.app-arc{pointer-events:none;z-index:3;height:40%;position:absolute;top:40%;left:46%;right:10%}.app-arc svg{width:100%;height:100%}.p-auto{z-index:2;position:absolute;inset:0}.auto-svg{width:100%;height:100%;position:absolute;inset:0}.auto-ticker{color:var(--color-mist);letter-spacing:.22em;z-index:3;font-size:9px;position:absolute;bottom:22px;left:22px}.auto-ticker b{color:var(--accent)}.auto-labels{color:var(--color-mist);letter-spacing:.25em;z-index:3;justify-content:space-between;padding:0 40px;font-size:9px;display:flex;position:absolute;top:24px;left:0;right:0}.auto-labels .c{color:var(--accent)}.p-ai{z-index:2;position:absolute;inset:0}.ai-grid{pointer-events:none;grid-template-rows:repeat(14,1fr);grid-template-columns:repeat(28,1fr);gap:3px;display:grid;position:absolute;inset:36px 26px}.ai-grid i{background:var(--accent);opacity:.08;animation:4s ease-in-out infinite aiCell}.ai-prompt{background:var(--color-ink-2);z-index:3;border:1px solid #c9c9c640;width:40%;padding:14px 16px;position:absolute;bottom:48px;left:28px}.ai-prompt small{color:var(--color-mist);letter-spacing:.25em;font-size:8px}.ai-prompt h4{font-family:var(--font-display);color:var(--color-paper);margin:8px 0 10px;font-size:22px;font-weight:300}.ai-prompt .u{color:var(--color-mist);letter-spacing:.25em;font-size:8px}.ai-prompt:before{content:"";background:var(--accent);width:42px;height:2px;position:absolute;bottom:26px;left:16px}.ai-res{background:var(--color-ink-2);z-index:3;border:1px solid #c9c9c640;flex-direction:column;width:52%;padding:14px 18px;display:flex;position:absolute;top:52px;bottom:48px;right:28px}.ai-res small{color:var(--accent);letter-spacing:.25em;margin-bottom:10px;font-size:8px}.ai-res .txt{font-family:var(--font-display);color:var(--color-paper);flex:1;font-size:17px;font-weight:300;line-height:1.5;overflow:hidden}.ai-res .txt .caret{color:var(--accent);margin-left:2px;animation:1s steps(2,end) infinite aiBlink}.ai-res .foot{color:var(--color-mist);letter-spacing:.25em;margin-top:10px;font-size:8px}@keyframes aiCell{0%,to{opacity:var(--o,.06)}50%{opacity:calc(var(--o,.06) + .2)}}@keyframes aiBlink{50%{opacity:0}}.p-mnt{z-index:2;grid-template-columns:1fr 1.3fr;gap:24px;display:grid;position:absolute;inset:60px 30px 56px}.mnt-left{flex-direction:column;justify-content:space-between;display:flex}.mnt-left .hd small{color:var(--color-mist);letter-spacing:.25em;font-size:9px}.mnt-left .hd h3{font-family:var(--font-display);color:var(--color-paper);margin-top:14px;font-size:44px;font-weight:300;line-height:.95}.mnt-left .hd h3 span{color:var(--accent)}.mnt-left .hd:after{content:"";background:var(--accent);width:60px;height:2px;margin-top:14px;display:block}.mnt-checks{flex-direction:column;gap:6px;display:flex}.mnt-checks .r{background:#f4f1ec05;border:1px solid #c9c9c61f;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.mnt-checks .r svg{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:1.8px;stroke-dasharray:30;stroke-dashoffset:30px;animation:.6s ease-out forwards mntDraw}.mnt-checks .r:nth-child(2) svg{animation-delay:.3s}.mnt-checks .r:nth-child(3) svg{animation-delay:.6s}.mnt-checks .r:nth-child(4) svg{animation-delay:.9s}.mnt-checks .r:nth-child(5) svg{animation-delay:1.2s}.mnt-checks .r .nm{color:var(--color-mist-bright);letter-spacing:.22em;font-size:9px}.mnt-checks .r .v{color:var(--color-mist);letter-spacing:.2em;font-size:8px}.mnt-checks .r .b{color:var(--accent);letter-spacing:.22em;font-size:8px}@keyframes mntDraw{to{stroke-dashoffset:0}}.mnt-uptime{flex-direction:column;gap:6px;display:flex}.mnt-uptime small{color:var(--color-mist);letter-spacing:.25em;font-size:8px}.mnt-uptime .bars{gap:2px;display:flex}.mnt-uptime .bars i{background:var(--accent);opacity:0;flex:1;height:22px;animation:.5s ease-out forwards mntBar}.mnt-uptime .bars i.bad{background:#c9c9c659}.mnt-uptime .note{color:var(--color-mist);letter-spacing:.22em;font-size:8px}@keyframes mntBar{to{opacity:1}}.mnt-code{font-family:var(--font-mono);background:#f4f1ec05;border:1px solid #c9c9c626;position:relative;overflow:hidden}.mnt-code .hd{height:24px;color:var(--color-mist);letter-spacing:.22em;background:#f4f1ec0a;align-items:center;padding:0 10px;font-size:8px;display:flex}.mnt-code .body{padding:10px 0}.mnt-line{letter-spacing:.02em;color:var(--color-mist-bright);opacity:0;grid-template-columns:28px 16px 1fr;gap:0;padding:0 10px 0 0;font-size:10px;line-height:1.55;animation:.6s ease-out forwards mntRise;display:grid}.mnt-line .gut{color:var(--color-mist);opacity:.6;text-align:right;padding-right:8px}.mnt-line .s{color:var(--color-mist)}.mnt-line.add{background:color-mix(in oklab, var(--accent) 8%, transparent)}.mnt-line.add .s{color:var(--accent)}.mnt-line.del{background:#c9c9c60d}.mnt-line.del .t{color:var(--color-mist);text-decoration:line-through}.mnt-line:first-child{animation-delay:.1s}.mnt-line:nth-child(2){animation-delay:.2s}.mnt-line:nth-child(3){animation-delay:.35s}.mnt-line:nth-child(4){animation-delay:.5s}.mnt-line:nth-child(5){animation-delay:.6s}.mnt-line:nth-child(6){animation-delay:.7s}.mnt-line:nth-child(7){animation-delay:.85s}.mnt-line:nth-child(8){animation-delay:1s}.mnt-line:nth-child(9){animation-delay:1.15s}.mnt-line:nth-child(10){animation-delay:1.3s}.mnt-line:nth-child(11){animation-delay:1.4s}.mnt-line:nth-child(12){animation-delay:1.5s}.mnt-line:nth-child(13){animation-delay:1.6s}.mnt-line:nth-child(14){animation-delay:1.7s}@keyframes mntRise{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}.p-inf{z-index:2;grid-template-columns:200px 1fr;gap:22px;display:grid;position:absolute;inset:60px 30px 56px}.inf-rack{background:#f4f1ec05;border:1px solid #c9c9c638;flex-direction:column;display:flex;overflow:hidden}.inf-rack .hd{height:24px;color:var(--color-mist);letter-spacing:.22em;background:#f4f1ec0a;justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;display:flex}.inf-rack .hd b{color:var(--accent)}.inf-rack .body{flex-direction:column;flex:1;gap:3px;padding:8px;display:flex;overflow:hidden}.inf-blade{color:var(--color-mist);letter-spacing:.18em;background:#f4f1ec08;border:1px solid #c9c9c61a;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:3px 8px;font-size:8px;display:grid}.inf-blade .n{color:var(--color-mist)}.inf-blade .name{color:var(--color-mist-bright)}.inf-blade .leds{gap:3px;margin-left:4px;display:flex}.inf-blade .leds i{background:var(--accent);opacity:.3;border-radius:50%;width:4px;height:4px;animation:1.8s ease-in-out infinite infLed}.inf-blade .leds i:nth-child(2){animation-delay:.3s}.inf-blade .leds i:nth-child(3){animation-delay:.6s}.inf-blade .load{background:#c9c9c626;width:48px;height:3px;position:relative;overflow:hidden}.inf-blade .load:after{content:"";background:var(--accent);width:30%;animation:3.4s ease-in-out infinite infLoad;position:absolute;top:0;bottom:0;left:0}.inf-blade:nth-child(odd) .load:after{animation-delay:.4s}.inf-blade:nth-child(3n) .load:after{animation-delay:.9s}@keyframes infLed{0%,to{opacity:.25}50%{opacity:1}}@keyframes infLoad{0%,to{width:18%}50%{width:82%}}.inf-topo{background:#f4f1ec05;border:1px solid #c9c9c638;position:relative;overflow:hidden}.inf-topo .hd{color:var(--color-mist);letter-spacing:.22em;z-index:3;font-size:8px;position:absolute;top:8px;left:12px}.inf-topo svg{width:100%;height:100%;position:absolute;inset:0}.inf-hb{z-index:3;height:32px;position:absolute;bottom:10px;left:12px;right:12px}.inf-hb small{color:var(--color-mist);letter-spacing:.22em;font-size:8px;position:absolute;top:0;left:0}.inf-hb svg{width:100%;height:20px;position:absolute;top:12px;left:0;right:0}