.timeline-wrapper{position:relative;width:90%;display:flex;align-items:center;justify-content:center;margin-top:2em;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.timeline-wrapper.visible{opacity:1;transform:translateY(0)}.timeline-line{position:absolute;left:0;height:2px;background:#641587;background:linear-gradient(90deg,#641587,#6e1595 0,#422ac1 88%);width:0;transition:width 3s linear}.timeline-wrapper.visible .timeline-line{width:100%}.timeline-points{position:relative;display:flex;justify-content:space-between;width:100%;margin-top:0}.timeline-point{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:7.75em;opacity:0;transition:opacity .5s ease;top:0;height:8em}.timeline-wrapper.visible .timeline-point:first-child{animation:FadeIn .5s ease .25s forwards}.timeline-wrapper.visible .timeline-point:nth-child(2){animation:FadeIn .5s ease .9s forwards}.timeline-wrapper.visible .timeline-point:nth-child(3){animation:FadeIn .5s ease 1.75s forwards}.timeline-wrapper.visible .timeline-point:nth-child(4){animation:FadeIn .5s ease 2.75s forwards}.timeline-point-circle{width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #9b3cf7;position:relative;top:-6px}.timeline-point-text{margin-top:10px;text-align:center;color:#000}.timeline-point-text h3{font-size:1rem;margin:0}.timeline-point-text p{font-size:.9rem;margin:0}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.integration-section{padding:2rem;margin:2rem auto;border-radius:10px;text-align:center;width:90%}.integration-heading{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#333;background:linear-gradient(90deg,#0157f9,#000);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.integration-description{font-size:1.5rem;color:#000;margin-bottom:2rem}.code-box{text-align:left;background:#1e1e1e;color:#dcdcdc;padding:1rem;border-radius:8px;overflow-x:auto;box-shadow:0 4px 8px rgba(0,0,0,.2)}.code-box code{font-family:Courier New,Courier,monospace;font-size:.95rem}pre{margin:0}