@keyframes slide-in-down{0%{transform:translateY(-24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(1.2);opacity:0}50%{transform:scale(.97);opacity:1}to{transform:scale(1);opacity:1}}@keyframes opacity-in{0%{opacity:0}to{opacity:1}}main{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:400px;margin-top:228px;margin-bottom:32px}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center}.hero video{height:400px;width:100%;object-fit:cover;margin-top:64px;border-radius:32px;animation:opacity-in 2s ease forwards;animation-delay:.5s;opacity:0}.hero-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;max-width:564px;width:100%}.hero-title h1,.hero-title p{text-align:center;opacity:0;animation:scale-in .5s ease forwards}.hero-title p{max-width:400px;width:100%;color:#969795;animation-delay:.2s}.hero-action{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:240px;width:100%;height:50px;margin-top:48px;padding:4px;border-radius:999px;position:relative;background-color:#1b1d18;opacity:0;transition:border-color .5s ease;animation:scale-in .5s ease forwards .3s,background-action .5s cubic-bezier(.86,0,.07,1) forwards .8s}.hero-action p{text-align:center;flex:1 0 0;color:#fff;padding-left:40px;animation:text-color .5s cubic-bezier(.86,0,.07,1) forwards .8s,text-padding .5s cubic-bezier(.86,0,.07,1) forwards .8s}.hero-action button{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;width:40px;background-color:#fff;border:none;border-radius:999px;position:absolute;left:4px;cursor:pointer;animation:slide-button .5s cubic-bezier(.86,0,.07,1) forwards .8s,background-button .5s cubic-bezier(.86,0,.07,1) forwards .8s}.hero-action button i{font-size:20px;color:#1b1d18;animation:icon-color .5s cubic-bezier(.86,0,.07,1) forwards .8s}.hero-action:has(button:hover){border-color:#bfc0be}@keyframes slide-button{0%{left:4px}to{left:194px}}@keyframes background-action{0%{background-color:#1b1d18;box-shadow:inset 0 0 #0000}to{background-color:#f7f8f6;box-shadow:inset 1px 1px 2px #00000014}}@keyframes text-color{0%{color:#fff}to{color:#1b1d18}}@keyframes text-padding{0%{padding-left:40px;padding-right:0}to{padding-left:0;padding-right:40px}}@keyframes background-button{0%{background-color:#fff}to{background-color:#1b1d18}}@keyframes icon-color{0%{color:#1b1d18}to{color:#fff}}.hero-detail{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);gap:0;gap:48px;width:100%;margin-top:64px}.hero-detail-item{display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}.hero-detail-item i{font-size:24px;margin-bottom:16px}.hero-detail-item h2{text-align:center}.hero-detail-item p{color:#969795;margin-top:4px;text-align:center}.hero-detail-item.animation:nth-child(1){animation:slide-in-up .5s ease forwards}.hero-detail-item.animation:nth-child(2){animation:slide-in-up .5s ease forwards;animation-delay:.2s}.hero-detail-item.animation:nth-child(3){animation:slide-in-up .5s ease forwards;animation-delay:.3s}.problem h2{text-align:center}.problem-text{white-space:normal;opacity:0}.problem-text.animation{animation:opacity-in 1s ease forwards}.process-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.process-title .label{background-color:#007aff;color:#fff;margin-bottom:16px;opacity:0}.process-title h2,.process-title p{opacity:0;text-align:center}.process-title.animation .label{animation:opacity-in 1s ease forwards}.process-title.animation h2{animation:slide-in-up .5s ease forwards}.process-title.animation p{animation:slide-in-up .5s ease forwards;animation-delay:.2s}.process-list{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);gap:0;gap:16px;margin-top:80px}.process-list-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:104px 40px 40px;background-color:#f7f8f6;border-radius:32px;opacity:0}.process-list-item h2{padding:4px 24px;background-color:#fff;border-radius:999px;margin-bottom:100px;text-align:center}.process-list-item p{padding:16px 24px;background-color:#fff;border-radius:16px;width:100%;text-align:center}.process-list-item:nth-child(2){background-color:#007aff;box-shadow:0 24px 64px -16px #0006,0 16px 24px -16px #0000001a}.process-list-item:nth-child(2) p{background-color:#0066d6;color:#fff}.process-list-item.animation:nth-child(1){animation:scale-in .8s ease forwards}.process-list-item.animation:nth-child(2){animation:scale-in .8s ease forwards;animation-delay:.1s}.timeline-title{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.timeline-title .label{background-color:#f13f85;color:#fff;margin-bottom:16px;opacity:0}.timeline-title h2,.timeline-title p{opacity:0;text-align:center}.timeline-title.animation .label{animation:opacity-in 1s ease forwards}.timeline-title.animation h2{animation:slide-in-up .5s ease forwards}.timeline-title.animation p{animation:slide-in-up .5s ease forwards;animation-delay:.2s}.timeline-content{margin-top:80px;position:relative}.timeline-content .background{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;height:480px;overflow:hidden}.timeline-content .background .background-item{border-left:1px dashed #EBECE9;flex:1 0 0;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;opacity:0;overflow:hidden;padding:0 8px}.timeline-content .background .background-item p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.timeline-content .background .background-item:last-child{border-right:1px dashed #EBECE9}.timeline-content .background.animation .background-item{animation:slide-in-down .5s ease forwards}.timeline-content .object{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;gap:12px;position:absolute;width:100%;top:0}.timeline-content .object .object-wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;width:100%}.timeline-content .object .object-wrapper .item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid #EBECE9;background-color:#f7f8f6;padding:14px 8px;flex:0 0 0;opacity:0;overflow:hidden}.timeline-content .object .object-wrapper .item p{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.timeline-content .object .object-wrapper .blank{width:14.2857142857%}.timeline-content .object .object-wrapper.animation .item{animation:flex-width .8s cubic-bezier(.86,0,.07,1) forwards}@keyframes flex-width{0%{flex:0 0 0;opacity:0}to{flex:1 0 0;opacity:1}}.action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:104px 24px;background-color:#f7f8f6;border-radius:32px;opacity:0}.action h2,.action p{text-align:center}.action button{margin-top:40px;box-shadow:0 12px 32px -12px #0009}.action.animation{animation:opacity-in .5s ease forwards}.popup{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;top:0;right:0;width:100%;height:100dvh;z-index:6;background-color:#000000a6;opacity:0;pointer-events:none;transition:opacity .3s ease}.popup.active{opacity:1;pointer-events:auto}.popup-main{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:432px;width:100%;background-color:#fff;padding:48px 40px 40px;border-radius:32px}.popup-main img{width:200px;margin-bottom:12px}.popup-main h2,.popup-main p{text-align:center}.popup-main p{margin-top:4px;color:#969795}.popup-main h3{margin-top:32px;color:#969795;font-weight:400!important;text-align:center}.popup-main a{text-decoration:none;color:#08911f}.popup-main input{margin-top:32px;width:100%;height:48px;border:1px solid #EBECE9;border-radius:999px;padding:0 20px;font-size:14px;outline:none}.popup-main input::placeholder{color:#969795}.popup-main input:active,.popup-main input:focus{border-color:#8dcc98;box-shadow:0 0 0 2px #e6f4e9}.popup-main button{width:100%;margin-top:12px}@media(max-width:768px){.process-list{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);gap:0;gap:16px}.popup-main{padding:32px 24px 24px}.process-list-item{padding:80px 32px 32px}.process-list-item h2{margin-bottom:80px}}@media(max-width:512px){.hero-detail{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,1fr);gap:0;gap:48px}.process-list-item{padding:56px 24px 24px}.process-list-item h2{margin-bottom:56px}}
