/* Original Bloom treatments informed by the reference's material and pointer behavior. */
.texture-surface{position:relative;isolation:isolate}.texture-surface>.texture-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.95}
.hero>.texture-canvas{z-index:0;mask-image:radial-gradient(ellipse at center,transparent 12%,#000 74%)}
.texture-divider{height:32px;width:100%;position:relative;overflow:hidden;background-color:#f8f9fc;background-image:linear-gradient(#8a9ed326 1px,transparent 1px),linear-gradient(90deg,#8a9ed326 1px,transparent 1px);background-size:9px 9px;border-top:1px solid #dde3f2;border-bottom:1px solid #dde3f2}
.texture-divider:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,#8499d20d 40%,#9dadda12 80%,transparent);pointer-events:none}
.stage-grid{mask-image:none;background-image:radial-gradient(circle,#fff 1px,transparent 1.35px),linear-gradient(180deg,#edf0f8 12%,#e1e6f3 54%,#cdd6ed 100%);background-size:8px 8px,100% 100%;opacity:.85}
.stage-grid:after,.marketing-art:after,.intelligence:before,.closing:before{content:'';position:absolute;inset:0;background-image:url("assets/paper-grain.svg");background-size:170px 170px;mix-blend-mode:multiply;opacity:.13;pointer-events:none;z-index:0}
.stage-grid:after{opacity:.22}.intelligence:before{z-index:-1;opacity:.13}.closing:before{mix-blend-mode:soft-light;opacity:.24;z-index:-1}.marketing-art:after{z-index:4;opacity:.1}
.feature-stage{--pointer-x:50%;--pointer-y:50%}.feature-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(240px circle at var(--pointer-x) var(--pointer-y),#fff7,transparent 80%);opacity:0;transition:opacity .4s;z-index:0}.feature-stage:hover:after{opacity:1}.feature-stage>#feature-scene,.feature-stage>.stage-top,.feature-stage>.stage-footer{z-index:2}
.scene-window{transition:box-shadow .45s,border-color .45s;box-shadow:0 1px 1px #fff inset,0 4px 7px #405ca805,0 22px 40px #405ca813}.feature-stage:hover .scene-window{box-shadow:0 1px 1px #fff inset,0 8px 14px #405ca807,0 28px 48px #3b559c19;border-color:#b4c0e2}
.orbit-card{background:linear-gradient(145deg,#fff 10%,#fafbff 100%);box-shadow:0 1px 1px #fff inset,0 1px 2px #2a3c6f09,0 12px 28px #2a3c6f10;transform:translate3d(var(--dx,0px),var(--dy,0px),0) rotate(calc(var(--rotation,0deg) + var(--reactive-tilt,0deg)))}
.orbit-card:hover{box-shadow:0 1px 1px #fff inset,0 6px 12px #405ca80d,0 20px 38px #3b559c22;border-color:#a1b0db}
.orbit-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(190px circle at var(--shine-x,50%) var(--shine-y,0%),#fff9,transparent 70%);pointer-events:none;opacity:.6}
.orbit-card>*{position:relative}
.feature-icon.reactive-icon,.app-icon.reactive-icon,.number.reactive-icon{position:relative;perspective:450px;transform:none!important;background:none!important;border:0!important;overflow:visible;isolation:isolate}
.reactive-icon .icon-cube{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.3,1)}
.reactive-icon .icon-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:8px;border:1px solid #d4dbef;background:linear-gradient(145deg,#fff,#f1f4fb);color:#405ca8;backface-visibility:hidden;box-shadow:0 1px 0 #fff inset,0 2px 3px #2a3c6f08}
.reactive-icon .icon-front{transform:translateZ(5px)}.reactive-icon .icon-back{transform:rotateY(180deg) translateZ(5px);background:#8499d2;color:#fff;border-color:#758ccb}
.feature-tab.active .icon-front{background:#405ca8;color:#fff;border-color:#405ca8}.feature-tab.active .icon-back{background:#5370be;border-color:#5370be}
.reactive-icon.is-reacting .icon-cube{transform:rotateY(180deg) rotateZ(-8deg)}
.reactive-icon .icon-burst{position:absolute;inset:-24px;pointer-events:none;z-index:-1}
.icon-pixel{position:absolute;width:var(--pixel-size,5px);height:var(--pixel-size,5px);left:var(--pixel-x);top:var(--pixel-y);background:var(--pixel-color);opacity:0;transform:translate(var(--in-x),var(--in-y)) scale(.15);transition:opacity .28s,transform .42s cubic-bezier(.2,.9,.2,1)}
.is-reacting .icon-pixel{opacity:var(--pixel-opacity,.8);transform:translate(0,0) scale(1);transition-delay:var(--pixel-delay,0s)}
.principles .number.reactive-icon{display:block;width:38px;height:38px;font:21px var(--sans);margin-bottom:17px}.principles article{transition:background .35s,box-shadow .4s}.principles article:hover{background:#f2f5fc;box-shadow:inset 0 2px #8499d255}.principles article:nth-child(2):hover{background:#f4f6fe;box-shadow:inset 0 2px #839ee955}.principles article:nth-child(3):hover{background:#f0f3fa;box-shadow:inset 0 2px #5370be55}
.principles article:nth-child(2) .icon-back{background:#839ee9;border-color:#839ee9}.principles article:nth-child(3) .icon-back{background:#5370be;border-color:#5370be}
.button{position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,0 1px 2px #2a3c6f0c}.button .arrow-box{position:relative;overflow:hidden}.button .arrow-box:after{content:'↗';position:absolute;transform:translate(-24px,24px);opacity:0;transition:transform .35s var(--ease),opacity .2s}.button:hover .arrow-box{color:transparent;transform:none}.button:hover .arrow-box:after{color:white;transform:translate(0,0);opacity:1}.button.light:hover .arrow-box:after{color:#405ca8}
.button:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff18 45%,transparent 70%);transform:translateX(-130%);transition:transform .7s}.button:hover:before{transform:translateX(130%)}
.text-link{background-image:linear-gradient(#8499d2,#8499d2);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s,color .3s}.text-link:hover{background-size:100% 1px}
.feature-tab{transition:background .3s}.feature-tab:hover:not(.active){background:linear-gradient(90deg,#eaeef9,#f8fafd)}
.marketing-art{--art-x:0deg;--art-y:0deg;perspective:850px}.marketing-art .creative-one{transform:rotate(-9deg) rotateX(var(--art-x)) rotateY(var(--art-y));transition:transform .35s var(--ease),box-shadow .4s}.marketing-art .creative-two{transform:rotate(10deg) rotateX(var(--art-x)) rotateY(var(--art-y));transition:transform .45s var(--ease),box-shadow .4s}.marketing-art:hover .creative-one{transform:translate(-9px,-10px) rotate(-12deg) rotateX(var(--art-x)) rotateY(var(--art-y));box-shadow:7px 22px 32px #3b559c26}.marketing-art:hover .creative-two{transform:translate(9px,-5px) rotate(13deg) rotateX(var(--art-x)) rotateY(var(--art-y));box-shadow:0 25px 34px #405ca830}
.creative:after{content:'';position:absolute;inset:0;background:url("assets/paper-grain.svg");mix-blend-mode:multiply;opacity:.2;pointer-events:none;border-radius:inherit}
.closing-grid{background-image:radial-gradient(#8499d240 .75px,transparent .75px),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:7px 7px,56px 56px,56px 56px;mask-image:radial-gradient(ellipse at center,transparent 15%,black 100%)}
.texture-flower{display:block;width:108px;height:108px;position:absolute;left:35px;top:34px;pointer-events:none;opacity:.86;filter:drop-shadow(0 6px 15px #405ca81a)}
.platform>.section-heading{padding-top:160px;position:relative;min-height:365px}.texture-flower canvas{width:100%;height:100%}.texture-flower:after{content:'';position:absolute;inset:0;background-image:radial-gradient(#fff8 .6px,transparent .9px);background-size:3px 3px;mask-image:radial-gradient(ellipse,black 35%,transparent 73%)}
.motion-paused .icon-cube{transition:none}.motion-paused .icon-pixel{transition:none}.motion-paused .creative{transition:none}
@media(max-width:680px){.texture-divider{height:23px;background-size:7px 7px}.principles .number.reactive-icon{width:27px;height:27px;font-size:16px;margin-top:1px;margin-bottom:0}.reactive-icon .icon-burst{inset:-17px}.platform>.section-heading{padding-top:125px;min-height:0}.texture-flower{width:78px;height:78px;left:20px;top:28px}.texture-surface>.texture-canvas{opacity:.38}.icon-pixel{width:4px;height:4px}.stage-grid{background-size:7px 7px,100% 100%}}
@media(prefers-reduced-motion:reduce){.texture-canvas{display:none}.reactive-icon .icon-cube{transition:none}.reactive-icon.is-reacting .icon-cube{transform:none}.marketing-art .creative{transition:none}.button:before{display:none}}