@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Inter:wght@300;400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-color: #08080c;--accent-cyan: #00E5FF;--accent-purple: #8A2BE2;--text-primary: #FFFFFF;--text-muted: #8892B0;--glass-bg: rgba(20, 20, 25, .6);--glass-border: rgba(255, 255, 255, .06)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(0,229,255,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(138,43,226,.08),transparent 25%)}.auth-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 60px;position:relative;z-index:10}.logo-container{display:flex;align-items:center;gap:12px;color:var(--accent-cyan);font-size:1.4rem;font-weight:800;letter-spacing:-.5px}.operator-font{font-family:JetBrains Mono,monospace;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:var(--accent-cyan);display:flex;align-items:center;gap:8px;margin-bottom:16px}.edge-badge{display:inline-flex;align-items:center;gap:8px;background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);color:var(--accent-cyan);padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;box-shadow:0 0 10px #00e5ff1a}.glass-btn{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:999px;padding:10px 20px;color:var(--text-primary);text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.glass-btn:hover{background:#28283299;border-color:#ffffff26}.cta-nav-btn{background:linear-gradient(90deg,#00e5ff33,#8a2be233);border:1px solid var(--accent-cyan);color:var(--text-primary);font-weight:700}.cta-nav-btn:hover{background:linear-gradient(90deg,#00e5ff4d,#8a2be24d);box-shadow:0 4px 15px #00e5ff33}.hero-container{max-width:1200px;margin:0 auto;padding:10px 60px 0;display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-content{flex:1}.hero-title{font-size:5rem;font-weight:800;line-height:1.05;margin:0 0 24px;letter-spacing:-2px}.gradient-text{background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.15rem;color:var(--text-muted);line-height:1.5;max-width:540px;margin-bottom:30px}.cta-row{display:flex;align-items:center;gap:20px}.primary-btn{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));color:#fff;border:none;padding:18px 40px;border-radius:16px;font-size:1.1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #8a2be24d,inset 0 2px #fff3}.primary-btn:hover{transform:translateY(-3px);background:linear-gradient(135deg,#00f0ff,#9b30ff);box-shadow:0 15px 40px #00e5ff80,inset 0 2px #fff6}.machineforce-badge{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;background:var(--glass-bg);border:1px solid rgba(138,43,226,.3);font-size:.95rem;font-weight:600;color:#ffffffe6}.hero-image-wrapper{flex:1;display:flex;justify-content:center;position:relative}.hero-image{width:100%;max-width:480px;position:relative;z-index:5;filter:drop-shadow(0 30px 40px rgba(0,229,255,.15))}.glow-circle{position:absolute;width:400px;height:400px;background:#00e5ff26;filter:blur(60px);border-radius:50%;z-index:1}@media(max-width:900px){.hero-container{flex-direction:column;padding:20px 20px 0;text-align:center}.app-title-banner{justify-content:center!important}.auth-nav{padding:20px;flex-wrap:wrap;gap:20px;justify-content:center}.hero-title{font-size:2.6rem}.hero-desc{margin:0 auto 30px}.cta-row{flex-direction:column;justify-content:center}.operator-font{justify-content:center}}.workflow-section{padding:40px 60px 60px;max-width:1200px;margin:0 auto}.workflow-title{font-size:2.2rem;font-weight:800;text-align:center;margin:0 0 30px;letter-spacing:-1px}.workflow-grid{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:nowrap}.workflow-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:20px 15px 0;flex:1;text-align:center;min-height:280px;display:flex;flex-direction:column;position:relative;transition:transform .3s ease,border-color .3s ease;overflow:hidden}.workflow-card:hover{transform:translateY(-5px);border-color:#00e5ff66}.workflow-card-content{flex-grow:1;display:flex;flex-direction:column;padding-bottom:20px}.mockup-frame{height:140px;align-self:stretch;margin:auto 0 15px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:inset 0 5px 15px #000c,0 2px #ffffff05;position:relative;display:flex;justify-content:center;align-items:center;padding:0 20px;overflow:hidden;box-sizing:border-box;flex-shrink:0}.workflow-icon-wrapper{color:var(--accent-cyan);margin-bottom:20px;position:relative}.workflow-step-num{position:absolute;top:15px;right:15px;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:800;color:#fff;background:var(--accent-purple);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #8a2be266}.workflow-card-title{font-size:1.1rem;font-weight:700;margin:0 0 10px}.workflow-card-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;flex-grow:1}@media(max-width:900px){.workflow-grid{flex-direction:column;gap:30px}.workflow-section{padding:40px 20px}.hidden-mobile{display:none}.workflow-card{width:100%;min-height:auto}}.footer-bar{display:flex;justify-content:space-between;align-items:center;padding:30px 60px;border-top:1px solid rgba(255,255,255,.05);font-size:.9rem;color:var(--text-muted)}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-muted);text-decoration:none;font-weight:600;transition:color .2s ease}.footer-links a:hover{color:var(--accent-cyan)}@media(max-width:900px){.footer-bar{flex-direction:column;gap:15px;text-align:center}}