.vgcase{--stage:#0c0a1e;--stage-2:#110e26;--panel:#16132f;--sline:#ffffff17;--sline-strong:#ffffff2b;--sink:#f3f1ff;--smuted:#a8a2cf;--smuted-2:#746d9e;--blue:#2e86de;--sky:#4aa3e8;--deep:#16406e;--pink:#ff2a78;--green:#22b07a;--gold:#f5b400;--grad-cta:linear-gradient(135deg,var(--sky),var(--deep));--d-bg:#f7f6fc;--d-surface:#fff;--d-surface-2:#f2f0fa;--d-line:#16122e1a;--d-line-strong:#16122e29;--d-ink:#161230;--d-muted:#615c84;--d-accent:#1565c0;--d-shadow:0 12px 32px -16px #16122e47;--radius:20px;--radius-sm:13px;--font:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif;--mono:ui-monospace,"Cascadia Code","Consolas",monospace;font-family:var(--font);background:var(--stage);color:var(--sink);-webkit-font-smoothing:antialiased;line-height:1.6}.vgcase *,.vgcase :before,.vgcase :after{box-sizing:border-box;margin:0;padding:0}.vgcase img{max-width:100%}.vgcase .vg-wrap{max-width:1180px;margin:0 auto;padding:0 28px}.vgcase .vg-hero{padding:88px 0 30px;position:relative;overflow:hidden}.vgcase .vg-hero:before{content:"";pointer-events:none;background:radial-gradient(600px 320px at 18% 10%,#2e86de29,#0000 70%),radial-gradient(520px 300px at 85% 0,#ff2d9514,#0000 70%);height:120%;position:absolute;inset:-40% -20% auto}.vgcase .vg-eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sky);align-items:center;gap:10px;font-size:11.5px;display:inline-flex}.vgcase .vg-eyebrow:before{content:"";background:var(--sky);opacity:.6;width:22px;height:1px}.vgcase .vg-hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:15ch;margin:18px 0 0;font-size:clamp(30px,4.6vw,46px);font-weight:600;line-height:1.12;position:relative}.vgcase .vg-hero h1 .vg-cursor-mark{vertical-align:baseline;width:.55em;height:.55em;margin-left:.18em;display:inline-block;transform:translateY(.06em)}.vgcase .vg-hero p{max-width:62ch;color:var(--smuted);margin:22px 0 0;font-size:16.5px}.vgcase .vg-stack{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.vgcase .vg-chip{font-family:var(--mono);letter-spacing:.04em;color:var(--smuted);border:1px solid var(--sline);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11px}.vgcase .vg-chip b{color:var(--sink);font-weight:500}.vgcase .vg-hint{font-family:var(--mono);color:var(--smuted-2);align-items:center;gap:9px;margin-top:34px;font-size:11.5px;display:flex}.vgcase .vg-hint svg{flex:none}.vgcase .vg-row{border-top:1px solid var(--sline);padding:72px 0}.vgcase .vg-row .vg-wrap{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:22px 58px;display:grid}.vgcase .vg-tech .vg-eyebrow{color:var(--pink)}.vgcase .vg-tech .vg-eyebrow:before{background:var(--pink)}.vgcase .vg-tech h3{letter-spacing:-.015em;text-wrap:balance;margin:14px 0 0;font-size:clamp(21px,2.4vw,27px);font-weight:600;line-height:1.2}.vgcase .vg-tech .vg-lead{color:var(--smuted);max-width:52ch;margin:14px 0 0;font-size:15px}.vgcase .vg-tech ul{gap:11px;margin:22px 0 0;list-style:none;display:grid}.vgcase .vg-tech li{color:var(--smuted);padding-left:22px;font-size:13.5px;line-height:1.55;position:relative}.vgcase .vg-tech li:before{content:"→";color:var(--sky);font-family:var(--mono);font-size:12px;position:absolute;top:0;left:0}.vgcase .vg-tech li b{color:var(--sink);font-weight:500}.vgcase .vg-tech .vg-stack{margin-top:24px}.vgcase .vg-frame{background:var(--panel);border:1px solid var(--sline);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px -30px #000000bf}.vgcase .vg-bar{border-bottom:1px solid var(--sline);align-items:center;gap:10px;padding:11px 14px;display:flex}.vgcase .vg-dots{gap:5px;display:flex}.vgcase .vg-dots i{background:var(--sline-strong);border-radius:50%;width:9px;height:9px}.vgcase .vg-url{font-family:var(--mono);color:var(--smuted);background:var(--stage-2);border:1px solid var(--sline);border-radius:8px;flex:1;align-items:center;gap:7px;min-width:0;padding:5px 11px;font-size:11px;display:flex}.vgcase .vg-url svg{opacity:.55;flex:none}.vgcase .vg-url span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vgcase .vg-stage{background:var(--d-bg);height:400px;color:var(--d-ink);font-size:13.5px;line-height:1.5;position:relative;overflow:hidden}.vgcase .vg-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 3px 6px #16122e59);width:22px;height:22px;position:absolute;top:0;left:0;transform:translate(305px,355px)}.vgcase .vg-ghost svg{transition:transform .12s;display:block}.vgcase .vg-ghost.vg-down svg{transform:scale(.82)}.vgcase .vg-ripple{z-index:55;border:2px solid var(--pink);opacity:0;pointer-events:none;border-radius:50%;width:36px;height:36px;position:absolute;transform:translate(-50%,-50%)scale(.3)}.vgcase .vg-ripple.vg-go{animation:.5s ease-out forwards vgRipple}@keyframes vgRipple{0%{opacity:.75;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.25)}}.vgcase .vg-press{transform:scale(.96)!important}.vgcase .vg-stage .vg-btn{font-family:var(--font);cursor:default;white-space:nowrap;border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:transform .18s,opacity .18s;display:inline-flex}.vgcase .vg-stage .vg-btn-primary{color:#fff;background:linear-gradient(135deg,#4aa3e8,#16406e);box-shadow:0 10px 22px -12px #2e86dea6}.vgcase .vg-stage .vg-btn-ghost{color:var(--d-ink);border:1px solid var(--d-line-strong);background:0 0}.vgcase .vg-stage .vg-card{background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--radius-sm);box-shadow:var(--d-shadow)}.vgcase .vg-stage .vg-muted{color:var(--d-muted)}.vgcase .vg-stage .vg-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.vgcase .vg-fade{transition:opacity .45s,transform .45s}.vgcase .vg-hidden{opacity:0;pointer-events:none}.vgcase .vg-shopblur{filter:blur(7px)saturate(.8);pointer-events:none;grid-template-columns:1fr 1fr 1fr;align-content:start;gap:12px;padding:22px;transition:filter .6s;display:grid;position:absolute;inset:0}.vgcase .vg-shopblur.vg-clear{filter:blur()saturate()}.vgcase .vg-sk{background:var(--d-surface);border:1px solid var(--d-line);border-radius:12px;flex-direction:column;justify-content:flex-end;gap:5px;height:110px;padding:9px;display:flex}.vgcase .vg-sk i{background:var(--d-surface-2);border-radius:4px;height:7px;display:block}.vgcase .vg-sk i:first-child{background:linear-gradient(160deg,#eef3fb,#f6f2fb);height:44px}.vgcase .vg-gate{z-index:10;background:#16122e59;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.vgcase .vg-gate-card{text-align:center;border-radius:16px;width:min(320px,86%);padding:24px 22px}.vgcase .vg-gate-card .vg-badge18{color:#fff;background:linear-gradient(135deg,#4aa3e8,#16406e);border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:14px;font-weight:700;display:grid}.vgcase .vg-gate-card h4{letter-spacing:-.01em;font-size:15.5px;font-weight:600}.vgcase .vg-gate-card p{color:var(--d-muted);margin:7px 0 15px;font-size:12px}.vgcase .vg-gate-card .vg-btn{width:100%}.vgcase .vg-gate-card .vg-btn-ghost{margin-top:8px;padding:7px;font-size:11.5px;font-weight:500}.vgcase .vg-idcard{z-index:12;opacity:0;width:min(360px,90%);padding:17px 18px;transition:opacity .5s,transform .5s;position:absolute;bottom:18px;left:50%;transform:translate(-50%,24px)}.vgcase .vg-idcard.vg-in{opacity:1;transform:translate(-50%)}.vgcase .vg-idcard h5{justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.vgcase .vg-idstatus{background:var(--d-surface-2);color:var(--d-muted)}.vgcase .vg-idstatus.vg-review{color:#8a6d00;background:#fdf3d7}.vgcase .vg-idstatus.vg-ok{color:#177a52;background:#e2f6ec}.vgcase .vg-slots{grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;display:grid}.vgcase .vg-slot{border:1.5px dashed var(--d-line-strong);text-align:center;color:var(--d-muted);border-radius:10px;padding:11px 8px;font-size:11px;transition:border-color .3s;position:relative;overflow:hidden}.vgcase .vg-slot .vg-slot-done{background:var(--d-surface);color:#177a52;opacity:0;place-items:center;gap:0;font-weight:600;transition:opacity .35s;display:grid;position:absolute;inset:0}.vgcase .vg-slot.vg-filled{border-color:#22b07a}.vgcase .vg-slot.vg-filled .vg-slot-done{opacity:1}.vgcase .vg-slot .vg-prog{background:#22b07a;width:0;height:3px;transition:width .7s;position:absolute;bottom:0;left:0}.vgcase .vg-prodwrap{place-items:center;padding:24px;display:grid;position:absolute;inset:0}.vgcase .vg-prod{gap:10px;width:min(300px,80%);padding:16px;display:grid}.vgcase .vg-prod .vg-prod-img{background:linear-gradient(150deg,#eaf2fc 0%,#f4effc 60%,#fdeff6 100%);border-radius:10px;place-items:center;height:120px;display:grid;position:relative;overflow:hidden}.vgcase .vg-vapeicon{background:linear-gradient(160deg,#4aa3e8,#16406e);border-radius:13px;width:26px;height:74px;position:relative;box-shadow:0 10px 20px -8px #2e86de80}.vgcase .vg-vapeicon:before{content:"";background:#ffffff59;border-radius:5px;width:10px;height:15px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.vgcase .vg-prod h5{letter-spacing:-.01em;font-size:13.5px;font-weight:600}.vgcase .vg-prod .vg-price{font-size:16px;font-weight:700}.vgcase .vg-prod .vg-price small{color:var(--d-muted);margin-left:5px;font-size:10px;font-weight:400}.vgcase .vg-drawer{z-index:14;background:var(--d-surface);border-left:1px solid var(--d-line);flex-direction:column;width:min(285px,84%);padding:16px;transition:transform .55s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(103%);box-shadow:-18px 0 40px -20px #16122e59}.vgcase .vg-drawer.vg-open{transform:translate(0)}.vgcase .vg-drawer h5{justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;display:flex}.vgcase .vg-drawer h5 span{color:var(--d-muted);font-size:10.5px;font-weight:500}.vgcase .vg-ship{background:var(--d-surface-2);border-radius:10px;margin-top:13px;padding:10px 12px}.vgcase .vg-ship p{justify-content:space-between;gap:8px;font-size:10.5px;font-weight:600;display:flex}.vgcase .vg-ship p em{color:var(--d-accent);font-variant-numeric:tabular-nums;font-style:normal}.vgcase .vg-ship .vg-shipbar{background:var(--d-line);border-radius:4px;height:6px;margin-top:7px;overflow:hidden}.vgcase .vg-ship .vg-shipbar i{background:linear-gradient(90deg,#4aa3e8,#2e86de);border-radius:4px;width:0;height:100%;transition:width .8s cubic-bezier(.25,.8,.25,1);display:block}.vgcase .vg-ship.vg-free{background:#e2f6ec}.vgcase .vg-ship.vg-free p,.vgcase .vg-ship.vg-free p em{color:#177a52}.vgcase .vg-ship.vg-free .vg-shipbar i{background:#22b07a}.vgcase .vg-line{border-bottom:1px solid var(--d-line);align-items:center;gap:10px;margin-top:14px;padding-bottom:13px;display:flex}.vgcase .vg-line .vg-thumb{background:linear-gradient(150deg,#eaf2fc,#fdeff6);border-radius:9px;flex:none;place-items:center;width:44px;height:44px;display:grid}.vgcase .vg-line .vg-thumb .vg-vapeicon{width:12px;height:30px;box-shadow:none;border-radius:6px}.vgcase .vg-line .vg-thumb .vg-vapeicon:before{border-radius:3px;width:5px;height:7px;top:4px}.vgcase .vg-line h6{font-size:11.5px;font-weight:600;line-height:1.3}.vgcase .vg-line .vg-linesub{color:var(--d-muted);font-size:10px}.vgcase .vg-qty{border:1px solid var(--d-line-strong);border-radius:9px;align-items:center;gap:2px;margin-left:auto;padding:2px;display:flex}.vgcase .vg-qty button{width:22px;height:22px;color:var(--d-ink);cursor:default;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:0;border-radius:7px;transition:transform .15s}.vgcase .vg-qty output{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;font-size:11.5px;font-weight:600}.vgcase .vg-sum{justify-content:space-between;margin-top:auto;padding-top:12px;font-size:12.5px;font-weight:600;display:flex}.vgcase .vg-sum output{font-variant-numeric:tabular-nums}.vgcase .vg-drawer .vg-btn{width:100%;margin-top:11px}.vgcase .vg-toast{z-index:20;background:var(--d-ink);color:#fff;opacity:0;white-space:nowrap;border-radius:999px;padding:7px 15px;font-size:11px;font-weight:600;transition:opacity .35s,transform .35s;position:absolute;bottom:16px;left:50%;transform:translate(-50%,14px)}.vgcase .vg-toast.vg-in{opacity:1;transform:translate(-50%)}.vgcase .vg-quizwrap{place-items:center;padding:24px;display:grid;position:absolute;inset:0}.vgcase .vg-quiz{width:min(370px,92%);padding:20px 20px 18px}.vgcase .vg-qprog{background:var(--d-line);border-radius:4px;height:5px;overflow:hidden}.vgcase .vg-qprog i{background:linear-gradient(90deg,#4aa3e8,#2e86de);width:33%;height:100%;transition:width .5s;display:block}.vgcase .vg-qstep{font-family:var(--mono);color:var(--d-muted);margin-top:7px;font-size:10px}.vgcase .vg-quiz h5{letter-spacing:-.01em;margin-top:9px;font-size:14.5px;font-weight:600}.vgcase .vg-opts{gap:8px;margin-top:13px;display:grid}.vgcase .vg-opt{text-align:left;font-family:var(--font);color:var(--d-ink);background:var(--d-surface);border:1.5px solid var(--d-line-strong);cursor:default;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:500;transition:border-color .25s,background .25s,transform .15s}.vgcase .vg-opt.vg-sel{background:#eaf2fc;border-color:#2e86de}.vgcase .vg-qpane{transition:opacity .35s,transform .35s}.vgcase .vg-qpane.vg-out{opacity:0;transform:translate(-14px)}.vgcase .vg-result{opacity:0;transition:opacity .45s,transform .45s;transform:translateY(10px)}.vgcase .vg-result.vg-in{opacity:1;transform:none}.vgcase .vg-result .vg-reyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--d-accent);font-size:10px}.vgcase .vg-result h5{margin-top:5px}.vgcase .vg-rchips{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.vgcase .vg-rchips span{background:var(--d-surface-2);color:var(--d-ink);border-radius:999px;padding:4px 11px;font-size:10.5px;font-weight:600}.vgcase .vg-why{color:var(--d-muted);margin-top:12px;font-size:11px;line-height:1.6}.vgcase .vg-why b{color:var(--d-ink);font-weight:600}.vgcase .vg-minisite{flex-direction:column;display:flex;position:absolute;inset:0}.vgcase .vg-topbar{background:var(--d-surface-2);border-bottom:1px solid var(--d-line);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:10.5px;display:flex}.vgcase .vg-topbar .vg-tprom{color:var(--d-muted);align-items:center;gap:5px;display:flex}.vgcase .vg-topbar .vg-tprom b{color:var(--d-ink)}.vgcase .vg-lang{border-left:1px solid var(--d-line-strong);gap:2px;padding-left:10px;display:inline-flex}.vgcase .vg-lang button{font-family:var(--font);letter-spacing:.03em;color:var(--d-muted);cursor:default;background:0 0;border:0;border-radius:7px;padding:4px 7px;font-size:10.5px;font-weight:600;transition:color .25s,transform .15s}.vgcase .vg-lang button.vg-active{color:var(--d-accent);font-weight:700}.vgcase .vg-minihero{text-align:center;background:radial-gradient(420px 220px at 50% 0,#2e86de17,#0000 70%);flex:1;place-items:center;padding:20px;display:grid}.vgcase .vg-minihero .vg-swap{transition:opacity .3s,transform .3s;display:block}.vgcase .vg-swapping .vg-swap{opacity:0;transform:translateY(6px)}.vgcase .vg-minihero .vg-heyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--d-accent);font-size:10px;font-weight:600}.vgcase .vg-minihero h4{letter-spacing:-.02em;margin-top:9px;font-size:clamp(19px,3vw,25px);font-weight:700;line-height:1.15}.vgcase .vg-minihero p{color:var(--d-muted);max-width:40ch;margin:10px auto 0;font-size:11.5px}.vgcase .vg-minihero .vg-btn{margin-top:15px}.vgcase .vg-hreflang{font-family:var(--mono);color:var(--d-muted);background:var(--d-surface);border:1px solid var(--d-line);border-radius:7px;padding:4px 9px;font-size:9.5px;transition:opacity .3s;position:absolute;bottom:12px;left:14px}.vgcase .vg-searchwrap{flex-direction:column;align-items:center;padding:34px 26px;display:flex;position:absolute;inset:0}.vgcase .vg-searchbox{background:var(--d-surface);border:1.5px solid var(--d-line-strong);border-radius:13px;align-items:center;gap:9px;width:min(380px,94%);padding:11px 15px;transition:border-color .3s,box-shadow .3s;display:flex}.vgcase .vg-searchbox.vg-focus{border-color:#2e86de;box-shadow:0 0 0 3px #2e86de24}.vgcase .vg-searchbox svg{color:var(--d-muted);flex:none}.vgcase .vg-typed{white-space:pre;font-size:13px;font-weight:500}.vgcase .vg-typed:empty:before{content:"Wonach suchst du?";color:var(--d-muted);font-weight:400}.vgcase .vg-caret{background:var(--d-accent);opacity:0;flex:none;width:1.5px;height:16px}.vgcase .vg-searchbox.vg-focus .vg-caret{animation:1s step-end infinite vgBlink}@keyframes vgBlink{0%,55%{opacity:1}56%,to{opacity:0}}.vgcase .vg-results{opacity:0;border-radius:13px;width:min(380px,94%);margin-top:9px;transition:opacity .3s,transform .3s;overflow:hidden;transform:translateY(-6px)}.vgcase .vg-results.vg-in{opacity:1;transform:none}.vgcase .vg-rmeta{font-family:var(--mono);color:var(--d-muted);border-bottom:1px solid var(--d-line);padding:8px 14px;font-size:9.5px}.vgcase .vg-hit{border-bottom:1px solid var(--d-line);opacity:0;align-items:center;gap:11px;padding:10px 14px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(4px)}.vgcase .vg-hit.vg-in{opacity:1;transform:none}.vgcase .vg-hit:last-child{border-bottom:0}.vgcase .vg-hit .vg-thumb{background:linear-gradient(150deg,#eaf2fc,#fdeff6);border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.vgcase .vg-hit .vg-vapeicon{width:10px;height:24px;box-shadow:none;border-radius:5px}.vgcase .vg-hit .vg-vapeicon:before{border-radius:2px;width:4px;height:6px;top:3px}.vgcase .vg-hit h6{font-size:11.5px;font-weight:600}.vgcase .vg-hit h6 mark{color:var(--d-accent);background:0 0}.vgcase .vg-hit .vg-hitsub{color:var(--d-muted);font-size:9.5px}.vgcase .vg-hit output{font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px;font-weight:700}.vgcase .vg-cmswrap{grid-template-columns:1fr 1fr;align-content:center;gap:14px;padding:22px;display:grid;position:absolute;inset:0}.vgcase .vg-cms{padding:15px 16px}.vgcase .vg-cms .vg-cmshead{font-family:var(--mono);color:var(--d-muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:7px;font-size:9.5px;display:flex}.vgcase .vg-cms .vg-cmshead i{background:#22b07a;border-radius:50%;width:7px;height:7px}.vgcase .vg-field{margin-top:13px}.vgcase .vg-field label{letter-spacing:.06em;text-transform:uppercase;color:var(--d-muted);font-size:9.5px;font-weight:600;display:block}.vgcase .vg-field .vg-input{border:1.5px solid var(--d-line-strong);border-radius:9px;align-items:center;min-height:37px;margin-top:5px;padding:9px 11px;font-size:12px;font-weight:500;transition:border-color .3s,box-shadow .3s;display:flex}.vgcase .vg-field .vg-input.vg-focus{border-color:#2e86de;box-shadow:0 0 0 3px #2e86de24}.vgcase .vg-field .vg-input .vg-typed:empty:before{content:none}.vgcase .vg-cms .vg-btn{width:100%;margin-top:13px;padding:8px 12px;font-size:11.5px}.vgcase .vg-cms .vg-btn.vg-done{background:#22b07a;box-shadow:0 10px 22px -12px #22b07a99}.vgcase .vg-serp{align-self:center;padding:15px 16px}.vgcase .vg-serp .vg-serphead{font-family:var(--mono);color:var(--d-muted);text-transform:uppercase;letter-spacing:.14em;font-size:9.5px}.vgcase .vg-crumb{color:var(--d-muted);align-items:center;gap:6px;margin-top:12px;font-size:10px;display:flex}.vgcase .vg-crumb i{background:linear-gradient(135deg,#4aa3e8,#16406e);border-radius:50%;flex:none;width:16px;height:16px}.vgcase .vg-serp h6{color:#1a0dab;margin-top:6px;font-size:14px;font-weight:500;line-height:1.3}.vgcase .vg-serp .vg-desc{color:var(--d-muted);margin-top:4px;font-size:10.5px;line-height:1.5}.vgcase .vg-faqrows{border-top:1px solid var(--d-line);margin-top:9px}.vgcase .vg-faqrows p{border-bottom:1px solid var(--d-line);color:var(--d-ink);align-items:center;gap:7px;padding:6px 0;font-size:10.5px;display:flex}.vgcase .vg-faqrows p:before{content:"▸";color:var(--d-muted);font-size:9px}.vgcase .vg-schema{font-family:var(--mono);color:#177a52;background:#e2f6ec;border-radius:7px;align-items:center;gap:6px;margin-top:11px;padding:4px 9px;font-size:9px;transition:transform .3s;display:inline-flex}.vgcase .vg-schema.vg-pulse{animation:.6s vgPulse}@keyframes vgPulse{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.vgcase .vg-outro{border-top:1px solid var(--sline);padding:58px 0 78px}.vgcase .vg-outro .vg-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 40px;display:flex}.vgcase .vg-outro p{color:var(--smuted);max-width:56ch;font-size:14px}.vgcase .vg-outro p b{color:var(--sink);font-weight:500}.vgcase .vg-live{font-family:var(--mono);color:var(--sink);border:1px solid var(--sline-strong);border-radius:999px;align-items:center;gap:9px;padding:10px 19px;font-size:12px;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.vgcase .vg-live:hover{border-color:var(--sky);background:#2e86de14}.vgcase .vg-live i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22b07a33}.vgcase a:focus-visible,.vgcase button:focus-visible{outline:2.5px solid var(--sky);outline-offset:2px}@media (width<=940px){.vgcase .vg-row .vg-wrap{grid-template-columns:1fr;gap:26px}.vgcase .vg-row{padding:56px 0}.vgcase .vg-hero{padding:64px 0 22px}.vgcase .vg-stage{height:380px}}@media (width<=560px){.vgcase .vg-wrap{padding:0 18px}.vgcase .vg-cmswrap{grid-template-columns:1fr;align-content:start;gap:10px;padding:14px}.vgcase .vg-serp{padding:12px 14px}.vgcase .vg-stage{height:420px}}@media (prefers-reduced-motion:reduce){.vgcase .vg-ghost,.vgcase .vg-ripple{display:none!important}.vgcase *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.vgcase .vg-intro{padding:clamp(40px,5vw,64px) 0 clamp(8px,1.5vw,16px)}.vgcase .vg-intro .vg-wrap{text-align:center}.vgcase .vg-intro-lead{max-width:70ch;color:var(--smuted);margin:0 auto 22px;font-size:16.5px}.vgcase .vg-intro-lead b{color:var(--sink);font-weight:500}.vgcase .vg-intro .vg-stack{justify-content:center}.vgcase .vg-intro .vg-hint{justify-content:center;margin-top:18px}@media (width>=941px){.vgcase .vg-row:nth-of-type(2n) .vg-wrap{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}.vgcase .vg-row:nth-of-type(2n) .vg-frame{order:2}}.vgp[data-astro-cid-eq6f5wqg] .vgcase{margin-top:0}