.hub-variation{padding:90px 24px;scroll-margin-top:95px;overflow:hidden}.hub-variation-wrap{max-width:1120px;margin:auto}.hub-variation-diagram{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr .82fr 1fr;align-items:center;gap:25px 135px;min-height:540px;margin-top:65px;display:grid;position:relative}.hub-connections{fill:none;stroke:#bfcee7;stroke-width:1.5px;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hub-connections path{vector-effect:non-scaling-stroke}.hub-connections circle{fill:#a9bbdf;stroke:none}.hub-core{z-index:1;text-align:center;flex-direction:column;grid-area:1/2/4;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.hub-core-logo{background:#fff;border:1px solid #dfe7f4;border-radius:28px;place-items:center;width:100px;height:100px;display:grid;box-shadow:0 15px 35px #3b60a51a}.hub-core-logo img{object-fit:contain;width:52px;height:52px}.hub-core>strong{letter-spacing:-.8px;color:#172554;margin-top:18px;font-size:23px;font-weight:750}.hub-core>span{color:#7b8ca9;white-space:nowrap;margin-top:5px;font-size:10px}.hub-feature{z-index:1;background:#fff;border:1px solid #e0e7f0;border-radius:18px;padding:22px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 8px 25px #1e3a5f07}.hub-feature:hover{transform:translateY(-3px);box-shadow:0 15px 30px #1e3a5f12}.hub-feature-0{grid-area:1/1}.hub-feature-1{grid-area:2/1}.hub-feature-2{grid-area:3/1}.hub-feature-3{grid-area:1/3}.hub-feature-4{grid-area:2/3}.hub-feature-5{grid-area:3/3}.hub-feature-top{align-items:center;gap:12px;display:flex}.hub-feature-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.hub-feature h3{color:#1e293b;letter-spacing:-.2px;font-size:14px;font-weight:700}.hub-variation-caption{color:#8290a6;justify-content:center;align-items:center;gap:8px;margin-top:35px;font-size:11px;display:flex}.hub-variation-caption>span{background:#6b91d6;border-radius:50%;width:6px;height:6px}.hub-workspace{background:#fff}.hub-workspace .hub-variation-diagram{column-gap:115px}.hub-workspace .hub-core{background:#f3f6ff;border:1px solid #dbe4fa;border-radius:28px;min-height:250px;padding:20px 10px}.hub-workspace .hub-core-logo{width:72px;height:72px;box-shadow:none;border-radius:20px}.hub-workspace .hub-core-logo img{width:40px;height:40px}.hub-core-platforms{color:#64748b;gap:5px;margin-top:22px;font-size:8px;display:flex}.hub-core-platforms>span{background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:5px 8px}.hub-workspace .hub-feature{box-shadow:none;border-left:3px solid #c5d6fa;border-radius:13px}.hub-workspace .hub-feature-3,.hub-workspace .hub-feature-4,.hub-workspace .hub-feature-5{border-left:1px solid #e0e7f0;border-right:3px solid #c5d6fa}@media (max-width:1100px) and (min-width:1024px){.hub-variation-diagram{column-gap:100px}.hub-feature{padding:18px}.hub-feature h3{font-size:12px}.hub-feature-top{gap:9px}}@media (max-width:1023px){.hub-variation{padding:65px 22px}.hub-variation-diagram{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;margin-top:38px}.hub-connections{display:none}.hub-core{grid-area:auto/1/auto/3;margin-bottom:20px}.hub-core-logo{border-radius:22px;width:80px;height:80px}.hub-core-logo img{width:43px;height:43px}.hub-core>strong{margin-top:12px;font-size:21px}.hub-feature{grid-area:auto;padding:22px}.hub-workspace .hub-variation-diagram{column-gap:16px}.hub-workspace .hub-core{justify-self:center;width:min(330px,100%);min-height:0;padding:25px}.hub-variation-caption{text-align:center;font-size:10px}}@media (max-width:540px){.hub-variation{padding:55px 20px}.hub-variation-diagram{grid-template-columns:1fr;gap:12px}.hub-core{grid-column:1;margin-bottom:15px}.hub-feature{padding:20px}.hub-feature-top{gap:12px}.hub-feature h3{font-size:14px}.hub-feature>p{font-size:12px}.hub-variation-caption{line-height:1.7}}@media (prefers-reduced-motion:reduce){.hub-feature{transition:none}.hub-feature:hover{transform:none}}.hub-variation h2{font-size:38px}.hub-variation h2+p{color:#526077;font-size:16px}.hub-variation-diagram{row-gap:22px;min-height:585px}.hub-feature{border-color:#d4deee;padding:25px 22px;box-shadow:0 8px 24px #1e3a5f0b}.hub-feature h3{letter-spacing:-.4px;color:#17243c;font-size:18px;font-weight:800;line-height:1.35}.hub-feature>p{color:#48576e;margin-top:14px;font-size:14px;line-height:1.75}.hub-feature-icon{width:44px;height:44px}.hub-feature-top{gap:12px}.hub-core-logo{width:76px;height:76px;box-shadow:none;border-radius:22px}.hub-core-logo img{width:38px;height:38px}.hub-core>strong{color:#63738d;margin-top:14px;font-size:18px;font-weight:650}.hub-core>span{color:#7d899b;font-size:9px}.hub-connections{opacity:.45}.hub-workspace .hub-core{background:#f8faff;border-color:#e2e8f5;min-height:210px}.hub-workspace .hub-feature{border-left-color:#91b0f1}.hub-workspace .hub-feature-3,.hub-workspace .hub-feature-4,.hub-workspace .hub-feature-5{border-right-color:#91b0f1}@media (max-width:1100px) and (min-width:1024px){.hub-feature h3{font-size:16px}.hub-feature{padding:22px 18px}}@media (max-width:1023px){.hub-variation-diagram{min-height:0}.hub-variation h2{font-size:32px}.hub-core-logo{width:68px;height:68px}.hub-core-logo img{width:34px;height:34px}.hub-core>strong{font-size:17px}.hub-workspace .hub-core{min-height:0}.hub-feature h3{font-size:18px}.hub-feature>p{color:#48576e;font-size:14px}}
.calendar-comparison{background:#f8fafc;padding:90px 24px;scroll-margin-top:90px}.calendar-wrap{max-width:1152px;margin:auto}.calendar-intro{text-align:center;max-width:640px;margin:auto}.calendar-intro>span{color:#2563eb;letter-spacing:1.6px;font-size:11px;font-weight:750}.calendar-intro h2{letter-spacing:-1.8px;color:#0f172a;margin-top:14px;font-size:44px;font-weight:800;line-height:1.15}.calendar-intro>p{color:#526077;margin-top:20px;font-size:16px;line-height:1.8}.calendar-intro>div{color:#64748b;justify-content:center;gap:24px;margin-top:24px;font-size:12px;display:flex}.calendar-intro>div>span{align-items:center;gap:7px;display:flex}.calendar-intro svg{color:#2563eb}.calendar-option{margin-top:40px}.calendar-shell{background:#fff;border:1px solid #dfe6ef;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px #1e3a5f08}.calendar-shell-header{border-bottom:1px solid #e6edf6;justify-content:space-between;align-items:center;gap:18px;padding:24px 28px;display:flex}.calendar-shell-header>div{align-items:center;gap:12px;display:flex}.calendar-small-icon{color:#3f65cb;background:#eaf1ff;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.calendar-shell-header h3{color:#1e293b;font-size:16px;font-weight:750}.calendar-shell-header p{color:#6b7a91;margin-top:3px;font-size:12px}.calendar-duration{color:#64748b;white-space:nowrap;background:#f5f7fa;border:1px solid #e7ecf2;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.calendar-frame{min-width:0;padding:15px}.calendar-iframe{background:#fff;border:0;width:100%;height:680px;display:block}.calendar-fallback{text-align:center;color:#73819a;margin-top:15px;font-size:12px}.calendar-fallback a{color:#365aca;text-underline-offset:3px;align-items:center;gap:2px;text-decoration:underline;display:inline-flex}.calendar-clean .calendar-shell{border:7px solid #e8effb;box-shadow:0 16px 40px #34518308}@media (max-width:800px){.calendar-comparison{padding:65px 20px}.calendar-intro h2{font-size:35px}.calendar-shell-header{padding:20px}.calendar-iframe{height:760px}.calendar-frame{padding:10px}}@media (max-width:480px){.calendar-intro h2{font-size:31px}.calendar-intro>p{font-size:14px}.calendar-intro>div{gap:14px;font-size:10px}.calendar-intro>div svg{width:13px}.calendar-shell-header{align-items:start;padding:17px 13px}.calendar-shell-header h3{font-size:13px}.calendar-shell-header p{font-size:10px}.calendar-small-icon{width:32px;height:32px}.calendar-shell-header>div{gap:8px}.calendar-duration{padding:5px 7px;font-size:9px}.calendar-duration svg{width:11px}.calendar-frame{padding:5px}.calendar-clean .calendar-shell{border-width:4px}.calendar-shell{border-radius:14px}.calendar-fallback{font-size:10px}}.calendar-deferred{min-height:420px}.calendar-loading{color:#64748b;background:#fff;place-items:center;min-height:420px;font-size:14px;display:grid}