:root{--lnd-bg: #ffffff;--lnd-text: #0f172a;--lnd-muted: #475569;--lnd-subtle: #94a3b8;--lnd-border: #e2e8f0;--lnd-surface: #f8fafc;--lnd-blue: #4f46e5;--lnd-blue-dark: #3730a3;--lnd-blue-light: rgba(79,70,229,.08);--lnd-green: #059669;--lnd-green-light: rgba(5,150,105,.1);--lnd-red: #dc2626;--lnd-amber: #d97706;--lnd-radius: 14px;--lnd-radius-sm: 8px;--lnd-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--lnd-shadow-md: 0 4px 24px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);--lnd-max: 1152px}.lnd *{box-sizing:border-box}.lnd{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--lnd-bg);color:var(--lnd-text);line-height:1.6;-webkit-font-smoothing:antialiased}.lnd-container{max-width:var(--lnd-max);margin:0 auto;padding:0 24px}.lnd-nav{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--lnd-border)}.lnd-nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px}.lnd-logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--lnd-text);text-decoration:none;letter-spacing:-.4px}.lnd-logo-mark{width:32px;height:32px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:900}.lnd-nav-links{display:flex;align-items:center;gap:8px}.lnd-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .15s;white-space:nowrap}.lnd-btn-primary{background:var(--lnd-blue);color:#fff;box-shadow:0 1px 2px #4f46e54d,0 4px 12px #4f46e533}.lnd-btn-primary:hover{background:var(--lnd-blue-dark);transform:translateY(-1px)}.lnd-btn-ghost{background:transparent;color:var(--lnd-muted);border:1px solid var(--lnd-border)}.lnd-btn-ghost:hover{background:var(--lnd-surface);color:var(--lnd-text)}.lnd-btn-lg{padding:14px 28px;font-size:16px;border-radius:11px}.lnd-btn-outline{background:transparent;color:var(--lnd-text);border:1.5px solid var(--lnd-border)}.lnd-btn-outline:hover{border-color:#94a3b8;background:var(--lnd-surface)}.lnd-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--lnd-blue);letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.lnd-kicker-dot{width:6px;height:6px;background:var(--lnd-blue);border-radius:50%;animation:lnd-pulse 2s infinite}.lnd-section{padding:96px 0}.lnd-section-sm{padding:64px 0}.lnd-section-dark{background:#0f172a;color:#f8fafc}.lnd-section-gray{background:#f8fafc}.lnd-h1{font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.05;letter-spacing:-1.5px;margin:0 0 20px}.lnd-h2{font-size:clamp(28px,3.5vw,44px);font-weight:800;line-height:1.1;letter-spacing:-1px;margin:0 0 16px}.lnd-h3{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.lnd-lead{font-size:18px;color:var(--lnd-muted);line-height:1.7;margin:0 0 32px;max-width:58ch}.lnd-section-header{text-align:center;max-width:720px;margin:0 auto 64px}.lnd-section-header .lnd-lead{margin-left:auto;margin-right:auto}.lnd-card{background:#fff;border:1px solid var(--lnd-border);border-radius:var(--lnd-radius);padding:24px;box-shadow:var(--lnd-shadow)}.lnd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lnd-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lnd-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.lnd-feature{display:flex;flex-direction:column;gap:10px}.lnd-feature-icon{width:40px;height:40px;background:var(--lnd-blue-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.lnd-compare{border-collapse:collapse;width:100%}.lnd-compare th,.lnd-compare td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--lnd-border);font-size:14px}.lnd-compare th{font-weight:700;font-size:13px;color:var(--lnd-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--lnd-surface)}.lnd-compare tr:last-child td{border-bottom:none}.lnd-check{color:var(--lnd-green);font-size:16px}.lnd-cross{color:var(--lnd-subtle);font-size:16px}.lnd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.lnd-steps:before{content:"";position:absolute;top:28px;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--lnd-blue),#7c3aed);z-index:0}.lnd-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;position:relative;z-index:1}.lnd-step-num{width:56px;height:56px;border-radius:50%;background:var(--lnd-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;margin-bottom:16px;box-shadow:0 0 0 6px #4f46e526}.lnd-plan{border:1.5px solid var(--lnd-border);border-radius:var(--lnd-radius);padding:32px 28px;display:flex;flex-direction:column;gap:0;position:relative;background:#fff;transition:box-shadow .2s,transform .2s}.lnd-plan:hover{box-shadow:var(--lnd-shadow-md);transform:translateY(-2px)}.lnd-plan-featured{border-color:var(--lnd-blue);box-shadow:0 0 0 1px var(--lnd-blue),var(--lnd-shadow-md)}.lnd-plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--lnd-blue);color:#fff;font-size:11px;font-weight:700;padding:4px 14px;border-radius:999px;letter-spacing:.05em;text-transform:uppercase}.lnd-plan-price{font-size:42px;font-weight:900;letter-spacing:-1.5px;line-height:1;margin:16px 0 4px}.lnd-plan-period{color:var(--lnd-subtle);font-size:14px;margin-bottom:24px}.lnd-plan-items{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px;flex:1}.lnd-plan-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--lnd-muted)}.lnd-plan-item-check{width:18px;height:18px;background:var(--lnd-green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--lnd-green);flex-shrink:0}.lnd-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.lnd-badge-red{background:#dc26261a;color:var(--lnd-red)}.lnd-badge-amber{background:#d977061a;color:var(--lnd-amber)}.lnd-badge-green{background:#0596691a;color:var(--lnd-green)}.lnd-badge-blue{background:#4f46e51a;color:var(--lnd-blue)}.lnd-stat-big{font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1}.lnd-mock{background:#fff;border:1px solid var(--lnd-border);border-radius:16px;box-shadow:0 24px 48px #0000001a,0 4px 12px #0000000f;overflow:hidden}.lnd-mock-bar{background:var(--lnd-surface);border-bottom:1px solid var(--lnd-border);padding:12px 16px;display:flex;align-items:center;gap:8px}.lnd-mock-dot{width:10px;height:10px;border-radius:50%}.lnd-mock-body{padding:20px}.lnd-proof{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--lnd-border);margin-top:32px}.lnd-proof-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--lnd-muted);font-weight:600}.lnd-score-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.lnd-score-fill{height:100%;border-radius:999px;transition:width .4s}.lnd-gradient-text{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lnd-cta-section{background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#fff}.lnd-divider{height:1px;background:var(--lnd-border);margin:0;border:none}.lnd-footer{background:#0f172a;color:#94a3b8;padding:56px 0 32px}.lnd-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.lnd-footer a{color:#94a3b8;text-decoration:none;font-size:14px;line-height:2.2}.lnd-footer a:hover{color:#e2e8f0}.lnd-footer-title{color:#e2e8f0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}@keyframes lnd-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes lnd-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lnd-float{animation:lnd-float 3s ease-in-out infinite}@media(max-width:900px){.lnd-grid-2{grid-template-columns:1fr}.lnd-grid-3,.lnd-grid-4{grid-template-columns:1fr 1fr}.lnd-steps{grid-template-columns:1fr 1fr;gap:32px}.lnd-steps:before{display:none}.lnd-footer-grid{grid-template-columns:1fr 1fr;gap:32px}.lnd-section{padding:64px 0}.lnd-h1{letter-spacing:-1px}}@media(max-width:600px){.lnd-container{padding:0 16px}.lnd-grid-3,.lnd-grid-4,.lnd-steps,.lnd-footer-grid{grid-template-columns:1fr}.lnd-nav-links .lnd-btn-ghost{display:none}.lnd-section{padding:48px 0}}:root{--bg: #f5f5f8;--surface: #ffffff;--border: #e8e8ef;--text: #0c0c14;--muted: #6b7280;--subtle: #9ca3af;--soft: #f5f5f8;--accent: #6366f1;--accent2: #8b5cf6;--brand: #6366f1;--brand2: #8b5cf6;--radius: 12px;--shadow: 0 1px 2px rgba(12,12,20,.04), 0 2px 4px rgba(12,12,20,.05);--shadow-md: 0 4px 16px rgba(12,12,20,.08);--max: 1200px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.container{max-width:var(--max);margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:50;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}.logo{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px}.mark{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 6px 18px #6366f147;position:relative;flex:none}.mark:after{content:"";position:absolute;inset:8px;border-radius:8px;background:#ffffffa6;border:1px solid rgba(255,255,255,.5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--text);font-weight:700;font-size:14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:hover{transform:translateY(-1px);border-color:#0c0c1429;box-shadow:0 6px 18px #0c0c1412}.btn.primary{border:none;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f14d}.btn.primary:hover{box-shadow:0 8px 24px #6366f166}.btn.small{padding:8px 14px;border-radius:8px;font-size:13px}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover{background:#0c0c140a;border-color:var(--border);color:var(--text)}.card{border:1px solid var(--border);border-radius:var(--radius);background:#fffffff2;box-shadow:var(--shadow);overflow:hidden}.card-head{padding:18px 18px 0}.kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffffd9;color:var(--muted);font-size:12px;font-weight:750}.dot{width:7px;height:7px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 5px #6366f11f}.subtitle{margin:0 0 14px;color:var(--muted);font-size:14px}.card-body{padding:0 18px 18px}label{display:block;font-size:13px;font-weight:700;color:var(--subtle);margin:10px 0 6px}input,textarea,select{width:100%;padding:11px 13px;border-radius:10px;border:1px solid rgba(12,12,20,.12);background:#fffffffa;color:var(--text);outline:none;font-size:14px;font-family:inherit;transition:border-color .15s,box-shadow .15s}textarea{min-height:120px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#6366f173;box-shadow:0 0 0 3px #6366f11a}.hint{color:var(--muted);font-size:13px;margin-top:6px}.link{color:var(--accent);font-weight:750;font-size:13px;text-decoration:underline;text-underline-offset:3px}.divider{height:1px;background:var(--border);margin:14px 0}.mono{font-family:ui-monospace,Cascadia Code,SFMono-Regular,Menlo,monospace}.banner{padding:10px 13px;border-radius:10px;font-size:13px;font-weight:650;border:1px solid var(--border);background:#f5f5f8e6;color:var(--muted)}.banner.error{border-color:#ef444438;background:#ef44440f;color:#b91c1cf2}.banner.ok{border-color:#10b98138;background:#10b9810f;color:#059669f2}.appShell{display:grid;grid-template-columns:58px 1fr;min-height:100vh;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1)}.appShell.rail-open{grid-template-columns:220px 1fr}.rail{background:linear-gradient(180deg,#0c0c13,#10091e);border-right:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;align-items:center;padding:14px 0 16px;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:100;overflow:hidden;width:100%}.rail-header{display:flex;align-items:center;gap:10px;width:100%;padding:0 12px;margin-bottom:20px;flex-shrink:0}.rail-logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 0 1px #6366f173,0 6px 20px #6366f166;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;letter-spacing:-.2px;cursor:pointer;transition:box-shadow .2s,transform .15s;text-decoration:none}.rail-logo:hover{box-shadow:0 0 0 1px #6366f199,0 8px 26px #6366f180;transform:translateY(-1px)}.rail-logo-name{font-size:14px;font-weight:800;color:#ffffffe0;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;max-width:0;opacity:0;transition:max-width .25s cubic-bezier(.4,0,.2,1),opacity .2s ease}.rail-open .rail-logo-name{max-width:120px;opacity:1}.rail-nav{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:0 9px;flex:1}.rail-open .rail-nav{align-items:stretch;padding:0 10px}.railItem{position:relative;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ffffff38;cursor:pointer;transition:background .15s,color .15s,width .25s cubic-bezier(.4,0,.2,1),border-radius .25s;text-decoration:none;border:none;background:transparent;gap:0;overflow:hidden}.rail-open .railItem{width:100%;justify-content:flex-start;padding:0 10px;gap:10px;height:38px;border-radius:10px}.railItem:hover{background:#ffffff12;color:#fff9}.railItem.active{background:#6366f133;color:#a5b4fc}.railItem.active:before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:#6366f1;transition:left .25s cubic-bezier(.4,0,.2,1)}.rail-open .railItem.active:before{left:-10px}.rail-icon{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.rail-dot{position:absolute;top:-4px;right:-5px;width:6px;height:6px;border-radius:999px;background:#6366f1;border:1.5px solid #0c0c13;box-shadow:0 0 0 2px #6366f14d}.rail-label{font-size:13px;font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;max-width:0;opacity:0;transition:max-width .25s cubic-bezier(.4,0,.2,1),opacity .15s ease}.rail-open .rail-label{max-width:140px;opacity:1}.railItem .tooltip,.rail-logout .tooltip{position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%);background:#1a1a2e;color:#e2e2f0;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:999;border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 24px #00000059}.railItem .tooltip:before,.rail-logout .tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1a1a2e}.railItem:hover .tooltip,.rail-logout:hover .tooltip{opacity:1}.rail-open .railItem .tooltip,.rail-open .rail-logout .tooltip{display:none}.rail-sep{width:22px;height:1px;background:#ffffff12;margin:6px 0;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1)}.rail-open .rail-sep{width:calc(100% - 20px)}.rail-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:0 9px}.rail-open .rail-bottom{align-items:stretch;padding:0 10px}.rail-logout{position:relative;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff3;background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s,width .25s cubic-bezier(.4,0,.2,1);gap:0;overflow:hidden}.rail-open .rail-logout{width:100%;justify-content:flex-start;padding:0 10px;gap:10px;height:38px;border-radius:10px}.rail-logout:hover{background:#ef44441f;color:#fca5a5cc}.rail-avatar{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#6366f159,#8b5cf659);border:1.5px solid rgba(99,102,241,.45);margin-top:4px;cursor:pointer;flex-shrink:0;transition:border-color .15s}.rail-avatar:hover{border-color:#6366f1b3}.rail-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:7px;border:none;background:transparent;color:var(--subtle);cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.rail-toggle:hover{background:#0c0c140f;color:var(--text)}.appMain{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:50}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px}.breadcrumb .root{color:var(--subtle);font-weight:500}.breadcrumb .sep{color:#d1d5db;font-size:16px;font-weight:300}.breadcrumb .current{color:var(--text);font-weight:650}.topbar-actions{display:flex;align-items:center;gap:10px}.main{padding:30px 28px 60px;flex:1;max-width:1200px;width:100%;display:flex;flex-direction:column;gap:20px}.pageTitle{font-size:26px;font-weight:900;letter-spacing:-.5px;color:var(--text);margin:0 0 4px}.pageSub{font-size:14px;color:var(--subtle);margin:0;line-height:1.6}.grid2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.panelHead{padding:13px 18px;border-bottom:1px solid #f1f1f5;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;color:var(--text)}.panelBody{padding:18px}.kpiGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{background:#f9f9fb;border:1px solid var(--border);border-radius:10px;padding:14px}.kpi .label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--subtle)}.kpi .value{font-size:18px;font-weight:800;color:var(--text);margin-top:5px;letter-spacing:-.3px}.kpi .hint{font-size:12px;color:var(--subtle);margin-top:3px}.badge{font-size:11px;font-weight:650;padding:3px 9px;border-radius:6px;background:#f3f3f7;color:var(--muted);border:1px solid var(--border);white-space:nowrap}.jsonBox{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px;color:#374151;background:#f9f9fb;border:1px solid var(--border);border-radius:10px;padding:14px;max-height:520px;overflow:auto}@media(max-width:860px){.appShell,.appShell.rail-open{grid-template-columns:1fr}.rail{display:none}.grid2,.kpiGrid{grid-template-columns:1fr}}
