.hello-page{--hello-bg:oklch(16% .004 260);--hello-fg:oklch(97% 0 0);--hello-muted:oklch(97% 0 0/.62);--hello-line:oklch(100% 0 0/.12);--hello-card:oklch(100% 0 0/.05);isolation:isolate;background:var(--hello-bg);min-height:100dvh;color:var(--hello-fg);position:relative;overflow-x:hidden}.hello-bg{z-index:-2;opacity:0;transition:opacity 1.8s 2.2s;position:fixed;inset:0}.hello-page[data-ready] .hello-bg{opacity:1}.hello-bg img{object-fit:cover;filter:blur(3px);width:100%;height:100%;transform:scale(1.04)}.hello-bg-shade{background:radial-gradient(ellipse at 50% 20%, oklch(70% .18 50/.18), transparent 60%), oklch(.12 0 0 / var(--hello-overlay,.6));position:absolute;inset:0}.hello-intro{text-align:center;flex-direction:column;align-items:center;transition:transform 1s cubic-bezier(.22,1,.36,1);display:flex}.hello-logo{opacity:0;filter:drop-shadow(0 0 30px oklch(70% .18 50/.45));will-change:transform, opacity;width:10rem;animation:2.2s linear .1s forwards hello-logo-intro;transform:translateY(calc(50dvh - 10rem))}.hello-slogan{letter-spacing:-.02em;margin-top:1.5rem;padding-bottom:.15em;font-size:clamp(1.6rem,4.5vw,2.6rem);font-weight:700;line-height:1.25;overflow:visible}.hello-slogan span{opacity:0;padding-bottom:.12em;animation:.7s cubic-bezier(.22,1,.36,1) forwards hello-word;display:inline-block;transform:translateY(.6em)}.hello-glows{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hello-glow{filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.hello-glow:before,.hello-glow:after{content:"";will-change:opacity, transform;border-radius:50%;position:absolute;inset:0}.hello-glow:before{opacity:1;background:radial-gradient(circle,oklch(70% .18 50/.42),#0000 68%);transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.8s cubic-bezier(.16,1,.3,1);transform:scale(1)}.hello-glow:after{opacity:0;background:radial-gradient(circle,oklch(64% .19 262/.5),#0000 68%);transition:opacity 1.4s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1);transform:scale(.88)}.hello-glow-b:before,.hello-glow-b:after{transition-delay:.12s}.hello-glow-c:before,.hello-glow-c:after{transition-delay:.24s}.hello-page:has(.hello-card[data-brand=web]:hover) .hello-glow:after{opacity:1;transform:scale(1.08)}.hello-page:has(.svc-hover[data-active]>.hello-card[data-brand=web]) .hello-glow:after{opacity:1;transform:scale(1.08)}.hello-page:has(.hello-card[data-brand=web]:hover) .hello-glow:before{opacity:.15;transform:scale(.94)}.hello-page:has(.svc-hover[data-active]>.hello-card[data-brand=web]) .hello-glow:before{opacity:.15;transform:scale(.94)}@media (prefers-reduced-motion:reduce){.hello-glow:before,.hello-glow:after{transition-duration:.6s;transform:none!important}}.hello-glow-a{width:62vmax;height:62vmax;animation:14s ease-in-out infinite alternate hello-drift-a;top:-20vmax;left:-18vmax}.hello-glow-b{width:54vmax;height:54vmax;animation:17s ease-in-out infinite alternate hello-drift-b;top:25vh;right:-16vmax}.hello-glow-c{opacity:.8;width:44vmax;height:44vmax;animation:11s ease-in-out infinite alternate hello-drift-c;bottom:-22vmax;left:20vw}@keyframes hello-drift-a{0%{transform:translate(0)scale(1)}50%{transform:translate(22vw,14vh)scale(1.2)}to{transform:translate(8vw,32vh)scale(.9)}}@keyframes hello-drift-b{0%{transform:translate(0)scale(1.05)}50%{transform:translate(-26vw,-18vh)scale(.85)}to{transform:translate(-10vw,20vh)scale(1.2)}}@keyframes hello-drift-c{0%{transform:translate(0)scale(.9)}50%{transform:translate(18vw,-24vh)scale(1.15)}to{transform:translate(-16vw,-8vh)scale(1)}}.hello-sub{color:var(--hello-muted);opacity:0;margin-top:.75rem;font-size:.95rem;animation:.8s 2.6s forwards hello-fade}.hello-content{opacity:0;transition:opacity 1s 2.8s,transform 1s cubic-bezier(.22,1,.36,1) 2.8s;transform:translateY(16px)}.hello-page[data-ready] .hello-content{opacity:1;transform:none}.hello-card{--hello-accent:var(--primary);--hello-glow:oklch(70% .18 50/.35);border:1px solid var(--hello-line);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-3xl);background:linear-gradient(160deg,oklch(100% 0 0/.07),oklch(100% 0 0/.02));min-height:11rem;padding:1.5rem;transition:border-color .4s,transform .4s,box-shadow .4s;display:block;box-shadow:inset 0 1px oklch(100% 0 0/.08),0 20px 50px -30px oklch(0% 0 0/.8)}.hello-card[data-brand=web]{--hello-accent:oklch(64% .19 262);--hello-glow:oklch(64% .19 262/.5)}.hello-card:hover,.hello-card:focus-visible,.svc-hover[data-active]>.hello-card{box-shadow:inset 0 0 0 1px var(--hello-accent), 0 0 32px var(--hello-glow), 0 0 80px -20px var(--hello-glow);border-color:var(--hello-accent)!important}.svc-hover[data-active]>.hello-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.hello-page .svc-hover[data-active]>.hello-card[data-brand=web]{border-color:var(--hello-accent)!important}.hello-lockup{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.hello-lockup img{width:auto;height:1.6rem}.hello-lockup-line{background:oklch(100% 0 0/.3);width:1px;height:1.1rem}.hello-lockup-tag{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;font-size:.625rem;font-weight:600;line-height:1;color:var(--hello-accent)!important}.hello-card[data-brand=web] .hello-lockup-tag{text-shadow:0 0 10px oklch(64% .19 262/.7)}.hello-card:hover .hello-card-arrow{color:var(--hello-accent);transform:translate(2px,-2px)}.hello-card-arrow{transition:transform .3s,color .3s}.hello-card-title{letter-spacing:-.01em;margin-top:1.5rem;font-size:1.6rem;font-weight:700}.hello-card-desc{color:var(--hello-muted);margin-top:.4rem;font-size:.9rem}.hello-social{border:1px solid var(--hello-line);background:var(--hello-card);border-radius:999px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:border-color .25s,box-shadow .25s,color .25s;display:inline-flex}.hello-social:hover,.hello-social:focus-visible{border-color:var(--primary);color:var(--primary);box-shadow:0 0 18px oklch(70% .18 50/.35)}.hello-link{border:1px solid var(--hello-line);background:var(--hello-card);border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.4rem;font-weight:600;transition:border-color .25s,background .25s;display:flex}.hello-link:hover,.hello-link:focus-visible{border-color:var(--primary);background:oklch(70% .18 50/.12)}@keyframes hello-logo-intro{0%{opacity:0;animation-timing-function:ease-out;transform:translateY(calc(50dvh - 10rem))}41%{opacity:1;animation-timing-function:cubic-bezier(.76,0,.24,1);transform:translateY(calc(50dvh - 10rem))}to{opacity:1;transform:translateY(0)}}@keyframes hello-word{to{opacity:1;filter:none;transform:none}}@keyframes hello-fade{to{opacity:1}}@media (prefers-reduced-motion:reduce){.hello-logo{opacity:1;animation:none;transform:none}.hello-content,.hello-bg{transition-delay:0s!important}.hello-logo,.hello-slogan span,.hello-sub{opacity:1;filter:none;animation:none;transform:none}.hello-bg,.hello-content{transition:none}}
