\u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4 | SKYHIDE INVESTMENTS<\/title>\n <meta name=\"description\" content=\"\u611f\u60c5\u3092\u6392\u3057\u3001\u8ad6\u7406\u3067\u7a7a\u3092\u7fd4\u308b\u3002\u72ec\u81ea\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3067\u5e02\u5834\u306e\u6b6a\u307f\u3092\u6349\u3048\u308b\u3001\u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4\u306e\u516c\u5f0f\u30b5\u30a4\u30c8\u3002\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n sky: {\n vivid: '#0077be',\n deep: '#004e92',\n light: '#e0f2fe',\n }\n },\n fontFamily: {\n sans: ['\"Montserrat\"', '\"Noto Sans JP\"', 'sans-serif'],\n },\n animation: {\n 'float': 'float 8s ease-in-out infinite',\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-15px)' },\n }\n }\n }\n }\n }\n <\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@100;200;300;400;500;600&family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* --- CORE SETTINGS --- *\/\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); }\n ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 100px; }\n ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.5); }\n\n body {\n font-family: 'Montserrat', 'Noto Sans JP', sans-serif;\n \/* \u80cc\u666f: \u3088\u308a\u7e4a\u7d30\u3067\u5e83\u304c\u308a\u3092\u611f\u3058\u308b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n background: radial-gradient(120% 120% at 50% 0%, #70d6ff 0%, #2F80ED 60%, #005bea 100%);\n background-attachment: fixed;\n color: #fff;\n overflow-x: hidden;\n margin: 0; padding: 0; min-height: 100vh;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n \/* --- BACKGROUND ELEMENTS --- *\/\n .clouds-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; overflow: hidden; pointer-events: none; }\n .cloud-real { position: absolute; background: #fff; border-radius: 100px; opacity: 0.8; filter: blur(20px); \/* \u30d6\u30e9\u30fc\u3092\u5f37\u3081\u3066\u7a7a\u6c17\u611f\u3092\u6f14\u51fa *\/ }\n .cloud-real::after, .cloud-real::before { content: ''; position: absolute; background: inherit; border-radius: 50%; }\n .cloud-real::after { width: 50%; height: 100%; top: -50%; left: 15%; }\n .cloud-real::before { width: 40%; height: 80%; top: -40%; right: 15%; }\n \n \/* \u96f2\u306e\u52d5\u304d\u3092\u3088\u308a\u96c4\u5927\u306b *\/\n .c1 { width: 400px; height: 140px; top: 10%; left: -400px; opacity: 0.3; transform: scale(0.8); animation: moveClouds 90s linear infinite; }\n .c2 { width: 600px; height: 200px; top: 30%; left: -600px; opacity: 0.25; transform: scale(1.1); animation: moveClouds 140s linear infinite; animation-delay: -30s; }\n .c3 { width: 300px; height: 100px; top: 70%; left: -300px; opacity: 0.15; transform: scale(0.6); animation: moveClouds 70s linear infinite; animation-delay: -10s; }\n .c4 { width: 500px; height: 160px; top: 15%; right: -500px; opacity: 0.3; transform: scale(0.9); animation: moveCloudsReverse 110s linear infinite; }\n \n @keyframes moveClouds { 0% { left: -600px; } 100% { left: 100%; } }\n @keyframes moveCloudsReverse { 0% { right: -600px; } 100% { right: 100%; } }\n\n \/* \u9ce5\u306e\u30ad\u30e3\u30f3\u30d0\u30b9\u8a2d\u5b9a: \u30b7\u30f3\u30d7\u30eb\u304b\u3064\u8efd\u91cf\u306b *\/\n #bird-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; pointer-events: none; opacity: 1.0; }\n\n \/* --- ANIMATIONS --- *\/\n .fade-in-up { \n opacity: 0; \n transform: translateY(60px) scale(0.98); \n transition: opacity 1.6s cubic-bezier(0.16, 1, 0.3, 1), transform 1.6s cubic-bezier(0.16, 1, 0.3, 1); \n will-change: opacity, transform;\n }\n .fade-in-up.visible { opacity: 1; transform: translateY(0) scale(1); }\n\n \/* --- COMPONENTS --- *\/\n \/* Super Glass Header *\/\n .glass-header { \n background: rgba(255, 255, 255, 0.01); \n backdrop-filter: blur(24px); \n -webkit-backdrop-filter: blur(24px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);\n }\n \n \/* Navigation Refined *\/\n .nav-link { \n position: relative; \n color: rgba(255,255,255,0.7); \n transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1); \n }\n .nav-link:hover { color: #fff; }\n .nav-link::before {\n content: ''; position: absolute; width: 100%; height: 1px; bottom: -8px; left: 0;\n background: linear-gradient(90deg, transparent, #fff, transparent);\n transform: scaleX(0); transform-origin: center;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n opacity: 0.7;\n }\n .nav-link:hover::before { transform: scaleX(1); }\n\n \/* Typography *\/\n .hero-title { \n text-shadow: 0 20px 60px rgba(0, 30, 80, 0.15); \n letter-spacing: -0.04em;\n line-height: 0.9;\n }\n .text-justify-pretty {\n text-align: justify;\n text-justify: inter-character;\n }\n\n \/* Super Glass Card *\/\n .section-bg { \n background: rgba(255, 255, 255, 0.02); \n backdrop-filter: blur(30px); \n -webkit-backdrop-filter: blur(30px);\n \/* Gradient Border Logic *\/\n border: 1px solid transparent;\n background-clip: padding-box;\n position: relative;\n border-radius: 32px;\n box-shadow: 0 30px 80px rgba(0, 20, 40, 0.1);\n }\n \/* Pseudo-element for Gradient Border *\/\n .section-bg::after {\n content: ''; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px;\n background: linear-gradient(135deg, rgba(255,255,255,0.3), rgba(255,255,255,0.05) 50%, rgba(255,255,255,0));\n z-index: -1; border-radius: 32px;\n }\n\n \/* Team Card Refined *\/\n .team-card { \n background: linear-gradient(160deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%); \n backdrop-filter: blur(20px); \n border: 1px solid rgba(255, 255, 255, 0.08); \n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); \n position: relative;\n overflow: hidden;\n }\n .team-card:hover { \n transform: translateY(-10px) scale(1.01); \n border-color: rgba(255, 255, 255, 0.2);\n background: linear-gradient(160deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%); \n box-shadow: 0 40px 100px rgba(0, 40, 80, 0.2);\n }\n \n \/* \u5149\u306e\u53cd\u5c04\u30a8\u30d5\u30a7\u30af\u30c8 (Shimmer) *\/\n .shimmer-effect {\n position: relative; overflow: hidden;\n }\n .shimmer-effect::before {\n content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n transform: skewX(-20deg); transition: 0.6s; pointer-events: none;\n }\n .group:hover .shimmer-effect::before { left: 150%; transition: 1s cubic-bezier(0.16, 1, 0.3, 1); }\n\n .logo-text-sky { letter-spacing: 0.15em; }\n .logo-text-hide { letter-spacing: 0.25em; }\n\n .deco-line {\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\n width: 100%;\n opacity: 0.5;\n margin: 3rem 0;\n }\n\n .icon-container {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n box-shadow: inset 0 0 20px rgba(255,255,255,0.05);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-white selection:text-sky-deep\">\n\n <div class=\"clouds-wrapper\">\n <div class=\"cloud-real c1\"><\/div>\n <div class=\"cloud-real c2\"><\/div>\n <div class=\"cloud-real c3\"><\/div>\n <div class=\"cloud-real c4\"><\/div>\n <\/div>\n\n <canvas id=\"bird-canvas\"><\/canvas>\n\n <header class=\"glass-header fixed w-full top-0 z-50 transition-all duration-500\">\n <div class=\"max-w-7xl mx-auto px-8 h-28 flex justify-between items-center\">\n <a href=\"#\" class=\"text-2xl md:text-3xl font-sans flex items-center gap-4 text-white group hover:opacity-80 transition-opacity duration-500\">\n <span class=\"drop-shadow-[0_0_25px_rgba(255,255,255,0.5)]\">\n <span class=\"font-extralight logo-text-sky text-white\/90\">SKY<\/span><span class=\"font-bold logo-text-hide\">HIDE<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"hidden md:flex gap-16 text-[10px] tracking-[0.3em] font-medium text-white\/80\">\n <a href=\"#about\" class=\"nav-link\">ABOUT<\/a>\n <a href=\"#investment\" class=\"nav-link\">STRATEGY<\/a>\n <a href=\"#profile\" class=\"nav-link\">PROFILE<\/a>\n <a href=\"#company\" class=\"nav-link\">COMPANY<\/a>\n <\/nav>\n\n <button class=\"md:hidden text-white p-3 hover:bg-white\/10 rounded-full transition-all duration-300\" onclick=\"document.getElementById('mobile-menu').classList.toggle('hidden')\">\n <i data-lucide=\"menu\" class=\"w-6 h-6 stroke-1\"><\/i>\n <\/button>\n <\/div>\n\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-[#2F80ED]\/98 backdrop-blur-2xl border-t border-white\/10 absolute w-full z-40\">\n <div class=\"flex flex-col p-10 gap-10 text-[11px] tracking-[0.25em] text-center text-white font-light\">\n <a href=\"#about\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">ABOUT<\/a>\n <a href=\"#investment\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">STRATEGY<\/a>\n <a href=\"#profile\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">PROFILE<\/a>\n <a href=\"#company\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">COMPANY<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"relative h-screen flex items-center justify-center px-6 overflow-hidden\">\n <div class=\"max-w-[90rem] w-full mx-auto relative z-10 pt-20 px-4 md:px-12\">\n <div class=\"fade-in-up\" style=\"transition-delay: 0.1s;\">\n <div class=\"flex items-center gap-4 mb-10 opacity-80\">\n <div class=\"w-12 h-[1px] bg-white\"><\/div>\n <p class=\"text-[10px] md:text-xs tracking-[0.6em] text-white font-medium uppercase\">\n Skyhide Investments LLC\n <\/p>\n <\/div>\n <\/div>\n \n <h1 class=\"text-6xl md:text-[8.5rem] lg:text-[10rem] font-medium leading-[0.85] tracking-tighter mb-16 hero-title fade-in-up text-white\" style=\"transition-delay: 0.3s;\">\n Wings of<br>\n <span class=\"font-bold text-transparent bg-clip-text bg-gradient-to-r from-white via-white to-sky-200 drop-shadow-xl\">Logic.<\/span>\n <\/h1>\n \n <div class=\"fade-in-up flex justify-end pr-4 md:pr-20\" style=\"transition-delay: 0.5s;\">\n <p class=\"max-w-md text-white\/90 text-sm leading-[2.2] border-l border-white\/30 pl-8 font-light tracking-wider text-justify-pretty\">\n \u611f\u60c5\u3092\u6392\u3057\u3001\u8ad6\u7406\u3067\u7a7a\u3092\u7fd4\u308b\u3002<br>\n \u72ec\u81ea\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u304c\u5e02\u5834\u306e\u6b6a\u307f\u3092\u6349\u3048\u3001<br>\n 24\u6642\u9593365\u65e5\u3001\u6700\u9069\u306a\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u523b\u307f\u7d9a\u3051\u308b\u3002\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"absolute bottom-16 left-12 md:left-20 flex items-center gap-6 opacity-60 animate-float\">\n <div class=\"w-[1px] h-32 bg-gradient-to-b from-transparent via-white to-transparent\"><\/div>\n <span class=\"text-[9px] tracking-[0.4em] -rotate-90 origin-left text-white font-light translate-y-12\">SCROLL TO DISCOVER<\/span>\n <\/div>\n <\/section>\n\n <section id=\"about\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-[85rem] mx-auto grid grid-cols-1 md:grid-cols-12 gap-16 md:gap-24 items-center\">\n <div class=\"fade-in-up md:col-span-5\">\n <span class=\"text-[10px] font-bold tracking-[0.4em] text-white\/80 mb-8 block flex items-center gap-3\">\n <span class=\"w-6 h-[1px] bg-white\/50\"><\/span> OUR PHILOSOPHY\n <\/span>\n <h2 class=\"text-5xl md:text-7xl font-thin mb-16 text-white drop-shadow-xl tracking-tight leading-none\">\n Silent<br><span class=\"font-bold\">Precision.<\/span>\n <\/h2>\n <p class=\"text-white\/90 leading-[2.2] mb-10 text-justify-pretty font-light text-sm tracking-wide pl-4 border-l border-white\/20\">\n \u9ce5\u306e\u7fa4\u308c\u304c\u885d\u7a81\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u3072\u3068\u3064\u306e\u5de8\u5927\u306a\u610f\u601d\u3068\u3057\u3066\u65cb\u56de\u3059\u308b\u3088\u3046\u306b\u3002<br><br>\n \u79c1\u305f\u3061\u306f\u30b7\u30b9\u30c6\u30e0\u30c8\u30ec\u30fc\u30c9\u306e\u529b\u3067\u3001\u5e02\u5834\u306e\u300c\u30ab\u30aa\u30b9\u300d\u3092\u300c\u79e9\u5e8f\u300d\u3078\u3068\u5909\u63db\u3057\u307e\u3059\u3002\n \u4e00\u5207\u306e\u611f\u60c5\u3068\u4e3b\u89b3\u3092\u6392\u3057\u3001\u6570\u5024\u3068\u78ba\u7387\u306e\u307f\u304c\u652f\u914d\u3059\u308b\u3001\u9759\u8b10\u304b\u3064\u7cbe\u5bc6\u306a\u8cc7\u7523\u904b\u7528\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"md:col-span-7 section-bg h-[500px] md:h-[650px] p-10 flex items-center justify-center fade-in-up overflow-hidden transition-transform duration-1000 group\" style=\"transition-delay: 0.2s;\">\n <div class=\"text-center relative z-10 flex flex-col items-center justify-center w-full h-full transform transition-transform duration-1000 group-hover:scale-105\">\n <div class=\"w-full h-full relative opacity-80 hover:opacity-100 transition-opacity duration-700\">\n <svg viewBox=\"0 0 500 300\" class=\"w-full h-full overflow-visible\">\n <defs><linearGradient id=\"chartGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#fff\" stop-opacity=\"0.3\"\/><stop offset=\"100%\" stop-color=\"#fff\" stop-opacity=\"0.0\"\/><\/linearGradient><filter id=\"glow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"4\" result=\"coloredBlur\"\/><feMerge><feMergeNode in=\"coloredBlur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter><filter id=\"strongGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"6\" result=\"coloredBlur\"\/><feMerge><feMergeNode in=\"coloredBlur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter><clipPath id=\"scanClip\"><rect x=\"0\" y=\"0\" width=\"500\" height=\"300\" \/><\/clipPath><\/defs><style>.scan-line { animation: scanVertical 4s ease-in-out infinite; } .pulse-dot { animation: pulseAlpha 2s infinite; } .data-stream { animation: slideData 15s linear infinite; } .target-ring { animation: rotateRing 8s linear infinite; } .target-bracket { animation: bracketBreathing 3s ease-in-out infinite; } .chart-path-reveal { stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: drawChart 4s ease-out forwards; } .candle-up { fill: #fff; fill-opacity: 0.95; stroke: none; filter: url(#glow); } .candle-down { fill: transparent; stroke: #fff; stroke-width: 2; stroke-opacity: 0.8; } .hud-text { font-family: 'Montserrat', monospace; font-weight: 600; } @keyframes scanVertical { 0% { transform: translateY(-100%); opacity: 0; } 20% { opacity: 0.3; } 80% { opacity: 0.3; } 100% { transform: translateY(200%); opacity: 0; } } @keyframes pulseAlpha { 0% { r: 5; opacity: 1; stroke-width: 0; } 50% { r: 10; opacity: 0.6; stroke-width: 6; stroke-opacity: 0.2; } 100% { r: 5; opacity: 1; stroke-width: 0; } } @keyframes slideData { 0% { transform: translateX(0); } 100% { transform: translateX(-50px); } } @keyframes rotateRing { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes bracketBreathing { 0%, 100% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.1); opacity: 1; } } @keyframes drawChart { to { stroke-dashoffset: 0; } }<\/style><g stroke=\"white\" stroke-opacity=\"0.12\" stroke-width=\"1\"><path d=\"M0 50 H500 M0 100 H500 M0 150 H500 M0 200 H500 M0 250 H500\" \/><path d=\"M50 0 V300 M100 0 V300 M150 0 V300 M200 0 V300 M250 0 V300 M300 0 V300 M350 0 V300 M400 0 V300 M450 0 V300\" \/><\/g><g opacity=\"0.15\" class=\"data-stream\"><text x=\"10\" y=\"25\" font-family=\"monospace\" font-size=\"10\" fill=\"white\" font-weight=\"bold\">0101100100101010100101010101010111001<\/text><text x=\"60\" y=\"290\" font-family=\"monospace\" font-size=\"10\" fill=\"white\" font-weight=\"bold\">1010010111010100101010010101010101110<\/text><\/g><g stroke=\"white\" stroke-width=\"2\" fill=\"none\" opacity=\"0.7\"><path d=\"M10 20 L40 20 L40 10\" \/><path d=\"M10 280 L40 280 L40 290\" \/><path d=\"M490 20 L460 20 L460 10\" \/><path d=\"M490 280 L460 280 L460 290\" \/><\/g><g transform=\"translate(430, 25)\"><text x=\"0\" y=\"5\" fill=\"white\" class=\"hud-text\" font-size=\"10\" opacity=\"0.8\" letter-spacing=\"2\" text-anchor=\"end\">LIVE MONITORING<\/text><circle cx=\"10\" cy=\"1\" r=\"4\" fill=\"#56ccf2\" filter=\"url(#glow)\"><animate attributeName=\"opacity\" values=\"0.4;1;0.4\" dur=\"1.5s\" repeatCount=\"indefinite\" \/><\/circle><\/g><g filter=\"url(#glow)\"><path d=\"M0 250 L 50 240 C 90 230, 120 200, 160 205 C 200 210, 230 160, 270 150 C 310 140, 340 155, 380 120 C 420 90, 450 100, 480 70 L 500 70 V 300 H 0 Z\" fill=\"url(#chartGradient)\" opacity=\"0.15\" \/><g stroke=\"white\" stroke-width=\"2\" opacity=\"1\"><line x1=\"40\" y1=\"235\" x2=\"40\" y2=\"275\" opacity=\"0.7\"\/><rect x=\"34\" y=\"245\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"80\" y1=\"230\" x2=\"80\" y2=\"260\" opacity=\"0.7\"\/><rect x=\"74\" y=\"235\" width=\"12\" height=\"15\" class=\"candle-down\" \/><line x1=\"120\" y1=\"225\" x2=\"120\" y2=\"250\" opacity=\"0.7\"\/><rect x=\"114\" y=\"230\" width=\"12\" height=\"12\" class=\"candle-up\" \/><line x1=\"160\" y1=\"190\" x2=\"160\" y2=\"230\" opacity=\"0.7\"\/><rect x=\"154\" y=\"200\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"200\" y1=\"190\" x2=\"200\" y2=\"220\" opacity=\"0.7\"\/><rect x=\"194\" y=\"195\" width=\"12\" height=\"20\" class=\"candle-down\" \/><line x1=\"240\" y1=\"180\" x2=\"240\" y2=\"210\" opacity=\"0.7\"\/><rect x=\"234\" y=\"190\" width=\"12\" height=\"15\" class=\"candle-up\" \/><line x1=\"280\" y1=\"150\" x2=\"280\" y2=\"190\" opacity=\"0.7\"\/><rect x=\"274\" y=\"160\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"320\" y1=\"145\" x2=\"320\" y2=\"175\" opacity=\"0.7\"\/><rect x=\"314\" y=\"150\" width=\"12\" height=\"15\" class=\"candle-down\" \/><line x1=\"360\" y1=\"115\" x2=\"360\" y2=\"155\" opacity=\"0.7\"\/><rect x=\"354\" y=\"125\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"400\" y1=\"110\" x2=\"400\" y2=\"140\" opacity=\"0.9\"\/><line x1=\"392\" y1=\"125\" x2=\"408\" y2=\"125\" stroke-width=\"3\" \/><line x1=\"440\" y1=\"75\" x2=\"440\" y2=\"135\" opacity=\"0.8\"\/><rect x=\"432\" y=\"85\" width=\"16\" height=\"40\" class=\"candle-up\" filter=\"url(#strongGlow)\" \/><line x1=\"440\" y1=\"85\" x2=\"440\" y2=\"125\" stroke=\"#56ccf2\" stroke-width=\"4\" opacity=\"0.5\" \/><\/g><path d=\"M0 250 L 50 240 C 90 230, 120 200, 160 205 C 200 210, 230 160, 270 150 C 310 140, 340 155, 380 120 C 420 90, 450 100, 480 70 L 500 65\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" class=\"chart-path-reveal\" opacity=\"0.9\" \/><path d=\"M0 280 C 130 250, 260 190, 500 110\" fill=\"none\" stroke=\"#56ccf2\" stroke-width=\"1\" stroke-dasharray=\"6,6\" opacity=\"0.4\" \/><path d=\"M0 220 C 130 210, 260 110, 500 40\" fill=\"none\" stroke=\"#56ccf2\" stroke-width=\"1\" stroke-dasharray=\"6,6\" opacity=\"0.4\" \/><\/g><g transform=\"translate(440, 105)\" filter=\"url(#glow)\"><g class=\"target-bracket\"><path d=\"M-30 -40 L -10 -40 M -30 -40 L -30 -20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M30 -40 L 10 -40 M 30 -40 L 30 -20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M-30 40 L -10 40 M -30 40 L -30 20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M30 40 L 10 40 M 30 40 L 30 20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><\/g><circle cx=\"0\" cy=\"0\" r=\"25\" stroke=\"white\" stroke-width=\"1\" stroke-dasharray=\"5,5\" fill=\"none\" opacity=\"0.8\" class=\"target-ring\"\/><circle cx=\"0\" cy=\"0\" r=\"32\" stroke=\"#56ccf2\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.5\"><animate attributeName=\"r\" values=\"32;36;32\" dur=\"2s\" repeatCount=\"indefinite\" \/><\/circle><circle r=\"6\" fill=\"#fff\" class=\"pulse-dot\" \/><line x1=\"0\" y1=\"0\" x2=\"-80\" y2=\"-60\" stroke=\"white\" stroke-width=\"1\" stroke-dasharray=\"4,4\" opacity=\"0.6\" \/><circle cx=\"-80\" cy=\"-60\" r=\"3\" fill=\"white\" \/><\/g><g class=\"hud-text\" font-size=\"12\" fill=\"white\" opacity=\"0.9\" font-weight=\"bold\" filter=\"url(#glow)\"><text x=\"250\" y=\"35\" text-anchor=\"end\">ALPHA SIGNAL DETECTED<\/text><text x=\"250\" y=\"52\" font-size=\"10\" opacity=\"0.7\" text-anchor=\"end\">CONFIDENCE: 98.9%<\/text><\/g><rect width=\"500\" height=\"40\" fill=\"url(#chartGradient)\" class=\"scan-line\" clip-path=\"url(#scanClip)\" opacity=\"0.15\" \/><line x1=\"0\" y1=\"0\" x2=\"500\" y2=\"0\" stroke=\"#56ccf2\" stroke-width=\"2\" stroke-opacity=\"0.5\" class=\"scan-line\" \/>\n <\/svg>\n <\/div>\n \n <span class=\"text-[10px] tracking-[0.6em] text-white\/95 font-bold drop-shadow-[0_0_15px_rgba(255,255,255,0.8)] absolute bottom-8 right-8\">SYSTEMATIC ALPHA<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"investment\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-[85rem] mx-auto\">\n <div class=\"mb-32 fade-in-up flex flex-col items-center\">\n <span class=\"text-[10px] font-bold tracking-[0.4em] text-white\/90 mb-6 flex items-center gap-3\">\n <span class=\"w-1 h-1 bg-white rounded-full\"><\/span> INVESTMENT STRATEGY <span class=\"w-1 h-1 bg-white rounded-full\"><\/span>\n <\/span>\n <h2 class=\"text-5xl md:text-6xl font-thin text-white drop-shadow-md text-center\">Algorithmic <span class=\"font-bold\">Approach<\/span><\/h2>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12\">\n \n <div class=\"group shimmer-effect section-bg p-12 md:p-16 hover:bg-white\/5 transition-all duration-700 fade-in-up rounded-[40px] text-center border-opacity-30\">\n <div class=\"mb-10 icon-container rounded-full w-24 h-24 flex items-center justify-center group-hover:scale-110 transition-transform duration-700 text-white mx-auto\">\n <i data-lucide=\"globe-2\" class=\"w-10 h-10 stroke-1 group-hover:stroke-2 transition-all\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold mb-8 tracking-widest text-white uppercase leading-relaxed\">Multi-Asset<br>Global Macro<\/h3>\n <p class=\"text-xs text-white\/70 leading-[2.4] font-light tracking-wide\">\n \u682a\u5f0f\u30fb\u50b5\u5238\u30fb\u70ba\u66ff\u30fb\u30b3\u30e2\u30c7\u30a3\u30c6\u30a3\u304b\u3089\u6697\u53f7\u8cc7\u7523\u307e\u3067\u3002\u72ec\u81ea\u306e\u7d71\u4e00\u30ed\u30b8\u30c3\u30af\u304c\u76f8\u95a2\u6027\u3092\u6392\u9664\u3057\u3001\u3042\u3089\u3086\u308b\u5e02\u5834\u74b0\u5883\u4e0b\u3067\u6a5f\u80fd\u3059\u308b\u5168\u5929\u5019\u578b\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u69cb\u7bc9\u3002\n <\/p>\n <\/div>\n \n <div class=\"group shimmer-effect section-bg p-12 md:p-16 hover:bg-white\/5 transition-all duration-700 fade-in-up rounded-[40px] text-center border-opacity-30\" style=\"transition-delay: 0.15s;\">\n <div class=\"mb-10 icon-container rounded-full w-24 h-24 flex items-center justify-center group-hover:scale-110 transition-transform duration-700 text-white mx-auto\">\n <i data-lucide=\"cpu\" class=\"w-10 h-10 stroke-1 group-hover:stroke-2 transition-all\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold mb-8 tracking-widest text-white uppercase leading-relaxed\">Pure<br>Systematic<\/h3>\n <p class=\"text-xs text-white\/70 leading-[2.4] font-light tracking-wide\">\n \u8a8d\u77e5\u30d0\u30a4\u30a2\u30b9\u3092\u5b8c\u5168\u6392\u9664\u3002\u81a8\u5927\u306a\u30d0\u30c3\u30af\u30c6\u30b9\u30c8\u306b\u3088\u3063\u3066\u691c\u8a3c\u3055\u308c\u305f\u7d71\u8a08\u7684\u512a\u4f4d\u6027\uff08Edge\uff09\u306e\u3042\u308b\u5c40\u9762\u306e\u307f\u3092\u3001\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u304c\u51b7\u5fb9\u306b\u57f7\u884c\u3057\u7d9a\u3051\u308b\u3002\n <\/p>\n <\/div>\n \n <div class=\"group shimmer-effect section-bg p-12 md:p-16 hover:bg-white\/5 transition-all duration-700 fade-in-up rounded-[40px] text-center border-opacity-30\" style=\"transition-delay: 0.3s;\">\n <div class=\"mb-10 icon-container rounded-full w-24 h-24 flex items-center justify-center group-hover:scale-110 transition-transform duration-700 text-white mx-auto\">\n <i data-lucide=\"shield-check\" class=\"w-10 h-10 stroke-1 group-hover:stroke-2 transition-all\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold mb-8 tracking-widest text-white uppercase leading-relaxed\">Dynamic<br>Risk Control<\/h3>\n <p class=\"text-xs text-white\/70 leading-[2.4] font-light tracking-wide\">\n \u30dc\u30e9\u30c6\u30a3\u30ea\u30c6\u30a3\u306e\u5909\u52d5\u306b\u5373\u5ea7\u306b\u53cd\u5fdc\u3057\u3001\u30dd\u30b8\u30b7\u30e7\u30f3\u30b5\u30a4\u30ba\u3092\u52d5\u7684\u306b\u6700\u9069\u5316\u3002\u30c6\u30fc\u30eb\u30ea\u30b9\u30af\u3092\u672a\u7136\u306b\u56de\u907f\u3057\u3001\u9577\u671f\u7684\u306a\u8cc7\u7523\u66f2\u7dda\u306e\u5b89\u5b9a\u6027\u3092\u62c5\u4fdd\u3059\u308b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"profile\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-32 fade-in-up\">\n <span class=\"text-[10px] font-bold tracking-[0.4em] text-white\/90 mb-4 block\">REPRESENTATIVE<\/span>\n <h2 class=\"text-4xl md:text-5xl font-thin text-white drop-shadow-md mb-8\">The <span class=\"font-bold\">Architect<\/span><\/h2>\n <p class=\"text-white\/70 max-w-2xl mx-auto leading-relaxed font-light text-sm tracking-wide\">\n \u5e02\u5834\u3068\u3044\u3046\u540d\u306e\u4e0d\u78ba\u5b9f\u6027\u306b\u3001<br>\n \u6570\u7406\u30e2\u30c7\u30eb\u3068\u3044\u3046\u300c\u7f85\u91dd\u76e4\u300d\u3067\u6311\u3080\u3002\n <\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"team-card p-16 md:p-24 rounded-[3rem] fade-in-up text-center relative overflow-hidden group\">\n <div class=\"absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-white\/50 to-transparent\"><\/div>\n \n <div class=\"w-40 h-40 mx-auto mb-12 rounded-full p-[2px] relative\">\n <div class=\"absolute inset-0 rounded-full border border-white\/10\"><\/div>\n <div class=\"absolute inset-0 rounded-full border-t border-white\/80 animate-spin\" style=\"animation-duration: 12s;\"><\/div>\n \n <div class=\"absolute inset-2 rounded-full border-b border-white\/40 animate-spin\" style=\"animation-duration: 8s; animation-direction: reverse;\"><\/div>\n <div class=\"w-full h-full rounded-full bg-gradient-to-b from-[#2F80ED]\/90 to-[#005bea]\/90 flex items-center justify-center backdrop-blur-xl relative z-10 shadow-2xl\">\n <i data-lucide=\"user\" class=\"w-16 h-16 text-white stroke-1\"><\/i>\n <\/div>\n <\/div>\n \n <h3 class=\"text-3xl font-bold text-white mb-3 tracking-wide\">\u4ee3\u8868 HIDENORI OKAMOTO<\/h3>\n <p class=\"text-[10px] tracking-[0.4em] text-sky-100 mb-12 uppercase font-medium\">Representative Partner<\/p>\n \n <div class=\"deco-line\"><\/div>\n \n <p class=\"text-sm text-white\/90 leading-[2.4] text-justify-pretty font-light tracking-wide px-4 md:px-12\">\n \u91d1\u878d\u5de5\u5b66\u3068\u5148\u7aef\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306e\u878d\u5408\u306b\u3088\u308a\u3001\u5e02\u5834\u69cb\u9020\u306e\u5fae\u7d30\u306a\u6b6a\u307f\u3092\u6355\u6349\u3002\n \u9ad8\u5ea6\u306a\u5b9a\u91cf\u7684\u5206\u6790\uff08Quantitative Analysis\uff09\u306b\u57fa\u3065\u304f\u81ea\u52d5\u57f7\u884c\u30b7\u30b9\u30c6\u30e0\u3092\u8a2d\u8a08\u3057\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u30de\u30af\u30ed\u8996\u70b9\u3067\u306e\u898f\u5f8b\u3042\u308b\u6295\u8cc7\u6226\u7565\u3092\u7d71\u62ec\u3059\u308b\u3002\n \u611f\u60c5\u3084\u4e3b\u89b3\u3092\u5b8c\u5168\u306b\u6392\u3057\u305f\u6570\u7406\u30e2\u30c7\u30eb\u3053\u305d\u304c\u3001\u4e0d\u78ba\u5b9f\u306a\u5e02\u5834\u306b\u304a\u3051\u308b\u552f\u4e00\u306e\u89e3\u3067\u3042\u308b\u3068\u3044\u3046\u4fe1\u5ff5\u306e\u3082\u3068\u3001\u6052\u4e45\u7684\u306a\u8cc7\u7523\u4fa1\u5024\u306e\u6700\u5927\u5316\u3092\u8ffd\u6c42\u3057\u7d9a\u3051\u308b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"company\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-5xl mx-auto section-bg rounded-[3rem] p-16 md:p-32 fade-in-up text-center relative overflow-hidden\">\n \n <div class=\"absolute -top-32 -left-32 w-96 h-96 bg-white\/10 rounded-full blur-[100px] pointer-events-none mix-blend-overlay\"><\/div>\n <div class=\"absolute -bottom-32 -right-32 w-96 h-96 bg-white\/10 rounded-full blur-[100px] pointer-events-none mix-blend-overlay\"><\/div>\n\n <div class=\"mb-16 relative z-10\">\n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 tracking-[0.2em] drop-shadow-2xl\">SKYHIDE INVESTMENTS LLC<\/h2>\n <p class=\"text-[10px] text-white\/80 tracking-[0.5em] font-light\">\u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4<\/p>\n <\/div>\n\n <div class=\"w-24 h-[1px] bg-gradient-to-r from-transparent via-white\/60 to-transparent mx-auto my-12\"><\/div>\n\n <p class=\"text-white\/80 leading-[2.6] text-xs md:text-sm mb-10 font-light tracking-wide\">\n \u5f53\u793e\u306f\u3001\u72ec\u81ea\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3092\u7528\u3044\u305f\u81ea\u5df1\u8cc7\u7523\u306e\u904b\u7528\uff08Proprietary Trading\uff09<br>\n\u304a\u3088\u3073\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3092\u884c\u3063\u3066\u304a\u308a\u307e\u3059\u3002<br>\n \u6295\u8cc7\u52e7\u8a98\u696d\u52d9\u3001\u52a9\u8a00\u696d\u52d9\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002\n <\/p>\n \n <div class=\"mt-16 inline-block relative group\">\n <div class=\"absolute inset-0 bg-white\/10 rounded-full blur-xl group-hover:bg-white\/20 transition-colors duration-700\"><\/div>\n <p class=\"relative z-10 text-white\/90 text-[10px] border border-white\/20 px-10 py-5 rounded-full backdrop-blur-md tracking-widest bg-white\/5 group-hover:bg-white\/10 transition-colors duration-500\">\n \u203b \u73fe\u5728\u3001\u65b0\u898f\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u304a\u3088\u3073\u9762\u4f1a\u306f\u5168\u3066\u8f9e\u9000\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u3066\u304a\u308a\u307e\u3059\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"bg-[#2F80ED]\/30 backdrop-blur-3xl py-32 px-8 border-t border-white\/10 relative z-10\">\n <div class=\"max-w-[85rem] mx-auto flex flex-col md:flex-row justify-between items-center gap-12\">\n <div class=\"text-center md:text-left w-full md:w-auto\">\n <a href=\"#\" class=\"text-3xl font-sans text-white flex items-center gap-4 justify-center md:justify-start group opacity-80 hover:opacity-100 transition-opacity duration-500\">\n <span class=\"drop-shadow-xl\">\n <span class=\"font-extralight logo-text-sky tracking-[0.2em]\">SKY<\/span><span class=\"font-bold logo-text-hide tracking-[0.3em]\">HIDE<\/span>\n <\/span>\n <\/a>\n <p class=\"text-white\/50 text-[10px] mt-8 tracking-[0.2em] font-light\">\u00a9 2024 SKYHIDE INVESTMENTS LLC<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n lucide.createIcons();\n\n \/\/ --------------------------------------------------\n \/\/ ELEGANT SWARM SIMULATION (\u9ce5\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3)\n \/\/ --------------------------------------------------\n \/\/ \u203b \u51e6\u7406\u306f\u4e00\u5207\u91cd\u304f\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u8a2d\u5b9a\u5024\u3082\u7dad\u6301\u3002\n const canvas = document.getElementById('bird-canvas');\n const ctx = canvas.getContext('2d');\n \n let width, height;\n let birds = [];\n const BIRD_COUNT = 300;\n\n const PERCEPTION_RADIUS = 100; \n const MAX_SPEED = 4; \n const MAX_FORCE = 0.04; \n \n let target = { x: 0, y: 0 };\n let mouse = { x: 0, y: 0, active: false, timer: null };\n\n const handleInteraction = (x, y) => {\n mouse.x = x;\n mouse.y = y;\n mouse.active = true;\n clearTimeout(mouse.timer);\n mouse.timer = setTimeout(() => { mouse.active = false; }, 4000);\n };\n\n window.addEventListener('mousemove', e => handleInteraction(e.clientX, e.clientY));\n window.addEventListener('touchmove', e => {\n if(e.touches.length > 0) handleInteraction(e.touches[0].clientX, e.touches[0].clientY);\n }, {passive: true});\n\n function resize() {\n width = window.innerWidth;\n height = window.innerHeight;\n canvas.width = width;\n canvas.height = height;\n }\n window.addEventListener('resize', resize);\n resize();\n\n class Vector {\n constructor(x, y) { this.x = x; this.y = y; }\n add(v) { this.x += v.x; this.y += v.y; return this; }\n sub(v) { this.x -= v.x; this.y -= v.y; return this; }\n mult(n) { this.x *= n; this.y *= n; return this; }\n div(n) { if(n!==0){this.x \/= n; this.y \/= n;} return this; }\n mag() { return Math.sqrt(this.x*this.x + this.y*this.y); }\n setMag(n) { return this.normalize().mult(n); }\n normalize() {\n let m = this.mag();\n if (m !== 0) this.div(m);\n return this;\n }\n limit(max) {\n if (this.mag() > max) this.setMag(max);\n return this;\n }\n static sub(v1, v2) { return new Vector(v1.x - v2.x, v1.y - v2.y); }\n static dist(v1, v2) { return Math.hypot(v1.x - v2.x, v1.y - v2.y); }\n }\n\n class Boid {\n constructor() {\n this.position = new Vector(Math.random() * width, Math.random() * height);\n this.velocity = new Vector((Math.random()-0.5)*2, (Math.random()-0.5)*2);\n this.acceleration = new Vector(0, 0);\n this.z = Math.random() * 0.7 + 0.3; \n this.size = (Math.random() * 2.0 + 1.5) * this.z;\n this.wingPhase = Math.random() * Math.PI * 2;\n this.baseFlapSpeed = 0.1 + Math.random() * 0.05;\n this.flapSpeed = this.baseFlapSpeed;\n this.isGliding = false;\n this.glideTimer = 0;\n }\n\n seek(targetPos) {\n let desired = Vector.sub(targetPos, this.position);\n desired.setMag(MAX_SPEED * this.z);\n let steer = Vector.sub(desired, this.velocity);\n steer.limit(MAX_FORCE); \n return steer;\n }\n\n flock(boids, targetPos) {\n let alignment = new Vector(0, 0);\n let cohesion = new Vector(0, 0);\n let separation = new Vector(0, 0);\n let count = 0;\n\n for (let other of boids) {\n let d = Vector.dist(this.position, other.position);\n if (other !== this && d < PERCEPTION_RADIUS * this.z) {\n alignment.add(other.velocity);\n cohesion.add(other.position);\n let diff = Vector.sub(this.position, other.position);\n diff.div(d * d); \n separation.add(diff);\n count++;\n }\n }\n\n if (count > 0) {\n alignment.div(count).setMag(MAX_SPEED * this.z).sub(this.velocity).limit(MAX_FORCE * 1.2);\n cohesion.div(count).sub(this.position).setMag(MAX_SPEED * this.z).sub(this.velocity).limit(MAX_FORCE);\n separation.div(count).setMag(MAX_SPEED * this.z).sub(this.velocity).limit(MAX_FORCE * 1.5);\n }\n\n let seeking = this.seek(targetPos);\n this.acceleration.add(separation.mult(1.4));\n this.acceleration.add(alignment.mult(1.2)); \n this.acceleration.add(cohesion.mult(0.8));\n this.acceleration.add(seeking.mult(0.8)); \n }\n\n update(boids, targetPos) {\n this.flock(boids, targetPos);\n this.velocity.add(this.acceleration);\n this.velocity.limit(MAX_SPEED * this.z);\n this.position.add(this.velocity);\n this.acceleration.mult(0);\n\n if (this.isGliding) {\n this.glideTimer--;\n if (this.glideTimer <= 0) this.isGliding = false;\n let targetPhase = Math.PI \/ 2; \n let diff = targetPhase - (this.wingPhase % (Math.PI*2));\n this.wingPhase += diff * 0.1;\n } else {\n let speedRatio = this.velocity.mag() \/ (MAX_SPEED * this.z);\n this.flapSpeed = this.baseFlapSpeed * (0.5 + speedRatio);\n this.wingPhase += this.flapSpeed;\n if (Math.random() < 0.005) { \n this.isGliding = true;\n this.glideTimer = 30 + Math.random() * 60; \n }\n }\n\n const margin = 100;\n if (this.position.x < -margin) this.position.x = width + margin;\n if (this.position.x > width + margin) this.position.x = -margin;\n if (this.position.y < -margin) this.position.y = height + margin;\n if (this.position.y > height + margin) this.position.y = -margin;\n }\n\n draw() {\n ctx.save();\n ctx.translate(this.position.x, this.position.y);\n const angle = Math.atan2(this.velocity.y, this.velocity.x);\n ctx.rotate(angle);\n \n \/\/ \u30a2\u30eb\u30d5\u30a1\u5024\u3092\u6700\u5927\u307e\u3067\u4e0a\u3052\u3066\u3001\u5f71\u306a\u3057\u3067\u3082\u304f\u3063\u304d\u308a\u898b\u3048\u308b\u3088\u3046\u306b\u8abf\u6574\n \/\/ \u5f71\u306e\u63cf\u753b\u51e6\u7406(shadowBlur)\u306f\u8ca0\u8377\u304c\u9ad8\u3044\u305f\u3081\u524a\u9664\u3057\u307e\u3057\u305f\n const alpha = Math.min(1.0, this.z * 0.8 + 0.4);\n ctx.fillStyle = `rgba(255, 255, 255, ${alpha})`;\n \n const flap = Math.sin(this.wingPhase);\n const s = this.size; \n\n const elbowX = -s * 0.2; \n const tipX = -s * 2.2; \n const bodyW = s * 0.15; \n const wingLenY = s * 5.0; \n const elbowLenY = s * 2.5; \n const tipOffset = flap * s * 2.5; \n const elbowOffset = flap * s * 1.2; \n\n const leftTipY = -wingLenY + tipOffset;\n const leftElbowY = -elbowLenY + elbowOffset;\n const rightTipY = -leftTipY;\n const rightElbowY = -leftElbowY;\n\n ctx.beginPath();\n ctx.moveTo(s * 2.5, 0);\n ctx.lineTo(s * 0.8, -bodyW);\n ctx.quadraticCurveTo(s * 0.3, leftElbowY * 0.5, elbowX, leftElbowY);\n ctx.quadraticCurveTo(elbowX - s * 0.5, leftElbowY, tipX, leftTipY);\n ctx.bezierCurveTo(tipX - s * 0.5, leftTipY + s * 1.5, elbowX - s * 2.0, leftElbowY + s * 2.5, -s * 1.5, -s * 0.3);\n ctx.lineTo(-s * 3.5, -s * 1.0); \n ctx.lineTo(-s * 2.5, 0);\n ctx.lineTo(-s * 3.5, s * 1.0);\n ctx.lineTo(-s * 1.5, s * 0.3);\n ctx.bezierCurveTo(elbowX - s * 2.0, rightElbowY - s * 2.5, tipX - s * 0.5, rightTipY - s * 1.5, tipX, rightTipY);\n ctx.quadraticCurveTo(elbowX - s * 0.5, rightElbowY, elbowX, rightElbowY);\n ctx.quadraticCurveTo(s * 0.3, rightElbowY * 0.5, s * 0.8, bodyW);\n ctx.closePath();\n\n ctx.fill();\n ctx.restore();\n }\n }\n\n function initBirds() {\n birds = [];\n const count = width < 768 ? 100 : BIRD_COUNT;\n for (let i = 0; i < count; i++) {\n birds.push(new Boid());\n }\n }\n\n let time = 0;\n function animate() {\n ctx.clearRect(0, 0, width, height);\n time++;\n\n if (mouse.active) {\n target.x = mouse.x;\n target.y = mouse.y;\n } else {\n const scaleX = width * 0.4;\n const scaleY = height * 0.3;\n const speed = 0.002; \n target.x = width\/2 + Math.cos(time * speed) * scaleX;\n target.y = height\/2 + Math.sin(time * speed * 2) * (scaleY * 0.8);\n }\n\n for (let bird of birds) {\n let tVec = new Vector(target.x, target.y);\n bird.update(birds, tVec);\n bird.draw();\n }\n requestAnimationFrame(animate);\n }\n\n let resizeTimeout;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(() => {\n resize();\n initBirds();\n }, 200);\n });\n\n initBirds();\n animate();\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.fade-in-up').forEach(el => observer.observe(el));\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4 | SKYHIDE INVESTMENTS SKYHIDE ABOUT STRATEGY PROFILE COMPANY ABOUT STRATEGY PROFILE COMPANY <a href=\"https:\/\/skyhideinvestments.com\/\" class=\"more-link\">…<span class=\"screen-reader-text\"> \u30db\u30fc\u30e0\u30da\u30fc\u30b8<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2026-01-16T23:20:54","date_gmt":"2026-01-16T23:20:54","guid":{"rendered":"https:\/\/skyhideinvestments.com\/?page_id=2"},"modified":"2026-01-17T15:00:09","modified_gmt":"2026-01-17T06:00:09","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/skyhideinvestments.com\/","title":{"rendered":"\u30db\u30fc\u30e0\u30da\u30fc\u30b8"},"content":{"rendered":"\n\n\n\n \n \n \u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4 | SKYHIDE INVESTMENTS<\/title>\n <meta name=\"description\" content=\"\u611f\u60c5\u3092\u6392\u3057\u3001\u8ad6\u7406\u3067\u7a7a\u3092\u7fd4\u308b\u3002\u72ec\u81ea\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3067\u5e02\u5834\u306e\u6b6a\u307f\u3092\u6349\u3048\u308b\u3001\u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4\u306e\u516c\u5f0f\u30b5\u30a4\u30c8\u3002\">\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n sky: {\n vivid: '#0077be',\n deep: '#004e92',\n light: '#e0f2fe',\n }\n },\n fontFamily: {\n sans: ['\"Montserrat\"', '\"Noto Sans JP\"', 'sans-serif'],\n },\n animation: {\n 'float': 'float 8s ease-in-out infinite',\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n float: {\n '0%, 100%': { transform: 'translateY(0)' },\n '50%': { transform: 'translateY(-15px)' },\n }\n }\n }\n }\n }\n <\/script>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@100;200;300;400;500;600&family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n \/* --- CORE SETTINGS --- *\/\n \/* \u30ab\u30b9\u30bf\u30e0\u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.05); }\n ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 100px; }\n ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.5); }\n\n body {\n font-family: 'Montserrat', 'Noto Sans JP', sans-serif;\n \/* \u80cc\u666f: \u3088\u308a\u7e4a\u7d30\u3067\u5e83\u304c\u308a\u3092\u611f\u3058\u308b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3 *\/\n background: radial-gradient(120% 120% at 50% 0%, #70d6ff 0%, #2F80ED 60%, #005bea 100%);\n background-attachment: fixed;\n color: #fff;\n overflow-x: hidden;\n margin: 0; padding: 0; min-height: 100vh;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n \/* --- BACKGROUND ELEMENTS --- *\/\n .clouds-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -2; overflow: hidden; pointer-events: none; }\n .cloud-real { position: absolute; background: #fff; border-radius: 100px; opacity: 0.8; filter: blur(20px); \/* \u30d6\u30e9\u30fc\u3092\u5f37\u3081\u3066\u7a7a\u6c17\u611f\u3092\u6f14\u51fa *\/ }\n .cloud-real::after, .cloud-real::before { content: ''; position: absolute; background: inherit; border-radius: 50%; }\n .cloud-real::after { width: 50%; height: 100%; top: -50%; left: 15%; }\n .cloud-real::before { width: 40%; height: 80%; top: -40%; right: 15%; }\n \n \/* \u96f2\u306e\u52d5\u304d\u3092\u3088\u308a\u96c4\u5927\u306b *\/\n .c1 { width: 400px; height: 140px; top: 10%; left: -400px; opacity: 0.3; transform: scale(0.8); animation: moveClouds 90s linear infinite; }\n .c2 { width: 600px; height: 200px; top: 30%; left: -600px; opacity: 0.25; transform: scale(1.1); animation: moveClouds 140s linear infinite; animation-delay: -30s; }\n .c3 { width: 300px; height: 100px; top: 70%; left: -300px; opacity: 0.15; transform: scale(0.6); animation: moveClouds 70s linear infinite; animation-delay: -10s; }\n .c4 { width: 500px; height: 160px; top: 15%; right: -500px; opacity: 0.3; transform: scale(0.9); animation: moveCloudsReverse 110s linear infinite; }\n \n @keyframes moveClouds { 0% { left: -600px; } 100% { left: 100%; } }\n @keyframes moveCloudsReverse { 0% { right: -600px; } 100% { right: 100%; } }\n\n \/* \u9ce5\u306e\u30ad\u30e3\u30f3\u30d0\u30b9\u8a2d\u5b9a: \u30b7\u30f3\u30d7\u30eb\u304b\u3064\u8efd\u91cf\u306b *\/\n #bird-canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; pointer-events: none; opacity: 1.0; }\n\n \/* --- ANIMATIONS --- *\/\n .fade-in-up { \n opacity: 0; \n transform: translateY(60px) scale(0.98); \n transition: opacity 1.6s cubic-bezier(0.16, 1, 0.3, 1), transform 1.6s cubic-bezier(0.16, 1, 0.3, 1); \n will-change: opacity, transform;\n }\n .fade-in-up.visible { opacity: 1; transform: translateY(0) scale(1); }\n\n \/* --- COMPONENTS --- *\/\n \/* Super Glass Header *\/\n .glass-header { \n background: rgba(255, 255, 255, 0.01); \n backdrop-filter: blur(24px); \n -webkit-backdrop-filter: blur(24px);\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);\n }\n \n \/* Navigation Refined *\/\n .nav-link { \n position: relative; \n color: rgba(255,255,255,0.7); \n transition: color 0.5s cubic-bezier(0.22, 1, 0.36, 1); \n }\n .nav-link:hover { color: #fff; }\n .nav-link::before {\n content: ''; position: absolute; width: 100%; height: 1px; bottom: -8px; left: 0;\n background: linear-gradient(90deg, transparent, #fff, transparent);\n transform: scaleX(0); transform-origin: center;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n opacity: 0.7;\n }\n .nav-link:hover::before { transform: scaleX(1); }\n\n \/* Typography *\/\n .hero-title { \n text-shadow: 0 20px 60px rgba(0, 30, 80, 0.15); \n letter-spacing: -0.04em;\n line-height: 0.9;\n }\n .text-justify-pretty {\n text-align: justify;\n text-justify: inter-character;\n }\n\n \/* Super Glass Card *\/\n .section-bg { \n background: rgba(255, 255, 255, 0.02); \n backdrop-filter: blur(30px); \n -webkit-backdrop-filter: blur(30px);\n \/* Gradient Border Logic *\/\n border: 1px solid transparent;\n background-clip: padding-box;\n position: relative;\n border-radius: 32px;\n box-shadow: 0 30px 80px rgba(0, 20, 40, 0.1);\n }\n \/* Pseudo-element for Gradient Border *\/\n .section-bg::after {\n content: ''; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px;\n background: linear-gradient(135deg, rgba(255,255,255,0.3), rgba(255,255,255,0.05) 50%, rgba(255,255,255,0));\n z-index: -1; border-radius: 32px;\n }\n\n \/* Team Card Refined *\/\n .team-card { \n background: linear-gradient(160deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%); \n backdrop-filter: blur(20px); \n border: 1px solid rgba(255, 255, 255, 0.08); \n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); \n position: relative;\n overflow: hidden;\n }\n .team-card:hover { \n transform: translateY(-10px) scale(1.01); \n border-color: rgba(255, 255, 255, 0.2);\n background: linear-gradient(160deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%); \n box-shadow: 0 40px 100px rgba(0, 40, 80, 0.2);\n }\n \n \/* \u5149\u306e\u53cd\u5c04\u30a8\u30d5\u30a7\u30af\u30c8 (Shimmer) *\/\n .shimmer-effect {\n position: relative; overflow: hidden;\n }\n .shimmer-effect::before {\n content: ''; position: absolute; top: 0; left: -150%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);\n transform: skewX(-20deg); transition: 0.6s; pointer-events: none;\n }\n .group:hover .shimmer-effect::before { left: 150%; transition: 1s cubic-bezier(0.16, 1, 0.3, 1); }\n\n .logo-text-sky { letter-spacing: 0.15em; }\n .logo-text-hide { letter-spacing: 0.25em; }\n\n .deco-line {\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.4) 50%, transparent 100%);\n width: 100%;\n opacity: 0.5;\n margin: 3rem 0;\n }\n\n .icon-container {\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(255,255,255,0.1);\n box-shadow: inset 0 0 20px rgba(255,255,255,0.05);\n }\n <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-white selection:text-sky-deep\">\n\n <div class=\"clouds-wrapper\">\n <div class=\"cloud-real c1\"><\/div>\n <div class=\"cloud-real c2\"><\/div>\n <div class=\"cloud-real c3\"><\/div>\n <div class=\"cloud-real c4\"><\/div>\n <\/div>\n\n <canvas id=\"bird-canvas\"><\/canvas>\n\n <header class=\"glass-header fixed w-full top-0 z-50 transition-all duration-500\">\n <div class=\"max-w-7xl mx-auto px-8 h-28 flex justify-between items-center\">\n <a href=\"#\" class=\"text-2xl md:text-3xl font-sans flex items-center gap-4 text-white group hover:opacity-80 transition-opacity duration-500\">\n <span class=\"drop-shadow-[0_0_25px_rgba(255,255,255,0.5)]\">\n <span class=\"font-extralight logo-text-sky text-white\/90\">SKY<\/span><span class=\"font-bold logo-text-hide\">HIDE<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"hidden md:flex gap-16 text-[10px] tracking-[0.3em] font-medium text-white\/80\">\n <a href=\"#about\" class=\"nav-link\">ABOUT<\/a>\n <a href=\"#investment\" class=\"nav-link\">STRATEGY<\/a>\n <a href=\"#profile\" class=\"nav-link\">PROFILE<\/a>\n <a href=\"#company\" class=\"nav-link\">COMPANY<\/a>\n <\/nav>\n\n <button class=\"md:hidden text-white p-3 hover:bg-white\/10 rounded-full transition-all duration-300\" onclick=\"document.getElementById('mobile-menu').classList.toggle('hidden')\">\n <i data-lucide=\"menu\" class=\"w-6 h-6 stroke-1\"><\/i>\n <\/button>\n <\/div>\n\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-[#2F80ED]\/98 backdrop-blur-2xl border-t border-white\/10 absolute w-full z-40\">\n <div class=\"flex flex-col p-10 gap-10 text-[11px] tracking-[0.25em] text-center text-white font-light\">\n <a href=\"#about\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">ABOUT<\/a>\n <a href=\"#investment\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">STRATEGY<\/a>\n <a href=\"#profile\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">PROFILE<\/a>\n <a href=\"#company\" class=\"block py-2\" onclick=\"document.getElementById('mobile-menu').classList.add('hidden')\">COMPANY<\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"relative h-screen flex items-center justify-center px-6 overflow-hidden\">\n <div class=\"max-w-[90rem] w-full mx-auto relative z-10 pt-20 px-4 md:px-12\">\n <div class=\"fade-in-up\" style=\"transition-delay: 0.1s;\">\n <div class=\"flex items-center gap-4 mb-10 opacity-80\">\n <div class=\"w-12 h-[1px] bg-white\"><\/div>\n <p class=\"text-[10px] md:text-xs tracking-[0.6em] text-white font-medium uppercase\">\n Skyhide Investments LLC\n <\/p>\n <\/div>\n <\/div>\n \n <h1 class=\"text-6xl md:text-[8.5rem] lg:text-[10rem] font-medium leading-[0.85] tracking-tighter mb-16 hero-title fade-in-up text-white\" style=\"transition-delay: 0.3s;\">\n Wings of<br>\n <span class=\"font-bold text-transparent bg-clip-text bg-gradient-to-r from-white via-white to-sky-200 drop-shadow-xl\">Logic.<\/span>\n <\/h1>\n \n <div class=\"fade-in-up flex justify-end pr-4 md:pr-20\" style=\"transition-delay: 0.5s;\">\n <p class=\"max-w-md text-white\/90 text-sm leading-[2.2] border-l border-white\/30 pl-8 font-light tracking-wider text-justify-pretty\">\n \u611f\u60c5\u3092\u6392\u3057\u3001\u8ad6\u7406\u3067\u7a7a\u3092\u7fd4\u308b\u3002<br>\n \u72ec\u81ea\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u304c\u5e02\u5834\u306e\u6b6a\u307f\u3092\u6349\u3048\u3001<br>\n 24\u6642\u9593365\u65e5\u3001\u6700\u9069\u306a\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u523b\u307f\u7d9a\u3051\u308b\u3002\n <\/p>\n <\/div>\n <\/div>\n \n <div class=\"absolute bottom-16 left-12 md:left-20 flex items-center gap-6 opacity-60 animate-float\">\n <div class=\"w-[1px] h-32 bg-gradient-to-b from-transparent via-white to-transparent\"><\/div>\n <span class=\"text-[9px] tracking-[0.4em] -rotate-90 origin-left text-white font-light translate-y-12\">SCROLL TO DISCOVER<\/span>\n <\/div>\n <\/section>\n\n <section id=\"about\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-[85rem] mx-auto grid grid-cols-1 md:grid-cols-12 gap-16 md:gap-24 items-center\">\n <div class=\"fade-in-up md:col-span-5\">\n <span class=\"text-[10px] font-bold tracking-[0.4em] text-white\/80 mb-8 block flex items-center gap-3\">\n <span class=\"w-6 h-[1px] bg-white\/50\"><\/span> OUR PHILOSOPHY\n <\/span>\n <h2 class=\"text-5xl md:text-7xl font-thin mb-16 text-white drop-shadow-xl tracking-tight leading-none\">\n Silent<br><span class=\"font-bold\">Precision.<\/span>\n <\/h2>\n <p class=\"text-white\/90 leading-[2.2] mb-10 text-justify-pretty font-light text-sm tracking-wide pl-4 border-l border-white\/20\">\n \u9ce5\u306e\u7fa4\u308c\u304c\u885d\u7a81\u3059\u308b\u3053\u3068\u306a\u304f\u3001\u3072\u3068\u3064\u306e\u5de8\u5927\u306a\u610f\u601d\u3068\u3057\u3066\u65cb\u56de\u3059\u308b\u3088\u3046\u306b\u3002<br><br>\n \u79c1\u305f\u3061\u306f\u30b7\u30b9\u30c6\u30e0\u30c8\u30ec\u30fc\u30c9\u306e\u529b\u3067\u3001\u5e02\u5834\u306e\u300c\u30ab\u30aa\u30b9\u300d\u3092\u300c\u79e9\u5e8f\u300d\u3078\u3068\u5909\u63db\u3057\u307e\u3059\u3002\n \u4e00\u5207\u306e\u611f\u60c5\u3068\u4e3b\u89b3\u3092\u6392\u3057\u3001\u6570\u5024\u3068\u78ba\u7387\u306e\u307f\u304c\u652f\u914d\u3059\u308b\u3001\u9759\u8b10\u304b\u3064\u7cbe\u5bc6\u306a\u8cc7\u7523\u904b\u7528\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n <\/p>\n <\/div>\n \n <div class=\"md:col-span-7 section-bg h-[500px] md:h-[650px] p-10 flex items-center justify-center fade-in-up overflow-hidden transition-transform duration-1000 group\" style=\"transition-delay: 0.2s;\">\n <div class=\"text-center relative z-10 flex flex-col items-center justify-center w-full h-full transform transition-transform duration-1000 group-hover:scale-105\">\n <div class=\"w-full h-full relative opacity-80 hover:opacity-100 transition-opacity duration-700\">\n <svg viewBox=\"0 0 500 300\" class=\"w-full h-full overflow-visible\">\n <defs><linearGradient id=\"chartGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#fff\" stop-opacity=\"0.3\"\/><stop offset=\"100%\" stop-color=\"#fff\" stop-opacity=\"0.0\"\/><\/linearGradient><filter id=\"glow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"4\" result=\"coloredBlur\"\/><feMerge><feMergeNode in=\"coloredBlur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter><filter id=\"strongGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"6\" result=\"coloredBlur\"\/><feMerge><feMergeNode in=\"coloredBlur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge><\/filter><clipPath id=\"scanClip\"><rect x=\"0\" y=\"0\" width=\"500\" height=\"300\" \/><\/clipPath><\/defs><style>.scan-line { animation: scanVertical 4s ease-in-out infinite; } .pulse-dot { animation: pulseAlpha 2s infinite; } .data-stream { animation: slideData 15s linear infinite; } .target-ring { animation: rotateRing 8s linear infinite; } .target-bracket { animation: bracketBreathing 3s ease-in-out infinite; } .chart-path-reveal { stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: drawChart 4s ease-out forwards; } .candle-up { fill: #fff; fill-opacity: 0.95; stroke: none; filter: url(#glow); } .candle-down { fill: transparent; stroke: #fff; stroke-width: 2; stroke-opacity: 0.8; } .hud-text { font-family: 'Montserrat', monospace; font-weight: 600; } @keyframes scanVertical { 0% { transform: translateY(-100%); opacity: 0; } 20% { opacity: 0.3; } 80% { opacity: 0.3; } 100% { transform: translateY(200%); opacity: 0; } } @keyframes pulseAlpha { 0% { r: 5; opacity: 1; stroke-width: 0; } 50% { r: 10; opacity: 0.6; stroke-width: 6; stroke-opacity: 0.2; } 100% { r: 5; opacity: 1; stroke-width: 0; } } @keyframes slideData { 0% { transform: translateX(0); } 100% { transform: translateX(-50px); } } @keyframes rotateRing { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes bracketBreathing { 0%, 100% { transform: scale(1); opacity: 0.8; } 50% { transform: scale(1.1); opacity: 1; } } @keyframes drawChart { to { stroke-dashoffset: 0; } }<\/style><g stroke=\"white\" stroke-opacity=\"0.12\" stroke-width=\"1\"><path d=\"M0 50 H500 M0 100 H500 M0 150 H500 M0 200 H500 M0 250 H500\" \/><path d=\"M50 0 V300 M100 0 V300 M150 0 V300 M200 0 V300 M250 0 V300 M300 0 V300 M350 0 V300 M400 0 V300 M450 0 V300\" \/><\/g><g opacity=\"0.15\" class=\"data-stream\"><text x=\"10\" y=\"25\" font-family=\"monospace\" font-size=\"10\" fill=\"white\" font-weight=\"bold\">0101100100101010100101010101010111001<\/text><text x=\"60\" y=\"290\" font-family=\"monospace\" font-size=\"10\" fill=\"white\" font-weight=\"bold\">1010010111010100101010010101010101110<\/text><\/g><g stroke=\"white\" stroke-width=\"2\" fill=\"none\" opacity=\"0.7\"><path d=\"M10 20 L40 20 L40 10\" \/><path d=\"M10 280 L40 280 L40 290\" \/><path d=\"M490 20 L460 20 L460 10\" \/><path d=\"M490 280 L460 280 L460 290\" \/><\/g><g transform=\"translate(430, 25)\"><text x=\"0\" y=\"5\" fill=\"white\" class=\"hud-text\" font-size=\"10\" opacity=\"0.8\" letter-spacing=\"2\" text-anchor=\"end\">LIVE MONITORING<\/text><circle cx=\"10\" cy=\"1\" r=\"4\" fill=\"#56ccf2\" filter=\"url(#glow)\"><animate attributeName=\"opacity\" values=\"0.4;1;0.4\" dur=\"1.5s\" repeatCount=\"indefinite\" \/><\/circle><\/g><g filter=\"url(#glow)\"><path d=\"M0 250 L 50 240 C 90 230, 120 200, 160 205 C 200 210, 230 160, 270 150 C 310 140, 340 155, 380 120 C 420 90, 450 100, 480 70 L 500 70 V 300 H 0 Z\" fill=\"url(#chartGradient)\" opacity=\"0.15\" \/><g stroke=\"white\" stroke-width=\"2\" opacity=\"1\"><line x1=\"40\" y1=\"235\" x2=\"40\" y2=\"275\" opacity=\"0.7\"\/><rect x=\"34\" y=\"245\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"80\" y1=\"230\" x2=\"80\" y2=\"260\" opacity=\"0.7\"\/><rect x=\"74\" y=\"235\" width=\"12\" height=\"15\" class=\"candle-down\" \/><line x1=\"120\" y1=\"225\" x2=\"120\" y2=\"250\" opacity=\"0.7\"\/><rect x=\"114\" y=\"230\" width=\"12\" height=\"12\" class=\"candle-up\" \/><line x1=\"160\" y1=\"190\" x2=\"160\" y2=\"230\" opacity=\"0.7\"\/><rect x=\"154\" y=\"200\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"200\" y1=\"190\" x2=\"200\" y2=\"220\" opacity=\"0.7\"\/><rect x=\"194\" y=\"195\" width=\"12\" height=\"20\" class=\"candle-down\" \/><line x1=\"240\" y1=\"180\" x2=\"240\" y2=\"210\" opacity=\"0.7\"\/><rect x=\"234\" y=\"190\" width=\"12\" height=\"15\" class=\"candle-up\" \/><line x1=\"280\" y1=\"150\" x2=\"280\" y2=\"190\" opacity=\"0.7\"\/><rect x=\"274\" y=\"160\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"320\" y1=\"145\" x2=\"320\" y2=\"175\" opacity=\"0.7\"\/><rect x=\"314\" y=\"150\" width=\"12\" height=\"15\" class=\"candle-down\" \/><line x1=\"360\" y1=\"115\" x2=\"360\" y2=\"155\" opacity=\"0.7\"\/><rect x=\"354\" y=\"125\" width=\"12\" height=\"25\" class=\"candle-up\" \/><line x1=\"400\" y1=\"110\" x2=\"400\" y2=\"140\" opacity=\"0.9\"\/><line x1=\"392\" y1=\"125\" x2=\"408\" y2=\"125\" stroke-width=\"3\" \/><line x1=\"440\" y1=\"75\" x2=\"440\" y2=\"135\" opacity=\"0.8\"\/><rect x=\"432\" y=\"85\" width=\"16\" height=\"40\" class=\"candle-up\" filter=\"url(#strongGlow)\" \/><line x1=\"440\" y1=\"85\" x2=\"440\" y2=\"125\" stroke=\"#56ccf2\" stroke-width=\"4\" opacity=\"0.5\" \/><\/g><path d=\"M0 250 L 50 240 C 90 230, 120 200, 160 205 C 200 210, 230 160, 270 150 C 310 140, 340 155, 380 120 C 420 90, 450 100, 480 70 L 500 65\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" class=\"chart-path-reveal\" opacity=\"0.9\" \/><path d=\"M0 280 C 130 250, 260 190, 500 110\" fill=\"none\" stroke=\"#56ccf2\" stroke-width=\"1\" stroke-dasharray=\"6,6\" opacity=\"0.4\" \/><path d=\"M0 220 C 130 210, 260 110, 500 40\" fill=\"none\" stroke=\"#56ccf2\" stroke-width=\"1\" stroke-dasharray=\"6,6\" opacity=\"0.4\" \/><\/g><g transform=\"translate(440, 105)\" filter=\"url(#glow)\"><g class=\"target-bracket\"><path d=\"M-30 -40 L -10 -40 M -30 -40 L -30 -20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M30 -40 L 10 -40 M 30 -40 L 30 -20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M-30 40 L -10 40 M -30 40 L -30 20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M30 40 L 10 40 M 30 40 L 30 20\" stroke=\"white\" stroke-width=\"2\" fill=\"none\"\/><\/g><circle cx=\"0\" cy=\"0\" r=\"25\" stroke=\"white\" stroke-width=\"1\" stroke-dasharray=\"5,5\" fill=\"none\" opacity=\"0.8\" class=\"target-ring\"\/><circle cx=\"0\" cy=\"0\" r=\"32\" stroke=\"#56ccf2\" stroke-width=\"0.5\" fill=\"none\" opacity=\"0.5\"><animate attributeName=\"r\" values=\"32;36;32\" dur=\"2s\" repeatCount=\"indefinite\" \/><\/circle><circle r=\"6\" fill=\"#fff\" class=\"pulse-dot\" \/><line x1=\"0\" y1=\"0\" x2=\"-80\" y2=\"-60\" stroke=\"white\" stroke-width=\"1\" stroke-dasharray=\"4,4\" opacity=\"0.6\" \/><circle cx=\"-80\" cy=\"-60\" r=\"3\" fill=\"white\" \/><\/g><g class=\"hud-text\" font-size=\"12\" fill=\"white\" opacity=\"0.9\" font-weight=\"bold\" filter=\"url(#glow)\"><text x=\"250\" y=\"35\" text-anchor=\"end\">ALPHA SIGNAL DETECTED<\/text><text x=\"250\" y=\"52\" font-size=\"10\" opacity=\"0.7\" text-anchor=\"end\">CONFIDENCE: 98.9%<\/text><\/g><rect width=\"500\" height=\"40\" fill=\"url(#chartGradient)\" class=\"scan-line\" clip-path=\"url(#scanClip)\" opacity=\"0.15\" \/><line x1=\"0\" y1=\"0\" x2=\"500\" y2=\"0\" stroke=\"#56ccf2\" stroke-width=\"2\" stroke-opacity=\"0.5\" class=\"scan-line\" \/>\n <\/svg>\n <\/div>\n \n <span class=\"text-[10px] tracking-[0.6em] text-white\/95 font-bold drop-shadow-[0_0_15px_rgba(255,255,255,0.8)] absolute bottom-8 right-8\">SYSTEMATIC ALPHA<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"investment\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-[85rem] mx-auto\">\n <div class=\"mb-32 fade-in-up flex flex-col items-center\">\n <span class=\"text-[10px] font-bold tracking-[0.4em] text-white\/90 mb-6 flex items-center gap-3\">\n <span class=\"w-1 h-1 bg-white rounded-full\"><\/span> INVESTMENT STRATEGY <span class=\"w-1 h-1 bg-white rounded-full\"><\/span>\n <\/span>\n <h2 class=\"text-5xl md:text-6xl font-thin text-white drop-shadow-md text-center\">Algorithmic <span class=\"font-bold\">Approach<\/span><\/h2>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-12\">\n \n <div class=\"group shimmer-effect section-bg p-12 md:p-16 hover:bg-white\/5 transition-all duration-700 fade-in-up rounded-[40px] text-center border-opacity-30\">\n <div class=\"mb-10 icon-container rounded-full w-24 h-24 flex items-center justify-center group-hover:scale-110 transition-transform duration-700 text-white mx-auto\">\n <i data-lucide=\"globe-2\" class=\"w-10 h-10 stroke-1 group-hover:stroke-2 transition-all\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold mb-8 tracking-widest text-white uppercase leading-relaxed\">Multi-Asset<br>Global Macro<\/h3>\n <p class=\"text-xs text-white\/70 leading-[2.4] font-light tracking-wide\">\n \u682a\u5f0f\u30fb\u50b5\u5238\u30fb\u70ba\u66ff\u30fb\u30b3\u30e2\u30c7\u30a3\u30c6\u30a3\u304b\u3089\u6697\u53f7\u8cc7\u7523\u307e\u3067\u3002\u72ec\u81ea\u306e\u7d71\u4e00\u30ed\u30b8\u30c3\u30af\u304c\u76f8\u95a2\u6027\u3092\u6392\u9664\u3057\u3001\u3042\u3089\u3086\u308b\u5e02\u5834\u74b0\u5883\u4e0b\u3067\u6a5f\u80fd\u3059\u308b\u5168\u5929\u5019\u578b\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa\u3092\u69cb\u7bc9\u3002\n <\/p>\n <\/div>\n \n <div class=\"group shimmer-effect section-bg p-12 md:p-16 hover:bg-white\/5 transition-all duration-700 fade-in-up rounded-[40px] text-center border-opacity-30\" style=\"transition-delay: 0.15s;\">\n <div class=\"mb-10 icon-container rounded-full w-24 h-24 flex items-center justify-center group-hover:scale-110 transition-transform duration-700 text-white mx-auto\">\n <i data-lucide=\"cpu\" class=\"w-10 h-10 stroke-1 group-hover:stroke-2 transition-all\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold mb-8 tracking-widest text-white uppercase leading-relaxed\">Pure<br>Systematic<\/h3>\n <p class=\"text-xs text-white\/70 leading-[2.4] font-light tracking-wide\">\n \u8a8d\u77e5\u30d0\u30a4\u30a2\u30b9\u3092\u5b8c\u5168\u6392\u9664\u3002\u81a8\u5927\u306a\u30d0\u30c3\u30af\u30c6\u30b9\u30c8\u306b\u3088\u3063\u3066\u691c\u8a3c\u3055\u308c\u305f\u7d71\u8a08\u7684\u512a\u4f4d\u6027\uff08Edge\uff09\u306e\u3042\u308b\u5c40\u9762\u306e\u307f\u3092\u3001\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u304c\u51b7\u5fb9\u306b\u57f7\u884c\u3057\u7d9a\u3051\u308b\u3002\n <\/p>\n <\/div>\n \n <div class=\"group shimmer-effect section-bg p-12 md:p-16 hover:bg-white\/5 transition-all duration-700 fade-in-up rounded-[40px] text-center border-opacity-30\" style=\"transition-delay: 0.3s;\">\n <div class=\"mb-10 icon-container rounded-full w-24 h-24 flex items-center justify-center group-hover:scale-110 transition-transform duration-700 text-white mx-auto\">\n <i data-lucide=\"shield-check\" class=\"w-10 h-10 stroke-1 group-hover:stroke-2 transition-all\"><\/i>\n <\/div>\n <h3 class=\"text-lg font-bold mb-8 tracking-widest text-white uppercase leading-relaxed\">Dynamic<br>Risk Control<\/h3>\n <p class=\"text-xs text-white\/70 leading-[2.4] font-light tracking-wide\">\n \u30dc\u30e9\u30c6\u30a3\u30ea\u30c6\u30a3\u306e\u5909\u52d5\u306b\u5373\u5ea7\u306b\u53cd\u5fdc\u3057\u3001\u30dd\u30b8\u30b7\u30e7\u30f3\u30b5\u30a4\u30ba\u3092\u52d5\u7684\u306b\u6700\u9069\u5316\u3002\u30c6\u30fc\u30eb\u30ea\u30b9\u30af\u3092\u672a\u7136\u306b\u56de\u907f\u3057\u3001\u9577\u671f\u7684\u306a\u8cc7\u7523\u66f2\u7dda\u306e\u5b89\u5b9a\u6027\u3092\u62c5\u4fdd\u3059\u308b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"profile\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-7xl mx-auto\">\n <div class=\"text-center mb-32 fade-in-up\">\n <span class=\"text-[10px] font-bold tracking-[0.4em] text-white\/90 mb-4 block\">REPRESENTATIVE<\/span>\n <h2 class=\"text-4xl md:text-5xl font-thin text-white drop-shadow-md mb-8\">The <span class=\"font-bold\">Architect<\/span><\/h2>\n <p class=\"text-white\/70 max-w-2xl mx-auto leading-relaxed font-light text-sm tracking-wide\">\n \u5e02\u5834\u3068\u3044\u3046\u540d\u306e\u4e0d\u78ba\u5b9f\u6027\u306b\u3001<br>\n \u6570\u7406\u30e2\u30c7\u30eb\u3068\u3044\u3046\u300c\u7f85\u91dd\u76e4\u300d\u3067\u6311\u3080\u3002\n <\/p>\n <\/div>\n\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"team-card p-16 md:p-24 rounded-[3rem] fade-in-up text-center relative overflow-hidden group\">\n <div class=\"absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-white\/50 to-transparent\"><\/div>\n \n <div class=\"w-40 h-40 mx-auto mb-12 rounded-full p-[2px] relative\">\n <div class=\"absolute inset-0 rounded-full border border-white\/10\"><\/div>\n <div class=\"absolute inset-0 rounded-full border-t border-white\/80 animate-spin\" style=\"animation-duration: 12s;\"><\/div>\n \n <div class=\"absolute inset-2 rounded-full border-b border-white\/40 animate-spin\" style=\"animation-duration: 8s; animation-direction: reverse;\"><\/div>\n <div class=\"w-full h-full rounded-full bg-gradient-to-b from-[#2F80ED]\/90 to-[#005bea]\/90 flex items-center justify-center backdrop-blur-xl relative z-10 shadow-2xl\">\n <i data-lucide=\"user\" class=\"w-16 h-16 text-white stroke-1\"><\/i>\n <\/div>\n <\/div>\n \n <h3 class=\"text-3xl font-bold text-white mb-3 tracking-wide\">\u4ee3\u8868 HIDENORI OKAMOTO<\/h3>\n <p class=\"text-[10px] tracking-[0.4em] text-sky-100 mb-12 uppercase font-medium\">Representative Partner<\/p>\n \n <div class=\"deco-line\"><\/div>\n \n <p class=\"text-sm text-white\/90 leading-[2.4] text-justify-pretty font-light tracking-wide px-4 md:px-12\">\n \u91d1\u878d\u5de5\u5b66\u3068\u5148\u7aef\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u306e\u878d\u5408\u306b\u3088\u308a\u3001\u5e02\u5834\u69cb\u9020\u306e\u5fae\u7d30\u306a\u6b6a\u307f\u3092\u6355\u6349\u3002\n \u9ad8\u5ea6\u306a\u5b9a\u91cf\u7684\u5206\u6790\uff08Quantitative Analysis\uff09\u306b\u57fa\u3065\u304f\u81ea\u52d5\u57f7\u884c\u30b7\u30b9\u30c6\u30e0\u3092\u8a2d\u8a08\u3057\u3001\u30b0\u30ed\u30fc\u30d0\u30eb\u30de\u30af\u30ed\u8996\u70b9\u3067\u306e\u898f\u5f8b\u3042\u308b\u6295\u8cc7\u6226\u7565\u3092\u7d71\u62ec\u3059\u308b\u3002\n \u611f\u60c5\u3084\u4e3b\u89b3\u3092\u5b8c\u5168\u306b\u6392\u3057\u305f\u6570\u7406\u30e2\u30c7\u30eb\u3053\u305d\u304c\u3001\u4e0d\u78ba\u5b9f\u306a\u5e02\u5834\u306b\u304a\u3051\u308b\u552f\u4e00\u306e\u89e3\u3067\u3042\u308b\u3068\u3044\u3046\u4fe1\u5ff5\u306e\u3082\u3068\u3001\u6052\u4e45\u7684\u306a\u8cc7\u7523\u4fa1\u5024\u306e\u6700\u5927\u5316\u3092\u8ffd\u6c42\u3057\u7d9a\u3051\u308b\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"company\" class=\"py-40 md:py-60 px-6 relative z-10\">\n <div class=\"max-w-5xl mx-auto section-bg rounded-[3rem] p-16 md:p-32 fade-in-up text-center relative overflow-hidden\">\n \n <div class=\"absolute -top-32 -left-32 w-96 h-96 bg-white\/10 rounded-full blur-[100px] pointer-events-none mix-blend-overlay\"><\/div>\n <div class=\"absolute -bottom-32 -right-32 w-96 h-96 bg-white\/10 rounded-full blur-[100px] pointer-events-none mix-blend-overlay\"><\/div>\n\n <div class=\"mb-16 relative z-10\">\n <h2 class=\"text-3xl md:text-5xl font-bold text-white mb-6 tracking-[0.2em] drop-shadow-2xl\">SKYHIDE INVESTMENTS LLC<\/h2>\n <p class=\"text-[10px] text-white\/80 tracking-[0.5em] font-light\">\u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4<\/p>\n <\/div>\n\n <div class=\"w-24 h-[1px] bg-gradient-to-r from-transparent via-white\/60 to-transparent mx-auto my-12\"><\/div>\n\n <p class=\"text-white\/80 leading-[2.6] text-xs md:text-sm mb-10 font-light tracking-wide\">\n \u5f53\u793e\u306f\u3001\u72ec\u81ea\u306e\u30a2\u30eb\u30b4\u30ea\u30ba\u30e0\u3092\u7528\u3044\u305f\u81ea\u5df1\u8cc7\u7523\u306e\u904b\u7528\uff08Proprietary Trading\uff09<br>\n\u304a\u3088\u3073\u30b7\u30b9\u30c6\u30e0\u958b\u767a\u3092\u884c\u3063\u3066\u304a\u308a\u307e\u3059\u3002<br>\n \u6295\u8cc7\u52e7\u8a98\u696d\u52d9\u3001\u52a9\u8a00\u696d\u52d9\u306f\u884c\u3063\u3066\u304a\u308a\u307e\u305b\u3093\u3002\n <\/p>\n \n <div class=\"mt-16 inline-block relative group\">\n <div class=\"absolute inset-0 bg-white\/10 rounded-full blur-xl group-hover:bg-white\/20 transition-colors duration-700\"><\/div>\n <p class=\"relative z-10 text-white\/90 text-[10px] border border-white\/20 px-10 py-5 rounded-full backdrop-blur-md tracking-widest bg-white\/5 group-hover:bg-white\/10 transition-colors duration-500\">\n \u203b \u73fe\u5728\u3001\u65b0\u898f\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u304a\u3088\u3073\u9762\u4f1a\u306f\u5168\u3066\u8f9e\u9000\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u3066\u304a\u308a\u307e\u3059\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"bg-[#2F80ED]\/30 backdrop-blur-3xl py-32 px-8 border-t border-white\/10 relative z-10\">\n <div class=\"max-w-[85rem] mx-auto flex flex-col md:flex-row justify-between items-center gap-12\">\n <div class=\"text-center md:text-left w-full md:w-auto\">\n <a href=\"#\" class=\"text-3xl font-sans text-white flex items-center gap-4 justify-center md:justify-start group opacity-80 hover:opacity-100 transition-opacity duration-500\">\n <span class=\"drop-shadow-xl\">\n <span class=\"font-extralight logo-text-sky tracking-[0.2em]\">SKY<\/span><span class=\"font-bold logo-text-hide tracking-[0.3em]\">HIDE<\/span>\n <\/span>\n <\/a>\n <p class=\"text-white\/50 text-[10px] mt-8 tracking-[0.2em] font-light\">\u00a9 2024 SKYHIDE INVESTMENTS LLC<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n lucide.createIcons();\n\n \/\/ --------------------------------------------------\n \/\/ ELEGANT SWARM SIMULATION (\u9ce5\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3)\n \/\/ --------------------------------------------------\n \/\/ \u203b \u51e6\u7406\u306f\u4e00\u5207\u91cd\u304f\u3057\u3066\u3044\u307e\u305b\u3093\u3002\u8a2d\u5b9a\u5024\u3082\u7dad\u6301\u3002\n const canvas = document.getElementById('bird-canvas');\n const ctx = canvas.getContext('2d');\n \n let width, height;\n let birds = [];\n const BIRD_COUNT = 300;\n\n const PERCEPTION_RADIUS = 100; \n const MAX_SPEED = 4; \n const MAX_FORCE = 0.04; \n \n let target = { x: 0, y: 0 };\n let mouse = { x: 0, y: 0, active: false, timer: null };\n\n const handleInteraction = (x, y) => {\n mouse.x = x;\n mouse.y = y;\n mouse.active = true;\n clearTimeout(mouse.timer);\n mouse.timer = setTimeout(() => { mouse.active = false; }, 4000);\n };\n\n window.addEventListener('mousemove', e => handleInteraction(e.clientX, e.clientY));\n window.addEventListener('touchmove', e => {\n if(e.touches.length > 0) handleInteraction(e.touches[0].clientX, e.touches[0].clientY);\n }, {passive: true});\n\n function resize() {\n width = window.innerWidth;\n height = window.innerHeight;\n canvas.width = width;\n canvas.height = height;\n }\n window.addEventListener('resize', resize);\n resize();\n\n class Vector {\n constructor(x, y) { this.x = x; this.y = y; }\n add(v) { this.x += v.x; this.y += v.y; return this; }\n sub(v) { this.x -= v.x; this.y -= v.y; return this; }\n mult(n) { this.x *= n; this.y *= n; return this; }\n div(n) { if(n!==0){this.x \/= n; this.y \/= n;} return this; }\n mag() { return Math.sqrt(this.x*this.x + this.y*this.y); }\n setMag(n) { return this.normalize().mult(n); }\n normalize() {\n let m = this.mag();\n if (m !== 0) this.div(m);\n return this;\n }\n limit(max) {\n if (this.mag() > max) this.setMag(max);\n return this;\n }\n static sub(v1, v2) { return new Vector(v1.x - v2.x, v1.y - v2.y); }\n static dist(v1, v2) { return Math.hypot(v1.x - v2.x, v1.y - v2.y); }\n }\n\n class Boid {\n constructor() {\n this.position = new Vector(Math.random() * width, Math.random() * height);\n this.velocity = new Vector((Math.random()-0.5)*2, (Math.random()-0.5)*2);\n this.acceleration = new Vector(0, 0);\n this.z = Math.random() * 0.7 + 0.3; \n this.size = (Math.random() * 2.0 + 1.5) * this.z;\n this.wingPhase = Math.random() * Math.PI * 2;\n this.baseFlapSpeed = 0.1 + Math.random() * 0.05;\n this.flapSpeed = this.baseFlapSpeed;\n this.isGliding = false;\n this.glideTimer = 0;\n }\n\n seek(targetPos) {\n let desired = Vector.sub(targetPos, this.position);\n desired.setMag(MAX_SPEED * this.z);\n let steer = Vector.sub(desired, this.velocity);\n steer.limit(MAX_FORCE); \n return steer;\n }\n\n flock(boids, targetPos) {\n let alignment = new Vector(0, 0);\n let cohesion = new Vector(0, 0);\n let separation = new Vector(0, 0);\n let count = 0;\n\n for (let other of boids) {\n let d = Vector.dist(this.position, other.position);\n if (other !== this && d < PERCEPTION_RADIUS * this.z) {\n alignment.add(other.velocity);\n cohesion.add(other.position);\n let diff = Vector.sub(this.position, other.position);\n diff.div(d * d); \n separation.add(diff);\n count++;\n }\n }\n\n if (count > 0) {\n alignment.div(count).setMag(MAX_SPEED * this.z).sub(this.velocity).limit(MAX_FORCE * 1.2);\n cohesion.div(count).sub(this.position).setMag(MAX_SPEED * this.z).sub(this.velocity).limit(MAX_FORCE);\n separation.div(count).setMag(MAX_SPEED * this.z).sub(this.velocity).limit(MAX_FORCE * 1.5);\n }\n\n let seeking = this.seek(targetPos);\n this.acceleration.add(separation.mult(1.4));\n this.acceleration.add(alignment.mult(1.2)); \n this.acceleration.add(cohesion.mult(0.8));\n this.acceleration.add(seeking.mult(0.8)); \n }\n\n update(boids, targetPos) {\n this.flock(boids, targetPos);\n this.velocity.add(this.acceleration);\n this.velocity.limit(MAX_SPEED * this.z);\n this.position.add(this.velocity);\n this.acceleration.mult(0);\n\n if (this.isGliding) {\n this.glideTimer--;\n if (this.glideTimer <= 0) this.isGliding = false;\n let targetPhase = Math.PI \/ 2; \n let diff = targetPhase - (this.wingPhase % (Math.PI*2));\n this.wingPhase += diff * 0.1;\n } else {\n let speedRatio = this.velocity.mag() \/ (MAX_SPEED * this.z);\n this.flapSpeed = this.baseFlapSpeed * (0.5 + speedRatio);\n this.wingPhase += this.flapSpeed;\n if (Math.random() < 0.005) { \n this.isGliding = true;\n this.glideTimer = 30 + Math.random() * 60; \n }\n }\n\n const margin = 100;\n if (this.position.x < -margin) this.position.x = width + margin;\n if (this.position.x > width + margin) this.position.x = -margin;\n if (this.position.y < -margin) this.position.y = height + margin;\n if (this.position.y > height + margin) this.position.y = -margin;\n }\n\n draw() {\n ctx.save();\n ctx.translate(this.position.x, this.position.y);\n const angle = Math.atan2(this.velocity.y, this.velocity.x);\n ctx.rotate(angle);\n \n \/\/ \u30a2\u30eb\u30d5\u30a1\u5024\u3092\u6700\u5927\u307e\u3067\u4e0a\u3052\u3066\u3001\u5f71\u306a\u3057\u3067\u3082\u304f\u3063\u304d\u308a\u898b\u3048\u308b\u3088\u3046\u306b\u8abf\u6574\n \/\/ \u5f71\u306e\u63cf\u753b\u51e6\u7406(shadowBlur)\u306f\u8ca0\u8377\u304c\u9ad8\u3044\u305f\u3081\u524a\u9664\u3057\u307e\u3057\u305f\n const alpha = Math.min(1.0, this.z * 0.8 + 0.4);\n ctx.fillStyle = `rgba(255, 255, 255, ${alpha})`;\n \n const flap = Math.sin(this.wingPhase);\n const s = this.size; \n\n const elbowX = -s * 0.2; \n const tipX = -s * 2.2; \n const bodyW = s * 0.15; \n const wingLenY = s * 5.0; \n const elbowLenY = s * 2.5; \n const tipOffset = flap * s * 2.5; \n const elbowOffset = flap * s * 1.2; \n\n const leftTipY = -wingLenY + tipOffset;\n const leftElbowY = -elbowLenY + elbowOffset;\n const rightTipY = -leftTipY;\n const rightElbowY = -leftElbowY;\n\n ctx.beginPath();\n ctx.moveTo(s * 2.5, 0);\n ctx.lineTo(s * 0.8, -bodyW);\n ctx.quadraticCurveTo(s * 0.3, leftElbowY * 0.5, elbowX, leftElbowY);\n ctx.quadraticCurveTo(elbowX - s * 0.5, leftElbowY, tipX, leftTipY);\n ctx.bezierCurveTo(tipX - s * 0.5, leftTipY + s * 1.5, elbowX - s * 2.0, leftElbowY + s * 2.5, -s * 1.5, -s * 0.3);\n ctx.lineTo(-s * 3.5, -s * 1.0); \n ctx.lineTo(-s * 2.5, 0);\n ctx.lineTo(-s * 3.5, s * 1.0);\n ctx.lineTo(-s * 1.5, s * 0.3);\n ctx.bezierCurveTo(elbowX - s * 2.0, rightElbowY - s * 2.5, tipX - s * 0.5, rightTipY - s * 1.5, tipX, rightTipY);\n ctx.quadraticCurveTo(elbowX - s * 0.5, rightElbowY, elbowX, rightElbowY);\n ctx.quadraticCurveTo(s * 0.3, rightElbowY * 0.5, s * 0.8, bodyW);\n ctx.closePath();\n\n ctx.fill();\n ctx.restore();\n }\n }\n\n function initBirds() {\n birds = [];\n const count = width < 768 ? 100 : BIRD_COUNT;\n for (let i = 0; i < count; i++) {\n birds.push(new Boid());\n }\n }\n\n let time = 0;\n function animate() {\n ctx.clearRect(0, 0, width, height);\n time++;\n\n if (mouse.active) {\n target.x = mouse.x;\n target.y = mouse.y;\n } else {\n const scaleX = width * 0.4;\n const scaleY = height * 0.3;\n const speed = 0.002; \n target.x = width\/2 + Math.cos(time * speed) * scaleX;\n target.y = height\/2 + Math.sin(time * speed * 2) * (scaleY * 0.8);\n }\n\n for (let bird of birds) {\n let tVec = new Vector(target.x, target.y);\n bird.update(birds, tVec);\n bird.draw();\n }\n requestAnimationFrame(animate);\n }\n\n let resizeTimeout;\n window.addEventListener('resize', () => {\n clearTimeout(resizeTimeout);\n resizeTimeout = setTimeout(() => {\n resize();\n initBirds();\n }, 200);\n });\n\n initBirds();\n animate();\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, { threshold: 0.1 });\n\n document.querySelectorAll('.fade-in-up').forEach(el => observer.observe(el));\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u5408\u540c\u4f1a\u793e\u30b9\u30ab\u30a4\u30cf\u30a4\u30c9\u30a4\u30f3\u30d9\u30b9\u30c8\u30e1\u30f3\u30c4 | SKYHIDE INVESTMENTS SKYHIDE ABOUT STRATEGY PROFILE COMPANY ABOUT STRATEGY PROFILE COMPANY <a href=\"https:\/\/skyhideinvestments.com\/\" class=\"more-link\">…<span class=\"screen-reader-text\"> \u30db\u30fc\u30e0\u30da\u30fc\u30b8<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/skyhideinvestments.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}