@charset "utf-8";@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1a1a1a;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,0.2)}nav .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#313131}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#313131}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#313131 0,#1a1a1a 100%);color:white;text-align:center;padding-top:80px}.hero h1{font-size:3.8rem;font-weight:700;margin-bottom:1rem;animation:fadeInUp .8s ease-out;letter-spacing:-0.02em}.hero .subtitle{font-size:1.3rem;margin-bottom:.5rem;opacity:.9;animation:fadeInUp .8s ease-out .2s both}.hero .description{font-size:1.1rem;margin-bottom:2rem;opacity:.8;animation:fadeInUp .8s ease-out .4s both;max-width:800px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}.btn{padding:.8rem 2rem;border:0;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-block}.btn-primary{background:#e0dcdd;color:#313131}.btn-primary:hover{transform:translateY(-2px);background:rgba(224,220,221,0.9);text-decoration:none;color:#313131}.btn-secondary{background:transparent;color:white;border:2px solid white}.btn-secondary:hover{background:#e0dcdd;color:#313131}.section{padding:5rem 0;background:white}.section:nth-child(even){background:#e0dcdd}.section h2{font-size:2.8rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#1a1a1a;letter-spacing:-0.02em}.section-subtitle{font-size:1.2rem;text-align:center;color:#666;margin-bottom:3rem;max-width:900px;margin-left:auto;margin-right:auto}.problem-section{background:#e0dcdd}.problem-section h2{font-size:3.4rem;font-weight:700;color:#313131;margin-bottom:1.5rem;letter-spacing:-0.03em;line-height:1.1}.problem-section .section-subtitle{font-size:1.4rem;font-weight:500;color:#313131;line-height:1.7;margin-bottom:4rem;opacity:.8}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin:3rem 0}.card-item{background:white;border-radius:12px;padding:2.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.05),0 8px 16px rgba(0,0,0,0.1);border:1px solid #e5e7eb;transition:all .3s ease}.card-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12);border-color:#d1d5db}.card-item h4{color:#313131;margin-bottom:1.5rem;font-weight:600;font-size:1.4rem;line-height:1.3;letter-spacing:-0.01em}.card-item p{color:#313131;line-height:1.7;font-size:1.1rem;font-weight:400;opacity:.8}.problem-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin:3rem 0}.problem-item{background:white;border-radius:12px;padding:2.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.05),0 8px 16px rgba(0,0,0,0.1);border:1px solid #e5e7eb;transition:all .3s ease}.problem-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12);border-color:#d1d5db}.problem-item h4{color:#313131;margin-bottom:1.5rem;font-weight:600;font-size:1.4rem;line-height:1.3;letter-spacing:-0.01em}.problem-item p{color:#313131;line-height:1.7;font-size:1.1rem;font-weight:400;opacity:.8}.quote-box{background:linear-gradient(135deg,#313131 0,#1a1a1a 100%);color:#e0dcdd;padding:3rem;border-radius:20px;margin:4rem 0;text-align:center;font-size:1.4rem;font-weight:600;position:relative;line-height:1.6;box-shadow:0 20px 40px rgba(49,49,49,0.3)}.quote-box::before{content:'"';font-size:6rem;position:absolute;top:-1.5rem;left:2rem;opacity:.2;font-weight:700}.problem-conclusion{text-align:center;font-size:1.25rem;margin-top:3rem;color:#313131;font-weight:600;line-height:1.7;max-width:800px;margin-left:auto;margin-right:auto}.how-it-works-section{background:#e0dcdd}.innovation-section{background:linear-gradient(135deg,#f5f5f5 0,#e8e8e8 100%)}.innovation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;margin:3rem 0}.innovation-card{background:white;border-radius:12px;padding:2.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.05),0 8px 16px rgba(0,0,0,0.1);border:1px solid #e5e7eb;text-align:center;transition:all .3s ease}.innovation-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12);border-color:#d1d5db}.innovation-card .icon{width:60px;height:60px;background:linear-gradient(135deg,#313131,#1a1a1a);border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#e0dcdd}.innovation-card h4{color:#1a1a1a;margin-bottom:.5rem;font-weight:600}.innovation-card p{color:#313131;line-height:1.7;font-weight:400;opacity:.8}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin:3rem 0}.step{text-align:center;padding:2rem;background:white;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#313131,#1a1a1a);color:#e0dcdd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h4{color:#1a1a1a;margin-bottom:1rem;font-weight:600;font-size:1.2rem}.step p{color:#666;line-height:1.7}.solutions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2.5rem;margin:3rem 0}.solution-item{background:white;border-radius:16px;padding:2.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.05),0 8px 16px rgba(0,0,0,0.1);border:1px solid #e5e7eb;transition:all .3s ease;position:relative}.solution-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.12);border-color:#313131}.solution-item::before{content:'✓';position:absolute;top:1.5rem;right:1.5rem;width:32px;height:32px;background:linear-gradient(135deg,#313131,#1a1a1a);color:#e0dcdd;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.solution-challenge{color:#6b7280;font-weight:500;margin-bottom:1rem;font-size:1rem;line-height:1.6;font-style:italic}.solution-approach{color:#313131;font-weight:600;font-size:1.1rem;line-height:1.6}.research-highlight{background:linear-gradient(135deg,#313131,#1a1a1a);color:#e0dcdd;padding:3rem;border-radius:16px;text-align:center;margin:3rem 0;box-shadow:0 20px 40px rgba(49,49,49,0.3)}.research-highlight h3{font-size:1.8rem;margin-bottom:1rem}.research-highlight p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.key-insight{background:linear-gradient(135deg,#313131 0,#1a1a1a 100%);border:0;border-radius:20px;padding:3rem;margin:3rem 0;text-align:center;font-size:1.4rem;font-weight:600;color:#e0dcdd;line-height:1.6;box-shadow:0 20px 40px rgba(49,49,49,0.3)}footer{background:#1a1a1a;color:white;padding:3rem 0;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:white}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h1{font-size:2.8rem}.nav-links{display:none}.cta-buttons{flex-direction:column;align-items:center}.section{padding:3rem 0}.steps{grid-template-columns:1fr}.problem-section h2{font-size:2.6rem}.problem-item{padding:2rem}.problem-item h4{font-size:1.3rem}.problem-item p{font-size:1.05rem}.quote-box{font-size:1.3rem;padding:2rem}.card-grid,.innovation-grid,.problem-list{grid-template-columns:1fr;gap:2rem}.card-item,.innovation-card{padding:2rem}.card-item h4,.innovation-card h4{font-size:1.3rem}.card-item p,.innovation-card p{font-size:1.05rem}}.img-container{position:relative;text-align:center;color:grey;font-size:12px;margin:auto}.img-source{position:absolute;bottom:8px;right:16px;transition:opacity 1s;transition-timing-function:ease-in;opacity:.4;color:grey}.img-container img:hover + .img-source{opacity:1}.img-container img{width:100px}.secondary-cta{margin-top:1.5rem;animation:fadeInUp .8s ease-out .8s both}.btn-prototype{background:none;border:0;color:rgba(224,220,221,0.8);padding:.5rem 0;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;position:relative}.btn-prototype:hover{color:#e0dcdd;transform:translateY(-1px)}.btn-prototype::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(224,220,221,0.6);transition:width .3s ease}.btn-prototype:hover::after{width:100%}.btn-prototype::before{content:"🔬";font-size:.9rem;opacity:.7;transition:opacity .3s ease}.btn-prototype:hover::before{opacity:1}.prototype-label{font-size:.85rem;color:rgba(224,220,221,0.7);margin-top:.5rem;font-weight:400;text-align:center}@media (max-width:768px){.secondary-cta{margin-top:1rem}.btn-prototype,.btn-prototype-alt{padding:.6rem 1.5rem;font-size:.9rem}}.demo-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);backdrop-filter:blur(5px);align-items:center;justify-content:center;animation:fadeIn .3s ease}.modal-content{background:white;padding:2rem;border-radius:16px;max-width:800px;width:90%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:slideIn .3s ease}.close-btn{position:absolute;top:1rem;right:1.5rem;font-size:2rem;font-weight:bold;color:#666;cursor:pointer;transition:color .3s ease;line-height:1}.close-btn:hover{color:#313131}.modal-content h3{margin-bottom:1.5rem;font-size:1.8rem;color:#313131;text-align:center}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{opacity:0;transform:translateY(-50px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.modal-content{margin:10% auto;width:95%;max-width:none}.video-container iframe{width:100%;height:250px}}.download-box{border:2px solid #e0dcdd;border-radius:12px;padding:2rem;background:#fafafa}.warning-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:1.5rem;margin:2rem 0}.setup-guide{background:#f8f8f8;border-radius:8px;padding:2rem;margin:2rem 0}.setup-guide p{margin-bottom:1rem}.contact-section{background:#f0f0f0;border-radius:8px;padding:2rem;margin:3rem 0;text-align:center}.contact-section h4{margin-bottom:1rem}.contact-section p{margin-bottom:0}@media (max-width:768px){div[style*="grid-template-columns:1fr 1fr"]{display:block !important}.download-box{margin-bottom:2rem}}.code-block{position:relative;background:#1a1a1a;color:#e0dcdd;padding:1rem;border-radius:8px;margin:1rem 0;word-wrap:break-word;overflow-wrap:break-word}.code-block code{font-family:monospace;font-size:.9rem;line-height:1.4;display:block}.copy-icon{position:absolute;top:8px;right:8px;font-size:.7rem;cursor:pointer;color:#e0dcdd;opacity:.6;transition:all .2s ease;user-select:none;font-weight:500;background:rgba(224,220,221,0.1);border:1px solid rgba(224,220,221,0.3);padding:.2rem .5rem;border-radius:4px}.copy-icon:hover{opacity:1;background:rgba(224,220,221,0.2);border-color:rgba(224,220,221,0.5)}html{scroll-padding-top:60px}.deployment-scenario p{font-size:1.15rem;margin-top:1.5rem}.deployment-scenario h4{font-size:1.25rem}.isolation-detail h3{font-size:1.5rem}.isolation-detail p{margin-top:1.5rem}