.lang-switcher{display:flex;padding:3px;border-radius:10px;background:var(--surface-2, #f1f5f9);border:1px solid var(--border, #e2e8f0);flex-shrink:0}.lang-switcher-btn{padding:5px 10px;border:none;border-radius:7px;background:transparent;color:var(--muted, #64748b);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.lang-switcher-btn:hover{color:var(--text, #0f172a)}.lang-switcher-btn.active{background:var(--accent, #2563eb);color:#fff}.landing .lang-switcher{background:var(--landing-surface, #111827);border-color:var(--landing-border, #1e293b)}.landing .lang-switcher-btn{color:var(--landing-muted, #94a3b8)}.landing .lang-switcher-btn:hover{color:var(--landing-text, #e2e8f0)}.landing .lang-switcher-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.landing{--landing-bg: #070b14;--landing-surface: #0f1729;--landing-border: #1e293b;--landing-text: #e2e8f0;--landing-muted: #94a3b8;--landing-accent: #3b82f6;--landing-accent-2: #06b6d4;--landing-glow: rgba(59, 130, 246, .35);--landing-violet: #8b5cf6;position:relative;min-height:100vh;overflow-x:hidden;background:var(--landing-bg);color:var(--landing-text)}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.landing-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(59,130,246,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 0%,black 20%,transparent 75%)}.landing-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:landing-orb-drift 18s ease-in-out infinite}.landing-bg-orb--1{top:-12%;left:10%;width:520px;height:520px;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%)}.landing-bg-orb--2{top:30%;right:-8%;width:440px;height:440px;background:radial-gradient(circle,rgba(6,182,212,.28),transparent 70%);animation-delay:-6s;animation-duration:22s}.landing-bg-orb--3{bottom:10%;left:25%;width:380px;height:380px;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 70%);animation-delay:-12s;animation-duration:26s}@keyframes landing-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,25px) scale(.95)}}.landing-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;padding:16px 32px;background:#070b14b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s,padding .3s}.landing-header--scrolled{padding-top:12px;padding-bottom:12px;background:#070b14eb;border-bottom-color:var(--landing-border);box-shadow:0 8px 32px #00000059}.landing-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex-shrink:0}.landing-logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-2));font-weight:800;font-size:14px;color:#fff;box-shadow:0 4px 16px var(--landing-glow)}.landing-logo-text{font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.landing-nav{display:flex;gap:20px;margin-right:auto}.landing-nav a{position:relative;color:var(--landing-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.landing-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background:linear-gradient(90deg,var(--landing-accent),var(--landing-accent-2));transform:scaleX(0);transform-origin:right;transition:transform .25s ease;border-radius:2px}.landing-nav a:hover{color:var(--landing-text)}.landing-nav a:hover:after{transform:scaleX(1);transform-origin:left}.landing-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.landing-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:10px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;white-space:nowrap}.landing-btn:hover{transform:translateY(-2px)}.landing-btn-primary{background:linear-gradient(135deg,var(--landing-accent),#2563eb);color:#fff;border-color:#1d4ed8;box-shadow:0 4px 24px var(--landing-glow)}.landing-btn-primary:hover{background:linear-gradient(135deg,#60a5fa,var(--landing-accent));box-shadow:0 8px 32px #3b82f673}.landing-btn-shine{position:relative;overflow:hidden}.landing-btn-shine:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:landing-btn-shine 4s ease-in-out infinite}@keyframes landing-btn-shine{0%,70%,to{left:-120%}85%{left:140%}}.landing-btn-outline{background:#0f172a80;color:var(--landing-text);border-color:#334155;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-btn-outline:hover{border-color:var(--landing-accent);color:#fff;background:#3b82f61a}.landing-btn-lg{padding:14px 24px;font-size:1rem}.landing-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1200px;margin:0 auto;padding:72px 32px 64px}.landing-hero-in{opacity:0;transform:translateY(24px);animation:landing-hero-enter .7s cubic-bezier(.22,1,.36,1) forwards}.landing-hero-in--1{animation-delay:.1s}.landing-hero-in--2{animation-delay:.22s}.landing-hero-in--3{animation-delay:.34s}.landing-hero-in--4{animation-delay:.46s}@keyframes landing-hero-enter{to{opacity:1;transform:translateY(0)}}.landing-eyebrow{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:#3b82f61f;border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-size:.85rem;font-weight:600;box-shadow:0 0 24px #3b82f626}.landing-hero h1{margin:0 0 20px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;letter-spacing:-.03em;font-weight:800}.landing-gradient-text{background:linear-gradient(135deg,#60a5fa,#22d3ee,#a78bfa);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:landing-gradient-shift 6s ease infinite}@keyframes landing-gradient-shift{0%,to{background-position:0% center}50%{background-position:100% center}}.landing-hero-lead{margin:0 0 32px;font-size:1.1rem;line-height:1.7;color:var(--landing-muted);max-width:540px}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}.landing-hero-stats{display:flex;gap:32px;list-style:none;margin:0;padding:0}.landing-hero-stats li{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-top:2px solid rgba(59,130,246,.3)}.landing-hero-stats strong{font-size:1.75rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.landing-stat-infinite{background:linear-gradient(135deg,#60a5fa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero-stats span{font-size:.8rem;color:var(--landing-muted);text-transform:uppercase;letter-spacing:.06em}.landing-hero-visual{display:flex;justify-content:center;align-items:center}.landing-hero-float{animation:landing-float 6s ease-in-out infinite}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-ticker{position:relative;z-index:1;overflow:hidden;margin:0 auto 16px;max-width:100%;padding:14px 0;border-block:1px solid rgba(59,130,246,.15);background:#0f172a73;-webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}.landing-ticker-track{display:flex;gap:40px;width:max-content;animation:landing-ticker 40s linear infinite}.landing-ticker-item{flex-shrink:0;padding:6px 16px;border-radius:999px;border:1px solid rgba(59,130,246,.25);background:#3b82f614;color:#93c5fd;font-size:.82rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}@keyframes landing-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-diagram-wrap{position:relative;margin:0;width:100%;max-width:400px;padding:28px 24px 20px;background:linear-gradient(160deg,#111827f2,#0f172ad9);border:1px solid rgba(59,130,246,.3);border-radius:24px;box-shadow:0 24px 60px #00000073,0 0 0 1px #ffffff0a inset,0 0 80px #3b82f61f}.landing-diagram-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:24px;background:linear-gradient(135deg,#3b82f666,#06b6d433,#8b5cf64d);opacity:.35;filter:blur(20px);z-index:-1;animation:landing-diagram-glow 4s ease-in-out infinite}@keyframes landing-diagram-glow{0%,to{opacity:.25}50%{opacity:.5}}.landing-diagram-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.landing-diagram-path{fill:none;stroke:url(#lineGrad);stroke-width:2.5;stroke-linecap:round;opacity:.85}.landing-diagram-path--branch{stroke-width:2;opacity:.7}.landing-diagram-path--draw{stroke-dasharray:120;stroke-dashoffset:120;animation:landing-path-draw 1.4s ease forwards}.landing-diagram-path--delay1{animation-delay:.3s}.landing-diagram-path--delay2{animation-delay:.6s}.landing-diagram-path--delay3{animation-delay:.9s}@keyframes landing-path-draw{to{stroke-dashoffset:0}}.landing-diagram-hub-ring{fill:none;stroke:#3b82f673;stroke-width:2;animation:landing-hub-ring 3s ease-in-out infinite}@keyframes landing-hub-ring{0%,to{r:36;opacity:.6}50%{r:42;opacity:1}}.landing-diagram-pulse{fill:#60a5fa;animation:landing-pulse-travel 2.4s ease-in-out infinite}.landing-diagram-pulse--delay{animation-delay:.6s}.landing-diagram-pulse--delay2{animation-delay:1.2s}.landing-diagram-pulse--delay3{animation-delay:1.5s}@keyframes landing-pulse-travel{0%,to{opacity:.35}50%{opacity:1}}.landing-diagram-nodes{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0}.landing-diagram-node{display:flex;align-items:center;gap:12px;width:100%;max-width:260px;padding:12px 16px;background:#0f172ae6;border:1px solid var(--landing-border);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s}.landing-diagram-node:hover{transform:translateY(-2px)}.landing-diagram-node strong{display:block;font-size:.9rem;font-weight:700;line-height:1.3}.landing-diagram-node small{display:block;margin-top:2px;color:var(--landing-muted);font-size:.75rem;line-height:1.35}.landing-diagram-icon{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#3b82f61f;color:#93c5fd}.landing-diagram-icon svg{width:22px;height:22px}.landing-diagram-icon--edge{background:#06b6d426;color:#67e8f9}.landing-diagram-node--client{margin-bottom:36px}.landing-diagram-node--hub{margin-bottom:36px;border-color:#3b82f680;background:#3b82f61f;box-shadow:0 0 32px #3b82f640}.landing-diagram-node--hub .landing-diagram-icon{background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-2));color:#fff}.landing-diagram-sites{display:flex;gap:12px;width:100%;justify-content:center}.landing-diagram-sites .landing-diagram-node{flex:1;max-width:148px;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 10px}.landing-diagram-sites .landing-diagram-node strong{font-size:.8rem}.landing-diagram-caption{position:relative;z-index:1;margin:20px 0 0;text-align:center;font-size:.78rem;color:var(--landing-muted);line-height:1.45}.landing-reveal{opacity:0;transform:translateY(32px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.landing-reveal--visible{opacity:1;transform:translateY(0)}.landing-section{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:80px 32px}.landing-section--alt{background:#0f172a8c;max-width:none;padding-left:max(32px,calc((100vw - 1200px)/2 + 32px));padding-right:max(32px,calc((100vw - 1200px)/2 + 32px));border-block:1px solid rgba(30,41,59,.6)}.landing-section-title{display:flex;align-items:center;gap:14px;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;letter-spacing:-.02em}.landing-section-tag{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f633,#06b6d426);border:1px solid rgba(59,130,246,.35);color:#93c5fd;font-size:.75rem;font-weight:800;letter-spacing:0}.landing-section-lead{margin:0 0 40px;color:var(--landing-muted);font-size:1.05rem;max-width:640px;line-height:1.7}.landing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.landing-card{position:relative;padding:28px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:16px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.15),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}.landing-card:hover{border-color:#3b82f673;transform:translateY(-4px);box-shadow:0 16px 48px #00000059,0 0 40px #3b82f61a}.landing-card:hover .landing-card-glow{opacity:1}.landing-card-icon{font-size:1.75rem;margin-bottom:14px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.landing-card h3{margin:0 0 10px;font-size:1.1rem;font-weight:700}.landing-card p{margin:0;color:var(--landing-muted);font-size:.95rem;line-height:1.65}.landing-screenshots{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.landing-screenshot-card{margin:0;display:grid;gap:12px}.landing-screenshot-trigger{display:block;width:100%;padding:0;border:none;background:none;cursor:zoom-in;text-align:left;font:inherit;color:inherit}.landing-screenshot-frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--landing-border);background:#0f172a;box-shadow:0 20px 50px #00000059;transition:border-color .3s,box-shadow .3s,transform .3s}.landing-screenshot-trigger:hover .landing-screenshot-frame,.landing-screenshot-trigger:focus-visible .landing-screenshot-frame{border-color:#3b82f680;box-shadow:0 24px 60px #00000073,0 0 40px #3b82f626;transform:scale(1.02)}.landing-screenshot-trigger:focus-visible{outline:none}.landing-screenshot-trigger:focus-visible .landing-screenshot-frame{outline:2px solid var(--landing-accent);outline-offset:3px}.landing-screenshot-frame img{display:block;width:100%;height:auto;transition:transform .4s ease}.landing-screenshot-trigger:hover .landing-screenshot-frame img{transform:scale(1.04)}.landing-screenshot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#070b148c;opacity:0;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.landing-screenshot-trigger:hover .landing-screenshot-overlay,.landing-screenshot-trigger:focus-visible .landing-screenshot-overlay{opacity:1}.landing-screenshot-zoom{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#3b82f6e6;color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 8px 24px #3b82f666;transform:translateY(8px);transition:transform .3s}.landing-screenshot-trigger:hover .landing-screenshot-zoom{transform:translateY(0)}.landing-screenshot-zoom svg{width:18px;height:18px}.landing-screenshot-card figcaption{display:grid;gap:4px}.landing-screenshot-card figcaption strong{font-size:1rem}.landing-screenshot-card figcaption span{color:var(--landing-muted);font-size:.9rem;line-height:1.5}.landing-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:landing-lightbox-in .25s ease}@keyframes landing-lightbox-in{0%{opacity:0}to{opacity:1}}.landing-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#04070ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-lightbox-panel{position:relative;z-index:1;width:min(1100px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:16px;animation:landing-lightbox-panel .35s cubic-bezier(.22,1,.36,1)}@keyframes landing-lightbox-panel{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.landing-lightbox-close{position:absolute;top:-12px;right:-12px;z-index:2;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--landing-border);border-radius:12px;background:var(--landing-surface);color:var(--landing-text);cursor:pointer;transition:background .2s,border-color .2s,transform .15s;box-shadow:0 8px 24px #0006}.landing-lightbox-close:hover{background:#ef444426;border-color:#ef444480;color:#fca5a5;transform:scale(1.05)}.landing-lightbox-close svg{width:20px;height:20px}.landing-lightbox-frame{border-radius:16px;overflow:hidden;border:1px solid rgba(59,130,246,.35);background:#0f172a;box-shadow:0 32px 80px #0000008c,0 0 60px #3b82f626}.landing-lightbox-frame img{display:block;width:100%;height:auto;max-height:calc(100vh - 160px);object-fit:contain}.landing-lightbox-caption{display:grid;gap:4px;text-align:center;padding:0 16px}.landing-lightbox-caption strong{font-size:1.1rem}.landing-lightbox-caption span{color:var(--landing-muted);font-size:.95rem}.landing-edge-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.1fr);gap:40px;align-items:start}.landing-boards-grid{display:grid;gap:12px}.landing-board-card{display:flex;gap:14px;align-items:center;padding:14px 16px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:14px;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-board-card:hover{border-color:#06b6d473;transform:translate(4px);box-shadow:-4px 0 24px #06b6d41f}.landing-board-visual{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:80px;height:64px;padding:6px;background:#0f172a;border:1px solid var(--landing-border);border-radius:10px;transition:border-color .3s}.landing-board-card:hover .landing-board-visual{border-color:#06b6d466}.landing-board-visual img{display:block;width:auto;height:48px;object-fit:contain}.landing-board-info{flex:1;min-width:0}.landing-board-desc{margin:0 0 4px;font-size:.88rem;color:var(--landing-text);line-height:1.45}.landing-board-proc{margin:0;font-size:.8rem;color:var(--landing-accent-2);font-weight:600}.landing-steps{display:grid;gap:0;max-width:800px;position:relative}.landing-steps:before{content:"";position:absolute;left:21px;top:44px;bottom:44px;width:2px;background:linear-gradient(180deg,var(--landing-accent),var(--landing-accent-2));opacity:.35}.landing-step{display:flex;gap:20px;align-items:flex-start;padding:24px 0}.landing-step-num{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--landing-accent),var(--landing-accent-2));font-weight:800;font-size:1.1rem;color:#fff;box-shadow:0 4px 20px var(--landing-glow);position:relative;z-index:1}.landing-step h3{margin:0 0 8px;font-size:1.1rem}.landing-step p{margin:0;color:var(--landing-muted);line-height:1.65}.landing-step code{font-size:.85em;background:#0f172a;padding:2px 6px;border-radius:4px;color:#93c5fd}.landing-advantages,.landing-integrations{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.landing-integrations{grid-template-columns:1fr;max-width:720px}.landing-advantage-item{padding:28px 28px 28px 32px;border-left:3px solid var(--landing-accent);background:var(--landing-surface);border-radius:0 16px 16px 0;transition:border-color .3s,transform .3s,box-shadow .3s}.landing-advantage-item:hover{border-left-color:var(--landing-accent-2);transform:translate(4px);box-shadow:-6px 0 32px #3b82f61a}.landing-advantage-item h3{margin:0 0 10px;font-size:1.05rem;font-weight:700}.landing-advantage-lead{margin:0 0 14px;color:var(--landing-muted);font-size:.95rem;line-height:1.65}.landing-advantage-points{margin:0;padding:0 0 0 1.1rem;color:var(--landing-text);font-size:.9rem;line-height:1.6}.landing-advantage-points li{margin-bottom:8px;color:#cbd5e1}.landing-advantage-points li:last-child{margin-bottom:0}.landing-cta{position:relative;z-index:1;text-align:center;max-width:720px;margin:0 auto;padding:80px 32px 96px}.landing-cta-box{position:relative;padding:48px 40px;border-radius:24px;border:1px solid rgba(59,130,246,.3);background:linear-gradient(160deg,#111827e6,#0f172acc);overflow:hidden}.landing-cta-glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.15),transparent,rgba(6,182,212,.12),transparent);animation:landing-cta-spin 12s linear infinite;pointer-events:none}@keyframes landing-cta-spin{to{transform:rotate(360deg)}}.landing-cta-box h2{position:relative;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.landing-cta-box p{position:relative;margin:0 0 28px;color:var(--landing-muted);font-size:1.05rem}.landing-cta .landing-hero-cta{position:relative;justify-content:center;margin-bottom:0}.landing-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px;border-top:1px solid var(--landing-border);text-align:center}.landing-footer-domain{color:var(--landing-accent-2);font-weight:600;font-size:.95rem}.landing-footer-copy{margin:8px 0 0;color:var(--landing-muted);font-size:.85rem}@media (max-width: 1024px){.landing-advantages,.landing-edge-layout{grid-template-columns:1fr}}@media (max-width: 900px){.landing-header{flex-wrap:wrap;padding:14px 20px}.landing-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:14px}.landing-hero{grid-template-columns:1fr;padding:48px 20px}.landing-hero-visual{order:-1}.landing-diagram-wrap{max-width:100%}.landing-diagram-sites{flex-direction:column;align-items:stretch}.landing-diagram-sites .landing-diagram-node{max-width:none;flex-direction:row;text-align:left}.landing-section{padding:56px 20px}.landing-cta-box{padding:36px 24px}.landing-lightbox-close{top:8px;right:8px}}@media (max-width: 480px){.landing-header-actions{width:100%;justify-content:space-between}.landing-header-actions .landing-btn{flex:1;max-width:140px}.landing-hero-stats{gap:20px}.landing-section-title{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){.landing-bg-orb,.landing-ticker-track,.landing-hero-float,.landing-gradient-text,.landing-btn-shine:after,.landing-cta-glow,.landing-diagram-glow,.landing-diagram-hub-ring,.landing-diagram-pulse,.landing-diagram-path--draw{animation:none}.landing-hero-in,.landing-reveal{opacity:1;transform:none;animation:none;transition:none}.landing-diagram-path--draw{stroke-dashoffset:0}}:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-secondary: #475569;--muted: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: #eff6ff;--gradient: linear-gradient(135deg, #3b82f6, #06b6d4);--danger: #b91c1c;--danger-bg: #fef2f2;--danger-border: #fecaca;--success-bg: #dcfce7;--success-text: #166534;--offline-bg: #fee2e2;--offline-text: #991b1b;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 40px rgba(15, 23, 42, .1);--topbar-h: 60px;--page-max: 1040px;--transition: .18s ease;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.page{max-width:var(--page-max);margin:0 auto;padding:28px 24px 48px}.page.narrow{max-width:520px}.page.center{min-height:100vh;display:grid;place-items:center;padding:24px}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:60vh;color:var(--muted)}.page h1{margin:0 0 8px;font-size:1.625rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}.page h2{margin:32px 0 12px;font-size:1.125rem;font-weight:600;letter-spacing:-.015em}.page>.muted:first-of-type,.page h1+.muted{margin-top:0;margin-bottom:20px}.app-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);flex-shrink:0}.app-logo-img{display:block;border-radius:9px;box-shadow:0 2px 8px #3b82f640}.app-logo-text{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.topbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--topbar-h);padding:0 24px;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.topbar-start{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.menu-toggle:hover{background:var(--surface-2);border-color:var(--border-strong)}.menu-toggle-bar{display:block;height:2px;border-radius:1px;background:var(--text-secondary);transition:transform var(--transition),opacity var(--transition)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{display:flex;align-items:center;gap:6px}.nav-section{display:flex;align-items:center;gap:4px}.nav-section--admin{padding-left:8px;margin-left:8px;border-left:1px solid var(--border)}.nav-label{display:none}.nav-user{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--muted);padding:0 8px}.nav-link{display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius-sm);text-decoration:none;font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:color var(--transition),background var(--transition)}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.nav-link--btn{border:none;background:none;cursor:pointer;font-family:inherit}.nav-backdrop{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:grid;gap:16px;box-shadow:var(--shadow-sm)}.card h1,.card h2{margin:0}.field{display:grid;gap:6px}.field span{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}input,select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-family:inherit;font-size:.9375rem;color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}input:disabled,select:disabled,button:disabled{opacity:.55;cursor:not-allowed}button,.button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);padding:9px 16px;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}button:hover:not(:disabled),.button:hover{background:var(--surface-2)}button.primary,.button.primary{background:var(--accent);border-color:var(--accent-hover);color:#fff}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--accent-hover)}button.danger,.button.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}button.danger:hover:not(:disabled),.button.danger:hover{background:#fee2e2}.linkish{border:none;background:none;color:var(--accent);cursor:pointer;padding:0;font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.linkish:hover{color:var(--accent-hover)}.row{display:flex;align-items:center}.row.space-between{justify-content:space-between}.row.gap{gap:10px;flex-wrap:wrap}.error{color:var(--danger);font-size:.875rem;margin:0}.muted{color:var(--muted);font-size:.875rem}.title{font-weight:600;font-size:.9375rem}.small{font-size:.75rem}.spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.list{display:grid;gap:10px;margin-top:16px}.list--spaced{margin-top:1.25rem}.list-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition)}.list-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.pill{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;background:var(--border);color:var(--text-secondary)}.pill.online{background:var(--success-bg);color:var(--success-text)}.pill.offline{background:var(--offline-bg);color:var(--offline-text)}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);font-size:.875rem}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f8fafccc}.page>.table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.page>.table thead,.page>.table tbody,.page>.table tr{display:table;width:100%;table-layout:auto}.page>.table thead{width:calc(100% - 1px)}.token{padding:14px 16px;background:#0f172a;color:#e2e8f0;border-radius:var(--radius-sm);overflow:auto;font-family:var(--mono);font-size:.8125rem;line-height:1.6;margin:0}.banner-msg{padding:12px 16px;background:var(--accent-soft);border:1px solid #bfdbfe;border-radius:var(--radius-sm);color:#1e3a8a;margin-bottom:16px;font-size:.875rem}.card label{display:grid;gap:6px;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.vpn-qr-block{display:grid;gap:10px;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.vpn-qr-panel{display:grid;gap:8px;justify-items:start;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.vpn-qr-panel-title{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.vpn-qr-panel img{display:block;border-radius:var(--radius-sm);background:#fff}.guest-url{word-break:break-all;font-size:.8125rem;background:var(--surface-2);padding:8px 10px;border-radius:var(--radius-sm);max-width:100%}.guest-url-input{flex:1;min-width:0;font-size:.8125rem;font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--text)}.guest-url-box{padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(59,130,246,.08),transparent),var(--bg)}.login-wrap{width:100%;max-width:400px;display:grid;gap:24px}.login-header{display:flex;align-items:center;justify-content:space-between}.login-card{width:100%}.login-card h1{margin:0 0 4px;font-size:1.375rem;font-weight:700;letter-spacing:-.02em}@media (max-width: 1200px) and (min-width: 1101px){.nav-link{padding:6px 8px;font-size:.8125rem}.nav-user{max-width:120px}}@media (max-width: 1100px){.menu-toggle{display:flex}.nav{position:fixed;top:var(--topbar-h);right:0;bottom:0;z-index:210;flex-direction:column;align-items:stretch;gap:0;width:min(320px,88vw);padding:16px;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .22s ease;overflow-y:auto}.nav.open{transform:translate(0)}.nav-section{flex-direction:column;align-items:stretch;gap:2px;padding:8px 0}.nav-section--admin{padding-left:0;margin-left:0;border-left:none;border-top:1px solid var(--border)}.nav-label{display:block;padding:8px 12px 4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.nav-section--actions{margin-top:auto;border-top:1px solid var(--border);padding-top:16px}.nav-user{max-width:none;padding:8px 12px;font-size:.8125rem}.nav-link{padding:10px 12px;border-radius:var(--radius-sm)}.nav-backdrop{display:block;position:fixed;inset:var(--topbar-h) 0 0 0;z-index:205;border:none;background:#0f172a59;cursor:pointer;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.list-row{flex-direction:column;align-items:flex-start}.list-row .row.gap{width:100%}}@media (max-width: 480px){.topbar{padding:0 16px}.page{padding:20px 16px 40px}.page h1{font-size:1.375rem}.card{padding:18px}.nav-user{display:none}}