@import "https://fonts.bunny.net/css?family=ibm-plex-mono:400,600";:where(.astro-m3zpgalb),:where(.astro-m3zpgalb):before,:where(.astro-m3zpgalb):after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0a0b0e;--bg-surface:#111318;--bg-card:#161920;--bg-card-hover:#1c2028;--bg-input:#0e1015;--border:#ffffff1a;--border-accent:#e8362d26;--border-btn-secondary:#fff3;--text-primary:#e8eaf0;--text-secondary:#9aa0b0;--text-on-accent:#fff;--text-muted:#565b6b;--accent:#e8362d;--accent-soft:#d32f2f;--accent-dim:#e8362d14;--accent-glow:#e8362d09;--green:#68d391;--green-dim:#68d39126;--orange:#f6ad55;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}.btn-primary:where(.astro-m3zpgalb){background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .15s,box-shadow .2s;display:inline-flex;box-shadow:0 0 20px #e8362d1a}.btn-primary:where(.astro-m3zpgalb):hover:not(:disabled){opacity:.9;box-shadow:0 0 28px #e8362d26}.btn-primary:where(.astro-m3zpgalb):disabled{opacity:.45;cursor:not-allowed}.btn-secondary:where(.astro-m3zpgalb){color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-btn-secondary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-secondary:where(.astro-m3zpgalb):hover:not(:disabled){color:var(--text-primary);background:#ffffff0a;border-color:#ffffff24}.btn-secondary:where(.astro-m3zpgalb):disabled{opacity:.4;cursor:not-allowed}.btn-sm:where(.astro-m3zpgalb){padding:.3rem .75rem;font-size:.8rem}.button-icon:where(.astro-m3zpgalb){width:1em;height:1em;transform:translateY(-.06em)}.terminal-line:where(.astro-m3zpgalb){opacity:0;margin-bottom:.3rem;animation:.4s forwards fadeLine}.terminal-line:where(.astro-m3zpgalb).prompt{color:var(--green)}.terminal-line:where(.astro-m3zpgalb).output{color:var(--text-secondary)}.terminal-line:where(.astro-m3zpgalb).info{color:var(--accent-soft)}.terminal-line:where(.astro-m3zpgalb).warn{color:var(--orange)}@keyframes fadeLine{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.platform-icon:where(.astro-m3zpgalb){border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;display:flex}.platform-icon:where(.astro-m3zpgalb).tg{color:#fff;background:#08c}.platform-icon:where(.astro-m3zpgalb).lark{color:#fff;background:#3370ff}.hero:where(.astro-m3zpgalb){border-bottom:1px solid var(--border);justify-content:center;display:flex}.hero-right:where(.astro-m3zpgalb){text-align:center;background:radial-gradient(at 50% 20%,#e8362d0d 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:780px;padding:3.5rem 2rem 3rem;display:flex}.hero-badge:where(.astro-m3zpgalb){color:var(--accent-soft);background:var(--accent-dim);border:1px solid var(--border-accent);letter-spacing:.02em;border-radius:100px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.9rem;font-weight:500;display:inline-flex}.badge-dot:where(.astro-m3zpgalb){background:var(--accent-soft);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-claw-logo:where(.astro-m3zpgalb){width:18rem;height:auto;margin-top:1rem;margin-bottom:1rem;padding:1rem;display:inline-block}.hero-logo-easter-egg:where(.astro-m3zpgalb){cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;outline:none;transition:filter .2s;display:inline-block;position:relative}.hero-logo-easter-egg:where(.astro-m3zpgalb):hover{filter:drop-shadow(0 0 12px #e8362d73)}.hero-logo-easter-egg:where(.astro-m3zpgalb) .egg-static:where(.astro-m3zpgalb),.hero-logo-easter-egg:where(.astro-m3zpgalb) .egg-anim:where(.astro-m3zpgalb){transition:opacity .35s,transform .35s;display:block}.hero-logo-easter-egg:where(.astro-m3zpgalb) .egg-anim:where(.astro-m3zpgalb){opacity:0;pointer-events:none;width:18rem;height:18rem;position:absolute;top:50%;left:50%;transform:scale(.88)}.hero-logo-easter-egg:where(.astro-m3zpgalb).egg-active .egg-static:where(.astro-m3zpgalb){opacity:0;transform:scale(.88)}.hero-logo-easter-egg:where(.astro-m3zpgalb).egg-active .egg-anim:where(.astro-m3zpgalb){opacity:1;pointer-events:auto;transform:scale(1)}.hero-logo-easter-egg:where(.astro-m3zpgalb) .egg-hint:where(.astro-m3zpgalb){color:var(--text-muted);opacity:0;pointer-events:none;user-select:none;font-size:.6rem;transition:opacity .2s;position:absolute;bottom:-.25rem;right:.25rem}.hero-logo-easter-egg:where(.astro-m3zpgalb):hover .egg-hint:where(.astro-m3zpgalb){opacity:.6}.hero-logo-easter-egg:where(.astro-m3zpgalb).egg-active .egg-hint:where(.astro-m3zpgalb){opacity:0}#cursor-claw:where(.astro-m3zpgalb){pointer-events:none;z-index:9999;opacity:0;will-change:left, top;width:80px;height:80px;transition:opacity .4s;position:fixed;transform:translate(8px,-88px)}#cursor-claw:where(.astro-m3zpgalb).claw-visible{opacity:1}#cursor-claw:where(.astro-m3zpgalb) img:where(.astro-m3zpgalb){width:100%;height:100%;display:block}.hero-description:where(.astro-m3zpgalb){letter-spacing:.015em;background:linear-gradient(135deg, var(--text-primary) 30%, color-mix(in srgb, var(--text-secondary) 70%, var(--accent-soft) 30%) 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-top:.1rem;margin-bottom:1.5rem;padding-bottom:.1rem;font-size:1.3rem;font-weight:500;line-height:1.6;display:inline-block}.hero-espressif:where(.astro-m3zpgalb){color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;display:flex}.hero-espressif-meta:where(.astro-m3zpgalb){align-items:center;gap:.5rem;display:inline-flex}.hero-espressif-divider:where(.astro-m3zpgalb){display:inline}.hero-espressif-logo:where(.astro-m3zpgalb),.hero-espressif-badge:where(.astro-m3zpgalb){width:auto;height:1.5rem;transform:translateY(.1rem)}.hero-espressif:where(.astro-m3zpgalb) span:where(.astro-m3zpgalb){color:var(--text-secondary);font-weight:500}.hero-actions:where(.astro-m3zpgalb){justify-content:center;align-items:center;gap:.75rem;display:flex}.final-cta:where(.astro-m3zpgalb){text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(at 50% 0,#e8362d0f 0%,#0000 70%)}.final-cta-link:where(.astro-m3zpgalb){color:inherit;padding:5rem 2rem;text-decoration:none;display:block}.final-cta:where(.astro-m3zpgalb) h2:where(.astro-m3zpgalb){letter-spacing:-.025em;color:var(--text-primary);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700}.final-cta:where(.astro-m3zpgalb) h2:where(.astro-m3zpgalb) .highlight:where(.astro-m3zpgalb){color:var(--accent-soft)}.final-cta-arrow:where(.astro-m3zpgalb){transition:transform .2s;display:inline-block}.final-cta-link:where(.astro-m3zpgalb):hover .final-cta-arrow:where(.astro-m3zpgalb){transform:translate(.25rem)}@media (width>=901px){.first-fold:where(.astro-m3zpgalb){flex-direction:column;min-height:calc(100dvh - 56px);display:flex}.first-fold:where(.astro-m3zpgalb)>.hero:where(.astro-m3zpgalb){flex:auto}.first-fold:where(.astro-m3zpgalb)>.highlights:where(.astro-m3zpgalb){flex-shrink:0}}.highlights:where(.astro-m3zpgalb){border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex}.hl-item:where(.astro-m3zpgalb){border-right:1px solid var(--border);flex:1;min-width:0;padding:2.5rem 2rem;transition:flex-grow .45s cubic-bezier(.4,0,.2,1),background .3s;position:relative;overflow:hidden}.hl-item:where(.astro-m3zpgalb):last-child{border-right:none}.hl-item:where(.astro-m3zpgalb):before{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.hl-item:where(.astro-m3zpgalb):after{content:"";pointer-events:none;background:radial-gradient(at 50% 100%,#e8362d0a 0%,#0000 70%);position:absolute;inset:0}.hl-idx:where(.astro-m3zpgalb){color:var(--accent-soft);letter-spacing:.05em;margin-bottom:.85rem;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:700;display:block}.hl-title:where(.astro-m3zpgalb){color:var(--text-primary);letter-spacing:-.015em;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.hl-sub:where(.astro-m3zpgalb){color:var(--text-secondary);font-size:.85rem;line-height:1.5;transition:opacity .3s}.hl-body:where(.astro-m3zpgalb){opacity:0;visibility:hidden;z-index:1;transition:opacity 80ms,transform 80ms cubic-bezier(.16,1,.3,1),visibility 0s linear 80ms;transform:translateY(.6rem)}.hl-body:where(.astro-m3zpgalb) p:where(.astro-m3zpgalb){color:var(--text-secondary);border-top:1px solid var(--border);text-align:justify;margin-top:.85rem;padding-top:.85rem;font-size:.86rem;line-height:1.65}.hl-chevron:where(.astro-m3zpgalb){color:var(--text-muted);transition:transform .3s;display:none;position:absolute;top:2.6rem;right:1.5rem}@media (width>=901px){.hl-item:where(.astro-m3zpgalb){overflow:visible}.hl-title:where(.astro-m3zpgalb),.hl-sub:where(.astro-m3zpgalb){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hl-body:where(.astro-m3zpgalb){background:var(--bg-card);border:1px solid var(--border);z-index:10;border-bottom:none;padding:1rem 2rem 1.2rem;position:absolute;bottom:100%;left:0;right:0}.hl-body:where(.astro-m3zpgalb) p:where(.astro-m3zpgalb){border-top:none;margin-top:0;padding-top:0}.highlights:where(.astro-m3zpgalb):hover .hl-item:where(.astro-m3zpgalb):not(:hover) .hl-sub:where(.astro-m3zpgalb){opacity:0}.highlights:where(.astro-m3zpgalb):hover .hl-item:where(.astro-m3zpgalb):hover{background:var(--bg-card);flex-grow:3}.highlights:where(.astro-m3zpgalb):hover .hl-item:where(.astro-m3zpgalb):hover:before{transform:scaleX(1)}.highlights:where(.astro-m3zpgalb):hover .hl-item:where(.astro-m3zpgalb):hover:after{background:radial-gradient(at 50% 0,#e8362d0f 0%,#0000 60%)}.highlights:where(.astro-m3zpgalb):hover .hl-item:where(.astro-m3zpgalb):hover .hl-body:where(.astro-m3zpgalb){visibility:visible;opacity:1;transition:opacity .16s .46s,transform .16s cubic-bezier(.16,1,.3,1) .46s,visibility linear;transform:translateY(0)}}@media (width<=900px){.highlights:where(.astro-m3zpgalb){flex-direction:column}.hl-item:where(.astro-m3zpgalb){border-right:none;border-bottom:1px solid var(--border);cursor:pointer;padding-right:3.5rem}.hl-item:where(.astro-m3zpgalb):last-child{border-bottom:none}.hl-body:where(.astro-m3zpgalb){visibility:visible;max-height:0;transition:max-height .2s cubic-bezier(.4,0,.2,1),opacity .2s;position:static;overflow:hidden;transform:none}.hl-chevron:where(.astro-m3zpgalb){display:block}.hl-item:where(.astro-m3zpgalb).hl-active{background:var(--bg-card)}.hl-item:where(.astro-m3zpgalb).hl-active:before{transform:scaleX(1)}.hl-item:where(.astro-m3zpgalb).hl-active .hl-body:where(.astro-m3zpgalb){opacity:1;max-height:12rem}.hl-item:where(.astro-m3zpgalb).hl-active .hl-chevron:where(.astro-m3zpgalb){color:var(--accent-soft);transform:rotate(180deg)}.hero:where(.astro-m3zpgalb){min-height:auto}.hero-right:where(.astro-m3zpgalb){padding:3.5rem 2rem 2.5rem}.hero-espressif:where(.astro-m3zpgalb){flex-direction:column;gap:.35rem}.hero-espressif-divider:where(.astro-m3zpgalb){display:none}}.what-s-missing-after-iot:where(.astro-m3zpgalb){border-bottom:1px solid var(--border);background:linear-gradient(#0000,#e8362d05 100%);justify-content:center;padding:5.5rem 2rem;display:flex}.what-s-missing-after-iot-inner:where(.astro-m3zpgalb){text-align:center;width:100%;max-width:860px}.what-s-missing-after-iot-inner:where(.astro-m3zpgalb) h2:where(.astro-m3zpgalb){letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2rem;font-size:clamp(1.4rem,2vw,1.6rem);font-weight:600;display:inline-block}.what-s-missing-after-iot-inner:where(.astro-m3zpgalb) img:where(.astro-m3zpgalb){border-radius:.5rem;width:100%;max-width:40rem;height:auto;margin:2rem 0}.what-s-missing-after-iot-inner:where(.astro-m3zpgalb) p:where(.astro-m3zpgalb){color:var(--text-secondary);text-align:center;letter-spacing:.01em;margin-bottom:1.5rem;font-size:1.2rem;line-height:1.75}.what-s-missing-after-iot-inner:where(.astro-m3zpgalb) p:where(.astro-m3zpgalb):last-child{color:var(--text-primary);margin-bottom:0}@media (width<=900px){.what-s-missing-after-iot:where(.astro-m3zpgalb){padding:4rem 1.5rem}.what-s-missing-after-iot-inner:where(.astro-m3zpgalb) h2:where(.astro-m3zpgalb){text-align:left;width:100%;margin-bottom:1.5rem;font-size:clamp(1.25rem,2vw,1.4rem)}.what-s-missing-after-iot-inner:where(.astro-m3zpgalb) p:where(.astro-m3zpgalb){text-align:left;font-size:1.1rem}}.tech-advantages:where(.astro-m3zpgalb){border-bottom:1px solid var(--border);background:var(--bg-base);justify-content:center;padding:5rem 2rem;display:flex}.tech-advantages-inner:where(.astro-m3zpgalb){text-align:center;width:100%;max-width:1120px}.tech-advantages-inner:where(.astro-m3zpgalb) h2:where(.astro-m3zpgalb){letter-spacing:-.025em;color:var(--text-primary);margin:0 0 2rem;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:700}.tech-advantages-figure:where(.astro-m3zpgalb){margin:0}.tech-advantages-figure:where(.astro-m3zpgalb) img:where(.astro-m3zpgalb){width:100%;height:auto;display:block}.tech-advantages-note:where(.astro-m3zpgalb){color:var(--text-muted);text-align:center;margin-top:.85rem;font-size:.78rem;line-height:1.55}@media (width<=900px){.tech-advantages:where(.astro-m3zpgalb){padding:3.5rem 1.25rem}.tech-advantages-inner:where(.astro-m3zpgalb) h2:where(.astro-m3zpgalb){text-align:left;margin-bottom:1.5rem;font-size:clamp(1.25rem,2vw,1.4rem)}.tech-advantages-note:where(.astro-m3zpgalb){text-align:left}}.feat-and-demo:where(.astro-m3zpgalb){border-bottom:1px solid var(--border);background:0 0;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:1280px;margin:0 auto;padding:3.5rem clamp(1.5rem,5vw,4rem);display:grid;position:relative}.fad-item:where(.astro-m3zpgalb){background:var(--bg-surface);border:1px solid var(--border);z-index:1;border-radius:0;flex-direction:column;transition:background .35s,border-color .35s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;position:relative;overflow:hidden}.fad-item:where(.astro-m3zpgalb):before{content:"";background:var(--accent);transform-origin:0;z-index:5;height:2px;transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.fad-item:where(.astro-m3zpgalb):after{content:"";opacity:0;pointer-events:none;background:radial-gradient(at 50% 110%,#e8362d0d 0%,#0000 55%);transition:opacity .4s;position:absolute;inset:0}.fad-item:where(.astro-m3zpgalb):hover{background:var(--bg-card);border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 14px 32px -18px #e8362d59,0 4px 12px -6px #00000040}.fad-item:where(.astro-m3zpgalb):hover:before{transform:scaleX(1)}.fad-item:where(.astro-m3zpgalb):hover:after{opacity:1}.fad-video-wrap:where(.astro-m3zpgalb){aspect-ratio:16/9;background:var(--bg-base);border-bottom:1px solid var(--border);isolation:isolate;width:100%;position:relative;overflow:hidden}.fad-video:where(.astro-m3zpgalb){object-fit:cover;filter:brightness(.85)saturate(.9);width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s}.fad-item:where(.astro-m3zpgalb):hover .fad-video:where(.astro-m3zpgalb){filter:brightness()saturate();transform:scale(1.035)}.fad-video-wrap:where(.astro-m3zpgalb):after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0a0b0e14 0%,#0000 35%,#0a0b0e73 100%);transition:opacity .4s;position:absolute;inset:0}.fad-item:where(.astro-m3zpgalb):hover .fad-video-wrap:where(.astro-m3zpgalb):after{opacity:.35}.fad-play:where(.astro-m3zpgalb){-webkit-backdrop-filter:blur(10px)saturate(140%);width:2.25rem;height:2.25rem;color:var(--text-primary);opacity:0;pointer-events:none;z-index:2;background:#0a0b0e8c;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;transition:opacity .3s,transform .3s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s;display:flex;position:absolute;top:.9rem;right:.9rem;transform:translateY(-4px)scale(.9)}.fad-item:where(.astro-m3zpgalb):hover .fad-play:where(.astro-m3zpgalb){opacity:1;background:var(--accent);color:var(--text-on-accent);border-color:#0000;transform:translateY(0)scale(1);box-shadow:0 6px 20px #e8362d59}.fad-play:where(.astro-m3zpgalb) svg:where(.astro-m3zpgalb){width:.9rem;height:.9rem}.fad-play:where(.astro-m3zpgalb) .icon-pause:where(.astro-m3zpgalb),.fad-item:where(.astro-m3zpgalb).is-hovering .fad-play:where(.astro-m3zpgalb) .icon-play:where(.astro-m3zpgalb){display:none}.fad-item:where(.astro-m3zpgalb).is-hovering .fad-play:where(.astro-m3zpgalb) .icon-pause:where(.astro-m3zpgalb){display:block}.fad-text:where(.astro-m3zpgalb){z-index:2;flex-direction:column;flex:auto;gap:.45rem;padding:1.6rem 1.75rem 1.75rem;display:flex;position:relative}.fad-idx:where(.astro-m3zpgalb){color:var(--accent-soft);letter-spacing:.1em;align-items:center;gap:.6rem;margin-bottom:.2rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:700;display:inline-flex}.fad-idx:where(.astro-m3zpgalb):after{content:"";background:var(--border-accent);width:1.75rem;height:1px;transition:width .4s cubic-bezier(.16,1,.3,1),background .3s}.fad-item:where(.astro-m3zpgalb):hover .fad-idx:where(.astro-m3zpgalb):after{background:var(--accent);width:3rem}.fad-text:where(.astro-m3zpgalb) h3:where(.astro-m3zpgalb){color:var(--text-primary);letter-spacing:-.018em;font-size:1.2rem;font-weight:700;line-height:1.25;transition:color .3s}.fad-item:where(.astro-m3zpgalb):hover .fad-text:where(.astro-m3zpgalb) h3:where(.astro-m3zpgalb){color:var(--accent-soft)}.fad-text:where(.astro-m3zpgalb) p:where(.astro-m3zpgalb){color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.65}@media (width<=900px){.feat-and-demo:where(.astro-m3zpgalb){grid-template-columns:1fr;gap:1.1rem;padding:2.5rem 1.25rem}.fad-text:where(.astro-m3zpgalb){padding:1.35rem 1.5rem 1.6rem}.fad-text:where(.astro-m3zpgalb) h3:where(.astro-m3zpgalb){font-size:1.1rem}.fad-play:where(.astro-m3zpgalb){opacity:.85;transform:translateY(0)scale(1)}}.video-cases:where(.astro-m3zpgalb){border-bottom:1px solid var(--border);padding:5rem 0;overflow:hidden}.video-cases-header:where(.astro-m3zpgalb){justify-content:center;align-items:baseline;gap:1rem;margin-bottom:2.5rem;padding:0 clamp(1.5rem,5vw,4rem);display:flex}.video-cases-header:where(.astro-m3zpgalb) h2:where(.astro-m3zpgalb){letter-spacing:-.025em;color:var(--text-primary);margin:0;font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700}.video-cases-track-wrap:where(.astro-m3zpgalb){position:relative}.video-cases-track-wrap:where(.astro-m3zpgalb):before,.video-cases-track-wrap:where(.astro-m3zpgalb):after{content:"";z-index:2;pointer-events:none;width:clamp(1.5rem,5vw,4rem);position:absolute;top:0;bottom:0}.video-cases-track-wrap:where(.astro-m3zpgalb):before{background:linear-gradient(to right, var(--bg-base), transparent);left:0}.video-cases-track-wrap:where(.astro-m3zpgalb):after{background:linear-gradient(to left, var(--bg-base), transparent);right:0}.video-cases-track:where(.astro-m3zpgalb){scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.25rem;padding:.25rem clamp(1.5rem,5vw,4rem) 1.25rem;display:flex;overflow:auto visible}.video-cases-track:where(.astro-m3zpgalb).is-auto-scrolling{scroll-snap-type:none}.video-cases-track:where(.astro-m3zpgalb)::-webkit-scrollbar{display:none}.vc-item:where(.astro-m3zpgalb){scroll-snap-align:start;color:inherit;border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;flex-direction:column;flex:0 0 clamp(240px,30vw,340px);text-decoration:none;transition:border-color .3s,background .3s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.vc-item:where(.astro-m3zpgalb):before{content:"";background:var(--accent);transform-origin:0;z-index:2;height:2px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.vc-item:where(.astro-m3zpgalb):hover{border-color:var(--border-accent);background:var(--bg-card);box-shadow:0 12px 28px -16px #e8362d4d,0 4px 10px -5px #0003}.vc-item:where(.astro-m3zpgalb):hover:before{transform:scaleX(1)}.vc-thumb:where(.astro-m3zpgalb){aspect-ratio:16/9;background:var(--bg-base);flex-shrink:0;width:100%;position:relative;overflow:hidden}.vc-thumb:where(.astro-m3zpgalb) img:where(.astro-m3zpgalb){object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s;display:block}.vc-thumb:where(.astro-m3zpgalb) img:where(.astro-m3zpgalb)[data-loaded=false]{opacity:0}.vc-thumb:where(.astro-m3zpgalb) img:where(.astro-m3zpgalb)[data-loaded=true]{opacity:1}.vc-placeholder:where(.astro-m3zpgalb){background:linear-gradient(135deg, color-mix(in srgb, var(--bg-surface) 90%, var(--accent) 10%) 0%, var(--bg-surface) 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.vc-placeholder:where(.astro-m3zpgalb) svg:where(.astro-m3zpgalb){width:2.5rem;height:2.5rem;color:var(--border-accent);opacity:.5}.vc-thumb:where(.astro-m3zpgalb) img:where(.astro-m3zpgalb)[data-loaded=true]+.vc-placeholder:where(.astro-m3zpgalb){opacity:0;pointer-events:none}.vc-thumb-overlay:where(.astro-m3zpgalb){pointer-events:none;z-index:1;background:linear-gradient(#0000 50%,#0a0b0e80 100%);transition:opacity .3s;position:absolute;inset:0}.vc-play-badge:where(.astro-m3zpgalb){-webkit-backdrop-filter:blur(8px);color:#fff;z-index:2;opacity:0;background:#0a0b0e99;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:opacity .3s,background .3s;display:flex;position:absolute;bottom:.7rem;right:.7rem}.vc-play-badge:where(.astro-m3zpgalb) svg:where(.astro-m3zpgalb){width:.75rem;height:.75rem}.vc-item:where(.astro-m3zpgalb):hover .vc-play-badge:where(.astro-m3zpgalb){opacity:1;background:var(--accent);border-color:#0000}.vc-caption:where(.astro-m3zpgalb){color:var(--text-secondary);letter-spacing:-.01em;padding:.85rem 1rem 1rem;font-size:.88rem;font-weight:600;line-height:1.4;transition:color .3s}.vc-item:where(.astro-m3zpgalb):hover .vc-caption:where(.astro-m3zpgalb){color:var(--text-primary)}@media (width<=900px){.video-cases:where(.astro-m3zpgalb){padding:3.5rem 0}.vc-item:where(.astro-m3zpgalb){flex:0 0 min(78vw,300px)}}