:root{--color-white:#fff;--color-black:#000;--color-gray1:#f2f2f7;--color-onecatch-brand:#379cd8;--color-onecatch-light:#98caff;--color-service-surface:#f6f8fa;--header-bar-height:82px}@media (max-width:1024px){:root{--header-bar-height:48px}}@media (max-width:800px){:root{--header-bar-height:56px}}.scene-hero{position:relative}[data-hero=mobile] .scene-hero:not(.scene-hero-m){visibility:hidden}.hero-stage{align-items:center;height:100dvh;display:flex;position:relative}.hero-bg{--wipe:0%;width:calc(100% - 20px);height:var(--header-bar-height);-webkit-clip-path:inset(var(--wipe) 0 0 0 round 20px);clip-path:inset(var(--wipe) 0 0 0 round 20px);pointer-events:none;will-change:clip-path;z-index:1;background:linear-gradient(120deg,#379cd8 0%,#98caff 100%);border-radius:20px;position:absolute;top:10px;left:10px;overflow:clip}.hero-bg-anim{pointer-events:none;will-change:opacity;position:absolute;inset:0;overflow:clip}.hero-bg-anim:before{content:"";will-change:transform;background:linear-gradient(62deg,#379cd8,#98caff,#379cd8);width:400%;height:400%;animation:20s infinite hero-bg-gradient;position:absolute;top:-150%;left:0}@media (prefers-reduced-motion:reduce){.hero-bg-anim:before{animation:none}}@keyframes hero-bg-gradient{0%{transform:translate(0,0)}50%{transform:translate(-75%)}to{transform:translate(0,0)}}.hero-bg__mask{pointer-events:none;align-items:center;width:calc(100% + 20px);height:100dvh;display:flex;position:absolute;top:-10px;left:-10px}.hero-bg__mask .hero-title{color:#fff}.hero-inner{align-items:center;gap:24px;width:100%;max-width:1680px;margin:0 auto;padding:0 80px;display:flex;position:relative}.hero-copy{color:#fff;flex:60%;position:relative}.hero-visual{aspect-ratio:1/1.4;z-index:3;max-width:calc((100dvh - 2*(10px + var(--header-bar-height)))/1.4);flex:40%;position:relative}.hero-phone-slot{opacity:0;position:absolute;inset:0}.hero-visual .hero-phone-slot .hero-phone{pointer-events:none;inset:0 -30%}.hero-title{color:#fff;width:fit-content;font-weight:600;line-height:110px}.hero-title__top{white-space:pre;font-size:64px}.hero-title__bottom{font-size:96px}.hero-title__bottom--lines{font-size:84px}.hero-title--base{z-index:0;position:relative}.hero-title--over{z-index:2;position:absolute;inset:0}.hero-stage-2-layer{z-index:2;pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.hero-stage-2{pointer-events:auto;width:40%}.hero-stage-2 h2{color:#379cd8;margin-bottom:76px;font-size:24px;font-weight:700;line-height:42px}.hero-stage-2 p{letter-spacing:0;font-size:14px;font-weight:500;line-height:24px}.hero-stage-2 p:first-of-type{margin-bottom:24px}.hero-stage-2 p:last-of-type{margin-bottom:60px}.hero-stage-2 button{letter-spacing:0;color:#000;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:16px;font-weight:500;display:flex}.hero-stage-2 button span{aspect-ratio:1;background-color:#000;border-radius:9999px;justify-content:center;align-items:center;width:44px;margin-left:8px;transition:transform .2s ease-in-out;display:flex}.hero-stage-2 button:hover span{transform:translate(8px)}
:root{--color-white:#fff;--color-black:#000;--color-gray1:#f2f2f7;--color-onecatch-brand:#379cd8;--color-onecatch-light:#98caff;--color-service-surface:#f6f8fa;--header-bar-height:82px}@media (max-width:1024px){:root{--header-bar-height:48px}}@media (max-width:800px){:root{--header-bar-height:56px}}.hero-m-stage{min-height:calc(42px + 75dvh);position:relative}.hero-m-inner{flex-direction:column;display:flex;position:relative}.hero-m-copy{color:#fff;flex-direction:column;justify-content:center;margin-top:100px;display:flex;position:relative}.hero-m-visual{z-index:3;width:100%;height:75svh;position:relative}.hero-m-bg{--wipe:0%;--collapse:0px;width:calc(100% - 20px);height:var(--header-bar-height);-webkit-clip-path:inset(var(--wipe) 0 var(--collapse) 0 round 20px);clip-path:inset(var(--wipe) 0 var(--collapse) 0 round 20px);pointer-events:none;will-change:clip-path;z-index:1;background:linear-gradient(120deg,#379cd8 0%,#98caff 100%);border-radius:20px;position:fixed;top:10px;left:10px;overflow:clip}.hero-m-bg__mask{pointer-events:none;width:calc(100% + 20px);position:absolute;top:-10px;left:-10px}.hero-m-bg__mask .hero-m-title{color:#fff}.hero-m-title{color:#fff;font-weight:600;line-height:1.2}.hero-m-title__top{white-space:pre;font-size:24px}.hero-m-title__bottom{font-size:36px}.hero-m-title--base{z-index:0;color:var(--color-onecatch-brand);position:relative}.hero-m-title--over{z-index:2;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.hero-m-scene2{margin-bottom:48px;position:relative}.hero-m-stage-2{width:100%}.hero-m-stage-2 h2{color:#379cd8;margin-bottom:48px;font-size:24px;font-weight:600;line-height:42px}.hero-m-stage-2 p{letter-spacing:0;font-size:14px;font-weight:500;line-height:24px}.hero-m-stage-2 p:first-of-type{margin-bottom:24px}.hero-m-stage-2 p:last-of-type{margin-bottom:60px}.hero-m-stage-2 button{letter-spacing:0;color:#000;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-size:16px;font-weight:500;text-decoration:none;display:flex}.hero-m-stage-2 button span{aspect-ratio:1;background-color:#000;border-radius:9999px;justify-content:center;align-items:center;width:44px;margin-left:8px;transition:transform .2s ease-in-out;display:flex}.hero-m-stage-2 button:hover span{transform:translate(8px)}
.aurora{z-index:0;pointer-events:none;width:100%;height:100dvh;margin-bottom:-100dvh;position:sticky;top:0;overflow:hidden}.aurora__blobs{filter:blur(60px)saturate(125%);will-change:transform;position:absolute;inset:-25%}.aurora__blob{will-change:transform;border-radius:50%;width:70%;height:70%;position:absolute}.aurora__blob--1{background:radial-gradient(circle at 50% 50%, var(--aurora-1,transparent) 0%, transparent 62%);animation:6s ease-in-out infinite aurora-drift1;top:-8%;left:8%}.aurora__blob--2{background:radial-gradient(circle at 50% 50%, var(--aurora-2,transparent) 0%, transparent 60%);animation:7.5s ease-in-out .2s infinite aurora-drift2;top:30%;left:35%}.aurora__blob--3{background:radial-gradient(circle at 50% 50%, var(--aurora-3,transparent) 0%, transparent 58%);animation:8s ease-in-out .4s infinite aurora-drift3;top:5%;left:45%}.aurora__blob--4{background:radial-gradient(circle at 50% 50%, var(--aurora-4,transparent) 0%, transparent 62%);animation:6.5s ease-in-out .6s infinite aurora-drift4;top:45%;left:10%}.aurora__blob--5{background:radial-gradient(circle at 50% 50%, var(--aurora-5,transparent) 0%, transparent 55%);animation:9s ease-in-out .8s infinite aurora-drift5;top:20%;left:-5%}.aurora__blob--6{background:radial-gradient(circle at 50% 50%, var(--aurora-6,transparent) 0%, transparent 60%);animation:7s ease-in-out 1s infinite aurora-drift6;top:50%;left:50%}@keyframes aurora-drift1{0%,to{transform:translate(0)scale(1)rotate(0)}33%{transform:translate(18%,12%)scale(1.2)rotate(40deg)}66%{transform:translate(-12%,22%)scale(.9)rotate(-30deg)}}@keyframes aurora-drift2{0%,to{transform:translate(0)scale(1.1)rotate(0)}50%{transform:translate(-22%,-14%)scale(.85)rotate(60deg)}}@keyframes aurora-drift3{0%,to{transform:translate(0)scale(1)rotate(0)}40%{transform:translate(-16%,20%)scale(1.25)rotate(-50deg)}75%{transform:translate(14%,6%)scale(.95)rotate(25deg)}}@keyframes aurora-drift4{0%,to{transform:translate(0)scale(.95)rotate(0)}50%{transform:translate(24%,-18%)scale(1.2)rotate(-45deg)}}@keyframes aurora-drift5{0%,to{transform:translate(0)scale(1.2)rotate(0)}45%{transform:translate(30%,16%)scale(.9)rotate(35deg)}}@keyframes aurora-drift6{0%,to{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-20%,-24%)scale(1.15)rotate(-40deg)}}.aurora--reveal .aurora__blob{opacity:0;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.aurora__blob{animation:none}}
.pinned-scene{background:var(--pinned-scene-base,#fff);isolation:isolate;width:100%;position:relative;overflow:clip}.pinned-scene:after{z-index:1;content:"";background:linear-gradient(to bottom, transparent 95%, var(--pinned-scene-base,#fff) 100%);pointer-events:none;position:absolute;inset:0}.pinned-subscene{width:100%;height:var(--pinned-subscene-height,200vh);position:relative}.pinned-subscene__stage{z-index:1;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:sticky;top:0}@media (max-width:1024px){.pinned-subscene--flow-below-tablet{height:auto}.pinned-subscene--flow-below-tablet .pinned-subscene__stage{height:auto;display:block;position:relative}}