@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.sec-head>*{animation:rise linear both;animation-timeline:view()}.sec-head>:nth-child(1){animation-range:entry 0% entry 50%}.sec-head>:nth-child(2){animation-range:entry 10% entry 70%}.sec-head>:nth-child(3){animation-range:entry 20% entry 90%}.area,.block,.person,.qa details,.strip,.contact-card{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes rise{from{transform:translateY(32px);clip-path:inset(0 0 100% 0 round var(--r))}to{clip-path:inset(-40% -10% -10% -10%)}}.area .num{animation:num-in linear both;animation-timeline:view();animation-range:entry 20% cover 40%}@keyframes num-in{from{transform:translateY(40%)}}.tec-body{timeline-scope:--steps}.steps{view-timeline:--steps block}.d,.d circle,.d rect,.f-line{animation-timeline:--steps;animation-range:contain 0% contain 100%;animation-fill-mode:both;animation-timing-function:linear}.step p{animation:step-focus linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes step-focus{0%,100%{opacity:.72}38%,62%{opacity:1}}.d{animation-name:rej}.d.k{animation-name:keep}.d.k circle{animation-name:k-dot}.d.k rect{animation-name:k-app}.f-line{animation-name:f-line}.como-head{timeline-scope:--conv}.conv{view-timeline:--conv block}.conv .m{animation:conv linear both;animation-timeline:--conv;animation-range:entry 40% cover 55%}.conv .core{animation:core linear both;animation-timeline:--conv;animation-range:cover 35% cover 58%}.fn{animation:fn linear both;animation-timeline:--conv}.fn:nth-child(1){animation-range:entry 40% cover 38%}.fn:nth-child(2){animation-range:entry 50% cover 41%}.fn:nth-child(3){animation-range:entry 60% cover 44%}.fn:nth-child(4){animation-range:entry 70% cover 47%}.fn:nth-child(5){animation-range:entry 80% cover 50%}.fn:nth-child(6){animation-range:entry 90% cover 53%}@keyframes fn{from{text-decoration-color:transparent}}}@keyframes rej{0%{transform:translate(calc(var(--x0) * 1px),calc(var(--y0) * 1px));opacity:1}25%{transform:translate(calc(var(--x1) * 1px),calc(var(--y1) * 1px));opacity:1}50%,100%{transform:translate(calc(var(--x2) * 1px),calc(var(--y2) * 1px));opacity:.25}}@keyframes keep{0%{transform:translate(calc(var(--x0) * 1px),calc(var(--y0) * 1px))}25%{transform:translate(calc(var(--x1) * 1px),calc(var(--y1) * 1px))}50%{transform:translate(calc(var(--x2) * 1px),calc(var(--y2) * 1px))}75%{transform:translate(calc(var(--x3) * 1px),calc(var(--y3) * 1px))}100%{transform:translate(calc(var(--x4) * 1px),calc(var(--y4) * 1px))}}@keyframes k-dot{0%,40%{opacity:1;fill:var(--ink)}50%{fill:var(--violet);opacity:1}68%,100%{opacity:0;fill:var(--violet)}}@keyframes k-app{0%,56%{opacity:0;transform:scale(.3)}74%,100%{opacity:1;transform:scale(1)}}@keyframes f-line{0%,22%{opacity:.25}34%,100%{opacity:1}}@keyframes conv{from{transform:translate(calc(var(--ax) * 1px),calc(var(--ay) * 1px))}to{transform:translate(calc(var(--bx) * 1px),calc(var(--by) * 1px))}}@keyframes core{from{transform:scale(0)}to{transform:scale(1)}}.no-sda .d,.no-sda .d circle,.no-sda .d rect{transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .6s ease}.no-sda [data-stage="0"] .d{transform:translate(calc(var(--x0) * 1px),calc(var(--y0) * 1px));opacity:1}.no-sda [data-stage="1"] .d{transform:translate(calc(var(--x1) * 1px),calc(var(--y1) * 1px));opacity:1}.no-sda [data-stage="2"] .d{transform:translate(calc(var(--x2) * 1px),calc(var(--y2) * 1px));opacity:.25}.no-sda [data-stage="2"] .d.k{transform:translate(calc(var(--x2) * 1px),calc(var(--y2) * 1px));opacity:1}.no-sda [data-stage="3"] .d.k{transform:translate(calc(var(--x3) * 1px),calc(var(--y3) * 1px))}.no-sda [data-stage="0"] .d.k circle,.no-sda [data-stage="1"] .d.k circle,.no-sda [data-stage="2"] .d.k circle{opacity:1}.no-sda [data-stage="0"] .d.k rect,.no-sda [data-stage="1"] .d.k rect,.no-sda [data-stage="2"] .d.k rect{opacity:0;transform:scale(.3)}.no-sda .conv .m,.no-sda .conv .core{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.no-sda .conv:not(.in) .m{transform:translate(calc(var(--ax) * 1px),calc(var(--ay) * 1px))}.no-sda .conv:not(.in) .core{transform:scale(0)}.no-sda .fn{transition:text-decoration-color .6s ease}.no-sda .como-head:not(.in) .fn{text-decoration-color:transparent}}