/* Original CraftOS diagrams: live HTML copy, no screenshots or extra JavaScript. */
.cf-connected .cf-lead{max-width:850px;font-size:16px}.cf-network{margin:28px 0 0;padding:30px;border:1px solid #76609d70;border-radius:24px;background:radial-gradient(ellipse at 10% 10%,#612aa638,transparent 65%),radial-gradient(ellipse at 95% 75%,#135a6540,transparent 60%),#1a1537}.cf-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cf-source{min-width:0;display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #81719c55;border-radius:12px;background:#ffffff06}.cf-source-icon{display:grid;place-items:center;background:#a47cff1f;color:#c6aaff;width:40px;height:40px;border-radius:11px;flex-shrink:0}.cf-source svg{width:21px;height:21px}.cf-source strong,.cf-source small{display:block}.cf-source strong{color:#faf7ff;font-size:14px;font-weight:500;line-height:1.6}.cf-source small{color:#c7c0d8;font-size:11px;line-height:1.65;margin-top:3px}.cf-convergence{display:flex;justify-content:space-around;height:35px;max-width:80%;margin:auto;border-bottom:1px solid #ac87e7;border-radius:0 0 20px 20px;position:relative}.cf-convergence span{height:100%;border-inline-start:1px solid #ac87e7}.cf-convergence:after{content:"";height:24px;border-inline-start:1px solid #d5ed32;position:absolute;top:100%;left:50%}.cf-hub{display:flex;align-items:center;gap:16px;max-width:500px;margin:24px auto 28px;padding:20px 24px;background:#332157;border:1px solid #b395de;border-radius:16px;box-shadow:0 12px 40px #0b092944}.cf-hub strong{font-size:23px;display:block;color:#fff}.cf-hub div>span{display:block;font-size:12px;line-height:1.6;color:#ded4ed;margin-top:4px}.cf-hub-check{margin-inline-start:auto;color:#e5ec20;border:1px solid #e5ec2055;border-radius:50%;height:28px;width:28px;display:grid;place-items:center;flex-shrink:0}.cf-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cf-steps li{display:flex;gap:12px;border-top:1px solid #8b779c66;padding-top:18px}.cf-step-index{color:#e5ec20;font-size:12px;line-height:2;font-weight:600}.cf-steps strong{display:block;color:#fff;font-size:14px;line-height:1.5}.lp-page .crm-before-after .cf-steps p{font-size:12px;line-height:1.7;margin:6px 0 0;color:#d3cbde}.cf-network figcaption{font-size:10px;color:#b8aec9;margin-top:24px;text-align:center}
.cf-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:34px}.cf-detail{min-width:0;display:flex;flex-direction:column}.lp-page .cf-detail-copy h3{font-size:24px;line-height:1.35;letter-spacing:-.02em;margin:0 0 14px;color:#19154f}.lp-page .cf-detail-copy p{font-size:14px;line-height:1.8;margin:0 0 24px;color:#666079}.cf-window{margin-top:auto;border:1px solid #dfd6ee;border-radius:18px;background:linear-gradient(135deg,#fff,#faf8fd);box-shadow:0 16px 40px #24114108;overflow:hidden;color:#252047}.cf-window-bar{display:flex;align-items:center;gap:9px;min-height:60px;padding:14px 20px;border-bottom:1px solid #dfd6ee;background:#f0e9fc;font-size:12px}.cf-mini-brand{color:#7540c6;display:flex}.cf-mini-brand svg{width:19px;height:19px}.cf-window-bar>b{font-size:12px;font-weight:600}.cf-status{font-size:10px;color:#14624a;background:#dff5e9;padding:6px 9px;border-radius:20px;margin-inline-start:auto;line-height:1.5}.cf-contact{display:flex;gap:12px;align-items:center;padding:22px 22px 14px}.cf-avatar{background:#6937bf;color:white;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-size:13px;flex-shrink:0}.cf-contact strong{display:block;font-size:18px}.cf-contact small{font-size:11px;color:#676078;line-height:1.6;display:block;margin-top:4px}.cf-timeline{list-style:none;margin:0;padding:4px 22px 18px}.cf-timeline li{display:flex;gap:13px;position:relative;padding:12px 0;min-width:0}.cf-timeline li:not(:last-child):after{content:"";position:absolute;border-inline-start:1px solid #d4c5eb;top:23px;bottom:-14px;inset-inline-start:4px}.cf-timeline-dot{height:9px;width:9px;border-radius:50%;background:#9461dc;margin-top:6px;flex-shrink:0;z-index:1}.cf-timeline b{font-size:11px;color:#775596;display:block;font-weight:500}.cf-timeline div>span{font-size:13px;line-height:1.65;display:block;margin-top:3px}.cf-next{margin:0 20px 20px;padding:16px;border:1px solid #bbdec9;border-radius:11px;background:#e9f7ef}.cf-next>span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#36624c}.cf-next strong{display:block;font-size:16px;line-height:1.6;color:#175a3e;margin-top:4px}.cf-next small{display:block;color:#42705b;font-size:10px;line-height:1.6;margin-top:6px}.cf-company{padding:22px 22px 14px}.cf-company strong{font-size:20px;display:block}.cf-company small{font-size:11px;line-height:1.6;color:#71677f;display:block;margin-top:5px}.cf-fields{padding:0 22px;margin:0}.cf-fields>div{display:grid;grid-template-columns:35% 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #ebe4f3;align-items:start}.cf-fields dt{font-size:11px;line-height:1.65;color:#776888}.cf-fields dd{margin:0;display:flex;gap:8px;justify-content:space-between;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.cf-fields dd span{color:#24805c;flex-shrink:0}.cf-research{margin:18px 20px 20px;padding:16px;border-radius:11px;background:#eee6fb}.cf-research>b{font-size:11px;color:#6a399e}.lp-page .cf-research p{font-size:12px;line-height:1.7;color:#574468;margin:6px 0 0}.cf-features .cf-note{font-size:11px;color:#786d87;margin:18px 0}.cf-features .lp-btn{margin-top:12px}.cf-features .crm-aida-mcp{max-width:100%;line-height:1.8}
@media(max-width:900px){.cf-source{padding:13px;gap:8px}.cf-source-icon{width:32px;height:32px}.cf-detail-grid{gap:20px}.cf-network{padding:22px}.cf-steps{gap:15px}}
@media(max-width:700px){.cf-sources{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cf-source{align-items:flex-start;padding:12px;flex-direction:column;gap:8px}.cf-source strong{font-size:12px}.cf-source small{font-size:10px;overflow-wrap:anywhere}.cf-network{padding:16px;border-radius:18px}.cf-hub{padding:16px;gap:12px}.cf-hub strong{font-size:20px}.cf-hub div>span{font-size:11px}.cf-steps{grid-template-columns:1fr;gap:14px}.cf-steps li{padding-top:14px}.cf-steps strong{font-size:14px}.lp-page .crm-before-after .cf-steps p{font-size:13px}.cf-detail-grid{grid-template-columns:1fr;gap:36px}.lp-page .cf-detail-copy h3{font-size:23px}.cf-window-bar{padding:13px 16px;flex-wrap:wrap}.cf-status{font-size:9px}.cf-contact,.cf-company{padding-inline:16px}.cf-timeline{padding-inline:16px}.cf-fields{padding-inline:16px}.cf-next,.cf-research{margin-inline:14px}.cf-fields>div{grid-template-columns:1fr;gap:4px}.cf-fields dd{font-size:13px}.cf-features .lp-btn{width:100%;justify-content:center}}
html[lang=ar] .cf-connected :is(h3,p),html[lang=ar] .cf-features :is(h2,h3,p){text-align:start}html[lang=ar] .cf-fields dd[dir=ltr]{text-align:left}
/* Spreadsheet adoption and concrete AI agent missions. */
.cf-migration{margin:28px 0 0;padding:24px 28px;border:1px solid #76609d70;border-radius:18px;background:#ffffff06}.lp-page .cf-migration h3{color:#fff;font-size:23px;line-height:1.4;margin:0 0 10px}.lp-page .cf-migration p{font-size:14px;line-height:1.7;color:#d3cbde;margin:0}.cf-migration ol{display:flex;flex-wrap:wrap;gap:16px 28px;padding:0;margin:20px 0 0;list-style:none}.cf-migration li{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff}.cf-migration li span{display:grid;place-items:center;border:1px solid #dbe52988;border-radius:50%;width:24px;height:24px;color:#e5ec20;font-size:11px}
.cf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cf-view-switch{display:flex;gap:4px;margin:16px;border:0;padding:4px;border-radius:10px;background:#f0e9fc;width:fit-content}.cf-view-switch label{position:relative;cursor:pointer}.cf-view-switch input{position:absolute;opacity:0;width:1px;height:1px}.cf-view-switch span{display:block;font-size:12px;padding:9px 17px;border-radius:7px;color:#5f4b7d}.cf-view-switch input:checked+span{background:#7034cd;color:white}.cf-view-switch input:focus-visible+span{outline:3px solid #342062;outline-offset:3px}.cf-sales-views{margin-top:0;min-height:350px}.cf-table-scroll{overflow-x:auto;margin:0 16px 22px;border:1px solid #e7dfef;border-radius:10px}.cf-table-scroll:focus-visible{outline:2px solid #7034cd;outline-offset:3px}.cf-table-scroll table{border-collapse:collapse;width:100%;font-size:11px;text-align:start;min-width:430px}.cf-table-scroll th,.cf-table-scroll td{padding:14px 10px;line-height:1.6;border-bottom:1px solid #e7dfef;text-align:start}.cf-table-scroll thead{background:#f6f2fc;color:#624581}.cf-table-scroll tbody th{font-weight:600}.cf-table-scroll small{display:block;font-weight:400;color:#756b80;margin-top:4px}.cf-board{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0 16px 22px}.cf-stage{background:#f6f2fc;border-radius:10px;padding:10px;min-width:0}.lp-page .cf-stage h4{font-size:10px;line-height:1.6;margin:0 0 12px;color:#624581;display:flex;justify-content:space-between;gap:5px}.cf-stage h4 span{background:#e6daf5;padding:0 5px;border-radius:5px}.cf-deal{padding:12px 10px;background:white;border:1px solid #e4d8f0;border-radius:8px;min-height:170px}.cf-deal>strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.cf-deal>small{display:block;font-size:10px;color:#776b85;margin-top:6px}.lp-page .cf-deal p{font-size:11px;line-height:1.6;margin:18px 0 12px;color:#4f4261}.cf-owner{font-size:10px;color:#6f438c}.cf-sales-views:has(input[value=pipeline]:checked) .cf-table-scroll{display:none}.cf-sales-views:has(input[value=pipeline]:checked) .cf-board{display:grid}
.cf-agents{margin-top:42px;padding-top:34px;border-top:1px solid #e4dcec}.lp-page .cf-agents>h3{font-size:28px;line-height:1.35;letter-spacing:-.02em;max-width:850px;color:#19154f;margin:0 0 14px}.lp-page .cf-agents>p{font-size:14px;line-height:1.8;color:#666079;margin:0 0 24px}.cf-agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cf-agent{padding:22px 18px;border-radius:16px;border:1px solid #e1d7ee;background:#faf8fd;display:flex;flex-direction:column}.cf-agent:first-child{background:#f0faf4;border-color:#bfe1cd}.cf-agent-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#7540c6;background:#ede4fa;margin-bottom:16px}.cf-agent:first-child .cf-agent-icon{color:#14624a;background:#daf2e3}.cf-agent-icon svg{width:21px;height:21px}.lp-page .cf-agent h4{font-size:16px;line-height:1.5;margin:0 0 10px;color:#21184e}.lp-page .cf-agent p{font-size:13px;line-height:1.8;margin:0 0 22px;color:#655a73}.cf-agent>small{margin-top:auto;color:#81738f;font-size:10px}.cf-agent-result{font-size:12px;line-height:1.7;color:#255d43;border-top:1px solid #ded6e8;margin-top:7px;padding-top:12px}.lp-page .cf-agents .cf-model{font-size:12px;margin:20px 0 24px;color:#71677f}
@media(max-width:950px){.cf-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-board{grid-template-columns:1fr}.cf-deal{min-height:0}.cf-stage h4{font-size:12px}.cf-deal>strong{font-size:14px}.cf-deal p{margin-top:8px!important}.cf-sales-views{min-height:0}}
@media(max-width:700px){.cf-migration{padding:20px}.lp-page .cf-migration h3{font-size:21px}.cf-migration ol{flex-direction:column;gap:12px}.cf-agent-grid{grid-template-columns:1fr}.cf-agent{padding:20px}.lp-page .cf-agents>h3{font-size:24px}.cf-agent-icon{margin-bottom:12px}.cf-agent>small{margin-top:0}.cf-agents{margin-top:30px}}
@media(min-width:701px){.cf-detail-grid{row-gap:0}.cf-detail{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0}.cf-detail .cf-window{margin-top:0;align-self:start}}