.afm-section{background:linear-gradient(#f1faf5 0%,#f6fbf9 55%,#eef7f3 100%);position:relative;overflow:hidden}.afm-section:before{content:"";pointer-events:none;background-image:linear-gradient(#0a784b0e 1px,#0000 1px),linear-gradient(90deg,#0a784b0e 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 60% 60%,#000 20%,#0000 80%);mask-image:radial-gradient(75% 70% at 60% 60%,#000 20%,#0000 80%)}.afm-section>.container{position:relative}.afm{--t:#4285f4;--wire:#3f9a76;gap:18px;display:grid}.afm__stage{aspect-ratio:1000/440;perspective:1400px;font-size:min(1.6cqw,17px);position:relative;container-type:inline-size}.afm__aura{pointer-events:none;background:radial-gradient(28% 40% at 54% 48%, color-mix(in srgb, var(--t) 16%, transparent), transparent 70%), radial-gradient(22% 34% at 88% 52%, #0aa66b24, transparent 70%), radial-gradient(22% 34% at 14% 55%, color-mix(in srgb, var(--t) 10%, transparent), transparent 70%);filter:blur(8px);transition:background .8s;animation:12s ease-in-out infinite alternate afm-aura;position:absolute;inset:-6% -4%}@keyframes afm-aura{to{transform:translate(1.5%,-2%)scale(1.04)}}.afm__wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.afm__wires path{fill:none;stroke-linecap:round;stroke-linejoin:round}.afm__wire-glow{stroke:var(--wire);stroke-width:9px;opacity:0;filter:blur(5px);transition:opacity .5s,stroke .5s}.afm__wire.is-on .afm__wire-glow{opacity:.14}.afm__wire.is-src.is-on .afm__wire-glow{stroke:var(--t);opacity:.22}.afm__wire-base{stroke:var(--wire);stroke-width:2px;opacity:.7;transition:opacity .5s,stroke .5s}.afm__wire.is-src .afm__wire-base{stroke-dasharray:3 6;opacity:.35}.afm__wire.is-src.is-on .afm__wire-base{stroke:var(--t);stroke-dasharray:none;opacity:.85}.afm__wire-flow{stroke:var(--wire);stroke-width:3px;stroke-dasharray:.14 .86;opacity:0;filter:drop-shadow(0 0 4px var(--wire))}.afm__wire.is-src .afm__wire-flow{stroke:var(--t);filter:drop-shadow(0 0 5px var(--t))}.afm__wire.is-on .afm__wire-flow{opacity:1;animation:2s cubic-bezier(.45,0,.55,1) infinite afm-flow}.afm__wire.is-on .afm__wire-flow--late{opacity:.5;stroke-width:2px;animation-delay:-1s}@keyframes afm-flow{0%{stroke-dashoffset:1.14px}to{stroke-dashoffset:0}}.afm__card{-webkit-backdrop-filter:blur(10px);background:linear-gradient(160deg,#fffffff7,#fafdfbe6) padding-box padding-box,linear-gradient(160deg,#fff,#0e462d1f 60%,#0e462d0d) border-box;border:1px solid #0000;position:absolute;box-shadow:inset 0 1px #ffffffe6,0 .2em .5em #0a3c280a,0 1.6em 3.2em -1.6em #0a3c2852}.afm__src{text-align:left;width:30%;height:24%;transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out), background .5s;border-radius:1.2em;align-items:center;gap:1em;padding:0 1.2em;display:flex;left:0;overflow:hidden}.afm__src--0{top:29%}.afm__src--1{top:56%}.afm__src:not(.is-on) .afm__src-logo{filter:grayscale(.4);opacity:.85}.afm__src:not(.is-on) .afm__src-txt{opacity:.75}.afm__src:hover{transform:translate(.3em)}.afm__src.is-on{background:linear-gradient(160deg, #fff, #f8fbfff2) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--t) 70%, white), color-mix(in srgb, var(--t) 15%, white) 55%, #0aa66b73) border-box;box-shadow:0 0 0 .3em color-mix(in srgb, var(--t) 9%, transparent), 0 1.8em 3.4em -1.6em color-mix(in srgb, var(--t) 55%, transparent);transform:translate(.5em)}.afm__src-logo{width:3.2em;height:3.2em;color:var(--t);background:linear-gradient(150deg, color-mix(in srgb, var(--t) 14%, white), #fff);border:1px solid color-mix(in srgb, var(--t) 14%, white);border-radius:1em;flex:none;place-items:center;transition:filter .5s,opacity .5s;display:grid;position:relative}.afm__src-txt{gap:.2em;min-width:0;transition:opacity .5s;display:grid}.afm__src-name{align-items:center;gap:.5em;display:flex}.afm__src-name b{letter-spacing:-.02em;font-size:1.12em}.afm__live{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t);background:color-mix(in srgb, var(--t) 10%, white);border-radius:999px;align-items:center;gap:.35em;padding:.15em .5em;font-size:.62em;display:inline-flex}.afm__live i{background:currentColor;border-radius:50%;width:.5em;height:.5em;animation:1.2s ease-in-out infinite hx-blink}.afm__src-txt small{color:var(--ink-2);font-size:.82em;line-height:1.35}.afm__src-txt em{font-variant-numeric:tabular-nums;color:var(--t);font-size:.76em;font-style:normal;font-weight:600}.afm__src-timer{background:linear-gradient(90deg, var(--t), var(--green));transform-origin:0;width:100%;height:.16em;animation:6.5s linear both afm-timer;position:absolute;bottom:0;left:0}@keyframes afm-timer{0%{transform:scaleX(0)}}.afm__engine-wrap{z-index:2;width:29%;height:55%;transform:rotateY(calc(var(--mx,0) * 10deg)) rotateX(calc(var(--my,0) * -8deg));transform-style:preserve-3d;transition:transform .6s var(--ease-out);position:absolute;top:20%;left:40%}@property --afm-a{syntax:"<angle>";inherits:false;initial-value:0deg}.afm__halo{background:conic-gradient(from var(--afm-a), var(--t), #13b5a5, #0aa66b, color-mix(in srgb, var(--t) 40%, white), var(--t));filter:blur(1.4em);opacity:.32;border-radius:1.8em;transition:opacity .6s;animation:8s linear infinite afm-spin;position:absolute;inset:-.6em}@keyframes afm-spin{to{--afm-a:360deg}}.afm__engine{background:linear-gradient(170deg, #fff, #f9fcfff7) padding-box, linear-gradient(150deg, color-mix(in srgb, var(--t) 55%, white), #ffffffe6 45%, #0aa66b66) border-box;box-shadow:0 1px 0 #fff inset, 0 2em 4em -2em color-mix(in srgb, var(--t) 45%, #0a283c80);border-radius:1.3em;grid-template-rows:auto auto minmax(0,1fr);gap:.65em;padding:.9em;display:grid;inset:0}.afm__engine-bar{align-items:center;gap:.6em;display:flex}.afm__engine-ico{color:#fff;background:linear-gradient(140deg, var(--t), color-mix(in srgb, var(--t) 60%, #13b5a5));width:2em;height:2em;box-shadow:0 .5em 1em -.4em var(--t);border-radius:.65em;flex:none;place-items:center;transition:background .5s;display:grid}.afm__engine-title{line-height:1.2;display:grid}.afm__engine-title b{letter-spacing:-.01em;font-size:.95em}.afm__engine-title small{color:var(--muted);align-items:center;gap:.35em;font-size:.68em;display:inline-flex}.afm__range{color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line-2);border-radius:999px;margin-left:auto;padding:.28em .7em;font-size:.7em;font-weight:500}.afm__kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em;display:grid}.afm__kpi{border:1px solid var(--line-2);animation:afm-in .55s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms);background:#fff;border-radius:.75em;gap:.1em;padding:.5em .6em;display:grid;position:relative}.afm__kpi.is-lead{border-color:color-mix(in srgb, var(--t) 50%, white);background:linear-gradient(170deg, color-mix(in srgb, var(--t) 7%, white), #fff);box-shadow:0 .6em 1.2em -.8em color-mix(in srgb, var(--t) 60%, transparent)}.afm__kpi small{color:var(--ink-2);font-size:.66em;font-weight:500}.afm__kpi b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.12em;font-weight:650}.afm__kpi em{color:#0a9d63;font-size:.6em;font-style:normal;font-weight:700}.afm__chart{border:1px solid var(--line-2);background:#fff;border-radius:.85em;grid-template-rows:auto minmax(0,1fr);gap:.35em;min-height:0;padding:.55em .7em .6em;display:grid}.afm__chart-head{justify-content:space-between;align-items:center;display:flex}.afm__chart-head small{color:var(--ink-2);font-size:.66em}.afm__tip{font-variant-numeric:tabular-nums;color:#fff;background:var(--ink);animation:afm-pop .5s 1.2s var(--ease-out) both;border-radius:.4em;padding:.18em .5em;font-size:.64em;font-weight:700}.afm__plot{min-height:0;position:relative}.afm__plot svg{width:100%;height:100%;overflow:visible}.afm__grid{fill:none;stroke:var(--line);stroke-width:1px;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.afm__area{animation:afm-fade 1s .5s var(--ease-out) both}.afm__line{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:1;vector-effect:non-scaling-stroke;animation:afm-draw 1.4s var(--ease-out) both}.afm__cursor{stroke:color-mix(in srgb, var(--t) 40%, transparent);stroke-width:1px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;animation:.5s 1.2s both afm-fade}.afm__dot{background:var(--t);width:.55em;height:.55em;box-shadow:0 0 0 .3em color-mix(in srgb, var(--t) 20%, transparent);animation:afm-pop .4s 1.3s var(--ease-out) both, afm-ping 2s 1.7s ease-out infinite;border:.14em solid #fff;border-radius:50%;position:absolute;right:0;translate:50% -50%}@keyframes afm-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--t) 45%, transparent)}to{box-shadow:0 0 0 .9em #0000}}@keyframes afm-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes afm-fade{0%{opacity:0}}@keyframes afm-in{0%{opacity:0;transform:translateY(.4em)}}.afm__chip{width:12%;height:19%;animation:afm-pop .6s var(--ease-out) both, afm-float 5s ease-in-out infinite alternate;border-radius:1em;align-content:center;gap:.05em;padding:0 .85em;display:grid;top:0;left:64%;overflow:hidden}.afm__chip-top{justify-content:space-between;align-items:center;display:flex}.afm__chip small{color:var(--ink-2);font-size:.7em;font-weight:500}.afm__chip em{color:#0a9d63;font-size:.6em;font-style:normal;font-weight:700}.afm__chip b{letter-spacing:-.03em;color:var(--green-700);font-size:1.3em;font-weight:650}.afm__chip svg{width:100%;height:1.1em;margin-top:.15em}.afm__chip polyline{fill:none;stroke:var(--green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.afm__toast{white-space:nowrap;animation:afm-toast .65s var(--ease-out) both;border-radius:1em;align-items:center;gap:.65em;padding:.5em 1em .5em .5em;display:inline-flex;top:22%;left:72.5%}.afm__toast>span:last-child{line-height:1.25;display:grid}.afm__toast b{letter-spacing:-.01em;font-size:.88em}.afm__toast small{color:var(--muted);font-size:.68em}.afm__toast-ico{color:#fff;background:linear-gradient(140deg, var(--t), color-mix(in srgb, var(--t) 55%, #13b5a5));width:2.1em;height:2.1em;box-shadow:0 .5em 1em -.4em var(--t);border-radius:.7em;place-items:center;display:grid}@keyframes afm-toast{0%{opacity:0;filter:blur(3px);translate:0 .8em;scale:.94}}.afm__sync{background:linear-gradient(160deg,#fff,#f6fcf9f5) padding-box padding-box,linear-gradient(140deg,#0aa66b8c,#ffffffe6 50%,#13b5a566) border-box;border-radius:1.1em;align-items:center;gap:.8em;width:21.5%;height:19%;padding:0 1em;animation:6s ease-in-out -2s infinite alternate afm-float;display:flex;top:42%;left:78.5%}.afm__sync-logo{color:#fff;background:var(--grad);border-radius:.85em;flex:none;place-items:center;width:2.6em;height:2.6em;display:grid;position:relative;box-shadow:0 .6em 1.2em -.5em #0aa66bb3}.afm__sync-logo:after{content:"";border:1.5px solid #0aa66b73;border-radius:1.1em;animation:2.4s ease-out infinite afm-ring;position:absolute;inset:-.3em}@keyframes afm-ring{0%{opacity:.9;scale:.92}to{opacity:0;scale:1.25}}.afm__sync>span:last-child{gap:.15em;display:grid}.afm__sync b{letter-spacing:-.02em;font-size:1.02em;line-height:1.15}.afm__sync small{color:var(--ink-2);align-items:center;gap:.4em;font-size:.76em;display:inline-flex}.afm__sync small i,.afm__pill i{background:#22c55e;border-radius:50%;width:.55em;height:.55em;animation:1.4s ease-in-out infinite hx-blink;box-shadow:0 0 0 .22em #22c55e33}.afm__pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.55em;height:9%;padding:0 1.15em;font-size:.9em;font-weight:600;display:inline-flex;top:83%;left:59%}@keyframes afm-pop{0%{opacity:0;filter:blur(3px);scale:.88}}@keyframes afm-float{0%{translate:0 -.2em}to{translate:0 .3em}}.afm__note{text-align:center;color:var(--muted);font-size:13px}@media (max-width:820px){.afm__stage{aspect-ratio:auto;perspective:none;gap:14px;font-size:15px;display:grid;container-type:normal}.afm__wires,.afm__aura{display:none}.afm__card,.afm__engine-wrap{width:auto;height:auto;position:relative;inset:auto;transform:none}.afm__engine{min-height:300px;position:relative}.afm__src{min-height:92px;padding-block:14px}.afm__src.is-on,.afm__src:hover{transform:none}.afm__chip,.afm__toast,.afm__pill{justify-self:start}.afm__chip{min-width:150px;padding:12px 16px}.afm__sync{padding:14px 16px}.afm__pill{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.afm *,.afm__aura{animation:none!important}.afm__engine-wrap{transition:none}}
.avs{gap:36px;display:grid}.avs__tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.avs__tools-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin-right:4px;font-size:11.5px;display:inline-flex}.avs__tools-label svg{color:#f59e0b}.avs__tool{border:1px solid var(--line-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.avs__tool--more{color:var(--muted);box-shadow:none;background:0 0;border-style:dashed;font-weight:500}.avs__row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:clamp(16px,2.4vw,32px);display:grid}.avs__phone{--a:#0aa66b;justify-items:center;gap:16px;margin:0;display:grid}.avs__device{width:100%;max-width:260px;box-shadow:0 0 0 1px #ffffff0f inset, 0 2px 0 #ffffff14 inset, 0 44px 70px -38px color-mix(in srgb, var(--a) 75%, transparent), 0 18px 30px -22px #0a1e168c;transition:transform .5s var(--ease-out), box-shadow .5s var(--ease-out);background:linear-gradient(160deg,#1d2b25,#0b1612);border-radius:36px;padding:7px;position:relative}.avs__phone:hover .avs__device,.avs__phone:focus-within .avs__device{box-shadow:0 0 0 1px #ffffff0f inset, 0 2px 0 #ffffff14 inset, 0 0 0 3px color-mix(in srgb, var(--a) 45%, transparent), 0 54px 80px -38px color-mix(in srgb, var(--a) 85%, transparent);transform:translateY(-8px)}.avs__phone.is-playing .avs__device{box-shadow:0 0 0 3px var(--a), 0 54px 80px -38px color-mix(in srgb, var(--a) 85%, transparent);transform:none}.avs__notch{z-index:3;pointer-events:none;background:#050b08;border-radius:999px;width:30%;height:18px;position:absolute;top:15px;left:50%;translate:-50%}.avs__phone.is-playing .avs__notch{display:none}.avs__screen{aspect-ratio:9/16;background:color-mix(in srgb, var(--a) 22%, #0b1612);border-radius:29px;position:relative;overflow:hidden}.avs__video{object-fit:cover;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.avs__hit{color:#fff;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.avs__hit .avs__video{pointer-events:none;background:0 0}.avs__hit:focus-visible{outline:3px solid var(--a);outline-offset:-3px;border-radius:29px}.avs__shade{background:linear-gradient(#00000052,#0000 22% 70%,#0006);transition:opacity .4s;position:absolute;inset:0}.avs__tag,.avs__time{font-family:var(--mono);letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(6px);background:#00000061;border-radius:999px;padding:4px 9px;font-size:10.5px;position:absolute;top:42px}.avs__tag{left:14px}.avs__time{right:14px}.avs__play{width:62px;height:62px;color:var(--a);transition:scale .4s var(--ease-out), opacity .35s, color .3s, background-color .3s;background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 14px 30px -12px #0000008c}.avs__play svg{margin-left:3px}.avs__hit:hover .avs__play,.avs__hit:focus-visible .avs__play{color:#fff;background:var(--a);scale:.86}.avs__side{gap:10px;display:grid;position:absolute;bottom:18px;right:12px}.avs__side svg{-webkit-backdrop-filter:blur(6px);background:#00000052;border-radius:50%;width:30px;height:30px;padding:7px;display:block}.avs__phone figcaption{text-align:center;gap:2px;display:grid}.avs__phone figcaption b{letter-spacing:-.02em;font-size:15.5px}.avs__phone figcaption small{color:var(--muted);font-size:12.5px}.avs__formats{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.avs__formats li{color:var(--ink);background:var(--mint);border:1px solid color-mix(in srgb, var(--green) 18%, transparent);border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.avs__formats svg{color:var(--green-600)}@media (max-width:960px){.avs__row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}}@media (max-width:480px){.avs__row{gap:28px 12px}.avs__device{border-radius:26px;padding:5px}.avs__screen{border-radius:21px}.avs__notch{height:13px;top:11px}.avs__tag,.avs__time{font-size:9px;top:30px}.avs__tag,.avs__side{display:none}.avs__play{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.avs__device,.avs__play{transition:none}}
.sdl{--c:var(--green);--q:calc(var(--auto) / 4);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(28px,4vw,56px);display:grid}.sdl__main{min-width:0}.sdl__main .shead{margin-bottom:20px}.sdl__summary{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.sdl__summary li{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.sdl__summary b{color:var(--c);font-weight:700}.sdl__summary svg{color:var(--c)}.sdl__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sdl__item{text-align:left;background:var(--surface);border:1px solid var(--line);cursor:pointer;width:100%;transition:border-color .35s, box-shadow .45s var(--ease-out), transform .45s var(--ease-out), background-color .35s;border-radius:16px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.sdl__item:hover{border-color:color-mix(in srgb, var(--c) 28%, var(--line));transform:translate(4px)}.sdl__item:focus-visible{outline:2px solid var(--c);outline-offset:2px}.is-on>.sdl__item{background:color-mix(in srgb, var(--c) 5%, white);border-color:color-mix(in srgb, var(--c) 45%, transparent);box-shadow:0 22px 44px -30px color-mix(in srgb, var(--c) 65%, transparent);transform:translate(8px)}.sdl__item b{letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:600}.sdl__idx{font-family:var(--mono);color:color-mix(in srgb, var(--c) 80%, #000);font-size:12px;font-weight:700}.sdl__ico{width:32px;height:32px;color:var(--c);background:color-mix(in srgb, var(--c) 10%, white);border-radius:9px;place-items:center;transition:background-color .35s,color .35s;display:grid}.is-on .sdl__ico{color:#fff;background:var(--c)}.sdl__state{width:26px;height:26px;color:color-mix(in srgb, var(--c) 55%, white);border:1px solid color-mix(in srgb, var(--c) 22%, transparent);border-radius:8px;place-items:center;transition:background-color .35s,color .35s;display:grid}.is-past .sdl__state{color:#fff;background:var(--c);border-color:#0000}.sdl__progress{height:2px;position:absolute;bottom:0;left:0;right:0}.sdl__progress i{background:var(--c);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.sdl.is-running .sdl__progress i{animation:sdl-grow var(--auto) linear both}.sdl__panel{top:calc(var(--header-h,80px) + 24px);background:radial-gradient(80% 60% at 70% 70%, color-mix(in srgb, var(--c) 9%, transparent), transparent 75%), var(--surface);border:1px solid color-mix(in srgb, var(--c) 18%, var(--line));box-shadow:0 40px 80px -56px color-mix(in srgb, var(--c) 60%, transparent);border-radius:28px;gap:18px;padding:24px;display:grid;position:sticky}.sdl__panel-head{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.sdl__panel-head p{max-width:34ch;color:var(--ink-2);margin:8px 0 0;font-size:14px;line-height:1.5}.sdl__meter{flex-shrink:0;justify-items:end;gap:8px;display:grid}.sdl__meter-n{font-family:var(--mono);color:var(--muted);font-size:12px}.sdl__meter-n b{color:var(--c);font-size:20px}.sdl__segs{gap:4px;display:flex}.sdl__segs i{background:color-mix(in srgb, var(--c) 14%, #eef3f1);width:18px;height:5px;transition:background-color .4s, width .4s var(--ease-out);border-radius:3px}.sdl__segs i.is-done{background:var(--c)}.sdl__segs i.is-on{background:color-mix(in srgb, var(--c) 55%, white);width:28px}.sdl__deck{perspective:1400px;height:360px;transform-style:preserve-3d;position:relative}.sdl__card{z-index:calc(10 - var(--d));box-sizing:border-box;background:var(--surface);border:1px solid var(--line);transform-origin:0;transform:translate3d(calc(var(--d) * 18px), calc(var(--d) * -13px), calc(var(--d) * -60px));opacity:calc(1 - var(--d) * .24);border-radius:22px;flex-direction:column;gap:14px;padding:22px 22px 20px;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .6s,border-color .5s,box-shadow .6s;display:flex;position:absolute;inset:26px 54px 0 0;box-shadow:0 26px 50px -36px #0a503273}.sdl__card.is-front{border-color:color-mix(in srgb, var(--c) 32%, var(--line));box-shadow:0 1px 0 #fff inset, 0 40px 70px -40px color-mix(in srgb, var(--c) 60%, #0a503280)}.sdl__card.is-gone{opacity:0;pointer-events:none;transform:translate3d(-60px,20px,80px)rotateY(38deg)}.sdl__card.is-hidden{opacity:0}.sdl__card-top{align-items:center;gap:12px;display:flex}.sdl__card-ico{width:44px;height:44px;color:var(--c);background:color-mix(in srgb, var(--c) 11%, white);border-radius:13px;place-items:center;transition:background-color .5s,color .5s;display:grid}.is-front .sdl__card-ico{color:#fff;background:var(--c);box-shadow:0 12px 24px -12px var(--c)}.sdl__card-n{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11.5px}.sdl__pill{margin-left:auto;display:grid}.sdl__pill em{white-space:nowrap;color:color-mix(in srgb, var(--c) 85%, #000);background:color-mix(in srgb, var(--c) 12%, white);opacity:0;animation:sdl-word var(--q) var(--ease-out) both;animation-delay:calc(var(--k) * var(--q));border-radius:8px;grid-area:1/1;justify-self:end;padding:5px 10px;font-size:12px;font-style:normal;font-weight:600}.sdl__pill em:last-child{color:#15803d;background:#dcfce7;animation-name:sdl-word-last}.sdl__card h3{letter-spacing:-.025em;color:var(--ink);margin:0;font-size:clamp(1.3rem,1.9vw,1.6rem);font-weight:650;line-height:1.2}.sdl__gets{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sdl__gets li{color:var(--ink-2);align-items:center;gap:10px;font-size:13.5px;display:flex}.sdl__gets li>span{width:28px;height:28px;color:var(--c);background:color-mix(in srgb, var(--c) 9%, white);border-radius:8px;place-items:center;display:grid}.sdl__gets li>i{color:#0000;background:#f1f5f3;border-radius:6px;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}.is-front .sdl__gets li>i{animation:sdl-tick .35s var(--ease-out) both;animation-delay:calc((var(--k) + .9) * var(--q))}.sdl__track{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:auto 0 0;padding:14px 0 0;list-style:none;display:grid}.sdl__track li{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);justify-items:start;gap:6px;font-size:10.5px;display:grid;position:relative}.sdl__track li>i{z-index:1;color:#0000;background:var(--surface);border:1px solid var(--line-2);border-radius:7px;place-items:center;width:22px;height:22px;display:grid;position:relative}.sdl__track li:not(:last-child):after{content:"";background-color:#e8eeeb;background-image:linear-gradient(var(--c), var(--c));background-repeat:no-repeat;background-size:0% 100%;border-radius:1px;height:2px;position:absolute;top:10px;left:28px;right:6px}.is-front .sdl__track li>i{animation:sdl-tick .35s var(--ease-out) both;animation-delay:calc((var(--k) + .85) * var(--q))}.is-front .sdl__track li{animation:.35s both sdl-ink;animation-delay:calc((var(--k) + .85) * var(--q))}.is-front .sdl__track li:not(:last-child):after{animation:sdl-line calc(var(--q) * .9) linear both;animation-delay:calc((var(--k) + .9) * var(--q))}.sdl.is-paused .sdl__card.is-front *,.sdl.is-paused .sdl__card.is-front :after{animation-play-state:paused}@keyframes sdl-grow{to{transform:scaleX(1)}}@keyframes sdl-word{0%{opacity:0;transform:translateY(6px)}15%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes sdl-word-last{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:none}}@keyframes sdl-tick{0%{transform:scale(.6)}to{color:#fff;background:var(--c);border-color:#0000;transform:none}}@keyframes sdl-ink{to{color:var(--ink)}}@keyframes sdl-line{to{background-size:100% 100%}}@media (max-width:1024px){.sdl{grid-template-columns:1fr}.sdl__panel{position:relative;top:0}}@media (max-width:560px){.sdl__item{gap:10px;padding:12px}.sdl__panel{padding:16px}.sdl__panel-head{flex-direction:column;align-items:flex-start}.sdl__meter{justify-items:start}.sdl__deck{height:380px}.sdl__card{padding:18px 16px;inset:22px 30px 0 0}.sdl__track li{font-size:9px}}@media (prefers-reduced-motion:reduce){.sdl__item,.sdl__card{transition:none}.sdl__pill em{animation:none}.sdl__pill em:last-child{opacity:1}.is-front .sdl__gets li>i,.is-front .sdl__track li>i{color:#fff;background:var(--c);border-color:#0000;animation:none}.is-front .sdl__track li:not(:last-child):after{background-size:100% 100%;animation:none}.sdl.is-running .sdl__progress i{animation:none}}
