.liquid-glass{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;background:transparent;box-shadow:0 6px 24px #1628301a}.liquid-glass__definitions{position:absolute;width:0;height:0;pointer-events:none}.liquid-glass__effects,.liquid-glass__backdrop,.liquid-glass__finish,.liquid-glass__rim{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.liquid-glass__effects{overflow:hidden}.liquid-glass__backdrop{background:#fffffff0}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.liquid-glass__backdrop{border-radius:0;background:transparent;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));filter:var(--glass-filter)}}.liquid-glass__finish{background:rgba(255,255,255,var(--glass-tint, .3));box-shadow:inset 0 1px 1px #fffc,inset 0 -1px 1px #ffffff73,inset 1px 0 1px #ffffff4d}.liquid-glass__rim{padding:1px;background:linear-gradient(var(--glass-light-angle, 135deg),rgba(255,255,255,.95),rgba(255,255,255,.12) 38%,rgba(255,255,255,.18) 62%,rgba(255,255,255,.75));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.liquid-glass__content{position:relative;flex:1;min-width:0;border-radius:inherit}.liquid-glass:focus-within{outline:2px solid #2563eb;outline-offset:4px}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.liquid-glass__backdrop{background:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none}.liquid-glass__finish,.liquid-glass__rim{display:none}.liquid-glass{outline:1px solid CanvasText}}.astra-page{min-height:100vh;color:#fafafa;background:#05090c;font-family:Arial,Helvetica Neue,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;isolation:isolate}.astra-page a{color:inherit}.astra-page button,.astra-page a{-webkit-tap-highlight-color:transparent}.astra-page :focus-visible{outline:2px solid #a9d6ff;outline-offset:6px}.astra-sr-only,.astra-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.astra-skip:focus{position:fixed;top:12px;left:12px;z-index:100;padding:12px 20px;border-radius:30px;background:#fff;color:#000}.astra-hero{position:relative;height:100svh;min-height:520px;overflow:hidden;background:transparent}.astra-space{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#000,#03080b,#070f15 74%,#040a0e)}.astra-cosmic-canvas,.astra-star-canvas,.astra-star-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.astra-star-fallback{opacity:.85}.astra-star-interaction{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:pan-y}.astra-star-interaction.is-dragging{cursor:grabbing}.astra-star-interaction:focus-visible{outline-offset:-8px;border-radius:12px}.astra-hero-wordmark{position:absolute;z-index:3;top:50%;left:3.15%;right:3.15%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;font-size:clamp(48px,4.65vw,108px);line-height:1;letter-spacing:-.055em}.astra-hero-wordmark span{animation:astra-wordmark-in 1.8s ease both}.astra-replay{position:absolute;right:12px;bottom:12px;z-index:4;display:grid;place-items:center;width:42px;height:42px;padding:10px;border-radius:50%;color:#f3f3f3;background:#ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,transform .3s}.astra-replay:hover{background:#ffffff38;transform:rotate(-20deg)}.astra-replay svg{width:100%;height:100%}@keyframes astra-wordmark-in{0%{opacity:0}to{opacity:1}}@media(max-width:700px){.astra-hero{min-height:580px}.astra-hero-wordmark{top:47%;left:5%;right:5%;font-size:clamp(30px,7vw,48px)}.astra-replay{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.astra-page *,.astra-page *:before,.astra-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.astra-field-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none}:root{color:#111827;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans,Microsoft YaHei,Noto Sans,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #2563eb;--blue-deep: #1e3a5f;--orange: #f97316;--ink: #111827;--muted: #6b7280;--line: rgba(148, 163, 184, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px}body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}button{border:0;background:transparent;color:inherit;font:inherit;letter-spacing:0;cursor:pointer}.site-shell{min-height:100vh;background:#fff}.home-shell{background:linear-gradient(135deg,#3b82f608,#2563eb14 30%,#ffffff05),#fff}.astra-shell{background:#05090c;color:#fafafa}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.site-footer{padding:44px 16px;text-align:center;background:#f9fafb}.site-footer p{margin:0;color:var(--muted);font-size:14px}.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:20px 0;color:#fff;transition:padding .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.site-header.scrolled{padding:12px 0;color:var(--ink);background:#fffffff0;border-bottom:1px solid var(--line);box-shadow:0 8px 26px #0f172a12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header.open{color:#fff;background:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.header-inner,.content-wrap,.hero-content{width:min(100% - 32px,1080px);margin:0 auto}.header-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.brand-link{font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:500;line-height:1}.desktop-nav{display:flex;align-items:center;gap:32px}.desktop-nav>button,.language-button{font-size:14px;transition:color .18s ease}.desktop-nav>button:hover,.desktop-nav>button.active,.language-button:hover{color:color-mix(in srgb,currentColor 68%,var(--blue))}.vision-hero~.site-header .desktop-nav>button:hover,.vision-hero~.site-header .desktop-nav>button.active{color:var(--orange)}.language-switcher{position:relative}.language-button{display:inline-flex;align-items:center;gap:5px}.language-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:112px;padding:8px;color:var(--ink);background:#fffffff5;border:1px solid rgba(226,232,240,.9);border-radius:8px;box-shadow:0 18px 48px #0f172a1f}.language-menu button{display:block;width:100%;padding:8px 10px;border-radius:6px;text-align:left;font-size:14px}.language-menu button:hover{background:#f3f4f6}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:42px;height:42px}.mobile-menu{position:fixed;inset:0;z-index:45;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;background:#0f172ac2;border-bottom:1px solid rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);color:#fff}.mobile-menu.visible{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-inner{width:min(100% - 32px,1080px);margin:0 auto;padding:84px 0 24px}.mobile-menu nav{display:grid;gap:8px}.mobile-menu nav button{padding:11px 0;text-align:left;font-size:18px;color:inherit}.mobile-language{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}.mobile-language span{display:block;margin-bottom:12px;color:#ffffffad;font-size:13px}.mobile-language div{display:flex;flex-wrap:wrap;gap:10px}.mobile-language button{min-height:38px;padding:0 14px;border-radius:8px;background:#ffffff1a;color:inherit}.mobile-language button.selected,.mobile-language button:hover{background:#fff3}.mobile-menu.theme-light{background:#ffffffe0;border-bottom:1px solid var(--line);box-shadow:0 12px 32px #0f172a14;color:var(--ink);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.mobile-menu.theme-light .mobile-language{border-top-color:var(--line)}.mobile-menu.theme-light .mobile-language span{color:var(--muted)}.mobile-menu.theme-light .mobile-language button{background:#0f172a0f}.mobile-menu.theme-light .mobile-language button.selected,.mobile-menu.theme-light .mobile-language button:hover{background:#0f172a1f}.works-shell .site-header,.works-shell .site-header.open{color:var(--ink)}.site-header.astra-mode{color:#fafafa}.site-header.astra-mode .desktop-nav>button.active{color:#fff;position:relative}.site-header.astra-mode .desktop-nav>button.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor}.site-header.astra-mode .language-menu{color:#f3f3f3;background:#0f0f0ff5;border-color:#353535;box-shadow:0 16px 40px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header.astra-mode .language-menu button{color:#d1d5db}.site-header.astra-mode .language-menu button:hover,.site-header.astra-mode .language-menu button.selected{background:#262626;color:#fff}.mobile-menu.theme-dark{background:#000000f5;border-bottom:1px solid #262626}.mobile-menu.theme-dark .mobile-language{border-top-color:#333}.mobile-menu.theme-dark .mobile-language span{color:#a8a8a8}.mobile-menu.theme-dark .mobile-language button{background:#ffffff14;color:#888}.mobile-menu.theme-dark .mobile-language button.selected,.mobile-menu.theme-dark .mobile-language button:hover{background:#ffffff29;color:#fff}.hero{position:relative;display:flex;align-items:center;min-height:100vh;overflow:hidden;background-position:center;background-size:cover}.home-hero{background-image:url(/pictures/bgindex.jpg)}.vision-hero{height:auto;min-height:100vh;padding:140px 0 100px;background-image:url(/pictures/bgvision.jpg);align-items:center}.hero-overlay{position:absolute;inset:0;background:#0000004d}.vision-hero .hero-overlay{background:linear-gradient(180deg,#0a122459,#0a122473,#0a12248c)}.vision-hero .hero-content{max-width:760px;padding:0;text-shadow:0 2px 16px rgba(0,0,0,.45)}.hero-content{position:relative;z-index:1;max-width:900px;padding:112px 0;text-align:center;color:#fff}.hero-content h1{margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,8vw,72px);font-weight:500;line-height:1.08}.hero-content p{max-width:760px;margin:0 auto 32px;color:#ffffffe6;font-size:clamp(17px,2.6vw,22px);line-height:1.7}.hero-content .typewriter-text{min-height:calc(2lh + 12px)}.typewriter-cursor{display:inline-block;width:2px;height:1.16em;margin-left:3px;vertical-align:-.16em;background:#ffffffe6;animation:typewriter-caret .9s steps(2,jump-none) infinite}@keyframes typewriter-caret{0%,48%{opacity:1}49%,to{opacity:0}}.hero-content small{color:#ffffffb8;font-size:14px}.home-copyright{position:absolute;left:50%;bottom:36px;z-index:2;width:min(100% - 32px,1080px);transform:translate(-50%);color:#ffffffdb;text-align:center;font-size:14px;line-height:1.6;text-shadow:0 1px 12px rgba(0,0,0,.5)}.vision-content-section{padding:96px 0 110px}.content-wrap{width:min(100% - 32px,1080px);margin:0 auto}.letter{max-width:680px;margin:0 auto}.vision-hero-letter{margin:0 auto;text-align:left}.vision-hero-letter h2{margin:0 0 44px;text-align:center;font-size:clamp(28px,4.5vw,40px);font-weight:500;color:#fff;letter-spacing:.04em;text-shadow:0 2px 20px rgba(0,0,0,.5)}.vision-hero-letter .letter-body{max-width:620px;margin:0 auto}.vision-hero-letter .letter-greeting{margin:0 0 20px;color:#fff;font-size:16.5px;font-weight:500;line-height:1.8;text-shadow:0 1px 12px rgba(0,0,0,.4)}.vision-hero-letter .letter-paragraph{margin:0 0 18px;color:#ffffffeb;font-size:16px;line-height:1.8;white-space:pre-line;text-shadow:0 1px 12px rgba(0,0,0,.4)}.vision-hero-letter .letter-wish{margin:36px 0 0;color:#fff;font-size:16.5px;font-weight:500;line-height:1.8;text-shadow:0 1px 12px rgba(0,0,0,.4)}.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.pillar{position:relative;min-height:150px;padding-top:24px;text-align:left;border-top:1px solid rgba(30,58,95,.12)}.pillar-index{display:block;margin-bottom:16px;color:#1e3a5f75;font-size:15px;line-height:1}.pillar h3{margin:0 0 12px;color:var(--blue-deep);font-size:23px;font-weight:500;line-height:1.2}.pillar p{margin:0;color:#4b5563;font-size:15px;line-height:1.76}.works-shell{background:url(/pictures/bgwork.jpg) center / cover no-repeat fixed #f8fafc}.works-content-section{padding:120px 0 96px}.works-wrap{width:min(100% - 32px,1080px);margin:0 auto}.works-header-bar{display:flex;align-items:center;justify-content:flex-start;margin-bottom:28px}.works-tabs{display:inline-flex;align-items:center;gap:6px;padding:5px;background:#ffffffc7;border:1px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 4px 18px #0f172a0d,0 1px 3px #0f172a08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.works-tab-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 18px;font-size:14px;font-weight:500;line-height:1;color:#475569;border-radius:999px;background:transparent;transition:color .22s ease,background .22s ease,box-shadow .22s ease,transform .16s ease;-webkit-user-select:none;user-select:none;cursor:pointer}.works-tab-btn:hover{color:var(--ink);background:#ffffff80}.works-tab-btn.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 2px 8px #0f172a14,0 1px 2px #0f172a0a}.works-tab-btn:active{transform:scale(.97)}.works-empty{padding:80px 24px;text-align:center;background:#ffffffad;border:1px solid rgba(255,255,255,.85);border-radius:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.works-empty p{margin:0;color:#64748b;font-size:15px;letter-spacing:.02em}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.app-card{--glass-tint: .4;color:var(--ink);transition:opacity .7s ease-out,transform .32s ease,box-shadow .32s ease}.app-card>.liquid-glass__content{display:flex;flex-direction:column;padding:26px 26px 22px}.app-card-gradient{position:absolute;inset:0;opacity:0;transition:opacity .32s ease}.app-card-gradient__image{position:absolute;inset:-44px;background:#293b49 center / cover no-repeat;filter:blur(36px) saturate(1.45)}.app-card-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#0a12206b,#0a1220a3)}.app-name,.app-tagline,.app-store-link{transition:color .32s ease}.app-meta{transition:border-color .32s ease}@media(hover:hover)and (pointer:fine){.app-card:hover .app-card-gradient{opacity:1}.app-card:hover .app-name,.app-card:hover .app-store-link{color:#fff}.app-card:hover .app-tagline{color:#ffffffe6}.app-card:hover .app-meta{border-top-color:#ffffff3d}}.app-icon{width:66px;height:66px;margin:0 0 18px;border:2px solid rgba(255,255,255,.95);border-radius:15px;background:#fff;box-shadow:0 4px 14px #0f172a14}.app-name{margin:0 0 8px;color:#0f172a;font-size:18.5px;font-weight:600;line-height:1.35;letter-spacing:0;overflow-wrap:anywhere}.app-tagline{flex:1;margin:0 0 20px;color:#293b49;font-size:13.5px;line-height:1.68;letter-spacing:0}.app-meta{padding-top:15px;border-top:1px solid rgba(15,23,42,.12)}.app-store-link{display:inline-flex;align-items:center;gap:5px;color:#1645a0;font-size:13.5px;font-weight:500;letter-spacing:0;text-decoration:none}.app-store-link svg{transition:transform .2s ease}.app-store-link:hover{color:#123579}.app-store-link:hover svg{transform:translate(2px,-2px)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.app-card.visible:hover{transform:translateY(-4px);box-shadow:0 12px 30px #16283029}}@media(prefers-reduced-motion:reduce){.app-card-gradient,.app-name,.app-tagline,.app-store-link,.app-meta{transition:none}.app-card.fade-in{opacity:1;transform:none;transition:none}.app-store-link svg{transition:none;transform:none}}@media(forced-colors:active){.app-card-gradient{display:none}}.works-developer{margin-top:56px;text-align:center}.works-developer a{display:inline-flex;align-items:center;gap:5px;padding:12px 26px;color:var(--blue-deep);font-size:15px;text-decoration:none;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(30,58,95,.16);border-radius:999px;box-shadow:0 4px 16px #0f172a0d;transition:color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.works-developer a:hover{color:var(--blue);border-color:#2563eb66;background:#fffffffa;box-shadow:0 6px 20px #2563eb1f;transform:translateY(-1px)}.works-shell .site-footer{background:transparent;border-top:1px solid rgba(15,23,42,.07)}.audio-player{position:fixed;right:24px;bottom:24px;z-index:60;width:48px;height:48px;opacity:.42;transition:opacity .22s ease,transform .26s ease}.audio-player:hover,.audio-player:focus-within{opacity:1}.audio-player.hiddenMobile{transform:translate(100%);opacity:.3}.audio-button{position:absolute;inset:0;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:#374151;background:#fffc;border:1px solid rgba(147,197,253,.34);border-radius:50%;box-shadow:0 0 60px #3b82f626,0 0 100px #2563eb1a,inset 0 0 60px #3b82f60d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-player.visionStyle .audio-button,.audio-player.astraStyle .audio-button{color:#ffffffdb;background:#ffffff1f;border-color:#ffffff38;box-shadow:0 12px 38px #0f172a2e}.progress-ring{position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg);pointer-events:none}.progress-ring circle{fill:none;stroke-width:1.8}.progress-track{stroke:#93c5fd80}.progress-value{stroke:#3b82f6;stroke-dasharray:125.6;transition:stroke-dashoffset .18s ease}.audio-player.visionStyle .progress-track,.audio-player.astraStyle .progress-track{stroke:#fff3}.audio-player.visionStyle .progress-value,.audio-player.astraStyle .progress-value{stroke:#ffffffa8}.audio-player.astraStyle{right:64px;bottom:9px}@media(max-width:700px){.audio-player.astraStyle{right:60px;bottom:7px}}.audio-player.astraStyle.hiddenMobile{transform:translate(calc(100% + 64px))}@media(max-width:1023px){.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.header-inner,.content-wrap,.hero-content{width:min(100% - 28px,1080px)}.hero-content{padding:96px 0}.hero-content h1{font-size:clamp(40px,13vw,54px)}.hero-content p{font-size:17px}.home-copyright{bottom:28px;width:min(100% - 28px,1080px)}.vision-hero{padding:110px 0 70px}.vision-hero-letter h2{margin-bottom:32px}.vision-hero-letter .letter-greeting,.vision-hero-letter .letter-paragraph,.vision-hero-letter .letter-wish{font-size:15px;line-height:1.78}.vision-content-section{padding:68px 0 70px}.pillar-grid{grid-template-columns:1fr;gap:30px}.pillar{min-height:auto;padding-top:21px}.works-shell{background-attachment:scroll}.works-content-section{padding:104px 0 70px}.works-wrap{width:min(100% - 28px,1080px)}.works-header-bar{margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.works-header-bar::-webkit-scrollbar{display:none}.works-tabs{padding:4px;gap:4px}.works-tab-btn{padding:6px 14px;font-size:13px;white-space:nowrap}.app-grid{grid-template-columns:1fr;gap:20px}.app-card{border-radius:20px}.app-card>.liquid-glass__content{padding:22px 22px 20px}.app-icon{width:60px;height:60px;margin-bottom:15px;border-radius:14px}.app-name{font-size:17.5px;margin-bottom:7px}.app-tagline{font-size:13.5px;line-height:1.65;margin-bottom:16px}.app-meta{padding-top:14px}.app-store-link{font-size:13px}.works-developer{margin-top:44px}}