.ct-hero-monitor{--ct-accent: #88ffcc;--wf-cycle: 10s;--wf-bg: #0c1e2b;--wf-node-bg: #112b3a;--wf-card-bg: #112b3a;--wf-ink: #eafff6;--wf-muted: #8fa3bd;--wf-dim: #7b8aa3;--wf-faint: #5c6b85;--wf-tick-ink: #cfe9de;--wf-accent-28: color-mix(in srgb, var(--ct-accent) 28%, transparent);--wf-accent-35: color-mix(in srgb, var(--ct-accent) 35%, transparent);--wf-accent-50: color-mix(in srgb, var(--ct-accent) 50%, transparent);--wf-accent-65: color-mix(in srgb, var(--ct-accent) 65%, transparent);--wf-node-active-bg: color-mix(in srgb, var(--ct-accent) 16%, var(--wf-bg));box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;font-family:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;color:var(--wf-ink);-webkit-font-smoothing:antialiased}.ct-hero-monitor .wf-d0{animation-delay:0s}.ct-hero-monitor .wf-d1{animation-delay:calc(var(--wf-cycle)*.2)}.ct-hero-monitor .wf-d2{animation-delay:calc(var(--wf-cycle)*.4)}.ct-hero-monitor .wf-d3{animation-delay:calc(var(--wf-cycle)*.6)}.ct-hero-monitor .wf-d4{animation-delay:calc(var(--wf-cycle)*.8)}.ct-hero-monitor *,.ct-hero-monitor *::before,.ct-hero-monitor *::after{box-sizing:border-box}.wf-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ct-workflow{position:relative;overflow:hidden;border-radius:20px;padding:44px 32px 36px;border:1px solid hsla(0,0%,100%,.08);background-color:var(--wf-bg);background-image:linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);background-size:48px 48px}.wf-sheen{position:absolute;top:0;left:-40%;width:30%;height:100%;background:hsla(0,0%,100%,.05);transform:skewX(-20deg);animation:wfSheen 6s linear infinite;pointer-events:none}.wf-stage{position:relative;height:120px}.wf-line{position:absolute;left:32px;right:32px;top:50%;height:2px;background:color-mix(in srgb, var(--ct-accent) 22%, transparent);z-index:1}.wf-comet-track{position:absolute;left:32px;right:32px;top:50%;height:0;z-index:1}.wf-comet{position:absolute;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--ct-accent);box-shadow:0 0 22px 6px var(--wf-accent-65);animation:wfCometMove var(--wf-cycle) linear infinite}.wf-nodes{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;z-index:2}.wf-item{display:flex;flex-direction:column;align-items:center}.wf-node{width:64px;height:64px;border-radius:50%;border:1.5px solid var(--wf-accent-28);background:var(--wf-node-bg);color:var(--wf-dim);display:flex;align-items:center;justify-content:center;animation:wfNodeGlow var(--wf-cycle) linear infinite backwards;position:relative;z-index:2}.wf-node svg{width:26px;height:26px;display:block}.wf-label{font-size:12px;text-align:center;margin-top:10px;color:var(--wf-faint);white-space:nowrap;animation:wfLabelGlow var(--wf-cycle) linear infinite backwards}.wf-alert{position:absolute;left:70%;top:-6px;transform:translate(-50%, 0);background:var(--wf-card-bg);border:1px solid var(--wf-accent-35);border-radius:10px;padding:8px 12px;min-width:190px;opacity:0;animation:wfCardPop var(--wf-cycle) linear infinite backwards;z-index:3}.wf-alert-title{font-size:12px;font-weight:500;margin:0 0 2px;color:var(--wf-ink)}.wf-alert-meta{font-size:11px;margin:0;color:var(--wf-muted)}.wf-shockwave{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ct-accent);opacity:0;animation:wfShockwave var(--wf-cycle) linear infinite backwards}.wf-headings{position:relative;height:56px;margin-top:8px}.wf-heading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;animation:wfHeadingFade var(--wf-cycle) linear infinite backwards}.wf-h-title{font-size:17px;font-weight:500;margin:0 0 2px;color:var(--wf-ink)}.wf-h-sub{font-size:13px;margin:0;color:var(--wf-muted)}.wf-ticks{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:6px;min-height:18px}.wf-tick{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--wf-tick-ink);opacity:0}.wf-tick svg{width:15px;height:15px;display:block}.wf-tick-1{animation:wfTickPop1 var(--wf-cycle) linear infinite backwards}.wf-tick-2{animation:wfTickPop2 var(--wf-cycle) linear infinite backwards}.wf-tick-3{animation:wfTickPop3 var(--wf-cycle) linear infinite backwards}.wf-dots{display:flex;justify-content:center;gap:8px;margin-top:18px}.wf-dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.15);animation:wfDotGlow var(--wf-cycle) linear infinite backwards}.ct-hero-monitor[data-autoplay="0"] .ct-workflow *,.ct-hero-monitor.wf-static .ct-workflow *{animation:none !important}.ct-hero-monitor[data-autoplay="0"] .wf-comet,.ct-hero-monitor[data-autoplay="0"] .wf-alert,.ct-hero-monitor[data-autoplay="0"] .wf-shockwave,.ct-hero-monitor.wf-static .wf-comet,.ct-hero-monitor.wf-static .wf-alert,.ct-hero-monitor.wf-static .wf-shockwave{display:none}.ct-hero-monitor[data-autoplay="0"] .wf-heading:first-child,.ct-hero-monitor.wf-static .wf-heading:first-child{opacity:1;transform:none}.ct-hero-monitor[data-autoplay="0"] .wf-nodes .wf-item:first-child .wf-node,.ct-hero-monitor.wf-static .wf-nodes .wf-item:first-child .wf-node{border-color:var(--ct-accent);background:var(--wf-node-active-bg);color:var(--wf-ink)}.ct-hero-monitor[data-autoplay="0"] .wf-nodes .wf-item:first-child .wf-label,.ct-hero-monitor.wf-static .wf-nodes .wf-item:first-child .wf-label{color:var(--wf-ink)}.ct-hero-monitor[data-autoplay="0"] .wf-dots .wf-dot:first-child,.ct-hero-monitor.wf-static .wf-dots .wf-dot:first-child{background:var(--ct-accent)}.ct-hero-monitor[data-loop="0"] .ct-workflow *{animation-iteration-count:1}@media(prefers-reduced-motion: reduce){.ct-hero-monitor .ct-workflow *{animation:none !important}.ct-hero-monitor .wf-comet,.ct-hero-monitor .wf-alert,.ct-hero-monitor .wf-shockwave{display:none}.ct-hero-monitor .wf-heading:first-child{opacity:1;transform:none}}@media(max-width: 640px){.ct-workflow{padding:32px 20px 28px}.wf-stage{height:96px}.wf-line,.wf-comet-track{left:16px;right:16px}.wf-node{width:48px;height:48px}.wf-node svg{width:20px;height:20px}.wf-label{font-size:10px}.wf-alert{display:none}.wf-headings{height:64px}}@keyframes wfSheen{0%{left:-40%}100%{left:130%}}@keyframes wfCometMove{0%{left:0%;opacity:0}4%{opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}@keyframes wfNodeGlow{0%{transform:scale(1);box-shadow:0 0 0 rgba(0,0,0,0);background:var(--wf-node-bg);border-color:var(--wf-accent-28);color:var(--wf-dim)}6%{transform:scale(1.06)}9%{transform:scale(1.2);box-shadow:0 0 34px 10px var(--wf-accent-50);background:var(--wf-node-active-bg);border-color:var(--ct-accent);color:var(--wf-ink)}14%{transform:scale(1.06);box-shadow:0 0 16px 5px color-mix(in srgb, var(--ct-accent) 25%, transparent)}20%,100%{transform:scale(1);box-shadow:0 0 0 rgba(0,0,0,0);background:var(--wf-node-bg);border-color:var(--wf-accent-28);color:var(--wf-dim)}}@keyframes wfLabelGlow{0%,20%,100%{color:var(--wf-faint)}9%{color:var(--wf-ink)}}@keyframes wfDotGlow{0%,20%,100%{background:hsla(0,0%,100%,.15);transform:scale(1)}9%{background:var(--ct-accent);transform:scale(1.5)}}@keyframes wfHeadingFade{0%{opacity:0;transform:translateY(8px)}2%{opacity:1;transform:translateY(0)}18%{opacity:1}20%,100%{opacity:0;transform:translateY(-8px)}}@keyframes wfCardPop{0%,4%{opacity:0;transform:translate(-50%, 14px) scale(0.9)}6%{opacity:1;transform:translate(-50%, -6px) scale(1.03)}9%{transform:translate(-50%, 0) scale(1)}16%{opacity:1}20%,100%{opacity:0;transform:translate(-50%, 10px) scale(0.95)}}@keyframes wfTickPop1{0%,10%{opacity:0;transform:translateY(6px)}12%,18%{opacity:1;transform:translateY(0)}20%,100%{opacity:0}}@keyframes wfTickPop2{0%,12%{opacity:0;transform:translateY(6px)}14%,18%{opacity:1;transform:translateY(0)}20%,100%{opacity:0}}@keyframes wfTickPop3{0%,14%{opacity:0;transform:translateY(6px)}16%,18%{opacity:1;transform:translateY(0)}20%,100%{opacity:0}}.ct-hero-section{--ct-canvas: #0c1e2b;--ct-accent: #88ffcc;--ct-teal: #14b8a6;--ct-blue: #3b82f6;position:relative;overflow:hidden;padding:160px 0 120px;background:var(--ct-canvas);font-family:"Inter",-apple-system,system-ui,"Segoe UI",sans-serif;color:#fff;-webkit-font-smoothing:antialiased}.ct-hero-section *{box-sizing:border-box}.ct-hero-grid{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 0%, transparent 72%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%, #000 0%, transparent 72%)}.ct-hero-glow{position:absolute;z-index:0;pointer-events:none;border-radius:50%}.ct-hero-glow--primary{width:820px;height:560px;top:-90px;left:50%;transform:translateX(-24%);background:radial-gradient(closest-side, rgba(136, 255, 204, 0.11), rgba(136, 255, 204, 0.03) 45%, transparent 72%)}.ct-hero-glow--right{width:620px;height:620px;top:180px;right:-180px;background:radial-gradient(closest-side, rgba(20, 184, 166, 0.1), transparent 70%)}.ct-hero-glow--left{width:560px;height:560px;bottom:-140px;left:-180px;background:radial-gradient(closest-side, rgba(59, 130, 246, 0.1), transparent 70%)}.ct-hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 32px;text-align:center}.ct-hero-title{font-family:"Funnel Display","Inter",sans-serif;font-size:56px;font-weight:400;line-height:1.29;letter-spacing:-0.01em;color:#fff;max-width:860px;margin:0 auto 32px}.ct-hero-subtitle{font-size:18px;font-weight:400;line-height:1.7;color:hsla(0,0%,100%,.65);max-width:620px;margin:0 auto 48px}.ct-hero-actions{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;align-items:center;margin:0 0 96px}.ct-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,color .2s ease}.ct-btn-primary{padding:14px 36px;border-radius:100px;background:var(--ct-accent);color:var(--ct-canvas);font-weight:600;box-shadow:0 10px 30px -10px rgba(136,255,204,.55)}.ct-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(136,255,204,.7)}.ct-btn-secondary{padding:14px 24px;color:hsla(0,0%,100%,.65);font-weight:500}.ct-btn-secondary:hover{color:#fff}@media(max-width: 900px){.ct-hero-section{padding:110px 0 80px}.ct-hero-title{font-size:40px}.ct-hero-subtitle{font-size:16px}.ct-hero-actions{margin-bottom:64px}}@media(max-width: 480px){.ct-hero-title{font-size:32px}.ct-hero-actions{gap:12px}.ct-btn{width:100%}}