:root{--purple: #8A2BE2;--blue: #4169E1;--text-color: #333;--bg-color: #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color)}img{max-width:100%;height:auto}h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}section{position:relative}.jij-landing{min-height:100vh;overflow-x:hidden}.back-button{position:fixed;top:2rem;left:2rem;z-index:100;padding:.75rem 1.5rem;background:#1a1a2ee6;color:#fff;text-decoration:none;border-radius:30px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#1a1a2e;transform:translate(-5px)}.jij-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);overflow:hidden}.quantum-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.quantum-particle{position:absolute;background:radial-gradient(circle,#8A2BE2 0%,#4169E1 50%,transparent 70%);border-radius:50%;filter:blur(1px);box-shadow:0 0 15px #8a2be299}.quantum-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(138,43,226,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(138,43,226,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.single-orbit-container{position:absolute;width:200px;height:200px;z-index:1}.orbit-right{top:50%;right:10%;transform:translateY(-50%)}.orbit-left{top:20%;left:15%;transform:translateY(-50%);width:150px;height:150px}.single-orbit{width:100%;height:100%;border:2px solid rgba(138,43,226,.3);border-radius:50%;position:relative}.orbit-electron{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#00d4ff,#4169e1);border-radius:50%;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #00d4ffcc}.jij-hero-content{position:relative;z-index:10;text-align:center;padding:2rem}.jij-logo-image{width:300px;height:auto;margin:0 auto 2rem;display:block;filter:brightness(0) invert(1) drop-shadow(0 0 40px rgba(138,43,226,.6));animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(138,43,226,.5))}to{filter:brightness(0) invert(1) drop-shadow(0 0 40px rgba(65,105,225,.8))}}.jij-tagline{font-size:1.5rem;color:#fff;margin-top:2rem;font-weight:300;letter-spacing:.05em;opacity:.9}.jij-mission{font-size:1.2rem;color:#fffc;margin-top:1.5rem;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;font-style:italic}.jij-about{padding:100px 0;background:#fff;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-content{text-align:center;max-width:800px;margin:0 auto}.about-content h2{font-size:3rem;margin-bottom:2rem;background:linear-gradient(135deg,#8a2be2,#4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-content p{font-size:1.25rem;line-height:1.8;color:#333}.jij-platform{padding:100px 0;background:#f8f9fa}.jijzept-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.jijzept-logo-img{height:200px;width:auto}.jijzept-header h2{font-size:3rem;margin:0;color:#1a1a2e}.platform-description{text-align:center;font-size:1.25rem;color:#666;margin-bottom:4rem}.platform-stack{max-width:1000px;margin:0 auto;position:relative;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a}.stack-layer{background:#999;color:#fff;padding:1rem 2rem;border-radius:10px;margin-bottom:2rem;text-align:center}.layer-label{font-size:1.25rem;font-weight:600}.stack-components{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.stack-item{background:#3498db;color:#fff;padding:1.5rem 2rem;border-radius:15px;transition:all .3s ease}.stack-item.qamomile{position:relative;background:linear-gradient(135deg,#8a2be2,#4169e1);box-shadow:0 5px 20px #8a2be24d}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.item-header h3{margin:0;font-size:1.5rem}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#fff3}.badge.oss{background:#2ecc7133;border:1px solid rgba(46,204,113,.5)}.badge.commercial{background:#fff3;border:1px solid rgba(255,255,255,.5)}.stack-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.hardware-layers{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.hardware-layer{padding:1.5rem;border-radius:10px;text-align:center;font-weight:600}.hardware-layer.classical{background:#7f8c8d;color:#fff}.hardware-layer.quantum{background:#95a5a6;color:#fff}.jij-features{padding:100px 0;background:#fff}.jij-features h2{text-align:center;font-size:3rem;margin-bottom:4rem;color:#1a1a2e}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.feature-card{background:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;cursor:pointer}.feature-card:hover{box-shadow:0 20px 40px #8a2be233}.feature-icon{width:100px;height:100px;margin:0 auto 2rem;position:relative}.quantum-icon{display:flex;align-items:center;justify-content:center}.quantum-orbit{position:absolute;width:80px;height:80px;border:2px solid #8A2BE2;border-radius:50%;animation:orbit-rotate 3s linear infinite}.quantum-orbit:before{content:"";position:absolute;width:10px;height:10px;background:#4169e1;border-radius:50%;top:-5px;left:50%;transform:translate(-50%)}.quantum-nucleus{width:30px;height:30px;background:radial-gradient(circle,#8a2be2,#4169e1);border-radius:50%;position:relative;z-index:1}@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.optimization-icon{display:flex;align-items:center;justify-content:center}.optimization-graph{width:80px;height:80px;background:linear-gradient(135deg,#4169e1,#00d4ff);clip-path:polygon(10% 90%,30% 60%,50% 70%,70% 30%,90% 40%,90% 90%,10% 90%);animation:graph-pulse 2s ease-in-out infinite}@keyframes graph-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)}}.innovation-icon{display:flex;align-items:center;justify-content:center}.innovation-spark{width:60px;height:60px;background:#8a2be2;position:relative;animation:spark-rotate 4s linear infinite}.innovation-spark:before,.innovation-spark:after{content:"";position:absolute;width:60px;height:60px;background:#4169e1}.innovation-spark:before{transform:rotate(30deg)}.innovation-spark:after{transform:rotate(60deg)}.innovation-spark,.innovation-spark:before,.innovation-spark:after{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}@keyframes spark-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:#1a1a2e}.feature-card p{font-size:1rem;color:#666;line-height:1.6}.jij-cta{padding:100px 0;background:linear-gradient(135deg,#1a1a2e,#0a0a0a);text-align:center;position:relative;overflow:hidden}.jij-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(138,43,226,.2) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(65,105,225,.2) 0%,transparent 50%)}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:3rem;color:#fff;margin-bottom:1rem}.cta-content p{font-size:1.25rem;color:#fffc;margin-bottom:3rem}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 3rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;display:inline-block}.cta-button.primary{background:linear-gradient(135deg,#8a2be2,#4169e1);color:#fff;box-shadow:0 10px 30px #8a2be24d}.cta-button.primary:hover{box-shadow:0 15px 40px #8a2be280;transform:translateY(-2px)}.cta-button.secondary{background:transparent;color:#fff;border:2px solid white}.cta-button.secondary:hover{background:#fff;color:#1a1a2e}@media (max-width: 768px){.back-button{top:1rem;left:1rem;padding:.5rem 1rem;font-size:.875rem}.jij-logo-image{width:200px}.single-orbit-container.orbit-right{width:150px;height:150px;right:5%}.single-orbit-container.orbit-left{width:100px;height:100px;left:10%}.orbit-electron{width:8px;height:8px;top:-4px}.jij-tagline{font-size:1.2rem;padding:0 1rem}.about-content h2,.jij-features h2,.cta-content h2{font-size:2rem}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:2rem 1.5rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}.stack-row,.hardware-layers{grid-template-columns:1fr}.jijzept-header{flex-direction:column}.jijzept-logo-img{height:120px}.jijzept-header h2{font-size:2rem}.platform-stack{padding:1.5rem}}.header{position:fixed;top:0;left:0;right:0;padding:1.25rem 2rem;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000}.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:600;color:#8a2be2;text-decoration:none}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:#1a1a1a;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:#8a2be2}@media (max-width: 768px){.header{padding:1rem 1.5rem}.nav-links{display:none}}.hero{position:relative;padding:160px 2rem 120px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.hero-watermark{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);font-size:120px;font-weight:300;font-family:Red Hat Display,sans-serif;color:#00000008;white-space:nowrap;pointer-events:none}.blur-circle{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.85}.blur-circle.blue{background:#4169e1;top:10%;right:25%}.blur-circle.purple{background:#8a2be2;top:30%;right:5%}.hero-container{position:relative;max-width:1200px;margin:0 auto;z-index:1}.hero-content{max-width:600px;text-align:left}.hero h1{font-size:5rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1;background:linear-gradient(135deg,#8a2be2,#4169e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#8a2be2}.hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem;font-weight:400;line-height:1.6;background:linear-gradient(135deg,#8a2be2 20%,#4169e1 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#8a2be2}.cta-button{display:inline-block;background:#1a1a1a;color:#fff;padding:.875rem 2rem;border-radius:2rem;text-decoration:none;font-weight:500;font-size:1rem;transition:all .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:#000}.hero-description{position:relative;max-width:1200px;margin:6rem auto 0;z-index:1}.hero-description p{color:#8a2be2;font-size:1.25rem;line-height:1.8;text-align:center}@media (max-width: 1024px){.hero{min-height:600px}.blur-circle{width:400px;height:400px}.hero-watermark{font-size:80px}}@media (max-width: 768px){.hero{padding:120px 1.5rem 80px;min-height:auto}.hero-content{text-align:center}.hero h1{font-size:3.5rem}.hero-subtitle{font-size:1.125rem}.hero-description{margin-top:4rem}.hero-description p{font-size:1rem}.hero-description p br{display:none}.blur-circle{width:300px;height:300px}.blur-circle.blue{top:20%;right:-20%}.blur-circle.purple{top:40%;right:-30%}.hero-watermark{font-size:40px}}.concept{position:relative;padding:6rem 2rem;overflow:hidden}.concept-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-1}.blur-circle{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(100px);opacity:.2}.blur-circle.blue{background:#4169e1;top:50%;left:10%;transform:translateY(-50%)}.blur-circle.purple{background:#8a2be2;top:50%;right:10%;transform:translateY(-50%)}.concept-container{max-width:1200px;margin:0 auto}.concept-image{display:block;width:100%;text-align:center}.concept-img{max-width:100%;height:auto;margin:0 auto}@media (max-width: 767px){.concept{padding:4rem 1.5rem}.blur-circle{width:200px;height:200px}.blur-circle.blue{left:-20%}.blur-circle.purple{right:-20%}}.features{padding:6rem 2rem;background:#fff}.features-container{max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.feature-card{padding:2rem;background:#fff;border-radius:.5rem;transition:transform .2s ease;border:1px solid #eaeaea}.feature-card:hover{transform:translateY(-4px)}.feature-icon{margin-bottom:1.5rem}.feature-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#666;font-size:.875rem;line-height:1.6}@media (max-width: 768px){.features{padding:4rem 1.5rem}.features-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.5rem;background:linear-gradient(45deg,#8a2be20d,#4169e10d);opacity:0;transition:opacity .2s ease;pointer-events:none}.feature-card:hover:before{opacity:1}.explore{padding:6rem 2rem;background:#fff}.explore-container{max-width:1200px;margin:0 auto}.explore h2{font-size:4rem;font-weight:300;color:#000;margin-bottom:1.5rem;line-height:1.2}.explore-description{font-size:1.125rem;color:#333;margin-bottom:4rem;line-height:1.6}.explore-grid{display:grid;gap:2rem}.explore-item{padding:0;border-top:1px solid #eaeaea;padding-top:2rem}.explore-item h3{font-size:1.5rem;font-weight:500;color:#000;margin-bottom:.5rem}.explore-item p{color:#666;margin-bottom:.5rem;font-size:1rem;line-height:1.6}.see-detail{color:#8a2be2;text-decoration:none;font-size:.875rem}.see-detail:hover{text-decoration:underline}.sp-only{display:none}@media (max-width: 767px){.explore{padding:4rem 1.5rem}.explore h2{font-size:2.5rem}.sp-only{display:inline}.explore-description{margin-bottom:3rem}.explore-item{padding-top:1.5rem}}.tutorials{position:relative;padding:6rem 2rem;background:linear-gradient(180deg,#fff,#f9f5ff);overflow:hidden}.tutorials-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.blur-circle.purple.bottom{position:absolute;width:600px;height:600px;border-radius:50%;background:#8a2be2;opacity:.1;filter:blur(120px);bottom:-300px;right:-200px}.tutorials-container{position:relative;max-width:1200px;margin:0 auto;z-index:1}.tutorials h2{font-size:3rem;font-weight:600;color:#1a1a1a;text-align:center;margin-bottom:1rem}.tutorials-description{text-align:center;color:#666;font-size:1.125rem;margin-bottom:3rem}.tutorials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.tutorial-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8a2be21a}.tutorial-icon{margin-bottom:1.5rem}.tutorial-card h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.tutorial-card p{color:#666;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.tutorial-link{display:inline-flex;align-items:center;color:#8a2be2;text-decoration:none;font-size:.875rem;font-weight:500}.tutorial-link .arrow{margin-left:.5rem;transition:transform .2s ease}.tutorial-link:hover .arrow{transform:translate(4px)}@media (max-width: 1024px){.tutorials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.tutorials{padding:4rem 1.5rem}.tutorials h2{font-size:2.5rem}.tutorials-grid{grid-template-columns:1fr}.tutorials-description{font-size:1rem;margin-bottom:2rem}.blur-circle.purple.bottom{width:400px;height:400px;bottom:-200px;right:-100px}}.updates{padding:6rem 2rem;background:#fff}.updates-container{max-width:800px;margin:0 auto}.updates h2{font-size:3rem;font-weight:600;color:#1a1a1a;margin-bottom:3rem}.update-list{display:flex;flex-direction:column;gap:1.5rem}.update-item{display:flex;align-items:flex-start;padding:1rem 0;border-bottom:1px solid #eaeaea}.update-date{flex-shrink:0;width:120px;color:#666;font-size:.875rem;font-weight:500}.update-content{flex-grow:1}.update-content p{margin:0;color:#1a1a1a;font-size:.875rem;line-height:1.6}.update-item:hover{background:linear-gradient(to right,rgba(138,43,226,.03),transparent)}@media (max-width: 768px){.updates{padding:4rem 1.5rem}.updates h2{font-size:2.5rem;margin-bottom:2rem}.update-item{flex-direction:column;gap:.5rem}.update-date{width:auto;margin-bottom:.25rem}}.information{padding:6rem 2rem;background:#fafafa}.information-container{max-width:1200px;margin:0 auto}.information h2{font-size:3rem;font-weight:600;color:#1a1a1a;text-align:center;margin-bottom:3rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.info-card{position:relative;display:block;text-decoration:none;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.info-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #8a2be21a}.info-content{padding:2rem}.info-icon{margin-bottom:1.5rem}.info-card h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:.75rem}.info-card p{color:#666;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.info-link-text{color:#8a2be2;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:gap .2s ease}.info-card:hover .info-link-text{gap:.75rem}.info-icon svg{width:24px;height:24px;transition:transform .2s ease}.info-card:hover .info-icon svg{transform:scale(1.1)}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#8a2be208,#4169e108);opacity:0;transition:opacity .2s ease;pointer-events:none}.info-card:hover:before{opacity:1}@media (max-width: 768px){.information{padding:4rem 1.5rem}.information h2{font-size:2.5rem;margin-bottom:2rem}.info-grid{grid-template-columns:1fr;gap:1.5rem}.info-content{padding:1.5rem}}.footer{padding:2rem;background:#f8f8f8;border-top:1px solid #eaeaea}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.footer-logo .logo{font-size:1.25rem;font-weight:600;color:#8a2be2;text-decoration:none}.footer-links{display:flex;gap:2rem}.footer-link{color:#666;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-link:hover{color:#8a2be2}.footer-bottom{padding-top:1.5rem;border-top:1px solid #eaeaea}.copyright{color:#999;font-size:.75rem;text-align:center}@media (max-width: 768px){.footer{padding:2rem 1.5rem}.footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-links{justify-content:center;gap:1.5rem}}