.landing-editorial-root{--landing-bg:#f7f6f3;--landing-bg-warm:#f0eeea;--landing-surface:#fff;--landing-surface-muted:#faf9f7;--landing-border:#e2dfda;--landing-border-subtle:#ece9e4;--landing-text-primary:#1a1816;--landing-text-secondary:#6b6560;--landing-text-tertiary:#9b9590;--landing-text-inverse:#faf9f7;--landing-accent:#2c5f4a;--landing-accent-light:#e8f0ec;--landing-accent-hover:#234d3b;--landing-accent-muted:#d4e3da;--landing-positive:#2c7a4e;--landing-positive-bg:#e8f5ec;--landing-warning:#b8860b;--landing-warning-bg:#fdf6e3;--landing-info:#4a6fa5;--landing-info-bg:#eef2f8;--landing-purple:#6b4c8a;--landing-purple-bg:#f3eef8;--landing-rose:#a0344a;--landing-rose-bg:#fce8ec;--landing-shadow-sm:0 1px 2px rgba(26,24,22,.04);--landing-shadow-md:0 2px 8px rgba(26,24,22,.06),0 1px 2px rgba(26,24,22,.04);--landing-shadow-lg:0 4px 16px rgba(26,24,22,.08),0 2px 4px rgba(26,24,22,.04);--landing-shadow-xl:0 8px 30px rgba(26,24,22,.1);--landing-radius-sm:6px;--landing-radius-md:10px;--landing-radius-lg:14px;--landing-radius-xl:20px;--landing-font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--landing-font-mono:"DM Mono","SF Mono","Fira Code",monospace;--landing-font-serif:"Instrument Serif",Georgia,serif;--landing-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--landing-transition-base:220ms cubic-bezier(0.4,0,0.2,1);font-family:var(--landing-font-sans);background-color:var(--landing-bg);color:var(--landing-text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.landing-nav{position:sticky;top:0;z-index:50;background:hsla(45,20%,96%,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--landing-border);padding:0 32px;height:70px;display:flex;align-items:center;justify-content:space-between}.landing-nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.landing-brand-mark{width:36px;height:36px;border-radius:var(--landing-radius-sm);background:var(--landing-accent);color:var(--landing-text-inverse);display:flex;align-items:center;justify-content:center;font-family:var(--landing-font-serif);font-size:20px;font-weight:700;box-shadow:var(--landing-shadow-sm)}.landing-brand-title{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.landing-brand-sub{display:flex;align-items:center;gap:5px;font-size:10.5px;font-family:var(--landing-font-mono);color:var(--landing-text-tertiary);text-transform:uppercase}.landing-brand-badge{font-size:9.5px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--landing-accent-light);color:var(--landing-accent);border:1px solid var(--landing-accent-muted)}.landing-nav-links{display:flex;align-items:center;gap:24px}.landing-nav-link{font-size:13.5px;font-weight:500;color:var(--landing-text-secondary);text-decoration:none;transition:color var(--landing-transition-fast)}.landing-nav-link:hover{color:var(--landing-text-primary)}.landing-nav-actions{display:flex;align-items:center;gap:12px}.landing-status-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:20px;background:var(--landing-surface);border:1px solid var(--landing-border);font-size:11.5px;font-family:var(--landing-font-mono);color:var(--landing-text-secondary);box-shadow:var(--landing-shadow-sm)}.landing-status-dot{width:6px;height:6px;border-radius:50%;background:var(--landing-positive)}.landing-btn-secondary{padding:8px 16px;border-radius:var(--landing-radius-md);background:var(--landing-surface);border:1px solid var(--landing-border);color:var(--landing-text-primary);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--landing-transition-fast);box-shadow:var(--landing-shadow-sm);display:inline-flex;align-items:center;gap:6px}.landing-btn-secondary:hover{background:var(--landing-bg-warm);border-color:var(--landing-accent-muted)}.landing-btn-primary{padding:8px 18px;border-radius:var(--landing-radius-md);background:var(--landing-accent);border:1px solid var(--landing-accent);color:var(--landing-text-inverse);font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--landing-transition-fast);box-shadow:var(--landing-shadow-sm);display:inline-flex;align-items:center;gap:7px}.landing-btn-primary:hover{background:var(--landing-accent-hover);border-color:var(--landing-accent-hover);transform:translateY(-1px);box-shadow:var(--landing-shadow-md)}.landing-hero{padding:72px 24px 56px;text-align:center;max-width:1040px;margin:0 auto}.landing-hero-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:20px;font-family:var(--landing-font-mono);font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--landing-accent);font-weight:600;box-shadow:var(--landing-shadow-sm);margin-bottom:22px}.landing-hero-title{font-family:var(--landing-font-serif);font-size:58px;line-height:1.08;font-weight:400;letter-spacing:-.02em;color:var(--landing-text-primary);margin-bottom:20px}.landing-hero-title em{font-style:italic;color:var(--landing-accent)}.landing-hero-subtitle{font-size:16.5px;line-height:1.65;color:var(--landing-text-secondary);max-width:740px;margin:0 auto 36px;font-weight:400}.landing-hero-ctas{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}.landing-btn-hero-primary{padding:12px 26px;border-radius:var(--landing-radius-md);background:var(--landing-accent);border:1px solid var(--landing-accent);color:var(--landing-text-inverse);font-size:14.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:all var(--landing-transition-fast);box-shadow:var(--landing-shadow-md);display:inline-flex;align-items:center;gap:8px}.landing-btn-hero-primary:hover{background:var(--landing-accent-hover);transform:translateY(-2px);box-shadow:var(--landing-shadow-lg)}.landing-btn-hero-secondary{padding:12px 24px;border-radius:var(--landing-radius-md);background:var(--landing-surface);border:1px solid var(--landing-border);color:var(--landing-text-primary);font-size:14.5px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--landing-transition-fast);box-shadow:var(--landing-shadow-sm);display:inline-flex;align-items:center;gap:8px}.landing-btn-hero-secondary:hover{background:var(--landing-bg-warm);border-color:var(--landing-accent-muted)}.landing-trust-bar{display:flex;align-items:center;justify-content:center;gap:32px;padding:14px 28px;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:var(--landing-radius-lg);box-shadow:var(--landing-shadow-sm);max-width:860px;margin:0 auto;flex-wrap:wrap}.landing-trust-item{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--landing-text-secondary)}.landing-trust-item svg{color:var(--landing-accent);flex-shrink:0}.landing-section{padding:40px 24px 60px;max-width:1200px;width:100%;margin:0 auto}.landing-section-header{text-align:center;margin-bottom:32px}.landing-section-tag{font-family:var(--landing-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--landing-accent);font-weight:600;margin-bottom:6px;display:block}.landing-section-title{font-family:var(--landing-font-serif);font-size:36px;font-weight:400;letter-spacing:-.02em;color:var(--landing-text-primary)}.landing-section-desc{font-size:14px;color:var(--landing-text-secondary);margin-top:6px}.landing-personas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.landing-persona-card{background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:var(--landing-radius-xl);padding:24px 20px;box-shadow:var(--landing-shadow-sm);display:flex;flex-direction:column;justify-content:space-between;transition:all var(--landing-transition-base);position:relative;overflow:hidden}.landing-persona-card:hover{transform:translateY(-3px);border-color:var(--landing-accent-muted);box-shadow:var(--landing-shadow-lg)}.landing-persona-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.landing-role-badge{font-family:var(--landing-font-mono);font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.03em}.badge-superadmin{background:var(--landing-rose-bg);color:var(--landing-rose);border:1px solid rgba(160,52,74,.25)}.badge-hradmin{background:var(--landing-info-bg);color:var(--landing-info);border:1px solid rgba(74,111,165,.25)}.badge-manager{background:var(--landing-warning-bg);color:var(--landing-warning);border:1px solid rgba(184,134,11,.25)}.badge-employee{background:var(--landing-positive-bg);color:var(--landing-positive);border:1px solid rgba(44,122,78,.25)}.landing-persona-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.landing-persona-avatar{width:40px;height:40px;border-radius:50%;background:var(--landing-bg-warm);border:1px solid var(--landing-border);display:flex;align-items:center;justify-content:center;font-family:var(--landing-font-mono);font-size:13px;font-weight:600;color:var(--landing-accent)}.landing-persona-name{font-size:14.5px;font-weight:600;color:var(--landing-text-primary);line-height:1.25}.landing-persona-email{font-family:var(--landing-font-mono);font-size:11px;color:var(--landing-text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-persona-desc{font-size:12.5px;color:var(--landing-text-secondary);line-height:1.5;margin-bottom:20px;min-height:56px}.landing-persona-btn{width:100%;padding:10px 14px;border-radius:var(--landing-radius-md);border:1px solid var(--landing-border);background:var(--landing-bg-warm);color:var(--landing-text-primary);font-size:12.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--landing-transition-fast)}.landing-persona-btn:hover{background:var(--landing-accent);color:var(--landing-text-inverse);border-color:var(--landing-accent)}.landing-persona-btn:disabled{opacity:.6;cursor:not-allowed}.landing-caps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.landing-cap-card{background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:var(--landing-radius-lg);padding:24px;box-shadow:var(--landing-shadow-sm);transition:all var(--landing-transition-fast);display:flex;flex-direction:column}.landing-cap-card:hover{border-color:var(--landing-accent-muted);box-shadow:var(--landing-shadow-md)}.landing-cap-icon{width:42px;height:42px;border-radius:var(--landing-radius-md);background:var(--landing-accent-light);color:var(--landing-accent);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-cap-title{font-size:16px;font-weight:600;color:var(--landing-text-primary);margin-bottom:8px}.landing-cap-desc{font-size:13px;color:var(--landing-text-secondary);line-height:1.6;flex:1}.landing-cap-meta{margin-top:16px;padding-top:12px;border-top:1px solid var(--landing-border-subtle);font-family:var(--landing-font-mono);font-size:11px;color:var(--landing-accent);font-weight:500;display:flex;align-items:center;gap:6px}.landing-banner{background:var(--landing-bg-warm);border:1px solid var(--landing-border);border-radius:var(--landing-radius-xl);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:40px;flex-wrap:wrap}.landing-banner-content h3{font-family:var(--landing-font-serif);font-size:26px;font-weight:400;color:var(--landing-text-primary)}.landing-banner-content p{font-size:13.5px;color:var(--landing-text-secondary);margin-top:6px;max-width:600px}.landing-footer{margin-top:auto;border-top:1px solid var(--landing-border);background:var(--landing-surface);padding:32px}.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.landing-footer-copy{font-size:12.5px;color:var(--landing-text-tertiary)}.landing-footer-meta{font-family:var(--landing-font-mono);font-size:11px;color:var(--landing-text-tertiary)}@media (max-width:1080px){.landing-caps-grid,.landing-personas-grid{grid-template-columns:repeat(2,1fr)}.landing-hero-title{font-size:46px}}@media (max-width:768px){.landing-nav-links{display:none}.landing-caps-grid,.landing-personas-grid{grid-template-columns:1fr}.landing-hero-title{font-size:36px}.landing-hero{padding:48px 16px 36px}.landing-trust-bar{gap:16px}}