.template-framework{background:#f6f9ff}.masthead{max-width:1200px}.intro,.masthead{margin:100px auto}.intro{-webkit-box-shadow:0 5px 60px -10px rgba(0,0,0,.65),0 15px 14px -7px rgba(0,0,0,.75);-moz-box-shadow:0 5px 60px -10px rgba(0,0,0,.65),0 15px 14px -7px rgba(0,0,0,.75);box-shadow:0 5px 60px -10px rgba(0,0,0,.65),0 15px 14px -7px rgba(0,0,0,.75);line-height:0;max-width:800px}.intro,.intro iframe{border-radius:15px}.framework-summary{margin:200px auto;max-width:1260px}.framework-summary h1{color:#000;font-size:36px;font-weight:700;margin:0 0 60px;text-align:center}.framework-summary-stages{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr 60px 1fr}.framework-summary-stage{border:5px solid rgba(0,0,0,.15);border-radius:10px;-webkit-box-shadow:0 5px 60px -10px rgba(0,0,0,.65),0 15px 14px -7px rgba(0,0,0,.75);-moz-box-shadow:0 5px 60px -10px rgba(0,0,0,.65),0 15px 14px -7px rgba(0,0,0,.75);box-shadow:0 5px 60px -10px rgba(0,0,0,.65),0 15px 14px -7px rgba(0,0,0,.75);padding:30px;text-align:center}.stage-arrow{align-items:center;display:grid;padding:0 10px}.framework-summary-stage strong{display:block;margin-bottom:15px;text-align:center}.framework-summary-stage strong span{background:#000;border-radius:24px;color:#fff;display:inline-block;font-size:20px;height:36px;line-height:36px;width:36px}.framework-summary-stage h2{color:#000;font-size:24px;margin:0 0 15px}.framework-summary-stage .stats{margin:0 0 15px}.framework-summary-stage .stats div{color:#000;font-size:14px;font-style:italic;margin:7px}.summary-description{color:rgba(0,0,0,.5);font-size:14px}.summary1{background:#fcc31e}.summary2{background:#32c5ff}.summary3{background:#ed6cba}.summary4{background:#1ebfab}.framework-index{counter-reset:framework-step;margin:100px auto;max-width:1260px}.framework-header{align-items:center;background:#cbd6eb;border-radius:10px;display:grid;gap:30px;grid-template-columns:100px 40px 740px 230px;margin:10px 0;padding:0 30px}.framework-header div{color:#000;font-size:14px;font-weight:700;line-height:1;padding:15px 0;text-transform:uppercase}.framework-header .framework-header-stage,.framework-header .framework-header-title{text-align:center}.framework-row{border-radius:10px;display:grid;gap:30px;grid-template-columns:100px 40px 740px 230px;padding:30px;position:relative}.framework-row:before{background:#cbd6eb;bottom:0;content:"";display:block;left:179px;position:absolute;top:0;width:3px}.framework-row:hover{background:#fff}.framework-row:hover :before{border-color:#fff}.framework-row:hover .framework-desc:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 50%)}.framework-step{position:relative}.framework-step:before{background:#2270e1;border:10px solid #f6f9ff;border-radius:30px;color:#fff;content:counter(framework-step);counter-increment:framework-step;cursor:pointer;display:block;font-size:16px;font-weight:700;height:60px;left:-10px;line-height:41px;position:absolute;text-align:center;top:-10px;width:60px}.framework-stage{text-align:center}.framework-stage span{border:2px solid #000;border-radius:7px;display:inline-block;font-size:16px;font-weight:700;padding:15px 10px;position:relative;top:-7px}.framework-stage-Grow span{background:#fcc31e;color:#000}.framework-stage-Own span{background:#32c5ff;color:#000}.framework-stage-Optimize span{background:#ed6cba;color:#000}.framework-stage-Scale span{background:#1ebfab;color:#000}.framework-row:hover .framework-step:before{content:"+";font-size:24px;line-height:39px}.framework-row.framework-row-expanded:hover .framework-step:before{content:"-"}.framework-content h3{color:#000;font-size:20px;font-weight:700;line-height:1.7;margin:4px 0 12px}.framework-content p{color:#3f5f6f;font-size:15px;line-height:1.7;margin:0 0 12px}.framework-desc{height:1.7em;margin-bottom:10px;overflow:hidden;position:relative;width:100%}.framework-desc:after{background:linear-gradient(90deg,hsla(0,0%,96%,0),#f6f6f6 50%);bottom:0;content:"";height:1.7em;position:absolute;right:0;text-align:right;width:40%}.framework-desc.framework-desc-expanded{height:auto;overflow:auto}.framework-desc.framework-desc-expanded:after{display:none}.expand{border:1px solid #2270e1;border-radius:100px;color:#2270e1;cursor:pointer;display:inline-block;font-size:12px;line-height:0;margin-left:10px;padding:12px;position:relative;top:-3px}.expand:hover{background:#000;border-color:#000;color:#fff}.framework-attr ul{list-style-type:none;margin:0;padding:10px 0 0}.framework-attr li{color:#3f5f6f;font-size:14px;margin-bottom:10px}.framework-attr li strong{color:#000;padding-right:5px}.framework-links{color:#3f5f6f;font-size:15px;margin-top:30px}.framework-links h4{color:#000;font-size:15px;font-weight:700;margin:30px 0 0}.framework-links ul{list-style-type:none;margin:0;padding:10px 0 0}.framework-links li{margin-bottom:10px}.framework-links li a{display:block;position:relative}.framework-links li a:after{background-image:url(//6642885.fs1.hubspotusercontent-na1.net/hubfs/6642885/raw_assets/public/shipium-theme/images/svg-icon-arrow-right-blue.svg);background-position:0 0;background-repeat:no-repeat;background-size:12px auto;content:"";display:inline-block;height:9px;margin-left:4px;width:12px}@media (max-width:1199px) and (min-width:767px){.intro{grid-template-columns:1fr}.intro .intro-logo{grid-column-start:1;text-align:center}.stage-arrow{display:none}.framework-summary-stages{gap:20px;grid-template-columns:1fr 1fr 1fr 1fr;padding:0 20px}.framework-header,.framework-row{border-radius:0;gap:20px;grid-template-columns:100px 40px 5fr 2fr;padding:0 20px}.framework-row{padding-bottom:60px}.framework-row:before{left:159px}.framework-index{max-width:100%}}@media (max-width:766px){.intro{grid-template-columns:1fr}.intro .intro-logo{grid-column-start:1;text-align:center}.stage-arrow{display:none}.framework-summary-stages{gap:20px;grid-template-columns:1fr 1fr;padding:0 20px}.framework-header,.framework-row{border-radius:0;gap:20px;grid-template-columns:100px 40px 5fr 2fr;margin-bottom:20px;padding:20px}.framework-index{max-width:100%}.framework-row:before{display:none}.framework-step:before{background:none;border:none;color:#2270e1;line-height:51px}.framework-row:hover .framework-step:before{line-height:51px}.framework-content h3{font-size:16px;line-height:1.4}.framework-desc{height:2.4em}.framework-desc:after{height:1.4em}.framework-content p{font-size:14px;line-height:1.5}}@media (max-width:639px){.framework-header{display:none}.framework-summary-stages{gap:20px;grid-template-columns:1fr;padding:0 20px}.framework-step:before{background:#2270e1;color:#fff;height:30px;left:0;line-height:31px;position:relative;top:0;width:30px}.framework-row:hover .framework-step:before{line-height:31px}.framework-row{grid-template-columns:30px 1fr}.framework-step{grid-column-start:1}.framework-attr,.framework-links{grid-column-start:2}.framework-stage{grid-column-start:1;grid-column:span 2;text-align:left}.framework-stage span{top:0}}