*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}main{flex:1}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);width:auto;height:auto;padding:var(--spacing-sm) var(--spacing-lg);margin:0;overflow:visible;clip:auto;background:var(--color-bg);color:var(--color-cyber-cyan);font-size:var(--text-sm);z-index:9999;border-radius:var(--radius-md);border:1px solid rgba(var(--color-cyber-cyan-rgb),.3)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl)}.section-label{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.1em;color:var(--color-cyber-cyan);margin-bottom:var(--spacing-lg);text-transform:uppercase}.section-title{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--font-bold);letter-spacing:.03em;color:var(--color-white);margin-bottom:var(--spacing-lg)}.section-desc{font-size:clamp(var(--text-base),2vw,var(--text-lg));color:rgba(var(--color-white-rgb),.5);line-height:var(--leading-relaxed);max-width:640px}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.scroll-animate.animate{opacity:1;transform:translateY(0)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.site-header.scrolled{background:rgba(var(--color-bg-rgb),.85);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 1px rgba(var(--color-white-rgb),.04),0 4px 20px rgba(var(--color-black-rgb),.4)}.site-header.menu-open.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}.nav-logo{display:flex;align-items:center;gap:var(--spacing-sm);transition:transform var(--duration-normal) var(--ease-out)}.nav-logo:hover{transform:translateY(-1px)}.nav-logo img{width:36px;height:36px;border-radius:var(--radius-full);transition:box-shadow var(--duration-normal) var(--ease-out)}.nav-logo:hover img{box-shadow:0 0 12px rgba(var(--color-brand-rgb),.25),0 0 4px rgba(var(--color-brand-rgb),.15)}.nav-logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-white);letter-spacing:.05em;transition:filter var(--duration-normal) var(--ease-out)}.nav-logo:hover .nav-logo-text{filter:drop-shadow(0 0 6px rgba(var(--color-brand-rgb),.3))}.nav-links{display:none;list-style:none;gap:var(--spacing-2xl)}.nav-link{position:relative;font-size:var(--text-sm);color:rgba(var(--color-white-rgb),.55);transition:color var(--duration-fast) var(--ease-out);letter-spacing:.02em}.nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:1.5px;background:linear-gradient(90deg,rgba(var(--color-brand-rgb),0),var(--color-brand-300),var(--color-cyber-cyan),var(--color-brand-300),rgba(var(--color-brand-rgb),0));border-radius:var(--radius-pill);transform:scaleX(0);transition:transform var(--duration-normal) var(--ease-out)}.nav-link:hover,.nav-link.active{color:var(--color-white)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.6),0 0 16px rgba(var(--color-cyber-cyan-rgb),.25)}.nav-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-white);cursor:pointer;padding:var(--spacing-xs)}.nav-toggle .icon-close,.nav-toggle[aria-expanded=true] .icon-menu{display:none}.nav-toggle[aria-expanded=true] .icon-close{display:block}.nav-links.open{display:flex;flex-direction:column;position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(var(--color-brand-rgb),.06),transparent 70%),rgba(var(--color-bg-rgb),.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding-top:calc(var(--nav-height) + var(--spacing-2xl));padding-bottom:var(--spacing-5xl);align-items:center;justify-content:center;gap:var(--spacing-lg);z-index:99;counter-reset:nav-index}.nav-links.open:before{content:"NAVIGATION";font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.2em;color:rgba(var(--color-cyber-cyan-rgb),.3);padding-inline-start:.2em;margin-bottom:var(--spacing-md)}.nav-links.open li{counter-increment:nav-index;opacity:0;transform:translate(-20px);animation:navFadeIn var(--duration-normal) var(--ease-out) forwards;animation-delay:var(--nav-delay, 0s);background-image:linear-gradient(90deg,transparent 10%,rgba(var(--color-cyber-cyan-rgb),.08) 50%,transparent 90%);background-size:100% 1px;background-position:bottom center;background-repeat:no-repeat}.nav-links.open li:last-child{background-image:none}@keyframes navFadeIn{to{opacity:1;transform:translate(0)}}.nav-links.open .nav-link{display:flex;align-items:center;position:relative;font-size:var(--text-xl);color:rgba(var(--color-white-rgb),.5);padding:var(--spacing-md) var(--spacing-2xl);letter-spacing:.02em;transition:color var(--duration-fast) var(--ease-out)}.nav-links.open .nav-link:before{content:counter(nav-index,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-xs);color:rgba(var(--color-cyber-cyan-rgb),.3);margin-right:var(--spacing-md);letter-spacing:.05em;transition:color var(--duration-fast) var(--ease-out)}.nav-links.open .nav-link:after{bottom:0;height:2px}.nav-links.open .nav-link:hover{color:var(--color-white)}.nav-links.open .nav-link:hover:before{color:rgba(var(--color-cyber-cyan-rgb),.5)}.nav-links.open .nav-link.active{color:var(--color-white);font-weight:var(--font-semibold)}.nav-links.open .nav-link.active:before{color:rgba(var(--color-cyber-cyan-rgb),.6)}.nav-links.open .nav-link.active:after{transform:scaleX(1);background:linear-gradient(90deg,transparent,var(--color-brand-300),var(--color-cyber-cyan),var(--color-brand-300),transparent);box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.6),0 0 18px rgba(var(--color-cyber-cyan-rgb),.25)}.nav-links.open:after{content:"JDINT.NET";font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.15em;color:rgba(var(--color-white-rgb),.12);padding-inline-start:.15em;margin-top:var(--spacing-xl)}.hero{position:relative;min-height:min(100vh,1200px);display:flex;align-items:center;overflow:hidden;padding-top:var(--spacing-5xl);padding-bottom:var(--spacing-7xl);background:var(--color-bg)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--color-bg));z-index:4;pointer-events:none}.hero-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xl);width:100%}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px}.hero-title{display:flex;flex-direction:column;font-size:clamp(3.2rem,10vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.01em;margin-bottom:var(--spacing-2xl)}.hero-title-line{display:block;color:var(--color-white)}.hero-title-accent{position:relative;background:linear-gradient(135deg,var(--color-cyber-cyan),var(--color-soft-indigo),var(--color-electric-violet));background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(var(--color-cyber-cyan-rgb),.25))}.hero-title-accent:after{content:attr(data-text);position:absolute;inset:0;background:inherit;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 50px rgba(var(--color-electric-violet-rgb),.4));animation:titleGlow 4s ease-in-out infinite alternate;pointer-events:none}@keyframes titleGlow{0%{opacity:.4}to{opacity:1}}.hero-subtitle{font-size:clamp(var(--text-base),2vw,var(--text-xl));color:rgba(var(--color-white-rgb),.55);font-weight:var(--font-normal);letter-spacing:.03em;margin-bottom:var(--spacing-3xl);line-height:var(--leading-relaxed)}.hero-cta-group{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.hero .btn-primary{box-shadow:0 8px 24px rgba(var(--color-brand-rgb),.45),0 0 16px rgba(var(--color-brand-rgb),.2),inset 0 1px rgba(var(--color-white-rgb),.2)}.hero .btn-primary:hover{box-shadow:0 12px 36px rgba(var(--color-brand-rgb),.55),0 0 20px rgba(var(--color-brand-rgb),.25),inset 0 1px rgba(var(--color-white-rgb),.3)}.hero .btn-ghost{color:rgba(var(--color-white-rgb),.85);background:rgba(var(--color-white-rgb),.06);border-color:rgba(var(--color-white-rgb),.18)}.hero .btn-ghost:hover{background:rgba(var(--color-white-rgb),.1);border-color:rgba(var(--color-white-rgb),.3);box-shadow:0 6px 24px rgba(var(--color-cyber-cyan-rgb),.15)}.hero-3d{position:absolute;right:4%;top:50%;transform:translateY(-50%);width:500px;height:500px;z-index:2;pointer-events:none}.tesseract-canvas{width:100%;height:100%}.hero-scroll-hint{position:absolute;bottom:180px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.2em;color:rgba(var(--color-white-rgb),.3)}.hero-scroll-hint.hero-anim{transform:translate(-50%) translateY(28px)}.hero.hero-ready .hero-scroll-hint.hero-anim{transform:translate(-50%) translateY(0)}.hero-scroll-hint span{padding-inline-start:.2em}.hero-scroll-hint svg{animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section-divider{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-xl);height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-cyber-cyan-rgb),.15),rgba(var(--color-electric-violet-rgb),.1),transparent)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero-cosmos{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.cosmos-grid{position:absolute;inset:-50%;background-image:linear-gradient(rgba(var(--color-soft-indigo-rgb),.1) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--color-soft-indigo-rgb),.1) 1px,transparent 1px);background-size:60px 60px;background-position-x:calc(50% + 30px);transform:perspective(500px) rotateX(60deg);transform-origin:center 60%;mask-image:radial-gradient(ellipse 70% 50% at 50% 73%,black 8%,transparent 50%);-webkit-mask-image:radial-gradient(ellipse 70% 50% at 50% 73%,black 8%,transparent 50%)}.cosmos-glow{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform}.cosmos-glow-1{width:min(700px,90vw);height:min(500px,70vw);top:40%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(var(--color-electric-violet-rgb),.2) 0%,rgba(var(--color-tech-blue-rgb),.08) 40%,transparent 65%);animation:cosmosFloat1 45s ease-in-out infinite alternate}.cosmos-glow-2{width:min(500px,65vw);height:min(400px,55vw);top:50%;right:0%;background:radial-gradient(ellipse at center,rgba(var(--color-cyber-cyan-rgb),.15) 0%,rgba(var(--color-tech-blue-rgb),.04) 40%,transparent 65%);animation:cosmosFloat2 55s ease-in-out infinite alternate}@keyframes cosmosFloat1{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-45%,-55%) scale(1.15);opacity:.7}}@keyframes cosmosFloat2{0%{transform:scale(1);opacity:.8}to{transform:translate(-5%,5%) scale(1.2);opacity:.5}}.hero-anim{opacity:0;transform:translateY(28px)}.hero.hero-ready .hero-anim{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--anim-delay, 0s)}.btn-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:var(--btn-height);padding:0 var(--spacing-2xl);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white);background:linear-gradient(135deg,var(--color-brand-500),var(--color-brand-400));border:none;border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;box-shadow:0 8px 20px rgba(var(--color-brand-rgb),.25),inset 0 1px rgba(var(--color-white-rgb),.2);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.btn-primary:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 110% 90% at center,rgba(var(--color-white-rgb),.25) 0%,rgba(var(--color-white-rgb),.12) 40%,transparent 75%);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(var(--color-brand-rgb),.35),0 0 10px rgba(var(--color-brand-rgb),.15),inset 0 1px rgba(var(--color-white-rgb),.3)}.btn-primary:hover:after{opacity:1}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:var(--btn-height);padding:0 var(--spacing-2xl);font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);color:rgba(var(--color-white-rgb),.8);background:transparent;border:1px solid rgba(var(--color-white-rgb),.15);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.btn-ghost:hover{border-color:rgba(var(--color-cyber-cyan-rgb),.4);box-shadow:0 0 16px rgba(var(--color-cyber-cyan-rgb),.1)}.marquee{position:relative;overflow:hidden;padding:var(--spacing-xl) 0;border-top:1px solid rgba(var(--color-white-rgb),.06);border-bottom:1px solid rgba(var(--color-white-rgb),.06)}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 50s linear infinite}.marquee-item{display:flex;align-items:center;gap:var(--spacing-lg);margin-right:var(--spacing-4xl);white-space:nowrap;font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-white-rgb),.15);transition:color var(--duration-fast) var(--ease-out)}.marquee-item:hover{color:rgba(var(--color-white-rgb),.4)}.marquee-dot{width:8px;height:8px;background:rgba(var(--color-cyber-cyan-rgb),.4);flex-shrink:0;transform:rotate(45deg)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.hud-frame{position:relative}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:14px;height:14px;border-color:rgba(var(--color-cyber-cyan-rgb),.25);border-style:solid;border-width:0;transition:border-color var(--duration-normal) var(--ease-out);pointer-events:none;z-index:1}.hud-frame:before{top:-1px;left:-1px;border-top-width:1.5px;border-left-width:1.5px;border-radius:var(--radius-lg) 0 0 0}.hud-frame:after{bottom:-1px;right:-1px;border-bottom-width:1.5px;border-right-width:1.5px;border-radius:0 0 var(--radius-lg) 0}.hud-frame:hover:before,.hud-frame:hover:after{border-color:rgba(var(--color-cyber-cyan-rgb),.5)}.split-section{padding:var(--spacing-6xl) 0;contain:content}.split-layout{display:flex;flex-direction:column;gap:var(--spacing-4xl)}.split-left{flex-shrink:0}.split-title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;line-height:1;letter-spacing:-.01em;color:var(--color-white)}.split-manifesto{font-size:var(--text-base);color:rgba(var(--color-white-rgb),.55);line-height:var(--leading-relaxed);margin-top:var(--spacing-xl)}.split-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(var(--color-white-rgb),.08)}.split-stat-number{font-size:var(--text-3xl);font-weight:800;color:var(--color-cyber-cyan);display:block;margin-bottom:var(--spacing-xs)}.split-stat-label{font-size:var(--text-xs);color:rgba(var(--color-white-rgb),.5);letter-spacing:.05em;text-transform:uppercase}.split-right{display:flex;flex-direction:column;gap:0}.split-item{position:relative;padding:var(--spacing-2xl) 0;border-bottom:1px solid rgba(var(--color-white-rgb),.08);transition:border-color var(--duration-normal) var(--ease-out)}.split-item:hover{border-bottom-color:rgba(var(--color-cyber-cyan-rgb),.15)}.split-item:first-child{padding-top:0}.split-item:last-child{border-bottom:none;padding-bottom:0}.split-item-header{display:flex;align-items:baseline;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.split-item-number{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-brand-400);letter-spacing:.05em;flex-shrink:0}.split-item-bg-number{position:absolute;top:50%;right:0;transform:translateY(-50%);font-family:var(--font-mono);font-size:clamp(5rem,10vw,8rem);font-weight:800;line-height:1;color:rgba(var(--color-white-rgb),.02);pointer-events:none;transition:color var(--duration-normal) var(--ease-out)}.split-item:hover .split-item-bg-number{color:rgba(var(--color-cyber-cyan-rgb),.04)}.split-item-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white);letter-spacing:.01em}.split-item-desc{font-size:var(--text-base);color:rgba(var(--color-white-rgb),.5);line-height:var(--leading-relaxed);padding-left:calc(var(--text-sm) + var(--spacing-lg) + 1ch)}.archive-section{padding:var(--spacing-6xl) 0 var(--spacing-4xl);contain:content}.archive-header{text-align:center;margin-bottom:var(--spacing-4xl)}.archive-header .section-desc{margin:0 auto}.archive-cabinet{position:relative;overflow-x:auto;overflow-y:visible;cursor:grab;scrollbar-width:none;padding:var(--spacing-xl) 0 var(--spacing-2xl)}.archive-cabinet::-webkit-scrollbar{display:none}.archive-cabinet:active{cursor:grabbing}.archive-track{display:flex;gap:var(--spacing-xl);width:max-content;padding:0 max(var(--spacing-xl),calc((100vw - var(--container-max-width)) / 2 + var(--spacing-xl)))}.archive-card{position:relative;width:280px;flex-shrink:0;transition:width var(--duration-slow) var(--ease-out)}.archive-card:hover,.archive-card:focus-within{width:380px}.hud-corners{position:relative;padding:var(--spacing-2xl);height:100%;min-height:340px;display:flex;flex-direction:column;background:rgba(var(--color-white-rgb),.02);border:1px solid rgba(var(--color-white-rgb),.08);overflow:clip;overflow-clip-margin:2px;border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hud-corners:before,.hud-corners:after{content:"";position:absolute;width:16px;height:16px;border-color:rgba(var(--color-cyber-cyan-rgb),.4);border-style:solid;border-width:0;transition:border-color var(--duration-normal) var(--ease-out);pointer-events:none}.hud-corners:before{top:-1px;left:-1px;border-top-width:1.5px;border-left-width:1.5px;border-radius:var(--radius-lg) 0 0 0}.hud-corners:after{bottom:-1px;right:-1px;border-bottom-width:1.5px;border-right-width:1.5px;border-radius:0 0 var(--radius-lg) 0}.archive-card:hover .hud-corners{border-color:rgba(var(--color-cyber-cyan-rgb),.25);box-shadow:0 0 30px rgba(var(--color-cyber-cyan-rgb),.06),inset 0 0 40px rgba(var(--color-cyber-cyan-rgb),.02),inset 0 2px rgba(var(--color-cyber-cyan-rgb),.4)}.hud-corners .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 20%,rgba(var(--color-cyber-cyan-rgb),.4) 50%,transparent 80%);opacity:0;pointer-events:none;z-index:5;will-change:transform}.archive-card:hover .scan-line{opacity:1;animation:scanSweep 2.5s linear infinite}@keyframes scanSweep{0%{transform:translateY(0)}to{transform:translateY(500px)}}.archive-card:hover .hud-corners:before,.archive-card:hover .hud-corners:after{border-color:rgba(var(--color-cyber-cyan-rgb),.7)}.archive-number{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:800;color:rgba(var(--color-white-rgb),.03);line-height:1;pointer-events:none;transition:color var(--duration-normal) var(--ease-out)}.archive-card:hover .archive-number{color:rgba(var(--color-cyber-cyan-rgb),.08)}.archive-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-xl);background:rgba(var(--color-cyber-cyan-rgb),.06);color:var(--color-cyber-cyan);margin-bottom:var(--spacing-xl);transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.archive-card:hover .archive-icon{background:rgba(var(--color-cyber-cyan-rgb),.12);box-shadow:0 0 16px rgba(var(--color-cyber-cyan-rgb),.12)}.archive-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--spacing-xs);letter-spacing:.02em}.archive-code{display:inline-block;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.15em;color:rgba(var(--color-white-rgb),.25);margin-bottom:var(--spacing-lg)}.archive-detail{max-height:0;overflow:hidden;opacity:0;transition:max-height var(--duration-slow) var(--ease-out),opacity var(--duration-normal) var(--ease-out)}.archive-card:hover .archive-detail,.archive-card:focus-within .archive-detail{max-height:200px;opacity:1}.archive-detail p{font-size:var(--text-sm);color:rgba(var(--color-white-rgb),.5);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-lg)}.archive-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-cyber-cyan);transition:gap var(--duration-fast) var(--ease-out)}.archive-link:hover{gap:var(--spacing-sm)}.archive-status{margin-top:auto;padding-top:var(--spacing-lg);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:.08em;text-transform:uppercase}.archive-status-dev{color:var(--color-cyber-cyan)}.archive-status-locked{color:rgba(var(--color-white-rgb),.2)}.archive-card[data-status=coming] .archive-icon{background:rgba(var(--color-white-rgb),.03);color:rgba(var(--color-white-rgb),.2)}.archive-card[data-status=coming] .archive-name{color:rgba(var(--color-white-rgb),.25)}.archive-card[data-status=coming] .hud-corners{border-style:dashed}.archive-card[data-status=coming] .hud-corners:before,.archive-card[data-status=coming] .hud-corners:after{border-color:rgba(var(--color-white-rgb),.12)}.archive-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-top:var(--spacing-xl);font-size:var(--text-2xs);color:rgba(var(--color-white-rgb),.2);letter-spacing:.1em}.archive-hint svg{animation:hintPulse 2s ease-in-out infinite alternate}@keyframes hintPulse{0%{opacity:.3}to{opacity:.8}}.holo-text{background:linear-gradient(90deg,var(--color-cyber-cyan),var(--color-soft-indigo),var(--color-electric-violet),var(--color-cyber-cyan));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holoShift 6s linear infinite}@keyframes holoShift{0%{background-position:0% 50%}to{background-position:200% 50%}}.cursor-glow{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,rgba(var(--color-cyber-cyan-rgb),.06) 0%,rgba(var(--color-electric-violet-rgb),.03) 30%,transparent 60%);transition:opacity .4s var(--ease-out);left:0;top:0;will-change:transform}.cursor-glow.active{opacity:1}.stat-unit{font-size:.6em;font-weight:var(--font-normal)}.brand-statement{position:relative;padding:var(--spacing-6xl) 0;text-align:center}.brand-statement:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,90vw);height:min(350px,60vw);background:radial-gradient(ellipse at center,rgba(var(--color-electric-violet-rgb),.06) 0%,rgba(var(--color-brand-rgb),.04) 40%,transparent 70%);pointer-events:none;filter:blur(60px)}.brand-quote{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:var(--font-light);line-height:1.25;letter-spacing:.02em;color:var(--color-white);margin-bottom:var(--spacing-2xl)}.brand-quote-line{display:block}.brand-sub{font-size:clamp(var(--text-sm),1.5vw,var(--text-base));color:rgba(var(--color-white-rgb),.5);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto}.text-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-cyber-cyan);letter-spacing:.02em;transition:gap var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.text-link:hover{gap:var(--spacing-sm);color:var(--color-white)}.cta-section{position:relative;padding:var(--spacing-6xl) 0;text-align:center}.cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,80vw);height:min(400px,60vw);background:radial-gradient(ellipse at center,rgba(var(--color-brand-rgb),.08) 0%,rgba(var(--color-electric-violet-rgb),.04) 40%,transparent 70%);pointer-events:none;filter:blur(40px)}.cta-section .section-desc{margin:0 auto var(--spacing-3xl)}.split-vision-note{text-align:center;font-size:var(--text-sm);color:rgba(var(--color-white-rgb),.5);letter-spacing:.02em;margin-top:var(--spacing-3xl)}.split-vision-note .text-link{margin-left:var(--spacing-xs)}.products-intro{position:relative;padding-top:calc(var(--spacing-5xl) + var(--nav-height));padding-bottom:var(--spacing-3xl);text-align:center}.products-intro:before{content:"";position:absolute;top:-20%;left:50%;transform:translate(-50%);width:min(600px,90vw);height:min(600px,90vw);background:radial-gradient(circle,rgba(var(--color-brand-rgb),.08) 0%,rgba(var(--color-electric-violet-rgb),.04) 40%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:-1}.products-intro-title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--font-bold);letter-spacing:.03em;margin-bottom:var(--spacing-lg);color:var(--color-white)}.products-intro-desc{font-size:clamp(var(--text-base),2vw,var(--text-lg));color:rgba(var(--color-white-rgb),.5);line-height:var(--leading-relaxed);max-width:560px;margin:0 auto}.product-showcase-section{padding:var(--spacing-4xl) 0;scroll-margin-top:var(--nav-height);contain:content}.product-showcase{position:relative;padding:var(--spacing-4xl);background:rgba(var(--color-white-rgb),.02);border:1px solid rgba(var(--color-white-rgb),.08);border-radius:var(--radius-2xl);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.product-showcase:hover{border-color:rgba(var(--color-white-rgb),.12);box-shadow:0 0 40px rgba(var(--color-cyber-cyan-rgb),.03)}.product-showcase:after{content:"01";position:absolute;top:var(--spacing-xl);right:var(--spacing-2xl);font-family:var(--font-mono);font-size:clamp(5rem,12vw,8rem);font-weight:800;line-height:1;color:rgba(var(--color-white-rgb),.02);pointer-events:none;transition:color var(--duration-normal) var(--ease-out)}.product-showcase:hover:after{color:rgba(var(--color-cyber-cyan-rgb),.04)}.product-showcase-header{margin-bottom:var(--spacing-3xl)}.product-showcase-code{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.15em;color:var(--color-cyber-cyan);margin-bottom:var(--spacing-md)}.product-showcase-code.holo-text{color:transparent}.product-showcase-name{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;letter-spacing:.02em;color:var(--color-white);margin-bottom:var(--spacing-md)}.product-showcase-tagline{font-size:clamp(var(--text-base),2vw,var(--text-xl));color:rgba(var(--color-white-rgb),.55);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-2xl)}.product-showcase-meta{display:flex;align-items:center;gap:var(--spacing-xl);flex-wrap:wrap}.product-status{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill)}.product-status-dev{color:var(--color-cyber-cyan);background:rgba(var(--color-cyber-cyan-rgb),.08)}.platform-badges{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.platform-badge{font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.03em;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-sm);color:rgba(var(--color-white-rgb),.5);border:1px solid rgba(var(--color-white-rgb),.1)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid rgba(var(--color-white-rgb),.06)}.feature-item{padding:var(--spacing-xl);border-radius:var(--radius-xl);border:1px solid rgba(var(--color-white-rgb),.04);transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.feature-item:hover{background:rgba(var(--color-white-rgb),.02);border-color:rgba(var(--color-white-rgb),.08)}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:rgba(var(--color-cyber-cyan-rgb),.06);color:var(--color-cyber-cyan);margin-bottom:var(--spacing-md);transition:background var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.feature-item:hover .feature-icon{background:rgba(var(--color-cyber-cyan-rgb),.1);box-shadow:0 0 12px rgba(var(--color-cyber-cyan-rgb),.08)}.feature-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white);margin-bottom:var(--spacing-xs);letter-spacing:.02em}.feature-desc{font-size:var(--text-sm);color:rgba(var(--color-white-rgb),.55);line-height:var(--leading-relaxed)}.product-showcase-footer{padding-top:var(--spacing-xl);border-top:1px solid rgba(var(--color-white-rgb),.06)}.upcoming-section{padding:var(--spacing-4xl) 0}.upcoming-product{padding:var(--spacing-4xl);border:1px dashed rgba(var(--color-white-rgb),.1);border-radius:var(--radius-2xl);text-align:center;transition:border-color var(--duration-normal) var(--ease-out)}.upcoming-product:hover{border-color:rgba(var(--color-white-rgb),.15)}.upcoming-icon{display:block;font-family:var(--font-mono);font-size:var(--text-5xl);font-weight:800;color:rgba(var(--color-white-rgb),.06);line-height:1;margin-bottom:var(--spacing-xl)}.upcoming-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:rgba(var(--color-white-rgb),.5);letter-spacing:.02em;margin-bottom:var(--spacing-sm)}.upcoming-desc{font-size:var(--text-sm);color:rgba(var(--color-white-rgb),.4);line-height:var(--leading-relaxed)}.brand-origin{position:relative;padding-top:calc(var(--spacing-5xl) + var(--nav-height));padding-bottom:var(--spacing-5xl);text-align:center;overflow:hidden;min-height:min(85vh,900px);display:flex;align-items:center}.brand-origin .container{position:relative;z-index:2}.about-hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.brand-origin:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,var(--color-bg));z-index:3;pointer-events:none}.brand-origin-title{position:relative;font-size:clamp(3rem,9vw,5.5rem);font-weight:800;line-height:1;letter-spacing:.02em;margin-bottom:var(--spacing-xl);color:var(--color-white);text-shadow:0 0 10px rgba(var(--color-white-rgb),.5),0 0 30px rgba(var(--color-white-rgb),.3),0 0 60px rgba(var(--color-cyber-cyan-rgb),.35),0 0 100px rgba(var(--color-electric-violet-rgb),.2),0 0 150px rgba(var(--color-electric-violet-rgb),.1)}.brand-origin-subtitle{font-size:clamp(var(--text-lg),2.5vw,var(--text-2xl));font-weight:var(--font-normal);letter-spacing:.05em;margin-bottom:var(--spacing-5xl);background:linear-gradient(135deg,var(--color-cyber-cyan),var(--color-soft-indigo),var(--color-electric-violet));background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(var(--color-cyber-cyan-rgb),.2))}.brand-origin-desc{font-size:clamp(var(--text-base),1.8vw,var(--text-lg));color:rgba(var(--color-white-rgb),.55);line-height:var(--leading-relaxed);max-width:640px;margin:0 auto;letter-spacing:.02em}.journey-section{padding:var(--spacing-6xl) 0}.journey-section .section-label{display:block;margin-bottom:var(--spacing-3xl)}.journey-path{position:relative;max-width:720px;padding-left:var(--spacing-5xl)}.journey-line{position:absolute;top:0;bottom:0;left:14px;width:2px;background:linear-gradient(to bottom,rgba(var(--color-brand-400-rgb),.6),rgba(var(--color-cyber-cyan-rgb),.4),rgba(var(--color-brand-400-rgb),.15));box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.1)}.journey-pulse{position:absolute;top:0;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--color-cyber-cyan);box-shadow:0 0 16px rgba(var(--color-cyber-cyan-rgb),.7),0 0 30px rgba(var(--color-cyber-cyan-rgb),.3);z-index:1;animation:journeyPulseFlow 8s linear infinite}@keyframes journeyPulseFlow{0%{top:0;opacity:0}5%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.journey-node{position:relative;padding-bottom:var(--spacing-5xl)}.journey-node:last-of-type{padding-bottom:0}.journey-dot{position:absolute;left:calc(-1 * var(--spacing-5xl) + 6px);top:8px;width:18px;height:18px;border-radius:50%;background:var(--color-bg);border:2px solid rgba(var(--color-cyber-cyan-rgb),.4);box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.15);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.journey-node:hover .journey-dot{border-color:var(--color-cyber-cyan);box-shadow:0 0 20px rgba(var(--color-cyber-cyan-rgb),.5),0 0 40px rgba(var(--color-cyber-cyan-rgb),.15)}.journey-dot.journey-dot-active{border-color:var(--color-cyber-cyan);background:rgba(var(--color-cyber-cyan-rgb),.06);animation:dotBreathe .7s ease-out forwards}@keyframes dotBreathe{0%{box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.15)}45%{box-shadow:0 0 16px rgba(var(--color-cyber-cyan-rgb),.6),0 0 30px rgba(var(--color-cyber-cyan-rgb),.25),0 0 44px rgba(var(--color-cyber-cyan-rgb),.1)}to{box-shadow:0 0 12px rgba(var(--color-cyber-cyan-rgb),.4),0 0 22px rgba(var(--color-cyber-cyan-rgb),.12)}}.journey-title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));font-weight:var(--font-bold);color:var(--color-white);letter-spacing:.01em;margin-bottom:var(--spacing-md)}.journey-desc{font-size:clamp(var(--text-base),1.5vw,var(--text-lg));color:rgba(var(--color-white-rgb),.55);line-height:var(--leading-relaxed);max-width:520px}.philosophy-section{padding:var(--spacing-6xl) 0}.philosophy-section .section-label{display:block;margin-bottom:var(--spacing-3xl)}.philosophy-item{padding:var(--spacing-5xl) 0 var(--spacing-6xl);border-bottom:1px solid rgba(var(--color-white-rgb),.06)}.philosophy-item:first-child{padding-top:0}.philosophy-item:last-of-type{border-bottom:none;padding-bottom:var(--spacing-xl)}.philosophy-item:nth-child(2n){text-align:right}.philosophy-item:nth-child(2n) .philosophy-desc{margin-left:auto}.philosophy-keyword{font-size:clamp(4.5rem,14vw,9rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--color-white);text-shadow:0 0 60px rgba(var(--color-electric-violet-rgb),.15),0 0 120px rgba(var(--color-electric-violet-rgb),.06);margin-bottom:var(--spacing-xl)}.philosophy-statement{font-size:clamp(var(--text-xl),3vw,var(--text-2xl));font-weight:var(--font-semibold);color:rgba(var(--color-white-rgb),.7);letter-spacing:.02em;margin-bottom:var(--spacing-lg)}.philosophy-desc{font-size:clamp(var(--text-base),1.5vw,var(--text-lg));color:rgba(var(--color-white-rgb),.55);line-height:var(--leading-relaxed);max-width:640px}.philosophy-section .split-vision-note{margin-top:var(--spacing-3xl)}.vision-section{position:relative;padding:var(--spacing-7xl) 0;text-align:center}.vision-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,90vw);height:min(400px,70vw);background:radial-gradient(ellipse at center,rgba(var(--color-electric-violet-rgb),.07) 0%,rgba(var(--color-brand-rgb),.04) 40%,transparent 70%);pointer-events:none;filter:blur(60px)}.vision-quote{position:relative;font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));font-weight:var(--font-light);line-height:1.7;letter-spacing:.02em;color:rgba(var(--color-white-rgb),.55);max-width:780px;margin:0 auto}.vision-line{display:block}.vision-line-accent{font-weight:var(--font-semibold);margin-top:var(--spacing-md);background:linear-gradient(90deg,var(--color-cyber-cyan),var(--color-white) 50%,var(--color-cyber-cyan));background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(var(--color-cyber-cyan-rgb),.2))}.contact-hero{position:relative;padding-top:calc(var(--spacing-5xl) + var(--nav-height));padding-bottom:var(--spacing-5xl);text-align:center}.contact-hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);width:min(600px,80vw);height:min(300px,50vw);background:radial-gradient(ellipse at center,rgba(var(--color-soft-indigo-rgb),.08) 0%,rgba(var(--color-brand-rgb),.04) 40%,transparent 70%);pointer-events:none;filter:blur(60px)}.contact-hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1;letter-spacing:.04em;margin-bottom:var(--spacing-lg);color:var(--color-white)}.contact-hero-subtitle{font-size:clamp(var(--text-base),2vw,var(--text-xl));color:rgba(var(--color-white-rgb),.5);letter-spacing:.03em}.contact-section{padding:var(--spacing-4xl) 0 var(--spacing-5xl)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl)}.contact-station{position:relative;text-align:center;padding:var(--spacing-2xl) 0;transition:transform var(--duration-normal) var(--ease-out)}.contact-station:hover{transform:translateY(-2px)}.contact-station:hover .contact-icon-wrap{border-color:rgba(var(--color-cyber-cyan-rgb),.4);box-shadow:0 0 20px 3px rgba(var(--color-cyber-cyan-rgb),.12),0 0 6px rgba(var(--color-cyber-cyan-rgb),.18)}.contact-station .contact-icon-wrap{margin:0 auto var(--spacing-xl)}.contact-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:rgba(var(--color-white-rgb),.4);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--spacing-sm)}.poetic-text{font-size:clamp(var(--text-sm),1.6vw,var(--text-base));letter-spacing:.06em;line-height:var(--leading-relaxed);background:linear-gradient(90deg,rgba(var(--color-white-rgb),.5),var(--color-soft-indigo),var(--color-cyber-cyan),var(--color-brand-300),rgba(var(--color-white-rgb),.5));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:poeticShift 15s linear infinite}@keyframes poeticShift{0%{background-position:0% 50%}to{background-position:300% 50%}}.contact-closing{padding:var(--spacing-2xl) 0 var(--spacing-5xl);text-align:center}.contact-poetic{position:relative;display:inline-block;padding:var(--spacing-xl) 0}.contact-poetic:before,.contact-poetic:after{content:"";display:block;width:40px;height:1px;margin:0 auto;background:linear-gradient(90deg,rgba(var(--color-cyber-cyan-rgb),.3),rgba(var(--color-soft-indigo-rgb),.15),rgba(var(--color-cyber-cyan-rgb),.3))}.contact-poetic:before{margin-bottom:var(--spacing-xl)}.contact-poetic:after{margin-top:var(--spacing-xl)}.contact-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:1px solid rgba(var(--color-cyber-cyan-rgb),.2);color:var(--color-cyber-cyan);animation:signalPulse 4s ease-in-out infinite}@keyframes signalPulse{0%,to{box-shadow:0 0 rgba(var(--color-cyber-cyan-rgb),0)}50%{box-shadow:0 0 16px 2px rgba(var(--color-cyber-cyan-rgb),.1),0 0 4px rgba(var(--color-cyber-cyan-rgb),.15)}}.contact-link{position:relative;z-index:2;display:inline-block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-white);letter-spacing:.02em;transition:color var(--duration-fast) var(--ease-out)}.contact-link:hover{color:var(--color-cyber-cyan)}.contact-copy{position:relative;background:none;border:none;padding:0;font:inherit;cursor:pointer}.contact-copy:after{content:"\5df2\590d\5236";position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--color-cyber-cyan);opacity:0;transition:opacity var(--duration-fast) var(--ease-out);pointer-events:none;white-space:nowrap}.contact-copy.copied:after{opacity:1}.perf-low .contact-copy:after{transition:none}.error-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:calc(var(--nav-height) + var(--spacing-3xl)) var(--spacing-lg) var(--spacing-3xl)}.error-page:before{content:"";position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:min(500px,80vw);height:min(300px,50vw);background:radial-gradient(ellipse at center,rgba(var(--color-electric-violet-rgb),.08) 0%,rgba(var(--color-cyber-cyan-rgb),.03) 40%,transparent 70%);pointer-events:none;filter:blur(60px)}.error-status{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.15em;color:rgba(var(--color-cyber-cyan-rgb),.5);margin-bottom:var(--spacing-2xl)}.error-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-cyber-cyan);animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.15}}.error-code{position:relative;font-size:clamp(6rem,20vw,12rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-brand-600),var(--color-cyber-cyan),var(--color-brand-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-2xl)}.error-code:before,.error-code:after{content:attr(data-text);position:absolute;inset:0;-webkit-text-fill-color:currentColor;overflow:hidden;pointer-events:none;opacity:0}.error-code:before{color:var(--color-cyber-cyan);animation:glitchCyan 5s step-end infinite}.error-code:after{color:var(--color-electric-violet);animation:glitchViolet 5s step-end infinite}@keyframes glitchCyan{0%,88%{opacity:0;clip-path:inset(0 0 100% 0)}89%{opacity:.6;clip-path:inset(10% 0 60% 0);transform:translate(3px,-1px)}91%{opacity:.4;clip-path:inset(50% 0 20% 0);transform:translate(-2px,1px)}93%,to{opacity:0;clip-path:inset(0 0 100% 0);transform:none}}@keyframes glitchViolet{0%,90%{opacity:0;clip-path:inset(100% 0 0 0)}91%{opacity:.5;clip-path:inset(55% 0 10% 0);transform:translate(-3px,1px)}93%{opacity:.3;clip-path:inset(20% 0 55% 0);transform:translate(2px,-1px)}95%,to{opacity:0;clip-path:inset(100% 0 0 0);transform:none}}.error-panel{padding:var(--spacing-2xl) var(--spacing-3xl);background:rgba(var(--color-white-rgb),.02);border:1px solid rgba(var(--color-white-rgb),.06);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);max-width:480px;overflow:hidden}.error-panel .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 15%,rgba(var(--color-cyber-cyan-rgb),.35) 50%,transparent 85%);opacity:.8;pointer-events:none;z-index:5;will-change:transform;animation:scanSweep 4s linear infinite}.error-title{font-size:clamp(20px,3vw,28px);font-weight:var(--font-semibold);color:var(--color-white);letter-spacing:.02em;margin-bottom:var(--spacing-sm)}.error-desc{font-size:clamp(14px,2vw,16px);color:rgba(var(--color-white-rgb),.45);line-height:1.75}.error-nav{display:flex;flex-direction:column;align-items:center}.error-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.error-page .btn-primary{box-shadow:0 8px 24px rgba(var(--color-brand-rgb),.45),0 0 16px rgba(var(--color-brand-rgb),.2),inset 0 1px rgba(var(--color-white-rgb),.2)}.error-page .btn-primary:hover{box-shadow:0 12px 36px rgba(var(--color-brand-rgb),.55),0 0 20px rgba(var(--color-brand-rgb),.25),inset 0 1px rgba(var(--color-white-rgb),.3)}.error-page .btn-ghost{color:rgba(var(--color-white-rgb),.85);background:rgba(var(--color-white-rgb),.06);border-color:rgba(var(--color-white-rgb),.18)}.error-page .btn-ghost:hover{background:rgba(var(--color-white-rgb),.1);border-color:rgba(var(--color-white-rgb),.3);box-shadow:0 6px 24px rgba(var(--color-cyber-cyan-rgb),.15)}.site-footer{background:var(--color-bg-footer);border-top:1px solid rgba(var(--color-white-rgb),.06);padding:var(--spacing-xl) 0}.site-footer .container{display:flex;flex-direction:column;align-items:center}.footer-info{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-2xs)}.footer-info p{font-size:var(--text-xs);color:rgba(var(--color-white-rgb),.3)}.footer-info a{color:rgba(var(--color-white-rgb),.3);transition:color var(--duration-fast) var(--ease-out)}.footer-info a:hover{color:rgba(var(--color-white-rgb),.6)}.footer-beian{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.footer-beian a{display:inline-flex;align-items:center}@media(min-width:768px){.contact-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-2xl)}.contact-station:not(:first-child):before{content:"";position:absolute;left:calc(-1 * var(--spacing-xl));top:var(--spacing-lg);bottom:var(--spacing-lg);width:1px;background:linear-gradient(to bottom,transparent,rgba(var(--color-white-rgb),.06) 30%,rgba(var(--color-white-rgb),.06) 70%,transparent)}.contact-station:nth-child(1){transition-delay:0s}.contact-station:nth-child(2){transition-delay:.08s}.contact-station:nth-child(3){transition-delay:.16s}}@media(min-width:1024px){.nav-links{display:flex;position:static;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;flex-direction:row}.nav-links .nav-link{font-size:var(--text-sm)}.nav-toggle{display:none}.hero{min-height:min(90vh,1200px)}.archive-card{width:300px}.archive-card:hover,.archive-card:focus-within{width:420px}.split-layout{flex-direction:row;gap:var(--spacing-5xl);align-items:start}.split-left{flex:0 0 35%;position:sticky;top:calc(var(--nav-height) + var(--spacing-3xl))}.split-right{flex:1}.feature-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px)and (pointer:coarse)and (orientation:portrait){.nav-links:not(.open){display:none}.nav-toggle{display:flex}}@media(min-width:1024px)and (max-width:1399px){.hero-3d{width:380px;height:380px;right:1%;opacity:.6}}@media(min-width:1920px){.hero-3d{width:580px;height:580px;right:calc(50vw - 850px)}.brand-origin{min-height:min(80vh,1000px)}.journey-path{max-width:800px}.philosophy-keyword{font-size:10rem}.philosophy-desc{max-width:720px}.vision-quote{max-width:900px}}@media(max-width:767px){.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--spacing-3xl));padding-bottom:calc(240px + var(--spacing-xl))}.hero:after{height:100px}.hero-container{gap:var(--spacing-2xl)}.cosmos-glow{animation:none}.holo-text,.poetic-text{animation:none;background-position:0 50%}.hero-3d{width:220px;height:220px;inset:auto auto 20px 50%;transform:translate(-50%);opacity:.4;z-index:1}.archive-card{width:240px}.archive-card:hover,.archive-card:focus-within{width:280px}.archive-track{padding:0 var(--spacing-xl)}.cursor-glow{display:none}.contact-section,.cta-section,.split-section,.archive-section,.brand-statement{padding:var(--spacing-3xl) 0}.contact-hero{padding-top:calc(var(--spacing-3xl) + var(--nav-height));padding-bottom:var(--spacing-2xl)}.contact-icon-wrap{animation:none;box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.08)}.contact-station{transition:none}.brand-origin{min-height:auto;padding-top:calc(var(--spacing-3xl) + var(--nav-height));padding-bottom:var(--spacing-3xl)}.journey-section,.philosophy-section{padding:var(--spacing-3xl) 0}.vision-section{padding:var(--spacing-4xl) 0}.philosophy-item{padding:var(--spacing-3xl) 0}.philosophy-item:nth-child(2n){text-align:left}.philosophy-item:nth-child(2n) .philosophy-desc{margin-left:0}.journey-path{padding-left:var(--spacing-3xl)}.journey-node{padding-bottom:var(--spacing-3xl)}.journey-dot{left:calc(-1 * var(--spacing-3xl) + 6px)}.journey-line{left:14px}.products-intro{padding-top:calc(var(--spacing-3xl) + var(--nav-height));padding-bottom:var(--spacing-xl)}.product-showcase-section,.upcoming-section{padding:var(--spacing-2xl) 0}.product-showcase{padding:var(--spacing-xl)}.product-showcase-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.feature-grid{gap:var(--spacing-md)}.feature-item{padding:var(--spacing-md)}.upcoming-product{padding:var(--spacing-2xl)}}@media(min-width:768px)and (max-width:1023px){.hero{min-height:min(85vh,1000px)}.cosmos-glow{animation:none}.hero-3d{width:300px;height:300px;right:2%;opacity:.4}.contact-section,.cta-section,.split-section,.archive-section,.brand-statement{padding:var(--spacing-4xl) 0}.products-intro{padding-top:calc(var(--spacing-3xl) + var(--nav-height));padding-bottom:var(--spacing-2xl)}.product-showcase-section,.upcoming-section{padding:var(--spacing-3xl) 0}.brand-origin,.contact-hero{padding-top:calc(var(--spacing-3xl) + var(--nav-height));padding-bottom:var(--spacing-3xl)}.journey-section,.philosophy-section{padding:var(--spacing-4xl) 0}.vision-section{padding:var(--spacing-5xl) 0}.philosophy-item{padding:var(--spacing-4xl) 0}}.perf-low .marquee-track,.perf-low .cosmos-glow{animation:none}.perf-low .hero-title-accent:after{animation:none;opacity:.7}.perf-low .journey-pulse{animation:none;opacity:0}.perf-low .holo-text,.perf-low .poetic-text{animation:none;background-position:0 50%}.perf-low .contact-icon-wrap{animation:none;box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.08)}.perf-low .contact-station{transition:none}.perf-low .hero-scroll-hint svg{animation:none}.perf-low .archive-hint svg{animation:none}.perf-low .journey-dot-active{animation:none}.perf-low .cursor-glow,.perf-low .scan-line{display:none}.perf-low .error-code:before,.perf-low .error-code:after{animation:none;opacity:0}.perf-low .error-status-dot{animation:none;opacity:.6}.perf-medium .cosmos-glow{animation-duration:40s}.perf-medium .hero-title-accent:after{animation-duration:8s}.perf-medium .journey-pulse{animation-duration:10s}.perf-medium .holo-text{animation-duration:12s}.perf-medium .poetic-text{animation-duration:20s}.perf-medium .contact-icon-wrap{animation-duration:6s}.perf-medium .scan-line{display:none}@media(hover:none){.hero-scroll-hint{display:none}}@media(min-width:1024px)and (max-height:800px){.hero-scroll-hint{display:none}.hero{padding-bottom:var(--spacing-5xl)}.hero:after{height:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-animate,.hero-anim{opacity:1;transform:none;transition:none}.marquee-track,.cosmos-glow{animation:none}.hero-scroll-hint svg{animation:none}.archive-hint svg{animation:none}.holo-text,.poetic-text{animation:none}.contact-icon-wrap{animation:none;box-shadow:0 0 8px rgba(var(--color-cyber-cyan-rgb),.08)}.contact-station{transition:none}.hero-title-accent:after{animation:none;opacity:.7}.journey-pulse{animation:none;opacity:0}.journey-dot-active{animation:none}.cursor-glow{display:none}.nav-links.open li{opacity:1;transform:none;animation:none}.scan-line{display:none}.error-code:before,.error-code:after{animation:none;opacity:0}.error-status-dot{animation:none;opacity:.6}}