.ccs{--ink:#10183c;--violet:#602cff;--pink:#f62b9d;--muted:#566083;color:var(--ink);background:radial-gradient(circle at 47% 47%,#efcfff59,#0000 28%),radial-gradient(circle at 18% 20%,#ffdceb3b,#0000 24%),#fffdfd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.ccs *{box-sizing:border-box}.ccs button{font:inherit}.ccs .connected-section{width:min(1440px,100%);margin:auto;padding:clamp(84px,8.5vw,112px) 48px}.ccs .section-head{text-align:center}.ccs .eyebrow{color:#4b31d4;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px;font-size:13px;font-weight:800}.ccs .eyebrow span{background:linear-gradient(90deg,#7e2fff,#f62b9d);border-radius:10px;width:27px;height:3px;margin:0 13px 4px 0;display:inline-block}.ccs .section-head h2{color:#10183c;letter-spacing:-.045em;max-width:1060px;margin:0 auto;font-size:clamp(35px,3.2vw,51px);font-weight:780;line-height:1.15}.ccs .section-head h2 em{background:linear-gradient(90deg,#f33294,#a52dff);color:#0000;-webkit-background-clip:text;font-style:normal}.ccs .intro{color:#4d587e;margin:24px auto 12px;font-size:16px;line-height:1.65}.ccs .system-map{grid-template-columns:230px minmax(580px,670px) 230px;justify-content:center;align-items:center;gap:74px;min-height:548px;margin-top:2px;display:grid;position:relative}.ccs .connectors{z-index:0;pointer-events:none;width:1120px;height:455px;position:absolute;top:74px;left:50%;overflow:visible;transform:translate(-50%)}.ccs .wire{fill:none;stroke-width:1.45px;opacity:.85;stroke-dasharray:5 2;transition:stroke-width .2s,opacity .2s;animation:18s linear infinite ccsDash}.ccs .wire.hot{stroke-width:3.2px;opacity:1;filter:drop-shadow(0 0 4px)}.ccs .left-wire{stroke:url(#leftFlow)}.ccs .right-wire{stroke:url(#rightFlow)}.ccs .pulse-dot{filter:drop-shadow(0 0 5px)}.ccs .left-pulse{fill:#7248ff}.ccs .right-pulse{fill:#ff3a9c}@keyframes ccsDash{to{stroke-dashoffset:-80px}}.ccs .rail{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #a068e229;border-radius:26px;width:230px;padding:20px 10px 14px;position:relative;box-shadow:0 20px 45px #612e810d}.ccs .rail h2{text-align:center;letter-spacing:.09em;text-transform:uppercase;color:#4c24dc;margin:0 0 17px;font-size:13px}.ccs .rail-right h2{color:#ea2e91}.ccs .verified-label{color:#66708d;letter-spacing:.02em;justify-content:center;align-items:center;gap:5px;margin:-10px 0 10px;font-size:9px;font-weight:650;display:flex}.ccs .verified-label span{color:#6e35dc;background:#f1e8ff;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;display:grid}.ccs .rail-list{gap:9px;display:grid}.ccs .rail-right{padding-bottom:10px}.ccs .rail-window{border-radius:15px;height:438px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 3% 97%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 3% 97%,#0000 100%)}.ccs .rail-right .rail-list{animation:120s linear infinite ccsAppTicker}.ccs .rail-right:hover .rail-list,.ccs .rail-right:focus-within .rail-list{animation-play-state:paused}@keyframes ccsAppTicker{to{transform:translateY(calc(-50% - 4.5px))}}.ccs .rail-card{text-align:left;width:100%;min-height:72px;color:var(--ink);cursor:default;background:#ffffffdb;border:1px solid #5c3b941c;border-radius:14px;align-items:center;gap:12px;padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;box-shadow:0 5px 17px #27184f0b}.ccs .rail-card:hover,.ccs .rail-card:focus-visible,.ccs .rail-card.is-active{border-color:#843aff57;outline:none;transform:translateY(-2px)scale(1.015);box-shadow:0 12px 24px #502b961f}.ccs .rail-right .rail-card:hover,.ccs .rail-right .rail-card:focus-visible{border-color:#f62b9d59}.ccs .rail-card strong,.ccs .rail-card small{display:block}.ccs .rail-card strong{margin-bottom:2px;font-size:13px}.ccs .rail-card small{color:#485377;max-width:125px;font-size:11px;line-height:1.35}.ccs .brand-mark{color:#fff;background:linear-gradient(145deg,#8461ff,#5929ed);border-radius:14px;flex:0 0 49px;place-items:center;width:49px;height:49px;font-size:24px;font-weight:800;display:grid;box-shadow:inset 0 0 15px #ffffff47}.ccs .brand-mark svg{filter:drop-shadow(0 2px 4px #230e6429);width:27px;height:27px;overflow:visible}.ccs .brand-mark.avatar{background:linear-gradient(145deg,#c147ea,#7138ef)}.ccs .brand-mark.violet{background:linear-gradient(145deg,#875cff,#5930e9)}.ccs .brand-mark.indigo{background:linear-gradient(145deg,#6d59ff,#4931db)}.ccs .brand-mark.blue{background:linear-gradient(145deg,#5f71ff,#4f32e6)}.ccs .brand-mark.purple{background:linear-gradient(145deg,#a943ec,#6032ee)}.ccs .brand-mark.microsoft{background:#fff;box-shadow:inset 0 0 0 1px #e8e9ef}.ccs .brand-mark.shopify{color:#64a329;background:#edffd9}.ccs .brand-mark.woo{color:#8b5bb5;background:#f2eafd;font-size:11px}.ccs .brand-mark.bigcommerce{color:#263969;background:#edf0f9}.ccs .brand-mark.square{color:#111;background:#f0f0f0}.ccs .brand-mark.wix{color:#111;background:#f5f4ff}.ccs .brand-mark.magento{color:#ef5a29;background:#fff0e9}.ccs .brand-mark.twilio{color:#f22f46;background:#fff0f2}.ccs .brand-mark.chatgpt{color:#fff;background:#0f9f83}.ccs .brand-mark.claude{color:#d97757;background:#fff0e8}.ccs .brand-mark.zendesk{color:#073f3d;background:#e6f7f4}.ccs .brand-mark.salesforce{color:#159ee6;background:#e4f6ff}.ccs .brand-mark.stripe{color:#6268f2;background:#ececff}.ccs .brand-mark.quickbooks{color:#fff;background:#2ca01c;font-size:17px}.ccs .brand-mark.xero{color:#fff;background:#13b5ea}.ccs .brand-mark.plaid{color:#111;background:#f4f4f4}.ccs .brand-mark.wave{color:#1875d1;background:#eaf4ff}.ccs .brand-mark.netsuite{color:#167a9c;background:#e7f8fc}.ccs .brand-mark.taxdome{color:#fff;background:#2a5bd7;font-size:12px}.ccs .brand-mark.canopy{color:#14644a;background:#e7f7ef}.ccs .brand-mark.karbon{color:#fff;background:#f05a47}.ccs .brand-mark.financialcents{color:#4458d5;background:#edf0ff;font-size:11px}.ccs .brand-mark.pitbull{color:#b52234;background:#fff0f2;font-size:12px}.ccs .brand-mark.ignition{color:#ed4b68;background:#fff0f3}.ccs .brand-mark.myezcare{color:#1f7f8e;background:#e9f8fa;font-size:12px}.ccs .brand-mark.inflowcare{color:#2869cf;background:#ebf3ff;font-size:12px}.ccs .brand-mark.caretree{color:#19845b;background:#e9f8f1;font-size:12px}.ccs .brand-mark.dalacare{color:#fff;background:#5447bd;font-size:12px}.ccs .connection-dot{background:#8d55ff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.ccs .rail-left .connection-dot{right:-9px}.ccs .rail-right .connection-dot{background:#ff55a7;left:-9px}.ccs .ms-grid{grid-template-columns:repeat(2,10px);gap:2px;display:grid}.ccs .ms-grid i{width:10px;height:10px}.ccs .ms-grid i:first-child{background:#f25022}.ccs .ms-grid i:nth-child(2){background:#7fba00}.ccs .ms-grid i:nth-child(3){background:#00a4ef}.ccs .ms-grid i:nth-child(4){background:#ffb900}.ccs .twilio-dots{border:2px solid;border-radius:50%;grid-template-columns:repeat(2,7px);gap:5px;padding:6px;display:grid}.ccs .twilio-dots i{background:currentColor;border-radius:50%;width:7px;height:7px}.ccs .ai-glyph{font-size:27px}.ccs .claude-glyph{font-family:Georgia,serif;font-size:17px;font-weight:800}.ccs .rail-right .rail-list{gap:7px}.ccs .rail-right .rail-card{gap:10px;min-height:52px;padding:7px 10px}.ccs .rail-right .brand-mark{color:#5b6270;background:#fff;border:1px solid #11183c17;border-radius:11px;flex:0 0 38px;width:38px;height:38px;font-size:13px;box-shadow:0 4px 10px #27184f0d}.ccs .rail-right .brand-mark img{object-fit:contain;width:24px;height:24px}.ccs .ai-core{z-index:1;background:linear-gradient(145deg,#ffffffa6,#f6d6ff8f);border:1.5px solid #de3cf670;border-radius:46px 46px 50% 50%/42px 42px 65px 65px;height:494px;padding:29px 30px 0;position:relative;box-shadow:0 26px 55px #a032bb26,inset 0 0 35px #fffc}.ccs .ai-core:before{content:"";z-index:-1;background:linear-gradient(145deg,#ffffff94,#f4d1ff5c);border:1px solid #8945ff3b;border-radius:38px;position:absolute;inset:10px 9px 82px;box-shadow:inset 0 -25px 40px #e19aff29}.ccs .core-glow{filter:blur(22px);background:radial-gradient(#fc8bf05e,#0000 68%);position:absolute;inset:35% 9% 19%}.ccs .core-brand{justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.ccs .core-brand img{object-fit:contain;width:225px;height:58px;display:block}.ccs .core-brand b{color:#fff;letter-spacing:.06em;background:linear-gradient(145deg,#793bff,#f231a0);border-radius:12px;place-items:center;width:38px;height:38px;font-size:15px;display:grid;box-shadow:0 7px 16px #ad2bc133}.ccs .core-promise{text-align:center;color:#565386;letter-spacing:.14em;text-transform:uppercase;margin:14px 0 20px;font-size:11px;font-weight:800;position:relative}.ccs .agent-panel{background:linear-gradient(145deg,#ffffffdb,#fcf4ffc2);border:1px solid #e43ade38;border-radius:25px;width:96%;height:218px;margin:0 auto;padding:14px 15px 12px;position:relative;overflow:hidden;box-shadow:0 13px 32px #7a33ad1c,inset 0 0 0 1px #fffc}.ccs .agent-heading{border-bottom:1px solid #5c309714;justify-content:space-between;align-items:center;padding:0 7px 9px;display:flex}.ccs .agent-heading h2{color:#6430de;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:14px}.ccs .agent-heading p{color:#68708e;margin:3px 0 0;font-size:10px}.ccs .agent-heading>span{color:#16855f;text-transform:uppercase;letter-spacing:.06em;background:#edfbf6;border:1px solid #33b7872e;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:750;display:flex}.ccs .agent-heading>span i{background:#2bc48a;border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite ccsLivePulse;box-shadow:0 0 0 4px #2bc48a1f}.ccs .step-grid{grid-template-columns:repeat(5,1fr);gap:6px;padding:12px 0 0;display:grid;position:relative}.ccs .agent-flow{background:linear-gradient(90deg,#713df129,#ed30b06b,#713df129);height:2px;position:absolute;top:36px;left:8%;right:8%;overflow:hidden}.ccs .agent-flow i{filter:drop-shadow(0 0 5px #ef50bc);background:linear-gradient(90deg,#0000,#f234a2,#7a3eff,#0000);border-radius:9px;width:18%;height:100%;animation:10s linear infinite ccsFlowSignal;display:block}.ccs .step{z-index:1;min-width:0;animation:ccsAgentStage 10s var(--delay) infinite;flex-direction:column;align-items:center;padding:0 2px;display:flex;position:relative}.ccs .step>span{color:#7a36ec;background:#fff;border:1px solid #7237e124;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:5px;font-size:23px;line-height:1;transition:all .2s;display:grid;box-shadow:0 6px 14px #4b268b14}.ccs .step:nth-child(4)>span,.ccs .step:nth-child(6)>span{color:#ec2fa3}.ccs .step strong{text-align:center;font-size:10px}.ccs .step small{color:#616a88;text-align:center;margin-top:1px;font-size:8.5px}.ccs .step em{display:none}.ccs .live-action{color:#5d6685;background:#faf7ffe6;border:1px solid #753add1c;border-radius:10px;align-items:center;gap:7px;height:27px;padding:0 10px;font-size:9px;display:flex;position:absolute;bottom:10px;left:15px;right:15px}.ccs .live-action>b{color:#7338dc;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.ccs .live-action>div{flex:1;height:14px;position:relative;overflow:hidden}.ccs .live-action>div span{opacity:0;color:#1d2850;animation:ccsStatusCycle 10s var(--delay) infinite;align-items:center;font-size:10px;font-weight:650;display:flex;position:absolute;inset:0}.ccs .live-dot{background:#f3369e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f3369e1f}@keyframes ccsAgentStage{0%,18%{filter:drop-shadow(0 7px 8px #862ddd29);transform:translateY(-3px)}19%,to{filter:none;transform:none}}@keyframes ccsStatusCycle{0%,18%{opacity:1;transform:translateY(0)}19%,96%{opacity:0;transform:translateY(6px)}97%,to{opacity:0}}@keyframes ccsFlowSignal{to{transform:translate(455%)}}@keyframes ccsLivePulse{50%{opacity:.45;box-shadow:0 0 0 7px #2bc48a0d}}.ccs .node{z-index:5;background:#fff;border:1px solid #8144de26;border-radius:50%;place-items:center;width:70px;height:70px;display:grid;position:absolute;top:216px;box-shadow:0 9px 20px #4a2d8b2b}.ccs .node>span{color:#6931ff;font-size:32px}.ccs .node small{color:#5628e1;text-align:center;text-transform:uppercase;font-size:11px;font-weight:800;position:absolute;top:84px}.ccs .input-node{left:-36px}.ccs .action-node{right:-36px}.ccs .action-node>span,.ccs .action-node small{color:#f0329a}.ccs .context-lights{opacity:.8;justify-content:space-between;display:flex;position:absolute;bottom:108px;left:13%;right:13%}.ccs .context-lights i{background:#fff;border-radius:50%;width:4px;height:2px;animation:1.4s ease-in-out infinite alternate ccsTwinkle;box-shadow:0 0 5px #fff}.ccs .context-lights i:nth-child(3n){animation-delay:.4s}.ccs .context-lights i:nth-child(2n){animation-delay:.8s}@keyframes ccsTwinkle{to{opacity:.2;transform:translateY(5px)}}.ccs .governance{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc2;border:1px solid #8a47e533;border-radius:18px;align-items:center;gap:25px;height:76px;padding:12px 28px;display:flex;position:absolute;bottom:43px;left:-36px;right:-36px;box-shadow:0 10px 24px #5d299224}.ccs .shield{color:#6b3cff;font-size:32px}.ccs .governance div{flex:1}.ccs .governance h3{text-align:center;color:#582cc8;letter-spacing:.11em;text-transform:uppercase;margin:0 0 9px;font-size:12px}.ccs .governance p{grid-template-columns:repeat(4,1fr);margin:0;display:grid}.ccs .governance p span{text-align:center;color:#354066;border-right:1px solid #2f225e1f;font-size:10px}.ccs .governance p span:last-child{border:0}.ccs .engine{text-align:center;color:#6743b8;letter-spacing:.13em;text-transform:uppercase;font-size:13px;font-weight:700;position:absolute;bottom:-4px;left:0;right:0}.ccs .engine span{color:#7240f5;vertical-align:-2px;margin-right:10px;font-size:21px}.ccs .story-bar{background:#ffffffbd;border:1px solid #c449cb38;border-radius:32px;grid-template-columns:repeat(3,1fr);max-width:1040px;margin:5px auto 0;padding:20px 35px;display:grid;box-shadow:0 18px 35px #8f38a21a}.ccs .story-bar>div{border-right:1px solid #5235851f;align-items:center;gap:22px;padding:0 27px;display:flex}.ccs .story-bar>div:last-child{border:0}.ccs .story-icon{color:#ef38a1;font-size:34px}.ccs .story-icon.network{color:#8345f1}.ccs .story-icon.bubble{border:3px solid #6032eb;border-radius:50%;place-items:center;width:50px;height:42px;font-size:16px;display:grid}.ccs .story-bar p{margin:0;font-size:14px;line-height:1.55}.ccs .story-bar p strong{font-weight:650}.ccs .story-bar p em{color:#e62f9b;font-style:normal}@media (max-width:1120px){.ccs .connected-section{padding-inline:24px}.ccs .system-map{grid-template-columns:200px minmax(500px,620px) 200px;gap:38px}.ccs .rail{width:200px}.ccs .brand-mark{flex-basis:42px;width:42px;height:42px}.ccs .connectors{display:none}.ccs .ai-core{height:475px}.ccs .story-bar{max-width:930px}.ccs .story-bar>div{padding:0 15px}}@media (max-width:850px){.ccs .connected-section{padding:35px 18px 45px}.ccs .desktop-break{display:none}.ccs .intro{font-size:15px}.ccs .system-map{flex-direction:column;gap:20px;margin-top:35px;display:flex}.ccs .ai-core{order:2;width:min(100%,650px)}.ccs .rail{width:min(100%,650px)}.ccs .rail-left{order:1}.ccs .rail-right{order:3}.ccs .rail-list{grid-template-columns:repeat(2,1fr)}.ccs .rail-right .rail-list{grid-template-columns:repeat(2,1fr);display:grid}.ccs .rail-window{height:438px}.ccs .rail-left .rail-card:last-child{grid-column:1/-1}.ccs .connection-dot{display:none}.ccs .story-bar{grid-template-columns:1fr;margin-top:30px;padding:10px 25px}.ccs .story-bar>div{border-bottom:1px solid #5235851f;border-right:0;padding:18px 10px}.ccs .story-bar>div:last-child{border:0}}@media (max-width:590px){.ccs .section-head h2{font-size:34px}.ccs .eyebrow{font-size:11px}.ccs .ai-core{border-radius:30px;height:528px;padding:25px 14px 0}.ccs .core-brand{gap:7px}.ccs .core-brand img{width:190px;height:49px}.ccs .core-brand b{width:34px;height:34px;font-size:13px}.ccs .core-promise{letter-spacing:.08em;font-size:9px}.ccs .agent-panel{height:275px;padding-inline:10px}.ccs .agent-heading p{display:none}.ccs .agent-heading>span{padding:4px 6px}.ccs .step-grid{grid-template-columns:repeat(3,1fr);row-gap:10px}.ccs .agent-flow{display:none}.ccs .step>span{width:36px;height:36px;font-size:20px}.ccs .live-action{bottom:8px}.ccs .node{width:54px;height:54px;top:236px}.ccs .node>span{font-size:25px}.ccs .node small{top:64px}.ccs .input-node{left:-18px}.ccs .action-node{right:-18px}.ccs .governance{gap:8px;height:88px;padding:10px 16px;bottom:42px;left:0;right:0}.ccs .governance p{grid-template-columns:repeat(2,1fr);row-gap:5px}.ccs .governance p span:nth-child(2){border:0}.ccs .rail-list,.ccs .rail-right .rail-list{grid-template-columns:1fr}.ccs .rail-window{height:438px}.ccs .rail-left .rail-card:last-child{grid-column:auto}.ccs .story-bar{border-radius:24px}.ccs .story-bar p{font-size:13px}}.ccs .rail-right .rail-list{will-change:transform}.ccs.ccs-paused *,.ccs.ccs-paused .rail-right .rail-list{animation-play-state:paused!important}@media (max-width:850px){.ccs .rail,.ccs .governance{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.ccs *{scroll-behavior:auto!important;animation:none!important}.ccs .wire{stroke-dasharray:none}.ccs .pulse-dot{display:none}}