*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--dark-gray: #1a1a1a;--medium-gray: #333333;--gray: #666666;--light-gray: #999999;--lighter-gray: #e0e0e0;--off-white: #f8f8f8;--white: #ffffff}body{font-family:Noto Sans JP,-apple-system,SF Pro Display,sans-serif;font-weight:300;line-height:1.6;color:var(--medium-gray);background:var(--white);overflow-x:hidden;letter-spacing:.5px}header{position:fixed;top:0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--lighter-gray);z-index:1000;transition:all .3s ease}nav{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.5rem 3rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:400;color:var(--black);letter-spacing:2px}.logo-icon{width:32px;height:32px;position:relative}.logo-icon svg{width:100%;height:100%}.logo-icon img{width:100%;height:100%;object-fit:contain;display:block}.nav-links{display:flex;gap:3rem;list-style:none}.nav-links a{text-decoration:none;color:var(--gray);font-weight:300;font-size:.9rem;transition:color .3s ease;position:relative;letter-spacing:1px}.nav-links a:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:1px;background:var(--black);transition:width .3s ease}.nav-links a:hover{color:var(--black)}.nav-links a:hover:after{width:100%}.cta-button{background:transparent;color:var(--black);padding:.6rem 2rem;border:1px solid var(--black);text-decoration:none;font-weight:300;font-size:.9rem;transition:all .3s ease;letter-spacing:1px}.cta-button:hover{background:var(--black);color:var(--white)}.hero{padding:150px 3rem 100px;background:var(--off-white);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,var(--lighter-gray) 1px,transparent 1px),linear-gradient(var(--lighter-gray) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:4rem;margin-bottom:2rem;color:var(--black);font-weight:200;letter-spacing:-1px;line-height:1.1;animation:fadeInUp .8s ease}.hero h1 span{display:block;font-size:3.5rem;color:var(--medium-gray);margin-top:.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:1.1rem;color:var(--gray);margin-bottom:3rem;animation:fadeInUp .8s ease .2s both;font-weight:300;line-height:2;max-width:600px}.hero-buttons{display:flex;gap:2rem;animation:fadeInUp .8s ease .4s both}.hero-button{padding:.8rem 2.5rem;text-decoration:none;font-weight:300;transition:all .3s ease;display:inline-block;border:1px solid var(--black);font-size:.9rem;letter-spacing:1px}.hero-button-primary{background:var(--black);color:var(--white)}.hero-button-primary:hover{background:var(--medium-gray);border-color:var(--medium-gray)}.hero-button-secondary{background:transparent;color:var(--black)}.hero-button-secondary:hover{background:var(--black);color:var(--white)}.code-decoration{position:absolute;right:5%;top:50%;transform:translateY(-50%);font-family:Courier New,monospace;font-size:.8rem;color:var(--light-gray);opacity:.3;line-height:1.8;pointer-events:none}.features{padding:100px 3rem;background:var(--white)}.features-container{max-width:1200px;margin:0 auto}.section-title{font-size:2.8rem;margin-bottom:1rem;color:var(--black);font-weight:200;letter-spacing:-.5px}.section-subtitle{font-size:1rem;color:var(--gray);margin-bottom:5rem;font-weight:300;letter-spacing:.5px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2px;background:var(--lighter-gray);padding:2px}.feature-card{background:var(--white);padding:3rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:hover{background:var(--off-white)}.feature-number{font-family:Courier New,monospace;font-size:.9rem;color:var(--light-gray);margin-bottom:1.5rem}.feature-title{font-size:1.3rem;margin-bottom:1rem;color:var(--black);font-weight:400;letter-spacing:.5px}.feature-description{color:var(--gray);line-height:1.8;font-weight:300;font-size:.95rem}.services{padding:100px 3rem;background:var(--off-white)}.services-container{max-width:1200px;margin:0 auto}.service-grid{display:grid;gap:80px}.service-item{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;opacity:0}@keyframes fadeIn{to{opacity:1}}.service-item:nth-child(2n){direction:rtl}.service-item:nth-child(2n)>*{direction:ltr}.service-content{padding:2rem 0}.service-visual{background:var(--white);padding:4rem;border:1px solid var(--lighter-gray);display:flex;align-items:center;justify-content:center;min-height:350px;position:relative;overflow:hidden}.service-visual:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--off-white) 2px,var(--off-white) 4px);opacity:.5}.service-code{font-family:Courier New,monospace;font-size:.9rem;color:var(--medium-gray);text-align:left;line-height:1.6;z-index:1;position:relative}.service-code .comment{color:var(--light-gray)}.service-code .keyword{color:var(--black)}.service-code-list{list-style:none;margin:1rem 0 0;padding:0}.service-code-list li{position:relative;padding-left:1.2rem;margin-bottom:.6rem;color:var(--gray)}.service-code-list li:before{content:"-";position:absolute;left:0;color:var(--light-gray)}.service-code-list strong{color:var(--black);font-weight:500;margin-right:.25rem}.service-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--black);font-weight:300;letter-spacing:-.5px}.service-subtitle{font-size:.9rem;color:var(--light-gray);margin-bottom:2rem;font-family:Courier New,monospace}.service-list{list-style:none;color:var(--gray);line-height:2.2;font-size:.95rem}.service-list li{padding-left:1.5rem;position:relative;margin-bottom:.8rem;font-weight:300}.service-list li:before{content:"/";position:absolute;left:0;color:var(--black)}.tech-stack{padding:60px 3rem;background:var(--black);color:var(--white)}.tech-container{max-width:1200px;margin:0 auto;text-align:center}.tech-title{font-size:1.2rem;margin-bottom:2rem;font-weight:200;letter-spacing:3px;color:var(--light-gray)}.tech-items{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap}.tech-item{font-family:Courier New,monospace;font-size:.9rem;color:var(--white);padding:.5rem 0;border-bottom:1px solid var(--medium-gray);transition:all .3s ease}.tech-item:hover{border-color:var(--white)}.cta{padding:120px 3rem;background:var(--white);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:100%;background:var(--lighter-gray)}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center}.cta h2{font-size:2.5rem;color:var(--black);margin-bottom:1.5rem;font-weight:200;letter-spacing:-.5px}.cta p{font-size:1rem;color:var(--gray);margin-bottom:3rem;font-weight:300;line-height:1.8}.cta-button-large{background:var(--black);color:var(--white);padding:1rem 3rem;border:1px solid var(--black);text-decoration:none;font-weight:300;font-size:.95rem;display:inline-block;transition:all .3s ease;letter-spacing:2px}.cta-button-large:hover{background:var(--white);color:var(--black)}footer{background:var(--white);color:var(--medium-gray);padding:4rem 3rem 2rem;border-top:1px solid var(--lighter-gray)}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:4rem}.footer-brand{display:flex;align-items:flex-start;gap:1rem}.footer-brand svg{width:32px;height:32px}.footer-brand-text{font-size:1.2rem;font-weight:400;color:var(--black);letter-spacing:1px}.footer-section h4{font-size:.9rem;font-weight:400;margin-bottom:1.5rem;color:var(--black);letter-spacing:1px}.footer-brand-icon{width:32px;height:32px}.footer-brand-icon img{width:100%;height:100%;object-fit:contain;display:block}.footer-links{list-style:none}.footer-links a{color:var(--gray);text-decoration:none;font-size:.9rem;font-weight:300;line-height:2;transition:color .3s ease}.footer-links a:hover{color:var(--black)}.copyright{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--lighter-gray);text-align:center;color:var(--light-gray);font-size:.85rem;font-weight:300;letter-spacing:1px}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero h1 span{font-size:2.2rem}.nav-links{display:none}.service-item,.service-item:nth-child(2n){grid-template-columns:1fr;direction:ltr}.hero-buttons{flex-direction:column;align-items:flex-start}.features-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:2rem}.tech-items{gap:2rem}.code-decoration{display:none}}