/* Responsive infographics, with HTML text kept separate from the illustration. */
.gap-board{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;margin:50px 0 42px;padding:25px 0 30px;border-block:1px solid var(--product-border)}
.gap-lane-labels{display:flex;flex-direction:column;justify-content:space-between;padding:33px 0 14px}
.gap-lane-labels>div>span{display:block;font-size:12px;color:#aebbd5;margin-bottom:12px}.gap-lane-labels strong{font-size:22px;line-height:1.25;letter-spacing:-.025em;font-weight:500}
.gap-lane-labels>div:first-child strong{color:#b3bfff}.gap-lane-labels>div:last-child strong{color:#d4e6bc}
.gap-timeline{position:relative;min-width:0;height:275px}
.product-page .gap-rails{width:100%;height:270px;display:block;position:absolute;inset:0;overflow:visible;stroke:none}
.gap-meeting{position:absolute;top:-2px;left:8%;transform:translateX(-50%);font-size:11px;color:#b5bfd4;background:#202630;border:1px solid #ffffff17;padding:7px 12px;border-radius:7px;white-space:nowrap;z-index:1}
.gap-meeting-second{left:92%;max-width:170px}
.gap-between{position:absolute;left:23%;right:23%;top:83px;text-align:center;background:#13161c;padding:10px 0 18px;z-index:1}
.gap-between>span{font-size:17px;letter-spacing:-.01em;font-weight:500;color:#f1f3f7}.product-page .gap-between p{font-size:13px;line-height:1.5;color:#9ba8be;margin-top:9px}
.gap-board figcaption{grid-column:1/-1;font-size:13px;color:#9ca9c0;margin-top:0;max-width:850px;line-height:1.6}
.cycle-system{margin:40px 0 0;position:relative;padding-bottom:0}
.cycle-ribbon{width:90%;max-width:1030px;margin:auto;position:relative;height:430px;display:flex;align-items:center}
.product-page .cycle-infinity{width:100%;height:auto;display:block;overflow:visible;stroke:none}
.cycle-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#eef1f6e8;border:1px solid #b9c7e8;border-radius:50%;width:135px;height:135px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:0 10px 40px #33569b12}
.cycle-centre>span{font-size:24px;letter-spacing:-.045em;font-weight:600;color:#243861}.cycle-centre small{font-size:10px;color:#637391;line-height:1.45;margin-top:7px}
.cycle-labels{position:absolute;inset:0 0 25px;pointer-events:none}
.cycle-label{position:absolute;display:flex;gap:12px;width:255px;padding:16px 18px;background:#f9faffed;border:1px solid #d5deef;border-radius:12px;box-shadow:0 5px 20px #33569b09}
.cycle-label-1{left:2%;top:0}.cycle-label-2{left:2%;bottom:15px}.cycle-label-3{right:2%;top:0}.cycle-label-4{right:2%;bottom:15px}
.cycle-number{display:grid;place-items:center;flex-shrink:0;align-self:flex-start;width:30px;height:30px;font-size:11px;background:#e0e8ff;border-radius:8px;color:#355bad;font-weight:600}
.cycle-label-2 .cycle-number{background:#e4edda;color:#527236}.cycle-label-3 .cycle-number{background:#e8e0f3;color:#7753a1}.cycle-label-4 .cycle-number{background:#daeaf1;color:#457785}
.cycle-type{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#78869e;display:block;margin-bottom:8px}
.cycle-label strong{font-size:17px;font-weight:600;letter-spacing:-.025em;color:#25354f;display:block;line-height:1.2}.product-page .cycle-label p{font-size:12px;line-height:1.5;margin-top:8px;color:#677890}
.cycle-system figcaption{text-align:center;font-size:13px;line-height:1.5;color:#5e7198;margin-top:14px}
.content-workshop{display:grid;grid-template-columns:minmax(170px,1fr) 80px minmax(155px,.85fr) 55px minmax(280px,1.3fr);gap:0;align-items:center;margin-top:38px;padding:30px 32px;background:#1c222c;border:1px solid #ffffff16;border-radius:18px}
.content-inputs{display:grid;gap:10px}.content-inputs>div{height:48px;border:1px solid #3d485e;border-radius:8px;background:#252f40;padding:10px 15px;display:flex;gap:11px;align-items:center;color:#c6d0e2;font-size:13px}.content-inputs svg{color:#a2b7e2;width:19px!important;height:19px!important}
.content-converge{height:280px}.product-page .content-converge>svg{width:100%;height:100%;display:block;stroke:none}.content-mobile-arrow{display:none}
.content-engine{position:relative;text-align:center;padding:28px 12px;background:#202d43;border:1px solid #6988c1;border-radius:16px;box-shadow:0 0 32px #345fa519}
.content-engine img{display:block;width:130px;max-width:100%;height:auto;margin:0 auto 15px;filter:invert(1)}.content-engine strong{font-size:17px;font-weight:500;line-height:1.4;display:block;color:#eaf0fc}.content-engine>span{display:block;font-size:10px;color:#a1b6d7;line-height:1.5;margin-top:15px}
.content-output-arrow{display:grid;place-items:center;color:#9eb6e7;width:24px;height:24px;justify-self:center;pointer-events:none}
.content-converge{pointer-events:none}
.content-module-preview{border-radius:13px;padding:22px;background:#f4f6fc;color:#243252;border:1px solid #f6f8ff;box-shadow:0 12px 38px #0002;display:block;transition:box-shadow .2s}
.content-module-preview:hover{box-shadow:0 12px 42px #4b78ef30;color:#243252}
.content-preview-meta{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.content-preview-meta>span{display:grid;place-items:center;width:24px;height:24px;background:#d9e2fc;color:#4464b9;border-radius:6px;font-size:10px}
.content-preview-hero{display:flex;gap:14px;align-items:center;margin:23px 0 20px}.content-preview-hero>span{display:grid;place-items:center;background:linear-gradient(135deg,#dce7ff,#bacdff);border:1px solid #b9cbf0;border-radius:10px;width:67px;height:67px;flex-shrink:0}.content-preview-hero svg{width:30px!important;height:30px!important;color:#557ac7}
.content-preview-hero small{display:block;font-size:10px;color:#8291aa;margin-bottom:7px}.content-preview-hero strong{display:block;font-size:18px;line-height:1.2;font-weight:600;letter-spacing:-.025em}
.content-preview-formats{display:grid;gap:10px;padding-top:17px;border-top:1px solid #dce3f1}.content-preview-formats>span{display:flex;align-items:center;gap:9px;font-size:11px;color:#657795}.content-preview-formats svg{width:18px!important;height:18px!important;color:#6483c1}
.content-preview-cta{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;background:#5273ee;border-radius:8px;padding:12px 15px;font-size:12px;font-weight:600}.content-preview-cta svg{width:18px!important;height:18px!important}
.product-final-logo{position:relative;margin-top:18px;margin-bottom:62px}
.product-page .brand-loop{position:absolute;width:125px;height:111px;left:-25px;top:-15px;stroke:none;pointer-events:none}
@media(max-width:1100px){.gap-board{grid-template-columns:160px minmax(0,1fr)}.gap-lane-labels strong{font-size:20px}.gap-meeting{font-size:10px;padding:6px 9px}.gap-meeting-second{left:89%}.gap-between{left:22%;right:22%}.gap-between>span{font-size:15px}.cycle-ribbon{height:390px;width:100%}.cycle-label{width:225px;padding:14px;gap:10px}.cycle-label strong{font-size:16px}.cycle-label-1,.cycle-label-2{left:0}.cycle-label-3,.cycle-label-4{right:0}.cycle-centre{width:115px;height:115px}.cycle-centre>span{font-size:21px}.content-workshop{grid-template-columns:minmax(145px,1fr) 45px minmax(140px,.85fr) 35px minmax(245px,1.35fr);padding:28px 22px}.content-inputs>div{padding:10px;font-size:12px;gap:8px}.content-module-preview{padding:18px}.content-engine strong{font-size:15px}}
@media(max-width:900px){.content-workshop{grid-template-columns:minmax(140px,1fr) 40px minmax(135px,1fr) 35px minmax(210px,1.5fr);padding:25px 18px}.content-preview-hero{gap:10px}.content-preview-hero>span{width:50px;height:60px}.content-preview-hero strong{font-size:16px}.content-preview-hero small{font-size:9px}.content-engine img{width:110px}.cycle-label{width:205px}.cycle-label p{font-size:11px!important}}
@media(max-width:760px){.gap-board{grid-template-columns:1fr;gap:18px;margin-top:35px;padding-top:25px}.gap-lane-labels{flex-direction:row;padding:0;gap:30px}.gap-lane-labels>div{flex:1;border-left:2px solid #8b9fff;padding-left:14px}.gap-lane-labels>div:last-child{border-left-color:#bdd79b}.gap-lane-labels>div>span{font-size:11px;margin-bottom:8px}.gap-lane-labels strong{font-size:18px}.gap-timeline{height:250px;padding-top:8px}.product-page .gap-rails{height:240px;top:12px}.gap-meeting{left:9%;top:0;font-size:9px;padding:6px 8px}.gap-meeting-second{left:auto;right:0;transform:none;max-width:none}.gap-between{top:88px;left:16%;right:16%;padding:6px 0 12px}.gap-between>span{font-size:15px}.product-page .gap-between p{font-size:12px;margin-top:8px}.gap-board figcaption{font-size:12px;margin-top:0}.cycle-system{margin-top:27px}.cycle-ribbon{height:auto;width:100%;padding:15px 0;margin-bottom:10px}.cycle-centre{width:85px;height:85px}.cycle-centre>span{font-size:17px}.cycle-centre small{font-size:8px;margin-top:4px}.cycle-labels{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.cycle-label{position:static;width:auto;padding:15px 12px;gap:8px;box-shadow:none}.cycle-number{width:24px;height:24px;border-radius:6px;font-size:10px}.cycle-type{font-size:9px;margin-bottom:7px}.cycle-label strong{font-size:16px}.product-page .cycle-label p{font-size:11px;line-height:1.5}.cycle-system figcaption{font-size:12px;margin-top:22px}.content-workshop{grid-template-columns:1fr;gap:20px;padding:25px;margin-top:25px}.content-inputs{grid-template-columns:1fr 1fr;gap:9px}.content-inputs>div{font-size:12px;height:44px;padding:10px;gap:8px}.content-inputs>div:last-child{grid-column:1/-1}.content-converge{height:auto;display:grid;place-items:center}.content-converge>svg{display:none!important}.content-mobile-arrow{display:grid;place-items:center;transform:rotate(90deg);color:#9eb6e7}.content-engine{padding:23px;width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:13px 22px}.content-engine img{width:110px;margin:0}.content-engine strong{font-size:15px;text-align:left}.content-engine>span{width:100%;margin-top:0;font-size:11px}.content-output-arrow{transform:rotate(90deg)}.content-module-preview{padding:24px;max-width:440px;justify-self:center;width:100%}.content-preview-hero>span{width:65px;height:65px}.content-preview-hero strong{font-size:21px}.content-preview-hero small{font-size:11px}.content-preview-meta{font-size:14px}.content-preview-formats>span{font-size:13px}.content-preview-cta{font-size:13px;padding:14px}.product-final-logo{margin-bottom:47px}.product-page .brand-loop{width:99px;height:88px;left:-22px;top:-12px}}
@media(max-width:390px){.gap-lane-labels{gap:18px}.gap-lane-labels strong{font-size:17px}.gap-between>span{font-size:14px}.cycle-centre{width:73px;height:73px}.cycle-centre>span{font-size:15px}.cycle-centre small{font-size:7px}.cycle-labels{gap:9px}.cycle-label{padding:12px 10px;display:block}.cycle-number{margin-bottom:10px}.cycle-label strong{font-size:15px}.cycle-label p{font-size:11px!important}.content-workshop{padding:20px}.content-inputs>div{font-size:11px}.content-engine{gap:13px}.content-module-preview{padding:20px}}
@media(prefers-reduced-motion:reduce){.content-module-preview{transition:none}}