.color-hero-section{--duration: 1.6s;--blur-amount: 35px;--scale-amount: 1.15;position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;font-family:Noto Sans JP,sans-serif;transition:background-color 2.4s cubic-bezier(.25,1,.5,1);z-index:1}.color-hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0f172a26,#0f172a59);z-index:2;opacity:0;transition:opacity 2.4s cubic-bezier(.25,1,.5,1);pointer-events:none}.color-hero-section.theme-reversed:before{opacity:1}.color-hero-section.theme-init{background-color:#f8fafc}.color-hero-section .vibrant-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,#0f172a,#090d16,#020617,#1e1b4b);background-size:400% 400%;opacity:0;z-index:1;transition:opacity 2.4s cubic-bezier(.25,1,.5,1);animation:gradientFlow 15s ease infinite}.color-hero-section.theme-reversed .vibrant-bg{opacity:.5;mix-blend-mode:overlay}.color-hero-section .bg-video-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;opacity:0;transition:opacity 2.4s cubic-bezier(.25,1,.5,1);pointer-events:none}.color-hero-section .bg-video-wrapper video{width:100%;height:100%;object-fit:cover}.color-hero-section.theme-reversed .bg-video-wrapper{opacity:1;mix-blend-mode:normal}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.color-hero-section .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-size:60px 60px;background-image:linear-gradient(to right,rgba(15,23,42,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.02) 1px,transparent 1px);transition:background-image 1.4s;opacity:.5;pointer-events:none;z-index:0}.color-hero-section.theme-reversed .grid-overlay{background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px)}.color-hero-section .mouse-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,#0f172a0a,#0f172a00 70%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);will-change:transform;transition:transform .1s cubic-bezier(.25,1,.5,1),opacity 1.4s;z-index:1}.color-hero-section.theme-reversed .mouse-glow{background:radial-gradient(circle,#ffffff26,#fff0 70%)}.color-hero-section .pulse-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(15,23,42,.05),rgba(15,23,42,.1),rgba(15,23,42,.05),transparent);animation:scanline 8s linear infinite;pointer-events:none;z-index:1}.color-hero-section.theme-reversed .pulse-line{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.2),rgba(255,255,255,.08),transparent)}@keyframes scanline{0%{transform:translateY(-10vh);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(110vh);opacity:0}}.color-hero-section .dust-particle{position:absolute;background:radial-gradient(circle,#0f172a26,#0f172a00 70%);border-radius:50%;pointer-events:none;animation:driftUp 14s linear infinite;transition:background 1.4s}.color-hero-section.theme-reversed .dust-particle{background:radial-gradient(circle,#ffffff40,#fff0 70%)}@keyframes driftUp{0%{transform:translateY(0) rotate(0);opacity:0}20%{opacity:.2}80%{opacity:.2}to{transform:translateY(-120px) rotate(360deg);opacity:0}}.color-hero-section .text-vibrant-transition{color:#0f172a;transition:color 2.4s cubic-bezier(.25,1,.5,1)}.color-hero-section.theme-reversed .text-vibrant-transition{color:#fff}.js-active .color-hero-section .char,.js-active .color-hero-section .line-fade-reveal,.js-active .color-hero-section .strong-change-word,.js-active .color-hero-section .reveal-item,.js-active .color-hero-section .hero-title-line{opacity:0}.js-enabled .color-hero-section .hero-title-line{opacity:1}.js-enabled .color-hero-section .char{display:inline-block;opacity:0;filter:blur(var(--blur-amount));transform:scale(var(--scale-amount));animation:charReveal var(--duration) cubic-bezier(.25,1,.5,1) forwards}.js-enabled .color-hero-section .line-fade-reveal{opacity:0;filter:blur(var(--blur-amount));transform:scale(var(--scale-amount));animation:lineReveal var(--duration) cubic-bezier(.25,1,.5,1) forwards}.color-hero-section .strong-change-word{display:inline-block;font-weight:900;color:#0f172a;transform:rotate(-5deg);transform-origin:center;transition:color 2.4s cubic-bezier(.25,1,.5,1),transform 1.2s cubic-bezier(.25,1,.5,1),filter 2.4s}.color-hero-section .strong-change-word ruby{ruby-position:over}.color-hero-section .strong-change-word rt{font-size:.23em;font-weight:700;letter-spacing:.05em;line-height:1;padding-bottom:.25em;transition:color 2.4s cubic-bezier(.25,1,.5,1)}@media(max-width:767px){.color-hero-section .strong-change-word rt{font-size:.4em;padding-bottom:0}}.js-enabled .color-hero-section .strong-change-word{animation:changeWordReveal 2.2s cubic-bezier(.22,1,.36,1) forwards}.color-hero-section.theme-reversed .strong-change-word{color:#fff;transform:rotate(-5deg)!important;filter:drop-shadow(0 15px 35px rgba(255,255,255,.25))}.color-hero-section .glitch-target{display:inline-block;transform:translate(0);transition:transform 1.2s}.js-enabled .color-hero-section .glitch-target{animation:glitchNoise 6s infinite ease-in-out 2.8s}.color-hero-section.theme-reversed .glitch-target{animation:glitchNoiseReversed 6s infinite ease-in-out!important}@keyframes charReveal{0%{opacity:0;filter:blur(var(--blur-amount));transform:scale(var(--scale-amount))}to{opacity:1;filter:blur(0px);transform:scale(1)}}@keyframes lineReveal{0%{opacity:0;filter:blur(var(--blur-amount));transform:scale(var(--scale-amount))}to{opacity:1;filter:blur(0px);transform:scale(1)}}@keyframes changeWordReveal{0%{opacity:0;filter:blur(var(--blur-amount));transform:scale(var(--scale-amount)) rotate(-5deg)}to{opacity:1;filter:blur(0px);transform:scale(1) rotate(-5deg)}}@keyframes glitchNoise{0%,75%,80.5%,82.5%,87.5%,to{text-shadow:none;transform:translate(0)}76%{text-shadow:-2px 0 #ef4444,2px 0 #3b82f6;transform:translate(-2px,1px)}78%{text-shadow:2px 0 #ef4444,-2px 0 #3b82f6;transform:translate(2px,-1px)}80%{text-shadow:-1px 0 #ef4444,1px 0 #3b82f6;transform:translate(-1px)}83%{text-shadow:-3px 0 #ef4444,3px 0 #0ea5e9;transform:translate(-3px,-1px)}85%{text-shadow:3px 0 #ef4444,-3px 0 #0ea5e9;transform:translate(3px,2px)}87%{text-shadow:-1px 0 #ef4444,1px 0 #0ea5e9;transform:translate(0)}}@keyframes glitchNoiseReversed{0%,75%,80.5%,82.5%,87.5%,to{text-shadow:none;transform:translate(0)!important}76%{text-shadow:-3px 0 #f43f5e,3px 0 #06b6d4;transform:translate(-2px,1px)!important}78%{text-shadow:3px 0 #f43f5e,-3px 0 #06b6d4;transform:translate(2px,-1px)!important}80%{text-shadow:-1px 0 #f43f5e,1px 0 #06b6d4;transform:translate(-1px)!important}83%{text-shadow:-4px 0 #f43f5e,4px 0 #22c55e;transform:translate(-3px,-2px)!important}85%{text-shadow:4px 0 #f43f5e,-4px 0 #22c55e;transform:rotate(-5deg) translate(3px,1px)!important}87%{text-shadow:-1px 0 #f43f5e,1px 0 #22c55e;transform:rotate(-5deg) translate(0)!important}}.js-enabled .color-hero-section .reveal-item{animation:itemReveal 1.6s cubic-bezier(.25,1,.5,1) forwards}@keyframes itemReveal{0%{opacity:0;filter:blur(15px);transform:translateY(25px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}.color-hero-section .hero-container{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:4rem 1.5rem;max-width:80rem;margin-left:auto;margin-right:auto;z-index:10}@media(min-width:640px){.color-hero-section .hero-container{padding-left:3rem;padding-right:3rem}}@media(min-width:768px){.color-hero-section .hero-container{padding-left:5rem;padding-right:5rem}}.color-hero-section .hero-content-wrapper{width:100%;max-width:72rem;text-align:left;display:flex;flex-direction:column;align-items:flex-start;margin-top:1rem}@media(min-width:768px){.color-hero-section .hero-content-wrapper{margin-top:1.5rem}}.color-hero-section .hero-main-title{width:100%;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;margin-bottom:2rem;text-align:left}@media(min-width:768px){.color-hero-section .hero-main-title{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:2rem}}@media(max-width:767px){.color-hero-section .hero-main-title{gap:1rem}}.color-hero-section .hero-title-line{font-size:2.2rem;font-weight:800;letter-spacing:.025em;line-height:1;white-space:nowrap}@media(min-width:480px){.color-hero-section .hero-title-line{font-size:2.5rem}}@media(min-width:640px){.color-hero-section .hero-title-line{font-size:3rem}}@media(min-width:768px){.color-hero-section .hero-title-line{font-size:3.25rem}}@media(min-width:1024px){.color-hero-section .hero-title-line{font-size:4.25rem}}@media(min-width:1200px){.color-hero-section .hero-title-line{font-size:5rem}}@media(min-width:1400px){.color-hero-section .hero-title-line{font-size:6.5rem}}.color-hero-section .hero-line-2{margin-top:0}@media(min-width:768px){.color-hero-section .hero-line-2{margin-top:1rem}}.color-hero-section .strong-change-word{font-size:3.25rem;font-weight:900;line-height:1;letter-spacing:-.025em;white-space:nowrap}@media(min-width:480px){.color-hero-section .strong-change-word{font-size:4.5rem}}@media(min-width:640px){.color-hero-section .strong-change-word{font-size:6rem}}@media(min-width:768px){.color-hero-section .strong-change-word{font-size:6.5rem}}@media(min-width:768px)and (max-width:1023px){.color-hero-section .strong-change-word{font-size:5.75rem}}@media(min-width:1024px){.color-hero-section .strong-change-word{font-size:8.5rem}}@media(min-width:1200px){.color-hero-section .strong-change-word{font-size:10rem}}@media(min-width:1400px){.color-hero-section .strong-change-word{font-size:11.5rem}}.color-hero-section .decorator-line{position:relative;overflow:hidden;height:1px;width:100%;background:#0f172a26;margin-bottom:2.5rem;transition:all 1s ease-in-out}@media(min-width:768px){.color-hero-section .decorator-line{width:20rem}}.color-hero-section.theme-reversed .decorator-line{background:#fff3}.color-hero-section .decorator-line:after{content:"";position:absolute;top:0;height:100%;width:50%;background:linear-gradient(90deg,transparent,rgba(15,23,42,.5),transparent);animation:lineFlow 4s infinite ease-in-out}.color-hero-section.theme-reversed .decorator-line:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}@keyframes lineFlow{0%{left:-50%}30%{left:100%}to{left:100%}}.color-hero-section .sub-copy-area{margin-top:0;margin-bottom:1rem;text-align:left;transition:color 1s}@media(min-width:768px){.color-hero-section .sub-copy-area{margin-top:2rem}}.color-hero-section .sub-copy-text{font-size:1rem;font-weight:500;letter-spacing:.025em;line-height:1.625;color:#1e293b;transition:color 1s}@media(min-width:640px){.color-hero-section .sub-copy-text{font-size:1.125rem}}@media(min-width:768px){.color-hero-section .sub-copy-text{font-size:1.25rem}}.color-hero-section.theme-reversed .sub-copy-text{color:#fff}.color-hero-section .hero-tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;z-index:10;transition:all 1s}.color-hero-section .tech-tag-item{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:.625rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;background-color:#ffffff73;color:#334155;border:1px solid rgba(15,23,42,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px -3px #0f172a0a;transition:all 1.2s cubic-bezier(.25,1,.5,1)}.color-hero-section .tech-tag-item:hover{transform:translateY(-2px);background-color:#ffffffbf;box-shadow:0 6px 20px -3px #0f172a14}.color-hero-section.theme-reversed .tech-tag-item{background-color:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px -5px #00000026}.color-hero-section.theme-reversed .tech-tag-item:hover{background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.color-hero-section .tech-tag-item .tag-dot{width:.375rem;height:.375rem;border-radius:50%;opacity:.7;transition:opacity 1.2s}@media(max-width:767px){.color-hero-section .hero-tech-tags{flex-wrap:nowrap;gap:.35rem;margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;scrollbar-width:none}.color-hero-section .hero-tech-tags::-webkit-scrollbar{display:none}.color-hero-section .tech-tag-item{padding:.25rem .5rem;font-size:.65rem;border-radius:.35rem;gap:.25rem;white-space:nowrap}.color-hero-section .tech-tag-item .tag-dot{width:.25rem;height:.25rem}}.color-hero-section.theme-reversed .tech-tag-item .tag-dot{opacity:1}.color-hero-section .tech-tag-item .tag-dot.bg-indigo{background-color:#6366f1}.color-hero-section .tech-tag-item .tag-dot.bg-sky{background-color:#0ea5e9}.color-hero-section .tech-tag-item .tag-dot.bg-teal{background-color:#14b8a6}.color-hero-section .tech-tag-item .tag-dot.bg-pink{background-color:#ec4899}.color-hero-section .cta-container{display:flex;flex-direction:column;gap:1rem;width:100%}@media(min-width:640px){.color-hero-section .cta-container{flex-direction:row;align-items:center;width:auto}}.glass-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:1.125rem 2.5rem;font-weight:700;border-radius:.75rem;font-size:.875rem;letter-spacing:.1em;text-decoration:none;box-shadow:0 10px 15px -3px #0000001a;transition:all .4s cubic-bezier(.25,1,.5,1)}@media(min-width:640px){.glass-btn{width:auto}}.glass-btn:hover{transform:translateY(-2px)}.btn-primary-cta{background-color:#0f172a;color:#fff;border:1px solid #0f172a}.btn-primary-cta:hover{background-color:#1e293b}.btn-primary-cta .cta-icon{color:#38bdf8;width:1rem;height:1rem;margin-left:.625rem}.btn-secondary-cta{background-color:#e2e8f080;color:#1e293b;border:1px solid rgba(203,213,225,.4)}.btn-secondary-cta:hover{background-color:#e2e8f0cc}.btn-secondary-cta .cta-icon{color:#1e293b;width:1rem;height:1rem;margin-left:.5rem}.theme-reversed .btn-primary-cta{background-color:#fff!important;color:#0f172a!important;border:none!important;box-shadow:0 10px 15px -3px #ffffff1a!important}.theme-reversed .btn-primary-cta:hover{background-color:#f1f5f9!important}.theme-reversed .btn-primary-cta .cta-icon{color:#0f172a!important}.theme-reversed .btn-secondary-cta,.video-bg-section .btn-secondary-cta{background-color:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.theme-reversed .btn-secondary-cta:hover,.video-bg-section .btn-secondary-cta:hover{background-color:#fff3!important}.theme-reversed .btn-secondary-cta .cta-icon,.video-bg-section .btn-secondary-cta .cta-icon{color:#fff!important}@media(prefers-reduced-motion:reduce){.js-enabled .color-hero-section .char,.js-enabled .color-hero-section .line-fade-reveal,.js-enabled .color-hero-section .reveal-item,.color-hero-section .strong-change-word,.color-hero-section .pulse-line{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}.color-hero-section .vibrant-bg{animation:none!important}.color-hero-section .mouse-glow,.color-hero-section .dust-particle{display:none!important}}.video-bg-section{position:relative;overflow:hidden}.section-bg-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.section-bg-video-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;z-index:1}.section-bg-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);opacity:0;transition:opacity 1.5s ease;z-index:0}.section-bg-video.video-loaded{opacity:1}.video-bg-section>*:not(.section-bg-video-wrapper){position:relative;z-index:1}