.vb-flow-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:80vh;padding:var(--space-8) 0}@media(max-width:1024px){.vb-flow-container{min-height:auto;gap:var(--space-6)}}.vb-flow-label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--vb-accent);margin-bottom:var(--space-3)}.vb-flow-label--center{text-align:center}@media(max-width:1024px){.vb-flow-label{text-align:center}}.vb-flow-top{display:flex;justify-content:space-between;width:100%;z-index:2}@media(max-width:1024px){.vb-flow-top{flex-direction:column;align-items:center;gap:var(--space-8)}}.vb-flow-cloud{flex-shrink:0;position:relative}@media(max-width:1024px){.vb-flow-cloud{width:100%}.vb-flow-cloud:after{content:"";position:absolute;bottom:-28px;left:50%;transform:translate(-50%);width:2px;height:20px;background:repeating-linear-gradient(to bottom,var(--vb-accent) 0px,var(--vb-accent) 8px,transparent 8px,transparent 14px);background-size:2px 18px;opacity:.7;animation:vbVerticalFlow 1s linear infinite}}.vb-flow-cloud--assets .vb-flow-label{text-align:right}@media(max-width:1024px){.vb-flow-cloud--assets .vb-flow-label{text-align:center}}.vb-flow-cloud__items{position:relative;width:300px;height:120px}@media(max-width:1024px){.vb-flow-cloud__items{width:100%;height:auto;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}}@media(max-width:375px){.vb-flow-cloud__items{gap:var(--space-1)}}.vb-flow-item{position:absolute;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;opacity:0;transition:opacity .4s ease,transform .4s ease,border-color var(--transition),background var(--transition)}.vb-flow-item--author{transform:translate(-20px)}.vb-flow-item--asset{transform:translate(20px)}@media(max-width:1024px){.vb-flow-item{position:static;opacity:1;transform:none}}@media(max-width:375px){.vb-flow-item{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);gap:var(--space-1)}}.vb-flow-item--active{opacity:1;transform:translate(0)}.vb-flow-item:hover{border-color:var(--vb-accent);background:#00d2dc1a}.vb-flow-item sl-icon{font-size:var(--text-base);color:var(--vb-accent)}@media(max-width:375px){.vb-flow-item sl-icon{font-size:var(--text-sm)}}.vb-flow-item__name{white-space:nowrap}@media(max-width:375px){.vb-flow-item__name{overflow:hidden;text-overflow:ellipsis}}.vb-flow-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:2;position:relative;flex-shrink:0;opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease;transition-delay:.4s}.revealed .vb-flow-center{opacity:1;transform:scale(1)}@media(max-width:1024px){.vb-flow-center{margin:var(--space-4) 0}.vb-flow-center:after{content:"";position:absolute;bottom:-32px;left:50%;transform:translate(-50%);width:2px;height:24px;background:repeating-linear-gradient(to bottom,var(--vb-accent) 0px,var(--vb-accent) 8px,transparent 8px,transparent 14px);background-size:2px 18px;opacity:.7;animation:vbVerticalFlow 1s linear infinite}}.vb-flow-center__glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(0,210,220,.25) 0%,transparent 70%);filter:blur(25px);animation:vbPulseGlow 3s ease-in-out infinite}.vb-flow-center__logo{width:90px;height:auto;position:relative;z-index:1}@media(max-width:1024px){.vb-flow-center__logo{width:70px}}.vb-flow-center__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-align:center}.vb-flow-bottom{z-index:2;width:100%}@media(max-width:1024px){.vb-flow-bottom{margin-top:var(--space-4)}}.vb-flow-outputs{position:relative;width:100%;height:110px}@media(max-width:1024px){.vb-flow-outputs{height:auto;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}}.vb-flow-output{position:absolute;width:130px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease,border-color var(--transition)}@media(max-width:1024px){.vb-flow-output{position:static;width:110px;opacity:1;transform:none}}@media(max-width:375px){.vb-flow-output{width:80px}}.vb-flow-output--active{opacity:1;transform:translateY(0)}.vb-flow-output:hover{border-color:var(--vb-accent)}.vb-flow-output img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.vb-flow-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}@media(max-width:1024px){.vb-flow-svg{display:none}}.vb-flow-path{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;opacity:0}.vb-flow-path--input{stroke:url(#vb-gradient-in)}.vb-flow-path--input-reverse{stroke:url(#vb-gradient-in-reverse)}.vb-flow-path--output{stroke:url(#vb-gradient-out)}.vb-flow-path--active{animation:vbDrawLine 2s ease-out forwards}.vb-flow-path--flowing{opacity:.7;stroke-dashoffset:0}.vb-flow-dot{fill:var(--vb-accent);opacity:.9}@keyframes vbDrawLine{0%{opacity:.7;stroke-dashoffset:1000}to{opacity:.7;stroke-dashoffset:0}}@keyframes vbPulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes vbVerticalFlow{0%{background-position:0 0}to{background-position:0 18px}}.videobolt-page{--vb-accent: var(--color-videobolt-accent);--vb-accent-hover: var(--color-videobolt-accent-hover);--vb-gradient-start: rgba(0, 210, 220, .15);--vb-gradient-end: transparent}.videobolt-page .vb-flow{max-width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.vb-hero{min-height:90vh;display:flex;align-items:center;padding:var(--space-16) var(--space-6);position:relative}@media(max-width:768px){.vb-hero{min-height:auto;padding:var(--space-12) var(--space-4)}}.vb-hero__content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-8);max-width:1400px;margin:0 auto;width:100%;align-items:center}@media(max-width:1024px){.vb-hero__content{grid-template-columns:1fr;gap:var(--space-8)}}.vb-hero__text{display:flex;flex-direction:column;gap:var(--space-6);position:relative;z-index:1;background:var(--color-bg)}@media(max-width:1024px){.vb-hero__text{align-items:center;text-align:center}}.vb-hero__logo{width:200px;height:auto}@media(max-width:768px){.vb-hero__logo{width:160px}}.vb-hero__title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0;color:var(--color-text-heading)}@media(max-width:768px){.vb-hero__title{font-size:var(--text-3xl)}}.vb-hero__intro{font-size:var(--text-lg);line-height:1.7;color:var(--color-text-muted);margin:0;max-width:520px}@media(max-width:768px){.vb-hero__intro{font-size:var(--text-base)}}.vb-hero__stats{display:flex;gap:var(--space-8);flex-wrap:wrap}@media(max-width:768px){.vb-hero__stats{gap:var(--space-4)}}.vb-stat{display:flex;flex-direction:column}.vb-stat__value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--vb-accent)}@media(max-width:768px){.vb-stat__value{font-size:var(--text-xl)}}.vb-stat__label{font-size:var(--text-sm);color:var(--color-text-muted)}.vb-hero__actions{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.vb-hero__visual{display:flex;align-items:center;overflow:visible;min-width:0;perspective:1200px}@media(max-width:1024px){.vb-hero__visual{justify-content:center;perspective:none}}.vb-how-to__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media(max-width:1024px){.vb-how-to__grid{grid-template-columns:1fr;gap:var(--space-6)}}.vb-how-to-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.vb-how-to-card__step{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--vb-accent);color:#02040e;font-weight:700;font-size:var(--text-xl);border-radius:var(--radius-full)}.vb-how-to-card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin:0;color:var(--color-text-heading)}.vb-how-to-card__description{font-size:var(--text-base);color:var(--color-text-muted);margin:0;line-height:1.6}.vb-section{padding:var(--space-16) var(--space-6);max-width:1400px;margin:0 auto}@media(max-width:768px){.vb-section{padding:var(--space-12) var(--space-4)}}.vb-section__header{text-align:center;margin-bottom:var(--space-12)}.vb-section__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3);color:var(--color-text-heading)}@media(max-width:768px){.vb-section__title{font-size:var(--text-2xl)}}.vb-section__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}@media(max-width:768px){.vb-section__subtitle{font-size:var(--text-base)}}.vb-authors__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.vb-authors__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vb-authors__grid{grid-template-columns:1fr}}.vb-author-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-decoration:none;overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.vb-author-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--vb-accent) 50%,transparent 100%);opacity:0;transition:opacity var(--transition)}.vb-author-card:hover{border-color:#00d2dc4d;transform:translateY(-4px);box-shadow:var(--shadow-xl)}.vb-author-card:hover:after{opacity:1}.vb-author-card__avatar{position:relative;margin-bottom:var(--space-4)}.vb-author-card__avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border)}.vb-author-card__badge{position:absolute;bottom:-4px;left:50%;transform:translate(-50%);background:var(--vb-accent);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.vb-author-card__info{display:flex;flex-direction:column;gap:var(--space-1)}.vb-author-card__name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin:0;color:var(--color-text-heading)}.vb-author-card__realname{font-weight:400;color:var(--color-text-muted);font-size:var(--text-sm)}.vb-author-card__title{font-size:var(--text-sm);color:var(--vb-accent);margin:0}.vb-author-card__stats{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;font-family:var(--font-mono)}.vb-author-card__quote{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;margin:var(--space-2) 0 0}.vb-showcases__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:768px){.vb-showcases__grid{grid-template-columns:1fr}}.vb-showcase-card{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.vb-showcase-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--vb-accent) 50%,transparent 100%);opacity:0;transition:opacity var(--transition);z-index:2}.vb-showcase-card:hover{border-color:#00d2dc4d;transform:translateY(-4px);box-shadow:var(--shadow-xl)}.vb-showcase-card:hover:after{opacity:1}.vb-showcase-card:hover .vb-showcase-card__title{color:var(--vb-accent)}.vb-showcase-card__preview{overflow:hidden;background:var(--color-bg)}.vb-showcase-card__preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform var(--transition-slow)}.vb-showcase-card:hover .vb-showcase-card__preview img{transform:scale(1.05)}.vb-showcase-card__content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.vb-showcase-card__highlight{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--vb-accent);font-weight:600}.vb-showcase-card__title{font-size:var(--text-xl);font-weight:600;margin:0;color:var(--color-text);transition:color var(--transition-fast)}.vb-showcase-card__description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.vb-philosophy__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}@media(max-width:1024px){.vb-philosophy__grid{grid-template-columns:1fr}}.vb-philosophy-card{display:flex;flex-direction:column;gap:var(--space-3)}.vb-philosophy-card__number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--vb-accent);color:#fff;font-weight:700;font-size:var(--text-lg);border-radius:var(--radius-full)}.vb-philosophy-card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;margin:0;color:var(--color-text-heading)}.vb-philosophy-card__description{font-size:var(--text-base);color:var(--color-text-muted);margin:0;line-height:1.7}.vb-final-cta{text-align:center;padding:var(--space-20) var(--space-6)}.vb-final-cta__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.vb-final-cta__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--tracking-tight);margin:0;color:var(--color-text-heading)}@media(max-width:768px){.vb-final-cta__title{font-size:var(--text-2xl)}}.vb-final-cta__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin:0;max-width:400px}@media(max-width:768px){.vb-final-cta__subtitle{font-size:var(--text-base)}}.vb-cta-button::part(base){background:var(--vb-accent);border-color:var(--vb-accent);color:#fff;font-weight:600;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.vb-cta-button:hover::part(base){background:var(--vb-accent-hover);border-color:var(--vb-accent-hover)}
