*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--navy:#0b1628;--navy2:#132038;--navy3:#1c2f4f;--blue:#1a6eff;--blue2:#3d86ff;--cyan:#00c9c9;--gold:#f5a623;--white:#f0f4ff;--muted:#8ba0bf;--border:#ffffff14;--border2:#ffffff24;--ff-head:"Syne", sans-serif;--ff-body:"DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);font-family:var(--ff-body);font-size:16px;line-height:1.65;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#1a6eff0a 1px,#0000 1px),linear-gradient(90deg,#1a6eff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.orb{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.orb-1{background:#1a6eff1f;width:500px;height:500px;top:-150px;left:-100px}.orb-2{background:#00c9c914;width:400px;height:400px;bottom:-100px;right:-80px}.orb-3{background:#f5a6230d;width:300px;height:300px;top:40%;left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes cookieSlideUp{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.anim-1{animation:.6s both fadeUp}.anim-2{animation:.6s .1s both fadeUp}.anim-3{animation:.6s .2s both fadeUp}.anim-4{animation:.6s .25s both fadeUp}.anim-5{animation:.6s .3s both fadeUp}.anim-6{animation:.6s .4s both fadeUp}.pulse-dot{animation:2s infinite pulse}.hp-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0b1628d9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.hp-nav-logo{font-family:var(--ff-head);letter-spacing:-.5px;color:var(--white);align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.hp-nav-logo-icon{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.hp-nav-links{align-items:center;gap:28px;list-style:none;display:flex}.hp-nav-links a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .15s}.hp-nav-links a:hover{color:var(--white)}.hp-nav-signin{background:var(--blue);border-radius:8px;padding:8px 20px;color:#fff!important;font-weight:500!important}.hp-nav-hamburger{color:var(--white);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.hp-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:99;background:#0b1628fa;flex-direction:column;gap:16px;padding:20px 24px;display:none;position:fixed;top:64px;left:0;right:0}.hp-mobile-menu.open{display:flex}.hp-mobile-menu a{color:var(--muted);border-bottom:1px solid var(--border);padding:10px 0;font-size:15px;text-decoration:none;transition:color .15s}.hp-mobile-menu a:last-child{border-bottom:none}.hp-mobile-menu a:hover{color:var(--white)}.hp-mobile-signin{background:var(--blue);text-align:center;border-radius:8px;margin-top:4px;padding:12px 20px;color:#fff!important;border-bottom:none!important;font-weight:500!important}.hp-hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative}.hp-hero-badge{color:var(--blue2);letter-spacing:.5px;text-transform:uppercase;background:#1a6eff1f;border:1px solid #1a6eff4d;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:11px;font-weight:500;display:inline-flex}.hp-hero h1{font-family:var(--ff-head);letter-spacing:-2px;max-width:860px;font-size:clamp(36px,8vw,76px);font-weight:800;line-height:1.05}.hp-hero-sub{color:var(--muted);max-width:580px;margin:20px auto 0;font-size:clamp(15px,2.5vw,18px);font-weight:300;line-height:1.7}.hp-hero-location{color:var(--gold);align-items:center;gap:6px;margin-top:14px;font-size:13px;font-weight:500;display:inline-flex}.hp-hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hp-btn-primary{background:var(--blue);color:#fff;border-radius:10px;padding:13px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:background .15s}.hp-btn-primary:hover{background:var(--blue2)}.hp-btn-secondary{color:var(--muted);border:1px solid var(--border2);background:0 0;border-radius:10px;padding:13px 28px;font-size:15px;font-weight:400;text-decoration:none;transition:border-color .15s,color .15s}.hp-btn-secondary:hover{border-color:var(--border2);color:var(--white)}.hp-stats{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#13203899;border-radius:14px;grid-template-columns:repeat(4,1fr);width:100%;max-width:700px;margin-top:60px;display:grid;overflow:hidden}.hp-stat{border-right:1px solid var(--border);text-align:left;padding:18px 20px}.hp-stat:last-child{border-right:none}.hp-stat-num{font-family:var(--ff-head);color:var(--blue2);font-size:20px;font-weight:700;line-height:1}.hp-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.hp-section{z-index:1;max-width:1200px;margin:0 auto;padding:80px 24px;position:relative}.hp-section-label{letter-spacing:2px;text-transform:uppercase;color:var(--blue2);margin-bottom:12px;font-size:11px;font-weight:600}.hp-section-title{font-family:var(--ff-head);letter-spacing:-1px;font-size:clamp(26px,4vw,44px);font-weight:700;line-height:1.15}.hp-section-header{text-align:center;margin-bottom:52px}.hp-about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hp-about-text p{color:var(--muted);margin-top:16px;font-size:15px;font-weight:300;line-height:1.75}.hp-demo-card{background:var(--navy2);border:1px solid var(--border2);border-radius:20px;padding:28px;position:relative;overflow:hidden}.hp-demo-card:before{content:"";background:linear-gradient(90deg, var(--blue), var(--cyan));height:3px;position:absolute;top:0;left:0;right:0}.hp-demo-row{border:1px solid var(--border);background:#ffffff0a;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.hp-demo-avatar{width:36px;height:36px;font-family:var(--ff-head);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.hp-demo-name{color:var(--white);font-size:13px;font-weight:500}.hp-demo-meta{color:var(--muted);font-size:11px}.hp-demo-badge{border-radius:6px;flex-shrink:0;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:600}.hp-scanner-box{text-align:center;background:#1a6eff14;border:1px dashed #1a6eff4d;border-radius:10px;margin-top:4px;padding:16px}.hp-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hp-feature-card{background:var(--navy2);border:1px solid var(--border);border-radius:14px;padding:24px;transition:border-color .2s,transform .2s}.hp-feature-card:hover{border-color:var(--border2);transform:translateY(-3px)}.hp-feature-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:16px;display:flex}.hp-feature-title{font-family:var(--ff-head);color:var(--white);letter-spacing:-.3px;margin-bottom:8px;font-size:16px;font-weight:700}.hp-feature-desc{color:var(--muted);font-size:13px;font-weight:300;line-height:1.65}.hp-how-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.hp-how-line{background:linear-gradient(90deg, transparent, var(--border2), var(--border2), transparent);z-index:0;height:1px;position:absolute;top:27px;left:14%;right:14%}.hp-how-step{text-align:center;z-index:1;padding:0 16px;position:relative}.hp-how-num{background:var(--navy2);border:1px solid var(--border2);width:54px;height:54px;font-family:var(--ff-head);color:var(--blue2);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:18px;font-weight:800;display:flex}.hp-how-title{font-family:var(--ff-head);color:var(--white);margin-bottom:8px;font-size:14px;font-weight:700}.hp-how-desc{color:var(--muted);font-size:13px;font-weight:300;line-height:1.6}.hp-roles-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hp-role-card{background:var(--navy2);border:1px solid var(--border);border-radius:14px;gap:16px;padding:28px;display:flex}.hp-role-num{font-family:var(--ff-head);color:#ffffff0f;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:32px;font-weight:800;line-height:1}.hp-role-title{font-family:var(--ff-head);color:var(--white);margin-bottom:8px;font-size:17px;font-weight:700}.hp-role-desc{color:var(--muted);font-size:13px;font-weight:300;line-height:1.65}.hp-role-pills{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.hp-pill{color:var(--muted);border:1px solid var(--border);background:#ffffff0f;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.hp-tech-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);z-index:1;padding:60px 24px;position:relative}.hp-tech-inner{flex-wrap:wrap;align-items:center;gap:32px;max-width:1200px;margin:0 auto;display:flex}.hp-tech-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted);flex-shrink:0;font-size:11px;font-weight:600}.hp-tech-tags{flex-wrap:wrap;gap:8px;display:flex}.hp-tech-tag{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:500}.hp-team-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hp-team-card{background:var(--navy2);border:1px solid var(--border);text-align:center;border-radius:14px;padding:24px 20px;transition:border-color .2s,transform .2s}.hp-team-card:hover{border-color:var(--border2);transform:translateY(-3px)}.hp-team-avatar{width:56px;height:56px;font-family:var(--ff-head);background:linear-gradient(135deg, var(--navy3), var(--navy));border:1px solid var(--border2);color:var(--blue2);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:16px;font-weight:800;display:flex}.hp-team-name{font-family:var(--ff-head);color:var(--white);margin-bottom:4px;font-size:14px;font-weight:700}.hp-team-role{color:var(--blue2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:500}.hp-team-city{color:var(--muted);font-size:12px;font-weight:300}.hp-team-email{color:var(--muted);margin-top:4px;font-size:11px;text-decoration:none;display:block}.hp-team-email:hover{color:var(--blue2)}.hp-cta{text-align:center;z-index:1;max-width:800px;margin:0 auto;padding:100px 24px;position:relative}.hp-cta h2{font-family:var(--ff-head);letter-spacing:-1.5px;margin-bottom:18px;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.1}.hp-cta p{color:var(--muted);margin-bottom:36px;font-size:16px;font-weight:300}.hp-footer{z-index:1;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:36px 24px;display:flex;position:relative}.hp-footer-copy{color:var(--muted);font-size:13px;line-height:1.6}.hp-footer-links{flex-wrap:wrap;gap:20px;list-style:none;display:flex}.hp-footer-links a{color:var(--muted);font-size:13px;text-decoration:none}.hp-footer-links a:hover{color:var(--white)}.cookie-banner{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#132038eb;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:16px;width:calc(100% - 48px);max-width:720px;padding:20px 24px;animation:.4s both cookieSlideUp;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #0006}.cookie-icon{background:#1a6eff26;border:1px solid #1a6eff40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.cookie-text{flex:1}.cookie-text strong{color:#f0f4ff;margin-bottom:3px;font-size:13px;font-weight:600;display:block}.cookie-text p{color:#8ba0bf;margin:0;font-size:12px;line-height:1.5}.cookie-text a{color:#3d86ff;text-decoration:none}.cookie-text a:hover{text-decoration:underline}.cookie-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cookie-btn-accept{color:#fff;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;font-family:var(--ff-body);background:#1a6eff;border:none;border-radius:8px;padding:9px 20px;transition:background .15s}.cookie-btn-accept:hover{background:#3d86ff}.cookie-btn-decline{color:#8ba0bf;cursor:pointer;white-space:nowrap;font-size:13px;font-family:var(--ff-body);background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:9px 16px;transition:border-color .15s,color .15s}.cookie-btn-decline:hover{color:#f0f4ff;border-color:#fff3}.cookie-btn-close{color:#8ba0bf;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.cookie-btn-close:hover{color:#f0f4ff;background:#ffffff0f}@media (max-width:768px){.hp-nav-links{display:none}.hp-nav-hamburger{display:flex}.hp-hero{padding:100px 20px 60px}.hp-hero h1{letter-spacing:-1px}.hp-stats{grid-template-columns:repeat(2,1fr);max-width:100%}.hp-stat:nth-child(2){border-right:none}.hp-stat:first-child,.hp-stat:nth-child(2){border-bottom:1px solid var(--border)}.hp-section{padding:60px 20px}.hp-about-grid{grid-template-columns:1fr;gap:32px}.hp-features-grid{grid-template-columns:1fr}.hp-how-grid{grid-template-columns:repeat(2,1fr);gap:32px}.hp-how-line{display:none}.hp-how-step{padding:0}.hp-roles-grid{grid-template-columns:1fr}.hp-team-grid{grid-template-columns:repeat(2,1fr)}.hp-cta{padding:72px 20px}.hp-hero-ctas{flex-direction:column;align-items:stretch}.hp-btn-primary,.hp-btn-secondary{text-align:center}.hp-footer{flex-direction:column;align-items:flex-start}.cookie-banner{flex-direction:column;align-items:flex-start;bottom:16px}.cookie-actions{justify-content:flex-end;width:100%}}@media (max-width:480px){.hp-stats{grid-template-columns:1fr}.hp-stat{border-bottom:1px solid var(--border);border-right:none!important}.hp-stat:last-child{border-bottom:none}.hp-team-grid,.hp-how-grid{grid-template-columns:1fr}}
