#main-content .feature-card__icon{isolation:isolate;color:#cedae1;width:4rem;height:4rem;margin-bottom:1rem;transition:color .48s,transform .64s cubic-bezier(.22,1,.36,1);position:relative}#main-content .feature-card__icon .service-mark{--sm-out:cubic-bezier(.22, 1, .36, 1);--sm-inout:cubic-bezier(.65, 0, .35, 1);width:4rem;height:4rem;overflow:visible}.service-mark__soft{opacity:.28}.service-mark__glass{fill:#0b141bcc}.service-mark__accent{stroke:#9bd8e1;transition:stroke .48s}.service-mark__light{fill:#bdeaf0;stroke:#bdeaf0;transition:filter .48s}#main-content .principles-intro h2{font-size:min(var(--display-2), 9vw);line-height:1.04}#main-content .feature-card__icon:before{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#9bd8e12b,#9bd8e10d 55%,#0000 78%);border-radius:50%;transition:opacity .56s,transform .82s cubic-bezier(.22,1,.36,1);position:absolute;inset:-45%;transform:scale(.72)}#main-content .feature-card:is(:hover,[data-played]) .feature-card__icon{transform:translateY(-3px)}#main-content .feature-card:is(:hover,[data-played]) .feature-card__icon:before{opacity:1;transform:scale(1)}.feature-card:is(:hover,[data-played]) .service-mark__accent{stroke:#c9f3f8}.feature-card:is(:hover,[data-played]) .service-mark__light{filter:drop-shadow(0 0 3px #a7e5f0aa)}.sm-flow{stroke-dasharray:1 2}.sm-nudge,.sm-pulse,.sm-turn,.sm-glow,.sm-hop,.sm-spin-y,.sm-orbit{transform-box:fill-box;transform-origin:50%}.sm-whole{transform-box:view-box}.sm-from-sw{transform-origin:22% 100%}.sm-from-se{transform-origin:78% 100%}.sm-spin-y{vector-effect:non-scaling-stroke}.feature-card:is(:hover,[data-played]) .sm-flow{animation:smFlow var(--t,.92s) linear var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-nudge{animation:smNudge var(--t,.86s) linear var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-pulse{animation:smPulse var(--t,.78s) linear var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-turn{animation:smTurn var(--t,.9s) var(--sm-inout) var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-glow{animation:smGlow var(--t,.72s) var(--sm-out) var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-blink{animation:smBlink .56s ease var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-hop{animation:smHop var(--t,.9s) linear var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-spin-y{animation:smSpinY 1.3s linear var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-orbit{animation:smOrbit 1.5s var(--sm-inout) var(--d,0s) 1}.feature-card:is(:hover,[data-played]) .sm-orbit--back{animation-direction:reverse}@keyframes smFlow{0%{stroke-dashoffset:0;animation-timing-function:cubic-bezier(.5,0,.9,.5)}34%{stroke-dashoffset:-1px;animation-timing-function:linear}40%{stroke-dashoffset:-2px;animation-timing-function:cubic-bezier(.16,1,.3,1)}to{stroke-dashoffset:-3px}}@keyframes smNudge{0%{animation-timing-function:cubic-bezier(.4,0,.6,1);transform:translate(0)}30%{transform:translate(var(--x,0px), var(--y,0px));animation-timing-function:cubic-bezier(.22,1,.36,1)}74%{transform:translate(calc(var(--x,0px) * -.1), calc(var(--y,0px) * -.1));animation-timing-function:ease-in-out}to{transform:translate(0)}}@keyframes smPulse{0%{animation-timing-function:cubic-bezier(.4,0,.7,1);transform:scale(1)}24%{transform:scale(calc(2.1 - var(--s,1.1) * 1.1));animation-timing-function:cubic-bezier(.22,1,.36,1)}62%{transform:scale(var(--s,1.1));animation-timing-function:ease-in-out}to{transform:scale(1)}}@keyframes smTurn{0%{transform:rotate(0)scale(1)}50%{transform:rotate(calc(var(--turn,180deg) * .56)) scale(var(--k,1.16))}to{transform:rotate(var(--turn,180deg)) scale(1)}}@keyframes smGlow{0%{transform:scale(1)}38%{transform:scale(1.7)}to{transform:scale(1)}}@keyframes smBlink{0%{opacity:1}32%{opacity:.08}to{opacity:1}}@keyframes smHop{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(0)}40%{transform:translateY(var(--y,-6px));animation-timing-function:cubic-bezier(.6,0,.9,.4)}68%{transform:translateY(calc(var(--y,-6px) * -.16));animation-timing-function:cubic-bezier(.22,1,.36,1)}to{transform:translateY(0)}}@keyframes smSpinY{0%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scaleX(1)}50%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:scaleX(-1)}to{transform:scaleX(1)}}@keyframes smOrbit{to{transform:rotate(360deg)}}
.showcase-feature__device-stage.showcase-devices>.showcase-feature__phone,.showcase-feature__device-stage.showcase-devices>.showcase-feature__laptop{top:50%;bottom:auto;translate:0 -50%}.showcase-feature__device-stage.showcase-devices>.showcase-feature__phone{will-change:auto;transform:translateZ(0)!important}@media (hover:hover) and (pointer:fine){.showcase-wp-card:is(:hover,:has(:focus-visible)) .showcase-feature__device-stage>.showcase-feature__laptop{transform:translate(1.2%)}.showcase-wp-card:is(:hover,:has(:focus-visible)) .showcase-feature__device-stage>.showcase-feature__phone{transform:translate(-4%)!important}}