*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}section[id]{scroll-margin-top:92px}body{font-family:'Vazirmatn',system-ui,-apple-system,sans-serif;color:var(--text-primary);background:#fff;line-height:1.8;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:rgba(216,27,156,.12);color:var(--brand-red)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.4}.section-label{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:.35rem 1rem;border-radius:100px;background:linear-gradient(135deg,rgba(75,42,173,.08),rgba(216,27,156,.08));color:var(--brand-red);margin-bottom:1rem}.section-title{font-size:2rem;font-weight:800;margin-bottom:.75rem}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto 2rem}.hero-section{position:relative;padding:5rem 0 4.5rem;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(238,242,255,.8),transparent 70%) , linear-gradient(170deg,#f8fafc 0%,#eef2ff 40%,#eef0f6 70%,#eef0f6 100%)}.hero-section::before{content:'';position:absolute;top:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(75,42,173,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-section::after{content:'';position:absolute;bottom:-20%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(75,42,173,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(75,42,173,.03) 1px,transparent 1px) , linear-gradient(90deg,rgba(75,42,173,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,black 30%,transparent 100%)}.hero-content{position:relative;z-index:2}.hero-copy .hero-badge{margin-top:0}.hero-copy .hero-title{text-align:inherit}.hero-copy .hero-subtitle{margin-left:0;margin-right:0;max-width:none;text-align:inherit}.hero-flow{width:100%;max-width:580px;margin-inline:auto}@media (min-width:992px){.hero-flow{margin-inline:0 auto}}.hero-flow-svg{display:block;width:100%;height:auto;font-family:Vazirmatn,Tahoma,sans-serif}.hero-flow-svg .flow-bg{fill:#fff;stroke:rgba(75,42,173,.08);stroke-width:1}.hero-flow-svg .flow-tag{fill:#a1a1aa;font-size:9px;font-weight:600;letter-spacing:.14em;font-family:ui-monospace,'Courier New',monospace}.hero-flow-svg .flow-line{stroke:#d4d4d8;stroke-width:1.5;stroke-dasharray:5 5;fill:none}.hero-flow-svg .flow-pulse{fill:#14b8a6}.hero-flow-svg .flow-node-ring{fill:#fff;stroke:#27272a;stroke-width:1.5}.hero-flow-svg .flow-node-ring--engine{stroke-width:2}.hero-flow-svg .flow-engine-glow{fill:none;stroke:rgba(20,184,166,.18);stroke-width:10}.hero-flow-svg .flow-engine-glow--inner{stroke:rgba(20,184,166,.28);stroke-width:4}.hero-flow-svg .flow-node-fa{fill:#1a1a2e;font-size:13px;font-weight:700}.hero-flow-svg .flow-node-fa-sm{fill:#1a1a2e;font-size:11px;font-weight:600}.hero-flow-svg .flow-node-fa--engine{font-size:14px}.hero-flow-svg .flow-node-en{fill:#a1a1aa;font-size:8px;font-weight:600;letter-spacing:.08em}.hero-flow-svg .flow-meta{fill:#a1a1aa;font-size:9px}.hero-flow-svg .flow-meta--accent{fill:#0d9488;font-weight:600}.hero-flow-svg .flow-out rect{fill:#fff;stroke:#e4e4e7;stroke-width:1}.hero-flow-svg .flow-out-label{fill:#1a1a2e;font-size:12px;font-weight:600}.hero-flow-svg .flow-out-icon-letter{fill:#fff;font-size:8px;font-weight:800;font-family:ui-monospace,monospace}.hero-flow-svg .flow-out-icon.rubika{fill:#22c55e}.hero-flow-svg .flow-out-icon.bale{fill:#eab308}.hero-flow-svg .flow-out-icon.eitaa{fill:#0ea5e9}.hero-flow-svg .flow-out-icon.telegram{fill:#3b82f6}.hero-flow-svg .flow-more{fill:#a1a1aa;font-size:9px}.hero-flow-svg .flow-dest-rect{fill:var(--brand-gradient);stroke:none}.hero-flow-svg .flow-dest-rect ~ .flow-node-fa-sm {fill:#fff}.hero-workspace-card{background:#fff;border:1px solid rgba(75,42,173,.08);border-radius:var(--radius-xl);box-shadow:0 24px 70px rgba(75,42,173,.12);overflow:hidden;max-width:640px;margin-inline:auto}.hero-workspace-topbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.15rem;background:#fafafa;border-bottom:1px solid #e4e4e7}.hero-workspace-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:900;color:#18181b}.hero-workspace-brand span,.hero-workspace-brand img{width:26px;height:26px;border-radius:8px;flex-shrink:0}.hero-workspace-brand span{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;background:linear-gradient(135deg,#4b2aad,#6a45c2)}.hero-use-case{padding:1.35rem 1.35rem .9rem}.hero-use-case-label{display:inline-flex;padding:.25rem .65rem;border-radius:999px;background:#eef2ff;color:#1e3354;font-size:.72rem;font-weight:800;margin-bottom:.75rem}.hero-use-case h2{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:900;color:#18181b;margin-bottom:.55rem}.hero-use-case p{color:#71717a;font-size:.9rem;line-height:1.9;margin:0}.hero-workflow-row{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin:0 1.35rem 1rem;padding:.9rem;border-radius:12px;background:#fafafa;border:1px solid #e4e4e7}.hero-output-preview{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.75rem;padding:0 1.35rem 1rem}.hero-output-preview>i{align-self:center;color:#a1a1aa;font-size:1.4rem}.hero-output-card{border-radius:12px;border:1px solid #e4e4e7;padding:.85rem;background:#fff}.hero-output-card span{display:block;font-size:.72rem;font-weight:900;color:#71717a;margin-bottom:.35rem}.hero-output-card p{color:#3f3f46;font-size:.82rem;line-height:1.8;margin:0}.hero-output-card.ready{border-color:rgba(22,163,74,.18);background:#f0fdf4}.hero-output-card.ready span{color:#16a34a}.hero-settings-row{display:flex;flex-wrap:wrap;gap:.55rem;padding:.95rem 1.35rem 1.25rem;border-top:1px solid #f4f4f5}.hero-settings-row span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:8px;background:#f8fafc;color:#475569;font-size:.78rem;font-weight:700}.hero-settings-row i{color:var(--brand-purple)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;padding:.4rem 1rem;border-radius:100px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border:1px solid rgba(75,42,173,.08);color:var(--brand-purple);margin-bottom:1.25rem;margin-top:0;box-shadow:0 4px 16px rgba(75,42,173,.06);transition:all .3s ease}.hero-badge:hover{box-shadow:0 6px 24px rgba(75,42,173,.1);transform:translateY(-1px)}.hero-badge i{font-size:.75rem}.hero-title{font-size:clamp(1.7rem,4vw,2.5rem);font-weight:900;line-height:1.4;margin-bottom:1.1rem;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(.9rem,1.6vw,1.05rem);color:var(--text-secondary);line-height:1.9;max-width:none;margin:0 0 1.5rem;font-weight:400}.hero-audience-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 1.25rem}.hero-audience-pills span{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(75,42,173,.07);color:var(--text-secondary);font-size:.78rem;font-weight:600;box-shadow:0 2px 8px rgba(75,42,173,.04);transition:all .3s ease;backdrop-filter:blur(6px)}.hero-audience-pills span:hover{background:rgba(255,255,255,.95);box-shadow:0 4px 16px rgba(75,42,173,.08);transform:translateY(-1px)}.hero-audience-pills i{color:var(--brand-purple)}.hero-hub{max-width:780px;margin:0 auto 2rem;padding:1.1rem;border:1px solid rgba(75,42,173,.1);border-radius:1.1rem;background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}.hero-hub-center{display:flex;justify-content:center;margin-bottom:.9rem}.hero-hub-center span{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:.45rem 1rem;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#4b2aad 0%,#d81b9c 100%)}.hero-hub-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.hero-hub-pill{display:inline-flex;align-items:center;justify-content:center;min-width:110px;padding:.4rem .75rem;border-radius:.75rem;font-size:.79rem;font-weight:600;color:var(--text-primary);background:#fff;border:1px solid rgba(75,42,173,.16)}.btn-hero-primary{background:var(--brand-gradient);color:#fff;font-weight:700;font-size:.92rem;padding:.72rem 1.8rem;border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-glow) , 0 4px 16px rgba(75,42,173,.12);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-hero-primary:hover{background:var(--brand-gradient-hover);transform:translateY(-2px);box-shadow:0 8px 35px rgba(75,42,173,.25) , 0 0 0 1px rgba(255,255,255,.1) inset;color:#fff}.btn-hero-secondary{background:rgba(255,255,255,.78);backdrop-filter:blur(12px);color:var(--text-primary);font-weight:700;font-size:.92rem;padding:.72rem 1.8rem;border-radius:var(--radius-lg);border:1px solid rgba(75,42,173,.1);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px rgba(75,42,173,.04)}.btn-hero-secondary:hover{background:#fff;border-color:var(--brand-purple);color:var(--brand-purple);transform:translateY(-2px);box-shadow:var(--shadow-md)}.features-section{padding:5rem 0;background:#fff}.feature-card{background:#fff;border:1px solid rgba(75,42,173,.06);border-radius:var(--radius-xl);padding:2.25rem 1.75rem;transition:var(--transition);height:100%;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;right:0;width:100%;height:3px;background:var(--brand-gradient);opacity:0;transition:var(--transition)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(75,42,173,.1)}.feature-card:hover::before{opacity:1}.feature-icon-wrap{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.25rem;transition:var(--transition)}.feature-card:hover .feature-icon-wrap{transform:scale(1.08)}.icon-ai{background:linear-gradient(135deg,#eef0f6,#e2e6ef);color:#4b2aad}.icon-filter{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#4b2aad}.icon-shield{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.icon-clock{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.icon-review{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.icon-forward{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7}.icon-wallet{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}.icon-pen{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#1e3354}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.6rem}.feature-card p{font-size:.92rem;color:var(--text-secondary);line-height:1.85;margin-bottom:0}.pipeline-section{padding:6rem 0;background:var(--surface);position:relative}.pipeline-container{position:relative}.pipeline-line{display:none}@media (min-width:768px){.pipeline-line{display:block;position:absolute;top:76px;right:10%;left:10%;height:2px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-purple-light),var(--brand-purple));z-index:0;border-radius:2px;opacity:.25}}.pipeline-step{position:relative;z-index:1;text-align:center}.step-number{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid rgba(75,42,173,.2);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:var(--brand-purple);margin-bottom:1.25rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.pipeline-step:hover .step-number{background:var(--brand-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow);transform:scale(1.1)}.step-card{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem;transition:var(--transition)}.pipeline-step:hover .step-card{background:#fff;box-shadow:var(--shadow-md)}.step-card h5{font-size:.95rem;font-weight:700;margin-bottom:.35rem}.step-card .text-en{font-family:system-ui,-apple-system,sans-serif;font-size:.78rem;font-weight:500;color:var(--brand-purple);opacity:.7}.chain-node{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .65rem;border-radius:6px;background:var(--surface);font-size:.82rem;font-weight:600;white-space:nowrap}.chain-node.source{background:#eff6ff;color:#1d4ed8}.chain-node.policy{background:#fdf2f2;color:#d81b9c}.chain-node.profile{background:#ecfdf5;color:#059669}.chain-node.dedup{background:#fff7ed;color:#c2410c}.chain-node.channel{background:#f0f9ff;color:#0284c7}.chain-arrow{color:#a1a1aa;font-size:.75rem}.product-fit-section{padding:5rem 0;background:#fff}.use-case-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width:992px){.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.use-case-card{background:#fff;border:1px solid rgba(75,42,173,.08);border-radius:var(--radius-xl);padding:1.75rem;box-shadow:none;height:100%;transition:var(--transition)}.use-case-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(75,42,173,.16)}.use-case-card>i{width:44px;height:44px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:var(--brand-purple);font-size:1.2rem;margin-bottom:1rem}.use-case-card h3{font-size:1.05rem;font-weight:800;margin-bottom:.45rem}.use-case-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.8;margin:0}.how-section{padding:5rem 0;background:var(--surface)}.flow-diagram-wrapper{margin:3rem auto 4rem;max-width:980px}.flow-diagram{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(200px,1.1fr) 72px minmax(0,1fr);gap:.8rem;align-items:center;position:relative;padding:1.15rem;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(75,42,173,.08),transparent 35%) , linear-gradient(135deg,#fff 0%,#f8fafc 48%,#eef2ff 100%);border:1px solid rgba(75,42,173,.07);box-shadow:0 24px 64px rgba(75,42,173,.08) , 0 0 0 1px rgba(255,255,255,.5) inset;overflow:hidden}.flow-diagram::before{content:'';position:absolute;inset:14px;border-radius:18px;border:1px dashed rgba(75,42,173,.06);pointer-events:none}.flow-stack{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.flow-column-title{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:26px;padding:.2rem .7rem;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(75,42,173,.08);color:#475569;font-size:.7rem;font-weight:900;text-align:center;box-shadow:var(--shadow-sm);backdrop-filter:blur(6px)}.flow-node{display:flex;align-items:center;gap:.5rem;min-height:42px;padding:.55rem .8rem;border-radius:12px;font-size:.78rem;font-weight:800;border:1px solid;background:#fff;box-shadow:0 6px 20px rgba(75,42,173,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.flow-node:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(75,42,173,.12)}.flow-node i{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;font-size:.9rem;flex-shrink:0}.flow-node.source{background:linear-gradient(135deg,#eff6ff 0%,#f0f5ff 100%);color:#1e40af;border-color:#bfdbfe}.flow-node.channel{background:linear-gradient(135deg,#f0f9ff 0%,#f0faff 100%);color:#0369a1;border-color:#bae6fd}.flow-node.source:hover{border-color:#93c5fd;box-shadow:0 12px 32px rgba(30,64,175,.12)}.flow-node.channel:hover{border-color:#7dd3fc;box-shadow:0 12px 32px rgba(3,105,161,.12)}.flow-node.source i{background:#dbeafe}.flow-node.channel i{background:#e0f2fe}.flow-engine{position:relative;z-index:2;padding:1.1rem;border-radius:22px;text-align:center;color:#fff;background:linear-gradient(145deg,#4b2aad 0%,#1a2d50 40%,#1e3354 60%,#4b2aad 100%);box-shadow:0 22px 60px rgba(75,42,173,.24) , 0 0 0 1px rgba(255,255,255,.06) inset , 0 1px 0 rgba(255,255,255,.08) inset}.flow-engine::before{content:'';position:absolute;inset:-1px;border-radius:23px;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 40%,transparent 60%,rgba(255,255,255,.04));pointer-events:none;z-index:-1}.flow-engine-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.55rem;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);font-size:1.15rem;backdrop-filter:blur(4px)}.flow-engine-title{font-size:1.1rem;font-weight:950;margin-bottom:.2rem;letter-spacing:-.02em}.flow-engine p{color:rgba(255,255,255,.78);font-size:.78rem;line-height:1.8;margin:0 0 .75rem}.flow-processor{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;background:rgba(255,255,255,.1);padding:.5rem;border-radius:14px;border:1px solid rgba(255,255,255,.12);box-shadow:none}.flow-processor-badge{display:flex;align-items:center;gap:.3rem;padding:.38rem .55rem;border-radius:8px;font-size:.68rem;font-weight:900;transition:all .25s ease;backdrop-filter:blur(4px)}.flow-processor-badge:hover{transform:translateY(-1px)}.flow-processor-badge i{font-size:.9rem}.flow-processor-badge.policy{background:rgba(238,240,246,.92);color:#4b2aad}.flow-processor-badge.dedup{background:rgba(255,247,237,.92);color:#c2410c}.flow-processor-badge.profile{background:rgba(236,253,245,.92);color:#059669}.flow-connector{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.flow-line{width:100%;height:3px;border-radius:999px;position:relative;overflow:visible}.flow-connector--in .flow-line{background:linear-gradient(90deg,rgba(59,130,246,.25),rgba(75,42,173,.55))}.flow-connector--out .flow-line{background:linear-gradient(90deg,rgba(75,42,173,.55),rgba(75,42,173,.25))}.flow-dot{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(75,42,173,.18) , 0 0 12px rgba(75,42,173,.25);transform:translateY(-50%)}.flow-connector--in .flow-dot{animation:flowDotIn 2.4s ease-in-out infinite}.flow-connector--out .flow-dot{animation:flowDotOut 2.4s ease-in-out infinite}@keyframes flowDotIn {
0% {
left: 0;
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
left: calc(100% - 8px);
opacity: 0;
}
}@keyframes flowDotOut {
0% {
right: 0;
left: auto;
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
right: calc(100% - 8px);
left: auto;
opacity: 0;
}
}.flow-connector span{position:absolute;top: calc(50% + 0.85rem);left:50%;transform:translateX(-50%);width:max-content;max-width:100px;color:#64748b;font-size:.7rem;font-weight:800;text-align:center;background:rgba(255,255,255,.6);padding:.1rem .45rem;border-radius:6px;letter-spacing:.01em}.flow-diagram-note{text-align:center;font-size:.88rem;color:#475569;margin:1.25rem auto 0;max-width:720px;padding:.8rem 1.2rem;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(75,42,173,.07);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 12px rgba(75,42,173,.04);backdrop-filter:blur(8px);transition:all .3s ease}.flow-diagram-note:hover{background:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(75,42,173,.08)}.flow-diagram-note i{color:#16a34a;font-size:1rem}@media (max-width:991.98px){.flow-diagram{grid-template-columns:1fr;gap:1rem;padding:1rem}.flow-connector{min-height:56px}.flow-connector .flow-line{width:3px;height:42px}.flow-connector--in .flow-line{background:linear-gradient(180deg,rgba(59,130,246,.25),rgba(75,42,173,.55))}.flow-connector--out .flow-line{background:linear-gradient(180deg,rgba(75,42,173,.55),rgba(75,42,173,.25))}.flow-dot{top:0;left:50%!important;transform:translateX(-50%)!important}.flow-connector--in .flow-dot{animation:flowDotInMobile 2.4s ease-in-out infinite}.flow-connector--out .flow-dot{animation:flowDotOutMobile 2.4s ease-in-out infinite}@keyframes flowDotInMobile {
0% {
top: 0;
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
top: calc(100% - 8px);
opacity: 0;
}
}@keyframes flowDotOutMobile {
0% {
bottom: 0;
top: auto;
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
bottom: calc(100% - 8px);
top: auto;
opacity: 0;
}
}.flow-connector span{top:50%;right: calc(50% + 1.1rem);left:auto;transform:translateY(-50%);text-align:right}.flow-diagram-note{border-radius:18px;align-items:flex-start;text-align:right}}.how-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2.5rem}@media (min-width:992px){.how-grid{grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:stretch}}.how-card{background:#fff;border:1px solid rgba(75,42,173,.08);border-radius:var(--radius-xl);padding:1.5rem 1.35rem;height:100%;transition:var(--transition)}.how-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(75,42,173,.15)}.how-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.how-step-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.78rem;font-weight:800}.how-step-badge.source{background:#eff6ff;color:#1d4ed8}.how-step-badge.policy{background:#fdf2f2;color:#d81b9c}.how-step-badge.profile{background:#ecfdf5;color:#059669}.how-step-badge.channel{background:#f0f9ff;color:#0284c7}.how-card-icon{font-size:1.25rem;color:var(--text-secondary);opacity:.6}.how-card h3{font-size:1rem;font-weight:700;margin-bottom:.65rem}.how-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.85;margin-bottom:.75rem}.how-example{font-size:.78rem;color:#71717a;padding-top:.75rem;border-top:1px solid rgba(75,42,173,.06);margin-bottom:0!important}.how-example span{font-weight:700;color:var(--brand-purple)}.how-connector{align-items:center;justify-content:center;align-self:center}.how-connector span{display:block;width:100%;height:2px;background:linear-gradient(90deg,rgba(75,42,173,.15),rgba(75,42,173,.35),rgba(75,42,173,.15));border-radius:2px}.hero-intro-centered{max-width:720px;margin:0 auto;text-align:center}.hero-intro-centered .hero-badge{margin-top:3rem}.hero-intro-centered .hero-title{text-align:center}.hero-intro-centered .hero-subtitle{text-align:center}.hero-intro-centered .hero-audience-pills{justify-content:center}.hero-intro-centered .hero-buttons{justify-content:center}.hero-gear-visual{display:none}@media (max-width:991.98px){.hero-two-col{grid-template-columns:1fr;gap:2rem}.hero-intro{text-align:center}.hero-intro .hero-title,.hero-intro .hero-subtitle{text-align:center}.hero-intro .hero-audience-pills{justify-content:center}.hero-intro .hero-buttons{justify-content:center}}@media (min-width:992px){.how-grid.how-grid--3{grid-template-columns:1fr 28px 1fr 28px 1fr}}.section-soft{padding:5rem 0;background:var(--surface)}.persona-card{background:#fff;border:1px solid rgba(75,42,173,.08);border-radius:var(--radius-xl);padding:2rem 1.85rem;height:100%;box-shadow:var(--shadow-sm);transition:var(--transition)}.persona-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(75,42,173,.16)}.persona-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--brand-gradient);color:#fff;font-size:1.4rem;margin-bottom:1.1rem}.persona-card h3{font-size:1.25rem;font-weight:800;margin-bottom:.55rem}.persona-card>p{color:var(--text-secondary);font-size:.95rem;line-height:1.85;margin:0 0 1.15rem}.persona-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.persona-list li{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:#334155;line-height:1.7}.persona-list i{color:#059669;font-size:1rem;flex-shrink:0;margin-top:.2rem}.two-phase-note{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:900px;margin:0 auto 2rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(75,42,173,.03),rgba(75,42,173,.03));border:1px solid rgba(75,42,173,.08)}.two-phase-item{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.two-phase-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:22px;border-radius:6px;font-size:.7rem;font-weight:800;flex-shrink:0}.two-phase-badge.phase-1{background:#ecfdf5;color:#059669}.two-phase-badge.phase-2{background:#eef0f6;color:#4b2aad}.workflows-section{padding:5rem 0 6rem;background:#fff}.panel-preview{max-width:980px;margin:0 auto 2rem;border:1px solid rgba(75,42,173,.08);border-radius:var(--radius-xl);background:#fafafa;box-shadow:var(--shadow-lg);overflow:hidden}.panel-topbar{min-height:56px;display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background:#fff;border-bottom:1px solid #e4e4e7}.panel-brand{display:inline-flex;align-items:center;gap:.45rem;font-weight:800;white-space:nowrap}.panel-brand span,.panel-brand img{width:24px;height:24px;border-radius:7px;flex-shrink:0}.panel-brand span{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;background:linear-gradient(135deg,#4b2aad,#6a45c2)}.panel-tabs{display:flex;gap:.25rem;flex:1}.panel-tabs span{padding:.35rem .75rem;border-radius:7px;color:#71717a;font-size:.82rem;font-weight:600}.panel-tabs .active{background:#eef2ff;color:#6a45c2}.panel-action{padding:.45rem .85rem;border-radius:8px;background:#18181b;color:#fff;font-size:.78rem;font-weight:800;white-space:nowrap}.panel-body{display:block;min-height:auto}.panel-sidebar{padding:1rem .75rem;background:#fff;border-left:1px solid #e4e4e7}.panel-sidebar-label{display:block;padding:.4rem .65rem;color:#a1a1aa;font-size:.68rem;font-weight:800}.panel-sidebar-item{display:flex;align-items:center;gap:.55rem;padding:.5rem .65rem;border-radius:8px;color:#71717a;font-size:.82rem;font-weight:600}.panel-sidebar-item.active{background:#eef2ff;color:#6a45c2}.panel-main{padding:1.4rem}.panel-main-full{width:100%}.workflow-builder-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:992px){.workflow-builder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.builder-step-card{background:#fff;border:1px solid #e4e4e7;border-radius:12px;padding:1rem}.builder-step-number{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#1e3354;font-size:.8rem;font-weight:900;margin-bottom:.75rem}.builder-step-card h3{font-size:.95rem;font-weight:900;margin-bottom:.35rem}.builder-step-card p{color:#71717a;font-size:.78rem;line-height:1.8;margin-bottom:.75rem}.builder-chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h3{font-size:1.15rem;font-weight:900;margin:0 0 .25rem}.panel-heading p{color:#71717a;font-size:.82rem;line-height:1.8;margin:0}.panel-workflow-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;margin-bottom:.55rem;background:#fff;border:1px solid #e4e4e7;border-radius:10px}.panel-pipeline{display:grid;grid-template-columns:1fr;max-width:390px;margin-top:1.2rem}.panel-pipeline>i{color:#a1a1aa;font-size:1.45rem;text-align:center;line-height:1.1}.pipeline-card{display:grid;gap:.15rem;padding:.8rem 1rem;border-radius:12px;border:1px solid #e4e4e7;background:#fff}.pipeline-card small{color:#a1a1aa;font-size:.66rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.pipeline-card strong{font-size:.9rem}.pipeline-card span{color:#71717a;font-size:.76rem}.pipeline-card.policy{border-color:rgba(75,42,173,.2);background:#eef0f6}.panel-result-box{margin-top:1rem;padding:1rem;border:1px dashed rgba(75,42,173,.24);border-radius:14px;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)}.panel-result-box .workflow-chain{padding:.85rem;border-radius:10px;background:#fff;border:1px solid #e4e4e7}.panel-benefits-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.panel-benefits-row span{display:inline-flex;align-items:center;gap:.35rem;color:#059669;font-size:.8rem;font-weight:800}.workflow-list{display:flex;flex-direction:column;gap:.65rem;max-width:900px;margin:2.5rem auto 0}.workflow-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.9rem 1.1rem;background:var(--surface);border:1px solid rgba(75,42,173,.08);border-radius:var(--radius-lg);transition:var(--transition)}.workflow-row:hover{border-color:rgba(75,42,173,.2);box-shadow:var(--shadow-sm)}.workflow-chain{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem}.status-pill{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:100px;white-space:nowrap}.status-pill.on{background:#f0fdf4;color:#16a34a}.status-pill.review{background:#fff7ed;color:#c2410c}.platforms-section{padding:0 0 5rem;background:#fff}.platforms-shell{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.75rem 2rem;border-radius:var(--radius-xl);background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border:1px solid rgba(75,42,173,.1)}.platforms-text h2{font-size:1.15rem;font-weight:800;margin-bottom:.35rem}.platforms-text p{font-size:.88rem;color:var(--text-secondary);margin:0}.platforms-badges{display:flex;flex-wrap:wrap;gap:.6rem}.platform-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:.65rem;font-size:.82rem;font-weight:600;border:1px solid transparent}.platform-badge.rubika{background:#dcfce7;color:#15803d;border-color:rgba(21,128,61,.15)}.platform-badge.eitaa{background:#fef9c3;color:#a16207;border-color:rgba(161,98,7,.15)}.platform-badge.bale{background:#e0f2fe;color:#0369a1;border-color:rgba(3,105,161,.15)}.platform-badge.telegram{background:#e8f5fe;color:#0277bd;border-color:rgba(2,119,189,.15)}.platform-badge.external{background:#f3e8ff;color:#7e22ce;border-color:rgba(126,34,206,.15)}.platform-badge.rss{background:#eef0f6;color:#4b2aad;border-color:rgba(75,42,173,.15)}.platform-badge.more{background:#fff;color:var(--text-secondary);border-color:rgba(75,42,173,.1)}.faq-list{display:flex;flex-direction:column;gap:.65rem}.faq-item{background:#fff;border:1px solid rgba(75,42,173,.08);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}.faq-item[open]{border-color:rgba(75,42,173,.2);box-shadow:var(--shadow-sm)}.faq-item summary{padding:1.1rem 1.25rem;font-weight:700;font-size:.95rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';flex-shrink:0;width:1.25rem;text-align:center;line-height:1;font-size:1.2rem;font-weight:400;color:var(--brand-purple);transition:transform .2s ease}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item p{padding:0 1.25rem 1.1rem;margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.9}.landing-cta-section{padding:2.75rem 0 3.5rem;background:#fff}.landing-cta-shell{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.6rem 1.75rem;border-radius:1.15rem;background:#f1f5f9;border:1px solid rgba(75,42,173,.08);color:var(--text-primary);box-shadow:none}.landing-cta-content .section-label{color:var(--brand-red)}.landing-cta-content h2{font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:800;margin:.35rem 0 .5rem;color:var(--text-primary)}.landing-cta-content p{font-size:.88rem;color:var(--text-secondary);margin:0;max-width:420px;line-height:1.75}.landing-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}.landing-cta-section .btn-hero-secondary{background:#fff;border-color:rgba(75,42,173,.16);color:var(--text-primary)}.landing-cta-section .btn-hero-secondary:hover{background:#fff;border-color:var(--brand-blue);color:var(--brand-blue)}.landing-cta-note{text-align:center;font-size:.82rem;color:var(--text-secondary);margin:1.5rem 0 0}@media (max-width:767.98px){.hero-workspace-card{border-radius:1rem}.hero-output-preview{grid-template-columns:1fr}.hero-output-preview>i{transform:rotate(-90deg)}.panel-topbar{flex-wrap:wrap}.panel-tabs{order:3;width:100%;overflow-x:auto}.panel-body{display:block}.panel-sidebar{display:none}.panel-main{padding:1rem}.panel-workflow-row{grid-template-columns:1fr}.panel-heading{flex-direction:column}.workflow-row{grid-template-columns:1fr}.workflow-row .status-pill{justify-self:start}.platforms-shell,.landing-cta-shell{padding:1.5rem}.landing-cta-actions{width:100%}.landing-cta-actions a,.landing-cta-actions button{flex:1;justify-content:center}}.contact-section{padding:6rem 0;background:var(--bg-secondary,#f8f9ff);position:relative}.about-section{padding:2rem 0 6rem;position:relative}.about-shell{margin-top:2.5rem;position:relative}.about-shell::before{content:"";position:absolute;inset:2rem 0 auto;height:calc(100% - 4rem);border-radius:2rem;background:radial-gradient(circle at top right,rgba(89,63,255,.14),transparent 34%) , radial-gradient(circle at bottom left,rgba(31,107,255,.12),transparent 32%) , linear-gradient(135deg,rgba(255,255,255,.92),rgba(247,249,255,.88));border:1px solid rgba(109,132,255,.12);box-shadow:0 24px 60px rgba(22,34,77,.08);z-index:0}.about-story-card,.about-metric-card{position:relative;z-index:1;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(125,143,255,.16);border-radius:1.75rem;box-shadow:0 18px 40px rgba(33,47,95,.08)}.about-story-card{padding:2rem;height:100%}.about-story-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border-radius:999px;background:rgba(99,102,241,.1);color:var(--brand-purple);font-size:.88rem;font-weight:700;margin-bottom:1.25rem}.about-story-card h3,.about-metric-card h3{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem}.about-story-card p,.about-metric-card p{color:var(--text-secondary,#55607a);line-height:2;margin-bottom:1rem}.about-story-card p:last-of-type,.about-metric-card p:last-of-type{margin-bottom:0}.about-highlight{display:flex;align-items:flex-start;gap:.9rem;margin-top:1.5rem;padding:1.1rem 1.2rem;border-radius:1.25rem;background:linear-gradient(135deg,rgba(99,102,241,.09),rgba(56,189,248,.12))}.about-highlight-icon{width:48px;height:48px;flex:0 0 48px;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:#fff;font-size:1.1rem;box-shadow:var(--shadow-glow)}.about-highlight p{margin:0;font-weight:600;color:var(--text-primary)}.about-side-stack{display:grid;gap:1rem;height:100%}.about-metric-card{padding:1.5rem}.about-metric-value{display:inline-block;margin-bottom:.85rem;font-size:1.45rem;font-weight:900;color:var(--brand-purple)}.about-capabilities-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}.about-capabilities-list li{position:relative;padding-right:1.4rem;color:var(--text-secondary,#55607a);line-height:1.9}.about-capabilities-list li::before{content:"";position:absolute;top:.8rem;right:0;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--brand-blue),var(--brand-purple));box-shadow:0 0 0 6px rgba(99,102,241,.08)}.about-consult-card{background:linear-gradient(145deg,rgba(33,48,96,.96),rgba(72,70,160,.94));color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.08)}.about-consult-card h3,.about-consult-card p{color:inherit}.about-consult-label{display:inline-flex;padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.82rem;font-weight:700;margin-bottom:.9rem}.about-consult-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.1rem;color:#fff;text-decoration:none;font-weight:700}.about-consult-link:hover{color:#fff;opacity:.9}.contact-shell{margin-top:2rem;padding:3rem;border-radius:2rem;background:radial-gradient(circle at top left,rgba(99,102,241,.12),transparent 30%) , radial-gradient(circle at bottom right,rgba(56,189,248,.16),transparent 34%) , linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,248,255,.9));border:1px solid rgba(125,143,255,.14);box-shadow:0 26px 64px rgba(31,44,91,.08)}.contact-heading{max-width:760px;margin:0 auto}.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:2rem;padding:1.35rem 1.5rem;border-radius:1.5rem;background:linear-gradient(135deg,rgba(45,58,120,.95),rgba(79,76,178,.92));color:rgba(255,255,255,.92)}.contact-cta-label{display:inline-block;margin-bottom:.55rem;font-size:.82rem;font-weight:700;opacity:.78}.contact-cta h3{margin:0;font-size:1.1rem;font-weight:700;line-height:1.8;color:#fff}.contact-cta-link{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.25rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;white-space:nowrap;font-weight:700;transition:var(--transition)}.contact-cta-link:hover{color:#fff;background:rgba(255,255,255,.2);transform:translateY(-2px)}.contact-card{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2.25rem 2rem;text-align:center;height:100%;transition:var(--transition)}.contact-card:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateY(-4px)}.contact-icon-wrap{width:60px;height:60px;border-radius:50%;background:var(--brand-gradient);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:1.1rem;box-shadow:var(--shadow-glow)}.contact-card h5{font-weight:700;font-size:1rem;margin-bottom:.6rem}.contact-card p{font-size:.95rem;color:var(--text-secondary,#555);margin:0;line-height:1.8}@media (max-width:767.98px){.about-section{padding-top:1rem}.about-shell::before,.contact-shell{border-radius:1.5rem}.about-story-card,.about-metric-card,.contact-shell{padding:1.5rem}.about-highlight{flex-direction:column}.contact-cta{flex-direction:column;align-items:stretch;text-align:center}.contact-cta-link{justify-content:center}}@keyframes fadeInUp {
from {
transform: translateY(30px);
}
to {
transform: translateY(0);
}
}.animate-in{opacity:1;transform:none}.js .animate-in{transform:translateY(30px);animation:fadeInUp .7s ease-out forwards}@media (prefers-reduced-motion:reduce){.js .animate-in{transform:none;animation:none}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.hero-section{padding:4rem 0 3rem}.hero-title{font-size:1.8rem}.section-title{font-size:1.6rem}}
@media (max-width: 575.98px) {.hero-section {
padding: 3.5rem 0 2.5rem;
}
.hero-hub {
padding: 0.85rem;
}
.hero-hub-pill {
min-width: 96px;
}
.hero-buttons {
flex-direction: column;
align-items: stretch;
}
.hero-buttons a {
justify-content: center;
}
.feature-card {
padding: 1.75rem 1.25rem;
}
}