:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#0f172a;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;width:100%}#root{min-height:100vh;width:100%}a{font-weight:500;color:#3b82f6;text-decoration:none}a:hover{color:#2563eb}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.landing{width:100%;min-height:100vh;background:#fff;color:#0f172a}.landing-nav{width:100%;border-bottom:1px solid #e2e8f0;background:#fff}.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;letter-spacing:.02em}.nav-cta{display:flex;align-items:center;gap:1rem}.nav-link{color:#64748b;font-size:.9375rem}.nav-link:hover{color:#0f172a}.nav-btn{padding:.5rem 1rem;background:#0f172a;color:#fff;border-radius:6px;font-weight:500}.nav-btn:hover{background:#1e293b}.hero{width:100%;padding:4rem 1.5rem 5rem}.hero-inner{max-width:720px;margin:0 auto;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin:0 0 1rem;letter-spacing:-.02em}.hero-tagline{font-size:1.125rem;line-height:1.6;color:#475569;margin:0 0 2rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.muted{font-size:.9rem;color:#94a3b8}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s}.btn-primary{background:#0f172a;color:#fff;border:none}.btn-primary:hover{background:#1e293b}.btn-secondary{background:transparent;color:#0f172a;border:2px solid #e2e8f0}.btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc}.btn-lg{padding:.875rem 1.75rem}.features{width:100%;padding:4rem 1.5rem;background:#f8fafc}.features-inner{max-width:1200px;margin:0 auto}.features h2{font-size:1.75rem;font-weight:600;text-align:center;margin:0 0 2.5rem}.features-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e2e8f0}.feature-card h3{font-size:1rem;font-weight:600;margin:0 0 .5rem}.feature-card p{font-size:.9375rem;color:#64748b;line-height:1.5;margin:0}.cta-section{width:100%;padding:4rem 1.5rem;background:#0f172a;color:#f8fafc}.cta-inner{max-width:560px;margin:0 auto;text-align:center}.cta-section h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.cta-section p{color:#94a3b8;margin:0 0 1.5rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.cta-section .btn-primary{background:#fff;color:#0f172a}.cta-section .btn-primary:hover{background:#f1f5f9}.cta-section .btn-secondary{color:#f8fafc;border-color:#475569}.cta-section .btn-secondary:hover{border-color:#64748b;background:#1e293b}.landing-footer{width:100%;padding:2rem 1.5rem;border-top:1px solid #e2e8f0;text-align:center}.footer-inner{max-width:1200px;margin:0 auto}.landing-footer small{font-size:.875rem;color:#94a3b8}@media(max-width:480px){.nav-inner{padding:1rem}.nav-cta{gap:.5rem}.nav-btn{padding:.5rem .75rem;font-size:.875rem}.hero{padding:3rem 1rem 4rem}.hero-cta{flex-direction:column}.btn{width:100%;text-align:center}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}.rdi-create-connection-dialog .MuiDialog-paper{background-color:#1e293b!important;color:#f8fafc!important;border:1px solid #334155!important}.rdi-create-connection-dialog .MuiDialogContent-root{background-color:#1e293b!important;color:#f8fafc!important}.rdi-create-connection-dialog .MuiDialogTitle-root{color:#fff!important;background-color:#1e293b!important}.rdi-create-connection-dialog .MuiDialogActions-root{background-color:#1e293b!important;border-color:#334155!important}.rdi-create-connection-dialog .MuiOutlinedInput-root{background-color:#0f172a!important;color:#f8fafc!important}.rdi-create-connection-dialog .MuiOutlinedInput-root input,.rdi-create-connection-dialog .MuiOutlinedInput-root .MuiSelect-select{color:#f8fafc!important}.rdi-create-connection-dialog .MuiOutlinedInput-root input::placeholder{color:#64748b!important}.rdi-create-connection-dialog .MuiOutlinedInput-root fieldset{border-color:#334155!important}.rdi-create-connection-dialog .MuiOutlinedInput-root:hover fieldset{border-color:#475569!important}.rdi-create-connection-dialog .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3b82f6!important}.rdi-create-connection-dialog .MuiInputLabel-root{color:#94a3b8!important}.console{min-height:100vh;width:100%;background:#0f172a;color:#f8fafc}.console-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #334155}.console-header [class*=Heading]{flex:1;margin:0}.sidebar-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0;background:transparent;border:1px solid #334155;border-radius:6px;cursor:pointer;color:#94a3b8}.sidebar-toggle .hamburger{display:block;width:18px;height:2px;background:currentColor;margin:0 auto}@media(max-width:767px){.sidebar-toggle{display:flex}}.console-header button{color:#94a3b8}.console-body{display:flex;min-height:calc(100vh - 60px)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:40}.sidebar-backdrop.open{display:block}@media(min-width:768px){.sidebar-backdrop{display:none!important}}.sidebar{width:240px;min-width:240px;padding:1.5rem;border-right:1px solid #334155;background:#0f172a}@media(max-width:767px){.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 12px #0000004d}.sidebar.open{transform:translate(0)}}.sidebar h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:1rem 0 .5rem}.sidebar select{width:100%;padding:.5rem;background:#1e293b;border:1px solid #334155;border-radius:.375rem;color:#f8fafc;font-size:.9rem}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{padding:.4rem 0;color:#94a3b8}.sidebar .folder-tree-item{display:block;margin:0;padding:0}.sidebar .folder-tree-row{display:flex;align-items:center;width:100%}.sidebar .folder-tree-row .MuiListItemText-root{overflow:hidden;text-overflow:ellipsis}.sidebar .folder-tree-item+.folder-tree-item{margin-top:0}.link-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;padding:.25rem 0}.main{flex:1;min-width:0;padding:1.5rem}@media(max-width:767px){.main{padding:1rem}}.main-top-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.new-connection-btn{flex-shrink:0}.region-header{flex:1}.region-header h2{margin:0;font-size:1.5rem}.region-id{font-size:.8rem;color:#64748b}.drones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}@media(max-width:480px){.drones-grid{grid-template-columns:1fr}}.drone-card{background:#1e293b;border:1px solid #334155;border-radius:.5rem;padding:1rem}.drone-card h4{margin:.5rem 0 .25rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.connected{background:#22c55e}.status-dot.idle{background:#eab308}.status-dot.offline{background:#64748b}.status-text{font-size:.8rem;color:#94a3b8}.mock-note{margin-top:2rem;font-size:.85rem;color:#64748b}