section#pyramid-use-case{background:#fff;padding:72px 0;position:relative}section#pyramid-use-case div.center{display:flex;flex-flow:column;gap:44px}section#pyramid-use-case div.heading-container{align-items:center;display:flex;flex-flow:column;gap:16px;text-align:center}section#pyramid-use-case div.heading-container.w-description{align-items:start;display:grid;grid-template-columns:minmax(0,1fr);text-align:left}section#pyramid-use-case div.heading-container h3.title{color:var(--cube-navy);font-family:var(--main-font);font-size:clamp(30px,3.4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin:0;max-width:22ch;text-transform:none;text-wrap:balance}section#pyramid-use-case div.heading-container h3.title b,section#pyramid-use-case div.heading-container h3.title strong{color:var(--cube-green);font-weight:700}section#pyramid-use-case div.heading-container p.description{color:var(--cube-gray-700);font-family:var(--secondary-font);font-size:17px;font-weight:400;letter-spacing:0;line-height:1.55;margin:0;max-width:56ch}section#pyramid-use-case div.pyramid-body{align-items:center;display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}section#pyramid-use-case div.pyramid{aspect-ratio:10/9;clip-path:polygon(50% 0,100% 100%,0 100%);display:flex;flex-flow:column;gap:5px;margin:0 auto;max-width:300px;width:100%}section#pyramid-use-case div.pyramid span.layer{--layer:var(--cube-navy);align-items:center;background:linear-gradient(90deg,transparent 50%,rgba(10,26,57,.16) 50%),var(--layer);display:flex;flex:1 1 0;justify-content:center;transition:opacity .25s ease,filter .25s ease}section#pyramid-use-case div.pyramid span.layer:first-child{align-items:flex-end;padding:0 0 10px}section#pyramid-use-case div.pyramid span.layer span.layer-number{color:#fff;font-family:var(--label-font);font-size:12px;font-weight:500;letter-spacing:.08em;line-height:1}section#pyramid-use-case div.pyramid span.layer:first-child,section#pyramid-use-case div.use-case:first-child span.number{--layer:var(--cube-light-green)}section#pyramid-use-case div.pyramid span.layer:nth-child(2),section#pyramid-use-case div.use-case:nth-child(2) span.number{--layer:var(--cube-dark-green)}section#pyramid-use-case div.pyramid span.layer:nth-child(3),section#pyramid-use-case div.use-case:nth-child(3) span.number{--layer:var(--cube-blue-deep)}section#pyramid-use-case div.pyramid span.layer:first-child span.layer-number,section#pyramid-use-case div.use-case:first-child span.number{color:var(--cube-navy)}section#pyramid-use-case div.use-cases-container{border-top:1px solid var(--cube-gray-200);display:flex;flex-flow:column;min-width:0}section#pyramid-use-case div.use-case{border-bottom:1px solid var(--cube-gray-200)}section#pyramid-use-case div.use-case h3.headline{align-items:center;color:var(--cube-navy);cursor:pointer;display:flex;font-family:var(--main-font);font-size:17px;font-weight:600;gap:14px;letter-spacing:-.01em;line-height:1.3;margin:0;padding:16px 40px 16px 0;position:relative;text-transform:none;transition:color .2s ease}section#pyramid-use-case div.use-case h3.headline:after{border-bottom:2px solid var(--cube-green);border-right:2px solid var(--cube-green);content:"";height:8px;position:absolute;right:6px;top:50%;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease;width:8px}section#pyramid-use-case div.use-case.active h3.headline:after{transform:translateY(-30%) rotate(-135deg)}section#pyramid-use-case div.use-case h3.headline:focus-visible{border-radius:8px;outline:2px solid var(--cube-green);outline-offset:2px}section#pyramid-use-case div.use-case span.number{--layer:var(--cube-navy);align-items:center;background:var(--layer);border-radius:10px;color:#fff;display:inline-flex;flex:0 0 auto;font-family:var(--label-font);font-size:11.5px;font-weight:500;height:34px;justify-content:center;letter-spacing:.06em;line-height:1;width:34px}section#pyramid-use-case div.use-case div.toggle-content{display:none;padding:0 0 22px 48px}section#pyramid-use-case div.use-case.active div.toggle-content{display:block}section#pyramid-use-case div.use-case p.text{color:var(--cube-gray-700);font-family:var(--secondary-font);font-size:15.5px;font-weight:400;letter-spacing:0;line-height:1.55;margin:0;text-transform:none}section#pyramid-use-case div.use-case a.primary-button-2{align-items:center;border:0;border-radius:0;box-shadow:none;display:inline-flex;font-family:var(--main-font);font-size:14.5px;font-weight:600;gap:10px;height:auto;letter-spacing:0;line-height:1.3;margin:14px 0 0;min-width:0;padding:0;text-align:left;text-decoration:none;text-transform:none;width:auto}section#pyramid-use-case div.use-case a.primary-button-2,section#pyramid-use-case div.use-case a.primary-button-2:link,section#pyramid-use-case div.use-case a.primary-button-2:visited{background:transparent;color:var(--cube-green)}section#pyramid-use-case div.use-case a.primary-button-2:active,section#pyramid-use-case div.use-case a.primary-button-2:focus,section#pyramid-use-case div.use-case a.primary-button-2:hover{background:transparent;color:var(--cube-dark-green)}section#pyramid-use-case div.use-case a.primary-button-2:after{border-bottom:2px solid;border-right:2px solid;content:"";height:6px;transform:rotate(-45deg);transition:transform .2s ease;width:6px}section#pyramid-use-case div.use-case a.primary-button-2:hover:after{transform:rotate(-45deg) translate(2px,2px)}section#pyramid-use-case div.use-case a.primary-button-2:focus-visible{outline:2px solid var(--cube-green);outline-offset:3px}@media (max-width:699px){section#pyramid-use-case div.pyramid-body:has(div.use-case.active) span.layer{opacity:.35}section#pyramid-use-case div.pyramid-body:has(div.use-case:first-child.active) span.layer:first-child,section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(2).active) span.layer:nth-child(2),section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(3).active) span.layer:nth-child(3),section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(4).active) span.layer:nth-child(4),section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(5).active) span.layer:nth-child(5){opacity:1}}@media (min-width:700px){section#pyramid-use-case div.pyramid{max-width:380px}section#pyramid-use-case div.use-case h3.headline{cursor:default;padding:22px 0 0}section#pyramid-use-case div.use-case h3.headline:after{display:none}section#pyramid-use-case div.use-case:hover h3.headline{color:var(--cube-green)}section#pyramid-use-case div.use-case div.toggle-content{display:block;padding:8px 0 22px 48px}section#pyramid-use-case div.pyramid-body:has(div.use-case:hover) span.layer{opacity:.35}section#pyramid-use-case div.pyramid-body:has(div.use-case:first-child:hover) span.layer:first-child,section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(2):hover) span.layer:nth-child(2),section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(3):hover) span.layer:nth-child(3),section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(4):hover) span.layer:nth-child(4),section#pyramid-use-case div.pyramid-body:has(div.use-case:nth-child(5):hover) span.layer:nth-child(5){opacity:1}}@media (min-width:1000px){section#pyramid-use-case div.heading-container.w-description{align-items:end;gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}section#pyramid-use-case div.pyramid-body{gap:72px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}section#pyramid-use-case div.pyramid{max-width:480px}}@media (min-width:1200px){section#pyramid-use-case{padding:104px 0}section#pyramid-use-case div.center{gap:64px}section#pyramid-use-case div.heading-container p.description{font-size:18px}}@media (prefers-reduced-motion:reduce){section#pyramid-use-case div.pyramid span.layer,section#pyramid-use-case div.use-case a.primary-button-2:after,section#pyramid-use-case div.use-case h3.headline,section#pyramid-use-case div.use-case h3.headline:after{transition:none}}