.lo-card{transition:border-color .2s ease}.lo-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:hsl(var(--primary));transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.65,0,.35,1);pointer-events:none}@media (hover:hover){.lo-card:hover{border-color:hsl(var(--primary)/.45)}.lo-card:hover:before{transform:scaleY(1)}}.lo-grid>:nth-child(2){--i:1}.lo-grid>:nth-child(3){--i:2;--r:1}.lo-grid>:nth-child(4){--i:3;--r:1}.lo-grid>:nth-child(5){--i:4;--r:2}.lo-grid>:nth-child(6){--i:5;--r:2}.lo-grid>:nth-child(7){--i:6;--r:3}.lo-grid>:nth-child(8){--i:7;--r:3}@media (prefers-reduced-motion:no-preference){[data-arm=wait] :is(.lo-head,.lo-card,.lo-ic){opacity:0}[data-arm=go] .lo-head{animation:loUp .7s cubic-bezier(.16,1,.3,1) backwards}[data-arm=go] .lo-card{animation:loFromL .7s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--r, 0) * .18s + .25s)}[data-arm=go] .lo-card:nth-child(2n){animation-name:loFromR;animation-delay:calc(var(--r, 0) * .18s + .34s)}[data-arm=go] .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) backwards}[data-arm=go] .lo-grid>:first-child .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) .4s backwards,loSpin 1s ease 1.3s}[data-arm=go] .lo-grid>:nth-child(2) .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) .51s backwards,loPulse .8s ease 1.4s}[data-arm=go] .lo-grid>:nth-child(3) .lo-ic{transform-origin:top;animation:loPop .5s cubic-bezier(.3,1.6,.5,1) .62s backwards,loUnfold .7s ease 1.5s}[data-arm=go] .lo-grid>:nth-child(4) .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) .73s backwards,loSpin .9s ease 1.6s}[data-arm=go] .lo-grid>:nth-child(5) .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) .84s backwards,loStack .8s ease 1.7s}[data-arm=go] .lo-grid>:nth-child(6) .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) .95s backwards,loOpen .8s ease 1.8s}[data-arm=go] .lo-grid>:nth-child(7) .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) 1.06s backwards,loRattle .6s ease 1.9s}[data-arm=go] .lo-grid>:nth-child(8) .lo-ic{animation:loPop .5s cubic-bezier(.3,1.6,.5,1) 1.17s backwards,loHop .7s cubic-bezier(.3,1.6,.5,1) 2s}}@keyframes loUp{0%{opacity:0;transform:translate3d(0,20px,0)}}@keyframes loFromL{0%{opacity:0;transform:translate3d(-36px,0,0)}}@keyframes loFromR{0%{opacity:0;transform:translate3d(36px,0,0)}}@keyframes loPop{0%{opacity:0;transform:scale(.3)}}@keyframes loSpin{0%{transform:rotate(-1turn)}}@keyframes loPulse{50%{transform:scale(1.35)}}@keyframes loUnfold{0%{transform:scaleY(0)}}@keyframes loStack{30%{transform:translate3d(0,-5px,0)}60%{transform:translate3d(0,1px,0)}}@keyframes loOpen{40%{transform:scaleX(.4)}}@keyframes loRattle{20%,60%{transform:rotate(-12deg)}40%,80%{transform:rotate(12deg)}}@keyframes loHop{30%{transform:translate3d(0,-7px,0)}}.sb-card{transition:transform .2s ease,border-color .2s ease}.sb-sal{transform-origin:left center;transition:transform .25s ease}@media (hover:hover){.sb-grid .sb-card:hover{transform:translate3d(0,-4px,0);border-color:hsl(var(--primary)/.7)}.sb-card:hover .sb-sal{transform:scale(1.08)}}.sb-mark{background-image:linear-gradient(hsl(var(--primary)/.22),hsl(var(--primary)/.22));background-repeat:no-repeat;background-position:0 85%;background-size:0 55%}.sb-outline{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);overflow:visible;pointer-events:none}.sb-outline rect{x:1px;y:1px;width:calc(100% - 2px);height:calc(100% - 2px);rx:var(--radius);fill:none;stroke:hsl(var(--primary));stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.sb-grid>:nth-child(2){--d:1}.sb-grid>:nth-child(3){--d:2}.sb-grid>:nth-child(4){--d:3}.sb-grid>:nth-child(5){--d:4}.sb-grid>:nth-child(6){--d:5}@media (min-width:640px){.sb-grid>:nth-child(3){--d:1}.sb-grid>:nth-child(4),.sb-grid>:nth-child(5){--d:2}.sb-grid>:nth-child(6){--d:3}}@media (min-width:1024px){.sb-grid>:nth-child(3){--d:2}.sb-grid>:nth-child(4){--d:1}.sb-grid>:nth-child(5){--d:2}.sb-grid>:nth-child(6){--d:3}}@media (prefers-reduced-motion:no-preference){[data-arm=wait] :is(.sb-head,.sb-card,.sb-note){opacity:0}[data-arm=go] .sb-head{animation:sbUp .7s cubic-bezier(.16,1,.3,1) backwards}[data-arm=go] .sb-card{animation:sbUp .6s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--d, 0) * .13s + .25s)}[data-arm=go] .sb-note{border-color:transparent;animation:sbUp .6s cubic-bezier(.16,1,.3,1) .85s backwards}[data-arm=go] .sb-outline rect{animation:sbDraw 1.4s cubic-bezier(.65,0,.35,1) 1.1s forwards}[data-arm=go] .sb-mark{animation:sbMark .8s cubic-bezier(.65,0,.35,1) 2.4s forwards}}@keyframes sbUp{0%{opacity:0;transform:translate3d(0,18px,0)}}@keyframes sbDraw{0%{opacity:1;stroke-dashoffset:1}to{opacity:1;stroke-dashoffset:0}}@keyframes sbMark{to{background-size:100% 55%}}.kp-card{transition:border-color .2s ease}.kp-chip{transition:background-color .25s ease,color .25s ease,border-color .25s ease}@media (hover:hover){.kp-card:hover{border-color:hsl(var(--primary)/.5)}.kp-card:hover .kp-chip{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground));transition-delay:calc(var(--k, 0) * 60ms)}}.kp-grid>:nth-child(2){--c:1}@media (prefers-reduced-motion:no-preference){[data-arm=wait] :is(.kp-head,.kp-card,.kp-chip){opacity:0}[data-arm=go] .kp-head{animation:kpUp .7s cubic-bezier(.16,1,.3,1) backwards}[data-arm=go] .kp-card{animation:kpFromL .8s cubic-bezier(.16,1,.3,1) .2s backwards}[data-arm=go] .kp-grid>:nth-child(2){animation:kpFromR .8s cubic-bezier(.16,1,.3,1) .35s backwards}[data-arm=go] .kp-chip{animation:kpPop .4s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:calc(var(--c, 0) * .25s + var(--k, 0) * 70ms + .7s)}}@keyframes kpUp{0%{opacity:0;transform:translate3d(0,20px,0)}}@keyframes kpFromL{0%{opacity:0;transform:translate3d(-36px,0,0)}}@keyframes kpFromR{0%{opacity:0;transform:translate3d(36px,0,0)}}@keyframes kpPop{0%{opacity:0;transform:scale(.4)}}.eg-ic{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}.eg-grid>:nth-child(2) :is(.eg-act,svg),.eg-grid>:nth-child(4) :is(.eg-act,svg){transform-origin:top}@media (hover:hover){.ocean-home .eg-card.card-lift:hover{border-color:hsl(var(--primary)/.6)}.eg-card:hover .eg-ic{transform:scale(1.2) rotate(-8deg)}.eg-grid>:first-child:hover .eg-ic svg{animation:egFlick .8s steps(1)}.eg-grid>:nth-child(2):hover .eg-ic svg{animation:egFlip .7s ease}.eg-grid>:nth-child(3):hover .eg-ic svg{animation:egPulse .9s ease}.eg-grid>:nth-child(4):hover .eg-ic svg{animation:egUnfold .7s ease}.eg-grid>:nth-child(5):hover .eg-ic svg{animation:egSpin .9s ease}.eg-grid>:nth-child(6):hover .eg-ic svg{animation:egWave .8s ease}}.eg-grid>:nth-child(2){--i:1}.eg-grid>:nth-child(3){--i:2}.eg-grid>:nth-child(4){--i:3}.eg-grid>:nth-child(5){--i:4}.eg-grid>:nth-child(6){--i:5}@media (min-width:1024px){.eg-grid>:first-child{--ux:100%;--uy:55%}.eg-grid>:nth-child(2){--ux:0%;--uy:55%}.eg-grid>:nth-child(3){--ux:-100%;--uy:55%}.eg-grid>:nth-child(4){--ux:100%;--uy:-55%}.eg-grid>:nth-child(5){--ux:0%;--uy:-55%}.eg-grid>:nth-child(6){--ux:-100%;--uy:-55%}}@media (prefers-reduced-motion:no-preference){[data-arm=wait] :is(.eg-head,.eg-card,.eg-ic){opacity:0}[data-arm=go] .eg-head{animation:egUp .7s cubic-bezier(.16,1,.3,1) backwards}[data-arm=go] .eg-card{animation:egUnbox .8s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i, 0) * 90ms + .3s)}[data-arm=go] .eg-ic{animation:egPop .5s cubic-bezier(.3,1.6,.5,1) backwards;animation-delay:calc(var(--i, 0) * .14s + .7s)}[data-arm=go] .eg-grid>:first-child .eg-act{animation:egFlick .8s steps(1) 1.5s}[data-arm=go] .eg-grid>:nth-child(2) .eg-act{animation:egFlip .7s ease 1.6s}[data-arm=go] .eg-grid>:nth-child(3) .eg-act{animation:egPulse .9s ease 1.7s}[data-arm=go] .eg-grid>:nth-child(4) .eg-act{animation:egUnfold .7s ease 1.8s}[data-arm=go] .eg-grid>:nth-child(5) .eg-act{animation:egSpin .9s ease 1.9s}[data-arm=go] .eg-grid>:nth-child(6) .eg-act{animation:egWave .8s ease 2s}}@keyframes egUp{0%{opacity:0;transform:translate3d(0,20px,0)}}@keyframes egUnbox{0%{opacity:0;transform:translate3d(var(--ux,0),var(--uy,0),0) scale(.3)}}@keyframes egPop{0%{opacity:0;transform:scale(.3)}}@keyframes egFlick{0%,40%,80%{opacity:1}20%,60%{opacity:.2}}@keyframes egFlip{40%{transform:scaleY(.2)}}@keyframes egPulse{50%{transform:scale(1.3)}}@keyframes egUnfold{0%{transform:scaleY(0)}}@keyframes egSpin{0%{transform:rotate(-1turn)}}@keyframes egWave{25%{transform:rotate(-10deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}.hc-table tbody td{transition:opacity .25s ease}.hc-v{transition:transform .2s ease}@media (hover:hover){.hc-table tbody tr:hover td:nth-child(n+3){opacity:.4}.hc-table tbody tr:hover .hc-v{transform:scale(1.1)}}@media (prefers-reduced-motion:no-preference){[data-arm=wait] :is(.hc-head,.hc-v){opacity:0}[data-arm=wait] .hc-table tbody tr{clip-path:inset(0 100% 0 0)}[data-arm=go] .hc-head{animation:hcUp .7s cubic-bezier(.16,1,.3,1) backwards}[data-arm=go] .hc-table tbody tr{animation:hcWipe .5s cubic-bezier(.65,0,.35,1) backwards;animation-delay:calc(var(--r, 0) * 90ms + .3s)}[data-arm=go] .hc-v{animation:hcStamp .45s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:calc(var(--r, 0) * 90ms + .55s)}[data-arm=go] .hc-cy{animation:hcSweep .8s ease;animation-delay:calc(var(--r, 0) * .11s + 1.7s)}}@keyframes hcUp{0%{opacity:0;transform:translate3d(0,20px,0)}}@keyframes hcWipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes hcStamp{0%{opacity:0;transform:scale(1.8)}60%{opacity:1;transform:scale(.95)}to{transform:none}}@keyframes hcSweep{40%{background:hsl(var(--primary)/.12)}}