.landing-page{--lp-primary:#1a365d;--lp-primary-light:#2d5a87;--lp-primary-dark:#0f2442;--lp-accent:#c9a96e;--lp-accent-light:#e6d4a8;--lp-text:#1a202c;--lp-text-light:#4a5568;--lp-text-muted:#718096;--lp-bg:#fff;--lp-bg-alt:#f7f8fc;--lp-bg-dark:#0f1724;--lp-border:#e2e8f0;--lp-shadow:0 4px 30px #00000014;--lp-shadow-lg:0 20px 60px #0000001f;--lp-radius:16px;--lp-transition:.4s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-noto-sans-sc), -apple-system, BlinkMacSystemFont, sans-serif;color:var(--lp-text);background:var(--lp-bg);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;line-height:1.8;overflow-x:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page ul{list-style:none}.landing-page img{max-width:100%;display:block}.landing-page .lp-container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-page .lp-navbar{z-index:1000;transition:all var(--lp-transition);padding:1.5rem 0;position:fixed;top:0;left:0;right:0}.landing-page .lp-navbar.scrolled{-webkit-backdrop-filter:blur(20px);background:#fffffff2;padding:.8rem 0;box-shadow:0 2px 30px #0000000f}.landing-page .lp-navbar.scrolled .lp-logo-text,.landing-page .lp-navbar.scrolled .lp-nav-links a{color:var(--lp-text)}.landing-page .lp-navbar.scrolled .lp-logo-icon{color:var(--lp-primary)}.landing-page .lp-nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.landing-page .lp-logo{font-family:var(--font-noto-serif-sc), serif;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;display:flex}.landing-page .lp-logo-icon{color:#fff;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing-page .lp-logo-icon svg{width:100%;height:100%}.landing-page .lp-logo-text{color:#fff;transition:color var(--lp-transition)}.landing-page .lp-nav-links{gap:2.5rem;display:flex}.landing-page .lp-nav-links a{color:#ffffffd9;transition:color var(--lp-transition);padding:.3rem 0;font-size:.9rem;font-weight:400;position:relative}.landing-page .lp-nav-links a:after{content:"";background:var(--lp-accent);width:0;height:2px;transition:width var(--lp-transition);position:absolute;bottom:0;left:0}.landing-page .lp-nav-links a:hover{color:#fff}.landing-page .lp-nav-links a:hover:after{width:100%}.landing-page .lp-navbar.scrolled .lp-nav-links a:hover{color:var(--lp-primary)}.landing-page .lp-nav-btn{color:#fff;letter-spacing:.05em;transition:all var(--lp-transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:50px;align-items:center;padding:.5rem 1.25rem;font-size:.85rem;display:inline-flex}.landing-page .lp-nav-btn:hover{background:#ffffff1a;border-color:#fff9}.landing-page .lp-navbar.scrolled .lp-nav-btn{border-color:var(--lp-primary);color:var(--lp-primary)}.landing-page .lp-navbar.scrolled .lp-nav-btn:hover{background:var(--lp-primary);color:#fff}.landing-page .lp-nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.landing-page .lp-nav-toggle span{width:24px;height:2px;transition:all var(--lp-transition);background:#fff;border-radius:2px}.landing-page .lp-navbar.scrolled .lp-nav-toggle span{background:var(--lp-text)}.landing-page .lp-hero{background:linear-gradient(135deg,#0a1628 0%,#1a365d 40%,#2d5a87 70%,#1a365d 100%);justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.landing-page .lp-hero-bg-img{z-index:1;background:url(/hero-bg.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.landing-page .lp-hero canvas{z-index:2;pointer-events:none;width:100%;height:50%;position:absolute;bottom:0;left:0}.landing-page .lp-hero-overlay{z-index:2;background:radial-gradient(at 30%,#0000 0%,#0a162866 100%);position:absolute;inset:0}.landing-page .lp-hero-content{z-index:3;text-align:center;padding:0 2rem;position:relative}.landing-page .lp-hero-title{margin-bottom:1.5rem}.landing-page .lp-title-line{font-family:var(--font-noto-serif-sc), serif;color:#fff;letter-spacing:.15em;opacity:0;font-size:clamp(3rem,8vw,5.5rem);font-weight:900;line-height:1.2;animation:1s forwards lpHeroFadeUp;display:block;transform:translateY(40px)}.landing-page .lp-title-sub{color:var(--lp-accent-light);letter-spacing:.4em;opacity:0;margin-top:1rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:300;animation:1s .2s forwards lpHeroFadeUp;display:block;transform:translateY(40px)}.landing-page .lp-hero-desc{color:#ffffffb3;letter-spacing:.1em;opacity:0;margin-bottom:2.5rem;font-size:1.1rem;animation:1s .4s forwards lpHeroFadeUp;transform:translateY(30px)}.landing-page .lp-hero-btn{color:#fff;letter-spacing:.1em;transition:all var(--lp-transition);opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.95rem;animation:1s .6s forwards lpHeroFadeUp;display:inline-flex;transform:translateY(30px)}.landing-page .lp-hero-btn:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.landing-page .lp-hero-btn svg{transition:transform var(--lp-transition)}.landing-page .lp-hero-btn:hover svg{transform:translateY(3px)}@keyframes lpHeroFadeUp{to{opacity:1;transform:translateY(0)}}.landing-page .lp-scroll-indicator{z-index:3;opacity:0;animation:1s 1.2s forwards lpFadeInDelay;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}@keyframes lpFadeInDelay{to{opacity:1}}.landing-page .lp-mouse{border:2px solid #fff6;border-radius:13px;justify-content:center;width:26px;height:40px;padding-top:8px;display:flex}.landing-page .lp-wheel{background:#fff9;border-radius:2px;width:3px;height:8px;animation:2s infinite lpScrollWheel}@keyframes lpScrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.landing-page .lp-section{padding:8rem 0;position:relative}.landing-page .lp-section-header{text-align:center;margin-bottom:5rem}.landing-page .lp-section-header.light .lp-section-tag,.landing-page .lp-section-header.light .lp-section-title{color:#fff}.landing-page .lp-section-header.light .lp-section-line{background:var(--lp-accent)}.landing-page .lp-section-tag{letter-spacing:.3em;color:var(--lp-text-muted);text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:500;display:inline-block}.landing-page .lp-section-title{font-family:var(--font-noto-serif-sc), serif;color:var(--lp-text);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,2.8rem);font-weight:700}.landing-page .lp-section-line{background:var(--lp-primary);border-radius:2px;width:60px;height:3px;margin:0 auto}.landing-page .lp-about{background:var(--lp-bg)}.landing-page .lp-about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.landing-page .lp-about-lead{color:var(--lp-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:500;line-height:2}.landing-page .lp-about-text p{color:var(--lp-text-light);margin-bottom:1rem;line-height:2}.landing-page .lp-about-features{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.landing-page .lp-feature-card{text-align:center;transition:all var(--lp-transition);background:#f8faff;border:1px solid #3b82f614;border-radius:12px;padding:2.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.landing-page .lp-feature-card:hover{border-color:#3b82f633;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.landing-page .lp-feature-icon{color:#3b82f6;width:56px;height:56px;margin:0 auto 1.25rem}.landing-page .lp-feature-icon svg{width:100%;height:100%}.landing-page .lp-feature-title{color:#0d1b2a;letter-spacing:.02em;margin:0;font-size:1.05rem;font-weight:700}.landing-page .lp-feature-card:first-child:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Ccircle cx='90' cy='90' r='78' fill='none' stroke='rgba(59,130,246,0.08)' stroke-width='1.5' stroke-dasharray='2 5'/%3E%3Cellipse cx='90' cy='90' rx='52' ry='78' fill='none' stroke='rgba(59,130,246,0.07)' stroke-width='1.2' stroke-dasharray='2 5'/%3E%3Cellipse cx='90' cy='90' rx='26' ry='78' fill='none' stroke='rgba(59,130,246,0.06)' stroke-width='1.2' stroke-dasharray='2 5'/%3E%3Cline x1='12' y1='90' x2='168' y2='90' stroke='rgba(59,130,246,0.07)' stroke-width='1.2' stroke-dasharray='2 5'/%3E%3Cpath d='M18,55 Q90,44 162,55' fill='none' stroke='rgba(59,130,246,0.06)' stroke-width='1.2' stroke-dasharray='2 5'/%3E%3Cpath d='M18,125 Q90,136 162,125' fill='none' stroke='rgba(59,130,246,0.06)' stroke-width='1.2' stroke-dasharray='2 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:180px;height:180px;position:absolute;bottom:-40px;right:-40px}.landing-page .lp-feature-card:nth-child(2):before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 100'%3E%3Cpolyline points='10,82 35,60 60,68 85,35 110,45 140,12' fill='none' stroke='rgba(59,130,246,0.12)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='82' r='3' fill='rgba(59,130,246,0.18)'/%3E%3Ccircle cx='35' cy='60' r='3' fill='rgba(59,130,246,0.18)'/%3E%3Ccircle cx='60' cy='68' r='3' fill='rgba(59,130,246,0.18)'/%3E%3Ccircle cx='85' cy='35' r='3' fill='rgba(59,130,246,0.18)'/%3E%3Ccircle cx='110' cy='45' r='3' fill='rgba(59,130,246,0.18)'/%3E%3Ccircle cx='140' cy='12' r='3' fill='rgba(59,130,246,0.18)'/%3E%3Cpolyline points='10,90 40,78 65,82 90,58 115,65 140,42' fill='none' stroke='rgba(59,130,246,0.06)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:150px;height:100px;position:absolute;bottom:5px;right:5px}.landing-page .lp-feature-card:nth-child(3):before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 70'%3E%3Cpath d='M0,40 Q37,20 75,40 T150,40 T225,40 T300,40' fill='none' stroke='rgba(59,130,246,0.10)' stroke-width='2'/%3E%3Cpath d='M0,50 Q37,30 75,50 T150,50 T225,50 T300,50' fill='none' stroke='rgba(59,130,246,0.08)' stroke-width='2'/%3E%3Cpath d='M0,60 Q37,40 75,60 T150,60 T225,60 T300,60' fill='none' stroke='rgba(59,130,246,0.06)' stroke-width='2'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:110% 100%;width:100%;height:70px;position:absolute;bottom:-5px;left:0}.landing-page .lp-feature-card:nth-child(4):before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61f 1.2px,#0000 1.2px) 0 0/10px 10px;width:140px;height:140px;position:absolute;bottom:-10px;right:-10px;-webkit-mask-image:linear-gradient(135deg,#0000 30%,#000 70%);mask-image:linear-gradient(135deg,#0000 30%,#000 70%)}.landing-page .lp-values{background:var(--lp-bg-alt)}.landing-page .lp-values-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.landing-page .lp-value-card{border-radius:var(--lp-radius);text-align:center;transition:all var(--lp-transition);border:1px solid var(--lp-border);background:#fff;padding:2.5rem 2rem;position:relative;overflow:hidden}.landing-page .lp-value-card:before{content:"";background:linear-gradient(90deg, var(--lp-primary), var(--lp-accent));height:3px;transition:transform var(--lp-transition);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.landing-page .lp-value-card:hover:before{transform:scaleX(1)}.landing-page .lp-value-card:hover{box-shadow:var(--lp-shadow-lg);transform:translateY(-8px)}.landing-page .lp-value-icon{width:60px;height:60px;color:var(--lp-primary);margin:0 auto 1.5rem}.landing-page .lp-value-icon svg{width:100%;height:100%}.landing-page .lp-value-card h3{font-family:var(--font-noto-serif-sc), serif;color:var(--lp-text);margin-bottom:1rem;font-size:1.2rem;font-weight:700}.landing-page .lp-value-card p{color:var(--lp-text-light);font-size:.9rem;line-height:1.8}.landing-page .lp-tech{background:linear-gradient(135deg,#0a1628 0%,#1a365d 50%,#0f2442 100%);position:relative}.landing-page .lp-tech:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.landing-page .lp-tech-showcase{grid-template-columns:1fr 1fr;gap:2rem;display:grid;position:relative}.landing-page .lp-tech-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--lp-radius);transition:all var(--lp-transition);background:#ffffff0d;border:1px solid #ffffff1a;padding:2.5rem}.landing-page .lp-tech-item:hover{border-color:var(--lp-accent);background:#ffffff14;transform:translateY(-4px)}.landing-page .lp-tech-num{font-family:var(--font-noto-serif-sc), serif;color:#ffffff14;margin-bottom:1rem;font-size:3rem;font-weight:900;line-height:1}.landing-page .lp-tech-item h3{font-family:var(--font-noto-serif-sc), serif;color:#fff;margin-bottom:.8rem;font-size:1.3rem;font-weight:600}.landing-page .lp-tech-item p{color:#fff9;margin-bottom:1.2rem;font-size:.9rem;line-height:1.8}.landing-page .lp-tech-tags{flex-wrap:wrap;gap:.5rem;display:flex}.landing-page .lp-tech-tags span{color:var(--lp-accent-light);background:#c9a96e26;border:1px solid #c9a96e33;border-radius:20px;padding:.3rem .8rem;font-size:.75rem}.landing-page .lp-team{background:var(--lp-bg)}.landing-page .lp-team-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.landing-page .lp-team-card{border-radius:var(--lp-radius);height:320px;transition:all var(--lp-transition);position:relative;overflow:hidden}.landing-page .lp-team-card:hover{box-shadow:var(--lp-shadow-lg);transform:translateY(-6px)}.landing-page .lp-team-card-bg{transition:transform var(--lp-transition);position:absolute;inset:0}.landing-page .lp-team-card:hover .lp-team-card-bg{transform:scale(1.05)}.landing-page .lp-team-card-content{z-index:2;color:#fff;flex-direction:column;justify-content:flex-end;height:100%;padding:2.5rem;display:flex;position:relative}.landing-page .lp-team-card-icon{opacity:.8;width:48px;height:48px;margin-bottom:1.5rem}.landing-page .lp-team-card-icon svg{width:100%;height:100%}.landing-page .lp-team-card-content h3{font-family:var(--font-noto-serif-sc), serif;margin-bottom:.8rem;font-size:1.3rem;font-weight:700}.landing-page .lp-team-card-content p{opacity:.8;font-size:.9rem;line-height:1.8}.landing-page .lp-contact{text-align:center;background:linear-gradient(135deg,#0f2442 0%,#1a365d 50%,#0a1628 100%);position:relative}.landing-page .lp-contact:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#c9a96e1f 0%,#0000 60%);position:absolute;inset:0}.landing-page .lp-contact .lp-section-header{position:relative}.landing-page .lp-contact-inner{max-width:700px;margin:0 auto;position:relative}.landing-page .lp-contact-inner>p{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.8}.landing-page .lp-contact-email{border-radius:var(--lp-radius);transition:all var(--lp-transition);cursor:pointer;background:#ffffff0f;border:1px solid #c9a96e59;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1.2rem 2.5rem;display:inline-flex}.landing-page .lp-contact-email:hover{border-color:var(--lp-accent);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 0 30px #c9a96e26}.landing-page .lp-contact-email svg{color:var(--lp-accent);flex-shrink:0}.landing-page .lp-contact-email span{font-family:var(--font-noto-serif-sc), serif;color:#fff;letter-spacing:.5px;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:600}.landing-page .lp-contact-info{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.landing-page .lp-contact-item{color:#ffffff80;align-items:center;gap:.75rem;font-size:.95rem;display:flex}.landing-page .lp-contact-item svg{color:#fff6;flex-shrink:0}.landing-page .lp-footer{background:var(--lp-bg-dark);color:#fff9;padding:3rem 0 2rem}.landing-page .lp-footer-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}.landing-page .lp-footer-brand{font-family:var(--font-noto-serif-sc), serif;color:#fff;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;display:flex}.landing-page .lp-footer-logo-icon{width:32px;height:32px;color:var(--lp-accent)}.landing-page .lp-footer-links{gap:2rem;display:flex}.landing-page .lp-footer-links a{color:#ffffff80;transition:color var(--lp-transition);font-size:.85rem}.landing-page .lp-footer-links a:hover{color:#fff}.landing-page .lp-footer-bottom{text-align:center;color:#ffffff4d;font-size:.8rem}.landing-page .lp-footer-bottom a{color:#ffffff4d;transition:color .3s}.landing-page .lp-footer-bottom a:hover{color:#fff9}.landing-page .lp-reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.landing-page .lp-reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:1024px){.landing-page .lp-values-grid{grid-template-columns:1fr 1fr}.landing-page .lp-tech-showcase{grid-template-columns:1fr}}@media (max-width:768px){.landing-page .lp-nav-links{display:none}.landing-page .lp-nav-toggle{display:flex}.landing-page .lp-nav-links.open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #0000001a}.landing-page .lp-nav-links.open a{color:var(--lp-text)}.landing-page .lp-about-grid{grid-template-columns:1fr;gap:3rem}.landing-page .lp-values-grid,.landing-page .lp-team-grid{grid-template-columns:1fr}.landing-page .lp-section{padding:5rem 0}.landing-page .lp-footer-top{text-align:center;flex-direction:column;gap:1.5rem}.landing-page .lp-footer-links{flex-wrap:wrap;justify-content:center}.landing-page .lp-contact-info{flex-direction:column;align-items:center}}
