.columns-grid{color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.columns-grid__heading{color:var(--h2-color);font-size:var(--h2-font-size,2rem);font-weight:700;line-height:1.3;margin-bottom:16px;text-align:center}.columns-grid__subheading{color:var(--inactive-color);font-size:1.1rem;line-height:1.5;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.columns-grid__wrapper{display:grid;gap:20px;margin-top:30px}.columns-grid__column{background:var(--card-bg);border:2px dashed var(--flow-border);border-radius:var(--flow-border-radius);min-height:200px;padding:20px;position:relative;transition:all .3s ease}.columns-grid__column:hover{border-color:var(--accent-color);box-shadow:var(--flow-node-shadow)}.columns-grid__column.drag-over{background:var(--flow-light);border-color:var(--accent-color);transform:scale(1.02)}.columns-grid__column-title{background:var(--flow-light);border:1px solid var(--flow-border);border-radius:8px;color:var(--accent-color);font-size:1.2rem;font-weight:600;margin-bottom:20px;padding:12px;position:relative;text-align:center}.columns-grid__column-title:before{border-bottom:8px solid var(--flow-light);border-left:8px solid transparent;border-right:8px solid transparent;content:"";height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:0}.columns-grid__item{background:var(--card-bg);border:1px solid var(--flow-border);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:grab;margin-bottom:12px;padding:16px;position:relative;transition:all .3s ease}.columns-grid__item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.columns-grid__item:active{cursor:grabbing}.columns-grid__item.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.columns-grid__item:before{content:"⋮⋮";font-size:12px;font-weight:700;right:12px}.columns-grid__item:after,.columns-grid__item:before{color:var(--inactive-color);pointer-events:none;position:absolute;top:8px}.columns-grid__item:after{content:"Перетащите для перемещения";font-size:11px;left:12px;opacity:.7}.columns-grid__item-title{color:var(--text-color);font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.columns-grid__item-text{color:var(--inactive-color);font-size:.95rem;line-height:1.5;margin:0 0 12px}.columns-grid__icon{border-radius:8px;display:block;height:48px;margin:12px 0;-o-object-fit:contain;object-fit:contain;padding:8px;transition:all .3s ease;width:48px}.columns-grid__item-content{flex:1}.columns-grid__item .components-button{font-size:.875rem;margin:4px 0}.columns-grid__item .components-button.is-secondary{background:var(--flow-light);border-color:var(--flow-border);color:var(--accent-color)}.columns-grid__item .components-button.is-secondary:hover{background:var(--accent-color);color:#fff}.columns-grid__item .components-button.is-tertiary{border-color:transparent;color:#dc2626}.columns-grid__item .components-button.is-tertiary:hover{background:#fef2f2;color:#b91c1c}.columns-grid__item .components-text-control__input{border:1px solid var(--flow-border);border-radius:4px;font-size:.875rem;padding:8px 12px}.columns-grid__item .components-text-control__input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.columns-grid__item .components-range-control__number{border:1px solid var(--flow-border);border-radius:4px;font-size:.875rem;padding:4px 8px}.columns-grid__item input[type=color]{border:1px solid var(--flow-border);border-radius:4px;cursor:pointer;height:30px;padding:0;width:100%}@media (max-width:768px){.columns-grid{padding:20px 15px}.columns-grid__heading{font-size:1.5rem}.columns-grid__subheading{font-size:1rem}.columns-grid__wrapper{gap:15px}.columns-grid__column{padding:15px}.columns-grid__column-title{font-size:1.1rem;padding:10px}.columns-grid__item{padding:12px}.columns-grid__item-title{font-size:1rem}.columns-grid__item-text{font-size:.9rem}}@media (max-width:480px){.columns-grid__heading{font-size:1.3rem}.columns-grid__subheading{font-size:.9rem}.columns-grid__column{padding:12px}.columns-grid__column-title{font-size:1rem;padding:8px}.columns-grid__item{padding:10px}.columns-grid__item:after{display:none}}@media (prefers-color-scheme:dark){.columns-grid__column{background:var(--flow-node-bg);border-color:var(--flow-border)}.columns-grid__column.drag-over{background:var(--flow-light);border-color:var(--accent-color)}.columns-grid__column-title{background:var(--flow-light);border-color:var(--flow-border);color:var(--accent-color)}.columns-grid__item{background:var(--flow-node-bg);border-color:var(--flow-border)}.columns-grid__item:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.columns-grid__item .components-button.is-tertiary:hover{background:#2d1b1b;color:#fca5a5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.columns-grid__item{animation:fadeIn .3s ease-out}.columns-grid__item:focus-within{outline:2px solid var(--accent-color);outline-offset:2px}.columns-grid__column:focus-within{outline:2px solid var(--accent-color);outline-offset:2px}.platforms-flow-full-width{background-color:var(--flow-bg);box-sizing:border-box;color:var(--flow-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;left:50%;margin:0 -50vw;padding:60px 0;position:relative;right:50%;width:100vw}.platforms-flow-content{box-sizing:border-box;margin:0 auto;max-width:1280px;padding:0 20px}.platforms-flow-header{margin-bottom:50px;text-align:center}.flow-title{color:var(--flow-text);font-size:2rem;font-weight:700;margin-bottom:15px}.flow-subtitle{color:var(--flow-text);font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:700px;opacity:.7}.flow-branches{gap:30px;justify-content:space-between;padding-top:10px}.flow-branch,.flow-branches{display:flex;position:relative}.flow-branch{align-items:center;flex:1;flex-direction:column;min-width:250px}.flow-branch-label{background-color:transparent;border-radius:20px;color:var(--flow-label-color);font-size:.85rem;font-weight:500;margin-bottom:15px;padding:6px 15px}.flow-line-bottom{background-color:var(--flow-line-color);height:15px;margin-bottom:15px;width:2px}.flow-node{align-items:center;background-color:var(--flow-node-bg);border:1px solid var(--flow-node-border);border-radius:var(--flow-border-radius);color:var(--flow-node-text);cursor:pointer;display:flex;gap:15px;margin-bottom:15px;padding:15px;text-decoration:none;transition:all .3s;width:100%}.flow-node,.flow-node:hover{box-shadow:var(--flow-node-shadow)}.flow-node:hover{transform:translateY(-3px)}.flow-node-icon{align-items:center;border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.flow-node-icon svg{height:24px;width:24px;fill:var(--flow-icon-color)}.flow-node-content{flex:1}.flow-node-content h3{color:var(--flow-node-text);font-size:.95rem;font-weight:600;margin-bottom:5px}.flow-node-content p{color:var(--flow-node-text);font-size:.85rem;margin:0;opacity:.8}.flow-node-group{width:100%}.flow-connector{background-color:var(--flow-line-color);height:15px;margin:0 auto;width:2px}.flow-node-icon.web{background:linear-gradient(135deg,#6046ff,#8e74ff)}.flow-node-icon.mobile{background:linear-gradient(135deg,#36d1dc,#5b86e5)}.flow-node-icon.telegram,.flow-node-icon.tg-app{background:linear-gradient(135deg,#08c,#33a8dd)}.flow-node-icon.mac{background:linear-gradient(135deg,#000,#333)}.flow-node-icon.windows{background:linear-gradient(135deg,#0078d7,#09f)}.flow-node-icon.chrome{background:linear-gradient(135deg,#db4437,#f4511e)}.flow-node-icon.mobile-app{background:linear-gradient(135deg,#43cea2,#185a9d)}.flow-node.coming-soon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,0%,100%,.1);border:1px solid var(--flow-border);cursor:default;opacity:.8}.dark .flow-node.coming-soon{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 5px 15px rgba(0,0,0,.3)}.flow-node.coming-soon:hover{box-shadow:var(--flow-node-shadow);transform:none}.coming-badge{background-color:var(--flow-badge-bg);border-radius:12px;color:var(--flow-badge-text);display:inline-block;font-size:.75rem;font-weight:500;padding:3px 8px}.dark .coming-badge{background-color:rgba(142,116,255,.3);box-shadow:0 0 10px rgba(142,116,255,.3);color:#fff;font-weight:600}.dark .flow-node.coming-soon .flow-node-content h3{color:hsla(0,0%,100%,.95);text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark .flow-node.coming-soon .flow-node-content p{color:hsla(0,0%,100%,.8)}.dark .flow-node.coming-soon .flow-node-icon svg{fill:hsla(0,0%,100%,.9)}.flow-node-link{display:block;transition:all .3s ease}.flow-node-link,.flow-node-link:hover{color:inherit;text-decoration:none}.flow-node-link:hover .flow-node{box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-3px)}.flow-node-link:hover .flow-node-icon{transform:scale(1.1)}@media (max-width:768px){.flow-container{gap:15px;grid-template-columns:1fr}.flow-branch{padding:15px}.flow-branch-title{font-size:1.1rem;padding:10px}.flow-node{gap:10px;padding:12px}.flow-node-icon{height:40px;width:40px}.flow-node-content h3{font-size:1rem}.flow-node-content p{font-size:.9rem}}@media (max-width:480px){.platforms-flow-content{padding:20px 15px}.platforms-flow-header .big{font-size:1.5rem}.flow-subtitle{font-size:1rem}.flow-branch{padding:12px}.flow-branch-title{font-size:1rem;padding:8px}.flow-node{gap:8px;padding:10px}.flow-node-icon{height:36px;width:36px}}.flow-branch-title{background:var(--flow-light);border:1px solid var(--flow-border);border-radius:8px;color:var(--accent-color);font-size:1.2rem;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.flow-node{animation:slideInUp .4s ease-out}.flow-node:first-child{animation-delay:.1s}.flow-node:nth-child(2){animation-delay:.2s}.flow-node:nth-child(3){animation-delay:.3s}.flow-node:nth-child(4){animation-delay:.4s}.flow-node:nth-child(5){animation-delay:.5s}.flow-node{backface-visibility:hidden;will-change:transform}.flow-node:focus{outline:2px solid var(--accent-color);outline-offset:2px}.flow-node-link:focus{outline:none}.flow-node-link:focus .flow-node{outline:2px solid var(--accent-color);outline-offset:2px}