:root{--blue-900:#0a1628;--blue-800:#0f2040;--blue-700:#1a3a6e;--blue-500:#2563eb;--blue-400:#3b82f6;--blue-300:#93c5fd;--blue-100:#dbeafe;--blue-50:#eff6ff;--cyan:#06b6d4;--black:#060810;--gray-600:#4b5563;--gray-400:#9ca3af;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--white:#fff}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:Inter,Noto Sans JP,sans-serif;overflow-x:hidden}nav{z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-bottom:1px solid #2563eb1a;justify-content:space-between;align-items:center;height:58px;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.18em;background:linear-gradient(135deg,var(--blue-900)0%,var(--blue-500)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800;text-decoration:none}.nav-links{gap:2.5rem;list-style:none;display:flex}.nav-links a{color:var(--gray-600);font-size:.8rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--blue-500)}.nav-right{align-items:center;gap:1.25rem;display:flex}.lang-toggle{background:var(--gray-100);border-radius:6px;gap:2px;padding:3px;display:flex}.lang-btn{color:var(--gray-600);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;transition:all .2s}.lang-btn.active{background:var(--white);color:var(--blue-500);box-shadow:0 1px 3px #0000001a}.nav-cta{color:var(--white);background:linear-gradient(135deg,var(--blue-700),var(--blue-500));cursor:pointer;border:none;border-radius:8px;padding:8px 18px;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .2s;box-shadow:0 2px 12px #2563eb40}.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 20px #2563eb66}#hero{background:var(--blue-900);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh;padding:120px 2.5rem 5rem;display:grid;position:relative;overflow:hidden}.hero-mesh{z-index:0;background:radial-gradient(ellipse 80% 60% at 60% 40%,#2563eb59 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 70%,#06b6d42e 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 10% 80%,#3b82f626 0%,transparent 50%),linear-gradient(160deg,var(--blue-900)0%,#060e24 100%);position:absolute;inset:0}.hero-grid{z-index:1;background-image:linear-gradient(#3b82f60f 1px,#0000 1px),linear-gradient(90deg,#3b82f60f 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero-orb{z-index:1;filter:blur(60px);background:radial-gradient(#2563eb40 0%,#0000 70%);border-radius:50%;width:420px;height:420px;animation:8s ease-in-out infinite orb;position:absolute;top:15%;right:8%}@keyframes orb{0%,to{opacity:.7;transform:scale(1)translate(0)}50%{opacity:1;transform:scale(1.1)translate(-20px,20px)}}.hero-left,.hero-right{z-index:2;position:relative}.hero-eyebrow{letter-spacing:.1em;color:var(--blue-300);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:2rem;font-size:.7rem;font-weight:500;display:inline-flex}.eyebrow-line{background:linear-gradient(90deg,var(--blue-400),transparent);width:28px;height:1px}.hero-h1{letter-spacing:-.02em;color:var(--white);margin-bottom:1.75rem;font-family:Syne,sans-serif;font-size:clamp(3rem,5.5vw,5.8rem);font-weight:800;line-height:.95}.hero-h1 .grad{background:linear-gradient(135deg,var(--blue-300)0%,var(--cyan)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-h1-ja{letter-spacing:-.01em;color:var(--white);margin-bottom:1.75rem;font-family:Noto Sans JP,sans-serif;font-size:clamp(2rem,3.5vw,3.8rem);font-weight:500;line-height:1.25}.hero-h1-ja .grad{background:linear-gradient(135deg,var(--blue-300)0%,var(--cyan)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-sub{color:#fff9;max-width:440px;margin-bottom:2.75rem;font-size:1rem;font-weight:300;line-height:1.75}.hero-sub-ja{color:#fff9;max-width:440px;margin-bottom:2.75rem;font-family:Noto Sans JP,sans-serif;font-size:.92rem;font-weight:300;line-height:2}.hero-btns{flex-wrap:wrap;gap:1rem;display:flex}.btn-grad{color:var(--white);background:linear-gradient(135deg,var(--blue-700),var(--blue-500));cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #2563eb66}.btn-grad:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2563eb8c}.btn-ghost{color:#ffffffb3;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:10px;padding:12px 22px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s}.btn-ghost:hover{color:var(--white);background:#ffffff1f}.hero-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #3b82f640;border-radius:20px;padding:2rem;box-shadow:0 24px 60px #0000004d,inset 0 1px #ffffff14}.card-header{letter-spacing:.15em;color:var(--blue-300);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:.65rem;display:flex}.card-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.p-row{opacity:0;background:#ffffff08;border:1px solid #3b82f626;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1.1rem 1.25rem;transition:all .2s;animation:.5s forwards fadein;display:flex}.p-row:nth-child(2){animation-delay:.2s}.p-row:nth-child(3){animation-delay:.4s}.p-row:nth-child(4){animation-delay:.6s}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.p-row:hover{background:#3b82f614;border-color:#3b82f680}.p-row-name{color:var(--white);margin-bottom:3px;font-size:.85rem;font-weight:600}.p-row-sub{color:#fff6;font-size:.7rem}.p-tag{border-radius:100px;padding:4px 10px;font-size:.62rem;font-weight:500}.t-blue{color:var(--blue-300);background:#2563eb40;border:1px solid #2563eb4d}.t-amber{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b33}.t-green{color:#6ee7b7;background:#10b98126;border:1px solid #10b98133}#products{background:var(--gray-100);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:7rem 0;overflow:hidden}.products-head{justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding:0 2.5rem;display:flex}.eyebrow-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-500);align-items:center;gap:6px;margin-bottom:.75rem;font-size:.68rem;font-weight:600;display:inline-flex}.eyebrow-tag:before{content:"";background:var(--blue-500);border-radius:2px;width:20px;height:2px;display:block}.sh2{letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700;line-height:1.1}.sh2-ja{font-family:Noto Sans JP,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.4}.scroll-hint{color:var(--gray-400);align-items:center;gap:6px;padding-bottom:4px;font-size:.72rem;display:flex}.scroll-arrow{animation:1.8s ease-in-out infinite scroll-pulse;display:inline-block}@keyframes scroll-pulse{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.products-track-wrap{padding:0 2.5rem;position:relative}.products-track-wrap:before,.products-track-wrap:after{content:"";z-index:2;pointer-events:none;width:80px;position:absolute;top:0;bottom:0}.products-track-wrap:before{background:linear-gradient(90deg,var(--gray-100),transparent);left:0}.products-track-wrap:after{background:linear-gradient(-90deg,var(--gray-100),transparent);right:0}.products-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;gap:1.5rem;padding:1rem 0 2rem;display:flex;overflow:auto visible}.products-track::-webkit-scrollbar{display:none}.products-track:active{cursor:grabbing}.p-card{scroll-snap-align:start;background:var(--white);border:1px solid var(--gray-200);border-radius:20px;flex-direction:column;flex:0 0 340px;padding:2.25rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.p-card:before{content:"";background:linear-gradient(90deg,var(--blue-500),var(--cyan));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.p-card:hover{border-color:var(--blue-100);transform:translateY(-3px);box-shadow:0 12px 40px #2563eb1a}.p-card:hover:before{opacity:1}.p-card-glow{opacity:0;filter:blur(40px);border-radius:50%;width:160px;height:160px;transition:opacity .3s;position:absolute;top:-60px;right:-60px}.p-card:hover .p-card-glow{opacity:1}.glow-blue{background:#2563eb33}.glow-amber{background:#f59e0b26}.glow-green{background:#10b9811f}.p-card-tag{letter-spacing:.05em;border-radius:100px;align-self:flex-start;margin-bottom:1.5rem;padding:4px 11px;font-size:.62rem;font-weight:600;display:inline-block}.ct-blue{background:var(--blue-50);color:var(--blue-500);border:1px solid var(--blue-100)}.ct-amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.ct-green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.p-card-headline{letter-spacing:-.02em;flex:1;margin-bottom:.75rem;font-family:Syne,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.2}.p-card-headline-ja{flex:1;margin-bottom:.75rem;font-family:Noto Sans JP,sans-serif;font-size:1.15rem;font-weight:500;line-height:1.5}.p-card-desc{color:var(--gray-600);margin-bottom:2rem;font-size:.82rem;line-height:1.75}.p-card-desc-ja{color:var(--gray-600);margin-bottom:2rem;font-family:Noto Sans JP,sans-serif;font-size:.8rem;line-height:2}.p-card-footer{border-top:1px solid var(--gray-200);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.25rem;display:flex}.p-card-name{letter-spacing:.05em;color:var(--gray-400);text-transform:uppercase;font-size:.7rem;font-weight:600}.p-card-link{color:var(--blue-500);align-items:center;gap:4px;font-size:.72rem;text-decoration:none;transition:gap .2s;display:flex}.p-card-link:hover{gap:8px}#about{padding:8rem 2.5rem}#about .inner{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;max-width:1100px;margin:0 auto;display:grid}.about-text{color:var(--gray-600);margin-bottom:1.25rem;font-size:.9rem;line-height:1.9}.about-text-ja{color:var(--gray-600);margin-bottom:1.25rem;font-family:Noto Sans JP,sans-serif;font-size:.87rem;line-height:2.2}.v-cards{flex-direction:column;gap:1rem;display:flex}.v-card{border:1px solid var(--gray-200);border-radius:14px;padding:1.75rem;transition:all .2s;position:relative;overflow:hidden}.v-card:before{content:"";background:linear-gradient(90deg,var(--blue-500),var(--cyan));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.v-card:hover{border-color:var(--blue-100);background:var(--blue-50)}.v-card:hover:before{opacity:1}.v-num{letter-spacing:.12em;color:var(--blue-400);text-transform:uppercase;margin-bottom:.75rem;font-family:Syne,sans-serif;font-size:.65rem;font-weight:700}.v-title{margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.v-title-ja{margin-bottom:.5rem;font-family:Noto Sans JP,sans-serif;font-size:.95rem;font-weight:500}.v-desc{color:var(--gray-600);font-size:.78rem;line-height:1.7}.v-desc-ja{color:var(--gray-600);font-family:Noto Sans JP,sans-serif;font-size:.78rem;line-height:1.9}#contact{background:var(--blue-900);padding:8rem 2.5rem;position:relative;overflow:hidden}.contact-mesh{z-index:0;background:radial-gradient(60% 60% at 80%,#2563eb4d 0%,#0000 60%),radial-gradient(50% 50% at 10% 60%,#06b6d41f 0%,#0000 55%);position:absolute;inset:0}.contact-grid{z-index:1;background-image:linear-gradient(#3b82f60d 1px,#0000 1px),linear-gradient(90deg,#3b82f60d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}#contact .inner{z-index:2;grid-template-columns:1fr 1fr;align-items:start;gap:5rem;max-width:900px;margin:0 auto;display:grid;position:relative}.c-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--blue-300);align-items:center;gap:6px;margin-bottom:.75rem;font-size:.68rem;font-weight:600;display:inline-flex}.c-eyebrow:before{content:"";background:var(--blue-300);border-radius:2px;width:20px;height:2px;display:block}.c-h2{letter-spacing:-.02em;color:var(--white);margin-bottom:1.25rem;font-family:Syne,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:700;line-height:1.1}.c-h2-ja{color:var(--white);margin-bottom:1.25rem;font-family:Noto Sans JP,sans-serif;font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:500;line-height:1.4}.c-sub{color:#ffffff8c;margin-bottom:2.5rem;font-size:.88rem;line-height:1.8}.c-sub-ja{color:#ffffff8c;margin-bottom:2.5rem;font-family:Noto Sans JP,sans-serif;font-size:.85rem;line-height:2.1}.c-info{flex-direction:column;gap:1rem;display:flex}.c-info-row{gap:1.25rem;display:flex}.c-info-label{text-transform:uppercase;letter-spacing:.1em;color:var(--blue-300);flex-shrink:0;width:56px;padding-top:2px;font-size:.65rem;font-weight:600}.c-info-val{color:#ffffff80;font-size:.8rem;line-height:1.6}.c-info-val a{color:#ffffff80;text-decoration:none}.c-info-val a:hover{color:var(--blue-300)}.c-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #3b82f633;border-radius:16px;flex-direction:column;gap:1.2rem;padding:2rem;display:flex}.f-group{flex-direction:column;gap:.4rem;display:flex}.f-label{letter-spacing:.04em;color:#fff9;font-size:.68rem;font-weight:500}.f-input,.f-select,.f-textarea{color:var(--white);background:#ffffff0f;border:1px solid #3b82f633;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.83rem;transition:all .2s}.f-input:focus,.f-select:focus,.f-textarea:focus{border-color:var(--blue-400);background:#2563eb1a;box-shadow:0 0 0 3px #2563eb26}.f-input::placeholder,.f-textarea::placeholder{color:#fff3}.f-select option{background:var(--blue-900)}.f-textarea{resize:none;height:110px;line-height:1.6}.f-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.f-submit{color:var(--white);cursor:pointer;background:linear-gradient(135deg,var(--blue-700),var(--blue-500));border:none;border-radius:8px;width:100%;padding:12px 20px;font-family:Inter,sans-serif;font-size:.83rem;font-weight:500;transition:all .2s;box-shadow:0 4px 16px #2563eb59}.f-submit:hover{transform:translateY(-1px);box-shadow:0 6px 24px #2563eb8c}footer{background:var(--blue-900);border-top:1px solid #3b82f61f;justify-content:space-between;align-items:center;padding:2rem 2.5rem;display:flex}.f-logo{letter-spacing:.18em;background:linear-gradient(135deg,var(--blue-300),var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Syne,sans-serif;font-size:.95rem;font-weight:800}.f-copy{color:#ffffff4d;font-size:.68rem}.f-links{gap:2rem;list-style:none;display:flex}.f-links a{color:#ffffff4d;font-size:.68rem;text-decoration:none;transition:color .2s}.f-links a:hover{color:var(--blue-300)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:960px){nav{padding:0 1.5rem}.nav-links{display:none}#hero{grid-template-columns:1fr;padding:100px 1.5rem 4rem}.hero-orb{display:none}.products-head{flex-direction:column;align-items:flex-start;gap:.75rem;padding:0 1.5rem}.products-track-wrap{padding:0 1.5rem}.p-card{flex:0 0 280px}#about{padding:5rem 1.5rem}#about .inner{grid-template-columns:1fr;gap:3rem}#contact{padding:5rem 1.5rem}#contact .inner{grid-template-columns:1fr;gap:3rem}footer{text-align:center;flex-direction:column;gap:1rem;padding:2rem 1.5rem}.f-row{grid-template-columns:1fr}}