.page-tree{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle);overflow-y:auto}.page-tree-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.page-tree-add{width:20px;height:20px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-muted);font-size:16px;cursor:pointer;border-radius:var(--r-sm)}.page-tree-add:hover{background:var(--bg-raised);color:var(--accent)}.page-tree-list{padding:0 var(--sp-2) var(--sp-2);display:flex;flex-direction:column;gap:1px}.page-tree-item{display:flex;align-items:center;gap:var(--sp-2);padding:6px 10px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;width:100%;transition:all var(--t-fast)}.page-tree-item:hover{background:var(--bg-raised);color:var(--text-primary)}.page-tree-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.page-tree-item .page-icon{flex-shrink:0;opacity:.6}.page-tree-item .page-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-tree-item .page-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--t-fast)}.page-tree-item:hover .page-actions{opacity:1}.page-action-btn{width:18px;height:18px;display:grid;place-items:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:3px;padding:0}.page-action-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.page-action-btn.delete:hover{background:var(--status-alarm-soft);color:var(--status-alarm)}.page-tree-empty{padding:12px;text-align:center;color:var(--text-muted);font-size:.75rem}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-5);height:var(--topbar-h);cursor:pointer;text-decoration:none;color:inherit;transition:opacity .15s}.sidebar-brand:hover{opacity:.85}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 16px var(--accent-glow)}.brand-name{font-size:16px;font-weight:800;letter-spacing:-.02em}.sidebar-brand-img{max-height:32px;max-width:160px;object-fit:contain}.sidebar-powered{font-size:10px;color:var(--text-muted);text-align:center;padding:6px 0;opacity:.7}.sidebar-nav{flex:1;padding:var(--sp-3);display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px 12px;border-radius:var(--r-md);color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;transition:all var(--t-fast);border:1px solid transparent}.nav-item:hover{color:var(--text-primary);background:var(--bg-raised)}.nav-item.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-glow)}.sidebar-footer{padding:var(--sp-4) var(--sp-5);font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-subtle)}.topbar{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-6);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:relative;z-index:100}.conn-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:5px 12px;border-radius:var(--r-full);font-size:12px;font-weight:600}.conn-badge.ok{color:var(--status-run);background:var(--status-run-soft)}.conn-badge.bad{color:var(--status-alarm);background:var(--status-alarm-soft);animation:pulse-alarm 1.2s infinite}.conn-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.topbar-right{display:flex;align-items:center;gap:var(--sp-3)}.clock{font-size:13px;color:var(--text-secondary)}.icon-btn{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:var(--r-md);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font:600 11px var(--font-ui);cursor:pointer;transition:all var(--t-fast)}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.user-menu{display:flex;align-items:center;gap:var(--sp-2);padding-left:var(--sp-2);border-left:1px solid var(--border-subtle)}.user-info{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.role-dot{width:8px;height:8px;border-radius:50%}.role-dot.admin{background:var(--status-alarm)}.role-dot.engineer{background:var(--accent)}.role-dot.operator{background:var(--status-warn)}.role-dot.viewer{background:var(--text-muted)}.user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-badge{margin:var(--sp-2) var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--bg-raised);border-radius:var(--r-md);cursor:pointer;transition:background .15s}.tenant-badge:hover{background:color-mix(in srgb,var(--accent) 12%,var(--bg-raised))}.tenant-badge-name{font:600 12px var(--font-ui);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-badge-meta{display:flex;justify-content:space-between;margin-top:2px}.tenant-badge-plan{font:600 11px var(--font-mono)}.tenant-badge-days{font:11px var(--font-ui);color:var(--text-muted)}.notif-bell-wrap{position:relative}.notif-bell.has-alarms{color:var(--status-alarm);border-color:var(--status-alarm);animation:pulse-alarm 2s infinite}.notif-bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--status-alarm);color:#fff;font:700 9px var(--font-mono);display:flex;align-items:center;justify-content:center;pointer-events:none}.notif-dropdown{position:absolute;top:40px;right:0;width:340px;max-height:420px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:0 12px 40px #0000004d;z-index:999;display:flex;flex-direction:column;animation:fadeSlideDown .15s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-subtle);font:600 12px var(--font-ui);color:var(--text-secondary)}.notif-ack-all{background:none;border:1px solid var(--accent);color:var(--accent);font:600 11px var(--font-ui);padding:3px 10px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.notif-ack-all:hover{background:var(--accent);color:#fff}.notif-dropdown-list{overflow-y:auto;flex:1;max-height:360px}.notif-empty{padding:24px 14px;text-align:center;color:var(--text-muted);font-size:13px}.notif-item{padding:10px 14px;border-bottom:1px solid var(--border-subtle);transition:background .1s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-raised)}.notif-item.severity-critical{border-left:3px solid var(--status-alarm)}.notif-item.severity-warning{border-left:3px solid var(--status-warn)}.notif-item.severity-info{border-left:3px solid var(--accent)}.notif-item-top{display:flex;align-items:center;gap:6px;margin-bottom:4px}.notif-severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.notif-severity-dot.critical{background:var(--status-alarm)}.notif-severity-dot.warning{background:var(--status-warn)}.notif-severity-dot.info{background:var(--accent)}.notif-item-name{font:600 12px var(--font-ui);color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-time{font:500 11px var(--font-mono);color:var(--text-muted);flex-shrink:0}.notif-item-bottom{display:flex;justify-content:space-between;align-items:center}.notif-item-detail{font:400 11px var(--font-mono);color:var(--text-secondary)}.notif-item.unread{background:color-mix(in srgb,var(--accent) 6%,transparent)}.notif-dropdown-footer{padding:8px 14px;border-top:1px solid var(--border-subtle);text-align:center}.notif-dropdown-footer .notif-ack-all{width:100%}.notif-ack-btn{background:none;border:1px solid var(--border-default);color:var(--text-secondary);font:700 10px var(--font-mono);padding:2px 8px;border-radius:var(--r-sm);cursor:pointer;transition:all .15s}.notif-ack-btn:hover{border-color:var(--accent);color:var(--accent)}.license-banner{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-6);font:600 13px var(--font-ui);position:relative;z-index:90}.license-banner-text{flex:1}.license-banner-warn{background:var(--status-warn-soft, rgba(234, 179, 8, .15));color:var(--status-warn, #eab308);border-bottom:1px solid var(--status-warn, #eab308)}.license-banner-expired{background:var(--status-alarm-soft, rgba(239, 68, 68, .15));color:var(--status-alarm, #ef4444);border-bottom:1px solid var(--status-alarm, #ef4444)}.license-banner-btn{border:none;border-radius:var(--r-md);padding:6px 14px;font:700 12px var(--font-ui);cursor:pointer;white-space:nowrap;transition:opacity .15s}.license-banner-warn .license-banner-btn{background:var(--status-warn, #eab308);color:#1a1a06}.license-banner-expired .license-banner-btn{background:var(--status-alarm, #ef4444);color:#fff}.license-banner-btn:hover{opacity:.85}.license-banner-btn-secondary{background:#0000002e;border:1px solid currentColor}.license-banner-expired .license-banner-btn-secondary{color:#fff}.license-banner-warn .license-banner-btn-secondary{color:#1a1a06;background:#0000001a}.license-banner-close{background:none;border:none;color:currentColor;font-size:20px;line-height:1;cursor:pointer;padding:0 4px;opacity:.7}.license-banner-close:hover{opacity:1}@keyframes license-banner-pulse{0%,to{box-shadow:0 0 #ef444499}50%{box-shadow:0 0 0 8px #ef444400}}.license-banner-flash{animation:license-banner-pulse .6s ease-in-out 5}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-panel{width:520px;max-width:90vw;max-height:70vh;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:0 20px 60px #0000004d}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle)}.dialog-header h2{font-size:15px;font-weight:700;margin:0;color:var(--text-primary)}.dialog-close{display:grid;place-items:center;width:28px;height:28px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast)}.dialog-close:hover{background:var(--bg-raised);color:var(--text-primary)}.dialog-body{flex:1;overflow-y:auto;padding:var(--sp-3)}.dialog-empty{padding:var(--sp-8);text-align:center;color:var(--text-muted);font-size:13px}.project-list{display:flex;flex-direction:column;gap:2px}.project-list-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);transition:background var(--t-fast);cursor:default}.project-list-item:hover{background:var(--bg-raised)}.project-list-info{flex:1;min-width:0}.project-list-name{font-size:13.5px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list-meta{font-size:11.5px;color:var(--text-muted);margin-top:2px}.project-list-desc{font-size:12px;color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-list-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.dialog-btn{padding:5px 12px;border-radius:var(--r-sm);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--text-secondary);font:600 12px var(--font-ui);cursor:pointer;transition:all var(--t-fast);display:inline-flex;align-items:center;gap:4px}.dialog-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.dialog-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.dialog-btn.primary:hover{filter:brightness(1.1);color:#fff}.dialog-btn.danger{padding:5px 8px}.dialog-btn.danger:hover{color:var(--status-alarm);border-color:var(--status-alarm)}.menu-bar{height:32px;display:flex;align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:0 var(--sp-2);gap:0;flex-shrink:0;z-index:100}.menu-item{position:relative}.menu-trigger{padding:4px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;font-family:inherit;cursor:pointer;border-radius:var(--r-sm);transition:all var(--t-fast)}.menu-trigger:hover,.menu-trigger.open{color:var(--text-primary);background:var(--bg-raised)}.menu-dropdown{position:fixed;min-width:220px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg, 0 8px 32px rgba(0,0,0,.24));padding:4px 0;z-index:9999}.menu-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast)}.menu-dropdown-item:hover{background:var(--accent-soft);color:var(--accent)}.menu-dropdown-item:disabled{color:var(--text-muted);cursor:default}.menu-dropdown-item:disabled:hover{background:transparent;color:var(--text-muted)}.menu-shortcut{font-size:.7rem;color:var(--text-muted);margin-left:var(--sp-4)}.menu-separator{height:1px;background:var(--border-subtle);margin:4px 0}.menu-dropdown-item .menu-shortcut{opacity:.7}.project-tabs-bar{height:36px;display:flex;align-items:stretch;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);overflow-x:auto;flex-shrink:0}.project-tabs-bar::-webkit-scrollbar{height:2px}.project-tabs-bar::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.project-tab{display:flex;align-items:center;gap:var(--sp-2);padding:0 14px;border:none;border-right:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all var(--t-fast);min-width:0}.project-tab:hover{background:var(--bg-raised);color:var(--text-primary)}.project-tab.active{background:var(--bg-surface);color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}.project-tab-close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;padding:0;opacity:0;transition:all var(--t-fast)}.project-tab:hover .project-tab-close{opacity:1}.project-tab-close:hover{background:var(--status-alarm-soft);color:var(--status-alarm)}.project-tab-add{display:flex;align-items:center;justify-content:center;width:32px;border:none;background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;flex-shrink:0}.project-tab-add:hover{color:var(--accent);background:var(--bg-raised)}.alarm-banner{position:fixed;bottom:0;left:var(--sidebar-w, 220px);right:0;height:36px;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);cursor:pointer;z-index:200;font-size:.8rem;font-weight:600;transition:background .3s;animation:alarm-slide-up .3s ease-out}@keyframes alarm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.alarm-banner.warning{background:var(--status-warn);color:#000}.alarm-banner.critical{background:var(--status-alarm);color:#fff;animation:alarm-slide-up .3s ease-out,pulse-alarm 2s ease-in-out infinite}.alarm-banner:hover{filter:brightness(1.1)}.alarm-banner-icon{display:flex;align-items:center}.alarm-banner-text{display:flex;align-items:center;gap:var(--sp-2);overflow:hidden;white-space:nowrap}.alarm-count{padding:1px 6px;border-radius:4px;font-size:.7rem}.alarm-count.critical{background:#0003}.alarm-count.warning{background:#0000001a}.alarm-latest{opacity:.85;overflow:hidden;text-overflow:ellipsis}.alarm-toast-container{position:fixed;top:60px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.alarm-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:0 8px 24px #0000004d;min-width:300px;max-width:400px;cursor:pointer;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.alarm-toast.severity-critical{border-left:4px solid var(--status-alarm)}.alarm-toast.severity-warning{border-left:4px solid var(--status-warn)}.alarm-toast.severity-info{border-left:4px solid var(--accent)}.alarm-toast-icon{font-size:18px;flex-shrink:0;margin-top:1px}.alarm-toast-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.alarm-toast-body strong{font-size:13px;color:var(--text-primary)}.alarm-toast-body span{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alarm-toast-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:0;line-height:1;flex-shrink:0}.alarm-toast-close:hover{color:var(--text-primary)}.land-verify-banner{position:fixed;top:0;left:0;right:0;z-index:10000;padding:12px 20px;text-align:center;font-size:14px;font-weight:500;animation:landBannerSlide .3s ease}.land-verify-banner button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:inherit;padding:3px 12px;border-radius:6px;margin-left:12px;cursor:pointer;font-size:13px;font-weight:600}.land-verify-success{background:#059669;color:#fff}.land-verify-error{background:#dc2626;color:#fff}@keyframes landBannerSlide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.landing{--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .25);--purple: #8b5cf6;--green: #22c55e;--orange: #f59e0b;--red: #ef4444;--bg: #060b18;--bg2: #0c1224;--bg3: #141c30;--text: #f1f5f9;--text2: #94a3b8;--border: #1e293b;--radius: 16px;background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.land-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#060b18cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(30,41,59,.5)}.land-nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.land-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text)}.land-logo svg{color:var(--accent)}.land-logo-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:opacity .15s}.land-logo-btn:hover{opacity:.8}.land-nav-links{display:flex;align-items:center;gap:6px}.land-nav-btn{background:#ffffff0a;border:1px solid transparent;color:var(--text2);font-size:13px;padding:7px 14px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s}.land-nav-btn:hover{background:#3b82f61a;border-color:#3b82f64d;color:var(--text)}.land-nav-btn svg{opacity:.7}.land-nav-btn:hover svg{opacity:1;color:var(--accent)}.land-nav-cta{background:var(--accent);color:#fff;border:none;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s;box-shadow:0 2px 12px var(--accent-glow)}.land-nav-cta:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.land-hero{min-height:100vh;padding:100px 24px 60px;display:flex;align-items:center;justify-content:center;gap:48px;max-width:1400px;margin:0 auto;position:relative}.land-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 30% 30%,rgba(59,130,246,.12),transparent 60%),radial-gradient(ellipse 40% 40% at 70% 60%,rgba(139,92,246,.08),transparent 50%);pointer-events:none}.land-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:var(--accent);border-radius:50%;opacity:0;animation:float-particle 12s infinite}.particle.p0{left:10%;top:20%;animation-delay:0s}.particle.p1{left:30%;top:60%;animation-delay:2.4s}.particle.p2{left:50%;top:30%;animation-delay:4.8s}.particle.p3{left:70%;top:70%;animation-delay:7.2s}.particle.p4{left:90%;top:40%;animation-delay:9.6s}@keyframes float-particle{0%{opacity:0;transform:translateY(0)}20%{opacity:.6}80%{opacity:.3}to{opacity:0;transform:translateY(-100px)}}.land-hero-content{flex:1;position:relative;z-index:1;max-width:500px}.land-hero-visual{flex:1.2;position:relative;z-index:1}.land-hero-badge{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);background:#3b82f61a;border:1px solid rgba(59,130,246,.25);padding:5px 14px;border-radius:20px;margin-bottom:20px;letter-spacing:.5px;text-transform:uppercase}.land-hero-title{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 20px;letter-spacing:-.03em}.land-accent{color:var(--accent)}.land-hero-sub{font-size:16px;color:var(--text2);line-height:1.7;margin:0 0 32px}.land-hero-actions{display:flex;gap:12px;margin-bottom:40px}.land-btn-primary{background:var(--accent);color:#fff;border:none;padding:13px 26px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .25s}.land-btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.land-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.land-btn-glow{box-shadow:0 4px 24px var(--accent-glow)}.land-btn-glow:hover{box-shadow:0 6px 32px #3b82f666}.land-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border);padding:13px 26px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s}.land-btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.land-hero-stats{display:flex;align-items:center;gap:20px}.land-stat{text-align:center}.land-stat strong{display:block;font-size:24px;font-weight:800;color:var(--accent)}.land-stat span{font-size:12px;color:var(--text2)}.land-stat-divider{width:1px;height:36px;background:var(--border)}.land-scada-dashboard{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:16px;overflow:hidden;box-shadow:0 20px 80px #0009,0 0 60px #3b82f614}.scada-row-top{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.scada-row-bottom{display:flex;gap:12px;align-items:center;margin-top:12px}.live-gauge{width:90px}.live-gauge svg{width:100%}.gauge-fill{transition:stroke-dashoffset 1.5s ease}.gauge-needle{transition:transform 1.5s ease;transform-origin:60px 60px}.live-tank{width:60px;text-align:center}.live-tank-glass{height:90px;border:2px solid var(--border);border-radius:0 0 8px 8px;position:relative;overflow:hidden;background:#0000004d}.live-tank-liquid{position:absolute;bottom:0;left:0;right:0;transition:height 2s ease;border-radius:0 0 6px 6px}.live-tank-marks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:2px 0}.live-tank-mark{border-bottom:1px solid rgba(255,255,255,.1)}.live-tank-mark span{font-size:7px;color:var(--text2);padding-left:3px}.live-tank-bubble{position:absolute;border-radius:50%;opacity:.4;animation:bubble 3s infinite}.live-tank-bubble.b1{width:4px;height:4px;left:30%;bottom:10%;animation-delay:0s}.live-tank-bubble.b2{width:3px;height:3px;left:60%;bottom:5%;animation-delay:1s}.live-tank-bubble.b3{width:5px;height:5px;left:45%;bottom:15%;animation-delay:2s}@keyframes bubble{0%{transform:translateY(0);opacity:.4}50%{opacity:.7}to{transform:translateY(-60px);opacity:0}}.live-tank-label{font-size:9px;color:var(--text2);margin-top:4px}.live-tank-value{font-size:12px;font-weight:700}.live-chart-widget{background:#0003;border-radius:8px;padding:8px}.live-chart-header{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--text2);margin-bottom:4px}.live-chart-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:2px}.live-chart-dot.blue{background:#3b82f6}.live-chart-dot.green{background:#22c55e}.live-chart-dot.orange{background:#f59e0b}.live-chart-svg{width:100%;height:80px}.chart-line{stroke-dasharray:600;stroke-dashoffset:600;animation:draw-line 3s forwards}.chart-line.l1{animation-delay:0s}.chart-line.l2{animation-delay:.5s}.chart-line.l3{animation-delay:1s}@keyframes draw-line{to{stroke-dashoffset:0}}.live-pump{text-align:center;width:60px}.live-pump-body{position:relative;width:44px;height:44px;margin:0 auto}.live-pump-rotor{width:28px;height:28px;border-radius:50%;border:3px solid var(--accent);border-top-color:transparent;position:absolute;top:8px;left:8px}.live-pump.running .live-pump-rotor{animation:spin 1s linear infinite}.live-pump.stopped .live-pump-rotor{border-color:var(--text2);border-top-color:transparent}.live-pump-pipe{position:absolute;top:50%;width:10px;height:4px;background:var(--border)}.live-pump-pipe.left{left:-6px;transform:translateY(-50%)}.live-pump-pipe.right{right:-6px;transform:translateY(-50%)}.live-pump-label{font-size:9px;color:var(--text2);margin-top:4px}.live-pump-status{font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px}.live-pump-status.on{color:var(--green)}.live-pump-status.off{color:var(--text2)}.live-pump-indicator{width:6px;height:6px;border-radius:50%}.live-pump-status.on .live-pump-indicator{background:var(--green);box-shadow:0 0 6px var(--green)}.live-pump-status.off .live-pump-indicator{background:var(--text2)}.scada-val-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;flex:1}.scada-val{background:#0003;border-radius:6px;padding:6px 8px;display:flex;flex-direction:column}.scada-val span{font-size:8px;color:var(--text2);text-transform:uppercase}.scada-val strong{font-size:13px;font-weight:700}.scada-val strong small{font-size:9px;font-weight:400;color:var(--text2)}.scada-val strong.blue{color:var(--accent)}.scada-val strong.purple{color:var(--purple)}.scada-val strong.green{color:var(--green)}.scada-val strong.orange{color:var(--orange)}.live-alarm-ticker{margin-top:8px;overflow:hidden;height:22px;background:#0000004d;border-radius:4px}.live-alarm-track{display:flex;gap:24px;animation:ticker 20s linear infinite;white-space:nowrap;padding:3px 0}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.live-alarm-item{font-size:10px;display:flex;align-items:center;gap:4px}.live-alarm-item.ok{color:var(--green)}.live-alarm-item.warn{color:var(--orange)}.live-alarm-item.critical{color:var(--red)}.alarm-dot{width:5px;height:5px;border-radius:50%}.alarm-dot.ok{background:var(--green)}.alarm-dot.warn{background:var(--orange);animation:blink 1.5s infinite}.alarm-dot.critical{background:var(--red);animation:blink .6s infinite}@keyframes blink{50%{opacity:.3}}.land-proto-section{background:var(--bg2)}.proto-split{display:flex;align-items:center;gap:60px}.proto-info{flex:1}.land-section-title.left,.land-section-sub.left{text-align:left}.proto-visual{flex:1;position:relative;height:300px;display:flex;align-items:center;justify-content:center}.proto-hub{width:64px;height:64px;border-radius:50%;background:#3b82f61a;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 0 30px var(--accent-glow);animation:hub-pulse 3s ease-in-out infinite}@keyframes hub-pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #3b82f659}}.proto-node{position:absolute;display:flex;align-items:center;gap:8px}.proto-node.n0{top:20px;right:30px}.proto-node.n1{top:80px;right:0}.proto-node.n2{bottom:80px;right:10px}.proto-node.n3{bottom:20px;right:60px}.proto-node.n4{bottom:50px;left:30px}.proto-line{width:60px;height:2px}.proto-chip{font-size:11px;font-weight:600;padding:5px 12px;border-radius:8px;border:1px solid;background:var(--bg);white-space:nowrap}.proto-pulse{width:6px;height:6px;border-radius:50%;animation:proto-blink 2s infinite}.proto-node.n0 .proto-pulse{animation-delay:0s}.proto-node.n1 .proto-pulse{animation-delay:.4s}.proto-node.n2 .proto-pulse{animation-delay:.8s}.proto-node.n3 .proto-pulse{animation-delay:1.2s}.proto-node.n4 .proto-pulse{animation-delay:1.6s}@keyframes proto-blink{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.land-section{padding:100px 24px}.land-section-inner{max-width:1200px;margin:0 auto}.land-section-title{font-size:36px;font-weight:800;text-align:center;margin:0 0 12px}.land-section-sub{font-size:16px;color:var(--text2);text-align:center;max-width:600px;margin:0 auto 56px}.land-features{background:var(--bg)}.land-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.land-feature-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:0;overflow:hidden;transition:all .35s}.land-feature-card:hover{border-color:#3b82f666;transform:translateY(-6px);box-shadow:0 12px 40px #0006}.land-feature-visual{height:140px;background:var(--bg3);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border);overflow:hidden;position:relative}.land-feature-card h3{font-size:16px;font-weight:700;margin:16px 20px 6px}.land-feature-card p{font-size:13px;color:var(--text2);line-height:1.6;margin:0 20px 20px}.fv{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fv-editor{flex-direction:column;padding:12px;gap:6px}.fv-toolbar{display:flex;gap:4px}.fv-toolbar span{width:20px;height:20px;border-radius:4px;background:var(--border)}.fv-toolbar span.active{background:var(--accent)}.fv-canvas{flex:1;width:100%;position:relative;border:1px dashed var(--border);border-radius:6px}.fv-elem{position:absolute;border-radius:4px}.fv-elem.e1{width:30px;height:30px;border:2px solid var(--accent);border-radius:50%;top:10px;left:15px}.fv-elem.e2{width:24px;height:40px;border:2px solid var(--green);top:8px;right:30px;border-radius:0 0 4px 4px}.fv-elem.e3{width:50px;height:20px;background:#3b82f626;border:1px solid var(--accent);bottom:8px;left:20px}.fv-drag-ghost{width:24px;height:24px;border:2px dashed var(--accent);position:absolute;bottom:10px;right:15px;border-radius:4px;animation:drag-float 2s ease-in-out infinite}@keyframes drag-float{0%,to{transform:translate(0)}50%{transform:translate(-10px,-10px)}}.fv-proto{flex-direction:column;gap:6px}.fv-proto-dots{display:flex;gap:10px}.fv-proto-dot{width:16px;height:16px;border-radius:50%;position:relative}.fv-proto-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:1px solid;border-radius:50%;opacity:.3;animation:ring-pulse 2s infinite}.fv-proto-dot.d0 .fv-proto-ring{animation-delay:0s}.fv-proto-dot.d1 .fv-proto-ring{animation-delay:.4s}.fv-proto-dot.d2 .fv-proto-ring{animation-delay:.8s}.fv-proto-dot.d3 .fv-proto-ring{animation-delay:1.2s}.fv-proto-dot.d4 .fv-proto-ring{animation-delay:1.6s}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.4);opacity:.6}}.fv-proto-center{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}.fv-gw{gap:16px}.fv-gw-box{width:44px;height:56px;background:var(--bg);border:2px solid var(--border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.fv-gw-led{width:6px;height:6px;border-radius:50%}.fv-gw-led.l1{background:var(--green);box-shadow:0 0 4px var(--green);animation:blink 2s infinite}.fv-gw-led.l2{background:var(--accent);box-shadow:0 0 4px var(--accent);animation:blink 2s .5s infinite}.fv-gw-led.l3{background:var(--orange);box-shadow:0 0 4px var(--orange);animation:blink 2s 1s infinite}.fv-gw-waves{display:flex;flex-direction:column;gap:3px}.fv-gw-waves span{height:2px;border-radius:1px;background:var(--accent);animation:wave-expand 1.5s ease-out infinite}.fv-gw-waves span:nth-child(1){width:12px;animation-delay:0s}.fv-gw-waves span:nth-child(2){width:20px;animation-delay:.3s}.fv-gw-waves span:nth-child(3){width:28px;animation-delay:.6s}@keyframes wave-expand{0%{opacity:1}to{opacity:0;transform:translate(8px)}}.fv-gw-cloud{color:var(--accent);width:36px}.fv-gw-cloud svg{width:100%}.fv-rt{position:relative;padding:0 12px}.fv-rt-line{width:100%;height:60px}.fv-rt-line polyline{stroke-dasharray:300;stroke-dashoffset:300;animation:draw-line 2s forwards infinite}.fv-rt-pulse{position:absolute;right:14px;top:50%;width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent);animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.6);box-shadow:0 0 16px var(--accent)}}.fv-sec{position:relative}.fv-sec-shield{color:var(--green)}.fv-sec-shield svg{width:48px;height:48px}.fv-sec-orbs{position:absolute;top:0;right:0;bottom:0;left:0}.fv-sec-orbs span{position:absolute;width:40px;height:40px;border:1px solid rgba(34,197,94,.2);border-radius:50%;animation:orbit 6s linear infinite}.fv-sec-orbs span:nth-child(1){top:20%;left:20%;animation-delay:0s}.fv-sec-orbs span:nth-child(2){top:30%;right:25%;animation-delay:2s}.fv-sec-orbs span:nth-child(3){bottom:20%;left:35%;animation-delay:4s}@keyframes orbit{0%{transform:rotate(0) scale(1);opacity:.3}50%{opacity:.6;transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1);opacity:.3}}.fv-view{gap:12px}.fv-view-screen{width:60px;height:45px;background:var(--bg);border:1px solid var(--border);border-radius:4px;overflow:hidden}.fv-view-bar{height:8px;background:var(--bg3)}.fv-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px}.fv-view-grid span{height:12px;background:var(--bg3);border-radius:2px}.fv-view-eye{color:var(--accent);animation:eye-look 3s ease-in-out infinite}.fv-view-eye svg{width:28px}@keyframes eye-look{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.land-steps{display:flex;justify-content:center;gap:60px;position:relative}.land-steps-line{position:absolute;top:30px;left:20%;right:20%;height:2px;background:linear-gradient(to right,transparent,var(--accent),transparent);opacity:.3}.land-step{text-align:center;flex:1;max-width:280px;position:relative}.land-step-circle{width:60px;height:60px;border-radius:50%;margin:0 auto 16px;background:#3b82f61a;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--accent);position:relative;z-index:1}.land-step h3{font-size:18px;font-weight:700;margin:0 0 8px}.land-step p{font-size:14px;color:var(--text2);line-height:1.6;margin:0}.land-pricing{background:var(--bg2)}.land-plans-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.land-plan-card{--plan-color: #3b82f6;--plan-glow: rgba(59,130,246,.2);--plan-glow-strong: rgba(59,130,246,.4);flex:1 1 280px;max-width:320px;background:linear-gradient(170deg,var(--bg2) 0%,var(--bg) 100%);border:1px solid var(--border);border-radius:20px;padding:0;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.land-plan-card:hover{transform:translateY(-8px);border-color:var(--plan-color);box-shadow:0 8px 40px var(--plan-glow),0 0 0 1px var(--plan-glow)}.land-plan-glow{position:absolute;top:0;left:0;right:0;height:150px;pointer-events:none;opacity:.4;transition:opacity .4s;background:radial-gradient(ellipse at 50% -20%,var(--plan-glow),transparent 70%)}.land-plan-card:hover .land-plan-glow{opacity:1}.land-plan-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.03) 45%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 55%,transparent 60%);pointer-events:none;transition:none}.land-plan-card:hover .land-plan-shine{animation:plan-shine .8s ease-out}@keyframes plan-shine{to{left:150%}}.land-plan-card.featured{border-color:var(--plan-color);background:linear-gradient(170deg,color-mix(in srgb,var(--plan-color) 8%,var(--bg2)) 0%,var(--bg) 100%);animation:featured-pulse 3s ease-in-out infinite}@keyframes featured-pulse{0%,to{box-shadow:0 0 20px var(--plan-glow),0 0 60px transparent}50%{box-shadow:0 0 30px var(--plan-glow-strong),0 0 80px var(--plan-glow)}}.land-plan-card.featured:hover{box-shadow:0 12px 60px var(--plan-glow-strong),0 0 80px var(--plan-glow);transform:translateY(-10px) scale(1.02);animation:none}.land-plan-badge{position:absolute;top:0;left:0;right:0;color:#fff;text-align:center;padding:6px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;z-index:2}.land-plan-header{padding:32px 24px 0;text-align:center;position:relative;z-index:1}.land-plan-card.featured .land-plan-header{padding-top:44px}.land-plan-icon{width:52px;height:52px;border-radius:14px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--plan-color) 15%,transparent);color:var(--plan-color);box-shadow:0 0 20px color-mix(in srgb,var(--plan-color) 20%,transparent);transition:all .3s}.land-plan-card:hover .land-plan-icon{box-shadow:0 0 30px color-mix(in srgb,var(--plan-color) 35%,transparent);transform:scale(1.08)}.land-plan-icon svg{width:24px;height:24px}.land-plan-name{font-size:22px;font-weight:800;margin:0 0 6px;color:var(--text);letter-spacing:-.01em}.land-plan-desc{font-size:13px;color:var(--text2);margin:0;line-height:1.4}.land-plan-price{text-align:center;padding:24px 24px 0;position:relative;z-index:1}.land-plan-currency{font-size:22px;font-weight:700;color:var(--plan-color);vertical-align:top;margin-right:2px;opacity:.8}.land-plan-amount{font-size:48px;font-weight:900;letter-spacing:-.03em;color:var(--plan-color);text-shadow:0 0 40px var(--plan-glow)}.land-plan-amount.contact-text{font-size:24px;letter-spacing:normal}.land-plan-period{font-size:15px;color:var(--text2);font-weight:500;display:block;margin-top:2px}.land-plan-divider{height:1px;margin:20px 24px 0;background:linear-gradient(90deg,transparent,var(--plan-glow),transparent)}.land-plan-features{list-style:none;padding:20px 24px;margin:0;flex:1;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.land-plan-features li{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text2);font-weight:500}.land-plan-features li svg{flex-shrink:0;color:var(--plan-color)}.land-plan-features li strong{color:var(--text);font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.land-plan-btn{margin:0 20px 20px;padding:13px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid color-mix(in srgb,var(--plan-color) 40%,transparent);background:transparent;color:var(--text);transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;z-index:1}.land-plan-btn:hover{border-color:var(--plan-color);color:var(--plan-color);background:color-mix(in srgb,var(--plan-color) 8%,transparent);transform:translateY(-2px);box-shadow:0 4px 20px var(--plan-glow)}.land-plan-btn.primary{background:linear-gradient(135deg,var(--plan-color),color-mix(in srgb,var(--plan-color) 80%,#000));color:#fff;border:none;box-shadow:0 4px 20px var(--plan-glow)}.land-plan-btn.primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px var(--plan-glow-strong)}.land-plan-btn.contact{border-color:var(--plan-color);color:var(--plan-color)}.land-plan-btn.contact:hover{background:color-mix(in srgb,var(--plan-color) 10%,transparent);transform:translateY(-2px)}.land-footer{border-top:1px solid var(--border);padding:48px 24px 0}.land-footer-inner{max-width:1200px;margin:0 auto;display:flex;gap:80px;padding-bottom:40px}.land-footer-brand{flex:1}.land-footer-brand p{color:var(--text2);font-size:14px;margin-top:12px}.land-footer-links h4{font-size:14px;font-weight:700;margin:0 0 12px}.land-footer-links button,.land-footer-links a{display:block;background:none;border:none;color:var(--text2);font-size:14px;padding:4px 0;cursor:pointer;text-decoration:none;transition:color .2s}.land-footer-links button:hover,.land-footer-links a:hover{color:var(--accent)}.land-footer-bottom{border-top:1px solid var(--border);padding:20px 0;text-align:center;font-size:13px;color:var(--text2)}.land-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.land-modal{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:36px;width:100%;max-width:500px;position:relative;max-height:90vh;overflow-y:auto}.land-modal h2{font-size:24px;font-weight:700;margin:0 0 16px}.land-modal-close{position:absolute;top:16px;right:20px;background:none;border:none;color:var(--text2);font-size:28px;cursor:pointer;line-height:1}.land-modal-close:hover{color:var(--text)}.land-modal-sm{max-width:420px}.land-modal-subtitle{font-size:14px;color:var(--text2);margin:-8px 0 16px}.land-selected-plan{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.land-selected-plan-badge{background:var(--accent);color:#fff;padding:3px 10px;border-radius:6px;font-size:13px;font-weight:600}.land-selected-plan-info{font-size:13px;color:var(--text2);flex:1}.land-change-plan{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;padding:4px 12px;border-radius:6px;text-decoration:none;transition:all .2s}.land-change-plan:hover{background:#3b82f633;border-color:#3b82f680}.land-reg-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 14px;color:#f87171;font-size:14px;margin-bottom:16px}.land-reg-form{display:flex;flex-direction:column;gap:14px}.land-reg-group{display:flex;flex-direction:column;gap:4px}.land-reg-group label{font-size:13px;font-weight:600;color:var(--text2)}.land-reg-hint{font-weight:400;opacity:.7}.land-reg-group input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-size:14px;transition:border-color .2s}.land-reg-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.land-reg-group input::placeholder{color:#475569}.land-reg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.land-reg-submit{margin-top:4px;width:100%;justify-content:center}.land-link-btn{background:none;border:none;color:#38bdf8;cursor:pointer;font-size:13px;text-align:left;padding:0;align-self:flex-start}.land-link-btn:hover{text-decoration:underline}.land-forgot-note{font-size:12px;color:var(--text2);margin:16px 0 0;line-height:1.5}.land-pw-rules{list-style:none;padding:0;margin:-6px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.land-pw-rules li{display:flex;align-items:center;gap:6px;font-size:12px;transition:color .2s}.land-pw-rules li.pw-pass{color:#22c55e}.land-pw-rules li.pw-fail{color:#ef4444}@media (max-width: 900px){.land-hero{flex-direction:column;padding-top:80px;gap:40px;min-height:auto}.land-hero-title{font-size:36px}.land-hero-visual{width:100%}.land-features-grid{grid-template-columns:repeat(2,1fr)}.land-steps{flex-direction:column;align-items:center;gap:32px}.land-steps-line{display:none}.proto-split{flex-direction:column}.proto-visual{height:220px}.land-section-title.left,.land-section-sub.left{text-align:center}.land-footer-inner{flex-direction:column;gap:32px}}@media (max-width: 600px){.land-hero-title{font-size:28px}.land-hero-actions{flex-direction:column}.land-btn-primary,.land-btn-secondary{width:100%;justify-content:center}.land-hero-stats{flex-direction:column;gap:12px}.land-stat-divider{width:40px;height:1px}.land-features-grid{grid-template-columns:1fr}.land-plan-card{flex-basis:100%;max-width:420px}.land-reg-row{grid-template-columns:1fr}.land-section-title{font-size:28px}.land-nav-btn span{display:none}}.land-btn-demo{border-color:#38bdf8;color:#38bdf8}.land-btn-demo:hover{background:#38bdf81a}.lang-switch{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-size:13px;font-weight:600}.lang-switch button{background:transparent;border:none;color:var(--text2, #94a3b8);cursor:pointer;padding:4px 6px;border-radius:6px;font:inherit;transition:color .12s,background .12s}.lang-switch button:hover{color:var(--text, #e6ecf5);background:#94a3b81f}.lang-switch button.active{color:var(--accent, #38bdf8)}.lang-switch span{color:var(--text2, #94a3b8);opacity:.5}.land-shots-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:40px}@media (min-width: 860px){.land-shots-grid{grid-template-columns:repeat(2,1fr)}}.land-shot{margin:0}.land-shot img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--border, #1e3a5f);box-shadow:0 8px 32px #00000059;background:var(--bg-surface, #111726)}.land-shot figcaption{margin-top:12px;font-size:14px;color:var(--text2, #94a3b8);text-align:center}.land-security-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-top:40px}@media (min-width: 700px){.land-security-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1040px){.land-security-grid{grid-template-columns:repeat(3,1fr)}}.land-security-card{padding:24px;border-radius:12px;border:1px solid var(--border, #1e3a5f);background:var(--bg-surface, #111726)}.land-security-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#38bdf81f;color:var(--accent, #38bdf8);margin-bottom:14px}.land-security-title{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text, #e6ecf5)}.land-security-desc{font-size:14px;line-height:1.6;color:var(--text2, #94a3b8);margin:0}.land-pricing-trust{margin-top:28px;text-align:center;font-size:14px;color:var(--text2, #94a3b8)}.land-pricing-faq{max-width:720px;margin:40px auto 0}.land-pricing-faq-title{font-size:18px;font-weight:700;margin:0 0 16px;color:var(--text, #e6ecf5);text-align:center}.land-faq-item{border:1px solid var(--border, #1e3a5f);border-radius:10px;margin-bottom:10px;background:var(--bg-surface, #111726)}.land-faq-item summary{cursor:pointer;padding:14px 18px;font-size:15px;font-weight:600;color:var(--text, #e6ecf5);list-style:none}.land-faq-item summary::-webkit-details-marker{display:none}.land-faq-item summary:after{content:"+";float:right;color:var(--accent, #38bdf8);font-weight:700}.land-faq-item[open] summary:after{content:"−"}.land-faq-item p{margin:0;padding:0 18px 16px;font-size:14px;line-height:1.6;color:var(--text2, #94a3b8)}.land-trust-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.land-trust-badge{padding:6px 14px;border-radius:999px;border:1px solid rgba(56,189,248,.35);background:#38bdf81a;color:var(--accent, #38bdf8);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.land-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px}.land-trust-item h3{font-size:16px;font-weight:700;margin:0 0 8px;color:var(--text, #e6ecf5)}.land-trust-item p{font-size:14px;line-height:1.6;color:var(--text2, #94a3b8);margin:0}.land-trust-quotes{margin-top:40px;display:grid;gap:20px}.land-trust-quote{margin:0;padding:20px 24px;border-left:3px solid var(--accent, #38bdf8);background:var(--bg-surface, #111726);border-radius:0 10px 10px 0}.land-trust-quote p{margin:0 0 10px;font-size:15px;line-height:1.7;color:var(--text, #e6ecf5)}.land-trust-quote footer{font-size:13px;color:var(--text2, #94a3b8)}.land-consent{display:flex;align-items:flex-start;gap:10px;margin:4px 0;font-size:13px;line-height:1.5;color:var(--text2, #94a3b8);cursor:pointer}.land-consent input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--accent, #38bdf8);cursor:pointer}.land-consent a{color:var(--accent, #38bdf8);text-decoration:underline}.land-consent-optional{opacity:.85}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9000;padding:14px 16px;background:#0b1220f7;border-top:1px solid #1e3a5f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cookieUp .25s ease}@keyframes cookieUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between}.cookie-banner-text{margin:0;flex:1;min-width:260px;font-size:13px;line-height:1.6;color:#94a3b8}.cookie-banner-link{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:#38bdf8;text-decoration:underline}.cookie-banner-actions{display:flex;gap:10px;flex:none}.cookie-btn{cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:9px 20px;border-radius:8px;border:1px solid transparent;transition:background .15s,border-color .15s}.cookie-btn-reject{background:transparent;border-color:#1e3a5f;color:#cbd5e1}.cookie-btn-reject:hover{border-color:#38bdf8;color:#e6ecf5}.cookie-btn-accept{background:#2563eb;color:#fff}.cookie-btn-accept:hover{background:#1d4ed8}@media (max-width: 560px){.cookie-banner-actions{width:100%}.cookie-btn{flex:1}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);z-index:100}@media (max-width: 768px){.mobile-nav{display:flex;align-items:center;justify-content:space-around}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:500;transition:color var(--t-fast);-webkit-tap-highlight-color:transparent}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.mobile-nav-label{white-space:nowrap}:root,[data-theme=dark]{color-scheme:dark;--bg-base: #0b0f17;--bg-surface: #111726;--bg-raised: #18202f;--bg-overlay: rgba(17, 23, 38, .82);--bg-glass: rgba(24, 32, 47, .6);--bg-input: #0d1320;--border-subtle: rgba(148, 163, 184, .09);--border-default: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .28);--text-primary: #e6ecf5;--text-secondary: #94a3b8;--text-muted: #5b6b81;--text-inverse: #0b0f17;--accent: #38bdf8;--accent-strong: #0ea5e9;--accent-soft: rgba(56, 189, 248, .14);--accent-glow: rgba(56, 189, 248, .35);--status-run: #34d399;--status-run-soft: rgba(52, 211, 153, .15);--status-alarm: #f87171;--status-alarm-soft: rgba(248, 113, 113, .15);--status-warn: #fbbf24;--status-warn-soft: rgba(251, 191, 36, .15);--status-info: #60a5fa;--status-off: #64748b;--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--shadow-popup: 0 12px 48px rgba(0, 0, 0, .55);--glow-run: 0 0 12px rgba(52, 211, 153, .5);--glow-alarm: 0 0 12px rgba(248, 113, 113, .55);--scene-bg: #0d1320;--scene-grid: rgba(148, 163, 184, .05);--pipe-stroke: #2d3a50;--pipe-flow: var(--accent);--liquid: linear-gradient(180deg, #38bdf8cc, #0ea5e9e6)}[data-theme=light]{--bg-base: #f1f5f9;--bg-surface: #ffffff;--bg-raised: #f8fafc;--bg-overlay: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .72);--bg-input: #f1f5f9;--border-subtle: rgba(15, 23, 42, .06);--border-default: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .22);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--accent: #0284c7;--accent-strong: #0369a1;--accent-soft: rgba(2, 132, 199, .1);--accent-glow: rgba(2, 132, 199, .25);--status-run: #059669;--status-run-soft: rgba(5, 150, 105, .12);--status-alarm: #dc2626;--status-alarm-soft: rgba(220, 38, 38, .1);--status-warn: #d97706;--status-warn-soft: rgba(217, 119, 6, .12);--status-info: #2563eb;--status-off: #94a3b8;--shadow-card: 0 2px 12px rgba(15, 23, 42, .08);--shadow-popup: 0 12px 40px rgba(15, 23, 42, .18);--glow-run: 0 0 10px rgba(5, 150, 105, .35);--glow-alarm: 0 0 10px rgba(220, 38, 38, .4);--scene-bg: #e8eef5;--scene-grid: rgba(15, 23, 42, .04);--pipe-stroke: #b8c4d4;--pipe-flow: var(--accent);--liquid: linear-gradient(180deg, #38bdf8dd, #0284c7)}:root{--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t-med: .24s cubic-bezier(.4, 0, .2, 1);--t-slow: .4s cubic-bezier(.4, 0, .2, 1);--sidebar-w: 232px;--topbar-h: 56px}*{box-sizing:border-box;margin:0;padding:0}select{background-color:var(--bg-inset, var(--bg-base));color:var(--text-primary)}select option,select optgroup{background-color:var(--bg-raised, #18202f);color:var(--text-primary, #e6ecf5)}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background var(--t-med),color var(--t-med);overflow:hidden}body:has(.landing),body:has(.pub-page){overflow:auto}@keyframes scada-univ-blink{0%,to{opacity:1}50%{opacity:.15}}.app-shell{display:flex;height:100%}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-content{flex:1;overflow:auto;padding:var(--sp-6);background:radial-gradient(1200px 600px at 80% -10%,var(--accent-soft),transparent 60%),var(--bg-base)}.app-content:has(.editor-page){padding:0;overflow:hidden;background:var(--bg-base)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-5);transition:border-color var(--t-fast),transform var(--t-fast)}.card:hover{border-color:var(--border-default)}.card-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-4)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 14px;border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-raised);color:var(--text-primary);font:500 13px var(--font-ui);cursor:pointer;transition:all var(--t-fast)}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-primary{background:var(--accent-strong);border-color:transparent;color:#fff}.btn-primary:hover{filter:brightness(1.1);color:#fff}.btn-sm{padding:3px 8px;border-radius:4px;border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.btn-sm:hover{background:var(--bg-raised);color:var(--text-primary)}.btn-sm.danger:hover{background:var(--status-alarm-soft);color:var(--status-alarm);border-color:var(--status-alarm)}@keyframes pulse-alarm{0%,to{opacity:1;box-shadow:var(--glow-alarm)}50%{opacity:.55;box-shadow:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flow-dash{to{stroke-dashoffset:-24}}@keyframes scada-conveyor{to{transform:translate(-18px)}}@keyframes scada-flame{0%,to{opacity:.9}50%{opacity:.5}}@keyframes scada-steam{0%{transform:translateY(0);opacity:.5}to{transform:translateY(-14px);opacity:0}}.pipe-flow-anim{animation:pipe-flow 1s linear infinite;will-change:stroke-dashoffset}@keyframes pipe-flow{to{stroke-dashoffset:-24}}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fade-up var(--t-slow) both}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px){:root{--sidebar-w: 0px;--topbar-h: 48px}.app-shell{flex-direction:column}.sidebar{display:none}.app-main{width:100%}.app-content{padding:var(--sp-3);padding-bottom:64px}.app-content:has(.editor-page){padding:0}.menu-bar,.project-tabs-bar{display:none}.topbar{padding:0 var(--sp-3)}}.limit-badge{font:600 11px var(--font-mono);padding:2px 8px;border-radius:var(--r-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted)}.limit-badge.at-limit{background:#ef444426;border-color:#ef444466;color:#ef4444}.limit-warning{padding:8px 12px;border-radius:var(--r-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font:500 13px var(--font-ui)}.driver-hint{font:400 11px var(--font-ui);color:var(--text-muted);margin-left:4px}button:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}