.vg-shell{--vg-bg: var(--background);--vg-paper: color-mix(in srgb, var(--background) 88%, var(--foreground) 12%);--vg-surface: color-mix(in srgb, var(--background) 94%, var(--foreground) 6%);--vg-raised: color-mix(in srgb, var(--background) 97%, white 3%);--vg-border: var(--border);--vg-text: var(--foreground);--vg-text-2: color-mix(in srgb, var(--foreground) 72%, transparent);--vg-text-3: color-mix(in srgb, var(--foreground) 52%, transparent);--vg-accent: var(--accent);--vg-accent-strong: var(--accent-strong);--vg-accent-soft: color-mix(in srgb, var(--accent) 12%, var(--background));--vg-radius: 8px;--vg-shadow: 0 1px 2px color-mix(in srgb, var(--foreground) 12%, transparent);margin-top:2rem;padding-bottom:4rem;color:var(--vg-text);font-family:var(--font-app)}.vg-shell button,.vg-shell input,.vg-shell select,.vg-shell textarea{font:inherit}.vg-shell button{color:inherit}.vg-hero{max-width:46rem;margin:0 auto;padding:2rem 0 1.75rem;border-bottom:1px solid var(--vg-border)}.vg-hero h1{margin:0 0 1rem;color:var(--vg-text);font-family:var(--font-reading);font-size:2rem;font-weight:600;line-height:1.35}.vg-hero h1 span{color:var(--vg-accent-strong)}.vg-hero p{max-width:65ch;margin:0;color:var(--vg-text-2);font-size:.98rem;line-height:1.8}.vg-tabs{display:flex;gap:.25rem;max-width:46rem;margin:1.5rem auto 2rem;border-bottom:1px solid var(--vg-border)}.vg-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--vg-text-2);padding:.75rem 1rem;font-size:.92rem;font-weight:600}.vg-tabs button:hover,.vg-tabs button.active{border-color:var(--vg-accent);color:var(--vg-accent-strong)}.vg-controls{max-width:46rem;margin:0 auto;padding-bottom:2rem}.vg-search{position:relative;display:block;margin-bottom:1rem}.vg-search svg{position:absolute;top:50%;left:.85rem;color:var(--vg-text-3);transform:translateY(-50%)}.vg-search input{width:100%;border:1px solid var(--vg-border);border-radius:var(--vg-radius);outline:0;background:transparent;color:var(--vg-text);padding:.72rem .85rem .72rem 2.55rem;font-size:.95rem}.vg-search input:focus{border-color:var(--vg-accent)}.vg-filters{display:flex;flex-wrap:wrap;gap:.45rem}.vg-filters button,.vg-guide button{border:1px solid var(--vg-border);border-radius:999px;background:transparent;color:var(--vg-text-2);padding:.35rem .75rem;font-size:.82rem;white-space:nowrap}.vg-filters button:hover,.vg-guide button:hover,.vg-filters button.active{border-color:var(--vg-accent);background:var(--vg-accent-soft);color:var(--vg-accent-strong)}.vg-count{margin-top:.75rem;color:var(--vg-text-3);font-size:.82rem}.vg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:.8rem;max-width:64rem;margin:0 auto;padding-bottom:4rem}.vg-card{position:relative;min-height:10rem;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:transparent;color:inherit;padding:1rem;text-align:left}.vg-card:hover{border-color:var(--vg-accent);background:var(--vg-surface)}.vg-card-cat,.vg-modal-cat{display:inline-block;margin-bottom:.55rem;border-radius:4px;background:var(--vg-surface);color:var(--vg-text-2);padding:.15rem .45rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.vg-card strong{display:block;margin-bottom:.2rem;color:var(--vg-text);font-size:1rem;line-height:1.35}.vg-card-en,.vg-modal-en{display:block;margin-bottom:.5rem;color:var(--vg-text-3);font-family:var(--font-mono-app);font-size:.78rem}.vg-card-desc{display:-webkit-box;overflow:hidden;color:var(--vg-text-2);font-size:.85rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.vg-card-arrow{position:absolute;top:1rem;right:.9rem;color:var(--vg-text-3)}.vg-empty{max-width:46rem;margin:0 auto;color:var(--vg-text-2)}.vg-modal-overlay{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--foreground) 35%,transparent);padding:1.5rem}.vg-modal-overlay.open{display:flex}.vg-modal{position:relative;width:min(38rem,100%);max-height:85vh;overflow:auto;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:var(--vg-bg);box-shadow:0 12px 32px color-mix(in srgb,var(--foreground) 20%,transparent);padding:2rem;animation:vg-modal-in .18s ease-out}@keyframes vg-modal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.vg-modal-close{position:absolute;top:.9rem;right:.9rem;display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:transparent;color:var(--vg-text-2)}.vg-modal h2{margin:0 2.4rem .2rem 0;font-family:var(--font-reading);font-size:1.45rem;font-weight:600;line-height:1.35}.vg-modal-desc{margin:0 0 1.2rem;color:var(--vg-text-2);font-size:.95rem;line-height:1.8}.vg-modal-label{margin:0 0 .4rem;color:var(--vg-text-3);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.vg-aliases{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.1rem}.vg-aliases span{border:1px solid var(--vg-border);border-radius:4px;color:var(--vg-text-2);padding:.16rem .5rem;font-family:var(--font-mono-app);font-size:.75rem}.vg-prompt{margin:0 0 1.1rem;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:var(--vg-surface);color:var(--vg-text);padding:.9rem;white-space:pre-wrap;font-family:inherit;font-size:.88rem;line-height:1.7}.vg-tip{margin:0;border:1px solid color-mix(in srgb,var(--vg-accent) 35%,var(--vg-border));border-radius:var(--vg-radius);background:var(--vg-accent-soft);color:var(--vg-text-2);padding:.75rem .9rem;font-size:.82rem;line-height:1.6}.vg-tip strong{color:var(--vg-accent-strong)}.vg-scroll-top{position:fixed;bottom:1.25rem;left:1.25rem;z-index:900;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:var(--vg-bg);color:var(--vg-text-2);opacity:0;pointer-events:none;transform:translateY(8px)}.vg-scroll-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}.vg-visual,.vg-box{max-width:64rem;margin:0 auto;padding-bottom:4rem}.vg-visual-intro{max-width:46rem;margin:0 auto 1.5rem;color:var(--vg-text-2);font-size:.94rem;line-height:1.8}.vg-guide{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 auto 1.75rem;max-width:46rem}.vg-mock-site{overflow:hidden;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:var(--vg-bg)}.vg-browser-bar{display:flex;align-items:center;gap:.4rem;border-bottom:1px solid var(--vg-border);background:var(--vg-surface);padding:.65rem .85rem}.vg-browser-bar span{width:.55rem;height:.55rem;border:1px solid var(--vg-border);border-radius:50%}.vg-browser-bar div{flex:1;margin:0 2.5rem;border:1px solid var(--vg-border);border-radius:4px;background:var(--vg-bg);color:var(--vg-text-3);padding:.25rem .75rem;text-align:center;font-family:var(--font-mono-app);font-size:.72rem}.vg-mock-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--vg-border);padding:.95rem 1.75rem}.vg-mock-logo{font-family:var(--font-reading);font-size:1.1rem}.vg-mock-nav{display:flex;gap:1.25rem;color:var(--vg-text-2);font-size:.85rem}.vg-dropdown-wrap{position:relative;color:var(--vg-accent-strong);font-weight:600}.vg-dropdown-panel{position:absolute;top:calc(100% + .55rem);left:0;z-index:6;display:grid;min-width:12rem;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:var(--vg-bg);color:var(--vg-text-2);padding:.45rem;box-shadow:var(--vg-shadow);opacity:0;pointer-events:none;transform:translateY(-4px)}.vg-dropdown-wrap:hover .vg-dropdown-panel{opacity:1;transform:translateY(0)}.vg-dropdown-panel span{border-radius:4px;padding:.45rem .55rem}.vg-dropdown-panel span:hover{background:var(--vg-surface)}.vg-mock-actions{display:flex;align-items:center;gap:.7rem}.vg-tooltip-trigger{position:relative;display:grid;place-items:center;color:var(--vg-accent-strong)}.vg-tooltip-bubble{position:absolute;top:calc(100% + .55rem);left:50%;z-index:7;border:1px solid var(--vg-border);border-radius:4px;background:var(--vg-bg);color:var(--vg-text-2);padding:.3rem .45rem;font-size:.72rem;opacity:0;pointer-events:none;transform:translate(-50%);white-space:nowrap}.vg-tooltip-trigger:hover .vg-tooltip-bubble{opacity:1}.vg-mock-actions button,.vg-mock-hero button:first-child,.vg-mock-form button,.vg-mock-cta button,.vg-price-card button{border:1px solid var(--vg-accent);border-radius:var(--vg-radius);background:var(--vg-accent);color:var(--vg-bg);padding:.55rem .9rem;font-size:.85rem;font-weight:700}.vg-toggle{position:relative;display:inline-block;width:2.3rem;height:1.2rem;border-radius:999px;background:var(--vg-accent)}.vg-toggle:after{position:absolute;top:.18rem;right:.18rem;width:.84rem;height:.84rem;border-radius:50%;background:var(--vg-bg);content:""}.vg-mock-menu{display:none}.vg-breadcrumb{display:flex;align-items:center;gap:.35rem;border-bottom:1px solid var(--vg-border);background:var(--vg-surface);color:var(--vg-text-3);padding:.75rem 1.75rem;font-size:.8rem}.vg-mock-hero{padding:4.5rem 2rem 4rem;background:var(--vg-paper);text-align:center}.vg-mock-hero>span{display:inline-block;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--vg-accent) 25%,var(--vg-border));border-radius:4px;background:var(--vg-accent-soft);color:var(--vg-accent-strong);padding:.22rem .7rem;font-family:var(--font-mono-app);font-size:.76rem;font-weight:700}.vg-mock-hero h2{max-width:34rem;margin:0 auto 1rem;font-family:var(--font-reading);font-size:2rem;font-weight:600;line-height:1.38}.vg-mock-hero p{max-width:36rem;margin:0 auto 1.5rem;color:var(--vg-text-2);line-height:1.8}.vg-mock-hero div{display:flex;justify-content:center;gap:.7rem}.vg-mock-hero button:last-child{border:1px solid var(--vg-accent);border-radius:var(--vg-radius);background:transparent;color:var(--vg-accent-strong);padding:.55rem .9rem;font-weight:700}.vg-mock-section,.vg-mock-form,.vg-mock-cta,.vg-mock-footer{border-top:1px solid var(--vg-border);padding:3rem 1.75rem}.vg-mock-section>h3,.vg-mock-form h3,.vg-mock-cta h3{margin:0;font-family:var(--font-reading);font-size:1.45rem;font-weight:600;line-height:1.35}.vg-mock-section>p,.vg-mock-form>p,.vg-mock-cta p{margin:.45rem 0 0;color:var(--vg-text-2);line-height:1.7}.vg-mock-cards,.vg-testimonials,.vg-pricing,.vg-box-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.5rem}.vg-mock-cards article,.vg-testimonial,.vg-price-card,.vg-box-card{border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:transparent;padding:1rem}.vg-mock-cards svg,.vg-box-card svg{color:var(--vg-accent-strong)}.vg-mock-cards h4,.vg-price-card h4,.vg-box-card h3{margin:.8rem 0 .35rem;font-weight:700}.vg-mock-cards p,.vg-testimonial p,.vg-price-card small,.vg-box-card p{color:var(--vg-text-2);font-size:.86rem;line-height:1.65}.vg-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.9rem}.vg-card-tags span,.vg-popular{border:1px solid var(--vg-border);border-radius:999px;color:var(--vg-accent-strong);padding:.12rem .45rem;font-size:.7rem;font-weight:700}.vg-inner-tabs{display:inline-flex;border-bottom:1px solid var(--vg-border);gap:1rem}.vg-inner-tabs span{border-bottom:2px solid transparent;color:var(--vg-text-2);padding:0 0 .55rem;font-size:.9rem;font-weight:600}.vg-inner-tabs .active{border-color:var(--vg-accent);color:var(--vg-accent-strong)}.vg-testimonials{grid-template-columns:repeat(2,1fr)}.vg-testimonial>div{display:flex;align-items:center;gap:.7rem}.vg-avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid var(--vg-border);border-radius:50%;color:var(--vg-accent-strong);font-weight:700}.vg-testimonial small{display:block;color:var(--vg-text-3);font-size:.78rem}.vg-stars{display:block;margin:.8rem 0 .35rem;color:var(--vg-accent-strong);font-size:.8rem}.vg-price-card{position:relative}.vg-price-card.featured{border-color:var(--vg-accent);background:var(--vg-accent-soft)}.vg-popular{position:absolute;top:.85rem;right:.85rem;background:var(--vg-bg)}.vg-price-card strong{display:block;font-family:var(--font-reading);font-size:1.8rem;line-height:1.25}.vg-price-card ul{display:grid;gap:.45rem;margin:1rem 0;padding:0;color:var(--vg-text-2);font-size:.84rem;list-style:none}.vg-price-card li{display:flex;align-items:center;gap:.4rem}.vg-price-card button{width:100%}.vg-faq{display:grid;gap:.6rem;margin-top:1.4rem}.vg-faq article{border:1px solid var(--vg-border);border-radius:var(--vg-radius);padding:.9rem 1rem}.vg-faq strong{display:flex;align-items:center;justify-content:space-between;gap:1rem}.vg-faq p{display:none;margin:.6rem 0 0;color:var(--vg-text-2);font-size:.9rem;line-height:1.7}.vg-faq .open{background:var(--vg-surface)}.vg-faq .open p{display:block}.vg-mock-form{display:grid;gap:.8rem;max-width:none}.vg-mock-form h3,.vg-mock-form>p{max-width:46rem}.vg-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.vg-mock-form label{display:grid;gap:.35rem;color:var(--vg-text-2);font-size:.84rem}.vg-mock-form input:not([type=checkbox]),.vg-mock-form select,.vg-mock-form textarea{width:100%;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:transparent;color:var(--vg-text);padding:.65rem .75rem}.vg-mock-form textarea{min-height:5rem}.vg-mock-form button{display:inline-flex;width:fit-content;align-items:center;gap:.4rem}.vg-mock-cta{background:var(--vg-surface)}.vg-mock-footer{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;color:var(--vg-text-2);font-size:.85rem}.vg-mock-footer strong{color:var(--vg-text);font-family:var(--font-reading)}.vg-mock-footer nav{display:flex;flex-wrap:wrap;gap:.75rem;grid-row:span 2}[data-label]{position:relative}[data-label]:hover{z-index:5;border-radius:3px;outline:2px solid var(--vg-accent);outline-offset:2px}[data-label]:hover:after{position:absolute;bottom:calc(100% + .5rem);left:50%;z-index:20;border:1px solid var(--vg-border);border-radius:4px;background:var(--vg-bg);color:var(--vg-text);content:attr(data-label);font-size:.72rem;font-weight:700;padding:.25rem .55rem;pointer-events:none;transform:translate(-50%);white-space:nowrap}.vg-box-section{margin:0 auto 2.5rem}.vg-box-section h2{margin:0 0 .75rem;font-family:var(--font-reading);font-size:1.35rem;font-weight:600}.vg-box-section h2 span{color:var(--vg-text-3);font-family:var(--font-mono-app);font-size:.78rem;font-weight:400}.vg-box-section>p{max-width:65ch;color:var(--vg-text-2);font-size:.94rem;line-height:1.8}.vg-box-diagram{display:flex;justify-content:center;margin:1.7rem 0 .6rem}.vg-box-diagram .margin{width:min(35rem,100%);border:2px dashed color-mix(in srgb,var(--vg-accent) 45%,var(--vg-border));border-radius:var(--vg-radius);padding:1.75rem}.vg-box-diagram .border{border:2px dashed var(--vg-border);border-radius:var(--vg-radius);padding:1.75rem}.vg-box-diagram .padding{border:2px dashed var(--vg-accent);border-radius:var(--vg-radius);padding:1.75rem}.vg-box-diagram span{display:block;margin-top:-1.25rem;margin-bottom:.5rem;color:var(--vg-accent-strong);font-family:var(--font-mono-app);font-size:.75rem;font-weight:700}.vg-box-diagram .border>span{color:var(--vg-text-3)}.vg-box-diagram .content{border:1px solid var(--vg-border);border-radius:4px;background:var(--vg-surface);color:var(--vg-text-2);padding:1.1rem;text-align:center}.vg-caption{color:var(--vg-text-3)!important;text-align:center}.vg-box-prompt{margin-top:1.25rem;border:1px solid var(--vg-border);border-radius:var(--vg-radius);background:var(--vg-surface);padding:1.25rem}.vg-box-prompt strong{color:var(--vg-accent-strong);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.vg-box-prompt pre{margin:.7rem 0 0;white-space:pre-wrap;font-family:inherit;font-size:.9rem}.vg-box-grid{margin-top:0}@media(max-width:760px){.vg-shell{margin-top:1rem}.vg-hero h1{font-size:1.65rem}.vg-tabs{overflow-x:auto}.vg-tabs button{min-width:fit-content;padding-inline:.75rem;font-size:.82rem}.vg-grid,.vg-mock-cards,.vg-testimonials,.vg-pricing,.vg-box-grid,.vg-form-row{grid-template-columns:1fr}.vg-mock-header{padding:.9rem 1rem}.vg-mock-nav,.vg-mock-actions{display:none}.vg-mock-menu{display:block}.vg-browser-bar div{margin:0 .5rem}.vg-mock-hero{padding:3rem 1rem}.vg-mock-hero h2{font-size:1.5rem}.vg-mock-hero div{flex-direction:column}.vg-mock-section,.vg-mock-form,.vg-mock-cta,.vg-mock-footer{padding:2rem 1rem}.vg-mock-footer{grid-template-columns:1fr}.vg-box-diagram .margin,.vg-box-diagram .border,.vg-box-diagram .padding{padding:1.35rem 1rem}}